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

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

#curriculo_arq {
    color: #666 !important;
    box-shadow: 0 0 0 0;
    border: 0 none;
    outline: 0;
    font-size: 17px;
}





/*TERMOMETRO PAG NIVEL RIO TUBARAO*/
/* Contêiner geral */
 
 /* Gradiente do termômetro */
.thermometer-gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, #800080 0%, #ff3333 20%, #ffcc00 40%, #66cc66 60%, #3399ff 100%);
    border-radius: 10px;
    z-index: 1;
    opacity: 0.7; /* Mantém a visibilidade do gradiente, mas sem brilho */
  }
  
  /* Preenchimento do termômetro */
  .thermometer-fill {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #4CAF50; /* Cor do nível */
    border-radius: 10px;
    z-index: 2;
  }
  
  /* Indicador do termômetro */
  .thermometer-indicator {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #000 transparent;
    transform: translateX(-50%);
    z-index: 3;
  }
  
  /* Cores da legenda */
  .azul { background-color: #3399ff; } /* Azul */
  .verde { background-color: #66cc66; } /* Verde */
  .amarelo { background-color: #ffcc00; } /* Amarelo */
  .vermelho { background-color: #ff3333; } /* Vermelho */
  .roxo { background-color: #800080; } /* Roxo */
  
  /* Estilo do gráfico */
  .line-chart {
    width: 553px!important;
    /* width: 100%!important; */
    height: 400px; /* Ajuste conforme necessário */
  }
  
  /* Legenda do gráfico */
  .chart-legenda {
    /* position: absolute;
    top: 10px;
    right: 10px; */
    background: #fff;
    padding: 10px;
    border-radius: 5px;
  }
  



  
  


/*PAG NIVEL RIO TUBARAO*/
.titulobannernivel{
    width: 310px!important;
}

.sectionniveltub .titulo{
    font-family: "FuturaHeavy";
    font-size: 30px;
    color: #2C538C;
    margin-top: 40px;
    margin-bottom: 30px;
}

.sectionniveltub .subtitulo{
    font-family: "FuturaHeavy";
    font-weight: bold;
    font-size: 24px;
    color: #DF7F00;
    margin-bottom: 30px;
}

.sectionniveltub .txt{
    font-family: "FuturaBook";
    font-size: 24px;
    color: #666666;
    margin-bottom: 40px;
}

.video-container {
    width: 100%;
    /* height: 100vh; */
    height: 49vh;
    margin-right: 20px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: black;
}

.video-container iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.sectionmsg .txt{
    font-family: "FuturaHeavy";
    font-weight: bold;
    color: #E07F00;
    font-size: 24px;
    margin-top: 50px;
    margin-bottom: 50px;
}


.sectionmsg .txt a{
    color: #E07F00;
}

.sectiongraficonivel .contentbox{
    display: flex;
}

.sectiongraficonivel .box{
    width: 100%;    
}
   
.sectiongraficonivel .box .txt{
    background-color: #91D8F7;
    font-family: "FuturaBook";
    text-align: left;
    color: #fff;
    font-size: 24px;
    padding: 25px;
    margin-top: 40px;
}

/*PATE DO GRAFICO*/
.line-chart-container {
    /* width: 70%; */
    width: 50%;
    /* width: 100%; */
    /* margin: 50px auto; */
    position: relative;
}

.chart-legenda {
    display: flex;
    /* justify-content: space-around; */
    /* margin-top: 20px; */
    margin-top: -20px;    
    font-size: 14px;
    flex-wrap: wrap;
}

.chart-legenda div {
    display: flex;
    /* align-items: center; */
    font-family: "FuturaHeavy";  
    color: #666;
    font-size: 13px;
    text-align: left;
    width: 177px;
}

.chart-legenda div span {
    display: inline-block;
    /* width: 60px;
    height: 20px; */
    width: 40px;
    height: 15px;
    margin-right: 5px;
}

.azul { background-color: blue; }
.verde { background-color: green; }
.amarelo { background-color: yellow; }
.vermelho { background-color: red; }
.roxo { background-color: purple; }

.last-update {
    margin: 20px auto;
    text-align: center;
    font-family: "FuturaHeavy";   
    font-size: 14px;
    color: #555;
}

.chartjs-value {
    position: absolute;
    border-radius: 4px;
    padding: 1px 2px;
    /* padding: 2px 5px; */
    font-family: "FuturaHeavy";
    font-weight: bold;   
    /* font-size: 9px; */
    font-size: 11px;
    /* transform: translate(-50%, -100%); */
    transform: translateY(5px);
    white-space: nowrap;
    /* width: 34px; */
    /* height: 22px; */
}

/*NOVA ALTERAÇÃO DO GRAFICO NIVE DO RIO*/
/*Video na mesma linha do grafico*/
.sectiongraficovideo .content{
    display: flex;
}

/**/

/*GRAFICO NA HOME LINKS*/
.niveltubaraovideo{
    padding-top: 50px;
    padding-bottom: 50px;
    background-attachment: fixed;
    background-position: 40% 50%;
}

.niveltubaraovideo .titulo{
    font-family: "FuturaHeavy";   
    font-size: 30px;
    color: #fff;
}

.niveltubaraovideo .content{
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    margin-bottom: 20px;
    margin-top: 20px;
}

.niveltubaraovideo .box{
    font-family: "FuturaHeavy";   
    color: #FF9911;
    width: 32%;
}

.niveltubaraovideo .box a{
    color: #FF9911;
}

.niveltubaraovideo .txt{
    font-family: "FuturaBook";   
    font-size: 25px;
    color: #fff;
}

/**/
@media screen and (max-width: 767px) {

    .sectiongraficoterm .content .boxvideo {
        width: 100%!important;
        margin-right: 0!important;
    }

    .line-chart-container {
        width: 100%;  
        margin-top: 40px;              
    }

    .chartjs-value {
        /* font-size: 10px;
        padding: 2px 2px; */

        font-size: 9px;
        /* font-size: 7px; */
        padding: 4px 3px;
        /* padding: 4px 2px; */
        /* width: 19px;
        height: 17px; */
    }

    .sectionniveltub .titulo {
        font-size: 25px;
    }

    .sectionniveltub .subtitulo {
        font-size: 20px;
    }

    .sectionniveltub .txt {
        font-size: 20px;
    }

    .chart-legenda {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .chart-legenda div {
        display: flex;
        align-items: center;
        width: 50%;
        margin-bottom: 10px;
    }

    .sectionmsg .txt {
        font-size: 20px;
    }

    .video-container {
        position: relative;
        width: 100%;
        padding-bottom: 56.25%; /* Proporção de 16:9 */
        height: 0;
        overflow: hidden;
    }

    .video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

    .sectiongraficonivel .box .txt {
        font-size: 20px;
    }

    .niveltubaraovideo .titulo {
        font-size: 20px;
    }

    /* .niveltubaraovideo .content {
        flex-wrap: wrap;
    } */
    .niveltubaraovideo .box {
        width: 150px;        
        margin-bottom: 30px;
        font-size: 18px;
        line-height: 20px;
    }

    .niveltubaraovideo .box div{
        margin-top: 15px;
    }

    .niveltubaraovideo .txt {
        font-size: 20px;
    }

    .sectiongraficoterm .content {
        flex-wrap: wrap;
    }

    .video-container {
        margin-right: 0;
    }
}


/*FIM PAG NIVEL RIO TUBARAO*/

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

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

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

/*PAG COMUNICADO*/

/* .sectioncomunicado .container{
    display: flex;
    justify-content: center;
} */

.sectioncomunicado .box{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.comunica{
    margin-top: -197px !important;
    margin-bottom: -37px !important;
    height: 22em!important;
}

.link-input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sectioncomunicado{
    margin-top: 50px;
    margin-bottom: 50px;
}

.sectioncomunicado .item{
    /* width: 48%; */
    width: 60%;
    transition: all 0.20s ease;
    margin-bottom: 16px;
    border: medium;
    background-color: #2E558C;
    color: rgb(255, 255, 255);
    /* transition: transform 0.15s cubic-bezier(0, 0.2, 0.5, 3) 0s; */
    border-radius: 14px;    
    padding: 10px 10px;
    display: flex;
    justify-content: space-between; 
    /* margin-right: 2%; */
    font-family: "FuturaHeavy";
    font-size: 16px;      
}

/* .sectioncomunicado .item:nth-child(odd) {
    margin-right: 4%; 
} */

.sectioncomunicado .item:hover{ 
    color: rgb(255, 255, 255);
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
}

.sectioncomunicado .item a:hover{
    color: #fff; 
}

.sectioncomunicado .item a:visited{
    color: #fff; 
}

.sectioncomunicado .item a:focus{
    color: #fff; 
}

.btn_comunicado{
    width: 100%;
    color: #fff;
}

.sectioncomunicado button{
    height: 21px;
    display: flex;
    align-items: flex-end;
    color: #fff;
    background-color: transparent;
    border: 0;
    padding: 0;
    margin: 0;
}

.boxtitulocomunicado{
    font-family: "FuturaHeavy";
    font-size: 22px;
    color: #000;
    text-align: center;
    margin-bottom: 0!important;
    padding-bottom: 0!important;
}


@media screen and (max-width: 767px) {
    .sectioncomunicado .item {
        width: 100%; /* Largura total em dispositivos móveis */
        margin-right: 0!important; /* Remove a margem direita */
    }
}



/*seus dados*/
.fornecedor__formulario label {
    color: #666;
    font-size: 18px;
    padding-top: 1.2rem;
    padding-bottom: 0.8rem;
    font-family: "FuturaHeavy";
}

.botao {
    background-color: #333F66;
    border: 1px solid #666;
    color: #fff;    
    font-size: 19px;
    padding: .50rem 1.5rem;
    text-align: center;
}

.botaocpf {
    background-color: #F3F3F3;
    border: 1px solid #ccc;
    color: #818181;
    font-size: 19px;
    font-weight: bold;
    padding: .78rem 1.5rem;
    text-align: center;
}

.section__bottom {
    padding-bottom: 3rem;
}

.section__top {
    padding-bottom: 3rem;
}


.input {
    font-family: inherit;
    font-size: 19px;
    color: #666;
    color: #999;
    width: 100%;
    padding: 0.75rem;
    box-sizing: border-box;
    margin-bottom: 1rem;
    background-color: #fff;
    border-radius: .25rem;
    border: 1px solid #ced4da;    
}

.inputcpf {
    font-family: inherit;
    font-size: 19px;
    color: #666;    
    width: 30%;
    padding: 0.75rem;
    box-sizing: border-box;
    margin-bottom: 1rem;
    background-color: #fff;
    border-radius: .25rem;
    border: 1px solid #ccc;    
}

/*fim pag dados*/
.box_aceitar{
    display: flex;
    align-items: center;
}


.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: 19px!important;
}

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


/*ALERT SUPERIOR*/

.dialog-danger {
    color: #6a0e10;
    background-color: #cb1a1e;
    border-color: #f0bfc0;
    position: fixed;
    z-index: 1032;
}

.dialog-danger .textdialog {
    padding: 2% 5%;
}

button.closedialog {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 5%;
}

button.closediag {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 5%;
}

.alert-dismissible .closediag {
    position: absolute;
    /* top: 0; */
    top: -150px;
    right: 0;
    padding: 1.25rem 1.25rem;
    color: inherit;
}

.closediag {
    float: right;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.5;
}


/*PAGINA OBRAS*/

.pagobras .titulopagv {
    font-family: "FuturaHeavy";
    font-size: 30px;
    color: #666;
}

.pagobras .subtitulopag {
    font-family: "FuturaLight";
    font-size: 30px;
    color: #666;
}

.pagobras .texto {
    font-family: "FuturaLight";
    font-size: 20px;
    color: #666;
    text-align: justify;
    margin-top: 1%;
}


/**/

.alert-darken-danger .textdialog {
    padding: 1% 0 1% 2%;
    font-family: "FuturaHeavy";
    font-size: 17px;
}

.alert-darken-danger {
    color: #fff;
    /* background-color: #cb1a1e; */
    border-color: #f0bfc0;
    border: 0;
}

.alert-drought {
    position: fixed;
    z-index: 1032;
    border-radius: 0;
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1.25rem 1.25rem;
    color: inherit;
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.close {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
}

.icon-close {
    width: 19px;
    height: 19px;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.alert-drought .container {
    display: flex;
    flex-direction: row;
}


/**/

.whats-right {
    display: none;
}

.whatscontato {
    display: flex;
    flex-direction: row;
    z-index: 9223372036854776000;
}

.whats-right {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 13px;
    right: 45px;
    color: #fff;
    border-radius: 45px;
    text-align: center;
    border: 2px solid #fff;
}

.whats .fa-whatsapp::before {
    font-size: xx-large;
    top: 11px;
    left: 1px;
    position: relative;
}

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

.mob {
    display: none;
}

.formulario_cadastro .file .file_label {
    background-color: #F3F3F3;
    /* border-radius: 5px; */
    border: 1px solid #D4D6D4 !important;
    color: #999999;
    cursor: pointer;
    /* margin: 10px; */
    /* padding: 6px 20px; */
    padding: 12px 20px;
    width: 28%;
    font-size: 17px;
}

.formulario_cadastro #inputArquivo {
    display: none;
}

.tituloprogsocial .box-titulo {
    width: 411px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 225px;
    padding-bottom: 80px;
}


/* .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: "FuturaHeavy";
    font-size: 17px;
    color: #008CCC;
    margin-top: 4%;
    margin-bottom: 4%;
}

.modalmsg .subtitulo {
    font-family: "FuturaHeavy";
    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 PROJETOS E LOTEAMENTO*/


/* .projetos-lot {
    margin: 5% 0;
} */

.projetos-lot .tit {
    font-family: 'FuturaHeavy';
    font-size: 30px;
    border-bottom: 1px solid #F58634;
    /* font-style: italic; */
    text-transform: none;
    margin-bottom: 2%;
    /* margin-top: 5%; */
}

.projetos-lot .box-titulo {
    width: 415px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 222px;
    padding-bottom: 80px;
}

.projetoslot .titulo {
    font-family: 'FuturaHeavy';
    font-size: 19px;
    color: #666;
}

.projetoslot .item {
    text-align: left;
    margin-bottom: 5%;
}

.projetoslot .container .itempdf {
    font-size: 17px;
}

.projetoslot .container {
    display: flex;
}

.projetoslot .box-esq {
    width: 50%;
}

.projetoslot .box-dir {
    width: 50%;
}


/*PAG QUALIDADE DA AGUA*/

.qualidade .tit {
    font-family: 'FuturaHeavy';
    font-size: 30px;
    border-bottom: 1px solid #F58634;
    text-transform: none;
    margin-bottom: 2%;
    margin-top: 5%;
}

.qualidade .box-titulo {
    width: 330px;
}

.qualidade_agua .texto {
    font-family: "FuturaLight";
    font-size: 19px;
    color: #666;
    text-align: justify;
}

.section-qualidade .image-container {
    overflow: hidden;
    position: absolute;
    height: 100%;
    padding: 0px;
    top: 0px;
}

.section-qualidade .image-holder {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-size: cover !important;
    z-index: 0;
}

.section-side-image {
    padding: 0px;
    position: relative;
    margin: 100px 0;
}

.section-side-image .image-container {
    overflow: hidden;
    position: absolute;
    height: 100%;
    padding: 0px;
    top: 0px;
}

.image-holder {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-size: cover !important;
    z-index: 0;
}

.section-side-image .image-container.pull-right {
    right: 0;
}

.section-side-image .box-txt {
    flex-direction: column;
    display: flex;
    width: 81%;
    align-items: flex-start;
    padding-bottom: 30px;
    border: 4px solid #BAE8FC;
    z-index: 5;
    position: relative;
    left: 50px;
    padding: 6% 5% 6% 5%;
}

.section-side-image .box-txt-esg {
    flex-direction: column;
    display: flex;
    width: 81%;
    align-items: flex-start;
    padding-bottom: 30px;
    border: 4px solid #F58220;
    z-index: 5;
    position: relative;
    left: 50px;
    padding: 6% 5% 6% 5%;
}

.section-side-image .box {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.no-margin {
    margin: 0 !important;
}

.side-image-content {
    padding-top: 100px;
    padding-bottom: 100px;
}

.section-side-image .txt {
    width: 500px;
    font-family: "FuturaLight";
    font-size: 18px;
    color: #666;
    text-align: center;
    margin-top: 5%;
}

.section-side-image .titulopag {
    font-family: "FuturaHeavy";
    font-size: 30px;
    color: #666;
}

.section-side-image .subtitulopag {
    font-family: "FuturaLight";
    font-size: 30px;
    color: #666;
}

.section-side-image .txt .fancy-heading {
    margin: 0 0 20px;
    width: 100%;
}

.section-side-image .box-right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.section-side-image .box-txt-right {
    flex-direction: column;
    display: flex;
    width: 81%;
    align-items: flex-start;
    padding-bottom: 30px;
    border: 4px solid #BAE8FC;
    z-index: 5;
    position: relative;
    left: -50px;
    padding: 6% 5% 6% 8%;
}

.section-side-image .box-txt-right-esgoto {
    flex-direction: column;
    display: flex;
    width: 81%;
    align-items: flex-start;
    padding-bottom: 30px;
    border: 4px solid #F58220;
    z-index: 5;
    position: relative;
    left: -50px;
    padding: 6% 5% 6% 8%;
}

.section-side-image .table-parametros {
    border: 0;
    border-collapse: separate;
    border-spacing: 8px 5px;
    text-align: left;
}

.section-side-image .table-parametros thead th,
tbody td {
    border-collapse: separate;
    border: none;
}

.section-side-image .table-parametros thead th {
    font-family: "FuturaLight";
    font-size: 17px;
    background-color: #BAE8FC;
    color: #666666;
    border: none !important;
    width: 50%;
}

.section-side-image .table-parametros td {
    font-family: "FuturaLight";
    font-size: 17px;
    background-color: #F3F3F3;
    color: #666666;
    border: none !important;
}

.section-descricao .txt-descricao {
    font-size: 19px;
    color: #666;
}

.section-descricao .txt-descricao p {
    font-size: 19px;
}

.section-descricao .desc-titulo {
    text-align: left;
}

.section-descricao .desc-titulo .titulopag {
    font-family: "FuturaHeavy";
    font-size: 30px;
    color: #666;
}

.section-descricao .desc-titulo .subtitulopag {
    font-family: "FuturaLight";
    font-size: 30px;
    color: #666;
}

.section-descricao .desc-rel {
    font-size: 19px;
    text-align: left;
    font-family: "FuturaLight";
    color: #666;
}

.section-descricao .desc-rel p {
    font-size: 19px;
    text-align: left;
    font-family: "FuturaLight";
    color: #666;
}

.pdfsanalise {
    margin: 2% 0;
}

.pdfsanalise .box-pdf {
    display: flex;
    flex-wrap: wrap;
}

.pdfsanalise a {
    padding: 15px 25px;
    background-color: #F3F3F3;
    margin-right: 1%;
    width: 250px;
    font-size: 19px;
    font-family: "FuturaLight";
    color: #666;
    margin-bottom: 1%;
}

.pdfsanalise .titulo {
    font-family: "FuturaHeavy";
    font-size: 30px;
    color: #666;
    text-align: left;
}

.image-holder {
    display: block;
}


/*PAG AUTOATENDIMENTO*/

.section-menu-top .container {
    display: flex;
}

.section-menu-top .menu-top ul {
    display: flex;
    flex-wrap: wrap;
}

.menu-top .titulo {
    font-family: "FuturaLight";
    color: #2C558C;
    font-size: 15px;
}

.menu-top .subtitulo {
    font-family: "FuturaHeavy";
    color: #2C558C;
    font-size: 15px;
}

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

.menu-top ul li a {
    display: flex;
    align-items: center;
    flex-direction: column;
}

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

.menu-top a {
    width: 100%;
}

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

.menu-top ul li:hover {
    background-color: #52B7D7;
    color: #fff;
}

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

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

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

.section-menu-top .menu-top ul li:nth-last-child(-n+9) {
    border-bottom: 0;
}

.section-menu-top .menu-top ul li {
    border-bottom: 0.01rem solid #E8E8E8;
    border-right: 0.01rem solid #E8E8E8;
    align-items: center;
    padding: 9px 0;
}

.section-menu-top .menu-top ul li:nth-child(9n) {
    border-right: 0;
}

.section-menu-top .menu-top ul li:nth-child(9n+1) {
    border-left: 0;
}

.pagtitulo .box-autoatendimento {
    display: flex;
}

.pagtitulo .box-autoatendimento .titulopag {
    font-family: "FuturaHeavy";
    font-size: 30px;
    color: #666;
    text-transform: uppercase;
}

.pagtitulo .box-autoatendimento .subtitulopag {
    font-family: "FuturaLight";
    font-size: 30px;
    color: #666;
    text-transform: uppercase;
}


/* .section-menu-top .menu-top .item {
    width: 11%;
    border: 1px solid #ccc;
} */

.section-menu-top .menu-top ul li {
    width: 11%;
    background-color: #fff;
    list-style-type: none;
    /* border: 1px solid #E8E8E8; */
    /* padding: 5% 1%;
    margin-bottom: 1.5%; */
}


/*PAG DEMOSTRATIVOS E DOCUMENTOS*/

.demostrativos_doc ul li {
    list-style: none;
    list-style-image: url('../images/icon-demost.png');
}

.demostrativos_doc .titulopag {
    font-family: "FuturaHeavy";
    font-size: 30px;
    color: #666;
}

.demostrativos_doc .subtitulopag {
    font-family: "FuturaLight";
    font-size: 30px;
    color: #666;
}

.demostrativos_doc .box-text {
    font-family: "FuturaLight";
    font-size: 18px;
    text-align: justify;
    background-color: #FFF;
    padding: 0px;
    color: #666;
}

.demost .box-titulo {
    width: 440px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 225px;
    padding-bottom: 80px;
}

.demost .tit {
    font-family: 'FuturaHeavy';
    font-size: 30px;
    border-bottom: 1px solid #F58634;
    text-transform: none;
    margin-bottom: 2%;
    margin-top: 5%;
}


/*PAG PROGRAMA5S*/

.programa5s .box-img {
    float: left;
    /* padding: 5px;
    margin: 0px 10px 10px 0;*/
    max-width: 350px;
    max-height: 234px;
    position: relative;
    bottom: 76px;
}

.programa5s .titulopag {
    font-family: "FuturaHeavy";
    font-size: 30px;
    color: #666;
}

.programa5s .subtitulopag {
    font-family: "FuturaLight";
    font-size: 30px;
    color: #666;
}

.programa5s .box-text {
    font-family: "FuturaLight";
    font-size: 19px;
    text-align: justify;
    background-color: #FFF;
    padding: 0px;
    color: #666;
}

.programa5s .box-text p {
    font-family: "FuturaLight";
    font-size: 19px;
    text-align: justify;
    background-color: #FFF;
    padding: 0px;
    color: #666;
}

.programa5s ul {
    display: flex;
    flex-wrap: wrap;
}

.programa5s ul .item {
    width: 50%;
    margin-bottom: 1%;
}

.programa5s ul li {
    list-style: none;
    list-style-image: url('../images/icon-prog.png');
}


/*PAG NOVA LIGAÇÃO AGUA*/

.ligacaopdf {
    font-size: 19px;
}

.ligacaopdf ul li {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
}

.ligacaopdf .titulopdfdown a {
    color: #9FD8F7;
    font-size: 17px;
    font-family: "FuturaHeavy";
}


/*PAG IDENTIFICANDO VAZAMENTO*/

.itensvazamento .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}

.itensvazamento .boxtxt {
    width: 50%;
    text-align: left;
    font-size: 19px;
    font-family: "FuturaLight";
    color: #666;
}

.itensvazamento .boxtxt p {
    text-align: left;
    font-size: 19px;
    font-family: "FuturaLight";
    color: #666;
}

.itensvazamento .itembox {
    border-bottom: 1px solid #ccc;
    display: flex;
    justify-content: space-between;
    width: 100%;
    /* margin-bottom: 5px;
    padding-bottom: 20px; */
    padding: 3% 0 3% 0;
    align-items: center;
}

.itensvazamento .boximg {
    /* border: 1px solid #CCCCCC; */
    padding: 5px 10px;
}


/*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: "FuturaHeavy";
    font-size: 17px;
    font-weight: 300;
    background-color: #014063;
    border: 1px solid #014063!important;
    text-transform: unset;
    padding: 12px 30px!important;
}

#formcontatovisita .btnvisita:hover {
    background-color: #52B7D7!important;
    border: 1px solid #52B7D7!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: "FuturaLight";
    font-size: 17px;
    font-weight: 300;
    /*margin-top: 3%;*/
}

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

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

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

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


/*PAG GALERIA VIDEO*/

.galeria-video {
    margin: 3%;
}

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

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

.galeria-video .txt {
    font-family: "FuturaLight";
    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: "FuturaHeavy";
    text-align: left;
    font-size: 21px;
    color: #7DC9DF;
}

.galeria-video .card .card-title a {
    color: #7DC9DF;
    font-family: "FuturaHeavy";
    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: "FuturaLight";
    text-align: justify;
    font-size: 17px;
    color: #666;
}

.galeria-video .card .card-text a {
    font-family: "FuturaLight";
    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: "FuturaHeavy";
    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: "FuturaHeavy";
    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;
}

.galeria .box-titulo {
    width: 315px;
}


/*PAG MANUAL DE PADRONIZACAO*/

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

.manual_padronizado .titulo {
    font-size: 22px;
    font-family: "FuturaHeavy";
    color: #7DC9DF;
    text-align: left;
}

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

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

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

.manual_padronizado .box-txt {
    font-size: 17px;
    font-family: "FuturaLight";
    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: "FuturaLight";
    font-size: 18px;
    text-align: justify;
    margin: 5% 0;
}


/*PAG TAXA LIXO*/

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

.taxa_lixo .texto {
    font-family: "FuturaLight";
    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: "FuturaLight";
    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: "FuturaLight";
}

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

.taxa_lixo_pdf .box {
    width: 100%;
}

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

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

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

.taxa_lixo_pdf .link a {
    font-size: 18px;
    font-family: "FuturaHeavy";
    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: "FuturaHeavy";
    font-size: 20px;
    color: #A9A9A9;
    padding-bottom: 1%;
}

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

.pag-ecoponto .texto {
    font-family: "FuturaLight";
    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: "FuturaHeavy";
    font-size: 19px;
    color: #999999;
}

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

.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: 'FuturaHeavy';
    font-size: 22px;
    margin-bottom: 5%;
}

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

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

.dicas-coleta-seletiva-ecoponto .titulo {
    font-family: "FuturaHeavy";
    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: "FuturaHeavy";
    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: "FuturaHeavy";
    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: "FuturaHeavy";
    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 #1D7DBD;
    border-radius: 40px;
    font-size: 18px;
    font-family: "FuturaLight";
    width: 135px;
    padding: 5px 10px;
    color: #1D7DBD;
    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%;
}

.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: "FuturaHeavy";
    font-size: 17px;
    background-color: #CCCCCC;
    height: 39px;
    width: 105px;
    padding: 0;
}

.carta .lado-dir-listagem .btn-habilitato {
    font-family: "FuturaHeavy";
    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: "FuturaHeavy";
    font-size: 19px;
}

.identificacao_etapas .subtitulo {
    color: #999999;
    font-family: "FuturaHeavy";
    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: "FuturaHeavy";
    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: "FuturaLight";
}

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

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

.avaliacao .form-avaliazao :-ms-input-placeholder {
    color: #999;
    font-family: "FuturaLight";
    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: "FuturaLight";
    font-size: 17px;
    font-weight: bold;
    text-align: left;
}

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

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

.avaliacao .form-avaliazao .form-check-label {
    color: #666;
    font-family: "FuturaLight";
    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: "FuturaLight";
    font-size: 17px;
    font-weight: bold;
}

.form-avaliazao p {
    font-family: "FuturaLight";
    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: "FuturaHeavy";
    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: "FuturaLight";
    font-size: 17px;
    color: #666666;
}

.carta .lado-dir-listagem-detalhe .meios-solicitacao .det-icon {
    font-family: "FuturaHeavy"!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: "FuturaHeavy";
    font-size: 19px;
}

.carta .lado-dir-listagem-detalhe .avaliar-servico .texto {
    color: #727272;
    font-family: "FuturaLight";
    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: "FuturaHeavy";
    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: "FuturaHeavy";
    font-size: 19px;
}

.carta .lado-dir-listagem-detalhe .registrar-duvidas .texto {
    color: #727272;
    font-family: "FuturaLight";
    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: "FuturaHeavy";
    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: #2C568C;
    font-family: "FuturaHeavy";
    font-size: 20px;
    text-align: left;
}

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

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

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

.carta .lado-dir-listagem-detalhe .meios-solicitacao .titulo {
    color: #545454;
    font-family: "FuturaLight";
    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: "FuturaLight";
}

.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: "FuturaLight";
}

.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: "FuturaLight";
}

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

.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: "FuturaLight";
}

.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: #999999;
    font-family: "FuturaHeavy";
    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: #2C568C;
    font-family: "FuturaHeavy";
    font-size: 20px;
    text-align: left;
}

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

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

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

