body{
    font-family: 'Conv_Azzo-Regular',Sans-Serif;
}

.erse a{
    font-size: 11px;
    color: #404144;
}

/*-------------homepage-----------------------*/ 

.com_tex h1{
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'Conv_Azzo-Light',Sans-Serif;
    text-align: left;
    color: #00303c;
    margin-top: 190px;
}

h2 small{
    color: #002c3a;
}

.com_info{
    margin-top: 45px;
}

.loc_map{
    background-image: url("../imagens/homepage/loc_map.jpg");
    min-height: 350px;
    margin-top: 90px;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #e5f0f3;
}

.com_info img{
    height: 45px;
    margin: auto;
}

.graf img{
    height: 340px;
    margin: initial;
}


.graf2{
    display: none;
}

.que_faz{
    margin-top: 25px;
}

.que_faz h2{
    font-family: 'Conv_Azzo-Bold',Sans-Serif;
    color: #002c3a;
    font-size: 30px;
    margin-bottom: 0;
    margin-top: 3px;
}

.que_faz p{
    font-family: 'Conv_Azzo-Bold',Sans-Serif;
    color: #466a73;
    font-size: 12px;
    text-transform: uppercase;
    margin: 4px 0;
}

.img{
   /* border-right: 1px solid #466a73;*/
    height: 55px;
}

.img_mar{
    margin-top: 20px;
    margin-bottom: 20px;
}

.cont_info img{
    height: 70px;
    padding: 10px;
    margin-left: auto;
}

.up_cont{
    z-index: 10;
    position: absolute;
    left: 0;
    right: 0;
    margin-top: 45px;
}

.up_cont h3{
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Conv_Azzo-Bold',Sans-Serif;
    color: #00303c;
    margin: 15px 0px 10px 30px;
}

.up_cont p{
    font-size: 14px;
    font-family: 'Conv_Azzo-Regular',Sans-Serif;
    color: #466a73;
}

.up_cont h5{
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'Conv_Azzo-Bold',Sans-Serif;
    color: #00303c;
    text-align: left;
    margin-bottom: 0;
}

.values img{
    height: 75px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 25px;
}

.values h6{
    font-family: 'Conv_Azzo-Bold',Sans-Serif;
    color: #466a73;
    font-size: 12px;
    text-transform: uppercase;
    margin: 4px 0;
}

.values h2{
    font-family: 'Conv_Azzo-Bold',Sans-Serif;
    color: #002c3a;
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 0;
}

.val_mar{
    margin-top: 20px;
}

.val_rig{
    border-right: 1px solid #466a73;
}

.cont{
    background-color: #e7eff2;
    min-height: 380px;
    opacity: 0.750;
}

.esq_info{
    z-index: 0;
}

.bac_img{
    background-image: url(../imagens/homepage/win.jpeg);
    height: 380px;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
}

/*-------------imagens topo das páginas-----------------------*/  

        .topo.quem{
            background-image: url("../imagens/quem/quem.jpg");
        }

        .topo.amigo{
            background-image: url("../imagens/amigo/fundo.jpg");
        }

        .topo.acordos{
            background-image: url("../imagens/acordos/fundo.jpg");
        }

        .topo.rotulagem{
            background-image: url("../imagens/jumbotrons/rotulagem.jpg");
        }
    
        .topo.energia_verde{
            background-image: url("../imagens/energia_verde/energia_top.jpg");
        }

        .topo.autoconsumo_part{
            background-image: url("../imagens/autoconsumo_particulares/solar_top.jpg");
        }

        .topo.solar_storage{
            background-image: url("../imagens/solar_storage/nenufar_top.jpg");
        }

        .topo.middle_storage{
            background-image: url("../imagens/solar_storage/middle.jpg");
        }

        .topo.comunidade_s{
            background-image: url("../imagens/comunidade_s/comunidade_top.jpg");
        }
        
        .topo.middle_comunidade_s{
            background-image: url("../imagens/comunidade_s/nenufar_top.jpg");
        }

        .topo.smart{
            background-image: url("../imagens/smart/fundo.jpg");
        }

