@media (min-width: 1200px) {
    .container {
        max-width: 1200px !important;
    }
}

@media print {
    .noprint {
        display: none!important;
    }
    body {
        background: #fff;
    }
}


/*banner inicial*/

div.banner {
    margin: 0;
    position: absolute;
    z-index: 1000000;
    top: 100px;
    left: 32.2%;
}

div.img_banner {
    position: absolute;
    z-index: 101;
    top: 0px;
    left: 0px;
}

div.fechar {
    position: absolute;
    z-index: 102;
    top: 20px;
    left: 20px;
    border: 0;
}


/**/




/*novo*/
.footerbottom{
    margin-bottom: 124px!important;
}

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

.footerfixobottom{
    margin-bottom: 66px!important;
}


/*CAIXA MSG PRIVACIDADE*/

.box_aceitar{
    display: flex;
    align-items: baseline;
}

.sistemaup .msgaceitar a {
    text-decoration: underline;
}

.fornecedor .msgaceitar a {
    text-decoration: underline;
}

.formulario_trabalhe .msgaceitar a{
    text-decoration: underline;
}


.nav-cookie-disclaimer {
    background: #333;
    /* border-top-right-radius: 6px;

    border-top-left-radius: 6px; */
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
    padding: 16px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px solid rgba(0, 0, 0, .12);
    z-index: 9999;
    font-family: "FuturaBook"!important;
}

.nav-cookie-disclaimer__text {
    color: #fff;
    font-size: 16px;
    margin: 0 0 24px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    line-height: 1.45;
    font-family: "TrendaLight";
}

.nav-cookie-disclaimer__text a {
    text-decoration: underline;
    color: #fff;
    white-space: nowrap;
}

.nav-cookie-disclaimer__button,
.nav-cookie-disclaimer__button:active {
    font-size: 14px;
    font-weight: 600;
    /* font-family: inherit; */
    font-family: "TrendaLight";
    line-height: 1.14;
    overflow: visible;
    text-transform: none;
    background-color: #3483fa;
    color: #fff;
    margin: 0;
    padding: 7px 12px;
    width: 100%;
    border: 1px solid #3483fa;
    border-radius: 6px;
    cursor: pointer;
    -webkit-appearance: button;
}

.nav-cookie-disclaimer__button, .nav-cookie-disclaimer__button:active, .nav-cookie-disclaimer__button:focus {
    width: initial;
    font-family: "TrendaLight";
    
}

.nav-cookie-disclaimer__text a:hover {
    color: #bfbfbf;
}

.alertgravacookie {
    display: none!important;
}

.msgaceitar {
    font-size: 17px!important;
}

.msgaceitar a{
    color: #333;
    font-weight: bold;
}

.trabtxt{
    padding-bottom: 0;
    margin-bottom: 0;
    height: 110px;
}

/**/

.btngoback {
    background-color: #15559C;
    border: 1px solid #15559C !important;
    border-radius: 15px;
    color: #fff;
    font-size: 15px;
    padding: 8px 20px;
}

.carta .lado-dir-listagem-detalhe .titulo {
    display: flex;
    justify-content: space-between;
}

#curriculo_arq {
    color: #333!important;
    box-shadow: 0 0 0 0;
    border: 0 none;
    outline: 0;
}

.pagqualidadeagua .titulo {
    font-size: 25px;
    font-family: "TrendaBold";
    color: #04B7F2;
    text-align: left;
    padding-top: 3.5%;
}

.pagqualidadeagua .texto {
    font-size: 17px;
    font-family: "TrendaLight";
    text-align: justify;
    padding: 3% 0;
}

.pagqualidadeagua .titulopdf {
    font-size: 25px;
    font-family: "TrendaBold";
    color: #04B7F2;
    text-align: left;
}

.msgtitulovisita .titulo {
    margin: 4% 0;
    font-family: "TrendaBold";
    text-align: justify;
    font-size: 20px;
}

.formulario_cadastro .file .file_label {
    background-color: #10408A;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    /* margin: 10px; */
    padding: 6px 20px;
    width: 28%;
    font-size: 17px;
}

.formulario_cadastro #inputArquivo {
    display: none;
}

.pgvisita .file .file_label {
    background-color: #10408A;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    /* margin: 10px; */
    padding: 6px 20px;
    width: 28%;
    font-size: 17px;
}

.pgvisita #inputArquivo {
    display: none;
}

.pgvisita label,
input,
select,
textarea {
    font-family: "TrendaLight";
    font-size: 17px;
    color: #333333;
}

.pgvisita {
    text-align: left;
}


/* .modalDialog {



    position: fixed;



    font-family: Arial, Helvetica, sans-serif;



    top: 0;



    right: 0;



    bottom: 0;



    left: 0;



    background: rgba(0, 0, 0, 0.8);



    z-index: 99999;



    opacity: 0;



    -webkit-transition: opacity 400ms ease-in;



    -moz-transition: opacity 400ms ease-in;



    transition: opacity 400ms ease-in;



    pointer-events: none;



}







.modalDialog:target {



    opacity: 1;



    pointer-events: auto;



}







.modalDialog>div {



    width: 400px;



    position: relative;



    margin: 10% auto;



    padding: 5px 20px 13px 20px;



    border-radius: 10px;



    background: #fff;



    background: -moz-linear-gradient(#fff, #999);



    background: -webkit-linear-gradient(#fff, #999);



    background: -o-linear-gradient(#fff, #999);



}







.close {



    background: #606061;



    color: #FFFFFF;



    line-height: 25px;



    position: absolute;



    right: -12px;



    text-align: center;



    top: -10px;



    width: 24px;



    text-decoration: none;



    font-weight: bold;



    -webkit-border-radius: 12px;



    -moz-border-radius: 12px;



    border-radius: 12px;



    -moz-box-shadow: 1px 1px 3px #000;



    -webkit-box-shadow: 1px 1px 3px #000;



    box-shadow: 1px 1px 3px #000;



}







.close:hover {



    background: #00d9ff;



} */

.modalmsg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-family: Arial, Helvetica, sans-serif;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

.modalmsg:target {
    opacity: 1;
    pointer-events: auto;
}

.modalmsg>div {
    width: 650px;
    position: relative;
    margin: 10% auto;
    padding: 15px 40px;
    background: #fff;
}

.fecharmodal {
    display: none;
}


/* .fecharmodal {



    position: absolute;



    width: 30px;



    right: -15px;



    top: -20px;



    text-align: center;



    line-height: 30px;



    margin-top: 5px;



    background: #666;



    border-radius: 50%;



    font-size: 16px;



    color: #fff;



} */


/* .fechar {



    position: absolute;



    width: 30px;



    right: -15px;



    top: -20px;



    text-align: center;



    line-height: 30px;



    margin-top: 5px;



    background: #ff4545;



    border-radius: 50%;



    font-size: 16px;



    color: #8d0000;



} */

.fechar {
    width: 100px;
    text-align: center;
    line-height: 30px;
    margin-bottom: 3%;
    background: #fff;
    border: 1px solid #999999;
    font-size: 16px;
    color: #999999;
    padding: 4px 15px;
    cursor: pointer;
}

.modalmsg .titulo {
    font-family: "TrendaBold";
    font-size: 17px;
    color: #008CCC;
    margin-top: 4%;
    margin-bottom: 4%;
}

.modalmsg .subtitulo {
    font-family: "TrendaBold";
    font-size: 17px;
    color: #008CCC;
    margin-bottom: 10px;
}

#formcontatovisita .form-group .select-visita:not([multiple]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%!important;
    background-repeat: no-repeat!important;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=)!important;
    padding: .5em;
    padding-right: 1.5em;
}


/*PAG VISITA AGENDADA*/

.visita {
    margin-top: 3%;
    margin-bottom: 3%;
    text-align: left;
}

.pgvisita {
    margin-bottom: 8%;
}

#formcontatovisita .hiddeninputvisita {
    display: none;
}

.mapas-visit {
    background-color: #F0F0F0!important;
    padding-top: 3%;
}

#formcontatovisita .btnvisita {
    color: #FFFFFF;
    font-family: "TrendaBold";
    font-size: 17px;
    font-weight: 300;
    background-color: #15559C;
    border: 1px solid #15559C!important;
    text-transform: unset;
    padding: 12px 30px!important;
}

#formcontatovisita .btnvisita:hover {
    background-color: #04B7F2!important;
    border: 1px solid #04B7F2!important;
    color: #fff!important;
}

#formcontatovisita .form-group .form-control {
    background: none;
    border: 0;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-bottom: 1px solid #c2cad8;
    border-radius: 0;
    color: #999;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
    font-family: "TrendaLight";
    font-size: 17px;
    font-weight: 300;
    /*margin-top: 3%;*/
}

#formcontatovisita .form-group ::-webkit-input-placeholder {
    font-weight: 300;
    color: #999;
    font-family: "TrendaLight";
}

#formcontatovisita .form-group :-moz-placeholder {
    font-weight: 300;
    color: #999;
    font-family: "TrendaLight";
}

#formcontatovisita .form-group ::-moz-placeholder {
    font-weight: 300;
    color: #999;
    font-family: "TrendaLight";
}

#formcontatovisita .form-group :-ms-input-placeholder {
    font-weight: 300;
    color: #999;
    font-family: "TrendaLight";
}


/*PAG GALERIA VIDEO*/

.galeria-video {
    margin: 3%;
}

.galeria-video {
    background-color: #FFF;
}

.galeria-video .titulo {
    font-family: "TrendaBold";
    font-size: 30px;
    color: #85C54A;
    text-align: left;
}

.galeria-video .txt {
    font-family: "TrendaLight";
    font-size: 17px;
    color: #999999;
    text-align: justify !important;
}

.galeria-video .box_not {
    display: flex;
    flex-wrap: wrap;
}

.galeria-video .card .card-title {
    font-family: "TrendaBold";
    text-align: left;
    font-size: 21px;
    color: #7DC9DF;
}

.galeria-video .card .card-title a {
    color: #0098D9;
    font-family: "TrendaBold";
    text-align: left;
    font-size: 17px;
}

.galeria-video .card .card-body {
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    align-items: flex-start;
    padding: 1.25rem 0 1rem 0;
}

.galeria-video .card .card-text {
    font-family: "TrendaLight";
    text-align: justify;
    font-size: 17px;
    color: #666;
}

.galeria-video .card .card-text a {
    font-family: "TrendaLight";
    text-align: justify;
    font-size: 17px;
    color: #666;
}

.galeria-video .link_det {
    border: 0!important;
    border-radius: 0!important;
}

.galeria-video .link_det:hover {
    border: 0!important;
    border-radius: 0!important
}

.galeria-video .btn_not {
    font-family: "TrendaBold";
    text-transform: none!important;
    font-size: 13px;
    color: #10408A;
    background-color: #fff;
    border: 1px solid #10408A;
    border-radius: 15px;
}

.galeria-video .btn_not:hover {
    color: #9CB1D0!important;
    background-color: #fff!important;
    border: 1px solid #9CB1D0!important;
}

.galeria-video .card {
    display: flex;
    padding: 15px;
    width: 32%;
    margin: 1%;
    /* height: 100%; */
}

.galeria-video .card:nth-child(3n) {
    margin-right: 0;
}

.galeria-video .card:nth-child(3n+1) {
    margin-left: 0;
}

.galeria-video .card-text {
    font-family: "TrendaBold";
    font-size: 17px;
    color: #666;
}

.galeria-video .box_btn {
    display: flex;
    align-items: center;
}

.galeria-video .box_vj {
    display: block;
}

.galeria-video .box_vj_mobile {
    display: none;
}

.galeria-video .img-res {
    height: 282px;
    object-fit: cover;
    object-position: center;
}


/*PAG MANUAL DE PADRONIZACAO*/

.manual_padronizado {
    margin-bottom: 3%;
    margin-top: 3%;
}

.manual_padronizado .titulo {
    font-size: 22px;
    font-family: "TrendaBold";
    color: #0098D9;
    ;
    text-align: left;
}

.manual_padronizado .texto {
    font-size: 17px;
    font-family: "TrendaLight";
    color: #666666;
    text-align: justify;
}

.manual_padronizado .box-imagem {
    display: flex;
}

.manual_padronizado .descricao {
    font-size: 16px;
    font-family: "TrendaBold";
    color: #7DC9DF;
    text-align: center;
}

.manual_padronizado .box-txt {
    font-size: 17px;
    font-family: "TrendaLight";
    color: #666666;
    text-align: justify;
    width: 60%;
}

.manual_padronizado .box-txt p {
    line-height: 50px;
}

.manual_padronizado .box-img {
    width: 40%;
    margin-right: 3%;
    margin-bottom: 3%;
    margin-top: 3%;
}


/*PAG DRENAGEM PLUVIAL*/

.drenagem .texto {
    font-family: "TrendaLight";
    font-size: 18px;
    text-align: justify;
    margin: 5% 0;
}


/*PAG TAXA LIXO*/

.taxa_lixo .titulo {
    font-size: 22px;
    font-family: "TrendaBold";
    color: #7DC9DF;
    text-align: left;
    margin-top: 2%;
}

.taxa_lixo .texto {
    font-family: "TrendaLight";
    font-size: 18px;
    text-align: left;
}

.taxa_lixo_video .container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.taxa_lixo_video .box_taxa_video {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 49%;
    margin-bottom: 3%;
}

.taxa_lixo_video .box_taxa_video a {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.taxa_lixo_video .box_taxa_video .texto {
    font-family: "TrendaLight";
    font-size: 17px;
    color: #666666;
    text-align: justify;
}

.taxa_lixo_pdf ul {
    padding-left: 0!important;
}

.taxa_lixo_pdf ul li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #DADADA;
}

.taxa_lixo_pdf .titulo_pdf {
    color: #666666;
    font-size: 17px;
    font-family: "TrendaLight";
}

.taxa_lixo_pdf a {
    font-size: 15px;
    font-family: "TrendaBold";
}

.taxa_lixo_pdf .box {
    width: 100%;
}

.taxa_lixo_pdf .titulo {
    font-size: 18px;
    font-family: "TrendaBold";
    color: #666666;
    text-align: left;
}

.taxa_lixo_pdf .texto {
    font-family: "TrendaLight";
    font-size: 17px;
    text-align: left;
}

.taxa_lixo_pdf .link {
    text-align: left;
}

.taxa_lixo_pdf .link a {
    font-size: 18px;
    font-family: "TrendaBold";
    color: #014063;
}


/*PAG ECOPONTO*/

.ecop {
    margin-top: 3%;
    margin-bottom: 3%;
}

.ecop .titulo {
    margin-top: 3.2%;
}

.ecoponto-materiais .container {
    display: flex;
}

.pag-ecoponto {
    padding-bottom: 3%;
}

.pag-ecoponto .titulo {
    font-family: "TrendaBold";
    font-size: 20px;
    color: #A9A9A9;
    padding-bottom: 1%;
}

.pag-ecoponto .titulo p {
    font-family: "TrendaBold";
    font-size: 20px;
    color: #A9A9A9;
}

.pag-ecoponto .texto {
    font-family: "TrendaLight";
    font-size: 17px;
    color: #666666;
    text-align: left;
}

.coleta-seletiva-ecoponto {
    margin: 4% 0;
}

.coleta-seletiva-ecoponto .container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.coleta-seletiva-ecoponto .titulo {
    font-family: "TrendaBold";
    font-size: 19px;
    color: #838383;
}

.dicas-coleta-seletiva-ecoponto {
    background-color: #F1F1F1;
}

.dicas-coleta-seletiva-ecoponto .container {
    display: flex;
}

.dicas-coleta-seletiva-ecoponto .box-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 30%;
}

.dicas-coleta-seletiva-ecoponto .box-text .txt1 {
    font-family: 'TrendaBold';
    font-size: 22px;
    margin-bottom: 5%;
}

.dicas-coleta-seletiva-ecoponto .box-text .txt2 {
    font-family: "TrendaLight";
    font-size: 18px;
}

.dicas-coleta-seletiva-ecoponto .box-img {
    width: 70%;
}

.dicas-coleta-seletiva-ecoponto .titulo {
    font-family: "TrendaBold";
    font-size: 20px;
    margin: 5% 0;
}

.dicas-coleta-seletiva-ecoponto .box-img .list-img img {
    -webkit-transition: -webkit-transform .25s ease;
    -moz-transition: -moz-transform .25s ease;
    -o-transition: -o-transform .25s ease;
    -ms-transition: -ms-transform .25s ease;
    transition: transform .25s ease;
}

.dicas-coleta-seletiva-ecoponto .box-img .list-img img:hover {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    cursor: pointer;
}

.dicas-coleta-seletiva-ecoponto .box-img .list-img {
    display: flex;
    justify-content: space-around;
    padding-bottom: 5%;
}

.materiais_recebidos .container {
    display: flex;
    justify-content: space-between;
}

.materiais_recebidos .box-recebidos {
    background-color: #F3F3F3;
    display: flex;
    flex-wrap: wrap;
    width: 49%;
    padding: 3%;
    justify-content: space-between;
}

.materiais_recebidos .box-recebidos .titulo {
    font-size: 12px;
    color: #666;
    font-family: "TrendaBold";
    width: 60%;
}

.materiais_recebidos .box-recebidos .itens {
    display: flex;
    align-items: center;
    width: 43%;
    text-align: left;
    margin-bottom: 3%;
}

.materiais_recebidos .box-recebidos .item-img {
    width: auto;
    padding-right: 2%;
}

.materiais_recebidos .informativo {
    background-color: #999;
    color: #fff;
    position: relative;
    top: -25%;
    width: 100%;
    font-size: 18px;
    padding: 1%;
    display: flex;
    font-family: "TrendaBold";
    align-items: center;
}

.materiais_recebidos .box-nao-recebidos {
    background-color: #F3F3F3;
    display: flex;
    flex-wrap: wrap;
    width: 49%;
    padding: 3%;
    justify-content: space-between;
}

.materiais_recebidos .box-nao-recebidos .titulo {
    font-size: 12px;
    color: #666;
    font-family: "TrendaBold";
    width: 60%;
}

.materiais_recebidos .box-nao-recebidos .itens {
    display: flex;
    align-items: center;
    width: 43%;
    text-align: left;
    margin-bottom: 3%;
}

.materiais_recebidos .box-nao-recebidos .item-img {
    width: auto;
    padding-right: 2%;
}


/**/

.saiba_mais {
    border: 1px solid #72C7FE;
    border-radius: 40px;
    font-size: 18px;
    font-family: "TrendaLight";
    width: 120px;
    padding: 5px 10px;
    color: #72C7FE;
    cursor: pointer;
}

.servico_mais {
    border: 1px solid #FFFFFF;
    border-radius: 40px;
    font-size: 18px;
    font-family: "TrendaLight";
    width: 110px;
    padding: 5px 10px;
    color: #FFFFFF;
    cursor: pointer;
}

.ranking_link {
    border: 1px solid #DAEFDC;
    border-radius: 40px;
    font-size: 18px;
    font-family: "TrendaLight";
    width: 213px;
    padding: 5px 10px;
    color: #DAEFDC;
    cursor: pointer;
}

.progress_link {
    border: 1px solid #C6E7F8;
    border-radius: 40px;
    font-size: 18px;
    font-family: "TrendaLight";
    width: 237px;
    padding: 5px 10px;
    color: #C6E7F8;
    cursor: pointer;
}

.avaliacao .box-msg {
    padding: 5% 2%;
    width: 100%;
    box-shadow: 0 10px 50px 5px rgba(0, 0, 0, 0.1), 0 0 3px 5px rgba(0, 0, 0, 0.04);
    margin-bottom: 5%;
    margin-top: 5%;
}

.msgsucesstxt1 {
    color: #3379B7;
    font-family: 'Roboto', sans-serif;
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 0;
}

.msgsucesstxt2 {
    color: #999999;
    font-family: 'Roboto', sans-serif;
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 0;
}


/*PAG PROGRESS*/

.carta .lado-dir-listagem .titulo-grafico {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    color: #666;
    font-weight: 700;
    text-align: start;
    margin: 5% 0;
}

.carta .lado-dir-listagem #anoprogress {
    width: 115px;
}

.carta .lado-dir-listagem #categoriaprogress {
    width: 215px;
}

.carta .lado-dir-listagem #servicoprogress {
    width: 315px;
}

#msgbuscaprog {
    font-size: 15px;
    text-align: left;
}

#msgbuscarank {
    font-size: 15px;
    text-align: left;
}


/*PAG RANKING*/

.carta .lado-dir-listagem .box-numeros {
    background-color: #1D7DBD;
    color: #fff;
    width: 180px;
    height: 148px;
}

.carta .lado-dir-listagem .subtitulo-select {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    color: #666;
    font-weight: 700;
}

.carta .lado-dir-listagem .btn-buscar {
    font-family: "TrendaBold";
    font-size: 17px;
    background-color: #CCCCCC;
    height: 39px;
    width: 105px;
    padding: 0;
}

.carta .lado-dir-listagem .btn-habilitato {
    font-family: "TrendaBold";
    font-size: 17px;
    background-color: #15559C;
    color: #FFF;
    height: 39px;
    width: 105px;
    padding: 0;
}

.carta .lado-dir-listagem .titulo-ranking {
    color: #3379B7;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    padding-bottom: 2%;
    border-bottom: 1px solid #ccc;
    font-weight: 700;
}

.carta .lado-dir-listagem .box-statisticas h4 {
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    padding-top: 5%;
    font-weight: 700;
}

.carta .lado-dir-listagem .box-statisticas .text-statisticas {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    text-align: center;
    line-height: 20px;
    font-weight: 400;
}

.carta .lado-dir-listagem .ranking-texto {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 17px;
    color: #666666;
    text-align: justify;
}

.carta .lado-dir-listagem #anoranking {
    width: 115px;
}

.carta .lado-dir-listagem #mesranking {
    width: 215px;
}

.carta .lado-dir-listagem #categoriaranking {
    width: 315px;
}

.carta .lado-dir-listagem .navegacao {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    font-weight: 700;
    display: flex;
    justify-content: flex-end;
}

.carta .lado-dir-listagem .ranking_nav_esq {
    color: #87C54B;
    border-bottom: 3px solid #337AB7;
}

.carta .lado-dir-listagem .ranking_barra {
    color: #ccc;
}

.carta .lado-dir-listagem .ranking_nav_dir {
    color: #ACACAC;
    border-bottom: 3px solid #CCCCCC;
}

.carta .lado-dir-listagem .box-text-ranking .txt {
    color: #666666;
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    font-weight: 700;
    text-align: left;
}

.carta .lado-dir-listagem .box-text-ranking {
    color: #666666;
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    font-weight: 400;
    text-align: left;
}

.carta .lado-dir-listagem .box-text-ranking .txt-melhor {
    color: #1D7DBD;
}

.carta .lado-dir-listagem .box-text-ranking .txt-pior {
    color: #990000;
}

.carta .lado-dir-listagem .txt-titulo {
    color: #666;
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    font-weight: 700;
    text-align: left;
}

.carta .lado-dir-listagem .txt-cat {
    color: #3379B7;
}

.carta .lado-dir-listagem .list-ranking {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.carta .lado-dir-listagem .list-ranking .ranking_servicos {
    color: #333333;
    border-bottom: 1px solid #999;
    text-align: start;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 17px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.carta .lado-dir-listagem .ranking_servicos .porcentagem {
    color: #0095E6;
}

.carta .lado-dir-listagem .list-ranking progress {
    width: 100px;
    height: 35px;
}

.carta .lado-dir-listagem .list-ranking .progress {
    display: flex;
    align-items: center;
    width: 150px;
}


/* .carta .lado-dir-listagem .list-ranking .ranking_servicos .progress {



    width: 100px;



    height: 35px;



    display: flex;



    align-items: center;



} */

.Progress-label {
    font-size: 1em;
    font-family: Helvetica, sans-serif;
    display: block;
}

.Progress-main {
    /* background-color: red; */
    display: block;
    width: 100%;
    height: 0.3em;
    /* margin-top: 0.75em; */
    border-top: 0;
}

.Progress-main::-moz-progress-bar {
    /* background: #17BAB3; */
    background: #1D7DBD;
}

.Progress-main::-webkit-progress-bar {
    background: #F2F2F2;
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) inset; */
}

.Progress-main::-webkit-progress-value {
    /* background: #17BAB3; */
    background: #1D7DBD;
}

.Progress-main::-ms-fill {
    /* background: #17BAB3; */
    background: #1D7DBD;
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) inset; */
}

.Progress-bar {
    /* margin-top: 0.95em; */
    background-color: #F2F2F2;
    height: 0.3em;
}

.Progress-value {
    background: #1D7DBD;
    display: block;
    height: 0.3em;
}

.Progress-main-baixo::-webkit-progress-value-baixo {
    background: #990033;
}

.Progress-value-baixo {
    background: #990033;
    display: block;
    height: 0.3em;
}

.carta .lado-dir-listagem .ranking_servicos .porcentagem-baixo {
    color: #990033;
}

.Progress-main-baixo {
    /* background-color: red; */
    display: block;
    width: 100%;
    height: 0.3em;
    /* margin-top: 0.75em; */
    border-top: 0;
}

.Progress-main-baixo::-moz-progress-bar {
    /* background: #17BAB3; */
    background: #990033;
}

.Progress-main-baixo::-webkit-progress-bar {
    background: #F2F2F2;
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) inset; */
}

.Progress-main-baixo::-ms-fill {
    /* background: #17BAB3; */
    background: #990033;
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) inset; */
}

.carta .lado-dir-listagem .list-ranking .ranking_servicos:nth-child(1) {
    padding-top: 1%;
    border-top: 1px solid #999;
}


/*BUSCA MENU LATERAL CARTA DE SERVICO*/

#search input {
    outline: none;
}

#search input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    font-family: inherit;
    font-size: 100%;
}

#search input::-webkit-search-decoration,
#search input::-webkit-search-cancel-button {
    display: none;
}

#search input[type=search] {
    background: url(../images/lupa.jpg) no-repeat 4px center;
    /* background: #ededed url(../images/lupa.jpg) no-repeat 9px center; */
    /* background: #ededed url(https://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 9px center; */
    border: solid 1px #fff;
    padding: 9px 10px 9px 32px;
    width: 55px;
    color: transparent!important;
    /* 



    border: solid 1px #ccc;



    padding: 9px 10px 9px 32px;



    width: 55px;



    -webkit-border-radius: 10em;



    -moz-border-radius: 10em;



    border-radius: 10em; */
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

#search input[type=search]:focus {
    width: 130px;
    background-color: #fff;
    border-color: #1D7DBD;
    /* border-color: #66CC75; */
    -webkit-box-shadow: 0 0 5px rgba(109, 207, 246, .5);
    -moz-box-shadow: 0 0 5px rgba(109, 207, 246, .5);
    box-shadow: 0 0 5px rgba(109, 207, 246, .5);
}

