@charset "UTF-8";



::-webkit-scrollbar {background: black; width:5px; height:20px;}

::-webkit-scrollbar-thumb {background: red;}

::-webkit-scrollbar-thumb:active {background:#ff0000; border:0;}





html{

    

    scroll-behavior: smooth;

    scroll-snap-type: y proximity;

}



body{

    font-family: 'DM Sans', sans-serif;

    padding: 0;

    margin: 0;

    background: white;

}



.voltar-ao-topo a{

    

    position: fixed;

    bottom: 30px;

    right: 30px;

    padding:7px 5px;

    box-sizing: border-box;

    color: white;

    background: rgba(1, 2, 1, .3);

    width: 35px;

    height: 35px;

    text-align: center;

    text-decoration: none;

    border-radius: 50px;

    z-index: 3;

}



label[for="menu"]{

    padding: 5px;

    background-color: black;

    color: white;

    font-family: arial;

    text-align: center;

    font-size: 30px;

    cursor: pointer;

    width: 50px;

    height: 50px;

    position: absolute;

    top: 10px;

    left: 10px;

}



#menu{

        display: none;

}



#menu:checked ~ .elementos-de-lista{

    margin-left: 0;

    padding-bottom: 190px;

    background: black;

}



.elementos-de-lista{

    

    margin-left: -180%;

    transition: all .2s linear;

}





.logo_top img{

 

    width: 5em;

    position: absolute;

    right: 20px;

}



.top-nav{

 

    background: black;

    text-align: center;

    height: 80px;

    

}



.top-nav ul{

    

    list-style: none;

    display: block;

    padding: 0;

    margin: 0;

}



.top-nav ul li{

    background: black transparent;

    transition: all .2s linear;

    

}



.top-nav ul li:hover{

    border-radius: 5px;

}



.top-nav a{

    color: white;

    text-decoration: none;

    display: block;

    padding: .7em;

    transition: .5s linear;

}



.top-nav a:hover{

    color: #F24B13;

}



#pag-principal{

    display: inline-block;

}



.background-inicio{

    

    box-sizing: border-box;

    position: relative;

    transform-style: inherit;

    z-index: -1;

    

}



.link_condominio{

    position: absolute;

    top: 30%;

    left: 5%;

    right: 5%;

    margin: auto;

    text-align: center;

    text-decoration: none;

    color: white;

    background-color: rgba(0, 1, 10, 0.8);

    width: 60%;

    height: 38px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 15px;

    transition: all .2s linear;

}



.link_condominio:hover{

    background-color: rgb(255, 255, 255);

    color: black;

}



.background-inicio h1{

    

    margin: 0;

    position: absolute;

    top: 35%;

    left: 50%;

    transform: translate(-50%, -50%);

    text-align: center;

    color: white;

    font-size: 20px;

    text-shadow: black 1px 2px 5px;

    

}



.background-inicio video{

    

    width: 100%;

}



/*

INÍCIO NOVA ÁREA

*/



#container_sessao_inicio{

    display: inline-block;

    background: black;

    padding: 0 8%;

    box-sizing: border-box;

    margin: -5px 0 0 0;

}



#container_sessao_inicio div h1{

    font-size: 20pt;

    color: white;

}



#container_sessao_inicio div h1 strong{

    color: red;

}



.sessao_inicio{

    display: flex;

    flex-wrap: wrap;

    padding: 15px;

    box-sizing: border-box;

}



.article_sessao{

    

    margin-bottom: 20px;

    background: #F7F9FC;

    text-align: center;

    color: #4D4D4D;

    position: relative;

    height: 500px;

    border-radius: 5px;

}



.article_sessao div img{

    width: 60%;

}



.article_sessao div h2{

    text-transform: uppercase;

    font-size: 11pt;

}



.article_sessao div p{

    margin: 15px 30px 35px;

}



/*.sessao_botao{

    position: absolute;

    bottom: 20px;

    left: 14%;

}*/



.sessao_botao{

    position: absolute;

    top: 87%;

    left: 8%;

    right: 8%;

}



.article_sessao div a{

    padding: 8px 35px;

    color: red;

    border: 2px solid red;

    background: none;

}