.carta .lado-dir-listagem .meios-solicitacao .titulo {
    color: #545454;
    font-family: "FuturaLight";
    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: "FuturaLight";
}

.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: "FuturaLight";
}

.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: "FuturaLight";
}

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

.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: "FuturaLight";
}

.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;
}

.carta .box-video {
    height: auto;
}


/*MENU CARTA SERVICO MOB*/

.menu_mob {
    display: none;
}


/*FIM MENU CARTA SERVICO MOB*/

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

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

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

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

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

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

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

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

.carta .lado-esq .box-at-pref .titulo {
    color: #33537C;
    font-family: "FuturaHeavy";
    font-size: 24px;
    text-align: left;
}

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

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

.carta .lado-esq .box-at-pref ul li {
    /* list-style-image: url("../images/ul-li.png"); */
    list-style: none;
    color: #2C568C;
    font-size: 17px;
    font-family: "FuturaHeavy";
    border-bottom: 1px solid #91D8F7;
    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: "FuturaHeavy";
}

.carta .lado-esq .box-duvidas .subtitulo {
    color: #727272;
    font-size: 17px;
    font-family: "FuturaLight";
    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: "FuturaLight";
}

.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: "FuturaLight";
}

.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: "FuturaLight";
}

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

.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: "FuturaLight";
}

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

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