/*-------------fim imagens topo das páginas-----------------------*/ 

/*-------------amigo simples-----------------------*/ 
        .step{
            background-color: #e9eff1;
            min-height: 150px;
            border-right: 1px solid white;
            padding-top: 25px;
        }

        .step h4{
            font-family: 'Conv_Azzo-Bold',Sans-Serif;
            text-transform: uppercase;
            font-size: 15px;
            color: #00303c;
            text-align: center;
        }

        .step p{
            font-family: 'Conv_Azzo-Regular',Sans-Serif;
            font-size: 11px;
            color: #00303c;
            text-align: center;
            text-transform: uppercase;
        }

        .step img{
            height: 35px;
            display: block;
            margin: auto;
        }

        .step a{
            display: block;
            height: 45px;
            width: 90%;
            font-family: 'Conv_Azzo-Regular',Sans-Serif;
            font-size: 13px;
            color: #00303c;
            text-align: center;
            border: 1px solid #00303c;
            line-height: 45px;
            text-transform: uppercase;
            text-decoration: none;
            margin:auto;
        }

        .step a:hover{
            background-color: #00303c;
            color: white;
        }

        .step2 a{
            display: block;
            height: 45px;
            width: 90%;
            font-family: 'Conv_Azzo-Regular',Sans-Serif;
            font-size: 13px;
            color: #00303c;
            text-align: center;
            border: 1px solid #00303c;
            line-height: 45px;
            text-transform: uppercase;
            text-decoration: none;
            margin:auto;
        }

        .step2 a:hover{
            background-color: #ec6b00;
            color: white;
            border: 0;
        }


        .destaques2{
            
            min-height: 100px;
        }

        .destaques2 .col-md-12{
            padding-left: 0;
            padding-right: 0;
        }

        .dest{
            margin-bottom: 10px;
            cursor: pointer;
        }

        .dest1 img{
            height: 120px;
            display: block;
            margin: auto;
            margin-top: 30px;
        }

        .dest1 h3{
            font-family: 'Conv_Azzo-Bold',Sans-Serif;
            text-transform: uppercase;
            font-size: 15px;
            color: #404144;
        }

        .dest1 p{
            text-align: justify;
            font-family: 'Conv_Azzo-Regular',Sans-Serif;
            font-size: 14px;
            color: #404144;
            padding-bottom: 20px;
        }

        .dest2 h3{
            font-family: 'Conv_Azzo-Bold',Sans-Serif;
            text-transform: uppercase;
            font-size: 15px;
            color: #404144;
            border-bottom: 1px solid #ec6b00;
            padding-bottom: 10px;
        }

        .dest2 p{
            font-family: 'Conv_Azzo-Regular',Sans-Serif;
            font-size: 14px;
            color: #404144;
            padding-bottom: 20px;
        }

        .dest2 img{
            height: 70px;
            display: block;
            margin: auto;
            margin-top: 90px;
        }

         .client{
            margin-top: 25px;
        }

        .client2{
            margin-top: 60px;
        }

        .dest2.row{
            margin-top: 40px;
            
        }

        .ex_map{
            margin-top: 40px;
        }
/*-------------fim pagina amigo simples-----------------------*/ 

/*-------------pagina acordos-----------------------*/ 

        .bt_destaque a {
            font-family: 'Conv_Azzo-Medium',Sans-Serif;
            text-transform: uppercase;
            font-size: 12px;
            text-decoration: none;
            display: block;
            width: 100%;
            height: 50px;
            border: 1px solid #404144;
            color: red;
            line-height: 50px;
            text-align: center;
            background-color: transparent;
            color: #404144;
        }

        .bt_destaque a:hover{
            background-color: #404144;
            border: 0;
            color: white;
            text-decoration: none;
        }
/*-------------fim pagina acordos-----------------------*/ 