.article_sessao div a:hover{

    padding: 8px 35px;

    color: #340e00;

    border: 2px solid red;

    background: #ffa684;

}



#container_armazenamento_documentos{

    padding: 60px 8%;

    color: white;

    box-sizing: border-box;

    background: black;

}



#container_armazenamento_documentos div h2 strong{

    color: red;

}



#container_armazenamento_documentos p{

    line-height: 1.5;

}



#container_armazenamento_documentos div a{

    padding: 8px 35px;

    color: #ffffff;

    border: 2px solid red;

    background: none;

    text-decoration: none;

    border-radius: 5px;

    font-weight: bold;

    transition: all ease-in-out .2s;

}



#container_armazenamento_documentos div a:hover{

    background: #ffc5b0;

    color: #671c00;

}



.botao_fale_conosco{

    text-align: center;

    margin: 30px 0;

}



.botao_fale_conosco a{

    padding: 8px 35px;

    color: #ffffff;

    border: 2px solid red;

    background: none;

    text-decoration: none;

    border-radius: 5px;

    font-weight: bold;

    transition: all ease-in-out .2s;

}



.botao_fale_conosco a:hover{

    

    background: #ffc5b0;

    color: #671c00;

}



#container_empresa_pronta_atender{

    padding: 80px 8%;

    box-sizing: border-box;

    color: white;

    text-align: center;

    background: black;

}



#container_empresa_pronta_atender div h2{

    text-align: left;

}



#container_empresa_pronta_atender div h2 strong{

    color: red;

}



.container_display_flex_pronta_atender{

    display: flex;

    flex-wrap: wrap;

    text-align: center;

}



.box_container_icons{

    width: 45%;

    margin: 5px;

    padding: 15px;

    box-sizing: border-box;

    border-radius: 15px;

    border: 2px solid #ccc;

    transition: all .2s linear;

}



.box_container_icons:hover{

    background-color: #1b1b1b;

}



.box_container_icons div img{

    width: 45%;

}



.box_container_icons a{

    color: white;

    text-decoration: none;

}



.box_container_icons a:hover{

    color: white !important;

}



#container_empresa_pronta_atender div .botao_fale_conosco a{

    

    text-decoration: none;

    background: none;

    border: 2px solid red;

    color: #ffffff;

    font-weight: bold;

    border-radius: 5px;

    padding: 8px 35px;

    transition: all ease-in-out .2s;

}



#container_empresa_pronta_atender div a:hover{

    background: #ffc5b0;

    color: #671c00;

}



#gestao_completa{

    padding: 60px 8%;

    box-sizing: border-box;

    color: white;

    background: black;

}



#gestao_completa h2 strong{

    color: red;

}



.container_flex_gestao_completa{

    display: flex;

    flex-wrap: wrap;

}



.content_display_flex{

    width: 70%;

    margin: 5px auto;

    padding: 15px;

    box-sizing: border-box;

}



.content_display_flex div img{

    width: 80%;

    display: block;

    margin: auto;

}



/*

FINAL NOVA ÁREA

*/



.fotovotaica-top-pag{

    

    display: block;

    margin-bottom: 70px;

    width: 100%;

}



.background-fotovotaica-inicio{

    display: inline-block;

    width: 100%;

    background-image: url(img/background-fotovotaica.jpg);

    background-size: cover;

    background-position: left bottom;

}



.background-fotovotaica-inicio div{

    

    display: inline-block;

    margin: 5% 10% ;

    text-align: center;

    

}



.bottons-fotovoltaica-title h3{

    

    margin: 5% 8%;

    display: inline-block;

    font-size: 18pt;

}





.bottons-fotovoltaica{

    

    display: inline-block;

    text-align: center;

    width: auto;

    width: 100%;

}



.bottons-fotovoltaica-title-sessao h4{

    font-size: 15pt;

}



.bottons-fotovoltaica a{

    

    text-decoration: none;

    color: red;

    font-weight: bold;

    padding: 10px 35px;

    border: 2px solid red;

    border-radius: 5px;

    transition: all .2s linear;

    

}



.bottons-fotovoltaica a:hover{

    

    background: #ffb974;

    color:  #5e1a00;

    box-shadow: 0px 0px 3px red;

}