.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: "FuturaLight";
}

.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: "FuturaLight";
}

.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: "FuturaLight";
}

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

.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: "FuturaLight";
}

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

.carta .lado-esq .titulo {
    color: #2C568C;
    font-family: "FuturaHeavy";
    font-size: 20px;
    text-align: left;
}

.carta .lado-esq .subtitulo {
    color: #2C568C;
    font-family: "FuturaHeavy";
    font-size: 17px;
    text-align: left;
}

.carta .lado-dir .titulo {
    color: #2C568C;
    font-family: "FuturaHeavy";
    font-size: 22px;
    text-align: left;
}

.carta .lado-dir .subtitulo {
    color: #2C568C;
    font-family: "FuturaHeavy";
    font-size: 18px;
    text-align: left;
}

.carta .lado-dir .texto {
    color: #666;
    font-family: "FuturaLight";
    font-size: 18px;
    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 #91D8F7;
}


/*LOGIN*/

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

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

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

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

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

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

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

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

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

#login .box-txt {
    color: #999;
    font-family: "FuturaHeavy";
    /* 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: "FuturaHeavy";
    font-size: 18px;
}

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

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

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

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

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

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

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

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

#login_edital .box-txt {
    color: #999;
    font-family: "FuturaHeavy";
    /* 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: "FuturaHeavy";
    font-size: 18px;
}

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

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

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

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

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

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

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

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

#login_pdf .box-txt {
    color: #999;
    font-family: "FuturaHeavy";
    /* 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: "FuturaHeavy";
    font-size: 18px;
}

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

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

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

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

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

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

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

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

#cadlogin .box-txt {
    color: #999;
    font-family: "FuturaHeavy";
    /* 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: "FuturaHeavy";
    font-size: 18px;
}

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

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

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

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

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

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

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

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

#cadupdate .box-txt {
    color: #999;
    font-family: "FuturaHeavy";
    /* 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: "FuturaHeavy";
    font-size: 18px;
}

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

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

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

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

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

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

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

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

#recuploginsenha .box-txt {
    color: #999;
    font-family: "FuturaHeavy";
    /* 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: "FuturaHeavy";
    font-size: 18px;
    color: #999;
    text-align: center;
}

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

.tooltipcons .tooltiptext .descricao {
    font-family: "FuturaLight";
    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: "FuturaHeavy";
    font-size: 16px;
    color: #999;
}

.tooltipcons .tooltiptext .box-representantes .texto-rep {
    font-family: "FuturaLight";
    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: "FuturaLight";
    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: "FuturaLight";
    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: "FuturaHeavy";
    height: 40px;
    padding: 5px 15px 5px 15px;
    width: 100%;
}

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

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

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

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

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

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

.licitacao form label {
    color: #666666;
    font-size: 16px;
    font-family: "FuturaLight";
    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: #666666;
    font-size: 17px;
    font-family: "FuturaLight";
    text-align: left;
}

.licitacao .titulo_select {
    color: #666666;
    font-size: 22px;
    font-family: "FuturaHeavy";
    text-align: left;
}

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

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

.licitacao .btn_login {
    background-color: #1F97C0;
    color: #fff;
    font-size: 17px;
    font-family: "FuturaHeavy";
}

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

.licitacao .btn_login_dados {
    background-color: #ccc;
    color: #fff;
    font-size: 15px;
    font-family: "FuturaHeavy";
    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: "FuturaHeavy";
    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: "FuturaLight";
}

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

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

.licitacao .box {
    width: 100%;
}

.licitacao .titulo {
    font-size: 20px;
    font-family: "FuturaHeavy";
    color: #52B7D7;
    text-align: left;
}

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

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

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

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

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

.licitacao .text_lic {
    font-family: "FuturaLight";
    font-size: 17px;
    color: #666666;
    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: "FuturaHeavy";
    color: #7DC9DF;
    text-align: left;
}

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

.corpo_admin .titulo {
    font-size: 25px;
    font-family: "FuturaHeavy";
    color: #7DC9DF;
    text-align: left;
}

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

.corpo_admin .organograma .box-org {
    font-size: 18px;
    font-family: "FuturaHeavy";
    color: #0680AB;
    background-color: #ADE2EF;
    /* width: 24%; */
    width: 100%;
    padding: 10px 30px;
}

.corpo_admin .organograma .box-org-ger {
    font-size: 18px;
    font-family: "FuturaHeavy";
    color: #0680AB;
    background-color: #ADE2EF;
    width: 24%;
    padding: 10px 30px;
}

.corpo_admin .organograma .box-org-dep {
    font-size: 16px;
    font-family: "FuturaHeavy";
    color: #0680AB;
    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: "FuturaHeavy";
    color: #0680AB;
    background-color: #ADE2EF;
    /* width: 24%; */
    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 .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: "FuturaHeavy";
    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: "FuturaHeavy";
    color: #0680AB;
    background-color: #ADE2EF;
    width: 100%;
    padding: 10px 30px;
}

.corpo_admin .organograma-mob .box-org-ger-mob {
    font-size: 18px;
    font-family: "FuturaHeavy";
    color: #0680AB;
    background-color: #ADE2EF;
    width: 23%;
    padding: 10px 30px;
}

.corpo_admin .organograma-mob .box-org-ger {
    font-size: 18px;
    font-family: "FuturaHeavy";
    color: #0680AB;
    background-color: #ADE2EF;
    width: 100%;
    padding: 10px 30px;
}

.corpo_admin .organograma-mob .box-org-dep {
    font-size: 16px;
    font-family: "FuturaHeavy";
    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: "FuturaHeavy";
    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: #52B7D7;
    font-family: "FuturaHeavy";
    font-size: 21px;
}

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

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

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

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

.materias .texto {
    background-color: #F1F1F1;
    color: #666;
    font-family: "FuturaLight";
    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: #52B7D7;
    color: #FFFFFF;
    font-family: "FuturaHeavy";
    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: "FuturaLight";
    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: "FuturaLight";
    font-size: 17px;
    text-align: left;
}

.sugestao .subtitulo {
    color: #52B7D7;
    font-family: "FuturaHeavy";
    font-size: 25px;
}

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


/*2VIA*/

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

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

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

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

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

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

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

#via2 .box-txt {
    color: #999;
    font-family: "FuturaHeavy";
    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: "FuturaHeavy";
    font-size: 18px;
}

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

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

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

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

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

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

#certidao .box-txt {
    color: #999;
    font-family: "FuturaHeavy";
    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: #52B7D7;
    font-family: "FuturaHeavy";
    font-size: 25px;
}

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

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

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

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

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

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

.formulario_cadastro .btn-solicitar_serv:hover {
    background-color: #52B7D7!important;
    border: 1px solid #52B7D7!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: "FuturaHeavy";
    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: "FuturaLight";
}

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

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

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


/*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: "FuturaLight";
    font-size: 17px;
    text-align: left;
}

.informativo .titulo {
    color: #999;
    font-family: "FuturaHeavy";
    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: "FuturaLight";
    font-size: 18px;
    text-decoration: underline;
}


/*PAG CAMPANHA*/

.sectioncamp .titulo {
    font-family: "FuturaHeavy";
    font-size: 30px;
    text-align: left;
    color: #666;
    margin-bottom: 3%;
}

.sectioncamp .box-campanha {
    display: flex;
    flex-wrap: wrap;
}

.sectioncamp .card {
    width: 31%;
    border: 0;
    margin-right: 2%;
    margin-bottom: 2%;
}

.sectioncamp .card .card-body {
    padding: 0;
    padding-top: 20px;
}

.sectioncamp .card .card-title {
    text-align: left;
    color: #666;
    font-family: "FuturaLight";
    font-size: 18px;
}

.sectioncamp .card .card-text {
    text-align: left;
    color: #666;
    font-family: "FuturaLight";
    font-size: 18px;
}

.sectioncampanhas .box-titulo {
    width: 401px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 225px;
    padding-bottom: 80px;
}

.sectioncampanhas .tit {
    font-family: 'FuturaHeavy';
    font-size: 30px;
    border-bottom: 1px solid #F58634;
    text-transform: none;
    margin-bottom: 2%;
    margin-top: 5%;
}


/*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: "FuturaHeavy";
    font-size: 20px;
    color: #52B7D7;
    text-align: left;
}

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

.pgcontato .text_atendimento .subtitulo {
    color: #9F9F9F;
    font-size: 19px;
    font-family: "FuturaHeavy";
    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 .icon-lgpd {
    position: relative;
    padding-left: 40px;
}

.pgcontato .text_atendimento .icon-lgpd::before {
    content: '';
    width: 30px;
    height: 31px;
    position: absolute;
    background-image: url('../images/icon-contato/icone lgpd.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: "FuturaHeavy";
}

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

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

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

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

.inf-mapa .aterro {
    width: 49%;
    /* width: 30%; */
}

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

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

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

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

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

.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: 1001;
    bottom: 80px;
    /* bottom: 20px; */
    /* right: 20px; */
    right: 200px;
    background: rgb(7, 130, 171);
    /* background: rgba(0, 0, 0, 0.7); */
    background: rgba(7, 130, 171, 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: "FuturaHeavy";
    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: 6px;
    height: 60px;
}

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

.static-top-menu {
    /* position: fixed; */
    position: absolute;
    z-index: 1000;
    /* -webkit-animation: fadeInDown .5s;
    animation: fadeInDown .5s; */
    /* background-color: #fff; */
    background-color: transparent;
    top: 43px;
    width: 100%;
    /* border-bottom: 1px solid #F38838; */
}

.static-top-menu .dropdown-item {
    color: #666;
}

.static-top-menu.sticky {
    font-size: 24px;
    /* line-height: 48px; */
    /* height: 80px; */
    height: 60px;
    background: #fff;
    text-align: left;
    padding-left: 20px;
    position: fixed;
    /* top: 0; */
    top: 47px;
    z-index: 99;
    /* -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; */
    border-bottom: 1px solid #F38838;
}

.static-top-menu.sticky a {
    color: #666;
}

.static-top-menu a {
    color: #fff;
}

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

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

.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-color: #2D568C;
    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;
}

.agenciavirt-footer {
    width: 224px;
}

.fone-footer {
    font-family: "FuturaHeavy";
    font-size: 15px;
    color: #9FD8F7;
    display: flex;
    align-items: center;
}

.email-footer {
    font-family: "FuturaHeavy";
    font-size: 17px;
    color: #9FD8F7;
}

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

.btn_not-cont {
    font-family: "FuturaHeavy";
    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: 282px;
    object-fit: cover;
    object-position: center;
}

.footer-fixo .agenciavirtual {
    position: absolute;
    bottom: 0;
}


/*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: "FuturaHeavy";
    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;
    flex-wrap: wrap;
}

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

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

.call-to-action .box .item {
    border-right: 1px solid #fff;
    padding-right: 30px;
}

.call-to-action .box .item:nth-child(4n) {
    border-right: 0;
}

.call-to-action .box .item:nth-child(4n+1) {
    border-left: 0;
}

.call-to-action .item .counter {
    color: #8CCD70;
    font-family: "FuturaHeavy";
    font-size: 34px;
    padding: 10px 0;
}

.call-to-action .item .cubico {
    color: #8CCD70;
    font-family: "FuturaHeavy";
    font-size: 34px;
}

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

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

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

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

.call-to-action .titulop {
    font-family: "FuturaBook";
    font-size: 30px;
    text-align: center;
}


/*MENU*/

.menu .titulo {
    font-family: "FuturaLight";
    color: #52B7D7;
    font-size: 20px;
}

.menu .subtitulo {
    font-family: "FuturaHeavy";
    color: #52B7D7;
    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: #52B7D7;
    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: "FuturaLight";
    font-size: 20px;
}

.inf .item .txtbold {
    font-family: "FuturaHeavy";
    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: "FuturaHeavy";
    font-size: 20px;
    color: #52B7D7;
}

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


/*COLETA SELETIVA*/

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

.coleta-seletiva .titulo {
    font-family: "FuturaHeavy";
    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: "FuturaHeavy";
    font-size: 20px;
    color: #666;
    /* border-bottom: 2px solid #8DCE70; */
    width: 20%;
    text-align: left;
}

.noticias_home .titulopag {
    font-family: "FuturaHeavy";
    font-size: 30px;
    color: #666;
}

.noticias_home .subtitulopag {
    font-family: "FuturaLight";
    font-size: 30px;
    color: #666;
}

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

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

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