/*-------------pagina noticias-----------------------*/ 

        .news_box h5{
            font-family: 'Conv_Azzo-Regular',Sans-Serif;
            text-transform: uppercase;
            font-size: 10px;
            color: #00303c;
        }

        .news_box{
            padding: 20px;
            min-height: 225px;
        }

        .news_box h1{
            margin-top: 0;
            font-family: 'Conv_Azzo-Bold',Sans-Serif;
            text-transform: uppercase;
            font-size: 16px;
            color: #00303c;
        }

        .news_box p{
            font-family: 'Conv_Azzo-Regular',Sans-Serif;
            font-size: 16px;
            color: #506266;
        }
/*-------------fim pagina noticias-----------------------*/ 

/*-------------pagina rotulagem-----------------------*/ 

    .panel-default{
        border:1px solid white;
    }

    .panel-title{
        font-family: 'Conv_Azzo-Bold',Sans-Serif;
        font-size: 16px;
        color: #00303c;
        text-decoration: none;
    }

    .panel-title a:hover{
        text-decoration: none;
    }

    .panel-heading a{
        display: block;
        padding: 15px;
        border-bottom: 0;
        min-height: 45px;
        /* line-height: 45px; */
        text-align: center;
        border-radius: 0;
        text-transform: uppercase;
        border-radius: 5px;
        background-color: white;
        border: 1px solid #404144;
    }

    .panel-heading a:hover{
        background-color: #404144;
        color: white;
    }

    .panel-heading a:focus{
        text-decoration: none;
        background-color: #404144;
        color: white;
    }

    .panel-heading{
        padding: 0;
    }

    .panel-default>.panel-heading{
        border-bottom: none;
    }

    .panel-group .panel {
        border-radius: 0;
    }

    #accordion .panel-title, #accordion_a .panel-title,  #accordion_b .panel-title, #accordion_c .panel-title, #accordion_d .panel-title, #accordion_e .panel-title, #accordion_f .panel-title{
        font-family: 'Conv_Azzo-Regular',Sans-Serif;
        font-size: 12px;
        text-transform: uppercase;
        color: #404144;
        text-decoration: none;
        border: 0;
    }

    .panel-group #accordion a{
        background-color: red;
    }

    .panel-group .panel {
        border: 0;
    }

    .panel{
        border-radius: 0;
        margin-bottom: 5px;
    }

    .back_chart{
        display: block;
        width: 100%;
        height: auto;
        background-color: #e9eff1;
    }

    .back_chart img{
        display: block;
        margin:auto;
        width: 75%;
        padding: 20px 0;
    }

    .panel-body {
        padding: 15px 60px;
    }

    .nota {
        width: 100%;
        text-align: center;
        font-family: 'Conv_Azzo-Medium',Sans-Serif;
        font-size: 10px;
        color: #00303c;
    }

    .etiqueta{
        min-height: 100px;
        background-color:#f7f7ed; 
    }

    .etiqueta h4{
        width: 100%;
        text-align: center;
        font-family: 'Conv_Azzo-Medium',Sans-Serif;
        font-size: 14px;
        color: #404144;
        padding: 20px 0;
    }

/*-------------fim pagina rotulagem-----------------------*/ 

/*-------------pagina energia verde-----------------------*/ 

    .mapa_grafic{
        width: 220px;
        display: block;
        margin: auto;
    }

    .grafic1{
        width: 315px;
        display: block;
        margin: auto;
    }
    .grafic2{
        width: 290px;
        display: block;
        margin: auto;
    }

    .box_animate{
        width: 0;
        display: block;
        height: 50px;
        background-color: red;
         -webkit-animation: mymove 1s forwards; /* Safari 4.0 - 8.0 */
        animation: mymove 1s forwards;
    }

    @keyframes mymove {
        0%   { background: red;}
        100% { width: 100%;}
    }

        .central_box{
            padding: 10px 20px 0px 20px;
        }

        .central_box h1{
            margin-top: 0;
            font-family: 'Conv_Azzo-Bold',Sans-Serif;
            text-transform: uppercase;
            font-size: 16px;
            color: #00303c;
            margin-bottom: 0;
        }

        .central_box p{
            font-family: 'Conv_Azzo-Medium',Sans-Serif;
            font-size: 14px;
            color: #506266;
            text-transform: uppercase;
        }

        .info_central{
            display: block;
            min-height: 70px;
            font-family: 'Conv_Azzo-Medium',Sans-Serif;
            font-size: 11px;
            color: #506266;
            padding: 0 0 10px 20px;
            background-color: #e9eff1;
        }

        .info_central p{
            padding-top: 13px;
        }