#search input:-moz-placeholder {
    color: #999;
}

#search input::-webkit-input-placeholder {
    color: #999;
}

#search input[type=search] {
    width: 15px;
    padding-left: 15px;
    /* padding-left: 10px; */
    cursor: pointer;
    color: transparent!important;
}

#search input[type=search]:hover {
    background-color: #fff;
}

#search input[type=search]:focus {
    width: 130px;
    padding-left: 35px;
    /* padding-left: 32px; */
    color: #999!important;
    background-color: #fff;
    cursor: auto;
}

#search input:-moz-placeholder {
    color: transparent;
}

#search input::-webkit-input-placeholder {
    color: transparent;
}


/*IDENTIFICACAO ETAPAS*/

.identificacao_etapas .container {
    display: flex;
    justify-content: flex-start;
}

.identificacao_etapas .titulo {
    color: #3379B7;
    font-family: "TrendaBold";
    font-size: 19px;
}

.identificacao_etapas .subtitulo {
    color: #999999;
    font-family: "TrendaBold";
    font-size: 19px;
}

.identificacao_etapas .box-ident {
    width: 35%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.identificacao_etapas .box-img {
    width: 30%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.identificacao_etapas .box-ident-nao {
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.identificacao_etapas .box-img-nao {
    width: 20%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.identificacao_etapas .box-ident-duvidas {
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.identificacao_etapas .box-img-duvidas {
    width: 20%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


/*PAG AVALIACAO*/

.avaliacao .container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.avaliacao .form-avaliazao .btn-enviar-avaliacao {
    color: #fff;
    background-color: #ccc;
    border: 0;
    padding: 8px 22px;
    font-family: "TrendaBold";
    font-size: 17px;
    text-transform: none;
}

.avaliacao .form-avaliazao .btn-enviar-avaliacao:focus {
    border: 0;
}

.avaliacao .form-avaliazao .btn-enviar-avaliacao:active {
    background-color: #666!important;
    border: 0;
}

.avaliacao .form-avaliazao .btn-enviar-avaliacao:hover {
    background-color: #666!important;
}

.avaliacao .form-avaliazao ::-webkit-input-placeholder {
    color: #999;
    font-family: "TrendaLight";
}

.avaliacao .form-avaliazao :-moz-placeholder {
    /* Firefox 18- */
    color: #999;
    font-family: "TrendaLight";
    font-size: 17px;
}

.avaliacao .form-avaliazao ::-moz-placeholder {
    /* Firefox 19+ */
    color: #999;
    font-family: "TrendaLight";
    font-size: 17px;
}

.avaliacao .form-avaliazao :-ms-input-placeholder {
    color: #999;
    font-family: "TrendaLight";
    font-size: 17px;
}

.avaliacao .box-form {
    padding: 5% 5%;
    width: 650px;
    /* box-shadow: 0 0 5px 5px #888; */
    box-shadow: 0 10px 50px 5px rgba(0, 0, 0, 0.1), 0 0 3px 5px rgba(0, 0, 0, 0.04);
    /* box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); */
}

.avaliacao .form-avaliazao .titulo {
    color: #666;
    font-family: "TrendaLight";
    font-size: 17px;
    font-weight: bold;
    text-align: left;
}

.avaliacao .form-avaliazao label {
    color: #666;
    font-family: "TrendaLight";
    font-size: 17px;
    text-align: left;
}

.avaliacao .form-avaliazao .textarea {
    color: #666;
    font-family: "TrendaLight";
    font-size: 17px;
    font-weight: bold;
    text-align: left;
}

.avaliacao .form-avaliazao .form-check-label {
    color: #666;
    font-family: "TrendaLight";
    font-size: 17px;
}


/*PAG AVALIACAO DADOS*/

.avaliacao .box-form-dados {
    padding: 4% 3%;
    width: 500px;
    box-shadow: 0 10px 50px 5px rgba(0, 0, 0, 0.1), 0 0 3px 5px rgba(0, 0, 0, 0.04);
}

.avaliacao .box-form-dados .inputLabel {
    color: #666;
    font-family: "TrendaLight";
    font-size: 17px;
    font-weight: bold;
}

.form-avaliazao p {
    font-family: "TrendaLight";
    font-size: 14px;
    color: red;
    text-align: left;
}


/*PAG AVALIACAO VERIFICACAO*/

.avaliacao .box-form-verificacao {
    padding: 4% 3%;
    width: 550px;
    box-shadow: 0 10px 50px 5px rgba(0, 0, 0, 0.1), 0 0 3px 5px rgba(0, 0, 0, 0.04);
}


/*PAG AVALIACAO ETAPA 2*/

.avaliacao .box-form-etapa2 {
    padding: 4% 3%;
    width: 850px;
    box-shadow: 0 10px 50px 5px rgba(0, 0, 0, 0.1), 0 0 3px 5px rgba(0, 0, 0, 0.04);
}


/*PAG AVALIACAO ETAPA 3*/

.avaliacao .box-form-etapa3 {
    padding: 4% 3%;
    width: 500px;
    box-shadow: 0 10px 50px 5px rgba(0, 0, 0, 0.1), 0 0 3px 5px rgba(0, 0, 0, 0.04);
}


/*PAG CARTA SERVICO LISTAGEM DETALHES*/

.carta .lado-dir-listagem-detalhe {
    width: 70%;
}

.carta .lado-dir-listagem-detalhe .titulo {
    color: #999999;
    font-family: "TrendaBold";
    font-size: 22px;
    text-align: left;
}

.carta .lado-dir-listagem-detalhe .box-listagem-detalhe {
    display: flex;
}

.carta .lado-dir-listagem-detalhe .box-listagem-detalhe .conteudo-listagem-detalhe {
    width: 100%;
}

.carta .lado-dir-listagem-detalhe .bord-pdf {
    margin-bottom: 3%;
    padding-bottom: 1%;
    border-bottom: 1px solid #94CB5C;
}

.carta .lado-dir-listagem-detalhe .box-inf {
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 3%;
}

.carta .lado-dir-listagem-detalhe .det-txt {
    margin-left: 1%;
    font-family: "TrendaLight";
    font-size: 17px;
    color: #666666;
}

.carta .lado-dir-listagem-detalhe .meios-solicitacao .det-icon {
    font-family: "TrendaBold"!important;
    font-size: 16px!important;
    color: #666666!important;
}

.carta .lado-dir-listagem-detalhe .avaliar-servico {
    background-color: #CEEEFF;
    width: 100%;
    display: flex;
    align-content: space-between;
    align-items: center;
    padding: 5% 3%;
}

.carta .lado-dir-listagem-detalhe .avaliar-servico .titulo {
    color: #3379B7;
    font-family: "TrendaBold";
    font-size: 19px;
}

.carta .lado-dir-listagem-detalhe .avaliar-servico .texto {
    color: #727272;
    font-family: "TrendaLight";
    font-size: 17px;
    text-align: left;
}

.carta .lado-dir-listagem-detalhe .avaliar-servico .box-avaliacao {
    width: 70%;
}

.carta .lado-dir-listagem-detalhe .avaliar-servico .btn-avalizao a {
    color: #fff;
}

.carta .lado-dir-listagem-detalhe .avaliar-servico .btn-avalizao:hover {
    background-color: #004A88;
}

.carta .lado-dir-listagem-detalhe .avaliar-servico .btn-avalizao {
    color: #fff;
    background-color: #639ECD;
    font-family: "TrendaBold";
    font-size: 17px;
    border: 0;
    padding: 18px 25px;
    text-transform: none;
    border-radius: 5px;
}

.carta .lado-dir-listagem-detalhe .registrar-duvidas {
    background-color: #F2F2F2;
    width: 100%;
    display: flex;
    align-content: space-between;
    align-items: center;
    padding: 5% 3%;
}

.carta .lado-dir-listagem-detalhe .registrar-duvidas .titulo {
    color: #999999;
    font-family: "TrendaBold";
    font-size: 19px;
}

.carta .lado-dir-listagem-detalhe .registrar-duvidas .texto {
    color: #727272;
    font-family: "TrendaLight";
    font-size: 17px;
    text-align: left;
}

.carta .lado-dir-listagem-detalhe .registrar-duvidas .box-duvidas {
    width: 70%;
}

.carta .lado-dir-listagem-detalhe .registrar-duvidas .btn-duvidas a {
    color: #fff;
}

.carta .lado-dir-listagem-detalhe .registrar-duvidas .btn-duvidas {
    color: #fff;
    background-color: #999999;
    font-family: "TrendaBold";
    font-size: 17px;
    border: 0;
    padding: 15px 14px;
    text-transform: none;
    border-radius: 5px;
    line-height: 16px;
}


/* .carta .lado-dir-listagem-detalhe .box-listagem-detalhe .meios-solicitacao {



    width: 20%;



} */

.carta .lado-dir-listagem-detalhe .box-listagem-detalhe .titulo {
    color: #0080C5;
    font-family: "TrendaBold";
    font-size: 20px;
    text-align: left;
}

.carta .lado-dir-listagem-detalhe .box-listagem-detalhe .texto {
    color: #666666;
    font-family: "TrendaLight";
    font-size: 17px;
    text-align: justify;
}

.carta .lado-dir-listagem-detalhe .box-listagem-detalhe .subtitulo {
    color: #1D7DBD;
    font-family: "TrendaBold";
    font-size: 17px;
    text-align: left;
}

.carta .lado-dir-listagem-detalhe .box-listagem-detalhe .box-cat {
    color: #666666;
    font-family: "TrendaLight";
    font-size: 17px;
    text-align: left;
    display: flex;
    align-items: baseline;
}

.carta .lado-dir-listagem-detalhe .meios-solicitacao .titulo {
    color: #545454;
    font-family: "TrendaLight";
    font-size: 16px;
}

.carta .lado-dir-listagem-detalhe .meios-solicitacao .icon-comercial {
    position: relative;
    padding-left: 40px;
}

.carta .lado-dir-listagem-detalhe .meios-solicitacao .icon-comercial::before {
    content: '';
    width: 24px;
    height: 20px;
    position: absolute;
    background-image: url('../images/icon-carta-servico/tel.png');
    background-size: cover;
    background-position: center;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.carta .lado-dir-listagem-detalhe .meios-solicitacao .icon-comercial .txt {
    color: #727272;
    font-size: 15px;
    font-family: "TrendaLight";
}

.carta .lado-dir-listagem-detalhe .meios-solicitacao .icon-email {
    position: relative;
    padding-left: 40px;
}

.carta .lado-dir-listagem-detalhe .meios-solicitacao .icon-email::before {
    content: '';
    width: 24px;
    height: 21px;
    position: absolute;
    background-image: url('../images/icon-carta-servico/e-mail.png');
    background-size: cover;
    background-position: center;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.carta .lado-dir-listagem-detalhe .meios-solicitacao .icon-email .txt {
    color: #727272;
    font-size: 15px;
    font-family: "TrendaLight";
}

.carta .lado-dir-listagem-detalhe .meios-solicitacao .icon-pc {
    position: relative;
    padding-left: 40px;
}

.carta .lado-dir-listagem-detalhe .meios-solicitacao .icon-pc::before {
    content: '';
    width: 24px;
    height: 20px;
    position: absolute;
    background-image: url('../images/icon-carta-servico/pc.png');
    background-size: cover;
    background-position: center;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.carta .lado-dir-listagem-detalhe .meios-solicitacao .box-time {
    font-size: 17px;
    font-family: "TrendaLight";
}

.carta .lado-dir-listagem-detalhe .meios-solicitacao .icon-pc .txt {
    color: #727272;
    font-size: 15px;
    font-family: "TrendaLight";
}

.carta .lado-dir-listagem-detalhe .meios-solicitacao .icon-local {
    position: relative;
    padding-left: 40px;
}

.carta .lado-dir-listagem-detalhe .meios-solicitacao .icon-local::before {
    content: '';
    width: 22px;
    height: 22px;
    position: absolute;
    background-image: url('../images/icon-carta-servico/loc.png');
    background-size: cover;
    background-position: center;
    left: 0;
    top: 40%;
    transform: translateY(-50%);
}

.carta .lado-dir-listagem-detalhe .meios-solicitacao .icon-local .txt {
    color: #727272;
    font-size: 15px;
    font-family: "TrendaLight";
}

.carta .lado-dir-listagem-detalhe .box-listagem-detalhe {
    border-top: 1px solid #CCCCCC;
    padding: 2% 0;
}


/*PAG CARTA SERVICO LISTAGEM*/

.carta .lado-dir-listagem {
    width: 70%;
}

.carta .lado-dir-listagem .msg-busca {
    font-size: 20px;
}

.carta .lado-dir-listagem .titulo {
    color: #666666;
    font-family: "TrendaBold";
    font-size: 22px;
    text-align: left;
}

.carta .lado-dir-listagem .box-listagem {
    display: flex;
}

.carta .lado-dir-listagem .box-listagem .conteudo-listagem {
    /* width: 80%;



    margin-right: 1%; */
    width: 85%;
    margin-right: 3%;
}

.carta .lado-dir-listagem .box-listagem .meios-solicitacao {
    width: 20%;
}

.carta .lado-dir-listagem .box-listagem .titulo {
    color: #0080C5;
    font-family: "TrendaBold";
    font-size: 20px;
    text-align: left;
}

.carta .lado-dir-listagem .box-listagem .texto {
    color: #666666;
    font-family: "TrendaLight";
    font-size: 17px;
    text-align: left;
}

.carta .lado-dir-listagem .box-listagem .subtitulo {
    color: #666666;
    font-family: "TrendaBold";
    font-size: 17px;
}

.carta .lado-dir-listagem .box-listagem .box-cat {
    color: #666666;
    font-family: "TrendaLight";
    font-size: 17px;
    text-align: left;
    display: flex;
    align-items: baseline;
}

.carta .lado-dir-listagem .meios-solicitacao .titulo {
    color: #545454;
    font-family: "TrendaLight";
    font-size: 16px;
}

.carta .lado-dir-listagem .meios-solicitacao .icon-comercial {
    position: relative;
    padding-left: 40px;
}

.carta .lado-dir-listagem .meios-solicitacao .icon-comercial::before {
    content: '';
    width: 24px;
    height: 20px;
    position: absolute;
    background-image: url('../images/icon-carta-servico/tel.png');
    background-size: cover;
    background-position: center;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.carta .lado-dir-listagem .meios-solicitacao .icon-comercial .txt {
    color: #727272;
    font-size: 15px;
    font-family: "TrendaLight";
}

.carta .lado-dir-listagem .meios-solicitacao .icon-email {
    position: relative;
    padding-left: 40px;
}

.carta .lado-dir-listagem .meios-solicitacao .icon-email::before {
    content: '';
    width: 24px;
    height: 21px;
    position: absolute;
    background-image: url('../images/icon-carta-servico/e-mail.png');
    background-size: cover;
    background-position: center;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.carta .lado-dir-listagem .meios-solicitacao .icon-email .txt {
    color: #727272;
    font-size: 15px;
    font-family: "TrendaLight";
}

.carta .lado-dir-listagem .meios-solicitacao .icon-pc {
    position: relative;
    padding-left: 40px;
}

.carta .lado-dir-listagem .meios-solicitacao .icon-pc::before {
    content: '';
    width: 24px;
    height: 20px;
    position: absolute;
    background-image: url('../images/icon-carta-servico/pc.png');
    background-size: cover;
    background-position: center;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.carta .lado-dir-listagem .meios-solicitacao .box-time {
    font-size: 17px;
    font-family: "TrendaLight";
}

.carta .lado-dir-listagem .meios-solicitacao .icon-pc .txt {
    color: #727272;
    font-size: 15px;
    font-family: "TrendaLight";
}

.carta .lado-dir-listagem .meios-solicitacao .icon-local {
    position: relative;
    padding-left: 40px;
}

.carta .lado-dir-listagem .meios-solicitacao .icon-local::before {
    content: '';
    width: 22px;
    height: 22px;
    position: absolute;
    background-image: url('../images/icon-carta-servico/loc.png');
    background-size: cover;
    background-position: center;
    left: 0;
    top: 40%;
    transform: translateY(-50%);
}

.carta .lado-dir-listagem .meios-solicitacao .icon-local .txt {
    color: #727272;
    font-size: 15px;
    font-family: "TrendaLight";
}

.carta .lado-dir-listagem .box-listagem {
    border-top: 1px solid #CCCCCC;
    padding: 2% 0;
}

.pagcarta {
    font-size: 15px;
}


/*PAG CARTA SERVICO*/

.carta .container {
    display: flex;
}


/*MENU CARTA SERVICO MOB*/

.menu_mob {
    display: none;
}


/*FIM MENU CARTA SERVICO MOB*/

.carta .lado-esq .box-perg {
    background-color: #E4F2D7;
    text-align: left;
    /* padding: 1%; */
}

.carta .lado-esq .box-perg .lei {
    color: #666666;
    font-size: 16px;
}

.carta .lado-esq .box-perg ul {
    padding-left: 35px;
}

.carta .lado-esq .box-perg ul li a {
    color: #007FC5;
}

.carta .lado-esq .box-perg ul li {
    list-style-image: url("../images/ul-li.png");
    color: #007FC5;
    font-size: 20px;
    font-family: "TrendaBold";
    padding-top: 0.5%;
    padding-bottom: 0.5%;
}

.carta .lado-esq .formulario-busca button {
    text-transform: none;
    font-family: "TrendaBold";
    font-size: 17px;
    background-color: #89C54B;
    padding: 2px 15px;
    border: 0;
}

.carta .lado-esq {
    width: 30%;
    margin-right: 3%;
}

.carta .lado-esq .box-at-pref {
    background-color: #E4F2D7;
    text-align: left;
}

.carta .lado-esq .box-at-pref .titulo {
    color: #88C54B;
    font-family: "TrendaBold";
    font-size: 25px;
    text-align: left;
}

.carta .lado-esq .box-at-pref .lei {
    color: #666666;
    font-size: 16px;
}

.carta .lado-esq .box-at-pref ul {
    padding-left: 20px;
}

.carta .lado-esq .box-at-pref ul li {
    list-style-image: url("../images/ul-li.png");
    color: #88C54B;
    font-size: 17px;
    font-family: "TrendaBold";
    border-bottom: 1px solid #94CB5C;
    padding-bottom: 3%;
    margin-bottom: 3%;
}

.carta .lado-esq .box-duvidas {
    background-color: #CEEEFF;
    text-align: left;
}

.carta .lado-esq .box-duvidas .titulo {
    color: #3379B7;
    font-size: 25px;
    font-family: "TrendaBold";
}

.carta .lado-esq .box-duvidas .subtitulo {
    color: #727272;
    font-size: 17px;
    font-family: "TrendaLight";
    line-height: 25px;
}

.carta .lado-esq .box-duvidas .icon-comercial {
    position: relative;
    padding-left: 40px;
}

.carta .lado-esq .box-duvidas .icon-comercial::before {
    content: '';
    width: 30px;
    height: 25px;
    position: absolute;
    background-image: url('../images/icon-carta-servico/phone.png');
    background-size: cover;
    background-position: center;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.carta .lado-esq .box-duvidas .icon-comercial .txt {
    color: #727272;
    font-size: 17px;
    font-family: "TrendaLight";
}

.carta .lado-esq .box-duvidas .icon-email {
    position: relative;
    padding-left: 40px;
}

.carta .lado-esq .box-duvidas .icon-email::before {
    content: '';
    width: 35px;
    height: 28px;
    position: absolute;
    background-image: url('../images/icon-carta-servico/email.png');
    background-size: cover;
    background-position: center;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.carta .lado-esq .box-duvidas .icon-email .txt {
    color: #727272;
    font-size: 17px;
    font-family: "TrendaLight";
}

.carta .lado-esq .box-duvidas .icon-time {
    position: relative;
    padding-left: 40px;
}

.carta .lado-esq .box-duvidas .icon-time::before {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    background-image: url('../images/icon-carta-servico/time.png');
    background-size: cover;
    background-position: center;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.carta .lado-esq .box-duvidas .box-time {
    font-size: 17px;
    font-family: "TrendaLight";
}

.carta .lado-esq .box-duvidas .icon-time .txt {
    color: #727272;
    font-size: 17px;
    font-family: "TrendaLight";
}

.carta .lado-esq .box-duvidas .icon-local {
    position: relative;
    padding-left: 40px;
}

.carta .lado-esq .box-duvidas .icon-local::before {
    content: '';
    width: 30px;
    height: 31px;
    position: absolute;
    background-image: url('../images/icon-carta-servico/local.png');
    background-size: cover;
    background-position: center;
    left: 0;
    top: 40%;
    transform: translateY(-50%);
}

.carta .lado-esq .box-duvidas .icon-local .txt {
    color: #727272;
    font-size: 17px;
    font-family: "TrendaLight";
}

.carta .lado-esq .box-ouvidoria {
    background-color: #F3F3F3;
    text-align: left;
}

.carta .lado-esq .box-ouvidoria .titulo {
    color: #666666;
    font-size: 25px;
    font-family: "TrendaBold";
}

.carta .lado-esq .box-ouvidoria .icon-comercial {
    position: relative;
    padding-left: 40px;
}

.carta .lado-esq .box-ouvidoria .icon-comercial::before {
    content: '';
    width: 30px;
    height: 25px;
    position: absolute;
    background-image: url('../images/icon-carta-servico/icon-ouvidoria-phone.png');
    background-size: cover;
    background-position: center;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.carta .lado-esq .box-ouvidoria .icon-comercial .txt {
    color: #727272;
    font-size: 17px;
    font-family: "TrendaLight";
}

.carta .lado-esq .box-ouvidoria .icon-email {
    position: relative;
    padding-left: 40px;
}

.carta .lado-esq .box-ouvidoria .icon-email::before {
    content: '';
    width: 35px;
    height: 28px;
    position: absolute;
    background-image: url('../images/icon-carta-servico/icon-ouvidoria-email.png');
    background-size: cover;
    background-position: center;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.carta .lado-esq .box-ouvidoria .icon-email .txt {
    color: #727272;
    font-size: 16px;
    font-family: "TrendaLight";
}

.carta .lado-esq .box-ouvidoria .icon-time {
    position: relative;
    padding-left: 40px;
}

.carta .lado-esq .box-ouvidoria .icon-time::before {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    background-image: url('../images/icon-carta-servico/icon-ouvidoria-time.png');
    background-size: cover;
    background-position: center;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.carta .lado-esq .box-ouvidoria .box-time {
    font-size: 17px;
    font-family: "TrendaLight";
}

.carta .lado-esq .box-ouvidoria .icon-time .txt {
    color: #727272;
    font-size: 17px;
    font-family: "TrendaLight";
}

.carta .lado-esq .box-ouvidoria .icon-local {
    position: relative;
    padding-left: 40px;
}

.carta .lado-esq .box-ouvidoria .icon-local::before {
    content: '';
    width: 30px;
    height: 31px;
    position: absolute;
    background-image: url('../images/icon-carta-servico/icon-ouvidoria-local.png');
    background-size: cover;
    background-position: center;
    left: 0;
    top: 40%;
    transform: translateY(-50%);
}

.carta .lado-esq .box-ouvidoria .icon-local .txt {
    color: #727272;
    font-size: 17px;
    font-family: "TrendaLight";
}

.carta .lado-dir {
    width: 70%;
}

.carta .lado-esq .titulo {
    color: #008CCC;
    font-family: "TrendaBold";
    font-size: 20px;
    text-align: left;
}

.carta .lado-esq .subtitulo {
    color: #008CCC;
    font-family: "TrendaBold";
    font-size: 17px;
    text-align: left;
}

.carta .lado-dir .titulo {
    color: #008CCC;
    font-family: "TrendaBold";
    font-size: 22px;
    text-align: left;
}

.carta .lado-dir .subtitulo {
    color: #008CCC;
    font-family: "TrendaBold";
    font-size: 17px;
    text-align: left;
}

.carta .lado-dir .texto {
    color: #666;
    font-family: "TrendaLight";
    font-size: 17px;
    text-align: justify;
}

.carta .lado-dir .bord {
    border-bottom: 1px solid #CCCCCC;
}

.carta .lado-dir .bord-pdf {
    margin-bottom: 3%;
    padding-bottom: 1%;
    border-bottom: 1px solid #94CB5C;
}


/*LOGIN*/

#login .titulo {
    color: #008CCC;
    font-family: "TrendaBold";
    font-size: 18px;
}

#login .btn-senha {
    background-color: #CCCCCC;
    color: #fff;
    font-family: "TrendaBold";
    font-size: 17px;
    border: 0;
    text-transform: none;
}

#login .btn-cad {
    background-color: #CCCCCC;
    color: #fff;
    font-family: "TrendaBold";
    font-size: 17px;
    border: 0;
    text-transform: none;
}

#login .btn-login {
    background-color: #1F97C0;
    color: #fff;
    font-family: "TrendaBold";
    font-size: 15px;
    border: 0;
    text-transform: capitalize;
}

#login label {
    font-size: 17px;
    font-family: "TrendaLight";
}

#login form ::-webkit-input-placeholder {
    color: #999;
    font-family: "TrendaLight";
}

#login form :-moz-placeholder {
    /* Firefox 18- */
    color: #999;
    font-family: "TrendaLight";
}

#login form ::-moz-placeholder {
    /* Firefox 19+ */
    color: #999;
    font-family: "TrendaLight";
}

#login form :-ms-input-placeholder {
    color: #999;
    font-family: "TrendaLight";
}

#login .box-txt {
    color: #999;
    font-family: "TrendaBold";
    /* font-size: 17px; */
    text-align: center;
    width: 80%;
    /* margin-left: auto;



    margin-right: auto; */
    margin-top: 12%;
    display: flex;
    justify-content: space-between;
}

#login .form-btn {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

#login .btn {
    padding: 6px 12px;
}


/*LOGIN EDITAL */

#login_edital .titulo {
    color: #008CCC;
    font-family: "TrendaBold";
    font-size: 18px;
}

#login_edital .btn-senha {
    background-color: #CCCCCC;
    color: #fff;
    font-family: "TrendaBold";
    font-size: 17px;
    border: 0;
    text-transform: none;
}

#login_edital .btn-cad {
    background-color: #CCCCCC;
    color: #fff;
    font-family: "TrendaBold";
    font-size: 17px;
    border: 0;
    text-transform: none;
}

#login_edital .btn-login {
    background-color: #1F97C0;
    color: #fff;
    font-family: "TrendaBold";
    font-size: 15px;
    border: 0;
    text-transform: capitalize;
}

#login_edital label {
    font-size: 17px;
    font-family: "TrendaLight";
}

#login_edital form ::-webkit-input-placeholder {
    color: #999;
    font-family: "TrendaLight";
}

#login_edital form :-moz-placeholder {
    /* Firefox 18- */
    color: #999;
    font-family: "TrendaLight";
}