.bottons-fotovoltaica-title-sessao img{

    

    width: 100px;

}





.galery-inicio{

    

    background-image: url(img/background-image-galery.jpg);

    background-size: cover;

    background-position: center;

    background-attachment: fixed;

    padding: 30px;  

}



.galery-inicio h2{

    

    color: black;

    padding: 0 8%;

}





/* Início animação com imagens */







.conteudo-galeria{

    display: flex;

    align-items: center;

    justify-content: center;

}



img{

    max-width: 100%;

}



.container-all{

    position: relative;

    max-width: 1000px;

    width: 100%;

    border-radius: 6px;

    overflow: hidden;

}



.slide{

    display: flex;

    transform: translate3d(0, 0, 0);

    transition: all 600ms;

    animation-name: autoplay;

    animation-duration: 35s;

    animation-direction: alternate;

    animation-fill-mode: forwards;

    animation-iteration-count: infinite;

}



.item-slide{

    position: relative;

    display: flex;

    flex-direction: column;

    flex-shrink: 0;

    flex-grow: 0;

    max-width: 100%;

}



.pagination{

    position: absolute;

    bottom: 20px;

    left: 0;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

    width: 100%;

}



.pagination-item{

    display: flex;

    flex-direction: column;

    align-items: center;

    width: 10px;

    height: 10px;

    border-radius: 50px;

    overflow: hidden;

    cursor: pointer;

    background: rgba(255, 255, 255, 0.5);

    margin: 0 5px;

    text-align: center;

    transition: all 300ms;

}



.pagination-item img{

    display: inline-block;

    max-width: none;

    height: 100%;

    transform: scale(1);

    opacity: 0;

    transition: all 300ms;

}



.pagination-item:hover img{

    opacity: 1;

    transform: scale(1);

}





input[id="1"]:checked ~ .slide{

    animation: none;

    transform: translate3d(0, 0, 0);

}



input[id="1"]:checked ~ .pagination .pagination-item[for="1"]{

    background: #fff;

}



input[id="2"]:checked ~ .slide{

    animation: none;

    transform: translate3d(calc(-100% * 1), 0, 0);

}



input[id="2"]:checked ~ .pagination .pagination-item[for="2"]{

    background: #fff;

}





input[id="3"]:checked ~ .slide{

    animation: none;

    transform: translate3d(calc(-100% * 2), 0, 0);

}



input[id="3"]:checked ~ .pagination .pagination-item[for="3"]{

    background: #fff;

}



input[id="4"]:checked ~ .slide{

    animation: none;

    transform: translate3d(calc(-100% * 3), 0, 0);

}



input[id="4"]:checked ~ .pagination .pagination-item[for="4"]{

    background: #fff;

}



input[id="5"]:checked ~ .slide{

    animation: none;

    transform: translate3d(calc(-100% * 4), 0, 0);

}



input[id="5"]:checked ~ .pagination .pagination-item[for="5"]{

    background: #fff;

}





input[id="6"]:checked ~ .slide{

    animation: none;

    transform: translate3d(calc(-100% * 5), 0, 0);

}



input[id="6"]:checked ~ .pagination .pagination-item[for="6"]{

    background: #fff;

}





input[id="7"]:checked ~ .slide{

    animation: none;

    transform: translate3d(calc(-100% * 6), 0, 0);

}



input[id="7"]:checked ~ .pagination .pagination-item[for="7"]{

    background: #fff;

}





input[id="8"]:checked ~ .slide{

    animation: none;

    transform: translate3d(calc(-100% * 7), 0, 0);

}



input[id="8"]:checked ~ .pagination .pagination-item[for="8"]{

    background: #fff;

}



input[id="9"]:checked ~ .slide{

    animation: none;

    transform: translate3d(calc(-100% * 8), 0, 0);

}



input[id="9"]:checked ~ .pagination .pagination-item[for="9"]{

    background: #fff;

}





input[id="10"]:checked ~ .slide{

    animation: none;

    transform: translate3d(calc(-100% * 9), 0, 0);

}



input[id="10"]:checked ~ .pagination .pagination-item[for="10"]{

    background: #fff;

}