.noticias_home .box-noticias {
    display: flex;
    flex-wrap: wrap;
}

.noticias_home .box-noticias .item {
    padding: 6px;
    height: 72.7vh;
    width: 70%;
}

.noticias_home .box-noticias .box {
    width: 30%;
}

.noticias_home .box-noticias .box .item {
    padding: 6px;
    height: 37vh;
    width: 100%;
}

.noticias_home .box-noticias .imgnot {
    width: 100%;
    height: 72.7vh;
    object-fit: cover;
    object-position: center;
}

.noticias_home .box-noticias .imgnotbox {
    width: 100%;
    height: 35.6vh;
    object-fit: cover;
    object-position: center;
}

.text-block {
    /* position: relative;
    bottom: 107px;
    right: 0;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
    color: white;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 1;
    text-align: left; */
    /**/
    font-size: 15px;
    text-align: left;
    font-family: 'FuturaHeavy';
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 8px 15px;
    /* width: 28%; */
    position: absolute;
    z-index: 10;
    bottom: 62px;
    left: 0;
}

.noticias_home .item .card {
    margin: 0;
}

.noticias_home .card .card-body .noticiastarjahome {
    font-size: 14px;
    text-align: left;
    font-family: 'FuturaHeavy';
    text-transform: uppercase;
    background-color: #7AD8FE;
    color: #fff;
    padding: 6px 15px;
    min-width: 50px;
    position: absolute;
    z-index: 5;
    bottom: 104px;
    /* top: 240px; */
    left: 0;
}

.noticias_home .box-noticias .box .card .card-body .noticiastarjahome {
    font-size: 14px;
    text-align: left;
    font-family: 'FuturaHeavy';
    text-transform: uppercase;
    background-color: #7AD8FE;
    color: #fff;
    padding: 6px 15px;
    min-width: 50px;
    position: absolute;
    z-index: 5;
    bottom: 124px;
    /* top: 240px; */
    left: 0;
}

.noticias_home .box-noticias .card .card-text {
    padding: 10px;
    font-size: 16px;
    color: #fff!important;
}

.box-noticias .text-block {
    position: absolute;
    bottom: 102px;
}

.box .text-block h4 {
    /* width: 55%; */
}

.text-block h4 {
    font-size: 15px;
    text-align: left;
    font-family: 'FuturaHeavy';
    background-color: #7AD8FE;
    color: #fff;
    padding: 8px 15px;
    /* width: 28%; */
    position: absolute;
    z-index: 10;
    bottom: 62px;
    left: 0;
}

.noticias_home .box-noticias small {
    font-family: "FuturaLight";
    font-size: 14px;
    color: #fff;
    text-align: left;
    padding-top: 15px;
    position: relative;
    z-index: 10;
    bottom: -3px;
}

.noticias_home .box-noticias .texto {
    font-family: 'FuturaHeavy';
    font-size: 19px;
    color: #fff;
    position: relative;
    z-index: 10;
    bottom: 40px;
}

.noticias_home .box-noticias .box .texto {
    font-family: 'FuturaHeavy';
    font-size: 16px;
    color: #fff;
}

.noticias_home .box-noticias .texto p {
    font-family: 'FuturaHeavy';
    font-size: 19px;
}

.noticias_home .box-noticias .box .texto p {
    font-family: 'FuturaHeavy';
    font-size: 16px;
}


/*PAG SAIBA MAIS*/

.saibamais_home {
    display: flex;
}

.saibamais_home .titulopag {
    font-family: "FuturaHeavy";
    font-size: 30px;
    color: #666;
}

.saibamais_home .subtitulopag {
    font-family: "FuturaLight";
    font-size: 30px;
    color: #666;
}


/*HOME LOGOS*/

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

.logos-home .box-saibamais {
    display: flex;
    flex-direction: column;
    line-height: 25px;
    text-transform: uppercase;
    margin-top: 15px;
}

.logos-home .titulopag {
    font-family: "FuturaHeavy";
    font-size: 20px;
    color: #666;
}

.logos-home .subtitulopag {
    font-family: "FuturaLight";
    font-size: 20px;
    color: #666;
}


/*DICAS COLETA SELETIVA*/

.dicas-coleta-seletiva {
    background-image: linear-gradient(to bottom, #0C85AD, #8BD5E8);
    color: #fff;
}

.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: 'FuturaHeavy';
    font-size: 22px;
    margin-bottom: 5%;
}

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

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

.dicas-coleta-seletiva .titulo {
    font-family: "FuturaHeavy";
    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%;
}


/*PAG ADMINSTRACAO FISCAL*/

.header_adm {
    background-color: #CDF0F8;
    height: 8em;
}

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

.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: #52B7D7;
    font-size: 30px;
}


/*PAG LILGACAO DE ESGOTO*/

.pag-esgoto .boxtitulo {
    text-align: left;
}

.pag-esgoto .boxtitulo .titulopag {
    font-family: "FuturaHeavy";
    font-size: 30px;
    color: #666;
}

.pag-esgoto .boxtitulo .subtitulopag {
    font-family: "FuturaLight";
    font-size: 30px;
    color: #666;
}

.pag-esgoto .boxsubtitulo {
    text-align: left;
}

.pag-esgoto .boxsubtitulo .titulopag {
    font-family: "FuturaHeavy";
    font-size: 19px;
    color: #666;
}

.pag-esgoto .boxsubtitulo .subtitulopag {
    font-family: "FuturaLight";
    font-size: 19px;
    color: #666;
}

.paginfocontato .container {}

.paginfocontato .agencia {
    display: flex;
    align-items: center;
    margin-bottom: 3%;
}

.paginfocontato .boxagencia {
    font-family: "FuturaHeavy";
    font-size: 19px;
    color: #666;
    border: 1px solid #ccc;
    padding: 10px 90px 10px 10px;
    text-align: left;
    margin-right: 10px;
    width: 29%;
}

.paginfocontato .box-text {
    font-family: "FuturaLight";
    font-size: 19px;
    color: #666;
}

.paginfocontato .whatscontatoestogo {
    display: flex;
    align-items: center;
    margin-bottom: 3%;
}

.paginfocontato .boxwhat {
    font-family: "FuturaHeavy";
    font-size: 19px;
    color: #666;
    border: 1px solid #ccc;
    padding: 10px 20px 10px 10px;
    text-align: left;
    margin-right: 10px;
    width: 31%;
}

.paginfocontato .infcontatoestogo {
    display: flex;
    align-items: center;
    margin-bottom: 3%;
    flex-direction: column;
}

.paginfocontato .boxinf {
    font-family: "FuturaLight";
    font-size: 19px;
    color: #666;
    text-align: left;
    margin-right: 10px;
}

.paginfocontato .iconlocal {
    position: relative;
    padding-left: 40px;
    text-align: left;
    line-height: 29px;
    width: 100%;
    font-family: "FuturaLight";
    font-size: 19px;
    color: #666;
    text-align: left;
    margin-right: 10px;
}

.paginfocontato .iconlocal::before {
    content: '';
    width: 22px;
    height: 22px;
    position: absolute;
    background-image: url('../images/icon-autopags/iconlocal.png');
    background-size: cover;
    background-position: center;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.paginfocontato .boxinf a {
    font-family: "FuturaHeavy";
}

.paginfocontato .boxinf {
    font-family: "FuturaLight";
    font-size: 19px;
    color: #666;
    text-align: left;
    margin-right: 1px;
}

.paginfocontato .box-text {
    font-family: "FuturaLight";
    font-size: 19px;
    color: #666;
    text-align: left;
    width: 100%;
}

.paginfocontato .iconfone::before {
    content: '';
    width: 22px;
    height: 22px;
    position: absolute;
    background-image: url('../images/icon-autopags/iconfone.png');
    background-size: cover;
    background-position: center;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.paginfocontato .iconfone {
    position: relative;
    padding-left: 40px;
    text-align: left;
    line-height: 29px;
    width: 100%;
    font-family: "FuturaLight";
    font-size: 19px;
    color: #666;
    text-align: left;
    margin-right: 10px;
}

.paginfocontato .iconemail::before {
    content: '';
    width: 25px;
    height: 22px;
    position: absolute;
    background-image: url('../images/icon-autopags/iconemail.png');
    background-size: cover;
    background-position: center;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.paginfocontato .iconemail {
    position: relative;
    padding-left: 40px;
    text-align: left;
    line-height: 29px;
    width: 100%;
    font-family: "FuturaLight";
    font-size: 19px;
    color: #666;
    text-align: left;
    margin-right: 10px;
}


/*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: #F3F3F3;
    font-family: "FuturaLight";
    font-size: 16px;
}

.top-menu {
    list-style-type: none;
    margin-left: 5%;
    align-items: baseline;
}

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

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

.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: "FuturaHeavy";
    font-size: 16px;
}

.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: "FuturaLight";
    /* margin-right: 1%;
    margin-bottom: 1%; */
    background-color: #FFFFFF;
    /* border: 0.01rem solid #E8E8E8; */
    border: 0;
    width: 33%;
    /* width: 24%; */
    position: relative;
    transition: all .3s ease, top .3s ease .15s;
    top: 0;
    flex-direction: row;
}

.autoatendimento .card:nth-last-child(-n+3) {
    border-bottom: 0;
}

.autoatendimento .todos .card:nth-child(1) {
    border-top: 0.01rem solid #E8E8E8;
}

.autoatendimento .todos .card:nth-child(2) {
    border-top: 0.01rem solid #E8E8E8;
}

.autoatendimento .todos .card:nth-child(3) {
    border-top: 0.01rem solid #E8E8E8;
}

.autoatendimento .todos .card {
    align-items: center;
}

.autoatendimento .card {
    border-bottom: 0.01rem solid #E8E8E8;
    border-right: 0.01rem solid #E8E8E8;
    align-items: center;
}

.autoatendimento .card:nth-child(3n) {
    border-right: 0;
}

.autoatendimento .card:nth-child(3n+1) {
    border-left: 0;
}

.autoatendimento .card:hover {
    background-color: #91D8F7;
    /* background-color: #52B7D7; */
    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: "FuturaLight";
    font-size: 21px;
    /* font-size: 22px; */
    margin: 0;
    padding: 0;
}

.autoatendimento .card .subtitulo {
    font-family: "FuturaHeavy";
    font-size: 21px;
}

.autoatendimento .todos .card .titulo {
    font-family: "FuturaLight";
    font-size: 21px;
    /* font-size: 22px; */
    margin: 0;
    padding: 0;
}

.autoatendimento .todos .card .subtitulo {
    font-family: "FuturaHeavy";
    font-size: 21px;
}

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

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

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

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

.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: 40px;
    text-align: center;
    font-family: "FuturaHeavy";
    color: #2D568C;
}

.autoatendimento .subtitulo {
    font-size: 20px;
    text-align: center;
    font-family: "FuturaLight";
    color: #666;
}

.text-sust {
    text-align: left;
    font-size: 19px;
    font-family: "FuturaLight";
    color: #666!important;
}

.text-sust p {
    text-align: left;
    font-size: 19px;
    font-family: "FuturaLight";
    color: #666!important;
}

.autoatendimento .btn-autoat {
    color: #fff;
    background-color: #7AD8FE;
    padding: 10px 75px;
    text-transform: none;
    font-size: 19px;
    font-family: "FuturaHeavy";
}


/*PAG CONHEÇA SUA FATURA*/

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

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


/*PAG DICAS*/

.dicas {
    width: 100%;
}

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

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

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

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

.dicas .container {
    display: flex;
}

.dicas .menu {
    font-family: "FuturaHeavy";
    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: "FuturaLight";
    font-size: 17px;
    color: #999999;
    text-align: justify;
}


/*PAG DICAS ECONOMIA*/

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

.dicaseconomia .card {
    width: 31%;
    border: 0;
    margin-right: 2%;
    margin-bottom: 2%;
}

.dicaseconomia .card .card-body {
    padding: 0;
    padding-top: 20px;
}

.dicaseconomia .card .card-title {
    text-align: left;
    color: #666;
    font-family: "FuturaHeavy";
    font-size: 18px;
}

.dicaseconomia .card .card-text {
    text-align: left;
    color: #666;
    font-family: "FuturaLight";
    font-size: 18px;
}


/*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: "FuturaLight";
}

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

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

.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: "FuturaLight";
    color: #007346;
    font-size: 17px;
}

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


/*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: "FuturaHeavy";
    font-size: 30px;
}

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

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

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

.inst .visao .titulo {
    font-family: "FuturaHeavy";
    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: "FuturaLight";
}

.texto2 {
    font-family: "FuturaLight";
    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: "FuturaHeavy";
    font-size: 17px;
}

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


/*PAG PERGUNTAS*/

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

.perguntas .titulo {
    font-family: "FuturaHeavy";
    font-size: 18px;
    color: #666;
}

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

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

.perguntas .text {
    font-size: 19px;
    color: #666;
}

.faq .box-titulo {
    width: 384px;
}


/*PAG LEGISLAÇÃO*/

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

.legislacao ul li {
    /* width: 100%; */
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    /* border-bottom: 1px solid #DADADA; */
}

.legislacao .titulo_pdf {
    color: #014063;
    font-size: 17px;
    font-family: "FuturaLight";
}

.legislacao .txt-legisl {
    color: #666;
    font-size: 19px;
    text-align: left;
}

.legislacao a {
    font-size: 19px;
    font-family: "FuturaLight";
}

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

.legislacao .box {
    width: 100%;
}

.legislacao .titulo {
    font-size: 23px;
    font-family: "FuturaLight";
    color: #666;
    text-align: left;
    text-transform: uppercase;
}

.legislacao .titulopag {
    font-family: "FuturaHeavy";
    font-size: 25px;
    color: #666;
}

.legislacao .subtitulopag {
    font-family: "FuturaLight";
    font-size: 25px;
    color: #666;
}


/*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: #014063;
    font-size: 17px;
    font-family: "FuturaLight";
}

.concursos a {
    font-size: 15px;
    font-family: "FuturaHeavy";
}

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

.concursos .box {
    width: 100%;
}

.concursos .titulo {
    font-size: 20px;
    font-family: "FuturaHeavy";
    color: #52B7D7;
    text-align: left;
}

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

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

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


/*TRATAMENTO AGUA*/

.tratamentoagua .box-titulo {
    width: 340px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 225px;
    padding-bottom: 80px;
}

.tratamentoagua .tit {
    font-family: 'FuturaHeavy';
    font-size: 30px;
    border-bottom: 1px solid #F58634;
    text-transform: none;
    margin-bottom: 2%;
    margin-top: 5%;
}

.tratamento_agua .texto {
    font-family: "FuturaLight";
    font-size: 19px;
    color: #666;
    text-align: justify;
}

.tratamento_agua .titulopag {
    font-family: "FuturaHeavy";
    font-size: 30px;
    color: #666;
}

.tratamento_agua .subtitulopag {
    font-family: "FuturaLight";
    font-size: 30px;
    color: #666;
}

.etapas-tratamento .titulopag {
    font-family: "FuturaHeavy";
    font-size: 30px;
    color: #666;
}

.etapas-tratamento .subtitulopag {
    font-family: "FuturaLight";
    font-size: 30px;
    color: #666;
}

.etapas-tratamento-list .box-img {
    float: left;
    /* padding: 5px;
    margin: 0px 10px 10px 0;*/
    max-width: 350px;
    max-height: 234px;
    position: relative;
    bottom: 76px;
}

.etapas-tratamento-list .titulopag {
    font-family: "FuturaHeavy";
    font-size: 18px;
    color: #666;
}

.etapas-tratamento-list .subtitulopag {
    font-family: "FuturaLight";
    font-size: 18px;
    color: #666;
}

.etapas-tratamento-list .box-text {
    font-family: "FuturaLight";
    font-size: 18px;
    text-align: justify;
    background-color: #FFF;
    padding: 0px;
    color: #666;
}

.etapas-tratamento-list ul {
    display: flex;
    flex-wrap: wrap;
}

.etapas-tratamento-list ul .item {
    width: 100%;
    margin-bottom: 0.5%
}

.etapas-tratamento-list ul li {
    list-style: none;
    list-style-image: url('../images/icon-prog.png');
}

.video-trat {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.imgtratamentomob {
    display: none;
}


/*PAG ATUACAO*/

.section_agua .titulo {
    font-size: 25px;
    font-family: "FuturaHeavy";
    color: #52B7D7;
}

.section_agua .texto {
    font-size: 18px;
    font-family: "FuturaLight";
    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: "FuturaLight";
    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: #52B7D7;
    font-size: 22px;
    font-family: "FuturaHeavy";
}

.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: "FuturaHeavy";
}

.tratamento .inf {
    font-size: 18px;
    font-family: "FuturaLight";
    color: #999;
    margin-top: 2%;
}

.tratamento .item-cap-tra::before {
    content: "Capacidade de Tratamento: ";
    color: #999;
    font-size: 18px;
    font-family: "FuturaHeavy";
}

.tratamento .item-pop::before {
    content: "População Atendida: ";
    color: #999;
    font-size: 18px;
    font-family: "FuturaHeavy";
}

.tratamento .item-bairro::before {
    content: "Bairros Atendidos: ";
    color: #999;
    font-size: 18px;
    font-family: "FuturaHeavy";
}

.tratamento .item-trat::before {
    content: "Tipo de Tratamento: ";
    color: #999;
    font-size: 18px;
    font-family: "FuturaHeavy";
}

.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: "FuturaHeavy";
}