#login_edital form ::-moz-placeholder {
    /* Firefox 19+ */
    color: #999;
    font-family: "TrendaLight";
}

#login_edital form :-ms-input-placeholder {
    color: #999;
    font-family: "TrendaLight";
}

#login_edital .box-txt {
    color: #999;
    font-family: "TrendaBold";
    /* font-size: 17px; */
    text-align: center;
    width: 80%;
    /* margin-left: auto;



    margin-right: auto; */
    margin-top: 12%;
    display: flex;
    justify-content: space-between;
}

#login_edital .form-btn {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

#login_edital .btn {
    padding: 6px 12px;
}


/*LOGIN PDF */

#login_pdf .titulo {
    color: #008CCC;
    font-family: "TrendaBold";
    font-size: 18px;
}

#login_pdf .btn-senha {
    background-color: #CCCCCC;
    color: #fff;
    font-family: "TrendaBold";
    font-size: 17px;
    border: 0;
    text-transform: none;
}

#login_pdf .btn-cad {
    background-color: #CCCCCC;
    color: #fff;
    font-family: "TrendaBold";
    font-size: 17px;
    border: 0;
    text-transform: none;
}

#login_pdf .btn-login {
    background-color: #1F97C0;
    color: #fff;
    font-family: "TrendaBold";
    font-size: 15px;
    border: 0;
    text-transform: capitalize;
}

#login_pdf label {
    font-size: 17px;
    font-family: "TrendaLight";
}

#login_pdf form ::-webkit-input-placeholder {
    color: #999;
    font-family: "TrendaLight";
}

#login_pdf form :-moz-placeholder {
    /* Firefox 18- */
    color: #999;
    font-family: "TrendaLight";
}

#login_pdf form ::-moz-placeholder {
    /* Firefox 19+ */
    color: #999;
    font-family: "TrendaLight";
}

#login_pdf form :-ms-input-placeholder {
    color: #999;
    font-family: "TrendaLight";
}

#login_pdf .box-txt {
    color: #999;
    font-family: "TrendaBold";
    /* font-size: 17px; */
    text-align: center;
    width: 80%;
    /* margin-left: auto;



    margin-right: auto; */
    margin-top: 12%;
    display: flex;
    justify-content: space-between;
}

#login_pdf .form-btn {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

#login_pdf .btn {
    padding: 6px 12px;
}


/*LOGIN CADASTRO */

#cadlogin .titulo {
    color: #008CCC;
    font-family: "TrendaBold";
    font-size: 18px;
}

#cadlogin .btn-senha {
    background-color: #CCCCCC;
    color: #fff;
    font-family: "TrendaBold";
    font-size: 17px;
    border: 0;
    text-transform: none;
}

#cadlogin .btn-cad {
    background-color: #CCCCCC;
    color: #fff;
    font-family: "TrendaBold";
    font-size: 17px;
    border: 0;
    text-transform: none;
}

#cadlogin .btn-login {
    background-color: #ccc;
    color: #fff;
    font-family: "TrendaBold";
    font-size: 15px;
    border: 0;
    text-transform: capitalize;
}

#cadlogin label {
    font-size: 17px;
    font-family: "TrendaLight";
}

#cadlogin form ::-webkit-input-placeholder {
    color: #999;
    font-family: "TrendaLight";
}

#cadlogin form :-moz-placeholder {
    /* Firefox 18- */
    color: #999;
    font-family: "TrendaLight";
}

#cadlogin form ::-moz-placeholder {
    /* Firefox 19+ */
    color: #999;
    font-family: "TrendaLight";
}

#cadlogin form :-ms-input-placeholder {
    color: #999;
    font-family: "TrendaLight";
}

#cadlogin .box-txt {
    color: #999;
    font-family: "TrendaBold";
    /* font-size: 17px; */
    text-align: center;
    width: 80%;
    /* margin-left: auto;



    margin-right: auto; */
    margin-top: 12%;
    display: flex;
    justify-content: space-between;
}

#cadlogin .form-btn {
    width: 100%;
    display: flex;
    justify-content: center;
}

#cadlogin .btn {
    padding: 5px 25px;
}

#cadlogin .modal-dialog {
    max-width: 900px;
}


/*LOGIN ALTERAÇÃO CADASTRO */

#cadupdate .titulo {
    color: #008CCC;
    font-family: "TrendaBold";
    font-size: 18px;
}

#cadupdate .btn-senha {
    background-color: #CCCCCC;
    color: #fff;
    font-family: "TrendaBold";
    font-size: 17px;
    border: 0;
    text-transform: none;
}

#cadupdate .btn-cad {
    background-color: #CCCCCC;
    color: #fff;
    font-family: "TrendaBold";
    font-size: 17px;
    border: 0;
    text-transform: none;
}

#cadupdate .btn-login {
    background-color: #ccc;
    color: #fff;
    font-family: "TrendaBold";
    font-size: 15px;
    border: 0;
    text-transform: capitalize;
}

#cadupdate label {
    font-size: 17px;
    font-family: "TrendaLight";
}

#cadupdate form ::-webkit-input-placeholder {
    color: #999;
    font-family: "TrendaLight";
}

#cadupdate form :-moz-placeholder {
    /* Firefox 18- */
    color: #999;
    font-family: "TrendaLight";
}

#cadupdate form ::-moz-placeholder {
    /* Firefox 19+ */
    color: #999;
    font-family: "TrendaLight";
}

#cadupdate form :-ms-input-placeholder {
    color: #999;
    font-family: "TrendaLight";
}

#cadupdate .box-txt {
    color: #999;
    font-family: "TrendaBold";
    /* font-size: 17px; */
    text-align: center;
    width: 80%;
    /* margin-left: auto;



    margin-right: auto; */
    margin-top: 12%;
    display: flex;
    justify-content: space-between;
}

#cadupdate .form-btn {
    width: 100%;
    display: flex;
    justify-content: center;
}

#cadupdate .btn {
    padding: 5px 25px;
}

#cadupdate .modal-dialog {
    max-width: 900px;
}


/*LOGIN RECUPERACAO SENHA*/

#recuploginsenha .titulo {
    color: #008CCC;
    font-family: "TrendaBold";
    font-size: 18px;
}

#recuploginsenha .btn-senha {
    background-color: #CCCCCC;
    color: #fff;
    font-family: "TrendaBold";
    font-size: 17px;
    border: 0;
    text-transform: none;
}

#recuploginsenha .btn-cad {
    background-color: #CCCCCC;
    color: #fff;
    font-family: "TrendaBold";
    font-size: 17px;
    border: 0;
    text-transform: none;
}

#recuploginsenha .btn-login {
    background-color: #1F97C0;
    color: #fff;
    font-family: "TrendaBold";
    font-size: 15px;
    border: 0;
    text-transform: capitalize;
}

#recuploginsenha label {
    font-size: 17px;
    font-family: "TrendaLight";
}

#recuploginsenha form ::-webkit-input-placeholder {
    color: #999;
    font-family: "TrendaLight";
}

#recuploginsenha form :-moz-placeholder {
    /* Firefox 18- */
    color: #999;
    font-family: "TrendaLight";
}

#recuploginsenha form ::-moz-placeholder {
    /* Firefox 19+ */
    color: #999;
    font-family: "TrendaLight";
}

#recuploginsenha form :-ms-input-placeholder {
    color: #999;
    font-family: "TrendaLight";
}

#recuploginsenha .box-txt {
    color: #999;
    font-family: "TrendaBold";
    /* font-size: 17px; */
    text-align: center;
    width: 80%;
    /* margin-left: auto;



    margin-right: auto; */
    margin-top: 12%;
    display: flex;
    justify-content: space-between;
}

#recuploginsenha .form-btn {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

#recuploginsenha .btn {
    padding: 6px 12px;
}

#recuploginsenha .modal-dialog {
    max-width: 550px;
}


/*conselho debilirativo*/

.tooltipcons .tooltiptext .titulo {
    font-family: "TrendaBold";
    font-size: 18px;
    color: #999;
    text-align: center;
}

.tooltipcons .tooltiptext .nomecons {
    font-family: "TrendaLight";
    font-size: 18px;
    color: #666;
    text-align: center;
}

.tooltipcons .tooltiptext .descricao {
    font-family: "TrendaLight";
    font-size: 16px;
    color: #666;
    text-align: center;
}

.tooltipcons .tooltiptext .box-representantes {
    width: 100%;
    display: flex;
}

.tooltipcons .tooltiptext .box-representantes .col1-rep {
    display: flex;
    flex-direction: column;
    width: 50%;
}

.tooltipcons .tooltiptext .box-representantes .col2-rep {
    display: flex;
    flex-direction: column;
    width: 50%;
}

.tooltipcons .tooltiptext .box-representantes .titulo-rep {
    font-family: "TrendaBold";
    font-size: 16px;
    color: #999;
}

.tooltipcons .tooltiptext .box-representantes .texto-rep {
    font-family: "TrendaLight";
    font-size: 16px;
    color: #666;
}

.tooltipcons {
    position: relative;
    display: inline-block;
}

.tooltipcons .tooltiptext {
    visibility: hidden;
    display: none;
    width: 1100px;
    height: auto;
    background-color: #F5F5F5;
    color: #666666;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    position: absolute;
    z-index: 10;
    top: 80%;
    left: -5%;
    margin-left: -393px;
    font-family: "TrendaLight";
    font-size: 16px;
}

.tooltipcons .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #F5F5F5 transparent;
}

.tooltipcons:hover .tooltiptext {
    visibility: visible;
    display: block;
}


/**/

.tooltiptextv {
    background-color: #E4F5FA;
}

.tooltipx {
    position: relative;
    display: inline-block;
    /* border-bottom: 1px dotted black; */
}

.tooltipx .tooltiptext {
    visibility: hidden;
    display: none;
    width: 100%;
    /* width: 120px; */
    /* background-color: black; */
    background-color: #F5F5F5;
    color: #666666;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 80%;
    left: 22%;
    margin-left: -60px;
    font-family: "TrendaLight";
    font-size: 16px;
}

.tooltipx .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #F5F5F5 transparent;
    /* border-color: transparent transparent black transparent; */
}

.tooltipx:hover .tooltiptext {
    visibility: visible;
    display: block;
}


/*PAG LICITACAO*/

.licitacao ul {
    padding-left: 0!important;
}

.licitacao .box-titulo-lic {
    display: flex;
    width: 100%;
}

.licitacao .box_select_lic {
    display: flex;
    flex-direction: column;
}

.licitacao form {
    width: 100%;
    display: flex;
    align-items: flex-end;
}

.licitacao form .btn-busca {
    color: #fff;
    background-color: #CCCCCC;
    font-size: 16px;
    text-transform: capitalize;
    font-family: "TrendaBold";
    height: 40px;
    padding: 5px 15px 5px 15px;
    width: 100%;
}

.licitacao form #processo {
    color: #999;
    font-family: "TrendaLight";
}

.licitacao form #palavra_chave {
    color: #999;
    font-family: "TrendaLight";
}

.licitacao form ::-webkit-input-placeholder {
    color: #999;
    font-family: "TrendaLight";
}

.licitacao form :-moz-placeholder {
    /* Firefox 18- */
    color: #999;
    font-family: "TrendaLight";
}

.licitacao form ::-moz-placeholder {
    /* Firefox 19+ */
    color: #999;
    font-family: "TrendaLight";
}

.licitacao form :-ms-input-placeholder {
    color: #999;
    font-family: "TrendaLight";
}

.licitacao form label {
    color: #15559C;
    font-size: 16px;
    font-family: "TrendaBold";
    text-align: left;
    width: 100%;
}

.licitacao form .form-group {
    width: 25%;
    margin-right: 1%;
}

.licitacao form .btn-b {
    margin-right: 0;
    width: 10%;
}

.licitacao .txt_titulo {
    width: 80%;
}

.licitacao .txt_login {
    width: 20%;
}

.licitacao .txt_titulo {
    color: #333333;
    font-size: 17px;
    font-family: "TrendaLight";
    text-align: left;
}

.licitacao .titulo_select {
    color: #0098D9;
    font-size: 22px;
    font-family: "TrendaBold";
    text-align: left;
}

.licitacao .titulo_login {
    color: #666;
    font-size: 17px;
    font-family: "TrendaBold";
}

.licitacao .titulo_login_logado {
    color: #1F97BF;
    font-size: 17px;
    font-family: "TrendaBold";
}

.licitacao .btn_login {
    background-color: #0098D9;
    ;
    color: #fff;
    font-size: 17px;
    font-family: "TrendaBold";
}

.licitacao .box-button {
    display: flex;
    width: 100%;
}

.licitacao .btn_login_dados {
    background-color: #ccc;
    color: #fff;
    font-size: 15px;
    font-family: "TrendaBold";
    text-transform: none;
    padding: 3px 10px;
    width: 100%;
    font-weight: 300;
}

.licitacao .btn_login_dados a {
    background-color: #ccc;
    color: #fff;
    font-size: 15px;
    font-family: "TrendaBold";
    text-transform: none;
    padding: 5px 10px;
    width: 100%;
}

.licitacao ul li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #DADADA;
}

.licitacao .titulo_pdf {
    color: #666;
    font-size: 17px;
    font-family: "TrendaLight";
}

.licitacao a {
    font-size: 15px;
    font-family: "TrendaBold";
}

.btn_legislacao .btn-leg {
    background-color: #007447;
    color: #FFDF00;
    padding: 10px 20px;
}

.licitacao .box {
    width: 100%;
}

.licitacao .titulo {
    font-size: 20px;
    font-family: "TrendaBold";
    color: #15559C;
    text-align: left;
}

.licitacao .texto {
    font-family: "TrendaLight";
    font-size: 17px;
    text-align: left;
}

.licitacao .link {
    text-align: left;
}

.licitacao .link a {
    font-size: 18px;
    font-family: "TrendaBold";
    color: #666;
}

.licitacao .subtitulo_lic {
    font-size: 18px;
    font-family: "TrendaBold";
    color: #666666;
    text-align: left;
}

.licitacao .sub-objeto {
    font-size: 18px;
    font-family: "TrendaBold";
    color: #666666;
}

.licitacao .text_lic {
    font-family: "TrendaLight";
    font-size: 17px;
    color: #333333;
    text-align: left;
}

.licitacao .box_inf_lic {
    display: flex;
    flex-direction: column;
}

.licitacao .box_inf_lic .item_lic {
    display: flex;
    align-items: baseline;
    width: 100%;
}

.licitacao .box-licitacao .item-licitacoes:nth-child(1) {
    border-top: 0;
}

.licitacao .item-licitacoes {
    border-top: 1px solid #999;
}


/* 



#cadlogin .pfisica {



    visibility: unset;



}







#cadlogin .pjuridica {



    visibility: hidden;



} */


/*PAG ORGANOGRAMA*/

.corpo_admin-mob {
    display: none;
}

.corpo_admin {
    display: block;
}

.estrutura .titulo {
    font-size: 25px;
    font-family: "TrendaBold";
    color: #04B7F2;
    text-align: left;
}

.estrutura .texto {
    font-size: 18px;
    font-family: "TrendaLight";
    color: #666666;
    text-align: justify;
}

.corpo_admin .titulo {
    font-size: 25px;
    font-family: "TrendaBold";
    color: #04B7F2;
    text-align: left;
}

.corpo_admin .organograma {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.corpo_admin .organograma .box-org {
    font-size: 18px;
    font-family: "TrendaBold";
    color: #fff;
    background-color: #15559C;
    ;
    /* width: 24%; */
    width: 100%;
    padding: 10px 30px;
}

.corpo_admin .organograma .box-org-ger {
    font-size: 18px;
    font-family: "TrendaBold";
    color: #fff;
    background-color: #15559C;
    ;
    width: 24%;
    padding: 10px 30px;
}

.corpo_admin .organograma .box-org-dep {
    font-size: 16px;
    font-family: "TrendaBold";
    color: #15559C;
    background-color: #E4F5FA;
    ;
    /* width: 24%; */
    width: 100%;
    padding: 10px 2px;
}

.corpo_admin .organograma .lista-vertical {
    display: flex;
    flex-direction: column;
}

.corpo_admin .organograma .box-org-ult {
    font-size: 18px;
    font-family: "TrendaBold";
    color: #fff;
    background-color: #15559C;
    ;
    /* width: 24%; */
    width: 100%;
    padding: 10px 30px;
}

.linha-vertical {
    width: 0.5%;
    height: 20px;
    border-left: 1px solid #0782AB;
    box-sizing: border-box;
}

.linha-vertical-r {
    width: 0.5%;
    height: 20px;
    border-right: 1px solid #0782AB;
    box-sizing: border-box;
}

.organograma .box-horizontal {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.organograma .box-horizontal .item {
    display: flex;
    flex-direction: column;
    width: 23%;
}

.linha-horizontal {
    width: 75%;
    height: 20px;
    border-top: 1px solid #0782AB;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
}

.linha-conecta::after {
    content: "";
    border-top: 1px solid #0782AB;
    border-right: 1px solid #0782AB;
    border-bottom: 1px solid #0782AB;
    box-sizing: border-box;
    width: 10px;
    height: 49px;
    position: absolute;
    z-index: 5;
    margin-left: 135px;
    margin-top: -27px;
}


/*PAG ORGANOGRAMA MOB*/


/* 



.corpo_admin .titulo {



    font-size: 25px;



    font-family: "TrendaBold";



    color: #7DC9DF;



    text-align: left;



}







.corpo_admin .organograma-mob {



    display: flex;



    align-items: center;



    flex-direction: column;



}







.corpo_admin .organograma-mob .box-org {



    font-size: 18px;



    font-family: "TrendaBold";



    color: #0680AB;



    background-color: #ADE2EF;



    width: 100%;



    padding: 10px 30px;



}







.corpo_admin .organograma-mob .box-org-ger-mob {



    font-size: 18px;



    font-family: "TrendaBold";



    color: #0680AB;



    background-color: #ADE2EF;



    width: 23%;



    padding: 10px 30px;



}







.corpo_admin .organograma-mob .box-org-ger {



    font-size: 18px;



    font-family: "TrendaBold";



    color: #0680AB;



    background-color: #ADE2EF;



    width: 100%;



    padding: 10px 30px;



}







.corpo_admin .organograma-mob .box-org-dep {



    font-size: 16px;



    font-family: "TrendaBold";



    color: #0680AB;



    background-color: #E4F5FA;



    width: 100%;



    padding: 10px 2px;



}







.corpo_admin .organograma-mob .lista-vertical {



    display: flex;



    flex-direction: column;



}







.corpo_admin .organograma-mob .box-org-ult {



    font-size: 18px;



    font-family: "TrendaBold";



    color: #0680AB;



    background-color: #ADE2EF;



    width: 100%;



    padding: 4px 30px;



    line-height: 20px;



}







.linha-vertical {



    width: 0.5%;



    height: 20px;



    border-left: 1px solid #0782AB;



    box-sizing: border-box;



}







.linha-vertical-r {



    width: 0.5%;



    height: 20px;



    border-right: 1px solid #0782AB;



    box-sizing: border-box;



}







.organograma-mob .box-horizontal {



    display: flex;



    justify-content: space-between;



    width: 100%;



    flex-direction: column;



    align-items: center;



}







.organograma-mob .box-horizontal .item {



    display: flex;



    flex-direction: column;



    width: 23%;



}







.linha-horizontal {



    width: 75%;



    height: 20px;



    border-top: 1px solid #0782AB;



    box-sizing: border-box;



    margin-left: auto;



    margin-right: auto;



    display: flex;



    justify-content: space-between;



}







.linha-conecta-left-diretoria::after {



    content: "";



    border-top: 1px solid #0782AB;



    border-left: 1px solid #0782AB;



    border-bottom: 1px solid #0782AB;



    box-sizing: border-box;



    width: 10px;



    min-height: 64px;



    height: auto;



    position: absolute;



    z-index: 5;



    margin-left: -145px;



    margin-top: -38px;



}







.linha-conecta-left-jur::after {



    content: "";



    border-top: 1px solid #0782AB;



    border-left: 1px solid #0782AB;



    border-bottom: 1px solid #0782AB;



    box-sizing: border-box;



    width: 10px;



    min-height: 584px;



    height: auto;



    position: absolute;



    z-index: 5;



    margin-left: -145px;



    margin-top: -554px;



}







.linha-conecta-left-eng::after {



    content: "";



    border-top: 1px solid #0782AB;



    border-left: 1px solid #0782AB;



    border-bottom: 1px solid #0782AB;



    box-sizing: border-box;



    width: 10px;



    min-height: 49px;



    height: auto;



    position: absolute;



    z-index: 5;



    margin-left: -145px;



    margin-top: -22px;



}







.linha-conecta-left-dir::after {



    content: "";



    border-top: 1px solid #0782AB;



    border-left: 1px solid #0782AB;



    border-bottom: 1px solid #0782AB;



    box-sizing: border-box;



    width: 10px;



    min-height: 100px;



    height: auto;



    position: absolute;



    z-index: 5;



    margin-left: -145px;



    margin-top: -73px;



}







.linha-conecta-left::after {



    content: "";



    border-top: 1px solid #0782AB;



    border-left: 1px solid #0782AB;



    border-bottom: 1px solid #0782AB;



    box-sizing: border-box;



    width: 10px;



    min-height: 101px;



    height: auto;



    position: absolute;



    z-index: 5;



    margin-left: -145px;



    margin-top: -73px;



}







.linha-conecta::after {



    content: "";



    border-top: 1px solid #0782AB;



    border-right: 1px solid #0782AB;



    border-bottom: 1px solid #0782AB;



    box-sizing: border-box;



    width: 10px;



    height: 49px;



    position: absolute;



    z-index: 5;



    margin-left: 135px;



    margin-top: -27px;



} */


/*PAG COLETA DE RESIDUOS*/

.cronograma .container {
    display: flex;
    justify-content: space-between;
}

.cronograma .titulo-cron {
    color: #838383;
    font-family: "TrendaBold";
    font-size: 21px;
}

.cronograma .box-btn-cronograma .titulo-btn {
    color: #52B7D7;
    font-family: "TrendaBold";
    font-size: 17px;
}

.cronograma .box-btn-cronograma .btn-baixar {
    background-color: #0098D9;
    color: #FFFFFF;
    font-family: "TrendaBold";
    font-size: 17px;
    padding: 10px 25px;
    text-transform: none;
}

.materias .container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.materias .titulo {
    background-color: #80BE45;
    color: #FFFFFF;
    font-family: "TrendaBold";
    font-size: 20px;
    padding: 10px 25px;
    width: 18%;
    margin-right: 1%;
    margin-bottom: 1%;
}

.materias .texto {
    background-color: #F1F1F1;
    color: #666;
    font-family: "TrendaLight";
    font-size: 17px;
    padding: 10px 25px;
    width: 81%;
    margin-bottom: 1%;
    text-align: left;
}


/**/

.lixo .container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.lixo .titulo {
    background-color: #0098D9;
    color: #FFFFFF;
    font-family: "TrendaBold";
    font-size: 20px;
    padding: 10px 25px;
    width: 18%;
    margin-right: 1%;
    margin-bottom: 1%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lixo .texto {
    background-color: #F1F1F1;
    color: #666;
    font-family: "TrendaLight";
    font-size: 17px;
    padding: 10px 25px;
    width: 81%;
    margin-bottom: 1%;
    text-align: left;
    display: flex;
    align-items: center;
}

.sugestao .titulo {
    color: #666;
    font-family: "TrendaLight";
    font-size: 17px;
    text-align: left;
}

.sugestao .subtitulo {
    color: #0098D9;
    font-family: "TrendaBold";
    font-size: 25px;
}

.sugestao .texto {
    color: #666;
    font-family: "TrendaLight";
    font-size: 18px;
    text-align: justify;
}


/*2VIA*/

#via2 .titulo {
    color: #008CCC;
    font-family: "TrendaBold";
    font-size: 18px;
}

#via2 .btn-certidao {
    background-color: #1F97C0;
    color: #fff;
    font-family: "TrendaBold";
    font-size: 14px;
    border: 0;
}

#via2 label {
    font-size: 17px;
    font-family: "TrendaLight";
}

#via2 form ::-webkit-input-placeholder {
    color: #999;
    font-family: "TrendaLight";
}

#via2 form :-moz-placeholder {
    /* Firefox 18- */
    color: #999;
    font-family: "TrendaLight";
}

#via2 form ::-moz-placeholder {
    /* Firefox 19+ */
    color: #999;
    font-family: "TrendaLight";
}

#via2 form :-ms-input-placeholder {
    color: #999;
    font-family: "TrendaLight";
}

#via2 .box-txt {
    color: #999;
    font-family: "TrendaBold";
    font-size: 17px;
    text-align: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 12%;
}

#via2 .form-btn {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}


/*CERTIDAO*/

#certidao .titulo {
    color: #008CCC;
    font-family: "TrendaBold";
    font-size: 18px;
}

#certidao .btn-certidao {
    background-color: #1F97C0;
    color: #fff;
    font-family: "TrendaBold";
    font-size: 14px;
    border: 0;
}

#certidao label {
    font-size: 17px;
    font-family: "TrendaLight";
}

#certidao form ::-webkit-input-placeholder {
    color: #999;
    font-family: "TrendaLight";
}

#certidao form :-moz-placeholder {
    /* Firefox 18- */
    color: #999;
    font-family: "TrendaLight";
}

#certidao form ::-moz-placeholder {
    /* Firefox 19+ */
    color: #999;
    font-family: "TrendaLight";
}

#certidao form :-ms-input-placeholder {
    color: #999;
    font-family: "TrendaLight";
}

#certidao .box-txt {
    color: #999;
    font-family: "TrendaBold";
    font-size: 17px;
    text-align: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 12%;
}

#certidao .form-btn {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}


/*PAG SOLICITAR SERVICO*/

.denucie .titulo_sol {
    color: #04B7F2;
    font-family: "TrendaBold";
    font-size: 25px;
}

.denucie .txtservicos {
    font-family: "TrendaLight";
    font-size: 17px;
    text-align: justify;
    background-color: #FFF;
    padding: 0px;
}

.denucie .form_solicitar label {
    font-family: "TrendaLight";
    font-size: 17px;
    color: #666;
    text-align: left;
    width: 100%;
}

.denucie .form_solicitar ::-webkit-input-placeholder {
    color: #999;
    font-family: "TrendaLight";
}