/*-------------fim pagina energia verde-----------------------*/ 

/*-------------pagina autoconsumo particulares-----------------------*/ 

        .frase h1{
            color: #404144;
            font-size: 20px;
            text-transform: uppercase;
            font-family: 'Conv_Azzo-Light',Sans-Serif;
            text-align: left;
            padding-top: 35px;
            margin-top: 0;
        }

        .product h1{
            font-family: 'Conv_Azzo-Light',Sans-Serif;
            font-size: 35px;
            color: #00303c;
            text-transform: uppercase;
            margin-bottom: 0;
        }

        .product p{
            font-family: 'Conv_Azzo-Light',Sans-Serif;
            font-size: 20px;
            color: #00303c;
            text-transform: uppercase;
        }

/*-------------fim pagina autoconsumo empresas-----------------------*/ 


.plan_size img{
    height: 200px;
    margin: auto;
    margin-bottom: 15px;
}

/*------------------------ pagina bateria------------------------*/

        .success{
            margin-top: 30px;
        }
        
        .result{
            background-color: #e9eff1;
        }

        .result h1{
            font-family: 'Conv_Azzo-Bold',Sans-Serif;
            font-size: 15px;
            color: #00303c;
            text-align: center; 
            text-transform: uppercase;
            background-color: white;
            height: 30px;
        }

        .total_result:nth-child(4){
               height: 100px;
        }

        .total_result{
            height: 60px;
            margin: 25px 0;
            border-bottom: 1px solid white;
        }

        .total_result p{
            font-family: 'Conv_Azzo-Regular',Sans-Serif;
            font-size: 15px;
            color: #00303c;
            text-align: center; 
            text-transform: uppercase;
        }

        .total_result p:nth-child(1){
            margin-bottom: 0;
        }
        
        .total_result p:nth-child(2) {
            font-family: 'Conv_Azzo-Bold',Sans-Serif;
            font-size: 22px;
            color: #00303c;
            text-align: center; 
            text-transform: uppercase;
        }

        .box_top p:nth-child(1){
            font-family: 'Conv_Azzo-Regular',Sans-Serif;
            font-size: 15px;
            color: #00303c; 
            text-transform: uppercase;
            text-align: center;
            margin-bottom: 0;
        }

         .box_top p:nth-child(2){
            font-family: 'Conv_Azzo-Bold',Sans-Serif;
            font-size: 22px;
            color: #00303c; 
            text-transform: uppercase;
            text-align: center;
        }

        .box_info{
            background-color: #00303c;
            color: white;
            text-align: center;
            height: 60px;
        }

        .box_info p:nth-child(1){
            padding-top: 10px;
           font-family: 'Conv_Azzo-Regular',Sans-Serif;
            font-size: 15px;
            color: white; 
            text-transform: uppercase;
            text-align: center; 
            margin-bottom: 0;
        }

        .box_info p:nth-child(2){
            font-family: 'Conv_Azzo-Regular',Sans-Serif;
            font-size: 15px;
            color: white; 
            text-align: center; 
        }

        .box_description {
            padding-top: 10px;
            height: 60px;
            border-bottom: 1px solid #00303c;
        }

        .box_description p{
            font-family: 'Conv_Azzo-Regular',Sans-Serif;
            font-size: 15px;
            color: #00303c;
            text-align: center; 
            text-transform: uppercase;
        }

        .box_description p:nth-child(1) {
            margin-bottom: 0;
        }

        .icon{
            margin: 25px 0;
        }

        .icon img{
            height: 55px;
            display: block;
            margin: auto;
        }

        .icon_product img {
            width: 35px;
            display: block;
            margin-left: auto;
        }

        .icon h3{
            font-family: 'Conv_Azzo-Bold',Sans-Serif;
            font-size: 15px;
            color: #404144;
            text-transform: uppercase;
            text-align: center;
        }

        .icon p{
            font-family: 'Conv_Azzo-Regular',Sans-Serif;
            font-size: 11px;
            color: #404144;
            text-align: center;
            text-transform: uppercase;
        }

        .product{
            height: auto;
            background-color: #e9eff1;
            margin:50px 0;
        }

        .icon_product{
            margin-top: 25px;
        }

        .text_product h1{
            font-family: 'Conv_Azzo-Bold',Sans-Serif;
            font-size: 18px;
            text-transform: uppercase;
            margin: 20px 0;
        }

        .text_product p{
            font-family: 'Conv_Azzo-Regular',Sans-Serif;
            font-size: 14px;
        }

        .info_com{
            text-align: center;
            margin: 50px 0;
        }

        .info_com h1{
            font-family: 'Conv_Azzo-Bold',Sans-Serif;
            font-size: 35px;
            text-transform: uppercase;
            color: #00303c;
        }

        .info_com p{
            font-family: 'Conv_Azzo-Bold',Sans-Serif;
            font-size: 15px;
            text-transform: uppercase;
            color: #00303c;
        }

        .product2{
            min-height: 200px;
            background-color: #e9eff1;
            margin: 100px 0 100px 0;
        }

        .product2 h1{
             font-family: 'Conv_Azzo-Light',Sans-Serif;
            font-size: 35px;
            color: #00303c;
            text-transform: uppercase;
            margin-bottom: 0;
            margin-top: 65px;
        }

        .product2 p{
             font-family: 'Conv_Azzo-Light',Sans-Serif;
            font-size: 20px;
            color: #00303c;
            text-transform: uppercase;
        }

        .box_product{
            position: relative;
        }

        .info_product{
            position: absolute;
        }

        .fotovoltaico img{
            margin-right: auto;
            display: block;
            width: 270px;
            top: -88px;
            margin-top: -70px;
        }

        .bateria{
            position: relative;
        }

        .bateria img {
            position: absolute;
            width: 270px;
            top: 0px;
        }

        .casa img{
            display: block;
            margin-left: auto;
            width: 65%;
        }

        .casa{
            margin: 40px 0;
        }

        .destaque3{
            background-color: #e9eff1;
            min-height: 330px;
            padding-top: 20px;
            padding-bottom: 25px;
        }

        .destaques4{
            background-color: #e9eff1;
            min-height: 100px;
        }

        .base_bt{
            padding: 20px 0;
        }

        .esquema{
            margin: 35px 0 55px 0;
        }
        .esquema img{
            height: 270px;
            display: block;
            margin: auto;
        }

        .topics{
            margin-bottom: 50px;   
        }

        .house img{
            display: block;
            margin: auto;
            height: 220px;
            margin-top: 25px;
            margin-bottom: 25px;
        }


        .bottom_menu{
            margin-top: 20px;
        }

        .bottom_menu a{
            border: 1px solid #404144;
            display: block;
            height: 50px;
            color: #404144;
            font-family: 'Conv_Azzo-Bold',Sans-Serif;
            text-transform: uppercase;
            font-size: 12px;
            text-decoration: none;
            text-align: center;
            line-height: 50px;
            background-color: white;
            -webkit-transition: background-color 0.2s ease-out;
            -moz-transition: background-color 0.2s ease-out;
            -o-transition: background-color 0.2s ease-out;
            transition: background-color 0.2s ease-out;
        }

        .bottom_menu a:hover{
            color: white;
            border: 0;
            background-color: #404144;
        }