input[id="11"]:checked ~ .slide{

    animation: none;

    transform: translate3d(calc(-100% * 10), 0, 0);

}



input[id="11"]:checked ~ .pagination .pagination-item[for="11"]{

    background: #fff;

}





input[id="12"]:checked ~ .slide{

    animation: none;

    transform: translate3d(calc(-100% * 11), 0, 0);

}



input[id="12"]:checked ~ .pagination .pagination-item[for="12"]{

    background: #fff;

}







@keyframes autoplay{

    0%{

        transform: translate3d(calc(-100% * 0), 0, 0);

    }

    

    11.5%{

        transform: translate3d(calc(-100% * 0), 0, 0);

    }

    

    12.5%{

        transform: translate3d(calc(-100% * 1), 0, 0);

    }

    

    24%{

        transform: translate3d(calc(-100% * 1), 0, 0);

    }

    

    25.5%{

        transform: translate3d(calc(-100% * 2), 0, 0);

    }

    

    37%{

        transform: translate3d(calc(-100% * 2), 0, 0);

    }

    

    38%{

        transform: translate3d(calc(-100% * 3), 0, 0);

    }

    

    49.5%{

        transform: translate3d(calc(-100% * 3), 0, 0);

    }

    

    50.5%{

        transform: translate3d(calc(-100% * 4), 0, 0);

    }

    

    62%{

        transform: translate3d(calc(-100% * 4), 0, 0);

    }

    

    63%{

        transform: translate3d(calc(-100% * 5), 0, 0);

    }

    

    74.5%{

        transform: translate3d(calc(-100% * 5), 0, 0);

    }

    

    75.5%{

        transform: translate3d(calc(-100% * 6), 0, 0);

    }

    

    87%{

        transform: translate3d(calc(-100% * 6), 0, 0);

    }

    

    88%{

        transform: translate3d(calc(-100% * 7), 0, 0);

    }

    

    99.5%{

        transform: translate3d(calc(-100% * 7), 0, 0);

    }

    

    100%{

        transform: translate3d(calc(-100% * 7), 0, 0);

    }

}











/* Fim animação imagens */



.section-icons-services{

    

        margin: 1% 8%;

    

        display: flex;

        flex-wrap: wrap;

}



.section-icons-services article{

    

    text-align: center;

    margin: 1% auto;

    width: 45%

}



.section-icons-services article h4{

    

    color: blue;

    font-weight: bold;

}





article a{

        

        text-decoration: none;

        color: #F24B13;

        font-weight: bold;

        background: none;

        border: 2px solid red;

        padding: 5px 10px;

        border-radius: 5px;

        transition: all ease-in-out .2s;

       

    }

    

    article a:hover{

        background: #ff6430;

        padding: 5px 30px;

        color: #5d1900;

        visibility: visible;

    }





.nossos-servicos img{

    

    width: 4em;

}



.nossos-servicos{

    width: 100%;

    display: inline-block;

    box-sizing: border-box;

    

}



.nossos-servicos h2{

    

    text-align: center;

    background: #F24B13;

    margin: 0;

    color: white;

    padding: .4em;

}



.config-pag-description-services{

    

    display: inline-block;

    box-sizing: border-box;

    

}



.text-galery{

        

        text-align: center;

        color: white;

    }

    

    .text-galery a{

        

        text-decoration: none;

        color: green;

        background: white;

        border-radius: 15px;

        display: inline-block;

        padding: 5px;

    }



.title{

    

    display: inline-block;

    background: #ccc;

    width: 100%;

    color: white;

    height: 5em;

    

    background-image: url(img/background-image-inicio-servicos.png);

    background-size: cover;

    background-position: bottom center;

}



.title h3{

    margin: 1.5em;

}



.title-subtitle{

    

    text-align: center;

    margin: 15px 8%;

    text-transform: uppercase;

    line-height: 1.5;

}





.flex-colum{

    margin: 0 8%;

    text-align: justify;

}



.flex-colum p{

    line-height: 1.6;

}