.denucie .form_solicitar :-moz-placeholder {
    /* Firefox 18- */
    color: #999;
    font-family: "TrendaLight";
}

.denucie .form_solicitar ::-moz-placeholder {
    /* Firefox 19+ */
    color: #999;
    font-family: "TrendaLight";
}

.denucie .form_solicitar :-ms-input-placeholder {
    color: #999;
    font-family: "TrendaLight";
}

.formulario_cadastro .btn-solicitar_serv {
    color: #FFFFFF;
    font-family: "TrendaBold";
    font-size: 17px;
    font-weight: 300;
    background-color: #15559C;
    border: 1px solid #15559C!important;
    text-transform: unset;
    padding: 12px 30px!important;
}

.formulario_cadastro .btn-solicitar_serv:hover {
    background-color: #04B7F2!important;
    border: 1px solid #04B7F2!important;
    color: #fff!important;
}

.denucie .form_solicitar label .fas .fa-question-circle {
    background-color: #CDF0F8!important;
    color: #666!important;
}

#exampleModal {
    margin-top: 10%;
}

#exampleModal .box-txt {
    color: #999;
    font-family: "TrendaBold";
    font-size: 17px;
    text-align: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2%;
}

.formulario_cadastro ::-webkit-input-placeholder {
    color: #999;
    font-family: "TrendaLight";
}

.formulario_cadastro :-moz-placeholder {
    /* Firefox 18- */
    color: #999;
    font-family: "TrendaLight";
}

.formulario_cadastro ::-moz-placeholder {
    /* Firefox 19+ */
    color: #999;
    font-family: "TrendaLight";
}

.formulario_cadastro :-ms-input-placeholder {
    color: #999;
    font-family: "TrendaLight";
}


/*PAG INFORMATIVO*/

.informativo .container {
    display: flex;
    flex-wrap: wrap;
}

.informativo .card {
    border: 0;
    width: 23%;
    margin-right: 2%;
}

.informativo .card-text {
    color: #666;
    font-family: "TrendaLight";
    font-size: 17px;
    text-align: left;
}

.informativo .titulo {
    color: #999;
    font-family: "TrendaBold";
    font-size: 17px;
    text-align: justify;
}

.informativo .card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.informativo .card-body .link {
    text-align: left;
}

.informativo .card-body .link a {
    color: #52B7D7;
    font-family: "TrendaLight";
    font-size: 18px;
    text-decoration: underline;
}


/*PAG CONTATO*/

.pgcontato .container {
    display: flex;
}

.pgcontato .text_atendimento {
    width: 50%;
    margin-right: 3%;
}

.pgcontato .formulario {
    width: 50%;
}

#formcontato {
    width: 100%;
}

#formcontato ::-webkit-input-placeholder {
    color: #999;
}

#formcontato :-moz-placeholder {
    /* Firefox 18- */
    color: #999;
}

#formcontato ::-moz-placeholder {
    /* Firefox 19+ */
    color: #999;
}

#formcontato :-ms-input-placeholder {
    color: #999;
}

.pgcontato .text_atendimento .titulo {
    font-family: "TrendaBold";
    font-size: 20px;
    color: #0098D9;
    text-align: left;
}

.pgcontato .text_atendimento .text {
    color: #333333;
    font-size: 17px;
    font-family: "TrendaLight";
    text-align: justify;
}

.pgcontato .text_atendimento .subtitulo {
    color: #9F9F9F;
    font-size: 19px;
    font-family: "TrendaBold";
    text-align: left;
}

.pgcontato .text_atendimento .box-text {
    display: flex;
    flex-direction: column;
}

.pgcontato .text_atendimento .icon-comercial {
    position: relative;
    padding-left: 40px;
}

.pgcontato .text_atendimento .icon-comercial::before {
    content: '';
    width: 30px;
    height: 25px;
    position: absolute;
    background-image: url('../images/icon-contato/icon-comercial.png');
    background-size: cover;
    background-position: center;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.pgcontato .text_atendimento .icon-plantao {
    position: relative;
    padding-left: 40px;
}

.pgcontato .text_atendimento .icon-plantao::before {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    background-image: url('../images/icon-contato/icon-plantao.png');
    background-size: cover;
    background-position: center;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.pgcontato .text_atendimento .icon-time {
    position: relative;
    padding-left: 40px;
}

.pgcontato .text_atendimento .icon-time::before {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    background-image: url('../images/icon-contato/icon-time.png');
    background-size: cover;
    background-position: center;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.pgcontato .text_atendimento .icon-email {
    position: relative;
    padding-left: 40px;
}

.pgcontato .text_atendimento .icon-email::before {
    content: '';
    width: 35px;
    height: 28px;
    position: absolute;
    background-image: url('../images/icon-contato/icon-email.png');
    background-size: cover;
    background-position: center;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.pgcontato .text_atendimento .icon-local {
    position: relative;
    padding-left: 40px;
}

.pgcontato .text_atendimento .icon-local::before {
    content: '';
    width: 30px;
    height: 31px;
    position: absolute;
    background-image: url('../images/icon-contato/icon-local.png');
    background-size: cover;
    background-position: center;
    left: 0;
    top: 40%;
    transform: translateY(-50%);
}

.pgcontato .text_atendimento .txt1 {
    color: #9F9F9F;
    font-size: 18px;
    font-family: "TrendaBold";
}

.pgcontato .text_atendimento .txt2 {
    color: #333333;
    font-size: 18px;
    font-family: "TrendaLight";
}

.inf-mapa .container {
    display: flex;
    justify-content: space-between;
}

.inf-mapa .estacao {
    width: 48%;
}

.inf-mapa .estacao .titulo {
    color: #999999;
    font-size: 19px;
    font-family: "TrendaBold";
}

.inf-mapa .aterro {
    width: 48%;
}

.inf-mapa .aterro .titulo {
    color: #999999;
    font-size: 19px;
    font-family: "TrendaBold";
}

.inf-mapa .ecoponto {
    width: 30%;
}

.inf-mapa .ecoponto .titulo {
    color: #999999;
    font-size: 19px;
    font-family: "TrendaBold";
}

.inf-mapa .box-text {
    display: flex;
    flex-direction: column;
}

.inf-mapa .box-text .txt2 {
    color: #333333;
    font-size: 18px;
    font-family: "TrendaLight";
}

.inf-mapa .box-text .icon-comercial {
    position: relative;
    padding-left: 40px;
}

.inf-mapa .box-text .icon-comercial::before {
    content: '';
    width: 30px;
    height: 25px;
    position: absolute;
    background-image: url('../images/icon-contato/icon-comercial.png');
    background-size: cover;
    background-position: center;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.inf-mapa .box-text .icon-time {
    position: relative;
    padding-left: 40px;
}

.inf-mapa .box-text .icon-time::before {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    background-image: url('../images/icon-contato/icon-time.png');
    background-size: cover;
    background-position: center;
    left: 0;
    top: 40%;
    transform: translateY(-50%);
}

.inf-mapa .box-text .icon-email {
    position: relative;
    padding-left: 40px;
}

.inf-mapa .box-text .icon-email::before {
    content: '';
    width: 35px;
    height: 28px;
    position: absolute;
    background-image: url('../images/icon-contato/icon-email.png');
    background-size: cover;
    background-position: center;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.inf-mapa .box-text .icon-local {
    position: relative;
    padding-left: 40px;
}

.inf-mapa .box-text .icon-local::before {
    content: '';
    width: 30px;
    height: 31px;
    position: absolute;
    background-image: url('../images/icon-contato/icon-local.png');
    background-size: cover;
    background-position: center;
    left: 0;
    top: 25%;
    transform: translateY(-50%);
}


/**/

#return-to-top {
    position: fixed;
    z-index: 20;
    bottom: 80px;
    /* bottom: 20px; */
    /* right: 20px; */
    right: 200px;
    background: rgb(7, 130, 171);
    /* background: rgba(0, 0, 0, 0.7); */
    background: rgba(26, 190, 245, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#return-to-top:hover {
    background: rgba(1, 130, 171, 0.9);
}

#return-to-top:hover i {
    color: #fff;
    top: 5px;
}

#mainNav .navbar-collapse .navbar-nav>.nav-item>.nav-link {
    font-family: "TrendaBold";
    font-size: 13px;
}

.contraste {
    background-color: #000!important;
    color: #fff!important;
}

.contraste2 {
    background-color: #000!important;
    color: #ff0 !important;
}

#btnAdContraste {
    border: 0;
    padding: .5rem 0.4rem;
    background: transparent;
}

#btnReContraste {
    border: 0;
    padding: .5rem 0.4rem;
    background: transparent;
}

#mes select {
    background-color: #202e44!important;
}

header.video {
    background: #000!important;
    color: #000!important;
}

header.video input,
select {
    background: #000!important;
    color: #000!important;
    border: none;
    display: none;
}

header.video select,
button {
    overflow: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    /* display: none; */
}

#navbarResponsive {
    background-color: #00814F;
    color: #FFF;
}

.logo-header {
    position: relative;
    top: -13px;
    height: 42px;
}

.static-top {
    position: fixed;
    /* z-index: 1000; */
    z-index: 10;
    -webkit-animation: fadeInDown .5s;
    animation: fadeInDown .5s;
}

.static-top-menu {
    position: fixed;
    z-index: 1000;
    -webkit-animation: fadeInDown .5s;
    animation: fadeInDown .5s;
    background-color: #fff;
    top: 43px;
    width: 100%;
    border-bottom: 2px solid #0098D9;
}

.static-top-menu-hidden {
    display: none;
}

.header-menu img {
    position: relative;
    top: -25px;
    width: 200px;
    /* width: 80%; */
    margin-right: 5%;
}

.nav-link-top {
    padding: .5rem 0.4rem;
}

#btnDiminuir {
    border: 0;
    padding: .5rem 0.4rem;
    background: transparent;
}

#btnAumentar {
    border: 0;
    padding: .5rem 0.4rem;
    background: transparent;
}

.footer-fixo {
    position: fixed;
    z-index: 1000;
    -webkit-animation: fadeInDown .5s;
    animation: fadeInDown .5s;
    background-image:linear-gradient(to bottom, #55bbeb 2%, #FFF 5%);
    bottom: 0;
    width: 100%;
    height: 2.5em;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-fixo .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-fixo-hidden {
    display: none;
}

.fone-footer {
    font-family: "TrendaBold";
    font-size: 16px;
    color: #294D5D;
    display: flex;
    align-items: center;
}

.email-footer {
    font-family: "TrendaBold";
    font-size: 17px;
    color: #014063;
}

.nav-link-cont {
    color: #999;
}

.btn_not-cont {
    font-family: "TrendaBold";
    text-transform: none !important;
    font-size: 13px;
    color: #fff !important;
    background-color: #000;
    border: 1px solid #fff;
    border-radius: 15px;
}

.btn_not-cont:hover {
    color: #fff !important;
    background-color: #000;
    border: 1px solid #fff;
}

.campanhas .btn_proj-cont {
    color: #fff;
    background-color: #000;
    border: 1px solid #fff;
    border-radius: 15px;
}

.campanhas .btn_proj-cont:hover {
    color: #fff!important;
    background-color: #000!important;
    border: 1px solid #fff!important;
}

.campanhas .img-res {
    height: 100%;
    object-fit: cover;
    object-position: center;
}


/*HOME INFOMAÇÕES MANUNTENCAO DA REDE E BANDEIRA*/

.inf-pc {
    display: block;
    background-color: #F9F9F9;
}

.inf-pc .container {
    display: flex;
}

.inf-pc .box-manunt {
    display: flex;
    align-items: center;
}

.inf-pc .box-band {
    display: flex;
    align-items: center;
}

.inf-pc .inf-titulo {
    font-family: "TrendaBold";
    font-size: 25px;
    color: #999;
}

.inf-mobile {
    display: none;
}

.inf-mobile {
    background-color: #F9F9F9;
}

.inf-mobile .box-manunt {
    width: 100%;
    border-right: 0px;
}

.inf-mobile .box-band {
    width: 100%;
}


/*NUMEROS*/

.call-to-action .container {
    display: flex;
}

.call-to-action .box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.call-to-action .text {
    width: 40%;
}

.call-to-action .item {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 30%;
    padding-top: 50px;
}

.call-to-action .item .counter {
    color: #04B7F2;
    font-family: "TrendaBold";
    font-size: 34px;
    padding: 10px 0;
}

.call-to-action .item .cubico {
    color: #04B7F2;
    font-family: "TrendaBold";
    font-size: 34px;
}

.call-to-action .item .titulo {
    font-family: 'TrendaBold';
    font-size: 18px;
}

.call-to-action .text1 {
    font-family: "TrendaLight";
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}

.call-to-action .text2 {
    font-family: "TrendaBold";
    font-size: 23px;
    text-align: center;
    padding: 25px 0;
    line-height: 25px;
}

.call-to-action .text3 {
    font-family: "TrendaLight";
    font-size: 15px;
    text-align: center;
    font-weight: bold;
}


/*MENU*/

.menu .titulo {
    font-family: "TrendaLight";
    color: #0098D9;
    font-size: 20px;
}

.menu .subtitulo {
    font-family: "TrendaBold";
    color: #0098D9;
    font-size: 20px;
}

.menu ul li {
    display: flex;
    align-items: center;
}

.menu .box {
    display: flex;
    flex-direction: column;
    margin-left: 5%;
    line-height: 20px;
}

.menu a {
    width: 100%;
}

.menu ul {
    margin-left: 0;
    padding-left: 0;
}

.menu ul li:hover {
    background-color: #7EBB46;
    color: #fff;
}

.menu ul li .menu-branco {
    display: none;
}

.menu ul li:hover .menu-branco {
    display: block;
}

.menu ul li:hover .menu-normal {
    display: none;
}


/*SECTION INF*/

.inf {
    z-index: 1;
    margin: -80px 0 0;
    position: relative;
}

.inf .container {
    display: flex;
}

.inf .item {
    width: 32%;
    background-color: #52B7D7;
    margin-right: 1%;
    color: #fff;
}

.inf .item1 {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}

.inf .item1 a {
    display: flex;
    color: #fff;
}

.inf .item2 a {
    display: flex;
    align-items: center;
    color: #fff;
}

.inf .item3 a {
    display: flex;
    color: #fff;
    flex-direction: column;
    align-items: center;
}

.inf .item1 .box {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    /* height: 100px;







    line-height: 20px; */
}

.inf .item2 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.inf .item2 .text {
    width: 50%;
}

.inf .item3 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.inf .item .txtlight {
    font-family: "TrendaLight";
    font-size: 20px;
}

.inf .item .txtbold {
    font-family: "TrendaBold";
    font-size: 20px;
}


/*EMPRESA HOME*/

.empresa-home .container {
    display: flex;
}

.empresa-home .text {
    width: 50%;
}

.empresa-home .video {
    width: 50%;
    margin-right: 3%;
}

.empresa-home .text .titulo {
    font-family: "TrendaBold";
    font-size: 20px;
    color: #7EBB46;
}

.empresa-home .text .subtitulo {
    font-family: "TrendaLight";
    font-size: 17px;
    color: #666;
}


/*COLETA SELETIVA*/

.coleta-seletiva .container {
    display: flex;
}

.coleta-seletiva .titulo {
    font-family: "TrendaBold";
    font-size: 20px;
    color: #52B7D7;
    border-bottom: 2px solid #8DCE70;
    width: 20%;
    text-align: left;
}

.img-coleta {
    display: block;
}

.img-coleta-mob {
    display: none;
}


/*NOTICIAS HOME*/

.noticias_home .titulo {
    font-family: "TrendaBold";
    font-size: 20px;
    color: #0098D9;
    border-bottom: 2px solid #7EBB46;
    width: 20%;
    text-align: left;
}

.noticias_home small {
    font-family: "TrendaBold";
    font-size: 15px;
    color: #999999;
}

.noticias_home .card-title {
    color: #666666;
    font-family: "TrendaBold";
    font-size: 20px;
}

.noticias_home .btn-not {
    color: #999;
    font-family: "TrendaBold";
    font-size: 15px;
}


/*DICAS COLETA SELETIVA*/

.dicas-coleta-seletiva {
    background-image: linear-gradient(to bottom, #F1F1F1, #F1F1F1);
    color: #838383;
}

.dicas-coleta-seletiva .container {
    display: flex;
}

.dicas-coleta-seletiva .box-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 30%;
}

.dicas-coleta-seletiva .box-text .txt1 {
    font-family: 'TrendaBold';
    font-size: 22px;
    margin-bottom: 5%;
}

.dicas-coleta-seletiva .box-text .txt2 {
    font-family: "TrendaLight";
    font-size: 18px;
}

.dicas-coleta-seletiva .box-img {
    width: 70%;
}

.dicas-coleta-seletiva .titulo {
    font-family: "TrendaBold";
    font-size: 20px;
    margin: 5% 0;
}

.dicas-coleta-seletiva .box-img .list-img img {
    -webkit-transition: -webkit-transform .25s ease;
    -moz-transition: -moz-transform .25s ease;
    -o-transition: -o-transform .25s ease;
    -ms-transition: -ms-transform .25s ease;
    transition: transform .25s ease;
}

.dicas-coleta-seletiva .box-img .list-img img:hover {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    cursor: pointer;
}

.dicas-coleta-seletiva .box-img .list-img {
    display: flex;
    justify-content: space-around;
    padding-bottom: 5%;
}


/*HOME LOGOS*/

.logos-home .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


/*PAG ADMINSTRACAO FISCAL*/

.header_adm {
    background-image: linear-gradient(90deg, #55bbeb 0%, #84c450 100%);
    height: 7em;
}

.header_adm .tit {
    font-family: "TrendaLight";
    font-size: 27px;
    text-transform: none;
    margin-bottom: 2%;
    width: 100%;
    color: #FFFFFF;
}

.header_adm .box-titulo {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    /* margin-top: 7em; */
    margin-top: 2.3em;
    padding-bottom: 30px;
}


/*PAG HOME AUTOATENDIMENTO*/

.mostraAutoatendimento {
    color: #0098D9;
    font-size: 30px;
}


/*PAG INFOMACOES TECNICAS*/

.inf-tecnicas {
    font-size: 18px;
    text-align: left;
}

.inf-tecnicas .titulo {
    font-size: 18px;
    color: #999999;
    margin-bottom: 3%;
}

.inf-tecnicas-links .container {
    display: flex;
    flex-direction: row;
}

.inf-tecnicas-links ul {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
}

.inf-tecnicas-links li {
    font-size: 17px;
    display: flex;
    flex-direction: row;
    padding: 20px 30px;
    background-color: #F3F3F3;
    margin-right: 1%;
    /* width: 30%; */
    /* width: 235px; */
    width: 24%;
    height: auto;
    text-align: left;
    margin-bottom: 1%;
}


/*MENU*/

.header-toolbar {
    display: block;
    width: 100%;
    min-height: 20px;
    padding: 2px 0;
    /* background-color: #F2F2F2; */
    background-color: #fff;
    font-family: "TrendaLight";
    font-size: 14px;
}

.top-menu {
    list-style-type: none;
}

.header-toolbar .top-menu ul li {
    margin-left: 10%;
}

.header-toolbar .top-menu .nav-link {
    /* color: #999!important; */
    color: #999;
}

.header-inner .container {
    display: flex;
    justify-content: space-between;
}

.header-inner {
    padding: 1em 0;
    display: none;
}

.header-info-boxes {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.header-info-box {
    margin-left: 3%;
}

.bg-dark-navy {
    background-color: #10408A!important;
}

.boxed-menu .main-nav a.nav-link:hover,
.boxed-menu .main-nav a.nav-link:focus {
    color: #fff;
}

.navbar-nav {
    width: 100%;
    color: #fff!important;
    font-family: "TrendaBold";
    font-size: 17px;
}

.header .nav-link {
    color: #fff;
}

.boxed-menu .main-nav {
    max-width: 1110px;
    margin-left: auto;
    margin-right: auto;
}

.main-wrapper {
    overflow-x: hidden;
    background-color: #fff;
}

.main-nav {
    z-index: 5555;
}

.boxed-menu .main-nav {
    /* max-width: 720px; */
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -25px;
}


/*HOME AUTOATENDIMENTO*/

.autoatendimento {
    margin-bottom: 2em;
}

.autoatendimento .container {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.autoatendimento .box-mun {
    display: flex;
    flex-wrap: wrap;
}

.autoatendimento a {
    color: #666666;
    text-align: center;
}

.autoatendimento .card {
    font-size: 17px;
    font-family: "TrendaLight";
    margin-right: 1%;
    margin-bottom: 1%;
    background-color: #FFFFFF;
    border: 1px solid #E8E8E8;
    width: 24%;
    position: relative;
    transition: all .3s ease, top .3s ease .15s;
    top: 0;
}

.autoatendimento .card:hover {
    background-color: #0098D9;
    color: #fff;
    top: -2em;
}

.autoatendimento .card:hover .card-title {
    color: #fff;
}

.autoatendimento .card:hover .card-text {
    color: #fff;
}

.autoatendimento .card:hover a {
    color: #fff;
}

.autoatendimento .img-branca {
    display: none;
}

.autoatendimento .card:hover .img-branca {
    display: block;
}

.autoatendimento .card:hover .img-normal {
    display: none;
}

.autoatendimento .card .titulo {
    font-family: "TrendaLight";
    font-size: 22px;
    margin: 0;
    padding: 0;
}

.autoatendimento .card .subtitulo {
    font-family: "TrendaBold";
    font-size: 23px;
}

.autoatendimento .card .card-body {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0.5px;
}

.autoatendimento .box-nac {
    display: flex;
    flex-wrap: wrap;
}

.autoatendimento .box-mun .card-title {
    color: #7EBB46
}

.autoatendimento .box-mun .card-text {
    color: #fff;
    font-family: "TrendaLight";
    font-size: 17px;
}

.autoatendimento .box-mun .card-text:hover {
    /* color: #10408A; */
    color: #fff;
}

.autoatendimento .box-mun .card-text a:hover {
    /* color: #10408A; */
    color: #fff;
}

.autoatendimento .titulo {
    font-size: 30px;
    text-align: center;
    font-family: "TrendaBold";
    color: #0098D9;
}

.text-sust {
    text-align: left;
    font-size: 18px;
    font-family: "TrendaLight";
}


/*PAG CONHEÇA SUA FATURA*/

.box-fatura .box-img {
    width: 50%;
}

.box-fatura .box-txt {
    width: 50%;
}

.box-fatura .box-txt a {
    color: #04B7F2;
}


/*PAG DICAS*/

.dicas {
    width: 100%;
}

.dicas .titulo {
    font-size: 18px;
    font-family: "TrendaBold";
    color: #999;
    margin-bottom: 1%;
}

.dicas .txt {
    font-size: 16px;
    font-family: "TrendaLight";
    color: #999999;
}

.dicas .txt-dicas {
    font-size: 18px;
    font-family: "TrendaLight";
    color: #999999;
    text-align: left;
}

.dicas h2 {
    font-size: 30px;
    font-family: "TrendaBold";
    color: #007DCC;
    text-align: left;
    margin-bottom: 2%;
}

.dicas .container {
    display: flex;
}

.dicas .menu {
    font-family: "TrendaBold";
    font-size: 16px;
    text-align: left;
    width: 30%;
    /* width: 350px; */
    /* width: 420px; */
}

.dicas .menu ul li {
    background-color: #F5F5F5;
    list-style-type: none;
    border-bottom: 2px solid #fff;
    padding: 5% 1%;
}

.dicas .conteudo {
    width: 100%;
}

.dicas .conteudo .txt {
    font-family: "TrendaLight";
    font-size: 17px;
    color: #333333;
    text-align: justify;
}


/*PAG BANDEIRAS TARIFARIAS*/

.box-bandeiras {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.box-bandeiras .box-img-band {
    width: 31%;
}

.box-bandeiras .box-dados-band {
    width: 67%;
    font-size: 17px;
    text-align: left;
    font-family: "TrendaLight";
}

.box-bandeiras .box-dados-band strong {
    font-family: "TrendaBold";
    font-weight: bold;
    color: #999;
}

.titulo_ban_tar {
    color: #007246;
    font-weight: bold;
    font-family: "TrendaBold";
}

.band-tarifaria-pdf .container {
    display: flex;
}

.band-tarifaria-pdf ul {
    /* display: flex; */
    padding-left: 0!important;
}

.band-tarifaria-pdf .box {
    width: 100%;
}

.band-tarifaria-pdf ul li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #DADADA;
}

.band-tarifaria-pdf .titulo_pdf {
    font-family: "TrendaLight";
    color: #007346;
    font-size: 17px;
}

.band-tarifaria-pdf a {
    font-size: 15px;
    font-family: "TrendaBold";
}


/*PAG INSTITUCIONAL*/

.inst {
    background-size: cover;
    background-attachment: fixed;
    padding: 50px;
    color: #fff;
}

.inst .container {
    display: flex;
    flex-direction: row;
}

.box-mis-vis {
    display: flex;
    flex-direction: column;
    width: 50%;
}

.box-val {
    display: flex;
    width: 50%;
}

.inst .missao {
    padding: 10px 18px;
}

.inst .missao .titulo {
    font-family: "TrendaBold";
    font-size: 30px;
}

.inst .valores {
    padding: 10px 18px;
}

.inst .valores .titulo {
    font-family: "TrendaBold";
    font-size: 30px;
}

.inst .visao {
    padding: 10px 18px;
}

.inst .visao .titulo {
    font-family: "TrendaBold";
    font-size: 30px;
}

.box-ad .titulo {
    font-size: 18px;
}

.box-ad .texto {
    font-size: 18px;
    text-align: left;
}

.box-com .texto {
    font-size: 18px;
    text-align: left;
}

.box-area .texto {
    font-size: 18px;
    text-align: left;
}

.texto2 .titulo {
    font-size: 20px;
    color: #999;
    text-align: left;
}

.texto2 .box {
    display: flex;
}

.texto2 .box-text .titulo {
    font-size: 22px;
}

.texto2 .box-text {
    text-align: left;
    font-size: 18px;
}

.inst .box-text {
    font-size: 19px;
    text-align: left;
    font-family: "TrendaLight";
}

.texto2 {
    font-family: "TrendaLight";
    font-size: 18px;
}

.section-empresa-show .box-itens {
    width: 50%;
    display: flex;
    margin-bottom: 0.3%;
    flex-direction: row;
    flex-wrap: wrap;
}

.empresa-foto .container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.empresa-foto .box {
    display: flex;
}

.empresa-foto .box-itens {
    display: flex;
    flex-direction: column;
    margin: 0.39%;
    width: 100%;
}

.empresa-foto .itens {
    margin-bottom: 1.8%;
    width: 100%;
}


/*















.empresa-foto .box-itens:nth-child(3n+2){















  flex-direction: column;















}































.empresa-foto .box-itens:nth-child(4n+3){















  flex-direction: row;















}































.empresa-foto .itens:nth-child(5n+1){















  width: 40%;















  /* margin: 0.7%; 



  



  }



  */

.empresa-foto .itens:nth-child(7n+2) {
    width: 40%;
}

.empresa-foto .itens:nth-child(8n+3) {
    width: 40%;
}

.empresa-foto .itens:nth-child(9n+4) {
    width: 40%;
    margin: 0.5%;
}

.empresa-foto .itens:nth-child(10n+5) {
    width: 40%;
    margin: 0.5%;
}

*/
/*PAG COOPERATIVISMO*/

.cooperativismo {
    padding: 50px;
    color: #999999;
    background-color: #F2F2F2;
}

.cooperativismo .container {
    display: flex;
    flex-direction: row;
}

.cooperativismo .box-mis-vis {
    display: flex;
    flex-direction: column;
    width: 50%;
}

.cooperativismo .box-val {
    display: flex;
    width: 50%;
}

.cooperativismo .box-text {
    font-size: 17px;
    text-align: left;
    padding: 0 15px;
}

.table thead th {
    font-family: "TrendaBold";
    font-size: 17px;
}

.table td {
    font-family: "TrendaLight";
    font-size: 17px;
}


/*PAG PERGUNTAS*/

.perguntas .container {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.perguntas .titulo {
    font-family: "TrendaBold";
    font-size: 18px;
}

.perguntas .titulo {
    cursor: pointer;
    color: #999999;
}

.perguntas h6 {
    font-family: "TrendaLight";
    font-size: 17px;
}

.perguntas .text {
    font-size: 17px;
}


/*PAG LEGISLAÇÃO*/

.legislacao ul {
    /* display: flex; */
    padding-left: 0!important;
}

.legislacao ul li {
    width: 100%;
    display: flex;
    justify-content: left;
    border-bottom: 1px solid #DADADA;
}

.legislacao .titulo_pdf {
    color: #333333;
    font-size: 17px;
    font-family: "TrendaLight";
}

.legislacao a {
    font-size: 15px;
    font-family: "TrendaLight";
}

.btn_legislacao .btn-leg {
    background-color: #007447;
    color: #FFDF00;
    padding: 10px 20px;
}

.legislacao .box {
    width: 100%;
}

.legislacao .titulo {
    font-size: 25px;
    font-family: "TrendaBold";
    color: #0098D9;
    text-align: left;
}


/*PAG CONCURSO*/

.concursos ul {
    padding-left: 0!important;
}

.concursos ul li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #DADADA;
}

.concursos .titulo_pdf {
    color: #333333;
    font-size: 16px;
    font-family: "TrendaLight";
}

.concursos a {
    font-size: 15px;
    font-family: "TrendaBold";
}

.btn_legislacao .btn-leg {
    background-color: #007447;
    color: #FFDF00;
    padding: 10px 20px;
}

.concursos .box {
    width: 100%;
}

.concursos .titulo {
    font-size: 20px;
    font-family: "TrendaBold";
    color: #0098D9;
    text-align: left;
}

.concursos .texto {
    font-family: "TrendaLight";
    font-size: 17px;
    text-align: left;
}

.concursos .link {
    text-align: left;
}

.concursos .link a {
    font-size: 18px;
    font-family: "TrendaBold";
    color: #15559C;
}


/*PAG ATUACAO*/

.section_agua .titulo {
    font-size: 25px;
    font-family: "TrendaBold";
    color: #04B7F2;
}

.section_agua .texto {
    font-size: 18px;
    font-family: "TrendaLight";
    text-align: justify;
}

.section_agua .box-agua {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.section_agua .item {
    width: 49%;
    margin-right: 1%;
    margin-bottom: 3%;
}

.section_agua .subtitulo {
    font-size: 18px;
    font-family: "TrendaLight";
    text-align: left;
}

.section_agua .img-agua {
    height: 450px;
    object-fit: cover;
    object-position: center;
}

.tratamento .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.tratamento .titulo {
    text-align: center;
    color: #04B7F2;
    font-size: 22px;
    font-family: "TrendaBold";
}

.tratamento .box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3%;
}

.tratamento .box-inf {
    text-align: left;
    width: 32%;
}

.tratamento .subtitulo {
    color: #999;
    font-size: 18px;
    font-family: "TrendaBold";
}

.tratamento .inf {
    font-size: 18px;
    font-family: "TrendaLight";
    color: #333333;
    margin-top: 2%;
}

.tratamento .item-cap-tra::before {
    content: "Extensão de Rede: ";
    color: #999;
    font-size: 18px;
    font-family: "TrendaBold";
}

.tratamento .item-pop::before {
    content: "População Atendida: ";
    color: #999;
    font-size: 18px;
    font-family: "TrendaBold";
}

.tratamento .item-bairro::before {
    content: "Características: ";
    color: #999;
    font-size: 18px;
    font-family: "TrendaBold";
}

.tratamento .item-trat::before {
    content: "Tipo de Rede: ";
    color: #999;
    font-size: 18px;
    font-family: "TrendaBold";
}

.tratamento .item-img {
    width: 33%;
}

.tratamento .img-trat {
    height: 299px;
    object-fit: cover;
    object-position: center;
}


/*PAG ESGOTO*/

.fases {
    margin: 4% 0 1% 0;
}

.fases .container {
    display: flex;
    flex-wrap: wrap;
}

.fases .titulo {
    color: #999;
    font-size: 35px;
    font-family: "TrendaBold";
}

.fases .subtitulo {
    color: #999;
    font-size: 18px;
    font-family: "TrendaLight";
}

.fases .fase_liquida {
    width: 48%;
    margin-right: 2%;
}

.fases .fase_solida {
    width: 48%;
}

img[usemap] {
    border: none;
    height: auto;
    max-width: 100%;
    width: auto;
}


/*PAG ACESSIBILIDADE*/

.acessibilidade ul {
    padding-left: 0!important;
}

.acessibilidade ul li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #DADADA;
}

.acessibilidade .titulo_pdf {
    color: #10408A;
    font-size: 17px;
    font-family: "TrendaLight";
}

.acessibilidade a {
    font-size: 18px;
    font-family: "TrendaLight";
    color: #0D3F8C;
}

.btn_legislacao .btn-leg {
    background-color: #007447;
    color: #FFDF00;
    padding: 10px 20px;
}

.acessibilidade .box {
    width: 100%;
}

.acessibilidade .titulo {
    font-size: 22px;
    font-family: "TrendaBold";
    color: #10408A;
    text-align: left;
}

.acessibilidade .texto {
    font-family: "TrendaLight";
    font-size: 17px;
    text-align: left;
}

.acessibilidade .link {
    text-align: left;
}

.acessibilidade .link a {
    font-size: 18px;
    font-family: "TrendaBold";
    color: #10408A;
}

.acessibilidade .subtitulo {
    font-size: 18px;
    font-family: "TrendaBold";
    color: #999;
    text-align: left;
}


/*PAG TABELA TARIFARIA*/

.tabela-tarifaria-pdf .container {
    display: flex;
}

.tabela-tarifaria-pdf ul {
    /* display: flex; */
    padding-left: 0!important;
}

.tabela-tarifaria-pdf .box {
    width: 100%;
}

.tabela-tarifaria-pdf ul li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #DADADA;
}

.tabela-tarifaria-pdf .titulo_pdf {
    /* color: #014063; */
    font-size: 17px;
}

.tabela-tarifaria-pdf a {
    font-family: "TrendaLight";
    font-size: 15px;
}


/*PAG LRF*/

.lrfpdf ul {
    display: flex;
    padding-left: 0!important;
}

.lrfpdf ul li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #DADADA;
}

.lrfpdf a {
    font-size: 15px;
    font-family: "TrendaBold";
    font-size: 14px;
}

.lrf .btn-lrf {
    width: 170px!important;
}

.lrfpdf .titulo_pdf {
    font-size: 17px;
}


/*PAG TRANSPARENCIA*/

.transparencia .box-trans-text {
    font-size: 18px;
    text-align: left;
    font-family: "TrendaLight";
}

.transparencia .box-trans-titulo {
    font-size: 22px;
    font-family: "TrendaBold";
    text-align: left;
}

.formulario .btn-tran {
    display: flex;
    align-items: flex-end;
}

.formulario .btn-tran .btn {
    padding: 6px;
}

.formulario {
    font-family: "TrendaLight";
}

.transparencia ul {
    display: flex;
    padding-left: 0!important;
}

.transparencia ul li {
    width: 85%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #DADADA;
}

.transparencia .titulo_pdf {
    color: #007346;
    font-size: 18px;
    font-family: "TrendaLight";
}

.transparencia a {
    font-size: 15px;
    font-family: "TrendaBold";
    font-size: 14px;
}

.modal-footer .btn {
    color: #999999;
    border: 1px solid #999999;
}

.modal-footer .btn:hover {
    background-color: #999999!important;
    color: #fff!important;
    border: 1px solid #999999!important;
}

.modal-body {
    font-family: "TrendaLight";
}

.trans-btn-pc {
    margin-left: 1%;
    width: 15%;
    display: block;
}

.trans-btn-mob {
    display: none;
}

.trans-btn-pc .btn-obse {
    font-size: 14px;
    background-color: #F3F3F3;
    padding: 5px 10px;
    margin-left: 1%;
    color: #999999;
    font-family: "TrendaBold";
}

.trans-btn-pc .btn-obse:hover {
    border: 1px solid f00;
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}

.trans-btn-mob .btn-obse {
    font-size: 14px;
    background-color: #F3F3F3;
    padding: 5px 10px;
    margin-left: 1%;
    color: #999999;
    font-family: "TrendaBold";
}

.trans-btn-mob .btn-obse:hover {
    border: 1px solid f00;
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}

.transparenciapdf .titulo_pdf {
    /* color: #10408A; */
    font-size: 18px;
    font-family: "TrendaLight";
}

.transparenciapdf ul {
    display: flex;
    padding-left: 0!important;
}

.transparenciapdf ul li {
    width: 85%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #DADADA;
}

.transparenciapdf a {
    font-size: 15px;
    font-family: "TrendaBold";
    font-size: 14px;
}


/*PAG MANUTENCAO*/

.manutencao {
    width: 100%;
    text-align: left;
    font-size: 18px;
    font-family: "TrendaLight";
}

.manutencao .tit-manun {
    color: #15559C;
    font-family: "TrendaBold";
}

.manutencao .list-banco {
    display: flex;
}

.manutencao h2 {
    font-size: 30px;
    font-family: "TrendaBold";
    color: #007DCC;
}

.manutencao .txt {
    padding-bottom: 1%;
    border-bottom: 1px solid #10408A;
}

.manutencao .box:last-child .txt {
    border-bottom: none;
}

.manutencao .txt span {
    font-size: 18px;
    font-family: "TrendaLight";
    color: #999999;
    display: block;
}


/*PAG DENUCIE*/

.header_den {
    position: relative;
    background-color: #222;
    background-size: cover;
    background-attachment: scroll;
    height: 28em;
}


/*PAG DENUCIE*/

.denucie .container {
    display: flex;
}

.denucie .menu {
    font-family: "TrendaBold";
    font-size: 16px;
    text-align: left;
    /* width: 50%; */
    /* width: 350px; */
    width: 310px;
    /* width: 420px; */
}

.denucie .menu ul li {
    background-color: #fff;
    list-style-type: none;
    border: 1px solid #E8E8E8;
    padding: 5% 1%;
    margin-bottom: 1.5%;
}

.denuncie .menu ul li:hover {
    background-color: #7EBB46;
    color: #fff;
}

.menu ul li:hover {
    background-color: #7EBB46;
    color: #fff;
}

.menu ul li:hover .titulo {
    background-color: #7EBB46;
    color: #fff;
}

.menu ul li:hover .subtitulo {
    background-color: #7EBB46;
    color: #fff;
}

.denucie .cadastro {
    width: 80%;
}

.denucie .cadastro .txt {
    font-family: "TrendaLight";
    font-size: 17px;
    color: #404040;
    text-align: justify;
}

.denucie .list-banco {
    display: flex;
    flex-wrap: wrap;
}

.denucie .list-banco .itens {
    width: 15.5%;
    margin: 0.5%;
}

.formulario_cadastro {
    text-align: left;
}

.formulario_cadastro span {
    font-size: 21px;
}

.formulario_cadastro .formtext {
    font-family: "TrendaLight";
    font-size: 19px;
    color: #999999;
    margin-left: 10px;
}

.formulario_cadastro label,
input,
select,
textarea {
    font-family: "TrendaLight";
    font-size: 17px;
    color: #333333;
}

.formulario_cadastro .idenf {
    font-family: "TrendaBold"!important;
    font-size: 17px;
    color: #999999;
}

.formulario_cadastro .btn-success {
    /* background-color: #88C54B;















  border: 1px solid #88C54B!important; */
    background-color: #10408A;
    border: 1px solid #10408A !important;
    text-transform: capitalize;
    width: 132px;
    border-radius: 10px;
    font-family: "TrendaLight";
}

.formulario_cadastro .btn-success:hover {
    background-color: #60922E!important;
    border: 1px solid #60922E!important;
    color: #fff!important
}

.formulario_cadastro .titulo-den {
    font-family: "TrendaBold";
    font-size: 18px;
    color: #999 !important;
    margin: 2% 0;
}

select {
    background: #fff !important;
    color: #999 !important;
}

.menu-mob {
    display: none;
}

.menu-mob .custom-select {
    background-color: #fff!important;
    color: #999!important;
}


/**/


/* #mainNav .navbar-collapse .navbar-nav > .nav-item > .dropdown-menu > .dropdown-item */

.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    /* background-color: #f5f5f5; */
    background-color: #368;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-toggle::after {
    display: none;
}

.dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 6px;
    top: .8em;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: .1rem;
    margin-right: .1rem;
}