/*-------------fim da pagina baterias-----------------------*/ 

/*------------- pagina equipa-----------------------*/ 

.equipa_box a{
    display: block;
    filter: grayscale(100);
    transition: 0.5s;
}

.equipa_box a:hover{
    filter: grayscale(0);
}

.equipa_box img{
    display: block;
    margin: auto;
    overflow: hidden;
    border-radius: 5px;
}

.equipa_box p{
    text-align: center;
    font-family: 'Conv_Azzo-Medium',sans-serif;
    font-size: 13px;
    color: #404144;
}


/*------------- fim da página equipa-----------------------*/ 

/*------------- pagina oportunidades-----------------------*/ 

.job_box a{
    display: block;
    min-height: 100px;
    border: 1px solid #404144;
    width: 100%;
    margin: auto;
    color: #404144;
    text-align: center;
    padding-top: 30px;
    font-family: 'Conv_Azzo-Bold',Sans-Serif;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 3px;
}

.job_box a:hover{
    text-decoration: none;
    color: white;
    background-color: #404144;
    border: none;
}

.rgpd_info{
    color: #00303c;
    text-align: left;
    padding-top: 30px;
    font-family: 'Conv_Azzo-Regular',Sans-Serif;
    font-size: 12px;
}

.rgpd_txt{
    color: #404144;
    text-align: left;
    padding-top: 30px;
    font-family: 'Conv_Azzo-Medium',Sans-Serif;
    font-size: 15px;
}