.flex-colum-image{

    box-sizing: border-box;

    height: 15em;

    margin: 0 auto;

    background-image: url(img/portaria_inteligente.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

}



.buttom{

    margin: 50px auto;

    text-align: center;

}



.buttom a{

    text-decoration: none;

    border: 2px solid red;

    color: red;

    padding: 8px 35px;

    border-radius: 5px;

    transition: all .2s ease-in-out;

}



.buttom a:hover{

    

    background-color: #ffb78a;

    color: #812300;    

}





.falando-das-vantagens-tb-obc{

    text-align: center;

    background: red;

    display: inline-block;

    width: 100%;

    margin-top: 1em;

    color: white;

    padding: 0 8%;

    box-sizing: border-box;

}



.falando-das-vantagens-tb-obc01 nav{

    padding: 0 8%;

    box-sizing: border-box;

}





.falando-das-vantagens-tb-obc01 li{



    margin-left: -1em;

    line-height: 1.8;

}





.address02 a{

    

    line-height: 1.5;

}





.solicite-uma-demonstracao{

    

    color: white;

    text-align: center;

    display: inline-block;

}





.fomulario-solicitacao-form{

    

    width: 100%;

    background: black;

    text-align: center;

    display: inline-block;

}



fieldset{

    border: none;

    padding: 0;

    margin: 0;

}



.input-nome{

    margin: 0;

    padding: 0;

    width: 80%;

    box-sizing: border-box;

    margin-bottom: 1%;

    border: 0;

    border-radius: 3px;

    padding: 5px ;

    display: inline-block;

    transition: all .3s linear;

    outline: none;

}



.input-email{

    margin: 0;

    padding: 0;

    width: 80%;

    box-sizing: border-box;

    margin-bottom: 1%;

    border: 0;

    border-radius: 3px;

    padding: 5px ;

    display: inline-block;

    transition: all .3s linear;

    outline: none;

}



.input-telefone{

    margin: 0;

    padding: 0;

    width: 80%;

    box-sizing: border-box;

    margin-bottom: 1%;

    border: 0;

    border-radius: 3px;

    padding: 5px ;

    display: inline-block;

    transition: all .3s linear;

    outline: none;

}



.textarea{

    margin: 0;

    padding: 0;

    width: 80%;

    height: 130px;

    font-family: arial;

    padding: 5px;

    box-sizing: border-box;

    resize: none;

    border: none;

    border-radius: 3px;

    transition: all .3s linear;

    outline: none;

}



.submit{

    padding: 0;

    margin: 0;

    font-family: arial;

    width: 80%;

    text-align: center;

    box-sizing: border-box;

    padding: 10px 0;

    background: #001dff;

    color: white;

    border: 0;

    border-radius: 3px;

    transition: all .3s linear;

    margin-top: .5%;

    outline: none;

}



.submit:hover{

    background: #00009f;

    

}





.address-form h2{

    font-size: 13px;

}



.address{

    color: white;

    display: inline-block;

    

    

}



.address03 a{

    

    color: white;

    text-decoration: none;

    font-style: normal;

    transition: .2s linear;

}



.address a:hover{

    

    color: red;

}



.address01 p, .address02 a, .address03 a{

    

    font-size: 14px;

    line-height: 1.5;

}



.address01, .address02 a, .address03{

    

    color: white;

    text-decoration: none;

    font-style: normal;

    transition: .2s linear;

}



.address02 h2{

    font-style: normal;

}







.span-redes-sociais{

    

    position:fixed;

    right: 0;

    bottom: 35%;

}



.span-redes-sociais div{

    

    box-sizing: border-box;

}





.span-redes-sociais div{

    

    width: 2em;

    transition: .2s linear;

    margin: 5px 0;

}



.span-redes-sociais div:hover{

    

    margin-left: -5px;

}



.address-form{

    text-align: center;

    width: 80%;

    margin: auto;

    display: flex;

    box-sizing: border-box;

}



.address{

    text-align: left;

}



.address01 p, .address02 a, .address03 a{

    

    font-size: 10px;

}

    

.address-form-empresa-do-grupo{

    margin-left: 1em;

}



.address-form-empresa-do-grupo h2{



    color: white;

    display: block;

}

.address-form-empresa-do-grupo img{

    width: 15em;

}



.mapa_site{

    text-align: center;
    background: #0e0239;
    width: 100%;
    padding: 10% 0;
    box-sizing: border-box;
    align-items: left;

}



.mapa_site div h3{

    margin: 0;

    padding: 30px 0 0 0;

    color: white;
    font-size: 20pt;

}



.mapa_site nav{

    display: flex;
    justify-content: left;
    display: flex;
    flex-direction: column;

    

}



.mapa_site nav ul{

    margin: 30px auto;
    width: 80%;

}



.mapa_site nav ul a{

    text-decoration: none;

    color: white;

    line-height: 1.5;
    padding: 0 2px;

}



.mapa_site nav ul a:hover{

    color: yellow;

}



.mapa_site nav ul a li{

    list-style: none;

    width: 100%;

    margin: auto;
    text-align: left;

}





#parceiros-infinity{



    width: 100%;

    display: inline-block;

    background: #797979;

    

}