.dropdown:hover>.dropdown-menu {
    display: block;
}

.dropdown-menu {
    border-radius: 0;
    padding-left: 15px;
    padding-right: 15px;
}

.box-overlay {
    position: relative;
    max-width: 800px;
    /* Maximum width */
    margin: 0 auto;
    /* Center it */
    font-family: "TrendaLight";
    font-size: 15px;
}

.box-overlay .content {
    position: absolute;
    /* Position the background text */
    bottom: 0;
    /* At the bottom. Use top:0 to append it to the top */
    background: rgba(15, 164, 253, 0.5);
    /* Black background with 0.5 opacity */
    color: #fff;
    /* Grey text */
    width: 80%;
    /* Full width */
    padding: 10px;
    /* Some padding */
    text-align: left;
}


/* .navbar-nav .dropdown .dropdown-menu .dropdown-item {



    background-color: #367!important;



} */


/*top header*/

.top-header.transparent {
    background-color: transparent;
}

.top-header.transparent {
    background-color: transparent;
    border-bottom: 0px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

.top-memu {
    margin-top: 15px;
    position: fixed;
    left: 47%;
}

.top-memu ul li a {
    color: #fff;
    font-weight: 300;
    font-size: 12px;
}

.top-menu-link {
    color: #999!important;
}

.top-menu-margin {
    margin-top: 5px
}

.navbar-nav .link a {
    background-color: transparent!important;
}

.navbar-nav .dropdown-item a:hover {
    background-color: #F5F5F5;
}

.dropdown-item {
    color: #404040;
    font-family: "TrendaLight";
    font-size: 15px;
}

.navbar-nav .nav-item .dropdown ul li:hover {
    background-color: transparent!important;
}

.dropdown-item:hover {
    color: #666;
}

.navbar-nav .link a:hover {
    border-bottom: 1px solid #7EC448;
}

.dropdown-divider {
    border-bottom: 1px solid #014063;
}


/* .bg-txt{















  margin-top: 5px;















} */

.tit {
    font-family: 'TrendaBold';
    font-size: 35px;
    /* border-bottom: 1px solid #7EC448; */
    /* font-style: italic; */
    text-transform: capitalize;
    margin-bottom: 2%;
}

.box-titulo {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
    padding-bottom: 80px;
}

.box-inst {
    font-family: "TrendaLight";
    font-size: 17px;
    text-align: justify;
    background-color: #FFF;
    padding: 0px;
    /* height: 90%; */
}

.box-pres {
    display: flex;
    font-size: 17px;
    flex-wrap: wrap;
}

.cadastro .titulo_pag {
    font-size: 25px;
    /* color: #003F63; */
    color: #04B7F2;
}

.box-pres .box-inf-pres {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 0.8%;
    width: 16%;
}

.box-pres .box-inf-pres:nth-child(6n) {
    margin-right: 0;
}

.box-pres .desc {
    font-family: "TrendaLight";
    font-size: 17px;
    width: 100%;
}

.inst-titulo1 {
    font-family: "TrendaBold";
    font-size: 35px;
    color: #0098D9;
}

.inst-titulo2 {
    font-family: "TrendaBold";
    font-size: 30px;
    color: #88C54B;
}

.institucional .box_neg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.institucional .item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 1%;
    /* width: 32%; */
}

.institucional .item img {
    width: 100%;
}


/*.institucional .item {*/


/* position: relative; */


/* margin-right: 15px;















     margin-left: 15px; */


/*}*/

.institucional .item .overlay {
    position: absolute;
    z-index: 1;
    /* top: 305px;















     left: 0; */
    width: 100%;
    height: 17%;
    opacity: 1;
    background-color: #007DCD;
}

.institucional .item .team-caption {
    position: absolute;
    z-index: 2;
    top: 92%;
    left: 50%;
    width: 100%;
    margin: auto;
    padding: 15px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: rgba(255, 255, 255, 0.7);
    color: #fff;
}

.titulo-table {
    background-color: #BADCC5;
    color: #fff;
}

.institucional table {
    margin-bottom: 0!important;
    font-size: 17px;
}

.institucional table td:first-child {
    text-align: left;
}

.institucional table th:first-child {
    text-align: left;
}

.institucional table tr:nth-child(even) {
    background-color: #F2F2F2
}

.institucional table tr:nth-child(odd) {
    /* background-color: #BADCC5; */
    background-color: rgba(186, 220, 197, 0.5);
}

.empresa-foto .box-1 {
    width: 50%;
    margin-right: 0.6%;
}

.empresa-foto .box-1 img {
    width: 100%;
}

.empresa-foto .box-2 {
    width: 50.1%;
}

.empresa-foto .box-3 {
    width: 99.3%;
}

.empresa-foto .box-2 img {
    width: 100%;
}

.empresa-foto .box-3 img {
    width: 100%;
}

.btn-vermais-fotos {
    font-family: "TrendaBold";
    font-size: 22px;
    color: #999;
}


/* .empresa-foto .box-3 img:nth-child(2){















  margin-right: 0;















} */

.numeros {
    background-size: cover;
    background-attachment: fixed;
    padding: 50px;
}

.numeros .titulo {
    font-family: "TrendaBold";
    font-size: 35px;
    color: #fff;
}

.box-numeros {
    padding: 2px;
    margin-top: 5px;
}

.numeros {
    display: block;
}

.numeros_mobile {
    display: none;
}

.empresas .container {
    display: flex;
    flex-direction: column;
}

.empresas .emp-titulo {
    font-family: 'TrendaBold';
    font-size: 30px;
    color: #88C54B;
}

.atuacao {
    background-position: center;
    background-size: 100%;
    width: 100%;
    padding-top: 23.833333333%;
    height: 0;
    padding-bottom: 15%;
}


/*map*/

.map .painel-map-nav {
    margin-top: 0;
    /* margin-top: 30px; */
}

.map .painel-map-nav ul.abas {
    height: 50px;
}

.map .painel ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.map .painel ul li a {
    font-size: 15px;
    display: block;
    color: #eee;
    padding: 2px 0;
    text-decoration: none!important;
    text-align: left;
}

.map .painel p {
    text-align: left;
    font-size: 16px;
}

.map .painel ul li {
    text-align: left;
}

.map .painel ul li ul li b {
    font-size: 15px;
    padding-bottom: 2px;
}


/* .map .div_escritorio {



    background-color: #0081C5 !important;



} */

.map .painel-map-nav ul.abas li a:after {
    content: "";
    border-color: transparent;
    border-style: solid;
    border-width: 30px 15px;
    bottom: 0;
    display: block;
    left: 100%;
    margin-left: -15px;
    position: absolute;
}

.map .painel-map-nav ul.abas li a.active {
    /* z-index: 0!important; */
    z-index: 3;
}

.map .painel-map-nav ul.abas li a {
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0 10px 0 15px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    /*cria o triangulo*/
    position: relative;
    text-decoration: none!important;
    border-top-left-radius: 0;
    /* border-top-left-radius:25px; */
}

.map .map-frase {
    font-family: "NeoSansStdMedium";
    font-size: 18px;
    color: #666666;
}

.navbar-nav>li>a {
    max-width: 400px!important;
    /* height: 70px; */
    /*padding: 0 18px!important; */
}

.map {
    margin-top: -70px;
}

.map .painel-map-nav ul.abas li a.div_escritorio::after {
    border-color: #007ADA;
}

.map .painel-map-nav ul.abas li a.div_ceramicos::after {
    border-color: #004A88;
}

.map .painel-map-nav ul.abas li a.div_deca::after {
    border-color: #0066B9;
}

.map .painel-map-nav ul.abas li a::after {
    border-width: 25px 20px!important;
    margin-right: 2px!important;
    margin-left: -18px!important;
}

.map .painel-map-nav ul.abas li a.div_madeira::after {
    border-color: #89C54B;
}

.map .painel-map-nav ul.abas li a {
    /* padding: 0 30px 0 38px!important; */
    padding: 0 23px 0 30px!important;
    height: 50px;
    line-height: 50px;
    /* margin-right: -2px!important; */
}

.numeros .municipios {
    font-family: "TrendaBold";
    font-size: 50px;
    color: #fff;
}

.numeros .municipios-txt {
    font-family: "TrendaBold";
    font-size: 20px;
    color: #fff;
}

.ligacoes {
    font-family: "TrendaBold";
    font-size: 50px;
    color: #fff;
}

.numeros .ligacoes-txt {
    font-family: "TrendaBold";
    font-size: 20px;
    color: #fff;
}

.numeros .pessoas {
    font-family: "TrendaBold";
    font-size: 50px;
    color: #fff;
}

.numeros .pessoas-txt {
    font-family: "TrendaBold";
    font-size: 20px;
    color: #fff;
}

.numeros .veranistas {
    font-family: "TrendaBold";
    font-size: 50px;
    color: #fff;
}

.numeros .veranistas-txt {
    font-family: "TrendaBold";
    font-size: 20px;
    color: #fff;
}

footer .box-container {
    display: flex;
    justify-content: space-between;
}

footer .list-unstyled {
    display: flex;
    flex-direction: column;
}

footer .box {
    display: flex;
    margin-right: 2%;
    flex-direction: column;
    width: 23%;
}

footer .box_link {
    display: flex;
    margin-right: 1%;
    flex-direction: column;
    width: 2%;
}

.footer-bottom {
    background-color: #10408A;
    color: #fff;
    width: 100%;
    font-family: "TrendaLight";
    font-size: 16px;
}

.footer-micronec a {
    color: #fff;
}

.footer-texto {
    width: 36%;
}


/*teste carousel video*/

.sectionBGcontent button,
button,
input[type="reset"],
input[type="submit"],
.btn-default {
    background: #fff;
    color: #999999;
    border: 1px solid #ccc;
    padding: 10px 50px;
    text-transform: capitalize;
}


/* .sectionBGcontent button:hover,















button:hover,















input[type="reset"]:hover,















input[type="submit"]:hover,















.btn-default:hover {















  background: #333;















  color: #fff;















  border: 1px solid #333;















}















.sectionBGcontent button {















  margin-top: 30px;















} */

#background {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -999;
    width: 100%;
    height: 100%;
    background: #1c1c1c;
}

#container-fluid-vid {
    margin: 0;
    padding: 0;
    position: relative;
    max-height: 700px;
    overflow: hidden;
}

@media (max-width: 992px) {
    #background {
        background: url('http://austinnorris.website/images/codePen/homepageBannerImage.jpg') center;
    }
    #loading {
        display: none;
    }
}

#loading {
    position: absolute;
    top: 48%;
    left: 48%;
    background: #fff;
    padding: 10px;
    border-radius: 30px;
}


/*teste caroucel video*/

.box-menu-apoio {
    min-height: 39px;
    /* position: absolute;















    top: 15px;















    right: 15px;















    -webkit-transition: .3s;















    -moz-transition: .3s;















    -ms-transition: .3s;















    -o-transition: .3s;















    transition: .3s;















    display: block; */
}

.header_quem {
    position: relative;
    /* padding-top: 150px;















  padding-bottom: 75px; */
    background-color: #222;
    background-size: cover;
    background-attachment: scroll;
    height: 25em;
}


/*PAG HOME*/


/*















header.carousel_home{















  display: none;















}















 */

.inf-section .container {
    display: flex;
}

.inf-section-mobile {
    display: none;
}

.negocios_home h2 {
    font-family: "TrendaBold";
    text-transform: capitalize !important;
    font-size: 35px;
    color: #85C54A;
}

.negocios_home .box_neg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.negocios_home .item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 1%;
    /* width: 32%; */
}


/* .negocios_home .item {



    position: relative;



    margin-right: 15px;



    margin-left: 15px; 



} */

.negocios_home .item .overlay {
    position: absolute;
    z-index: 1;
    /* top: 305px;



    left: 0; */
    width: 100%;
    height: 17%;
    opacity: .5;
    background-color: #0FA4FD;
}

.negocios_home .item .team-caption {
    position: absolute;
    z-index: 2;
    top: 92%;
    left: 50%;
    width: 100%;
    margin: auto;
    padding: 15px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: rgba(255, 255, 255, 0.7);
    color: #fff;
}

.box-inf {
    font-size: 18px;
}

.box-inf .titulo-inf {
    font-family: "TrendaBold";
    font-size: 18px;
}

.box-inf .txt-inf {
    font-family: "TrendaLight";
    font-size: 18px;
}

.band-text {
    font-family: "TrendaBold";
    font-size: 20px;
}

.band-text .cor-band-vermelho {
    color: #CC3300;
}

.band-text .cor-band-verde {
    color: #599C33;
}

.band-text .cor-band-amarelo {
    color: #E6B800;
}

.box-manunt {
    width: 50%;
    border-right: 1px solid #ccc;
}

.box-band {
    width: 50%;
}

.btn-dis {
    color: #fff;
    border: 1px solid #fff;
    padding: 10px 20px;
    font-family: "TrendaLight";
}