.fases .subtitulo {
    color: #999;
    font-size: 18px;
    font-family: "FuturaLight";
}

.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: "FuturaLight";
}

.acessibilidade a {
    font-size: 18px;
    font-family: "FuturaLight";
    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: "FuturaHeavy";
    color: #10408A;
    text-align: left;
}

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

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

.acessibilidade .link a {
    font-size: 18px;
    font-family: "FuturaHeavy";
    color: #10408A;
}

.acessibilidade .subtitulo {
    font-size: 18px;
    font-family: "FuturaHeavy";
    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: 18px;
}

.tabela-tarifaria-pdf a {
    font-family: "FuturaHeavy";
    font-size: 15px;
    color: #9FD8F7;
}


/*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: "FuturaHeavy";
    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: "FuturaLight";
}

.transparencia .box-trans-titulo {
    font-size: 22px;
    font-family: "FuturaHeavy";
    text-align: left;
}

.formulario .btn-tran {
    display: flex;
    align-items: flex-end;
}

.formulario .btn-tran .btn {
    padding: 6px;
}

.formulario {
    font-family: "FuturaLight";
}

.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: "FuturaLight";
}

.transparencia a {
    font-size: 15px;
    font-family: "FuturaHeavy";
    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: "FuturaLight";
}

.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: "FuturaHeavy";
}

.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: "FuturaHeavy";
}

.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: "FuturaLight";
}

.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: "FuturaHeavy";
    font-size: 14px;
}


/*PAG MANUTENCAO*/

.manutencao {
    width: 100%;
    text-align: left;
    font-size: 19px;
    font-family: "FuturaLight";
    color: #666;
}

.manutencao .tit-manun {
    color: #2D568C;
    font-weight: bold;
}

.manutencao .list-banco {
    display: flex;
}

.manutencao h2 {
    font-size: 30px;
    font-family: "FuturaHeavy";
    color: #007DCC;
}

.manutencao .txt {
    padding-bottom: 1%;
    border-bottom: 1px solid #10408A;
    color: #666;
}

.manutencao .box:last-child .txt {
    border-bottom: none;
}

.manutencao .txt span {
    font-size: 18px;
    font-family: "FuturaLight";
    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: "FuturaHeavy";
    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: #52B7D7;
    color: #fff;
}

.menu ul li:hover {
    background-color: #52B7D7;
    color: #fff;
}

.menu ul li:hover .titulo {
    background-color: #52B7D7;
    color: #fff;
}

.menu ul li:hover .subtitulo {
    background-color: #52B7D7;
    color: #fff;
}

.denucie .cadastro {
    width: 100%;
}

.denucie .cadastro .txt {
    font-family: "FuturaLight";
    font-size: 19px;
    color: #666;
    text-align: justify;
}

.denucie .list-banco {
    display: flex;
    flex-wrap: wrap;
}

.denucie .list-banco .itens {
    /* width: 23%; */
    width: 15.6%;
    margin: 0.5%;
}

.formulario_cadastro {
    text-align: left;
}

.formulario_cadastro span {
    font-size: 21px;
}

.formulario_cadastro .formtext {
    font-family: "FuturaLight";
    font-size: 19px;
    color: #999999;
    margin-left: 10px;
}

.formulario_cadastro label,
input,
select,
textarea {
    font-family: "FuturaLight";
    font-size: 17px;
    color: #999999;
}

.formulario_cadastro .idenf {
    font-family: "FuturaHeavy"!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: "FuturaLight"; */
    background-color: #F3F3F3;
    border: 1px solid #D4D6D4 !important;
    text-transform: capitalize;
    width: 132px;
    color: #999;
    font-family: "FuturaLight";
    font-size: 17px;
}

.formulario_cadastro .btn-success:hover {
    /* background-color: #60922E!important;
    border: 1px solid #60922E!important; */
    /* background-color: #F98A31!important;
    border: 1px solid #F98A31!important;
    color: #fff!important; */
    background-color: #F3F3F3;
    border: 1px solid #D4D6D4 !important;
    color: #999;
}

.formulario_cadastro .titulo-den {
    font-family: "FuturaHeavy";
    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: "FuturaLight";
    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-menu .nav-link-top {
    color: #fff;
}

.top-menu .nav-link-cont {
    color: #fff;
}

.transparent .top-menu .nav-link-cont {
    color: #fff;
    font-size: 16px;
}

.header-toolbar .top-menu .nav-link-cont {
    color: #666;
    font-size: 16px;
}

.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;
    color: #fff;
    font-size: 16px;
}

.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: #999;
    font-family: "FuturaLight";
    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: 'FuturaHeavy';
    font-size: 30px;
    border-bottom: 1px solid #F58634;
    /* font-style: italic; */
    text-transform: none;
    margin-bottom: 2%;
    /* margin-top: 5%; */
}

.box-titulo {
    width: 230px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 225px;
    padding-bottom: 80px;
}

.box-inst {
    font-family: "FuturaLight";
    font-size: 19px;
    text-align: justify;
    background-color: #FFF;
    padding: 0px;
    color: #666;
    /* height: 90%; */
}

.box-inst p {
    font-family: "FuturaLight";
    font-size: 19px;
    text-align: justify;
    background-color: #FFF;
    padding: 0px;
    color: #666;
    /* height: 90%; */
}

.box-pres {
    display: flex;
    font-size: 17px;
    flex-wrap: wrap;
}

.cadastro .titulo_pag {
    font-size: 25px;
    /* color: #003F63; */
    color: #52B7D7;
}

.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: "FuturaLight";
    font-size: 17px;
    width: 100%;
}

.inst-titulo1 {
    font-family: "FuturaHeavy";
    font-size: 35px;
    color: #52B7D7;
}

.inst-titulo2 {
    font-family: "FuturaHeavy";
    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 .titulopag {
    font-family: "FuturaHeavy";
    font-size: 30px;
    color: #666;
}

.institucional .subtitulopag {
    font-family: "FuturaLight";
    font-size: 30px;
    color: #666;
}


/*.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: "FuturaHeavy";
    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: "FuturaHeavy";
    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: 'FuturaHeavy';
    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: "FuturaHeavy";
    font-size: 50px;
    color: #fff;
}

.numeros .municipios-txt {
    font-family: "FuturaHeavy";
    font-size: 20px;
    color: #fff;
}

.ligacoes {
    font-family: "FuturaHeavy";
    font-size: 50px;
    color: #fff;
}

.numeros .ligacoes-txt {
    font-family: "FuturaHeavy";
    font-size: 20px;
    color: #fff;
}

.numeros .pessoas {
    font-family: "FuturaHeavy";
    font-size: 50px;
    color: #fff;
}

.numeros .pessoas-txt {
    font-family: "FuturaHeavy";
    font-size: 20px;
    color: #fff;
}

.numeros .veranistas {
    font-family: "FuturaHeavy";
    font-size: 50px;
    color: #fff;
}

.numeros .veranistas-txt {
    font-family: "FuturaHeavy";
    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: "FuturaLight";
    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: "FuturaHeavy";
    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: "FuturaHeavy";
    font-size: 18px;
}

.box-inf .txt-inf {
    font-family: "FuturaLight";
    font-size: 18px;
}

.band-text {
    font-family: "FuturaHeavy";
    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: "FuturaLight";
}

.btn-dis:hover {
    color: #ccc;
}

.noticias_home {
    background-color: #fff;
}


/* .noticias_home .titulo {
    text-align: left;

    font-family: "FuturaHeavy";

    text-transform: capitalize!important;

    font-size: 35px;

    color: #52B7D7;
} */

.noticias_home .card {
    display: flex;
    /* padding: 15px; */
    /* width: 32%;*/
    width: 100%;
    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;
    /**/
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    position: absolute;
    z-index: 5;
    bottom: 0;
    /* top: 240px; */
    left: 0;
    width: 100%;
}

.noticias_home .card .card-body a {
    color: #fff;
}

.noticias_home .card-title {
    font-family: "FuturaHeavy";
    font-size: 19px;
    text-align: left;
    color: #999999 !important;
}

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

.noticias_home .img-res-not {
    width: 100%;
    height: 103vh;
    object-fit: cover;
    object-position: center;
}

.noticias_home .btn_not {
    font-family: "FuturaHeavy";
    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: #2D568C!important;
    border-color: #2D568C!important;
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #2D568C!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: "FuturaLight";
    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: "FuturaLight";
    font-size: 29px;
    color: #88C54B;
}

.box-mensagem .txt_2 {
    font-family: "FuturaHeavy";
    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;
}

.sutentbanner .box-titulo {
    width: 510px;
}

.susttitulo .box-titulo {
    width: 510px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 225px;
    padding-bottom: 80px;
}

.cadfornecedor .box-titulo {
    width: 410px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 225px;
    padding-bottom: 80px;
}

.sutent-pc {
    display: block;
}

.sutent-mob {
    display: none;
}

.txt_amb .titulo {
    color: #52B7D7;
    font-size: 35px;
    font-family: "FuturaHeavy";
}

.txt_amb .titulopag {
    font-family: "FuturaHeavy";
    font-size: 30px;
    color: #666;
    text-transform: uppercase;
}

.txt_amb .subtitulopag {
    font-family: "FuturaLight";
    font-size: 30px;
    color: #666;
    text-transform: uppercase;
}

.campanhas .titulopag {
    font-family: "FuturaHeavy";
    font-size: 30px;
    color: #666;
    text-transform: uppercase;
}

.campanhas .subtitulopag {
    font-family: "FuturaLight";
    font-size: 30px;
    color: #666;
    text-transform: uppercase;
}

.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: "FuturaLight";
    font-size: 24px;
}

.header_amb .texto {
    font-family: "FuturaLight";
    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: "FuturaLight";
    color: #666;
    text-align: justify;
    font-size: 19px;
    /* padding-top: 15px; */
    height: 90%;
}

.box-amb p {
    font-family: "FuturaLight";
    color: #666;
    text-align: justify;
    font-size: 19px;
}

.amb-titulo1 {
    font-family: "FuturaHeavy";
    font-size: 30px;
    color: #007FCB;
}

.amb-titulo2 {
    font-family: "FuturaHeavy";
    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: "FuturaHeavy";
    font-size: 50px;
    color: #047CC8;
    font-style: italic;
    text-transform: uppercase;
    line-height: 50px;
    /* margin-top: 30px; */
}

.respon_social .txt {
    font-family: "FuturaLight";
    color: #fff;
    font-size: 22px;
    width: 62%;
    /* margin-top: 30px; */
}

.box_respon_social {
    font-family: "FuturaLight";
    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: "FuturaLight";
    font-size: 19px;
    color: #999999;
    text-align: justify !important;
}

.campanhas p {
    font-family: "FuturaLight";
    font-size: 19px;
    /* color: #10408A; */
    color: #666!important;
}

.campanhas .titulo {
    font-family: "FuturaHeavy";
    font-size: 35px;
    color: #2D568C;
}

.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: "FuturaHeavy";
    font-size: 17px;
    color: #999999;
}

.campanhas .card-text {
    font-family: "FuturaLight";
    font-size: 17px;
    color: #999999;
    text-align: justify;
}

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

.campanhas .btn_proj {
    font-family: "FuturaHeavy";
    text-transform: none !important;
    font-size: 13px;
    color: #014063;
    background-color: #fff;
    border: 1px solid #014063;
    border-radius: 15px;
}