#parceiros-infinity h2{

    

    font-weight: normal;

    letter-spacing: 3px;

    color: white;

    display: inline-block;

}



#parceiros-infinity-flexbox{

    

    width: 95%;

    margin: 0 auto;

    display: flex;

}



#parceiros-infinity-flexbox .img-parceiros{

    

    padding: 10px;

    box-sizing: border-box;

    width: 9.5%;

    margin: 0 auto;

    opacity: .5;

    transition: all .5s cubic-bezier(.50,-0.78,.19,1.65);

}



#parceiros-infinity-flexbox .img-parceiros:hover{

    opacity: 1;

    transform: rotate(360deg) scale(1.1);

}



footer{

    

    text-align: center;

    color: white;

    background: red;

    padding: .5em;

}



/*-----------------------------------------------------------------------------------------------------*/





@media screen and (min-width: 48.75em){

    

    .link_condominio{

        top: 40%;

    }

    

    label[for="menu"]{

        display: none;

    }

    

    label[for="menu"]{

    padding: 5px;

    background-color: black;

    color: white;

    font-family: arial;

    text-align: center;

    font-size: 30px;

    cursor: pointer;

    width: 50px;

    height: 50px;

    position: absolute;

    top: 10px;

    left: 10px

    }



    #menu{

            display: none;

    }



    #menu:checked ~ .elementos-de-lista{

        margin-left: 0;

        padding-bottom: 90px;

        background: black;

    }



    .elementos-de-lista{



        margin-left: -150%;

        transition: all .2s linear;

    }





    .logo_top img{



        width: 5em;

        position: absolute;

        left: 20px;

    }



    .top-nav{

        height: 90px;

        width: 100%;

    }



    .top-nav ul{



        list-style: none;

        display: flex;

        float: right;

        margin-top: 25px;

        margin-right: 20px;

    }

    

    .top-nav ul li{

        border-right: 1px solid #ccc;

    }

    

    .top-nav ul li:hover{

        background: #0a0a0a;

        border-radius: 5px;

    }

    .elementos-de-lista{

    

        margin-left: 0%;

        transition: all .2s linear;

    }

    

    

    

    .background-inicio{

    

        box-sizing: border-box;

        position: relative;

        transform-style: inherit;

        margin-bottom: -150px;

        z-index: -1;



    }

    

    .background-inicio h1{

        

        font-size: 25px;

    }

    

    

    .sessao_inicio{

        margin: 0 auto;

    }

    

    .article_sessao{

        width: 45%;

        margin: 15px;

    }

    

    .sessao_botao{

        position: absolute;

        top: 90%;

        left: 10%;

        right: 10%;

    }

    

    .container_display_flex{

        text-align: center;

    }

    

    .container_display_flex div:nth-child(1){

        text-align: left;

    }

    

    .content_display_flex div:nth-child(1){

        

    }

    

    .content_display_flex div img{

        display: block;

        width: 50%;

        margin: auto;

    }

    

    

    

    .bottons-fotovoltaica-title h3{

    

        font-size: 20pt;

    }

    

    .sessao-botoes section{

        

        display: flex;

        

    }

    

    .sessao-botoes article{

        

        margin: 10px auto 50px;

        

    }

    

    .bottons-fotovoltaica-title-sessao article{

    

        width: 23%;

    }

    

    .bottons-fotovoltaica-title-sessao img{

        

        transition: all .2s ease-in;

    }

    

    .bottons-fotovoltaica-title-sessao img:hover{

     

        transform: scale(1.2);

        box-shadow: 1px 2px 10px black;

        border-radius: 50px;

        

    }

    

    .nossos-servicos h2{

    

        text-align: center;

        background: #F24B13;

        color: white;

        padding: .4em;

    }



    

    .section-icons-services{



        margin: 2% 8%;

        

        /*

        overflow: auto;*/

        

    }



    .section-icons-services article{



        text-align: center;

        margin: 1% 2%;

        width: 45%;

        height: 14em;

        /*

        float: left;*/

        

    }

    



    .nossos-servicos img{



        width: 5em;

    }

    

    

    .conteudo-galeria{

        display: flex;

        align-items: center;

        justify-content: center;

        padding: 30px;

    }

    

   

    

    

    .title h3{

        

        font-size: 2em;

        margin: .7em;

    }



    .title-subtitle{

        text-align: left;

        margin: 2% 7%;

        font-size: .8em;

    }





    .flex-colum{

        display: block;

    }



    .flex-colum p{



        line-height: 1.5;

        font-size: .8em;

        margin: 1% 5%;

    }



    .flex-colum-image{

        height: 20em;

    }



    .falando-das-vantagens-tb-obc01 li{



        margin: 1% 5%;

        font-size: .8em;

    }

    

    .address-form h2{

        font-size: 22px;

    }

    

    .address01 p, .address02 a, .address03 a{

    

        font-size: 16px;

        line-height: 1.5;

    }

    

    fieldset{

        width: 100%;

        margin: 0 auto;

}

    

    

    .fomulario-solicitacao-form{

        display: flex;

        flex-direction: row-reverse;

}

    .formulario-ajuste-final{

        

        margin-right: 50px;

        margin-top: 25px;

    }

    

    .address-form{

        display: flex;

    }



    .address{

        text-align: left;

        margin: 2em 0 2em 2em;

    }

    .address-form-empresa-do-grupo{

        margin: 2em 0 2em 2em ;

        width: 15em;

    }

    .address-form-empresa-do-grupo h2{

        color: white;

        display: block;

    }

    .address-form-empresa-do-grupo img{

        width: 10em;

    }

    .mapa_site {
        padding: 15px 10%;
    }

    .mapa_site nav{
        justify-content: left;
        display: flex;
        flex-direction: row;
        padding: 0;

        

    }



    .mapa_site nav ul{

        margin: 30px auto;
        width: 26%;

    }



    

}