.btn-dis:hover {
    color: #ccc;
}

.noticias_home {
    background-color: #fff;
}


/* .noticias_home .titulo {



    text-align: left;







    font-family: "TrendaBold";







    text-transform: capitalize!important;







    font-size: 35px;







    color: #52B7D7;



} */

.noticias_home .card {
    display: flex;
    padding: 15px;
    width: 32%;
    margin: 1%;
    margin-left: 1%;
}

.noticias_home .card:nth-child(3n) {
    margin-right: 0;
}

.noticias_home .card:nth-child(3n+1) {
    margin-left: 0;
}

.noticias_home .box_not {
    display: flex;
    flex-wrap: wrap;
}

.noticias_home .card .card-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1.25rem 0 0 0;
    justify-content: space-between;
}

.noticias_home .card-title {
    font-family: "TrendaBold";
    font-size: 18px;
    text-align: left;
    color: #999999 !important;
}

.noticias_home .img-res {
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.noticias_home .btn_not {
    font-family: "TrendaBold";
    text-transform: none!important;
    font-size: 13px;
    color: #014063!important;
    background-color: #fff;
    border: 1px solid #014063;
    border-radius: 15px;
}

.noticias_home .btn_not:hover {
    color: #52B7D7!important;
    background-color: #fff!important;
    border: 1px solid #52B7D7!important;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #15559C!important;
    border-color: #15559C!important;
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #0782AB!important;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}


/* .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {















    z-index: 3;















    color: #fff;















    cursor: default;















    background-color: #018150 !important;















    border-color: #018150!important;















} */


/* .noticias_home .card-title a{















  font-family: "NeoSansStdBold";















  font-size: 16px;















  text-align: left;















  color: #999999;















} */

.noticias_home .card-text {
    font-family: "TrendaLight";
    text-align: justify;
    font-size: 18px;
    color: #999999!important;
}


/* .noticias_home .card-text .link_not {















  font-family: "NeoSansStdRegular";















  text-align: justify;















  font-size: 16px;















  color: #999999 !important; */


/*















.noticias_home .card-text a{















  font-family: "NeoSansStdRegular";















  text-align: justify;















  font-size: 16px;















  color: #999999;















} */

.mensagem {
    display: block;
}

.mensagem {
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-mensagem {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    line-height: 50px;
}

.box-mensagem .txt_1 {
    font-family: "TrendaLight";
    font-size: 29px;
    color: #88C54B;
}

.box-mensagem .txt_2 {
    font-family: "TrendaBold";
    font-style: italic;
    font-size: 52px;
    color: #007FCB;
}


/*PAG SUSTENTABILIDADE*/

.header_amb {
    position: relative;
    /* padding-top: 150px;















  padding-bottom: 150px; */
    background-color: #222;
    background-size: cover;
    background-attachment: scroll;
    height: 25em;
}

.sutent-pc {
    display: block;
}

.sutent-mob {
    display: none;
}

.txt_amb .titulo {
    color: #04B7F2;
    font-size: 35px;
    font-family: "TrendaBold";
}

.card {
    border-radius: 0;
}

.card-img-top {
    border-radius: 0;
}

.header_amb .box_txt {
    width: 318px;
    margin-left: auto;
    margin-right: auto;
    line-height: 23px;
    font-family: "TrendaLight";
    font-size: 24px;
}

.header_amb .texto {
    font-family: "TrendaLight";
    font-size: 18px;
    color: #7EB800;
    text-align: center;
}

.box-titulo_amb {
    width: 555px;
    margin-left: auto;
    margin-right: 50px;
    margin-top: 120px;
    padding-bottom: 47px;
    line-height: 44px;
}

.box-amb {
    font-family: "TrendaLight";
    color: #333333;
    text-align: justify;
    font-size: 17px;
    padding: 15px;
    height: 90%;
}

.amb-titulo1 {
    font-family: "TrendaBold";
    font-size: 30px;
    color: #007FCB;
}

.amb-titulo2 {
    font-family: "TrendaBold";
    font-size: 25px;
    color: #88C54B;
}

.respon_social {
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    height: 65vh;
}

.respon_social .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.respon_social .box_respon_social {
    height: 65vh;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.respon_social p {
    font-family: "TrendaBold";
    font-size: 50px;
    color: #047CC8;
    font-style: italic;
    text-transform: uppercase;
    line-height: 50px;
    /* margin-top: 30px; */
}

.respon_social .txt {
    font-family: "TrendaLight";
    color: #fff;
    font-size: 22px;
    width: 62%;
    /* margin-top: 30px; */
}

.box_respon_social {
    font-family: "TrendaLight";
    color: #fff!important;
    /* padding: 2px;















  margin-top: 10%; */
}

.respon_social_txt {
    text-align: justify;
}

.respon_social_txt strong {
    font-weight: bold;
}


/* .respon_social_txt p{















  font-family: "NeoSansStdBold";















  font-size: 30px;















  color: #88C54B;















  text-align: center;















} */

.respon_social_txt .txt {
    font-family: "TrendaLight";
    font-size: 17px;
    color: #999999;
    text-align: justify !important;
}

.campanhas p {
    font-family: "TrendaLight";
    font-size: 17px;
    color: #10408A;
}

.campanhas .titulo {
    font-family: "TrendaBold";
    font-size: 35px;
    color: #04B7F2;
}

.campanhas .card-text {
    font-size: 18px;
}

.campanhas .box {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
}

.campanhas .box_camp {
    display: flex;
    flex-wrap: wrap;
}

.campanhas .card-body {
    padding: 1.25rem 0 1rem 0;
}

.campanhas .card {
    display: flex;
    padding: 15px;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
}

.campanhas .card:nth-child(3n) {
    margin-right: 0;
}

.campanhas .card:nth-child(3n+1) {
    margin-left: 0;
}

.campanhas .card-title {
    font-family: "TrendaBold";
    font-size: 17px;
    color: #999999;
}

.campanhas .card-text {
    font-family: "TrendaLight";
    font-size: 17px;
    color: #999999;
    text-align: justify;
}

.campanhas .box_btn {
    display: flex;
    align-items: center;
}

.campanhas .btn_proj {
    font-family: "TrendaBold";
    text-transform: none !important;
    font-size: 13px;
    color: #7EBB46;
    background-color: #fff;
    border: 1px solid #7EBB46;
    border-radius: 15px;
}

.campanhas .btn_proj:hover {
    color: #04B7F2!important;
    background-color: #fff!important;
    border: 1px solid #04B7F2!important;
}

.campanhas .card .card-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1.25rem 0 0 0;
    justify-content: space-between;
}

.patrocionio {
    background-color: #F0F0F0;
}

.patrocionio .container {
    display: flex;
    justify-content: space-between;
    vertical-align: middle;
}

.patrocionio .box_txt_pat {
    display: flex;
    flex-direction: column;
}

.patrocionio .box_btn .btn-default {
    color: #999;
}

.patrocionio button {
    font-family: "TrendaBold";
    font-size: 13px;
    background-color: #F0F0F0;
    border-radius: 10px;
    color: #999999;
    border-color: #999 !important;
    padding: 5px 70px;
    text-transform: none !important;
    height: 50px;
    margin-top: 14%;
}

.patrocionio button:hover {
    background-color: #ccc !important;
    border-color: #999 !important;
}

.patrocionio p {
    font-family: "TrendaBold";
    font-size: 20px;
    color: #88C54B;
}

.patrocionio span {
    font-family: "TrendaBold";
    font-size: 16px;
    color: #999999;
}


/*PAG NEGOCIOS*/

.header_neg {
    position: relative;
    /* padding-top: 150px;















  padding-bottom: 150px; */
    background-color: #222;
    background-size: cover;
    background-attachment: scroll;
}

.header_neg .box-titulo_neg {
    width: 220px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
    padding-bottom: 80px;
}

.section_right {
    background-color: #F7F7F7;
}

.section_right .container {
    display: flex;
}

.section_right .box_conc {
    display: flex;
}

.section_right .box_txt {
    font-family: "TrendaBold";
    font-size: 20px;
    color: #999999;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.section_right .txt_conc_titulo {
    font-family: "TrendaBold";
    font-size: 30px;
    color: #999999;
}

.section_right .txt_conc {
    font-family: "TrendaLight";
    text-align: justify;
    font-size: 17px;
    margin-top: 10%;
}

.section_left {
    background-color: #F7F7F7;
}

.section_right .container {
    display: flex;
}

.section_left .container-fluid {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
}

.section_filiais .container {
    display: flex;
    justify-content: space-between;
}

.section_left .box_conc {
    display: flex;
}

.section_left .box {
    display: flex;
    height: 100%;
}

.section_left .box_txt {
    font-family: "TrendaBold";
    font-size: 20px;
    color: #999999;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.section_left .txt_conc_titulo {
    font-family: "TrendaBold";
    font-size: 30px;
    color: #999999;
}

.section_left .txt_conc {
    font-family: "TrendaLight";
    text-align: justify;
    font-size: 17px;
    margin-top: 10%;
}

.section_left .img_left {
    position: relative;
    left: -63%;
    background-size: cover;
}

.section_filiais {
    position: relative;
    top: -100px;
    /* left: auto; */
    left: 1%;
    right: auto;
    height: 120px;
}

.box-neg {
    font-family: "TrendaLight";
    color: #999999;
    text-align: left;
    font-size: 17px;
    padding: 15px;
    height: 90%;
    text-align: justify;
}

.neg_concessoes .neg_titulo p {
    font-family: "TrendaBold";
    font-size: 40px;
    color: #fff;
}

.neg_concessoes .neg_txt {
    font-family: "TrendaBold";
    font-size: 20px;
    color: #fff;
}

.neg_concessoes .box_concessoes {
    background-color: #BDDF9A;
}

.sect_op {
    display: none;
}

#concessoes {
    display: block;
}

#operacao {
    display: block;
}

#filiais {
    display: block;
}

.mob-neg {
    margin-bottom: 3%;
    display: none;
}

.mob-neg .container {
    display: flex;
    flex-direction: column;
}

.mob-neg .txt_conc_titulo {
    font-family: "TrendaBold";
    font-size: 30px;
    color: #999999;
    margin: 2em 0 0;
}

.mob-neg .txt_conc {
    font-family: "TrendaLight";
    text-align: justify;
    font-size: 17px;
    margin: 2em 0 1em;
}


/*PAG EMPRESAS DO GRUPO*/

.header_grupo {
    position: relative;
    /* padding-top: 150px;















  padding-bottom: 150px; */
    background-color: #222;
    background-size: cover;
    background-attachment: scroll;
}

.grupo .box_back {
    /* background-color: #F7F7F7; */
    background-color: #999;
}


/* .diagonal{















  width: 60%;















  height: 100vh;















  background: red;















  background-color: #F7F7F7;















  margin-left: -50px;















  -webkit-transform: skew(-0deg);















  -moz-transform: skew(-0deg);















  transform: skew(0deg);















} */


/*GRUPO EMPRESA IMPAR*/

.grupo_emp_impar {
    display: flex;
    justify-content: center;
    color: #fff;
    width: 100%;
}

.grupo_emp_impar .cinza:nth-child(odd) {
    display: flex;
    background-color: #F7F7F7;
    width: 100%;
}

.grupo_emp_impar .branco:nth-child(even) {
    display: flex;
    background-color: #fff;
    width: 100%;
}

.grupo_emp_impar .branco_par {
    display: none;
}

.grupo_emp_impar p {
    font-family: "TrendaLight";
    font-size: 17px;
    color: #999;
}

.grupo_emp_impar a {
    font-family: "TrendaBold";
    font-size: 18px;
    background-color: #88C54B;
    border-radius: 10px;
    color: #fff;
    border-color: #88C54B !important;
    text-transform: none !important;
    height: 60px;
    width: 184px;
}

.grupo_emp_impar .btn {
    font-weight: 900;
    padding: 15px 18px;
}

.grupo_emp_impar .container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    align-content: center;
    justify-content: center;
}

.grupo_emp_impar .box_grupo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    height: 100%;
    width: 74%;
}


/*NOVA CONFI*/


/*GRUPO EMPRESA PAR*/

.grupo_emp_par {
    display: flex;
    justify-content: center;
    color: #fff;
    width: 100%;
}

.grupo_emp_par .branco_par:nth-child(odd) {
    display: flex;
    background-color: #fff;
    width: 100%;
    justify-content: flex-end;
}

.grupo_emp_par .cinza:nth-child(even) {
    display: flex;
    background-color: #F7F7F7;
    width: 100%;
}

.grupo_emp_par p {
    font-family: "TrendaLight";
    font-size: 17px;
    color: #999;
}

.grupo_emp_par a {
    font-family: "TrendaBold";
    font-size: 18px;
    background-color: #88C54B;
    border-radius: 10px;
    color: #fff;
    border-color: #88C54B !important;
    text-transform: none !important;
    height: 60px;
    width: 184px;
}

.grupo_emp_par .btn {
    font-weight: 900;
    padding: 15px 18px;
}

.grupo_emp_par .container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    align-content: center;
}

.grupo_emp_par .box_grupo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    height: 100%;
    width: 74%;
}


/*NOVA CONFI*/

.grupo_emp .box_back_img {
    background-color: #fff;
}

.grupo {
    display: flex;
}

.header_grupo .box-titulo {
    width: 490px;
    margin-left: auto;
    margin-right: auto;
}

.grupo p {
    font-family: "TrendaLight";
    font-size: 17px;
    color: #999;
}

.grupo a {
    font-family: "TrendaBold";
    font-size: 18px;
    background-color: #88C54B;
    border-radius: 10px;
    color: #fff;
    border-color: #88C54B !important;
    text-transform: none !important;
    height: 60px;
    width: 184px;
    /* padding: 5px 10px; */
}

.grupo .btn {
    font-weight: 900;
    padding: 15px 18px;
}

.grupo a {
    background-color: #88C54B!important;
    border-color: #88C54B !important;
    color: #fff;
}

.grupo a:hover {
    background-color: #60922E!important;
    border: 1px solid #60922E!important;
    color: #fff!important;
}

.grupo a:focus {
    background-color: #60922E!important;
    border: 1px solid #60922E!important;
    color: #fff!important;
}

.grupo .btn:focus {
    background-color: #60922E!important;
    border-color: #60922E !important;
    color: #fff;
    box-shadow: transparent!important;
}

.grupo .btn:active {
    background-color: #60922E!important;
    border-color: #60922E !important;
    color: #fff;
    box-shadow: transparent!important;
}

.grupo .box_grupo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    height: 100%;
    width: 100%;
}

.mobile {
    display: none;
}

.mobile_ult {
    display: none;
}


/*PAG NOTICIAS*/

.noticias {
    background-color: #FFF;
}

.noticias .titulo {
    font-family: "TrendaBold";
    font-size: 30px;
    color: #85C54A;
    text-align: left;
}

.noticias .txt {
    font-family: "TrendaLight";
    font-size: 17px;
    color: #999999;
    text-align: justify !important;
}

.noticias .box_not {
    display: flex;
    flex-wrap: wrap;
}

.noticias .card .card-title {
    font-family: "TrendaBold";
    text-align: justify;
    font-size: 17px;
    color: #999999;
}

.noticias .card .card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1.25rem 0 1rem 0;
}

.noticias .card .card-text {
    font-family: "TrendaLight";
    text-align: justify;
    font-size: 16px;
    color: #666;
}

.noticias .link_det {
    border: 0!important;
    border-radius: 0!important;
}

.noticias .link_det:hover {
    border: 0!important;
    border-radius: 0!important
}

.noticias .btn_not {
    font-family: "TrendaBold";
    text-transform: none!important;
    font-size: 13px;
    color: #7EBB46;
    background-color: #fff;
    border: 1px solid #7EBB46;
    border-radius: 15px;
}

.noticias .btn_not:hover {
    color: #0098D9!important;
    background-color: #fff!important;
    border: 1px solid #0098D9!important;
}

.noticias .card {
    display: flex;
    padding: 15px;
    width: 32%;
    margin: 1%;
    /* height: 100%; */
}

.noticias .card:nth-child(3n) {
    margin-right: 0;
}

.noticias .card:nth-child(3n+1) {
    margin-left: 0;
}

.noticias .card-text {
    font-family: "TrendaBold";
    font-size: 17px;
    color: #666;
}

.noticias .box_btn {
    display: flex;
    align-items: center;
}

.noticias .box_vj {
    display: block;
}

.noticias .box_vj_mobile {
    display: none;
}

.noticias .img-res {
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.noticias_campanhas {
    font-family: "TrendaBold";
    font-size: 30px;
    color: #999999;
}

.noticias_campanhas .box_camp {
    display: flex;
    flex-wrap: wrap;
}

.noticias_campanhas .card {
    display: flex;
    padding: 15px;
    width: 32%;
    margin: 1%;
}

.noticias_campanhas .card-body {
    padding: 1.25rem 0 1rem 0;
}

.noticias_campanhas .card:nth-child(3n) {
    margin-right: 0;
}

.noticias_campanhas .card:nth-child(3n+1) {
    margin-left: 0;
}

.noticias_campanhas .card-text {
    font-family: "TrendaBold";
    font-size: 17px;
    color: #999999;
}

.noticias_campanhas .box_btn {
    display: flex;
    align-items: center;
}

.noticias_campanhas p {
    font-family: "TrendaBold";
    font-size: 30px;
    color: #999999;
    text-align: left;
    text-transform: none;
}

.noticias_campanhas .vid {
    font-family: "TrendaBold";
    font-size: 30px;
    color: #85C54A;
    text-align: left;
}

.pagination li.active a {
    color: #85C54A !important;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px !important;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination>li {
    display: inline;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}

.pagination li.active a {
    color: #fff !important;
}

.noticias_rec {
    background-color: #F2F2F2;
}

.noticias_rec h2 {
    font-family: "TrendaBold";
    font-size: 30px;
    color: #88C54B;
    margin: 35px;
}

.noticias_rec p {
    font-family: "TrendaBold";
    font-size: 25px;
    color: #88C54B;
}

.noticias_rec .formtext {
    font-family: "TrendaLight";
    font-size: 19px;
    color: #999999;
    margin-left: 10px;
    margin-top: 30px;
}

.noticias_rec form {
    font-family: "TrendaBold";
    font-size: 17px;
    color: #999999;
    text-align: left;
}

.noticias_rec form input {
    border: 0px;
    border-radius: 0;
    border-bottom: 1px solid #ccc;
    background-color: #F2F2F2;
}

.noticias_rec form input:focus {
    border: 0px;
    border-radius: 0;
    border-bottom: 1px solid #ccc;
    background-color: #F2F2F2;
}

.noticias_rec button {
    font-family: "TrendaBold";
    font-size: 15px;
    background-color: #88C54B;
    border-radius: 10px;
    color: #fff;
    border-color: #88C54B !important;
    text-transform: none !important;
    /* height: 45px; */
    width: 132px;
}

.noticias_rec button:hover {
    background-color: #60922E!important;
    border: 1px solid #60922E!important;
    color: #fff!important;
}


/*PAG DETALHES DA NOTICIA*/

.img-det-noticias {
    height: 282px;
    object-fit: cover;
    object-position: top;
}

.not_det {
    background-color: #F7F7F7!important;
}

.input_det {
    /* background-color: #FFF!important; */
    background-color: #F7F7F7!important;
}

.tit_det {
    font-family: "TrendaBold";
    font-size: 30px;
    color: #007FCB!important;
    text-align: left;
}

.tit_det_vej {
    font-family: "TrendaBold";
    font-size: 25px!important;
    color: #0098D9;
    text-align: left;
    margin-bottom: 5%;
}

.txt_det {
    font-family: "TrendaBold";
    font-size: 20px!important;
    color: #999;
    text-align: justify;
    margin: 25px 0;
}

.box_txt_det {
    font-family: "TrendaLight";
    font-size: 18px !important;
    color: #646464;
    text-align: justify;
    margin: 3% 0;
}

.noticias ul li {
    font-family: "TrendaBold";
    font-size: 15px !important;
    text-align: justify;
    margin-bottom: 5%;
    list-style: none;
}

.noticias ul li a {
    font-family: "TrendaBold";
    font-size: 15px !important;
    text-align: justify;
    margin-bottom: 5%;
    list-style: none;
    color: #999;
    background-color: #FFF;
    border: 0;
}

.noticias ul li a:hover {
    font-family: "TrendaBold";
    font-size: 15px !important;
    text-align: justify;
    margin-bottom: 5%;
    list-style: none;
    color: #666!important;
    background-color: #F2F2F2!important;
    border: 0!important;
}

.noticias ul li span {
    color: #014063;
}

.noticias .btn_det_not {
    /* background-color: #f2f2f2!important; */
    padding: 10px 30px;
    font-family: "TrendaBold";
    text-transform: none!important;
    font-size: 13px;
    color: #7EBB46;
    background-color: #fff;
    border: 1px solid #7EBB46;
    border-radius: 15px;
}

.noticias .btn_det_not:hover {
    color: #04B7F2!important;
    border: 1px solid #04B7F2!important;
}

.noticias_campanhas .btn_det_not {
    background-color: #f2f2f2 !important;
    padding: 10px 30px;
    font-family: "TrendaBold";
    text-transform: none !important;
    font-size: 13px;
    color: #9CB1D0;
    background-color: #fff !important;
    border: 1px solid #9CB1D0;
    border-radius: 15px;
}

.titulo_det {
    font-size: 18px;
    font-family: "TrendaBold";
    color: #0098D9;
    text-align: left;
    margin-top: 5%;
}

.data_det {
    font-family: "TrendaLight";
    font-size: 16px !important;
    color: #999;
    text-align: left;
}

.tab-resid tr {
    line-height: 1;
}

.tab-resid tr,
th,
td {
    font-size: 18px;
    border: 1.5px solid #000!important;
    line-height: 0.5;
}

#accordion .tab-resid th::first-line {
    color: #555555;
}

#accordion .tab-resid .th1 {
    vertical-align: middle!important;
}

#accordion .titulo-tab1 {
    text-align: left;
    font-style: normal;
    font-size: 22px;
    cursor: pointer;
    font-weight: bold;
    margin-left: 50px;
    font-family: "TrendaBold";
    color: #04B7F2;
}

#accordion .titulo-tab2 {
    text-align: left;
    font-style: normal;
    font-size: 22px;
    cursor: pointer;
    font-weight: bold;
    margin-left: 50px;
    font-family: "TrendaBold";
    color: #04B7F2;
}

#accordion .i-icon1 {
    background-image: url("../images/bullet.png");
    background-repeat: no-repeat;
    height: 2em;
}

#accordion .i-icon2 {
    background-image: url("../images/bullet.png");
    background-repeat: no-repeat;
    height: 2em;
}

#accordion .i-icon {
    background-image: url("../images/bullet.png");
    background-repeat: no-repeat;
    height: 2em;
}

#accordion .i-icon-open {
    background: url("../images/bullet-expanded.png") no-repeat scroll 0 0;
    background-image: url("../images/bullet-expanded.png");
    height: 2em;
}

.tab-tarifas-serv .i-icon {
    background-image: url("../images/bullet.png");
    background-repeat: no-repeat;
    height: 2em;
}

.tab-tarifas-serv {
    text-align: left;
    font-style: normal;
    font-size: 22px;
    font-weight: bold;
    /* margin-left: 50px; */
}

.tab-tarifas-serv a {
    margin-left: 50px;
    margin-top: 2%;
    font-family: "TrendaBold";
    color: #04B7F2;
}


/* #page-content h1 ~ h2.collapsed::before, #page-content h1 ~ a.h2.collapsed::before {















    background-image: url('../images/bullet.png');















}































 */


/*PAG CONTATO*/

.header_cont {
    position: relative;
    /* padding-top: 150px;















  padding-bottom: 150px; */
    background-color: #222;
    background-size: cover;
    background-attachment: scroll;
}

.header_cont .box-titulo_cont {
    width: 150px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
    padding-bottom: 80px;
}

.txt_cont {
    text-align: justify;
}

.box-cont {
    font-family: "TrendaBold";
    color: #999999;
    font-size: 17px;
    padding: 15px 0;
    height: 90%;
}

.hr-contato {
    font-family: "TrendaLight";
    color: #fff;
    font-size: 16px;
    background-color: #10408A;
}

.hr-contato .container {
    display: flex;
    justify-content: space-between;
}

.box-cont-end {
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: 24px;
}

.box-cont-end img {
    width: 8%;
    margin-right: 2%;
}

.box-cont-hora {
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: 24px;
}

.box-cont-hora img {
    width: 11%;
    margin-right: 2%;
}

.box-cont-end img {
    display: block;
}

.box-cont-hora img {
    display: block;
}

.mapa_localizacao {
    background-color: #F0F0F0;
    height: 200px;
    font-family: "TrendaBold";
    color: #88C54B;
}

.mapa_localizacao p {
    font-size: 40px;
}

#status {
    font-size: 16px;
}

.formulario {
    padding: 2px;
    text-align: left;
}

.formulario label {
    margin-bottom: 1px;
}

.formulario label,
input,
select,
textarea {
    font-family: "TrendaLight";
    font-size: 17px;
    color: #333333!important;
}

.formulario_trabalhe .custom-select {
    background-color: #fff!important;
    color: #999!important;
    margin-top: -5px;
}

.formulario .custom-select {
    background-color: #fff!important;
    color: #999 !important;
}

.formulario .btn-success {
    background-color: #7EBB46;
    border: 1px solid #7EBB46!important;
    text-transform: capitalize;
    width: 132px;
    /* border-radius:10px; */
}

.formulario .btn-success:hover {
    background-color: #0098D9!important;
    border: 1px solid #0098D9!important;
    color: #fff!important;
}

.contato_end {
    font-family: "TrendaLight";
    font-size: 17px;
    color: #999999;
    margin-left: 10px;
}

.contato_end .phone {
    background-image: url('../images/icons/phone.png');
    background-repeat: no-repeat;
    background-size: contain;
}

.contato_end .local {
    background-image: url('../images/icons/local.png');
    background-repeat: no-repeat;
    background-size: 33px 25px;
    margin-bottom: 15px;
}

.contato_end .hora {
    background-image: url('../images/icons/clock.png');
    background-repeat: no-repeat;
    background-size: 28px 28px;
    margin-bottom: 15px;
}

.formulario_sugestoes {
    text-align: left;
}

.formulario_sugestoes .titulo {
    font-family: "TrendaBold";
    font-size: 30px;
    color: #88C54B;
    text-align: center;
}

.formulario_sugestoes .formtext {
    font-family: "TrendaLight";
    font-size: 19px;
    color: #999999;
    margin-left: 10px;
}