.campanhas .btn_proj:hover {
    color: #52B7D7!important;
    background-color: #fff!important;
    border: 1px solid #52B7D7!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: "FuturaHeavy";
    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: "FuturaHeavy";
    font-size: 20px;
    color: #88C54B;
}

.patrocionio span {
    font-family: "FuturaHeavy";
    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: "FuturaHeavy";
    font-size: 20px;
    color: #999999;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.section_right .txt_conc_titulo {
    font-family: "FuturaHeavy";
    font-size: 30px;
    color: #999999;
}

.section_right .txt_conc {
    font-family: "FuturaLight";
    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: "FuturaHeavy";
    font-size: 20px;
    color: #999999;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.section_left .txt_conc_titulo {
    font-family: "FuturaHeavy";
    font-size: 30px;
    color: #999999;
}

.section_left .txt_conc {
    font-family: "FuturaLight";
    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: "FuturaLight";
    color: #999999;
    text-align: left;
    font-size: 17px;
    padding: 15px;
    height: 90%;
    text-align: justify;
}

.neg_concessoes .neg_titulo p {
    font-family: "FuturaHeavy";
    font-size: 40px;
    color: #fff;
}

.neg_concessoes .neg_txt {
    font-family: "FuturaHeavy";
    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: "FuturaHeavy";
    font-size: 30px;
    color: #999999;
    margin: 2em 0 0;
}

.mob-neg .txt_conc {
    font-family: "FuturaLight";
    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: "FuturaLight";
    font-size: 17px;
    color: #999;
}

.grupo_emp_impar a {
    font-family: "FuturaHeavy";
    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: "FuturaLight";
    font-size: 17px;
    color: #999;
}

.grupo_emp_par a {
    font-family: "FuturaHeavy";
    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: "FuturaLight";
    font-size: 17px;
    color: #999;
}

.grupo a {
    font-family: "FuturaHeavy";
    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-busca .container {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.noticias-busca .item {
    text-align: left;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding: 3px 0;
}

.noticias-busca .data-noticias {
    font-size: 16px;
    font-family: "FuturaHeavy";
    color: #666;
}

.noticias-busca .titulobusca a {
    font-size: 20px;
    font-family: "FuturaLight";
    color: #666;
}

.noticias-busca .titulo-noticias a {
    font-size: 18px;
    font-family: "FuturaHeavy";
    color: #666;
}

.noticias {
    background-color: #FFF;
}

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

.noticias .box-titulo {
    width: 285px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 225px;
    padding-bottom: 80px;
}

.noticias .tit {
    font-family: 'FuturaHeavy';
    font-size: 30px;
    border-bottom: 1px solid #F58634;
    text-transform: none;
    margin-bottom: 2%;
    margin-top: 5%;
}

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

.noticias .box_not {
    display: flex;
    flex-wrap: wrap;
}

.noticias .card .card-title {
    font-family: "FuturaHeavy";
    text-align: left;
    font-size: 18px;
    color: #70706E;
}

.noticias .card .card-title a {
    font-family: "FuturaHeavy";
    text-align: left;
    font-size: 18px;
    color: #70706E;
}

.noticias .card .card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1.25rem 0 1rem 0;
    font-size: 19px;
}

.noticias .card .card-body a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    /* padding: 1.25rem 0 1rem 0; */
    font-size: 19px;
}

.noticias .card .link-noticias a {
    font-family: "FuturaLight";
    font-size: 16px;
    color: #666;
    width: 100%;
    align-items: flex-end;
    text-align: right;
}

.noticias .card .card-text {
    font-family: "FuturaLight";
    text-align: justify;
    font-size: 19px;
    color: #666;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.noticias .card .link-noticias {
    font-family: "FuturaLight";
    font-size: 16px;
    color: #666;
    width: 100%;
    text-align: right;
}

.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: "FuturaHeavy";
    text-transform: none!important;
    font-size: 13px;
    color: #10408A;
    background-color: #fff;
    border: 1px solid #10408A;
    border-radius: 15px;
}

.noticias .btn_not:hover {
    color: #9CB1D0!important;
    background-color: #fff!important;
    border: 1px solid #9CB1D0!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: "FuturaHeavy";
    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: 282px;
    object-fit: cover;
    object-position: center;
}

.noticias_campanhas {
    font-family: "FuturaHeavy";
    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: "FuturaHeavy";
    font-size: 17px;
    color: #999999;
}

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

.noticias_campanhas p {
    font-family: "FuturaHeavy";
    font-size: 30px;
    color: #999999;
    text-align: left;
    text-transform: none;
}

.noticias_campanhas .vid {
    font-family: "FuturaHeavy";
    font-size: 30px;
    color: #85C54A;
    text-align: left;
}

.box-pagination .container {
    display: flex;
    justify-content: flex-end;
}

.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: "FuturaHeavy";
    font-size: 30px;
    color: #88C54B;
    margin: 35px;
}

.noticias_rec p {
    font-family: "FuturaHeavy";
    font-size: 25px;
    color: #88C54B;
}

.noticias_rec .formtext {
    font-family: "FuturaLight";
    font-size: 19px;
    color: #999999;
    margin-left: 10px;
    margin-top: 30px;
}

.noticias_rec form {
    font-family: "FuturaHeavy";
    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: "FuturaHeavy";
    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;
}

.catnoticias {
    margin-top: 3%;
}

.catnoticias .container {
    display: flex;
    align-content: space-around;
    align-items: center;
}

.catnoticias .titulo {
    font-size: 16px;
    text-transform: uppercase;
    margin-right: 3%;
    font-family: "FuturaHeavy";
    color: #999;
}

.catnoticias .container .titulo:first-child {
    margin-left: auto;
}

.catnoticias .container .titulo:last-child {
    margin-right: auto;
    /* margin-left: auto; */
}

.catnoticias .active {
    color: #F7941F!important;
    border-bottom: 2px solid #F7941F;
    font-size: 16px;
    text-transform: uppercase;
    margin-right: 3%;
    font-family: "FuturaHeavy";
}

.card .card-body .noticiastarja {
    font-size: 14px;
    text-align: left;
    font-family: 'FuturaHeavy';
    text-transform: uppercase;
    background-color: #7AD8FE;
    color: #fff;
    padding: 6px 15px;
    min-width: 50px;
    position: absolute;
    z-index: 5;
    /* bottom: 75px; */
    top: 240px;
    left: 0;
}

.vermais .btn-ver {
    text-transform: uppercase;
    font-family: 'FuturaHeavy';
    font-size: 19px;
    color: #70706E;
    margin-bottom: 3%;
    background-color: #FBFBFB;
}

.catnoticias {
    display: block;
}

.catnoticias_mob {
    display: none;
}


/*PAG DETALHES DA NOTICIA*/

.noticias-detalhes {
    min-height: 20em;
}

.noticias-detalhes .box-overlay {
    padding: 0;
    margin: 0;
}

.noticias-detalhes .box-programa .box-img .noticiastarja {
    font-size: 14px;
    text-align: left;
    font-family: 'FuturaHeavy';
    text-transform: uppercase;
    background-color: #7AD8FE;
    color: #fff;
    padding: 6px 15px;
    min-width: 50px;
    position: absolute;
    z-index: 5;
    top: 28px;
    left: 0;
}

.noticias-detalhes .box-audio {
    display: flex;
}

.noticias-detalhes .box-audio .audiocont {
    width: 70%;
}

.maisfotosnoticias {
    margin: 1% 0;
}

.maisfotosnoticias .box_not {
    display: flex;
    flex-wrap: wrap;
}

.maisfotosnoticias .card {
    width: 32%;
    margin-right: 1%;
    margin-bottom: 1%;
}

.maisfotosnoticias .card .card-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1.25rem 0 0 0;
    justify-content: space-between;
}

.maisfotosnoticias .card-title {
    font-family: "TrendaBold";
    font-size: 18px;
    text-align: left;
    color: #999999 !important;
}

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

.noticias-detalhes .box-img {
    float: left;
    max-width: 570px;
    max-height: 425px;
    position: relative;
    bottom: -12px;
    padding: 0px 25px 15px 0;
}

.noticias-detalhes .titulopag {
    font-family: "FuturaHeavy";
    font-size: 25px;
    color: #666;
}

.noticias-detalhes .titulopagv {
    font-family: "FuturaHeavy";
    font-size: 30px;
    color: #666;
}

.noticias-detalhes .subtitulopag {
    font-family: "FuturaLight";
    font-size: 30px;
    color: #666;
}

.noticias-detalhes .box-text {
    font-family: "FuturaLight";
    font-size: 19px;
    text-align: justify;
    background-color: #FFF;
    padding: 0px;
    color: #666;
}

.noticias-detalhes .box-text p {
    font-family: "FuturaLight";
    font-size: 19px;
    text-align: justify;
    background-color: #FFF;
    padding: 0px;
    color: #666;
}

.noticias-detalhes ul {
    display: flex;
    flex-wrap: wrap;
}

.noticias-detalhes ul .item {
    width: 50%;
    margin-bottom: 1%;
}

.noticias-detalhes ul li {
    list-style: none;
    list-style-image: url('../images/icon-prog.png');
}

.noticias-detalhes-tag .titulo {
    font-size: 17px;
    font-family: "FuturaHeavy";
    color: #F7941F;
}

.noticias-detalhes-tag .box-tags {
    display: flex;
    justify-content: space-between;
}

.noticias-detalhes-tag .item {
    margin-right: 3%;
    color: #999;
    font-size: 16px;
    font-family: "FuturaHeavy";
    text-transform: uppercase;
}

.noticias-detalhes .item-veja {
    width: 30%;
}

.noticias-detalhes .box-vejatmb {
    display: flex;
    justify-content: space-between;
}

.box-vejatmb .item-veja .noticiastarja {
    font-size: 14px;
    text-align: left;
    font-family: 'FuturaHeavy';
    text-transform: uppercase;
    background-color: #7AD8FE;
    color: #fff;
    padding: 6px 15px;
    min-width: 50px;
    position: absolute;
    z-index: 5;
    top: -18px;
    left: -1px;
}

.noticias-detalhes .box-vejatmb .item-veja .card-title {
    font-size: 19px;
    text-align: left;
}

.noticias-detalhes .box-vejatmb .item-veja .card-text {
    font-size: 16px;
    text-align: left;
}

.noticias-detalhes .box-vejatmb .item-veja .card-text a {
    font-size: 16px;
    text-align: left;
}

.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: "FuturaHeavy";
    font-size: 30px;
    color: #007FCB!important;
    text-align: left;
}

.tit_det_vej {
    font-family: "FuturaHeavy";
    font-size: 25px!important;
    color: #014063;
    text-align: left;
    margin-bottom: 5%;
}

.txt_det {
    font-family: "FuturaHeavy";
    font-size: 20px!important;
    color: #999;
    text-align: justify;
    margin: 25px 0;
}

.box_txt_det {
    font-family: "FuturaLight";
    font-size: 18px !important;
    color: #999;
    text-align: justify;
    margin: 3% 0;
}

.noticias ul li {
    font-family: "FuturaHeavy";
    font-size: 15px !important;
    text-align: justify;
    margin-bottom: 5%;
    list-style: none;
}

.noticias ul li a {
    font-family: "FuturaHeavy";
    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: "FuturaHeavy";
    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: "FuturaHeavy";
    text-transform: none!important;
    font-size: 13px;
    color: #014063;
    background-color: #fff;
    border: 1px solid #014063;
    border-radius: 15px;
}

.noticias .btn_det_not:hover {
    color: #52B7D7!important;
    border: 1px solid #52B7D7!important;
}

.noticias_campanhas .btn_det_not {
    background-color: #f2f2f2 !important;
    padding: 10px 30px;
    font-family: "FuturaHeavy";
    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-weight: bold;
    color: #999;
    text-align: left;
    margin-top: 1%;
}

.data_det {
    font-family: "FuturaLight";
    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: "FuturaHeavy";
    color: #2D568C;
}

#accordion .titulo-tab2 {
    text-align: left;
    font-style: normal;
    font-size: 22px;
    cursor: pointer;
    font-weight: bold;
    margin-left: 50px;
    font-family: "FuturaHeavy";
    color: #2D568C;
}

#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: "FuturaHeavy";
    color: #2D568C;
}


/* #page-content h1 ~ h2.collapsed::before, #page-content h1 ~ a.h2.collapsed::before {
    background-image: url('../images/bullet.png');
} */


/*PAG DETALHE PROJETO VEJA TAMBEM*/


/* .noticias-detalhes-vejatmb{
    min-height: 28em;
} */

.noticias-detalhes-vejatmb .box-overlay {
    padding: 0;
    margin: 0;
}

.noticias-detalhes-vejatmb .box-programa .box-img .noticiastarja {
    font-size: 14px;
    text-align: left;
    font-family: 'FuturaHeavy';
    text-transform: uppercase;
    background-color: #7AD8FE;
    color: #fff;
    padding: 6px 15px;
    min-width: 50px;
    position: absolute;
    z-index: 5;
    top: 28px;
    left: 0;
}

.noticias-detalhes-vejatmb .box-audio {
    display: flex;
}

.noticias-detalhes-vejatmb .box-audio .audiocont {
    width: 70%;
}

.maisfotosnoticias {
    margin: 1% 0;
}

.maisfotosnoticias .box_not {
    display: flex;
    flex-wrap: wrap;
}

.maisfotosnoticias .card {
    width: 32%;
    margin-right: 1%;
    margin-bottom: 1%;
}

.maisfotosnoticias .card .card-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1.25rem 0 0 0;
    justify-content: space-between;
}

.maisfotosnoticias .card-title {
    font-family: "TrendaBold";
    font-size: 18px;
    text-align: left;
    color: #999999 !important;
}

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

.noticias-detalhes-vejatmb .box-img {
    float: left;
    max-width: 570px;
    max-height: 425px;
    position: relative;
    bottom: -12px;
    padding: 0px 25px 15px 0;
}

.noticias-detalhes-vejatmb .titulopag {
    font-family: "FuturaHeavy";
    font-size: 25px;
    color: #666;
}

.noticias-detalhes-vejatmb .titulopagv {
    font-family: "FuturaHeavy";
    font-size: 30px;
    color: #666;
}

.noticias-detalhes-vejatmb .subtitulopag {
    font-family: "FuturaLight";
    font-size: 30px;
    color: #666;
}