@media screen and (min-width: 70em){   

    .link_condominio{

        top: 50%;

    }

    

    

    .background-inicio h1{

        

        font-size: 40px;

    }

    

    #container_sessao_inicio div h1{

        font-size: 25pt;

        margin: 40px 190px 20px;

        text-align: center;

    }

    

    .sessao_inicio{

        justify-content: center;

        padding: 0;

    }

    

    .article_sessao{

        width: 22%;

        height: 600px;

        margin: 10px;

    }

    

    

    .sessao_botao{

        position: absolute;

        top: 90%;

        left: 3%;

        right: 3%;

    }

    

    #container_armazenamento_documentos div h2{

        

        font-size: 25pt;

        text-align: center;

        margin: 30px 180px;

    }

    

    .container_display_flex{

        display: flex;

    }

    

    .container_display_flex div:nth-child(1){

        text-align: left;

        width: 50%;

    }

    

    .container_display_flex div:nth-child(1) p{

        font-size: 15pt;

    }

    

    .container_display_flex div:nth-child(2){



        width: 50%;

    }

    

    #container_empresa_pronta_atender{

        

        padding: 120px 8%;

    }

    

    #container_empresa_pronta_atender div h2{

        text-align: center;

        font-size: 25pt;

        margin: 45px 160px 25px 160px;

    }

    

    .box_container_icons{

        

        width: 23%;

        margin: 50px auto;

    }

    

    #gestao_completa h2{

        font-size: 25pt;

        margin: 25px  390px 25px 0;

    }

    

    .container_flex_gestao_completa{

        margin: 80px 0;

    }

    

    .content_display_flex{

        width: 33%;

        margin: auto;

        display: flex;

        align-items: center;

    }

    

    #gestao_completa .botao_fale_conosco{

        margin: 0px 0 70px 0;

    }

    

    .content_display_flex div:nth-child(1){

        width: 50%;

        margin: auto;

    }

    

    .content_display_flex div:nth-child(1) img{

        

        width: 70%;

    }

    

    .content_display_flex div:nth-child(2){

        width: 50%;

        font-size: 15pt;

    }

    

    .content_display_flex div:nth-child(2) p{

        font-size: 12pt;

    }

    

    .background-fotovotaica-inicio h2{

        

        font-size: 35pt;

        margin: 0;

        margin-top: 35px;

    }

    

    .background-fotovotaica-inicio{

        

        margin-bottom: 25px;

    }

    

    .bottons-fotovoltaica-title h3{

    

        margin: 0% auto;

        font-weight: normal;

        text-transform: uppercase;

        line-height: 1.5;

    }

    

    

    .sessao-botoes section{

        

        margin: 40px 100px  0;

    }

    

    

    .nossos-servicos h2{

        

        font-size: 2em;

        

    }

    

    

    

    

    .section-icons-services{



        margin: 3% 5%;

        

    }

    

    .section-icons-services article img{

        

        width: 6em;

    }



    .section-icons-services article{



        text-align: center;

        margin: 1% 0%;

        width: 23%;

        padding: 10px;

        transition: .3s linear;

        background: white;

        

    }

    

    .section-icons-services article:hover{

        

        background: #ededed;

    }

    

    .section-icons-services article p{

        font-size: 12pt;

        line-height: 1.5;

    }





    .nossos-servicos img{



        width: 4em;

    }

    

    

    

    .galery-inicio .todas-as-divs{

    width: 23%;

    margin: 1%;

    transition: .3s linear;

    }

    

    

    .title h3{

        font-size: 2em;

        margin-left: 8%;

    }



    .title-subtitle{

        text-align: left;

        font-size: 15pt;

        margin: 20px 450px 0 8%;

    }





    .displayflex{

        display: flex;

    }

    

    

    .flex-colum{

        width: 50%;



    }



    .flex-colum p:nth-child(1){

        margin: 0;

        font-size: 13pt;

    }



    .flex-colum-image{



        width: 60%;

        margin: 10px 5% 0 0;

    }

    

    .falando-das-vantagens-tb-obc01{

        margin-left: -90px;

    }

    

    .falando-das-vantagens-tb-obc01 li{

        

        font-size: 15pt;

    }



    .formulario-ajuste-final{

        

        margin-right: 50px;

        width: 70%;

    }

    

    .input-nome{

        margin: 0;

        padding: 0;

        width: 100%;

        box-sizing: border-box;

        margin-bottom: 1%;

        border: 0;

        border-radius: 3px;

        padding: 10px ;

        display: inline-block;

        transition: all .3s linear;

    }



    .input-email{

        margin: 0;

        padding: 0;

        width: 100%;

        box-sizing: border-box;

        margin-bottom: 1%;

        border: 0;

        border-radius: 3px;

        padding: 10px ;

        display: inline-block;

        transition: all .3s linear;

    }



    .input-telefone{

        margin: 0;

        padding: 0;

        width: 100%;

        box-sizing: border-box;

        margin-bottom: 1%;

        border: 0;

        border-radius: 3px;

        padding: 10px ;

        display: inline-block;

        transition: all .3s linear;

    }

    

    .textarea{

        width: 100%;

        height: 150px;

        font-family: arial;

        padding: 10px;

    }



    .submit{



        width: 100%;

        padding: 10px 0;



    }

    

}



@media screen and (min-width: 74em){

    

    .link_condominio{

        top: 60%;

    }

    

    .article_sessao{

        width: 22%;

        height: 550px;

        margin: 10px;

    }

    

    

    .sessao_botao{

        position: absolute;

        top: 90%;

        left: 3%;

        right: 3%;

    }

}



@media screen and (min-width: 85em){

    

    .link_condominio{

        top: 65%;

        width: 40%;

    }

}