.formulario_sugestoes .box_txt {
    font-family: "TrendaLight";
    text-align: justify;
    font-size: 16px;
    color: #999999;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    height: 10vh;
    display: flex;
    align-items: flex-end;
}

.formulario_sugestoes label,
input,
select,
textarea {
    font-family: "TrendaLight";
    font-size: 17px;
    color: #999999;
}

.formulario_sugestoes .btn-success {
    background-color: #88C54B;
    border: 1px solid #88C54B!important;
    text-transform: capitalize;
    width: 132px;
    border-radius: 10px;
}

.formulario_sugestoes .btn-success:hover {
    background-color: #60922E!important;
    border: 1px solid #60922E!important;
    color: #fff!important
}


/*PAG TRABALHE CONOSCO*/

.header_cont_trab .box-titulo_cont_trab {
    width: 420px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
    padding-bottom: 80px;
}

.titulo-header {
    background-color: #10408A;
    color: #fff;
    font-family: "TrendaBold";
}

.txt_cont_trab {
    text-align: justify;
}

.box-cont_trab {
    font-family: "TrendaBold";
    color: #999999;
    font-size: 17px;
    padding: 15px 0;
    height: 90%;
    text-align: center;
}

.txt_cont_trab .titulo {
    font-family: "TrendaBold";
    font-size: 30px;
    color: #10408A;
    text-align: center;
}

.formulario_trabalhe {
    text-align: left;
}

.formulario_trabalhe .formtext {
    font-family: "TrendaLight";
    font-size: 19px;
    color: #999999;
    margin-left: 10px;
}

.formulario_trabalhe label,
input,
select,
textarea {
    font-family: "TrendaLight";
    font-size: 17px;
    color: #999999;
}

.formulario_trabalhe .btn-success {
    background-color: #10408A;
    border: 1px solid #10408A!important;
    text-transform: capitalize;
    width: 132px;
    /* border-radius:10px; */
}

.formulario_trabalhe .btn-success:hover {
    background-color: #60922E!important;
    border: 1px solid #60922E!important;
    color: #fff!important
}

.formulario_trabalhe input[type='file'] {
    display: none
}


/* Aparência que terá o seletor de arquivo */

.formulario_trabalhe .file .file_label {
    background-color: #10408A;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    /* margin: 10px; */
    padding: 6px 20px;
    width: 100%;
    font-size: 17px;
}


/*PAG CADASTRO DE FORNECEDORES*/

.header_cont_forn .box-titulo_cont_forn {
    width: 520px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
    padding-bottom: 80px;
    line-height: 40px;
}


/*PAG POLITICA DE INVESTIMENTO*/

.header_cont_inv .box-titulo_cont_inv {
    width: 620px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
    padding-bottom: 80px;
    line-height: 40px;
}

.box-cont_inv {
    font-family: "TrendaLight";
    color: #999999;
    font-size: 17px;
    padding: 15px 0;
    height: 90%;
    text-align: justify;
}

.box-cont_inv span {
    color: #88C54B;
}

.txt_cont_inv .titulo {
    font-family: "TrendaBold";
    font-size: 30px;
    color: #007FCB;
    text-align: center;
    margin-bottom: 5px;
}

.formulario_trabalhe strong {
    font-family: "TrendaBold";
}

.formulario_trabalhe h2 {
    font-family: "TrendaBold";
    font-size: 18px;
    color: #999999;
}

.formulario_trabalhe .subtitulo {
    font-family: "TrendaLight";
    color: #999999;
    font-size: 18px;
}

.formulario_trabalhe ul {
    list-style: none;
    margin-left: 0!important;
    padding-left: 0!important;
}

.formulario_trabalhe ul li {
    font-family: "TrendaLight";
    color: #999999;
    font-size: 18px;
}


/* Aparência que terá o seletor de arquivo */

.formulario_trabalhe .file .file_label_inv {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #88C54B;
    color: #999;
    cursor: pointer;
    padding: 6px 20px;
    width: 100%;
    margin-left: -15px;
}


/*PAG ONDE ATUAMOS*/

.map_loca {
    margin-top: 40px;
}

.header_map_loc {
    position: relative;
    /* padding-top: 150px;















  padding-bottom: 150px; */
    background-color: #222;
    background-size: cover;
    background-attachment: scroll;
}

.header_map_loc .tit {
    text-align: center;
    line-height: 50px;
}

.header_map_loc .box-titulo_map {
    width: 360px;
    margin-left: auto;
    margin-right: 40px;
    margin-top: 130px;
    padding-bottom: 75px;
}

.header_map_loc .box_txt {
    width: 318px;
    margin-left: auto;
    margin-right: auto;
    line-height: 20px;
}

.header_map_loc .texto {
    font-family: "TrendaLight";
    font-size: 18px;
    font-style: italic;
    color: #7EB800;
    text-align: center;
}


/* .header_map_loc .box-titulo_map {















  width: 260px;















  margin-left: auto;















  margin-right: auto;















} */

.clientes .cli-titulo {
    font-family: 'TrendaBold';
    font-size: 30px;
    color: #666;
}

.clientes .box_clientes {
    display: flex;
    flex-wrap: wrap;
}

.clientes .box_clientes img {
    width: 100%;
    margin: 1%;
}

.clientes .box_clientes img:nth-child(5n) {
    margin-right: 0;
}

.clientes .box_clientes img:nth-child(5n+1) {
    margin-left: 0;
}

.grupo {
    display: none;
}

.empresa-pc {
    display: block;
}

.empresa-mob {
    display: none;
}

.empresa-foto .pc {
    display: block;
}

.empresa-foto-mob {
    display: none;
}

#mainNav {
    display: none;
}

.inf-mob-contato {
    display: none;
}

#carousel {
    display: block;
}

#carousel-mob {
    display: none;
}

.btn-obse-vazio {
    display: none;
}

.titulo_mes_ano {
    font-family: "TrendaBold";
    font-size: 25px;
}

.denuncie-pc {
    display: block;
}

.denuncie-mob {
    display: none;
}

.inf-pc .box-manunt .link-manu a {
    font-family: "TrendaBold";
    font-size: 15px;
    color: #10408A;
}

.inf-pc .link-band a {
    font-family: "TrendaBold";
    font-size: 15px;
    color: #10408A;
}

.inf-pc .link-band {
    display: flex;
    align-items: flex-end;
    width: 9%;
}

.inf-mobile .box-manunt .link-manu a {
    font-family: "TrendaBold";
    font-size: 15px;
    color: #00804E;
}

.inf-mobile .link-band a {
    font-family: "TrendaBold";
    font-size: 15px;
    color: #10408A;
}