.noticias-detalhes-vejatmb .box-text {
    font-family: "FuturaLight";
    font-size: 19px;
    text-align: justify;
    background-color: #FFF;
    padding: 0px;
    color: #666;
}

.noticias-detalhes-vejatmb .box-text p {
    font-family: "FuturaLight";
    font-size: 19px;
    text-align: justify;
    background-color: #FFF;
    padding: 0px;
    color: #666;
}

.noticias-detalhes-vejatmb ul {
    display: flex;
    flex-wrap: wrap;
}

.noticias-detalhes-vejatmb ul .item {
    width: 50%;
    margin-bottom: 1%;
}

.noticias-detalhes-vejatmb ul li {
    list-style: none;
    list-style-image: url('../images/icon-prog.png');
}

.noticias-detalhes-tag .titulo {
    font-size: 17px;
    font-family: "FuturaHeavy";
    color: #F7941F;
}

.noticias-detalhes-tag .box-tags {
    display: flex;
    justify-content: space-between;
}

.noticias-detalhes-tag .item {
    margin-right: 3%;
    color: #999;
    font-size: 16px;
    font-family: "FuturaHeavy";
    text-transform: uppercase;
}

.noticias-detalhes-vejatmb .item-veja {
    width: 30%;
}

.noticias-detalhes-vejatmb .box-vejatmb {
    display: flex;
    justify-content: space-between;
}

.box-vejatmb .item-veja .noticiastarja {
    font-size: 14px;
    text-align: left;
    font-family: 'FuturaHeavy';
    text-transform: uppercase;
    background-color: #7AD8FE;
    color: #fff;
    padding: 6px 15px;
    min-width: 50px;
    position: absolute;
    z-index: 5;
    top: -18px;
    left: -1px;
}

.noticias-detalhes-vejatmb .box-vejatmb .item-veja .card-title {
    font-size: 19px;
    text-align: left;
}

.noticias-detalhes-vejatmb .box-vejatmb .item-veja .card-text {
    font-size: 16px;
    text-align: left;
}

.noticias-detalhes-vejatmb .box-vejatmb .item-veja .card-text a {
    font-size: 16px;
    text-align: left;
}

.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: "FuturaHeavy";
    font-size: 30px;
    color: #007FCB!important;
    text-align: left;
}

.tit_det_vej {
    font-family: "FuturaHeavy";
    font-size: 25px!important;
    color: #014063;
    text-align: left;
    margin-bottom: 5%;
}

.txt_det {
    font-family: "FuturaHeavy";
    font-size: 20px!important;
    color: #999;
    text-align: justify;
    margin: 25px 0;
}

.box_txt_det {
    font-family: "FuturaLight";
    font-size: 18px !important;
    color: #999;
    text-align: justify;
    margin: 3% 0;
}

.noticias ul li {
    font-family: "FuturaHeavy";
    font-size: 15px !important;
    text-align: justify;
    margin-bottom: 5%;
    list-style: none;
}

.noticias ul li a {
    font-family: "FuturaHeavy";
    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: "FuturaHeavy";
    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: "FuturaHeavy";
    text-transform: none!important;
    font-size: 13px;
    color: #014063;
    background-color: #fff;
    border: 1px solid #014063;
    border-radius: 15px;
}

.noticias .btn_det_not:hover {
    color: #52B7D7!important;
    border: 1px solid #52B7D7!important;
}

.noticias_campanhas .btn_det_not {
    background-color: #f2f2f2 !important;
    padding: 10px 30px;
    font-family: "FuturaHeavy";
    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-weight: bold;
    color: #999;
    text-align: left;
    margin-top: 1%;
}

.data_det {
    font-family: "FuturaLight";
    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: "FuturaHeavy";
    color: #2D568C;
}

#accordion .titulo-tab2 {
    text-align: left;
    font-style: normal;
    font-size: 22px;
    cursor: pointer;
    font-weight: bold;
    margin-left: 50px;
    font-family: "FuturaHeavy";
    color: #2D568C;
}

#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: "FuturaHeavy";
    color: #2D568C;
}


/*PAG CONTATO*/

#status {
    font-size: 16px;
}

.contatoform .boxform {
    width: 100%;
    display: flex;
}

.contatoform .ladoesq {
    width: 48%;
    margin-right: 2%;
}

.contatoform .ladodir {
    /* width: 48%; */
    width: 50%;
}

.contatoform .ladoesq .subdivisaoesq {
    width: 49%;
    margin-right: 2%;
}

.contatoform .ladoesq .subdivisaodir {
    width: 49%;
}

.contatoform .ladoesq .boxsub {
    display: flex;
}

.contatoform {
    padding: 2px;
    text-align: left;
}

.contatoform label {
    margin-bottom: 1px;
}

.contatoform label,
input,
select,
textarea {
    font-family: "FuturaLight";
    font-size: 17px;
    color: #999999!important;
}

.contatoform .custom-select {
    background-color: #fff!important;
    color: #999 !important;
}

.contatoform .btn-success {
    background-color: #F3F3F3;
    border: 1px solid #D4D6D4 !important;
    text-transform: capitalize;
    width: 132px;
    color: #999;
    font-family: "FuturaLight";
    font-size: 17px;
}

.contatoform .titulo {
    font-size: 19px;
    color: #666;
    font-family: "FuturaLight";
}

.contatoform .btn-success:hover {
    background-color: #F3F3F3;
    border: 1px solid #D4D6D4 !important;
    color: #999;
}

.formulario_trabalhe input[type='file'] {
    display: none
}

.contatoform .form-group ::-webkit-input-placeholder {
    font-weight: 300;
    font-size: 18px;
    color: #999;
    font-family: "FuturaLight";
    font-style: italic;
}

.contatoform .form-group :-moz-placeholder {
    font-weight: 300;
    font-size: 18px;
    color: #999;
    font-family: "FuturaLight";
    font-style: italic;
}

.contatoform .form-group ::-moz-placeholder {
    font-weight: 300;
    font-size: 18px;
    color: #999;
    font-family: "FuturaLight";
    font-style: italic;
}

.contatoform .form-group :-ms-input-placeholder {
    font-weight: 300;
    font-size: 18px;
    color: #999;
    font-family: "FuturaLight";
    font-style: italic;
}

.contatoform .selectcont {
    height: 55px!important;
}

.pgcontato .titulopag {
    font-family: "FuturaHeavy";
    font-size: 30px;
    color: #666;
}

.formulario_trabalhe .selectcont {
    height: 55px!important;
}

.pgcontato .subtitulopag {
    font-family: "FuturaLight";
    font-size: 30px;
    color: #666;
}

.section-titulo {
    padding: 2% 0;
    background-color: #2C568C;
    margin: 2% 0;
}

.section-titulo .titulopag {
    font-family: "FuturaHeavy";
    font-size: 30px;
    color: #fff;
}

.section-titulo .subtitulopag {
    font-family: "FuturaLight";
    font-size: 30px;
    color: #fff;
}

.contatoform label,
input,
select {
    font-family: "FuturaLight";
    font-size: 17px;
    color: #999999;
    /* height: 55px; */
    height: 37px;
}

.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: "FuturaHeavy";
    color: #999999;
    font-size: 17px;
    padding: 15px 0;
    height: 90%;
}

.hr-contato {
    font-family: "FuturaLight";
    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: "FuturaHeavy";
    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: "FuturaLight";
    font-size: 17px;
    color: #999999!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: #014063;
    border: 1px solid #014063!important;
    text-transform: capitalize;
    width: 132px;
    /* border-radius:10px; */
}

.formulario .btn-success:hover {
    background-color: #52B7D7!important;
    border: 1px solid #52B7D7!important;
    color: #fff!important;
}

.contato_end {
    font-family: "FuturaLight";
    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: "FuturaHeavy";
    font-size: 30px;
    color: #88C54B;
    text-align: center;
}

.formulario_sugestoes .formtext {
    font-family: "FuturaLight";
    font-size: 19px;
    color: #999999;
    margin-left: 10px;
}

.formulario_sugestoes .box_txt {
    font-family: "FuturaLight";
    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: "FuturaLight";
    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: "FuturaHeavy";
}

.txt_cont_trab {
    text-align: justify;
}

.trab .box-titulo {
    width: 269px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 225px;
    padding-bottom: 80px;
}

.txt_cont_trab .titulopag {
    font-family: "FuturaHeavy";
    font-size: 30px;
    color: #666;
}

.txt_cont_trab .subtitulopag {
    font-family: "FuturaLight";
    font-size: 30px;
    color: #666;
}

.trab .tit {
    font-family: 'FuturaHeavy';
    font-size: 30px;
    border-bottom: 1px solid #F58634;
    text-transform: capitalize;
    margin-bottom: 2%;
    margin-top: 5%;
}

.box-cont_trab {
    font-family: "FuturaLight";
    color: #666;
    font-size: 20px;
    padding: 15px 0;
    height: 90%;
    text-align: justify;
}

.txt_cont_trab .titulo {
    font-family: "FuturaHeavy";
    font-size: 30px;
    color: #10408A;
    text-align: center;
}

.formulario_trabalhe {
    text-align: left;
}

.formulario_trabalhe .formtext {
    font-family: "FuturaLight";
    font-size: 19px;
    color: #999999;
    margin-left: 10px;
}

.trab-beneficios {
    background-color: #F8F8F8;
    padding: 10px 0;
}

.trab-beneficios .item .txt {
    font-family: "FuturaLight";
    font-size: 19px;
    color: #666666;
    padding: 10% 0;
}

.trab-beneficios .box-icon {
    display: flex;
    width: 100%;
    align-content: space-between;
    margin-top: 4%;
}

.trab-beneficios .item {
    width: 30%;
}

.trabalhe-textinfo .text-trab {
    font-family: "FuturaLight";
    font-size: 20px;
    color: #666;
    text-align: center;
    margin-top: 4%;
}

.trab-beneficios .titulopag {
    font-family: "FuturaHeavy";
    font-size: 30px;
    color: #666;
}

.trab-beneficios .subtitulopag {
    font-family: "FuturaLight";
    font-size: 30px;
    color: #666;
}

.formulario_trabalhe label,
input,
select {
    font-family: "FuturaLight";
    font-size: 17px;
    color: #999999;
    height: 55px;
}

.formulario_trabalhe .btn-success {
    background-color: #F3F3F3;
    border: 1px solid #D4D6D4!important;
    text-transform: capitalize;
    width: 132px;
    color: #999;
    font-family: "FuturaLight";
    font-size: 17px;
    /* border-radius:10px; */
}

.formulario_trabalhe .btn-success:hover {
    background-color: #F3F3F3!important;
    border: 1px solid #D4D6D4!important;
    color: #999!important
}

.formulario_trabalhe .btn-success:focus {
    /* border: 0!important; */
    border: 1px solid rgb(130, 134, 130)!important;
    box-shadow: 0 0 0 0;
    border: 0 none;
    outline: 0;
}

.formulario_trabalhe .btn-success:active {
    border: 0!important;
}

.formulario_trabalhe input[type='file'] {
    display: none
}

.formulario_trabalhe .form-group ::-webkit-input-placeholder {
    font-weight: 300;
    font-size: 18px;
    color: #999;
    font-family: "FuturaLight";
    font-style: italic;
}

.formulario_trabalhe .form-group :-moz-placeholder {
    font-weight: 300;
    font-size: 18px;
    color: #999;
    font-family: "FuturaLight";
    font-style: italic;
}

.formulario_trabalhe .form-group ::-moz-placeholder {
    font-weight: 300;
    font-size: 18px;
    color: #999;
    font-family: "FuturaLight";
    font-style: italic;
}

.formulario_trabalhe .form-group :-ms-input-placeholder {
    font-weight: 300;
    font-size: 18px;
    color: #999;
    font-family: "FuturaLight";
    font-style: italic;
}


/* Aparência que terá o seletor de arquivo */

.formulario_trabalhe .file .file_label {
    background-color: #F3F3F3;
    border: 1px solid #D4D6D4!important;
    /* border-radius: 5px; */
    color: #999999;
    cursor: pointer;
    /* margin: 10px; */
    padding: 12px 20px;
    width: 100%;
    font-size: 17px;
    height: 55px;
}


/*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;
}

.contatoform .titulopag {
    font-family: "FuturaHeavy";
    font-size: 30px;
    color: #666;
}

.contatoform .subtitulopag {
    font-family: "FuturaLight";
    font-size: 30px;
    color: #666;
}

.contatoform .file .file_label {
    background-color: #F3F3F3;
    border: 1px solid #D4D6D4!important;
    /* border-radius: 5px; */
    color: #999999;
    cursor: pointer;
    /* margin: 10px; */
    padding: 12px 20px;
    width: 100%;
    font-size: 17px;
    height: 55px;
}

.contatoform #inputArquivo {
    display: none;
}

.contatoform .formcheck {
    height: 17px;
}