/*------------------------css pagina smart------------------------*/

        .logo_smart {
            float: right;
            width: 190px;
            padding-top: 28px;
            padding-right: 28px;
        }

}

     /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
     
    }

/* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
      
        .dest_box{
            margin-top: 10px;
        }
        
        .step{
            border-bottom: 1px solid white;
        }
        
        .panel-body{
            padding: 5px 15px;
        }
        
        .icon {
            margin: 30px 0;
        }
    }

/* Small Devices, Tablets */
    @media only screen and (max-width : 767px) {
        
        .text_box p{
            font-size: 13px;
        }
        
        .que_faz h2{
            font-size: 22px;
        }
        
        .com_tex h1{
            font-size: 20px;
        }
        
        .loc_map {
            min-height: 250px;
        }
        
        .up_cont p{
            font-size: 13px;
        }
        
        .cont_info img {
            padding: 0;
        }
        
        .cont{
            min-height: 460px;
        }
        
        .values h2{
            font-size: 22px;
        }
        
        
        .bac_img{
            background-position: top;
            height: 460px;
        }
        
        .graf2{
            display: block;
            margin: auto;
            
        }
        
        .graf{
            display: none;
        }
        
        .image_box{
            display: none;
        }
        
        .que_faz {
            margin-top: 0;
        }
        
        .com_info {
            margin-top: 25px;
            margin-bottom: 60px;
        }
        
        .com_info img {
                margin: 0;
            margin-left: auto;
        }
        
        .values img {
            height: 60px;
            margin: auto;
            margin-top: 15px;
            margin-bottom: 0px;
            margin-right: 0;
           
        }
        
        .val_rig {
            border-right: none;
        }
        
        .val_mar {
            margin-top: 7px;
        }
        
         .news_box {
            padding: 10px 20px 0px 20px;
            min-height: 90px;
        }
        
        .frase h1{
            text-align: center;
        }
        
        .back_chart img{
            width: 100%;
        }
        
        .etiqueta {
            min-height: 65px;
        }
        
        .fotovoltaico img{
            display: none;
        }
        
        .casa img{
            margin: auto;
        }
        
        .esquema img{
            height: auto;
        }
        
    }
        
        
    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
        
        .frase h1{
            padding-top: 20px;
        }
        
        .product2 h1 {
            font-size: 30px;
            margin-top: 25px;
        }
        
        .product2 {
            min-height: 200px;
            background-color: #e9eff1;
            margin: 50px 0 30px 0;
        }
        
        .topo.middle_storage {
            display: none;
        }
        
        .house img{
            height: 180px;
        }
        
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
        
        .news_box p{
            font-size: 14px;
        }
    }