.inf-mobile .link-band {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.auto_banner {
    display: block;
}


/*MOBILE*/


@media (min-width: 1024px) {
    .nav-cookie-disclaimer {
        padding: 16px 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        align-items: baseline;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;            
        font-family: "FuturaBook";            
    }
    .nav-cookie-disclaimer__button,
    .nav-cookie-disclaimer__button:active,
    .nav-cookie-disclaimer__button:focus {
        width: initial;
    }
    .nav-cookie-disclaimer__text {
        margin: 0 16px 0 0;
    }
}   

@media (max-width: 1023px) {     
    .nav-cookie-disclaimer {
        padding: 16px 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        align-items: baseline;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;            
        font-family: "FuturaBook";            
    }
    .nav-cookie-disclaimer__button,
    .nav-cookie-disclaimer__button:active,
    .nav-cookie-disclaimer__button:focus {
        width: initial;
    }    
    .footerbottom {
        margin-bottom: 105px !important;
    }
}

@media (max-width: 729px) {             
    .footerbottom {
        margin-bottom: 125px !important;
    }
}

@media (max-width: 518px) {               
    .footerbottom {
        margin-bottom: 150px !important;
    }
}


@media (max-width: 421px) {                
    .footerbottom {
        margin-bottom: 170px !important;
    }
}

@media (max-width: 360px) {                
    .footerbottom {
        margin-bottom: 195px !important;
    }
}

@media (max-width: 340px) {                
    .footerbottom {
        margin-bottom: 220px !important;
    }
}

@media (max-width: 324px) {                
    .footerbottom {
        margin-bottom: 240px !important;
    }
}

@media (max-width: 285px) {                
    .footerbottom {
        margin-bottom: 265px !important;
    }
}





@media (max-width: 1199px) {
    .corpo_admin {
        display: none;
    }
    .corpo_admin-mob {
        display: block;
    }
    /*organograma*/
    .corpo_admin-mob .titulo {
        font-size: 25px;
        font-family: "TrendaBold";
        color: #7DC9DF;
        text-align: left;
    }
    .corpo_admin-mob .organograma-mob {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .corpo_admin-mob .organograma-mob .box-org {
        font-size: 18px;
        font-family: "TrendaBold";
        color: #0680AB;
        background-color: #ADE2EF;
        width: 100%;
        padding: 10px 30px;
    }
    .corpo_admin-mob .organograma-mob .box-org-ger-mob {
        font-size: 18px;
        font-family: "TrendaBold";
        color: #0680AB;
        background-color: #ADE2EF;
        /* width: 93%; */
        width: 272px;
        padding: 10px 30px;
    }
    .corpo_admin-mob .organograma-mob .box-org-ger {
        font-size: 18px;
        font-family: "TrendaBold";
        color: #0680AB;
        background-color: #ADE2EF;
        width: 100%;
        padding: 10px 30px;
    }
    .corpo_admin-mob .organograma-mob .box-org-dep {
        font-size: 16px;
        font-family: "TrendaBold";
        color: #0680AB;
        background-color: #E4F5FA;
        width: 100%;
        padding: 10px 2px;
    }
    .corpo_admin-mob .organograma-mob .lista-vertical {
        display: flex;
        flex-direction: column;
    }
    .corpo_admin-mob .organograma-mob .box-org-ult {
        font-size: 18px;
        font-family: "TrendaBold";
        color: #0680AB;
        background-color: #ADE2EF;
        width: 100%;
        padding: 4px 30px;
        line-height: 20px;
    }
    .linha-vertical {
        width: 0.5%;
        height: 20px;
        border-left: 1px solid #0782AB;
        box-sizing: border-box;
    }
    .linha-vertical-r {
        width: 0.5%;
        height: 20px;
        border-right: 1px solid #0782AB;
        box-sizing: border-box;
    }
    .organograma-mob .box-horizontal {
        display: flex;
        justify-content: space-between;
        width: 100%;
        flex-direction: column;
        align-items: center;
    }
    .organograma-mob .box-horizontal .item {
        display: flex;
        flex-direction: column;
        /* width: 93%; */
        width: 272px;
    }
    .linha-horizontal {
        width: 75%;
        height: 20px;
        border-top: 1px solid #0782AB;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        justify-content: space-between;
    }
    .linha-conecta-left-diretoria::after {
        content: "";
        border-top: 1px solid #0782AB;
        border-left: 1px solid #0782AB;
        border-bottom: 1px solid #0782AB;
        box-sizing: border-box;
        width: 10px;
        min-height: 64px;
        height: auto;
        position: absolute;
        z-index: 5;
        margin-left: -145px;
        margin-top: -38px;
    }
    .linha-conecta-left-jur::after {
        content: "";
        border-top: 1px solid #0782AB;
        border-left: 1px solid #0782AB;
        border-bottom: 1px solid #0782AB;
        box-sizing: border-box;
        width: 10px;
        min-height: 584px;
        height: auto;
        position: absolute;
        z-index: 5;
        margin-left: -145px;
        margin-top: -554px;
    }
    .linha-conecta-left-eng::after {
        content: "";
        border-top: 1px solid #0782AB;
        border-left: 1px solid #0782AB;
        border-bottom: 1px solid #0782AB;
        box-sizing: border-box;
        width: 10px;
        min-height: 49px;
        height: auto;
        position: absolute;
        z-index: 5;
        margin-left: -145px;
        margin-top: -22px;
    }
    .linha-conecta-left-dir::after {
        content: "";
        border-top: 1px solid #0782AB;
        border-left: 1px solid #0782AB;
        border-bottom: 1px solid #0782AB;
        box-sizing: border-box;
        width: 10px;
        min-height: 100px;
        height: auto;
        position: absolute;
        z-index: 5;
        margin-left: -145px;
        margin-top: -73px;
    }
    .linha-conecta-left::after {
        content: "";
        border-top: 1px solid #0782AB;
        border-left: 1px solid #0782AB;
        border-bottom: 1px solid #0782AB;
        box-sizing: border-box;
        width: 10px;
        min-height: 101px;
        height: auto;
        position: absolute;
        z-index: 5;
        margin-left: -145px;
        margin-top: -73px;
    }
    .linha-conecta::after {
        content: "";
        border-top: 1px solid #0782AB;
        border-right: 1px solid #0782AB;
        border-bottom: 1px solid #0782AB;
        box-sizing: border-box;
        width: 10px;
        height: 49px;
        position: absolute;
        z-index: 5;
        margin-left: 135px;
        margin-top: -27px;
    }
    .tooltipcons .tooltiptext .box-representantes {
        width: 100%;
        flex-wrap: wrap;
    }
    .tooltipcons .tooltiptext .box-representantes .col1-rep {
        width: 100%;
    }
    .tooltipcons .tooltiptext .box-representantes .col2-rep {
        width: 100%;
    }
    .tooltipcons .tooltiptext .titulo {
        font-size: 15px;
    }
    .tooltipcons .tooltiptext .nomecons {
        font-size: 14px;
    }
    .tooltipcons .tooltiptext .descricao {
        font-size: 13px;
    }
    .tooltipcons .tooltiptext .box-representantes .titulo-rep {
        font-size: 12px;
    }
    .tooltipcons .tooltiptext .box-representantes .texto-rep {
        font-size: 13px;
    }
    .tooltipcons .tooltiptext {
        width: 282px;
        margin-left: 8px;
    }
}

@media(max-width: 834px) {
    .box-pres .box-inf-pres {
        margin-right: 2.7%;
    }
    .box-pres .box-inf-pres:nth-child(6n) {
        margin-right: 2.7%;
    }
}

@media(max-width: 800px) {
    .box-pres .box-inf-pres {
        margin-right: 2%;
    }
    .box-pres .box-inf-pres:nth-child(6n) {
        margin-right: 2%;
    }
    .box-pres .desc {
        width: 90%;
    }
}


/* @media(max-width: 768px) { */

@media(max-width: 1225px) {
    .header_adm {
        height: auto;
    }
    .header_adm .tit {
        flex-wrap: wrap;
    }
    .saiba_mais {
        margin: 5% 0;
    }
    .ranking_link {
        margin: 5% 0;
    }
    .progress_link {
        margin: 5% 0 0 0;
    }
    .navbar-nav {
        overflow-y: auto !important;
        height: 450px;
    }
    .campanhas .img-res {
        height: auto;
    }
    .section_agua .img-agua {
        height: auto;
    }
    .tratamento .img-trat {
        height: auto;
    }
    .noticias .img-res {
        height: auto;
    }
    .galeria-video .img-res {
        height: auto;
    }
    .formulario_cadastro .file .file_label {
        width: 100%;
    }
    .fecharmodal {
        position: absolute;
        width: 30px;
        right: -15px;
        top: -20px;
        text-align: center;
        line-height: 30px;
        margin-top: 5px;
        background: #666;
        border-radius: 50%;
        font-size: 16px;
        color: #fff;
        display: block;
    }
    .modalmsg>div {
        width: 80%;
    }
    #login .box-txt {
        flex-wrap: wrap;
    }
    #login .btn-cad {
        width: 100%;
    }
    #login .btn-senha {
        width: 100%;
        margin-top: 3%;
    }
    #login .btn-login {
        margin-bottom: 5%;
    }
    #formcontatovisita .form-group .form-row {
        margin-top: -4%;
    }
    #formcontatovisita .form-group .form-control {
        margin-top: 3%;
    }
    .galeria-video {
        margin-top: 5%;
        margin-bottom: 5%;
    }
    .galeria-video .card {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .manual_padronizado .box-imagem {
        flex-wrap: wrap;
        margin-bottom: 8%;
    }
    .manual_padronizado .box-img {
        width: 100%;
    }
    .manual_padronizado .box-txt {
        width: 100%;
        text-align: left;
    }
    .taxa_lixo_pdf a {
        width: 100%;
    }
    .taxa_lixo_pdf .titulo_pdf {
        margin-bottom: 2%;
    }
    .taxa_lixo_pdf ul li {
        flex-wrap: wrap;
    }
    .taxa_lixo_video .box_taxa_video {
        width: 100%;
        margin-bottom: 4%;
    }
    .ecoponto-materiais .container {
        flex-wrap: wrap;
    }
    .ecoponto-materiais img {
        margin-bottom: 5%;
    }
    .materiais_recebidos .container {
        flex-wrap: wrap;
    }
    .materiais_recebidos .box-recebidos {
        width: 100%;
        margin-bottom: 25%;
    }
    .materiais_recebidos .box-recebidos .titulo {
        width: 100%;
    }
    .materiais_recebidos .box-nao-recebidos {
        width: 100%;
    }
    .materiais_recebidos .box-recebidos .itens {
        flex-direction: column;
        text-align: center;
        width: 50%;
    }
    .materiais_recebidos .box-nao-recebidos .itens {
        flex-direction: column;
        text-align: center;
        width: 50%;
    }
    .materiais_recebidos .box-nao-recebidos .titulo {
        width: 100%;
    }
    .materiais_recebidos .informativo {
        top: -10%;
    }
    .menu_mob {
        display: block;
    }
    .box-form {
        margin-bottom: 5%;
    }
    .box-perg {
        display: none;
    }
    .box-at-pref {
        display: none;
    }
    .box-duvidas {
        display: none;
    }
    .box-ouvidoria {
        display: none;
    }
    .identificacao_etapas .container {
        flex-wrap: wrap;
    }
    .identificacao_etapas .box-ident {
        width: 100%;
    }
    .identificacao_etapas .box-img {
        width: 100%;
    }
    .carta .container {
        flex-wrap: wrap;
    }
    .carta .lado-esq {
        width: 100%;
        margin-right: 0;
    }
    .carta .lado-dir-listagem .box-statisticas {
        flex-wrap: wrap;
    }
    .carta .lado-dir-listagem .box-numeros {
        width: 49%;
        margin-bottom: 0.5%;
    }
    .carta .lado-dir-listagem .ranking_servicos .titulografico {
        width: 100%;
        margin-bottom: 1%;
    }
    .carta .lado-dir-listagem .list-ranking .ranking_servicos {
        flex-wrap: wrap;
    }
    .carta .lado-dir-listagem {
        width: 100%;
    }
    .carta .lado-dir-listagem .box-listagem {
        flex-wrap: wrap;
    }
    .carta .lado-dir-listagem .box-listagem .conteudo-listagem {
        width: 100%;
        margin-right: 0;
    }
    .carta .lado-dir-listagem .box-listagem .meios-solicitacao {
        width: 100%;
    }
    .carta .lado-dir {
        width: 100%;
    }
    .carta .lado-dir .bord-pdf {
        flex-wrap: wrap;
    }
    .carta .lado-dir .titulo_pdf {
        width: 100%;
    }
    .carta .lado-dir .bord-pdf a {
        width: 100%;
        display: flex;
        justify-content: end;
    }
    .carta .lado-dir-listagem-detalhe {
        width: 100%;
    }
    .carta .lado-dir-listagem-detalhe .meios-solicitacao .icon-local {
        flex-wrap: wrap;
    }
    .carta .lado-dir-listagem-detalhe .meios-solicitacao .icon-comercial {
        flex-wrap: wrap;
    }
    .carta .lado-dir-listagem-detalhe .meios-solicitacao .icon-email {
        flex-wrap: wrap;
    }
    .carta .lado-dir-listagem-detalhe .avaliar-servico .box-avaliacao {
        width: 100%;
    }
    .carta .lado-dir-listagem-detalhe .avaliar-servico {
        flex-wrap: wrap;
    }
    .carta .lado-dir-listagem-detalhe .avaliar-servico .titulo {
        width: 100%;
        margin-bottom: 3%;
    }
    .carta .lado-dir-listagem-detalhe .avaliar-servico .btn-avalizao {
        margin-top: 3%;
        width: 100%;
    }
    .carta .lado-dir-listagem-detalhe .avaliar-servico .texto {
        width: 100%;
    }
    .carta .lado-dir-listagem-detalhe .registrar-duvidas {
        flex-wrap: wrap;
    }
    .carta .lado-dir-listagem-detalhe .registrar-duvidas .box-duvidas {
        width: 100%;
    }
    .carta .lado-dir-listagem-detalhe .registrar-duvidas .titulo {
        width: 100%;
        margin-bottom: 3%;
    }
    .carta .lado-dir-listagem-detalhe .registrar-duvidas .btn-duvidas {
        margin-top: 3%;
        width: 100%;
    }
    .header_adm .tit {
        font-size: 24px;
    }
    #return-to-top {
        right: 50px;
    }
    .tooltipcons .tooltiptext .box-representantes {
        width: 100%;
        flex-wrap: wrap;
    }
    .tooltipcons .tooltiptext .box-representantes .col1-rep {
        width: 100%;
    }
    .tooltipcons .tooltiptext .box-representantes .col2-rep {
        width: 100%;
    }
    .corpo_admin {
        display: none;
    }
    .corpo_admin-mob {
        display: block;
    }
    .corpo_admin .organograma .box-org-ger {
        width: 88%;
    }
    .organograma .box-horizontal {
        flex-wrap: wrap;
        width: 88%;
    }
    .organograma .box-horizontal .item {
        width: 100%;
    }
    .materias .titulo {
        width: 100%;
        margin-right: 0;
    }
    .materias .texto {
        width: 100%;
    }
    .lixo .titulo {
        width: 100%;
        margin-right: 0;
    }
    .lixo .texto {
        width: 100%;
    }
    .img-coleta {
        display: none;
    }
    .img-coleta-mob {
        display: block;
    }
    .informativo .container {
        flex-wrap: wrap;
    }
    .informativo .card {
        width: 48%;
    }
    .informativo .card-text {
        font-size: 15px;
    }
    .informativo .titulo {
        text-align: left;
        font-size: 15px;
    }
    .pgcontato .container {
        flex-wrap: wrap;
    }
    .pgcontato .text_atendimento {
        width: 100%;
        margin-right: 0;
    }
    .pgcontato .formulario {
        width: 100%;
    }
    .inf-mapa .container {
        flex-wrap: wrap;
    }
    .inf-mapa .estacao {
        width: 100%;
    }
    .inf-mapa .aterro {
        width: 100%;
    }
    .inf-mapa .ecoponto {
        width: 100%;
    }
    .dicas-coleta-seletiva .box-text {
        margin-top: 5%;
    }
    .dicas-coleta-seletiva-ecoponto.box-text {
        margin-top: 5%;
    }
    .inf .item1 {
        padding: 13% 0;
    }
    .inf .item3 {
        padding: 12% 0;
    }
    .inf .item {
        width: 100%;
        margin-bottom: 5%;
    }
    .inf .container {
        flex-wrap: wrap;
    }
    .call-to-action {
        padding: 50px 0;
    }
    .call-to-action .item .counter {
        font-size: 25px;
    }
    .call-to-action .item {
        width: 50%;
    }
    .call-to-action .text {
        width: 100%;
    }
    .call-to-action .box {
        flex-wrap: wrap;
    }
    .empresa-home .container {
        flex-wrap: wrap;
    }
    .empresa-home .text {
        margin: 5% 0;
        width: 100%;
    }
    .logos-home .item {
        width: 50%;
    }
    .empresa-home .video {
        width: 100%;
    }
    .dicas-coleta-seletiva .box-text {
        width: 100%;
    }
    .dicas-coleta-seletiva-ecoponto .box-text {
        width: 100%;
        margin-top: 5%;
    }
    .dicas-coleta-seletiva .box-img {
        width: 100%;
    }
    .dicas-coleta-seletiva-ecoponto .box-img {
        width: 100%;
    }
    .dicas-coleta-seletiva .box-img .list-img {
        flex-wrap: wrap;
    }
    .dicas-coleta-seletiva-ecoponto .box-img .list-img {
        flex-wrap: wrap;
    }
    .coleta-seletiva .titulo {
        width: 70%;
    }
    .coleta-seletiva-ecoponto .titulo {
        width: 70%;
    }
    .noticias_home .titulo {
        width: 70%;
    }
    .dicas-coleta-seletiva .container {
        flex-wrap: wrap;
    }
    .dicas-coleta-seletiva-ecoponto .container {
        flex-wrap: wrap;
    }
    .logos-home .container {
        flex-wrap: wrap;
    }
    .box-pres .box-inf-pres {
        margin-right: 1%;
        width: 24%;
    }
    .box-pres .box-inf-pres:nth-child(6n) {
        margin-right: 2%;
    }
    .box-pres .desc {
        width: 90%;
    }
    .section_agua .box-agua {
        flex-wrap: wrap;
    }
    .section_agua .item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 5%;
    }
    .tratamento .box {
        flex-wrap: wrap;
    }
    .tratamento .box-inf {
        text-align: left;
        width: 100%;
    }
    .tratamento .item-img {
        width: 100%;
        margin-bottom: 3%;
    }
    .fases .fase_liquida {
        width: 100%;
        margin-right: 0;
    }
    .fases .fase_solida {
        width: 100%;
    }
    /*organograma*/
    .corpo_admin-mob .titulo {
        font-size: 25px;
        font-family: "TrendaBold";
        color: #7DC9DF;
        text-align: left;
    }
    .corpo_admin-mob .organograma-mob {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .corpo_admin-mob .organograma-mob .box-org {
        font-size: 18px;
        font-family: "TrendaBold";
        color: #0680AB;
        background-color: #ADE2EF;
        width: 100%;
        padding: 10px 30px;
    }
    .corpo_admin-mob .organograma-mob .box-org-ger-mob {
        font-size: 18px;
        font-family: "TrendaBold";
        color: #0680AB;
        background-color: #ADE2EF;
        /* width: 93%; */
        width: 272px;
        padding: 10px 30px;
    }
    .corpo_admin-mob .organograma-mob .box-org-ger {
        font-size: 18px;
        font-family: "TrendaBold";
        color: #0680AB;
        background-color: #ADE2EF;
        width: 100%;
        padding: 10px 30px;
    }
    .corpo_admin-mob .organograma-mob .box-org-dep {
        font-size: 16px;
        font-family: "TrendaBold";
        color: #0680AB;
        background-color: #E4F5FA;
        width: 100%;
        padding: 10px 2px;
    }
    .corpo_admin-mob .organograma-mob .lista-vertical {
        display: flex;
        flex-direction: column;
    }
    .corpo_admin-mob .organograma-mob .box-org-ult {
        font-size: 18px;
        font-family: "TrendaBold";
        color: #0680AB;
        background-color: #ADE2EF;
        width: 100%;
        padding: 4px 30px;
        line-height: 20px;
    }
    .linha-vertical {
        width: 0.5%;
        height: 20px;
        border-left: 1px solid #0782AB;
        box-sizing: border-box;
    }
    .linha-vertical-r {
        width: 0.5%;
        height: 20px;
        border-right: 1px solid #0782AB;
        box-sizing: border-box;
    }
    .organograma-mob .box-horizontal {
        display: flex;
        justify-content: space-between;
        width: 100%;
        flex-direction: column;
        align-items: center;
    }
    .organograma-mob .box-horizontal .item {
        display: flex;
        flex-direction: column;
        /* width: 93%; */
        width: 272px;
    }
    .linha-horizontal {
        width: 75%;
        height: 20px;
        border-top: 1px solid #0782AB;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        justify-content: space-between;
    }
    .linha-conecta-left-diretoria::after {
        content: "";
        border-top: 1px solid #0782AB;
        border-left: 1px solid #0782AB;
        border-bottom: 1px solid #0782AB;
        box-sizing: border-box;
        width: 10px;
        min-height: 64px;
        height: auto;
        position: absolute;
        z-index: 5;
        margin-left: -145px;
        margin-top: -38px;
    }
    .linha-conecta-left-jur::after {
        content: "";
        border-top: 1px solid #0782AB;
        border-left: 1px solid #0782AB;
        border-bottom: 1px solid #0782AB;
        box-sizing: border-box;
        width: 10px;
        min-height: 584px;
        height: auto;
        position: absolute;
        z-index: 5;
        margin-left: -145px;
        margin-top: -554px;
    }
    .linha-conecta-left-eng::after {
        content: "";
        border-top: 1px solid #0782AB;
        border-left: 1px solid #0782AB;
        border-bottom: 1px solid #0782AB;
        box-sizing: border-box;
        width: 10px;
        min-height: 49px;
        height: auto;
        position: absolute;
        z-index: 5;
        margin-left: -145px;
        margin-top: -22px;
    }
    .linha-conecta-left-dir::after {
        content: "";
        border-top: 1px solid #0782AB;
        border-left: 1px solid #0782AB;
        border-bottom: 1px solid #0782AB;
        box-sizing: border-box;
        width: 10px;
        min-height: 100px;
        height: auto;
        position: absolute;
        z-index: 5;
        margin-left: -145px;
        margin-top: -73px;
    }
    .linha-conecta-left::after {
        content: "";
        border-top: 1px solid #0782AB;
        border-left: 1px solid #0782AB;
        border-bottom: 1px solid #0782AB;
        box-sizing: border-box;
        width: 10px;
        min-height: 101px;
        height: auto;
        position: absolute;
        z-index: 5;
        margin-left: -145px;
        margin-top: -73px;
    }
    .linha-conecta::after {
        content: "";
        border-top: 1px solid #0782AB;
        border-right: 1px solid #0782AB;
        border-bottom: 1px solid #0782AB;
        box-sizing: border-box;
        width: 10px;
        height: 49px;
        position: absolute;
        z-index: 5;
        margin-left: 135px;
        margin-top: -27px;
    }
    /**/
    /*MENU CARTA SERVICO MOB*/
    
    .carta .box-perg-mob {
        background-color: #E4F2D7;
        text-align: left;
        /* padding: 1%; */
    }
    .carta .box-perg-mob .lei {
        color: #666666;
        font-size: 16px;
    }
    .carta .box-perg-mob ul {
        padding-left: 35px;
    }
    .carta .box-perg-mob ul li a {
        color: #007FC5;
    }
    .carta .box-perg-mob ul li {
        list-style-image: url("../images/ul-li.png");
        color: #007FC5;
        font-size: 20px;
        font-family: "TrendaBold";
        padding-top: 0.5%;
        padding-bottom: 0.5%;
    }
    .carta .box-at-pref-mob {
        background-color: #E4F2D7;
        text-align: left;
    }
    .carta .box-at-pref-mob .titulo {
        color: #88C54B;
        font-family: "TrendaBold";
        font-size: 25px;
        text-align: left;
    }
    .carta .box-at-pref-mob .lei {
        color: #666666;
        font-size: 16px;
    }
    .carta .box-at-pref-mob ul {
        padding-left: 20px;
    }
    .carta .box-at-pref-mob ul li {
        list-style-image: url("../images/ul-li.png");
        color: #88C54B;
        font-size: 17px;
        font-family: "TrendaBold";
        border-bottom: 1px solid #94CB5C;
        padding-bottom: 3%;
        margin-bottom: 3%;
    }
    .carta .box-duvidas-mob {
        background-color: #CEEEFF;
        text-align: left;
    }
    .carta .box-duvidas-mob .titulo {
        color: #3379B7;
        font-size: 25px;
        font-family: "TrendaBold";
    }
    .carta .box-duvidas-mob .subtitulo {
        color: #727272;
        font-size: 17px;
        font-family: "TrendaLight";
        line-height: 25px;
    }
    .carta .box-duvidas-mob .icon-comercial {
        position: relative;
        padding-left: 40px;
    }
    .carta .box-duvidas-mob .icon-comercial::before {
        content: '';
        width: 30px;
        height: 25px;
        position: absolute;
        background-image: url('../images/icon-carta-servico/phone.png');
        background-size: cover;
        background-position: center;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    .carta .box-duvidas-mob .icon-comercial .txt {
        color: #727272;
        font-size: 17px;
        font-family: "TrendaLight";
    }
    .carta .box-duvidas-mob .icon-email {
        position: relative;
        padding-left: 40px;
    }
    .carta .box-duvidas-mob .icon-email::before {
        content: '';
        width: 35px;
        height: 28px;
        position: absolute;
        background-image: url('../images/icon-carta-servico/email.png');
        background-size: cover;
        background-position: center;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    .carta .box-duvidas-mob .icon-email .txt {
        color: #727272;
        font-size: 17px;
        font-family: "TrendaLight";
    }
    .carta .box-duvidas-mob .icon-time {
        position: relative;
        padding-left: 40px;
    }
    .carta .box-duvidas-mob .icon-time::before {
        content: '';
        width: 30px;
        height: 30px;
        position: absolute;
        background-image: url('../images/icon-carta-servico/time.png');
        background-size: cover;
        background-position: center;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    .carta .box-duvidas-mob .box-time {
        font-size: 17px;
        font-family: "TrendaLight";
    }
    .carta .box-duvidas-mob .icon-time .txt {
        color: #727272;
        font-size: 17px;
        font-family: "TrendaLight";
    }
    .carta .box-duvidas-mob .icon-local {
        position: relative;
        padding-left: 40px;
    }
    .carta .box-duvidas-mob .icon-local::before {
        content: '';
        width: 30px;
        height: 31px;
        position: absolute;
        background-image: url('../images/icon-carta-servico/local.png');
        background-size: cover;
        background-position: center;
        left: 0;
        top: 40%;
        transform: translateY(-50%);
    }
    .carta .box-duvidas-mob .icon-local .txt {
        color: #727272;
        font-size: 17px;
        font-family: "TrendaLight";
    }
    .carta .box-ouvidoria-mob {
        background-color: #F3F3F3;
        text-align: left;
    }
    .carta .box-ouvidoria-mob .titulo {
        color: #666666;
        font-size: 25px;
        font-family: "TrendaBold";
    }
    .carta .box-ouvidoria-mob .icon-comercial {
        position: relative;
        padding-left: 40px;
    }
    .carta .box-ouvidoria-mob .icon-comercial::before {
        content: '';
        width: 30px;
        height: 25px;
        position: absolute;
        background-image: url('../images/icon-carta-servico/icon-ouvidoria-phone.png');
        background-size: cover;
        background-position: center;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    .carta .box-ouvidoria-mob .icon-comercial .txt {
        color: #727272;
        font-size: 17px;
        font-family: "TrendaLight";
    }
    .carta .box-ouvidoria-mob .icon-email {
        position: relative;
        padding-left: 40px;
    }
    .carta .box-ouvidoria-mob .icon-email::before {
        content: '';
        width: 35px;
        height: 28px;
        position: absolute;
        background-image: url('../images/icon-carta-servico/icon-ouvidoria-email.png');
        background-size: cover;
        background-position: center;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    .carta .box-ouvidoria-mob .icon-email .txt {
        color: #727272;
        font-size: 16px;
        font-family: "TrendaLight";
    }
    .carta .box-ouvidoria-mob .icon-time {
        position: relative;
        padding-left: 40px;
    }
    .carta .box-ouvidoria-mob .icon-time::before {
        content: '';
        width: 30px;
        height: 30px;
        position: absolute;
        background-image: url('../images/icon-carta-servico/icon-ouvidoria-time.png');
        background-size: cover;
        background-position: center;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    .carta .box-ouvidoria-mob .box-time {
        font-size: 17px;
        font-family: "TrendaLight";
    }
    .carta .box-ouvidoria-mob .icon-time .txt {
        color: #727272;
        font-size: 17px;
        font-family: "TrendaLight";
    }
    .carta .box-ouvidoria-mob .icon-local {
        position: relative;
        padding-left: 40px;
    }
    .carta .box-ouvidoria-mob .icon-local::before {
        content: '';
        width: 30px;
        height: 31px;
        position: absolute;
        background-image: url('../images/icon-carta-servico/icon-ouvidoria-local.png');
        background-size: cover;
        background-position: center;
        left: 0;
        top: 40%;
        transform: translateY(-50%);
    }
    .carta .box-ouvidoria-mob .icon-local .txt {
        color: #727272;
        font-size: 17px;
        font-family: "TrendaLight";
    }
    /*FIM MENU CARTA SERVICO MOB*/
}


/* @media(max-width: 760px) { */

@media(max-width: 1225px) {
    .licitacao .box-titulo-lic {
        flex-direction: column;
    }
    .licitacao .txt_titulo {
        width: 100%;
        text-align: justify;
    }
    .licitacao form {
        flex-wrap: wrap;
    }
    .licitacao form .form-group {
        width: 100%;
    }
    .licitacao .txt_login {
        width: 100%;
    }
    .header_adm .tit {
        font-size: 24px;
    }
    .top-menu {
        display: none;
    }
    .header_den {
        margin-top: 60px;
    }
    .header-menu {
        display: none;
    }
    .boxed-menu .main-nav {
        display: none;
    }
    .header-inner {
        display: none;
    }
    .header-toolbar {
        display: none;
    }
    .menu-mob {
        display: block;
    }
    .auto_banner {
        display: none;
    }
    .footer-fixo {
        display: none;
    }
    .footer-texto {
        width: 100%;
        padding: 15px 5px;
    }
    .footer-bottom .container {
        flex-direction: column;
    }
    .denucie .container {
        display: flex;
        flex-wrap: wrap;
    }
    .denuncie-pc {
        display: none;
    }
    .denuncie-mob {
        display: block;
        height: auto;
    }
    .denuncie-mob img {
        width: 100%;
        height: 100%;
        object-fit: fill;
    }
    .autoatendimento .card {
        /* width: 100%; */
        width: 48%;
        margin-bottom: 4%;
    }
    .texto2 .box {
        flex-wrap: wrap;
    }
    .empresa-pc {
        display: none;
    }
    .empresa-mob {
        display: block;
    }
    .inst {
        padding: 20px 0;
    }
    .inst .missao {
        padding: 10px 2px;
    }
    .inst .visao {
        padding: 10px 2px;
    }
    .inst .valores {
        padding: 10px 2px;
    }
    .box-amb {
        padding: 5px;
    }
    /* .header_adm .box-titulo {



        margin-top: 8em;



    } */
    .denucie .cadastro {
        width: 100%;
    }
    .box-bandeiras .box-img-band {
        width: 100%;
    }
    .box-bandeiras .box-dados-band {
        width: 100%;
        margin-bottom: 10%;
    }
    .box-fatura {
        flex-wrap: wrap;
    }
    .box-fatura .box-img {
        width: 100%;
    }
    .box-fatura .box-txt {
        width: 100%;
    }
    .denucie .list-banco .itens {
        width: 100%;
        margin: 2% 0;
    }
    .denucie .list-banco .itens img {
        width: 100%;
    }
    .inf-tecnicas-links ul {
        flex-direction: column;
    }
    .inf-tecnicas-links ul li {
        width: 100%;
        margin-bottom: 5%;
        padding: 35px 30px;
    }
    .inf-pc {
        display: none;
    }
    .inf-mobile {
        display: block;
    }
    .empresa-foto-mob .box {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .empresa-foto-mob .box img {
        width: 100%;
    }
    .empresa-foto .pc {
        display: none;
    }
    .empresa-foto-mob {
        display: block;
    }
    .empresa-foto-mob .box .itens {
        margin-bottom: 5%;
    }
    .institucional .table-responsive {
        margin-bottom: 5%;
    }
    .institucional table tr,
    td {
        line-height: initial;
    }
    .denucie table th,
    tr,
    td {
        line-height: initial;
    }
    .titulo_pag {
        text-align: center;
    }
    .box-pres .box-inf-pres {
        margin-right: -1.0%;
    }
    .box-pres .desc {
        width: 90%;
    }
    .btn_legislacao .container {
        flex-direction: column;
    }
    .btn_legislacao .btn-leg {
        width: 100%;
        margin-top: 5%;
    }
    .header_adm .tit {
        font-size: 20px;
    }
    .legislacao .titulo_pdf {
        font-size: 16px;
        width: 100%;
    }
    .band-tarifaria-pdf .titulo_pdf {
        width: 100%;
    }
    .btn-obse-vazio {
        font-size: 14px;
        padding: 5px 10px;
        margin-left: 1%;
        background-color: #fff!important;
        color: #fff!important;
        border: 0px;
    }
    .btn-obse-vazio:hover {
        cursor: default;
    }
    .transparencia .titulo_pdf {
        width: 100%;
    }
    .hr-contato .container {
        display: flex;
        flex-wrap: wrap;
    }
    .box-cont-end {
        margin-bottom: 10%;
    }
    .box-cont-end img {
        display: none;
    }
    .box-cont-hora img {
        display: none;
    }
    .cooperativismo {
        padding: 5% 0;
    }
    .cooperativismo .container {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .cooperativismo .box-mis-vis {
        width: 100%;
    }
    .cooperativismo .box-val {
        width: 100%;
    }
    #mainNav .navbar-collapse .navbar-nav>.nav-item>.nav-link {
        font-size: 16px !important;
    }
    #navbarResponsive {
        background-color: #fff;
        color: #FFF;
    }
    .carousel_home {
        margin-top: 4em;
    }
    #mainNav {
        display: block;
    }
    .footer-bottom {
        margin: 0!important;
    }
    .inf-mob-contato {
        display: block;
    }
    footer .box {
        width: 100%;
    }
    footer .box_link {
        width: 15%;
    }
    .grupo {
        display: block;
    }
    .call-to-action .box_txt {
        width: 100%;
    }
    .call-to-action .titulo {
        font-size: 30px;
    }
    .call-to-action .subtitulo {
        font-size: 30px;
        margin: -10px 0 0 0;
    }
    .empresas img {
        margin-bottom: 3%;
    }
    .campanhas .card {
        width: 100%;
    }
    .respon_social p {
        font-size: 30px;
    }
    .patrocionio .container {
        flex-wrap: wrap;
    }
    .patrocionio .box_btn {
        width: 100%;
    }
    .campanhas .card {
        margin: 1% 0;
    }
    .box-titulo_amb {
        width: auto;
    }
    .box-titulo_amb {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 120px;
        padding-bottom: 47px;
        line-height: 35px;
    }
    .header_grupo .box-titulo {
        width: 100%;
    }
    .tit {
        font-size: 27px;
    }
    .section_filiais {
        height: 30vh;
        top: -50px;
    }
    .section_filiais img {
        width: 48%;
    }
    .section_right .txt_conc {
        padding-bottom: 4%;
    }
    .section_right {
        padding-bottom: 4%;
    }
    .section_left {
        display: none;
    }
    .grupo p {
        margin: 20% 0;
    }
    .sect_op {
        background-color: #f7f7f7;
        display: block;
        margin-bottom: 3%;
    }
    .pc {
        display: none;
    }
    .mobile {
        margin: 6% 0;
        display: block;
        padding-bottom: 15px;
        /* border-bottom: 1px solid #88C54B!important; */
    }
    .mobile_ult {
        margin: 5% 0;
        display: block;
        padding-bottom: 15px;
        border-bottom: 1px!important;
    }
    .grupo .btn {
        margin: 5% 0;
    }
    .clientes .cli-titulo {
        font-size: 23px;
    }
    .clientes .box_clientes img {
        width: 48%;
        margin: 3px;
    }
    .clientes .box_clientes img:nth-child(2n) {
        margin-right: 0;
    }
    .clientes .box_clientes img:nth-child(2n+1) {
        margin-left: 0;
    }
    .negocios_home .box_neg {
        display: flex;
        flex-direction: column;
    }
    .negocios_home .item {
        width: 100%;
        margin: 3% 0 1% 0;
    }
    .negocios_home .box_neg .item img {
        width: 100%;
    }
    .noticias .card {
        width: 100%;
        margin: 1% 0;
    }
    /* .noticias_home p {















    font-size: 35px;















  } */
    .noticias_home .card {
        width: 100%;
        margin: 1% 0;
    }
    .noticias_campanhas p {
        font-size: 19px;
    }
    .noticias_campanhas .card {
        width: 100%;
        margin: 1% 0;
    }
    .contato_end {
        margin-left: 0;
        padding-left: 0;
    }
    .noticias_rec .formtext {
        font-size: 17px;
        margin-left: 0;
        margin-bottom: 1rem !important;
    }
    .formulario_sugestoes .formtext {
        font-size: 17px;
        margin-left: 0;
    }
    .formulario_sugestoes .box_txt {
        width: 100%;
    }
    .formulario span {
        font-size: 12px;
    }
    .map .map-frase {
        margin-top: 10%;
        font-size: 20px;
    }
    .map .painel-map-nav ul.abas li a {
        height: 50px !important;
    }
    .map .painel {
        padding: 84px 15px 15px 15px!important;
    }
    /* .atuacao {



        height: 50vh;



    } */
    .header_map_loc .box-titulo_map {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .header_map_loc .box-titulo_map .tit {
        font-size: 19px;
    }
    .header_map_loc .box_txt {
        width: 100%;
    }
    .header_amb .box_txt {
        width: 100%;
    }
    .respon_social {
        height: 100vh;
    }
    .box-mensagem {
        width: 100%;
        line-height: 25px!important;
    }
    .box-mensagem .txt_1 {
        font-size: 17px;
    }
    .box-mensagem .txt_2 {
        font-size: 25px;
    }
    .noticias ul {
        padding-left: 2px;
    }
    .header_cont_forn .box-titulo_cont_forn {
        width: 100%;
    }
    .header_cont_inv .box-titulo_cont_inv {
        width: 100%;
    }
    .header_cont_trab .box-titulo_cont_trab {
        width: 100%;
    }
    .sutent-pc {
        display: none;
    }
    .sutent-mob {
        display: block;
    }
    #mainNav {
        background-color: #fff;
        border-bottom: 1px solid #88C54B;
    }
    #mainNav .navbar-collapse .navbar-nav>.nav-item>.nav-link {
        padding-top: 10px!important;
        padding-bottom: 12px!important;
    }
    #mainNav .navbar-collapse .navbar-nav>.nav-item>.nav-link {
        font-size: 16px!important;
    }
    .navbar-nav>li>a {
        height: 45px;
    }
    header.video {
        display: none!important;
    }
    /* header.carousel_home{















    display: block;















    margin-top: 100px;















  } */
    .inf-section {
        display: none;
    }
    .inf-section-mobile {
        display: none;
    }
    .inf-section-mobile .container {
        display: flex;
        flex-wrap: wrap;
    }
    .inf-section-mobile .bx {
        width: 50%;
    }
    .inf-section-mobile .bx img {
        width: 100%;
    }
    .mensagem {
        /* padding: 100px 0;















    text-align: center;















    background-size: cover;















    background-attachment: scroll; */
        /* height:auto;















  	min-height:100vh;















  	background-size:cover;















  	background-position:center;















    background-size: 100%; */
        height: 33%;
        width: 100%;
        /* min-height: 42vh; */
        background-size: contain;
        background-position: center;
        background-size: 100%;
        background-attachment: scroll
        /* height: 85vh;















    min-height: 300px;















    background: no-repeat center center scroll;















    -webkit-background-size: cover;















    -moz-background-size: cover;















    -o-background-size: cover;















    background-size: cover; */
    }
    .negocios_home .item .overlay {
        top: 83%;
    }
    .numeros {
        display: none;
    }
    .numeros_mobile {
        display: block;
    }
    .numeros_mobile .titulo {
        font-family: "TrendaBold";
        font-size: 27px;
        color: #fff;
    }
    .numeros_mobile .box-numeros {
        padding: 2px;
        margin-top: 5px;
        display: flex;
        flex-wrap: wrap;
    }
    .numeros_mobile .itens {
        width: 50%;
        font-size: 10px;
        color: #fff;
        margin-bottom: 5%;
    }
    .numeros_mobile .box-numeros .itens img {
        width: 100%;
    }
    .numeros_mobile .ligacoes {
        font-size: 10px;
        color: #fff;
    }
    .numeros_mobile .municipios,
    .pessoas,
    .veranistas {
        font-family: "TrendaBold";
    }
    .map .painel {
        padding: 84px 5px!important;
    }
    .map .painel p {
        font-size: 13px;
    }
    .map .painel ul li ul li b {
        font-size: 13px;
    }
    .clientes .box_clientes {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .clientes .box_itens {
        width: 33%;
    }
    .clientes .box_itens img {
        width: 100%;
    }
    .noticias .box_vj {
        display: none;
    }
    .noticias .box_vj_mobile {
        display: block;
    }
    .respon_social {
        padding: 100px 0;
        background-size: cover;
        background-attachment: scroll;
    }
    .section_filiais {
        left: 0;
    }
    .mensagem {
        display: none;
    }
    #concessoes {
        display: none;
    }
    #operacao {
        display: none;
    }
    #filiais {
        display: none;
    }
    .mob-neg {
        display: block;
        background-color: #F7F7F7;
    }
    #filiais_mob {
        margin-top: 1em;
    }
    #filiais_mob .container {
        display: flex;
    }
    #filiais_mob img {
        width: 49%;
        margin-bottom: 0.4em;
    }
    .transparencia .btn-obse {
        width: 100%;
    }
    .trans-btn-pc {
        display: none;
    }
    .trans-btn-mob {
        width: 100%;
        display: block;
    }
    .campanhas .box {
        flex-wrap: wrap;
    }
}

@media(max-width: 600px) {
    div.banner {
        left: 100px;
    }
}

@media(max-width: 414px) {
    div.banner {
        left: 20px;
    }
    div.img_banner img {
        width: 350px;
    }
    .autoatendimento .card {
        width: 100%;
    }
    .carta .lado-dir-listagem #categoriaranking {
        width: 100%;
    }
    .campanhas .box {
        flex-wrap: wrap;
    }
    #carousel {
        display: none;
    }
    #carousel-mob {
        display: block;
    }
    .box-pres .box-inf-pres {
        margin-right: 10%;
    }
    .transparencia ul li {
        width: 100%;
        flex-wrap: wrap;
    }
    .transparencia .box-btn {
        display: flex;
        width: 100%;
        margin: 5% 0;
    }
    .transparencia .btn-obse {
        width: 100%;
    }
    .trans-btn-pc {
        display: none;
    }
    .trans-btn-mob {
        width: 100%;
        display: block;
    }
    .box-pres .box-inf-pres {
        margin-right: 1%;
        width: 48%;
    }
}

@media(max-width: 384px) {
    /* .box-pres .box-inf-pres {



        margin-right: 6%;



    } */
}

@media(max-width: 375px) {
    /* .box-pres .box-inf-pres {



        margin-right: 6%;



    } */
}

@media(max-width: 360px) {
    div.banner {
        left: 20px;
    }
    div.img_banner img {
        width: 310px;
    }
}

@media(max-width: 349px) {
    #formranking .form-group {
        width: 100%;
    }
    .carta .lado-dir-listagem #anoranking {
        width: 100%;
    }
    .carta .lado-dir-listagem #mesranking {
        width: 100%;
    }
    #formprogress .form-group {
        width: 100%;
    }
    .carta .lado-dir-listagem #anoprogress {
        width: 100%;
    }
    .carta .lado-dir-listagem #categoriaprogress {
        width: 100%;
    }
    .carta .lado-dir-listagem #servicoprogress {
        width: 100%;
    }
}

@media(max-width: 320px) {
    div.banner {
        left: 20px;
    }
    div.img_banner img {
        width: 280px;
    }
}


/*novo css*/

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: "TrendaLight";
    font-size: 18px;
    text-align: justify;
    color: #646464;
    overflow-x: hidden;
}

.video-header {
    height: 100vh;
    display: flex;
    align-items: center;
    color: #fff;
}

.wrap {
    max-width: 960px;
    padding-left: 1rem;
    padding-right: 1rem;
    margin: auto;
    text-align: center;
}

.fullscreen-video-wrap {
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    overflow: hidden;
}

.fullscreen-video-wrap video {
    min-height: 100%;
    min-width: 100%;
}

.header-overlay {
    height: 100vh;
    width: 100vw;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(34, 33, 33, 0.65);
    opacity: 0.80;
}

.header-content {
    z-index: 2;
    margin-top: 20%;
    padding: 0 5rem;
}

.header-content h1 {
    font-size: 50px;
    margin-bottom: 0;
}

.header-content p {
    font-size: 1.5rem;
    display: block;
    padding-bottom: 2rem;
    margin-top: 10px;
}

.my-btn {
    padding: 1rem 1rem;
}

@media(max-width: 1200px) {
    #mainNav .navbar-collapse .navbar-nav>.nav-item>.nav-link {
        font-size: 11px;
    }
}

@media(max-width: 991px) {
    #mainNav .navbar-collapse .navbar-nav>.nav-item>.nav-link {
        font-size: 13px;
    }
}


/* @media(max-width:768px) { */

@media(max-width:1225px) {
    .header-content h1 {
        font-size: 40px;
    }
    .header-content p {
        font-size: 1rem;
    }
}

section {
    text-align: center;
    margin-top: 0;
    font-size: 1.5rem;
}

.navbar {
    z-index: 10;
}

.my-nav .nav-link {
    color: aliceblue;
}

.my-nav .navbar-brand {
    color: aliceblue;
}

.navbar-toggler-icon {
    color: aliceblue;
}