/*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: "FuturaLight";
    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: "FuturaHeavy";
    font-size: 30px;
    color: #007FCB;
    text-align: center;
    margin-bottom: 5px;
}

.formulario_trabalhe strong {
    font-family: "FuturaHeavy";
}

.formulario_trabalhe h2 {
    font-family: "FuturaHeavy";
    font-size: 18px;
    color: #999999;
}

.formulario_trabalhe .subtitulo {
    font-family: "FuturaLight";
    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: "FuturaLight";
    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: "FuturaLight";
    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: 'FuturaHeavy';
    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: "FuturaHeavy";
    font-size: 25px;
}

.denuncie-pc {
    display: block;
}

.denuncie-mob {
    display: none;
}

.inf-pc .box-manunt .link-manu a {
    font-family: "FuturaHeavy";
    font-size: 15px;
    color: #10408A;
}

.inf-pc .link-band a {
    font-family: "FuturaHeavy";
    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: "FuturaHeavy";
    font-size: 15px;
    color: #00804E;
}

.inf-mobile .link-band a {
    font-family: "FuturaHeavy";
    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: 1500px) {
    .section-side-image .box-txt-right {
        flex-direction: column;
        display: flex;
        width: 100%;
    }
    .section-side-image .box-txt {
        flex-direction: column;
        display: flex;
        width: 100%;
    }
    .section-side-image .box-txt-esg {
        flex-direction: column;
        display: flex;
        width: 100%;
    }
    .section-side-image .box-txt-right-esgoto {
        flex-direction: column;
        display: flex;
        width: 100%;
    }
}

@media (max-width: 1199px) {
    .trab-beneficios .box-icon {
        flex-wrap: wrap;
        margin-top: 10%;
    }
    .trab-beneficios .item {
        width: 50%;
    }
    .trabalhe-textinfo .text-trab {
        margin-top: 10%;
    }
    .formulario_trabalhe .file .file_label {
        padding: 2px 20px;
    }
    .corpo_admin {
        display: none;
    }
    .corpo_admin-mob {
        display: block;
    }
    /*organograma*/
    .corpo_admin-mob .titulo {
        font-size: 25px;
        font-family: "FuturaHeavy";
        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: "FuturaHeavy";
        color: #0680AB;
        background-color: #ADE2EF;
        width: 100%;
        padding: 10px 30px;
    }
    .corpo_admin-mob .organograma-mob .box-org-ger-mob {
        font-size: 18px;
        font-family: "FuturaHeavy";
        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: "FuturaHeavy";
        color: #0680AB;
        background-color: #ADE2EF;
        width: 100%;
        padding: 10px 30px;
    }
    .corpo_admin-mob .organograma-mob .box-org-dep {
        font-size: 16px;
        font-family: "FuturaHeavy";
        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: "FuturaHeavy";
        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) {
    .boxobras .titulopag {
        font-size: 16px;
    }
    .boxobras .subtitulopag {
        font-size: 16px;
    }
    .alert-dismissible {
        padding-right: 25px;
    }
    .alert-darken-danger .textdialog {
        font-size: 15px;
    }
    .whatscontato {
        display: block;
        z-index: 9223372036854776000;
    }
    .whats-right {
        display: block;
        z-index: 9223372036854776000;
    }
    .campanhas .titulo {
        line-height: 33px;
    }
    .inst-titulo1 {
        line-height: 33px;
    }
    .programa5s ul .item {
        width: 100%;
        margin-bottom: 5%;
    }
    .mob {
        display: block;
    }
    .programa5s .box-text {
        text-align: center;
    }
    .programa5s .titulopag {
        font-size: 20px;
    }
    .tabela-tarifaria-pdf ul li {
        margin-top: 10%;
    }
    .sutentbanner .box-titulo {
        width: 80%;
    }
    .demost .box-titulo {
        width: 80%;
    }
    .faq .box-titulo {
        width: 80%;
    }
    .galeria .box-titulo {
        width: 80%;
    }
    .noticias .box-titulo {
        width: 80%;
    }
    .projetoslot .container .itempdf {
        margin-bottom: 5%;
    }
    .tituloprogsocial .box-titulo {
        width: 80%;
    }
    .projetos-lot .box-titulo {
        width: 80%;
    }
    .paginfocontato .boxagencia {
        padding: 10px 0 10px 10px;
        text-align: left;
        margin-right: 10px;
        width: 233%;
    }
    .projetoslot .container {
        flex-wrap: wrap;
    }
    .projetoslot .box-esq {
        width: 100%;
    }
    .projetoslot .box-dir {
        width: 100%;
    }
    .sectioncampanhas .box-titulo {
        width: 80%;
    }
    .contatoform .file .file_label {
        padding: 5px 20px;
        width: 100%;
        font-size: 15px;
    }
    .trab-beneficios .box-icon {
        justify-content: center;
    }
    .paginfocontato .agencia {
        display: flex;
        align-items: center;
        margin-bottom: 3%;
        flex-wrap: wrap;
    }
    .paginfocontato .whatscontatoestogo {
        display: flex;
        align-items: center;
        margin-bottom: 6%;
        flex-wrap: wrap;
    }
    .pagtitulo .box-autoatendimento {
        flex-wrap: wrap;
        line-height: 20px;
    }
    .paginfocontato .boxwhat {
        margin-right: 10px;
        width: 100%;
    }
    .paginfocontato .iconlocal::before {
        top: 15%;
    }
    .paginfocontato .iconfone::before {
        top: 22%;
    }
    .paginfocontato .iconemail::before {
        top: 30%;
    }
    .itensvazamento .itembox {
        flex-wrap: wrap;
    }
    .itensvazamento .boxtxt {
        width: 100%;
    }
    .itensvazamento .boximg {
        width: 100%;
    }
    .noticias-detalhes-tag .item {
        margin-right: 5%;
    }
    .pagtitulo .box-autoatendimento .titulopag {
        width: 100%;
    }
    .pagtitulo .box-autoatendimento .subtitulopag {
        width: 100%;
    }
    .pagtitulo {
        margin-top: 20px;
        padding-top: 10px;
    }
    .call-to-action .item .titulo {
        font-family: 'FuturaHeavy';
        font-size: 16px;
        width: 90%;
    }
    .call-to-action .box .item {
        padding-right: 10px;
    }
    .call-to-action .box .item:nth-child(2n) {
        border-right: 0;
    }
    .call-to-action .box .item:nth-child(2n+1) {
        border-left: 0;
    }
    .noticias-detalhes-vejatmb .box-vejatmb {
        flex-wrap: wrap;
    }
    .noticias-detalhes-vejatmb .item-veja {
        width: 100%;
        margin-bottom: 8%;
    }
    .box-fatura .box-img {
        margin-right: 0;
    }
    .card .card-body .noticiastarja {
        top: 195px;
    }
    .box-vejatmb .item-veja .noticiastarja {
        top: -18px;
    }
    .foot-redes {
        padding-bottom: 5%;
    }
    .carta .box-video {
        height: 18.5%;
    }
    .maisfotosnoticias .card {
        width: 100%;
        margin-right: 0;
        margin-bottom: 5%;
    }
    .section-side-image .box-txt-esg {
        padding: 0;
    }
    .section-side-image .box-txt {
        padding: 0;
    }
    .imgtratamentomob {
        display: block;
    }
    .noticias_home .card .card-body .noticiastarjahome {
        bottom: 122px;
    }
    .noticias_home .box-noticias .item {
        width: 100%;
        margin-bottom: 15px;
    }
    .noticias_home .box-noticias .box {
        width: 100%;
    }
    .noticias_home .box-noticias .box .item {
        margin-bottom: 5px;
    }
    .sectioncamp .card {
        width: 100%;
        border: 0;
        margin-right: 0;
        margin-bottom: 3%;
    }
    .dicaseconomia .card {
        width: 100%;
        border: 0;
        margin-right: 0;
        margin-bottom: 3%;
    }
    .contatoform .ladoesq {
        width: 100%;
        margin-right: 0;
    }
    .contatoform .ladodir {
        width: 100%;
    }
    .contatoform .ladoesq .boxsub {
        flex-wrap: wrap;
    }
    .contatoform .ladoesq .subdivisaoesq {
        width: 100%;
        margin-right: 0;
    }
    .contatoform .ladoesq .subdivisaodir {
        width: 100%;
    }
    .contatoform .boxform {
        width: 100%;
        flex-wrap: wrap;
    }
    .side-image-content {
        padding-top: 0;
        padding-bottom: 0;
    }
    .pdfsanalise a {
        padding: 15px 25px;
        margin-right: 1%;
        width: 161px;
        font-size: 16px;
        margin-bottom: 1%;
    }
    .section-descricao .desc-titulo {
        text-align: center;
    }
    .section-side-image .table-parametros thead th {
        font-size: 16px;
        line-height: 16px;
        vertical-align: middle;
    }
    .section-side-image .box-txt-right {
        left: 0;
        border: 0;
        width: 100%;
        padding: 0;
    }
    .section-side-image .box-txt {
        left: 0;
        border: 0;
        width: 100%;
    }
    .section-side-image .box-txt-esg {
        left: 0;
        border: 0;
        width: 100%;
    }
    .section-side-image .box-txt-right-esgoto {
        left: 0;
        border: 0;
        width: 100%;
        padding: 0;
    }
    .section-side-image .txt {
        width: auto;
    }
    .image-holder {
        display: none;
    }
    .legislacao ul li {
        text-align: left;
        align-items: flex-start;
    }
    .noticias-detalhes .box-audio {
        flex-wrap: wrap;
    }
    .noticias-detalhes .box-audio .audiocont {
        width: 100%;
    }
    .noticias-detalhes .item-veja {
        width: 100%;
        margin-bottom: 15%;
    }
    .noticias-detalhes .box-vejatmb {
        flex-wrap: wrap;
    }
    .noticias-detalhes-tag .box-tags {
        flex-wrap: wrap;
        justify-content: initial;
    }
    .catnoticias {
        display: none;
    }
    .catnoticias_mob {
        display: block;
    }
    .navbar-nav {
        overflow-y: auto !important;
        height: 450px;
    }
    #btnAdContraste {
        /* border: 0;
        padding: .5rem 0.9rem;      */
        display: none;
    }
    #btnReContraste {
        display: none;
    }
    .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: "FuturaHeavy";
        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: "FuturaHeavy";
        color: #0680AB;
        background-color: #ADE2EF;
        width: 100%;
        padding: 10px 30px;
    }
    .corpo_admin-mob .organograma-mob .box-org-ger-mob {
        font-size: 18px;
        font-family: "FuturaHeavy";
        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: "FuturaHeavy";
        color: #0680AB;
        background-color: #ADE2EF;
        width: 100%;
        padding: 10px 30px;
    }
    .corpo_admin-mob .organograma-mob .box-org-dep {
        font-size: 16px;
        font-family: "FuturaHeavy";
        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: "FuturaHeavy";
        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*/
    .menu_mob {}
    .carta .box-perg-mob {
        background-color: #F4F4F4;
        text-align: left;
        /* padding: 1%; */
    }
    .carta .box-perg-mob .lei {
        color: #8C8C8C;
        font-size: 16px;
    }
    .carta .box-perg-mob ul {
        padding-left: 35px;
    }
    .carta .box-perg-mob ul li a {
        /* color: #007FC5; */
        color: #33537C;
    }
    .carta .box-perg-mob ul li {
        /* list-style-image: url("../images/ul-li.png"); */
        list-style: none;
        color: #007FC5;
        font-size: 20px;
        font-family: "FuturaHeavy";
        padding-top: 0.5%;
        padding-bottom: 0.5%;
    }
    .carta .box-at-pref-mob {
        background-color: #F4F4F4;
        ;
        text-align: left;
    }
    .carta .box-at-pref-mob .titulo {
        color: #33537C;
        font-family: "FuturaHeavy";
        font-size: 25px;
        text-align: left;
    }
    .carta .box-at-pref-mob .lei {
        color: #8C8C8C;
        font-size: 16px;
    }
    .carta .box-at-pref-mob ul {
        /* padding-left: 20px; */
        padding-left: 0;
    }
    .carta .box-at-pref-mob ul li {
        /* list-style-image: url("../images/ul-li.png"); */
        list-style: none;
        color: #2C568C;
        ;
        font-size: 17px;
        font-family: "FuturaHeavy";
        border-bottom: 1px solid #91D8F7;
        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: "FuturaHeavy";
    }
    .carta .box-duvidas-mob .subtitulo {
        color: #727272;
        font-size: 17px;
        font-family: "FuturaLight";
        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: "FuturaLight";
    }
    .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: "FuturaLight";
    }
    .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: "FuturaLight";
    }
    .carta .box-duvidas-mob .icon-time .txt {
        color: #727272;
        font-size: 17px;
        font-family: "FuturaLight";
    }
    .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: "FuturaLight";
    }
    .carta .box-ouvidoria-mob {
        background-color: #FCDCC5;
        text-align: left;
    }
    .carta .box-ouvidoria-mob .titulo {
        color: #666666;
        font-size: 25px;
        font-family: "FuturaHeavy";
    }
    .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: "FuturaLight";
    }
    .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: "FuturaLight";
    }
    .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: "FuturaLight";
    }
    .carta .box-ouvidoria-mob .icon-time .txt {
        color: #727272;
        font-size: 17px;
        font-family: "FuturaLight";
    }
    .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: "FuturaLight";
    }
    /*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 #2D568C;
    }
    #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: "FuturaHeavy";
        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: "FuturaHeavy";
    }
    .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;
    }
    .box-autoatendimento {}
    .box-autoatendimento .titulopag {
        font-family: "FuturaHeavy";
        font-size: 30px;
        color: #666;
    }
    .box-autoatendimento .subtitulopag {
        font-family: "FuturaLight";
        font-size: 30px;
        color: #666;
    }
}

@media(max-width: 1199px) {
    .carta .box-video {
        height: 13.8%;
    }
}

@media(max-width: 537px) {
    .carta .box-video {
        height: 9.8%;
    }
}

@media(max-width: 414px) {
    .autoatendimento .card {
        width: 100%;
    }
    .carta .lado-dir-listagem #categoriaranking {
        width: 100%;
    }
    .campanhas .box {
        flex-wrap: wrap;
    }
    #carousel {
        display: none;
    }
    #carousel-mob {
        display: block;
        margin-top: 60px;
    }
    .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) {
    /* .box-pres .box-inf-pres {
        margin-right: 4%;
    } */
}

@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%;
    }
}


/*novo css*/

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: "FuturaLight";
    font-size: 18px;
    text-align: justify;
    color: #999999;
    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;
}

.pessoas__botao {
        font-size: 20px;
}

.pessoas__botao {
    background-color: #2D568C;
    border: 2px solid #2D568C;
    color: #fff;
    font-family: "Roboto";
    font-weight: 700;
    font-size: 22px;
    /* font-size: 30px; */
    padding: 0.5rem 2rem;
    /* padding: 1rem 5rem; */
    text-align: start;
    margin-left: 3%;
    margin-bottom: 13px;
}

.pessoas__botao:hover {
    background-color: #fff;
    border: 2px solid #2D568C;
    color: #2D568C;
    font-family: "Roboto";
}

@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;
    }
    .carta .box-video {
        height: 9.8%;
    }
}


/* @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;
}

@media(max-width: 537px) {
    .carta .box-video {
        height: 10em;
    }
}

@media(max-width: 490px) {
    .carta .box-video {
        height: 9em;
    }
}

@media(max-width: 450px) {
    .carta .box-video {
        height: 7.3%;
    }
}

@media(max-width: 440px) {
    .carta .box-video {
        height: 6.6%;
    }
}

@media(max-width: 420px) {
    .carta .box-video {
        height: 6.5%;
    }
}

@media(max-width: 400px) {
    .carta .box-video {
        height: 5.5%;
    }
}

@media(max-width: 360px) {
    .carta .box-video {
        height: 4.5%;
    }
}

@media(max-width: 320px) {
    .carta .box-video {
        height: 3.5%;
    }
}