/*
	Theme Name:  OT TRANSPARENCIA - Pref. Naviraí Oficial 26092023 26092026 
	Theme URI: https://navirai.ms.gov.br/temas/ot-transparencia-pre-navirai
	Author: Suporte aos Sites Oficiais (Informática & Imprensa)
	Author URI: https://navirai.ms.gov.br/
	Description: Tema desenvolvido em bootstrap com o intutito de divulgar as informações da gestão da administração municipal de Naviraí.
	Version: 2.0
    License URI: LICENSE
    Text Domain: ot-transparencia-pre-navirai
*/



    /*html, body {
        overflow-x: hidden;
    }  */ 
    
    body {
        /*padding-top: 112px;*/
       /* padding-top: 150px!important;*/
        margin: 0;
        font-family: 'Roboto','Poppins','Nunito', sans-serif !important;
        -webkit-font-smoothing: auto;
        background-color: #f9f9f9 !important;
    }

   /* body.customize-support nav.fixed-top {
        top: 32px;
    }*/

   /* span {
        white-space:nowrap
        
    }*/
    

    ul, ol {
       /* list-style: none;*/
        margin: 0;
        padding: 0;
    }
    
    
    
    .vermelho-1877f2 {
    background: #1877f2;
    }
    
    
    .verde-2abba7 {
        background: #2abba7;
    }
    
    
    .vermelho-e41e3f {
    background: #e41e3f;
    }
    
    .vermelho-f0284a{
    background: #f0284a;
    }
    
    .navirai-menu {
            font-size: 0.75rem;
            font-weight: 600;
            /*padding: 0.65rem 0.5rem 0.5rem;*/
            color: #ffffff;
        }

    .navirai-menu--primario li a{
            color: #ffffff;
        }
        
        .navirai-menu--primario li a:hover{
            opacity: 0.75;
        }

        .navirai-menu--segundo li a span{
            font-size: 0.75rem;
            font-weight: 600;
        }

        .navirai-logo--primaria:hover img{
            opacity: 0.75;
        }

    .navirai-navegacao li a{
        font-size: 1.125rem;
        font-weight: 500;
    }

    .bg-verde-22A679{
        background: #22A679;
    }

    .border-top-verde-22A679 {
        border-top: 2px solid rgba(255, 255, 255,.5);
    }

    .navirai-cabecalho-principal .site-logo-cabecalho img {
        width: 250px;
        height: auto;
    }

    @media (max-width: 991.98px) {

        .navirai-cabecalho-principal .navbar-brand {
            width: 140px!important;
        }
        
        .navirai-cabecalho-principal .navbar-brand img {
            width: 140px!important;
        }
    }


    .header-pesquisa .form-control {
        font-size: 1.5rem;
    }

    .tempo {
        display: flex!important;
        align-items: center!important;
    }
    .tempo img {
    
        width: 40px;
    }




    .tempo i, .tempo figure {
        display: flex;
        align-items: center!important;
        color: #ffffff;
        font-size: 32px;
    }

    .temperatura {
        display: flex!important;
        align-items: center!important;
        padding-right: 0.45rem!important;
    }

    .tempo i {
        font-size: 24px;
    }

    .temperatura span {
        font-weight: lighter;
        color: #ffffff;
        font-size: 24px;
        opacity: 0.85;
        font-weight: 900;
    }

    .data-atual {
        display: flex!important;
        align-self: center!important;
        color: #ffffff;

    
        font-size: 1.125rem;
        font-weight: 500;
    }


    .tempo figure {
        margin: 0;
    }

    .tempo-celsius {
        color: #ffffff;
        font-size: 18px;
        align-self: center;
        opacity: 0.85;
    }



    .template-demo > .btn{
        margin-right: 0.25rem !important;
    }


    .btn.btn-social-icon{
        width: 40px;
        height: 40px;
        padding: 9px;
    }

    .btn.btn-social-icon i{
        font-size: 20px;
    }

    .btn.btn-rounded {
        border-radius: 40px;
    }


    /*Button cover*/


    .social-content .btn-facebook {
        background:  #ffffff;
        color:#3b579d;
    }

    .social-content .btn-youtube {
        background: #ffffff;
        color: #e52d27;
    }

    .social-content .btn-twitter {
        background: #ffffff;
        color: #2caae1;
    }

    .social-content .btn-instagram {
        background: #ffffff;
        color: #dc4a38;
    }

    .social-content .btn-facebook:hover,.social-content .btn-facebook:focus {
        background: #2d4278;
        color: #ffffff;
    }

    .social-content .btn-youtube:hover, .social-content .btn-youtube:focus {
        background: #c21d17;
        color: #ffffff;
    }

    .social-content .btn-twitter:hover, .social-content .btn-twitter:focus {
        background: #1b8dbf;
        color: #ffffff;
    }

    .social-content .btn-instagram:hover, .social-content .btn-instagram:focus {
        background: #bf3322;
        color: #ffffff;
    }



    /*@media only screen and (max-width: 999px){*/
    @media (max-width: 991.98px){
        body {
            /*padding-top: 95px;*/
            padding-top: 65px;
        }
        
        .offcanvas-collapse {
            top: 73px;
        
        }
        
        .navbar-toggler{
            color: #ffffff;
        }
        
        .navbar-brand{
            width: 219px;
        }
        
        .header-pesquisa {
            margin-top: 20px;
        }
        
        .header-pesquisa input {
            height: 46px;
        }
        
        .header-pesquisa button {
            height: 46px;
        }
        
        .site-logo-cabecalho img{
            width: 150px;
        }
        
        .fas-menu-titulo {
            font-size: 25px;
        }
        
        .fas-menu-icone {
            font-size: 30px;
        }
        
        .navirai-menu li a,  .navirai-menu li a span{
            font-size: 0.75rem;
            font-weight: 600;
            padding: 0.65rem 0.5rem 0.5rem;
        }

        
        .navirai-menu-secundo{
            
        }
        
        

    }

    a {
    color: #212529;
    }

    a:hover {
    color: rgba(33, 37, 41, 0.75);
    }
    /*
    .font-large-2 {
        font-size: 3rem!important;
    }
    */

    .menu-imagem-fontawesome {
        font-size: 2.25rem!important;
    }

    .menu-titulo-p2 {
        font-size: 0.8rem!important;
        margin-bottom: 0;
        max-height: 1.33em;
        word-break: break-word;
        overflow: hidden;
    }

    .menu-titulo-p1 {
        font-size: 1.13rem!important;
        margin-bottom: 0;
        font-weight: bold;
    }


    .nvi-menu-categorias .card-body {
        padding: 0.85rem;
        height: 72px;
    } 


   .branco-normal{
       
   }


    .laranja-leve{
        color:#FFB37D;
    }

    .bg-laranja-leve{
        background-color:#FFB37D;
    }

    .laranja-normal {
        color: #FC6701;
    }

    .branco-normal {
        color: #ffffff;
    }

    .bg-laranja-normal {
        background-color: #FC6701;
    }

    a.bg-laranja-normal: hover {
        background-color: #FC6701!important;
    }
/*
    .bd-laranja-normal {
        border: 1px solid #FC6701;
    }
*/
    .gap-2 {
        gap: 1rem!important;
    }

    .nav-item {
    border-radius: 0.375rem;   
    }

    .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
       /* background-color: #FC6701!important;*/
        background-color:#fb582f!important;
    }


    .laranja-normal:hover {
        color: #ffffff;
        /*opacity:0.50;*/
        background-color: rgba(252,103,1,0.80);
    }




    .social-content .btn-social-icon {
    /* height: auto;
        border: 1px solid #ff6900;*/
        border: 1px solid;
    border-color: rgba(34,166,121,0.10);
    }

    .ms-4 {
        margin-left: 1.6rem !important;
    }

    /*
    bs-warning: #f7c32e;
    bs-orange: #fd7e14;
    bs-warning-rgb: 247, 195, 46;
    .bg-opacity-15 {
        --bs-bg-opacity: 0.15;
    */

    .rounded-3 {
        border-radius: 0.5rem;
    }

    .bg-warning-1 {
            background-color: rgba(247, 195, 46,0.15)!important;
    }

    .bg-warning-2 {
        background-color: rgba(252,103,1,0.15)!important;
    }

    .icon-warning-2 {
        color: rgba(252,103,1)!important;
    } 

    .text-warning-2 {
        color: rgba(252,103,1)!important;
    } 


    .bg-purple-1 {
        background-color: rgba(111, 66, 193,0.1)!important;
    }

    .icon-purple-1 {
        color: rgba(111, 66, 193)!important;
    } 


    .bg-danger-soft-1 {

        background-color: rgba(214, 41, 62, 0.1);
    }

    .icon-danger-soft-1 {
        color:  rgba(214, 41, 62)!important;
    } 


    .text-danger-soft-1 {
        color: #d6293e;
    } 
    


    .btn-menu-1 {
        font-size: 1.13rem!important;
        font-weight: 500;
        line-height: 1.5;
    }

    .me-2 {
        margin-right: 0.5rem !important;
    }
    
    ul#menu-main-menu li:hover ul.dropdown-menu {
        display: block;
        position: absolute;
        top: 100%;
        left: 0;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 0px 0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0,0,0,.15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
    }
    ul.dropdown-menu {
        display: none;
    }
    ul.dropdown-menu>li>a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
    } 
    
        /* Conteudo em Banner - Componente Slider Fixo */ 
    .slider-superior img {
        border-radius: 10px;
    }

    /* Conteudo em Area - Componente Slider Rotativo */ 
    .carousel-noticias-destaque .carousel-control-next, .carousel-control-prev {
        top: 15px;
    }


    
    
    .acompanhe {
        text-align: end;
    }
    
    .redes {
        text-align: start;
    }
    
    @media (max-width: 991.98px){
    
        .acompanhe {
        text-align: center;
    }
    
    .redes {
        text-align: center;
    }
    }
    

    
    
    .btn-planmob {
        width: 100%;
        height: 100%;
        background: #e1e5e7;
        border-radius: 10px;
        padding: 8px 12px;
        color: #0b5155;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        transition: color .2s, box-shadow .3s;
    }
    
    .btn-planmob .btn-planmob__card-conteudo {
    
        position: relative;
        width: 100%;
        height: 100%;
    
        margin: 20px;
    
    
        display: flex;
        justify-content: center;
        align-items: center;
     
    
    }
    
    
    
    .btn-planmob .btn-planmob__card-conteudo .content {
    	position: relative;
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	flex-direction: column;
    	transition: 0.5s;
    }
    
    .btn-planmob  .btn-planmob__card-conteudo:hover .content {
    	/*transform: translateY(-20px);*/
    	color: #f6f7f7!important;
    }
    
    
    .btn-planmob  .btn-planmob__card-conteudo:hover .content .imgBx .icon{
    	color: #e1e5e7;
    	/*color: #f6f7f7!important;
    	display:none;
    		transform: translateY(40px);*/
    }
    
    .btn-planmob  .btn-planmob__card-conteudo:hover .content .contentBx h3 {
    /*	color: #f6f7f7!important;*/
    	color: #68abaf!important;
    	
    }
    
    
    .btn-planmob .btn-planmob__card-conteudo .content .imgBx {
    	position: relative;
    	/*width: 150px;
    	height: 150px;*/
    	overflow: hidden;
    }
    

    
    .btn-planmob .btn-planmob__card-conteudo .content .imgBx .icon {
        color: #24A676;
    }
    
    
    .btn-planmob .btn-planmob__card-conteudo .content .contentBx h3 {
    	/*color: #fff;
    	text-transform: uppercase;
    	letter-spacing: 2px;
    	font-weight: 500;
    	font-size: 18px;
    	text-align: center;
    	margin: 20px 0 10px;
    	line-height: 1.1em;*/
    	
    	color: #0b5155;
    	transition: color .2s, box-shadow .3s;
    	font-weight: 700;
        font-size: 1rem;
        line-height: 1.1875rem;
        text-align: center;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        overflow: hidden;
        margin-top: 0px;
        margin-bottom: 30px;
    
    }
    
    .btn-planmob .btn-planmob__card-conteudo .content .contentBx h3 span {
    	font-size: 12px;
    	font-weight: 300;
    	text-transform: initial;
    }
    
    
    
    
    
    .btn-planmob .btn-planmob__card-conteudo .sci {
    	position: absolute;
    	bottom: 50px;
    	display: flex;
    }
    
    .btn-planmob .btn-planmob__card-conteudo .sci .btn-planmob__link {
    	list-style: none;
    	margin: 0 10px;
    	transform: translateY(40px);
    	transition: 0.5s;
    	opacity: 0;
    }
    
    .btn-planmob .btn-planmob__card-conteudo:hover .sci .btn-planmob__link {
    	transform: translateY(0px);
    	opacity: 1;
    }
    
    .btn-planmob .btn-planmob__card-conteudo .sci .btn-planmob__link .card-conteudo--link-hover {
    	/*color: #fff;*/
    	font-size: 15px;
    }
    
    li a .icon:before {
        color: #24A676;
        font-size: 45px;
    }
    
    .banner-container {
        border-radius: 10px;
        box-shadow: 0 2px 2px rgb(0 0 0 / 10%);
        transition: box-shadow .3s,color .2s;
    }
    
    
    .bloco-container-acesso-rapido{
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }
    
    .bloco-container-acesso-rapido--fix-container{
        margin-left: 5px;
        margin-right: -13px;
    }
    
    .bloco-container-acesso-rapido a{
        font-weight: 600;
        color: #595959;
    }
    
    .bloco-container-acesso-rapido li{
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }
    
    .bloco-container-acesso-rapido a:hover{
        color:#ffffff;
    }
    
    .bloco-container-acesso-rapido li:hover{
        color:#ffffff;
    }
    
    .nvi-acesso-rapido {
        margin-top: 53px;
    }
    
    
    .btn-planmob .btn-planmob__card-conteudo .sci {
    position: absolute;
        bottom: -5px;
        /*bottom: 0px;*/
        display: flex;
        flex-direction: column;
        justify-items: center;
        align-items: center;
        text-align: center;
        left: 0;
        right: 0;
        padding-bottom: 5px;
    }
    
    
    
    .btn-planmob .btn-planmob__card-conteudo .sci .card-laranja{
        background:#FE5803;
    }
    
    .btn-planmob .btn-planmob__card-conteudo .sci .card-verde{
        background:#24A676;
    }
    
    .menu-tabs .menu-tabs-content .sub-menu li a {
        
    }
    
    .nvi-acesso-rapido .quick-access-wrapper .links-wrapper-container .menu-acesso-rapido li a {
    /*    width: 100%;
        height: 100%;
        background: #24A676;
        border-radius: 10px;
        padding: 36px 20px;
        color: #ffffff;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        transition: background-color .2s, box-shadow .3s
        */
        
    }
    
    .btn-planmob .btn-planmob__card-conteudo .sci .btn-planmob__link {
          margin: 0;
    border-radius: 8px;
     margin-bottom: 5px;
        border-radius: 5px;
         padding: 5px 10px;
    /*margin: 0;
        width: 100%;
        background: #FE5803;
        margin-bottom: 5px;
        
       
        color: #ffffff;*/
    }
    
    /*.btn-planmob .btn-planmob__card-conteudo .sci li a.menu-item-servico {*/
     .menu-tabs .menu-tabs-content .sub-menu li a.menu-item-servico {
        padding: 0;
        width: 100%;
        background: transparent;
      /*  margin-bottom: 5px;
        border-radius: 5px;
        padding: 5px;*/
        color: #ffffff;
       /*
        width: 100%;
        height: 100%;
        background: #e1e5e7;
        border-radius: 10px;
        padding: 8px 20px;
        color: #0b5155;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        transition: color .2s, box-shadow .3s
        
        */
    }
    
    
    
    /*.btn-planmob .btn-planmob__card-conteudo .sci .btn-planmob__link {
    margin: 0;
        width: 100%;
        background: #FE5803;
        margin-bottom: 5px;
        border-radius: 5px;
        padding: 5px;
        color: #ffffff;
    }*/
    
    /*
    
    
    
    
    
    */
    
   /*
   input.search-field.form-control.fonte13 {
        width: 350px;
        margin-left: 80px;
    }
    */
    
.header-pesquisa .form-control {
    font-size: 1.5rem;
    width: 350px;
}
    
    .item-conteudo {
        width: 100%!important;
    }
    
    
    
    .border-left-primary {
        border-left: 0.25rem solid #4e73df!important;
    }
    
    .text-gray-300 {
        color: #dddfeb!important;
    }
    
    .col-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    
    .text-xs {
        font-size: .7rem;
    }
    
    
    .text-primary {
        color: #4e73df!important;
    }
    .text-gray-800 {
        color: #5a5c69!important;
    }
    
    /*
    .borda-esquerda-00 {
        border-left: 0.25rem solid;
        color: #036031!important;
    }
    
    
    .borda-esquerda-01 {
        border-left: 0.25rem solid;
        color: #00914d!important;
    }
    
    .borda-esquerda-02 {
        border-left: 0.25rem solid;
        color: #31a36e!important;
    }
    
    .borda-esquerda-03 {
        border-left: 0.25rem solid;
        color: #338f8d!important;
    }
    
    .borda-esquerda-04 {
        border-left: 0.25rem solid;
        color: #078280!important;
    }
    
    .borda-esquerda-05 {
        border-left: 0.25rem solid;
        color: #069!important;
    }
    
    .borda-esquerda-06 {
        border-left: 0.25rem solid;
        color: #0c58a1!important;
    }
    
    .borda-esquerda-07 {
        border-left: 0.25rem solid;
        color: #1d44ad!important;
    }*/
    
    
    
    .borda-esquerda-00 {
        border-left: 0.25rem solid;
        color: #0D7504!important;
    }
    
    .texto-00 {
        color: #0D7504!important;
    }
    
    
    .borda-esquerda-01 {
        border-left: 0.25rem solid;
        color: #14B505!important;
    }
    
    .texto-01 {
        color: #14B505!important;
    }
    
    .borda-esquerda-02 {
        border-left: 0.25rem solid;
        color: #97B52A!important;
    }
    
    .texto-02 {
        color: #97B52A!important;
    }
    
    .borda-esquerda-03 {
        border-left: 0.25rem solid;
        color: #B7DB32!important;
    }
    
    .texto-03 {
        color: #B7DB32!important;
    }
    
    .borda-esquerda-04 {
        border-left: 0.25rem solid;
        color: #FD8D05!important;
    }
    
    .texto-04 {
        color: #FD8D05!important;
    }
    
    .borda-esquerda-05 {
        border-left: 0.25rem solid;
        /*color:#FEC308!important;*/
        color:#FE4708!important;
    }
    
    .texto-05 {
        /*color: #FEC308!important;*/
        color:#FE4708!important;
    }
    
    .borda-esquerda-06 {
        border-left: 0.25rem solid;
        color: #FEC308!important;
    }
    
    .borda-esquerda-07 {
        border-left: 0.25rem solid;
        color: #FD8D05!important;
    }
    
    
    
    .area-acesso-rapido{
        
    }
    .card-body--acesso-rapido {
        padding: 0.25rem 1.25rem!important;
    }
    
    
    #slider-topo{
        border-radius: 10px;
    }
    
    #slider-topo .item a img{
        border-radius: 10px;
    }
    
    
    
            
    .menu-destaque-lateral {
        display: flex;
       
        width: 100%;
       
        list-style-type: none;
      
    }   
            
    .menu-destaque-lateral li {
        width: 100%;
        height: 170px;
        width: calc((100%/2) - 10px);
        margin: 5px;
    }
    
    .btn-planmob {
        width: 100%;
        height: 100%;
        background: #e1e5e7;
        border-radius: 10px;
        padding: 8px 12px;
        color: #0b5155;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        transition: color .2s, box-shadow .3s;
    }    
            
        .menu-destaque-lateral li a {
        width: 100%;
        height: 100%;
        background: #24A676;
        border-radius: 10px;
        padding: 36px 20px;
        color: #ffffff;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        transition: background-color .2s, box-shadow .3s;
    }
    
    .menu-destaque-lateral li a .text {
        font-weight: 700;
        font-size: 1rem;
        line-height: 19px;
        text-align: center;
        color: inherit;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    
    .menu-destaque-lateral  li a .icon {
        width: 45px;
        height: 45px;
        flex-shrink: 0;
    }
    
    .menu-destaque-lateral li a .icon:before {
        color: var(--fonte-branca);
        font-size: 45px;
    }
    
    
    .painel-destaques{
        margin-left: -15px;
        margin-right: -15px;
    }
    
  
    
    
    .destaque-itens {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    
    }
    
    .destaque-itens li {
        width: 100%;
        /*height: 170px;
        width: calc((100%/2) - 30px);*/
        margin: 15px;
    }
    
    
    .destaque-itens  li a {
        width: 100%;
        height: 100%;
        background: #24A676;
        border-radius: 10px;
        padding: 36px 20px;
        color: #ffffff;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        transition: background-color .2s, box-shadow .3s;
    }
    
    .destaque-itens  li a .text {
        font-weight: 700;
        font-size: 1.625rem;
        line-height: 1.875rem;
        color: #ffffff;
        text-shadow: 0 2px 3px rgb(0 0 0 / 20%);
        text-align: center;
        color: inherit;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    
    .destaque-itens   li a .icon {
        width: 45px;
        height: 45px;
        flex-shrink: 0;
    }
    
    .destaque-itens  li a .icon:before {
        color: var(--fonte-branca);
        font-size: 45px;
    }
    
    
    .destaque-itens {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    
    }
    
    .destaque-itens li {
        width: 100%;
        height: 220px;
        width: calc((100%/2) - 30px);
        margin: 15px;
    }


    .nvi-componente-card-media--publicidade {
        height: 200px!important;
    }
    
    .destaque-itens li {
        width: 100%;
        /*height: 200px;
        width: calc((100%/2) - 30px);*/
        margin: 15px;
    }
    
    
    
  .painel-destaques .destaque-itens li {
    height: 171px!important;
}
    
    .portalnavirai-titulo a, .portalnavirai-meta span {
        color: rgb(117, 117, 117);
    }
    
    
    
    .portalnavirai-titulo a, .portalnavirai-meta span {
        font-size: 22px;
        line-height: 26px;
    }
    
    
    
    .destaque-itens--acesso-rapido{
        width: calc(100% + 15px);
        margin-left: 7px!important;
    }
    
    
    .destaque-itens--acesso-rapido li {
        width: 100%;
        height: 170px;
        width: calc((100%/6) - 15px);
        margin: 7px;
    }
    
    .destaque-itens--unico {
        width: 100%;
    }
    
    .destaque-itens--unico li{
        width: 100%;
    }
    
    /*
    .row.custom-gutter {
      margin-left: 15px;
      margin-right: 15px;
    }
    
    [class^='col'].custom-gutter,
    [class*=' col'].custom-gutter {
      padding-left: 30px;
      padding-right: 30px;
    }
    
    */
    
    
    /*======================================
    =            NO GUTTER CODE            =
    ======================================*/
    .no-gutter > [class*='col-'] {
        padding-right:0;
        padding-left:0;
    }
    
    
    /*======================================
    =            CUSTOM GUTTER CODE        =
    ======================================*/
    
    @media(min-width:768px) {  /* Modify this based on column def */
    
        .custom-gutter > [class*='col-'] {
            padding-right:4px;
            padding-left:4px; 
        }
        
        .custom-gutter > [class*="col-"]:first-child {
          padding-left:15px;
        }
          
        .custom-gutter > [class*="col-"]:last-child {
          padding-right:15px;
        }
    
    }
    
    
    .links_mural{
        margin-bottom: 0!important;
    }
    
    .links_mural ul {
        display: flex;
        flex-direction: row;
        width: 100%;
        gap: 35px;
        overflow-x: auto;
        margin-top: 0!important;
        margin-bottom: 0!important;
        margin-left: 0;
        padding-left: 0;
        
    }
    
    @media only screen and (max-width: 999px){
        .links_mural ul {
            padding: 0 15px;
        }
    }
    
    
    
    
    .template-part-section-posts-wall .container .links_mural ul>li:first-child {
        color: var(--navy-light);
    }
    
    @media only screen and (max-width: 999px){
        .links_mural ul>li {
            font-size: 1.125rem;
            line-height: 1.5rem;
        }
    }
    .links_mural ul>li {
        position: relative;
        color: var(--fonte-clara);
        font-size: 1.375rem;
        line-height: 1.625rem;
        font-weight: bold;
        flex: none;
        padding: 15px 0;
        cursor: default;
        list-style: none;
    }
    
    @media only screen and (max-width: 999px){
        .links_mural {
            margin-bottom: 0;
        }
    }
    
    .links_mural {
        display: flex;
        flex-direction: row;
        width: 100%;
        margin-bottom: 30px;
    }
    
    .icon-box img {
        border-radius: 10px 0 0 10px;
    }
    
    #plugin-facebook {
        padding-top:15px;
        padding-bottom:15px;
    }
    
    #plugin-facebook .fb-page span iframe{
        border-radius: 10px;
    }
    
    
    
    @media (max-width: 991.98px){
    
        .acompanhe {
        text-align: center;
        }
    }
    
    /*
    @media only screen and (max-width: 999px){
    
    .icon-box img{
       width: 100%; 
        border-radius: 10px 10px 0 0;
    
    }
    
    .nvi-informacao {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .nvi-informacao .portalnavirai-titulo{
        text-align: center;
    }
    
    .nvi-informacao .portalnavirai-conteudo p{
        text-align: center;
        
    }
    
    .nvi-componente-card-media--noticias-destaque {
        height: 350px;
    }
    
    .nvi-conteudo-interno--noticias-destaque p {
    
        font-weight: 900 !important;
        font-size: 16px;
        line-height: 20px;
    }
        
    
    .portalnavirai-titulo a, .portalnavirai-meta span {
        font-size: 16px;
        line-height: 20px;
    }
        
        
    }
    */
    
    
    
    
    
    @media only screen and (max-width: 999px){
        .icon-box img{
            width: 100%; 
            border-radius: 10px 0 0 10px;
            height: 100%;
        
        }
        
       /* .nvi-informacao {
            padding-left: 10px;
            padding-right: 10px;
        }
        
        .nvi-informacao .portalnavirai-titulo{
            text-align: center;
        }
        
        .nvi-informacao .portalnavirai-conteudo p{
            text-align: center;
            
        }*/
        
        .nvi-componente-card-media--noticias-destaque {
            height: 350px;
        }
        
        .nvi-conteudo-interno--noticias-destaque p {
        
      
            font-size: 16px;
            line-height: 20px;
        }
            
        
        .portalnavirai-titulo a, .portalnavirai-meta span {
            font-size: 15px;
            line-height: 19px;
            font-weight: 700!important;
        }
        
        h4.portalnavirai-titulo{
          -webkit-line-clamp: 4;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        
        }
        
        .nvi-informacao 
        {
            padding-right: 15px;
        }
        
        
        .main-sec1{
            height: 110px;
        }
        
        
        .icon-box{
            height: 110px;
        }
    
    
    
    
    
    
    }
    
    .area-slider-topo {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .area-acesso-rapido {
        padding-top: 15px;
        padding-bottom: 15px;
    }
        
    

    /* =================================================================================
      || Componente - Banner Vertical
    ================================================================================  */
    
    .nvi-componente-card-media--banner-vertical {
        background: #ffffff;
    }
    
    .nvi-componente-card-media--banner-vertical a:after{
        background: transparent;
    }
    
    
    
    /* =================================================================================
      || Seção - Noticias em Destaque
    ================================================================================  */
    .nvi-componente-card-media--noticias-destaque {
        height: 430px;
        /* position: absolute;
        min-height: 60px;
        left: 30px;
        bottom: 30px;
        border-left: 10px solid #76a73e;
    
        padding-left: 20px;    */
    }
    
    .nvi-conteudo-interno--noticias-destaque {
        position: absolute;
        width: calc(100% - 60px);
        min-height: 60px;
        left: 30px;
        /* bottom: 30px; */
        bottom: 48px;
        border-left: 10px solid #76a73e;
        /* border-left: 3px solid #24A676; */
        padding-left: 20px;
        z-index: 2;
        border-radius: 0;
    }
    
    .nvi-conteudo-interno--noticias-destaque p {
        display: flex;
        align-items: flex-end;
        font-size: 1.625rem;
        line-height: 1.875rem;
        letter-spacing: -.01em;
        font-weight: 700;
        color: #ffffff;
        text-shadow: 0 2px 3px rgb(0 0 0 / 20%);
        padding: 0;
    }
    /* =================================================================================
      || Seção - Publicicidade
    ================================================================================  */
    .nvi-componente-card-media--publicidade {
        height: 200px;
        /* position: absolute;
        min-height: 60px;
        left: 30px;
        bottom: 30px;
        border-left: 10px solid #76a73e;
    
        padding-left: 20px;    */
    }
    
    @media only screen and (max-width: 999px){
        .nvi-componente-card-media--publicidade {
            height: 400px;
        }
    }
    
    
    .nvi-componente-card-media--publicidade a:after {
    /* background: transparent; */
    background: linear-gradient(to top, rgba(69, 68, 68, 0.15), transparent)
    }
    
    /* .nvi-componente-card-media--publicidade p{
        display: flex;
        align-items: flex-end;
        font-size: 1.625rem;
        line-height: 1.875rem;
        letter-spacing: -.01em;
        font-weight: 700;
        color: #ffffff;
        text-shadow: 0 2px 3px rgb(0 0 0 / 20%);
        padding: 0;
     
    } */
    
    
    .nvi-componente-card-media--publicidade img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    
    
    
    /* =================================================================================
      || Componente - Banner Vertical - Postagem
    ================================================================================  */
    
    /* .nvi-componente-card-media--post-vertical {
        background: #ffffff;
        height: ;
    } */
    
    .nvi-thumbnail-interno--postagem {
        border-radius: 10px 10px 0 0;
        height: 200px;
    }
    
    .nvi-conteudo-interno--postagem {
        font-size: 1.1rem;
        text-align: center;
        color: #2a454a;
    }
    
    
    /* =================================================================================
      || Seção - Banco de Imagens do Governo de Naviraí
    ================================================================================  */
    
    .nvi-secao-banco-imagens {
        /* margin: 15px 0; */
        /* background: #e1e7e7; */
        /* background: #65bfda; */
       /* padding: 15px 0;*/
    }
    
    .nvi-conteudo-interno--banco-imagens {
        position: absolute;
        min-height: 60px;
        left: 30px;
        bottom: 30px;
        border-left: 10px solid #76a73e;
        /* border-left: 3px solid #24A676; */
        padding-left: 20px;
       
       
    }
    
    .nvi-conteudo-interno--banco-imagens p{
        display: flex;
        align-items: flex-end;
        font-size: 1.625rem;
        line-height: 1.875rem;
        letter-spacing: -.01em;
        font-weight: 700;
        color: #ffffff;
        text-shadow: 0 2px 3px rgb(0 0 0 / 20%);
        padding: 0;
     
    }
    
    
    /* =================================================================================
      || Seção - Vídeo do Governo de Naviraí
    ================================================================================  */
    .nvi-secao-videos {
        /* margin: 15px 0; */
        /* background: #e1e7e7; */
        /* background: #dab565; */
        /*padding: 15px 0 40px;*/
    }
    
    .componente-card-media--video {
        height: 350px;
    }
    
    .nvi-thumbnail--videos{
    
    }
        /* .nvi-conteudo-interno--videos, .area-caption {
            border-left: 10px solid#76a73e;
            padding-left: 15px;
            padding-top: 5px;
            height: 65px;
        } */
    
        .nvi-thumbnail-interno--videos:after {
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            /* background: url() no-repeat center 30%; */
            background: url(https://douglasgreen.com/demo/responsive-video-play-button/img/play-btn-2.png) no-repeat center 65%;
            /* background-size: cover; */
        }
    
    .nvi-conteudo-interno--videos, .wrapper-content {
        position: absolute;
        width: calc(100% - 60px);
        min-height: 60px;
        left: 30px;
        bottom: 30px;
        border-left: 10px solid #76a73e;
        /* border-left: 3px solid #24A676; */
        padding-left: 20px;
        z-index: 2;
        border-radius: 0;
    }
    
    .nvi-conteudo-interno--videos p, .wrapper-content p {
        display: flex;
        align-items: flex-end;
        font-size: 1.625rem;
        line-height: 1.875rem;
        letter-spacing: -.01em;
        font-weight: 700;
        color: #ffffff;
        text-shadow: 0 2px 3px rgb(0 0 0 / 20%);
        padding: 0;
    }
    
    
    /* =================================================================================
      || Seção - Sobre Naviraí
    ================================================================================  */
    
    .nvi-secao-perfil {
        /* background: #ffffff; */
        background: #ffffff;
        padding: 100px 0;
        margin: 15px 0;
    }
    .nvi-perfil-interno {
        width: 100%;
        /* display: flex; */
        /* justify-content: space-between; */
        align-items: center;
    }
    
    .nvi-informacao--perfil {
        /* width: 100%;
        max-width: 360px; */
        display: flex;
        flex-direction: column;
        margin-right: 30px;
    }
    
    .nvi-informacao--perfil h2 {
        color: #24A676;
        font-size: 2.25rem;
        line-height: 42px;
        font-weight: 800;
    }
    
    .nvi-informacao--perfil p {
        margin: 25px 0;
        font-size: 1rem;
        line-height: 24px;
        color: #2a454a;
    }
    
    .nvi-informacao--perfil a {
        color: #ffffff;
        background:#24A676;
        border-radius: 10px;
        font-size: .8125rem;
        line-height: 16px;
        font-weight: 700;
        text-transform: uppercase;
        padding: 15px 20px;
        align-self: flex-start;
        transition: background .2s,color .2s;
    }
    
    .conteudo-imagens,
    .images-content {
        display: flex;
        width: 100%;
        flex: 1;
        height: 100%;
    }
    
    
    
    .container-imagem,
    .image-container {
        /* width: calc(100%/3); */
        height: 100%;
        border-radius: 10px;
        overflow: hidden;
        position: relative;
        margin: 0 10px;
    }
    
    @media only screen and (max-width: 999px){
    .image-container {
        margin: 0 5px;
        padding-top: calc(9/16*100%);
    }
    }
    
    .container-imagem img,
    .image-container img {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .images-content .image-container span {
        position: absolute;
        left: 10px;
        right: 10px;
        bottom: 10px;
        color: #ffffff;
        font-size: .6875rem;
        line-height: 13px;
        text-shadow: 0 2px 3px rgb(0 0 0 / 20%);
    }
    
    @media only screen and (max-width: 999px){
        .nvi-informacao--perfil, .info-page {
            /* max-width: unset; */
            margin-right: 0;
            margin-top: 32px;
        }
    }
    
    .nvi-informacao--perfil, .info-page {
        width: 100%;
        /* max-width: 360px; */
        /* display: flex; */
        /* flex-direction: column; */
        margin-right: 30px;
    }
    
    
    img {
        height: auto;
        max-width: 100%;
    }
    
    
    #show_bg_2 {
        background-image:
        linear-gradient(to bottom, rgba(245, 246, 252, 0.52), rgba(117, 19, 93, 0.73)),
        url('images/background.jpg');
        width: 80%;
        height: 400px;
        background-size: cover;
        color: white;
        padding: 20px;
    }
    .nvi-thumbnail-interno--postagem img:after{
        background: linear-gradient(180deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.5) 100%);
    }
    /* .nvi-componente-card-media a:after {
    .nvi-componente-card-media a:after { */
    
        .menu-tabs .menu-tabs-content .sub-menu li {
        width: calc((100%/4) - 10px);
        margin: 5px;
    }
    
    .menu-tabs .menu-tabs-content .sub-menu li a:after{
    background-color: rgba(29,38,45,0.8)!important;
    }
    
    
    
    
      .nvi-thumbnail-interno--postagem img::after{
    background: red;
    content: "";
      color: red;
    
    }
    
    .nvi-thumbnail-interno--postagem img::after {
        content:"\1F63B";
        font-size:larger;
        margin:-1em;
        background-color: rgba(29,38,45,0.8)!important;
    }
    
    
    
    #img_container { 
        margin:0; 
        position:relative; 
    } 
    
    #img_container:hover::after { 
        content:''; 
        display:block; 
        position:absolute; 
        width:300px; 
        height:300px; 
        background:url(''); 
        z-index:1; 
        top:0;
    } 
    
    
    
     /*--------------------------------------------------------------
      # Typography
      --------------------------------------------------------------*/
      h1, h2, h3, h4, h5, h6 {
        clear: both;
        color: #24292e;
        font-weight: 600;
        margin-top: 24px;
        margin-bottom: 15px;
      }
      h1 {
        font-size: 32px;
        padding-bottom: 10px;
      }
      h2 {
        font-size: 24px;
        padding-bottom: 0.3em;
        line-height: 1.25;
      }
      h3 {
        font-size: 18px;
        line-height: 25px;
      }
      h4 {
        font-size: 16px;
        line-height: 20px;
      }
      h5 {
        font-size: 14px;
        line-height: 17.5px;
      }
      
      p {
        margin-bottom: 1.5em;
      }
      h1.entry-title {
        font-size: 1.31rem;
        border-bottom: 1px solid #eaecef;
      }
      h2.entry-title {
        border-bottom: 1px solid #eaecef;
      }
      h3.widget-title {
        font-size: 1.2rem;
      }
      
    /*** Heading ***/
    h1,
    h2,
    .fw-bold {
        font-weight: 800 !important;
    }
    
    h3,
    h4,
    .fw-semi-bold {
        font-weight: 700 !important;
    }
    
    h5,
    h6,
    .fw-medium {
        font-weight: 600 !important;
    }
    
    
    /* =================================================================================
      || Search Page 
    ================================================================================  */
    .nopadding {
       padding: 0 !important;
       margin: 0 !important;
    }
    
    .np-archive-post-content-wrapper {
        box-shadow: 0 0 8px rgb(0 0 0 / 10%);
        padding: 20px;
        position: relative;
    }
    
    
    /* .newsmag-blog-post-layout .newsmag-title h3 { */
    .portalnavirai-titulo h5 {
        font-size: 21px;
        /* font-family: "Poppins", "serif"; */
        margin-top: 0;
        font-weight: 700;
        text-transform: initial;
    }
    
    
    .portalnavirai-titulo a,  .portalnavirai-meta span{
        color:rgb(255, 108, 46);
    }
    
    .portalnavirai-titulo--vermelho  a{
        color: #EE2851!important;
    }
    
    .portalnavirai-meta a{
        color:rgb(117, 117, 117);
    }
    .portalnavirai-conteudo p {
        margin-bottom: 1.5em;
        color: rgb(117, 117, 117);
        /* font-family: 'Nunito'; */
        font-size: 16px;
        /* font-weight: 700; */
        line-height: 1.5;
        font-weight: 700;
    }
    
    /* .entry-content p {
        overflow: hidden;
    }
    p {
        font-size: 15px;
        font-family: "Lato", sans-serif;
        color: #333;
        line-height: 22px;
        margin-bottom: 1.5em;
    } */
    
    .portalnavirai-blog-post-layout {
        margin-bottom: 30px;
        padding-bottom: 30px;
        position: relative;
        border-bottom: 1px solid #ebebeb;
    }
        
     
.nvi-acesso-rapido .menu-acesso-rapido{
    list-style-type: none;
}

@media only screen and (max-width:999px) {
    .nvi-acesso-rapido {
        width: 100% !important;
        padding: 0 20px !important;
        margin-top: 20px
    }
}

.nvi-acesso-rapido .quick-access-wrapper {
    width: 100%
}

@media only screen and (max-width:999px) {
    .nvi-acesso-rapido .quick-access-wrapper {
        max-width: unset
    }
}

.nvi-acesso-rapido .quick-access-wrapper .links-wrapper-container {
    width: 100%;
    min-width: 330px
}

@media only screen and (max-width:999px) {
    .nvi-acesso-rapido .quick-access-wrapper .links-wrapper-container {
        min-width: auto
    }
}

.nvi-acesso-rapido .quick-access-wrapper .links-wrapper-container .menu-acesso-rapido {
    display: flex;
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 10px);
    margin: -5px 0 0 -5px
}

.nvi-acesso-rapido .quick-access-wrapper .links-wrapper-container .menu-acesso-rapido li {
    width: 100%;
    height: 170px;
    width: calc((100%/2) - 10px);
    margin: 5px
}

@media only screen and (max-width:999px) {
    .nvi-acesso-rapido .quick-access-wrapper .links-wrapper-container .menu-acesso-rapido li {
        height: auto
    }
}

.nvi-acesso-rapido .quick-access-wrapper .links-wrapper-container .menu-acesso-rapido li a {
    width: 100%;
    height: 100%;
    background: #24A676;
    border-radius: 10px;
    padding: 36px 20px;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: background-color .2s, box-shadow .3s
}

body.alto_contraste .nvi-acesso-rapido .quick-access-wrapper .links-wrapper-container .menu-acesso-rapido li a {
    color: #ff0 !important;
    background: #000 !important;
    border: 1px solid #ff0 !important
}

@media only screen and (max-width:999px) {
    .nvi-acesso-rapido .quick-access-wrapper .links-wrapper-container .menu-acesso-rapido li a {
        flex-direction: row;
        padding: 20px
    }
}

.nvi-acesso-rapido .quick-access-wrapper .links-wrapper-container .menu-acesso-rapido li a .icon {
    width: 45px;
    height: 45px;
    flex-shrink: 0
}

@media only screen and (max-width:999px) {
    .nvi-acesso-rapido .quick-access-wrapper .links-wrapper-container .menu-acesso-rapido li a .icon {
        width: 20px;
        height: 20px
    }
}

.nvi-acesso-rapido .quick-access-wrapper .links-wrapper-container .menu-acesso-rapido li a .icon:before {
    color: var(--fonte-branca);
    font-size: 45px
}

body.alto_contraste .nvi-acesso-rapido .quick-access-wrapper .links-wrapper-container .menu-acesso-rapido li a .icon:before {
    color: #ff0 !important
}

@media only screen and (max-width:999px) {
    .nvi-acesso-rapido .quick-access-wrapper .links-wrapper-container .menu-acesso-rapido li a .icon:before {
        font-size: 20px
    }
}

.nvi-acesso-rapido .quick-access-wrapper .links-wrapper-container .menu-acesso-rapido li a .icon+.text {
    margin-top: 15px
}

@media only screen and (max-width:999px) {
    .nvi-acesso-rapido .quick-access-wrapper .links-wrapper-container .menu-acesso-rapido li a .icon+.text {
        margin-top: 0;
        margin-left: 10px
    }
}

.nvi-acesso-rapido .quick-access-wrapper .links-wrapper-container .menu-acesso-rapido li a .icon svg {
    max-width: 45px;
    max-height: 45px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    fill: var(--fonte-branca)
}

body.alto_contraste .nvi-acesso-rapido .quick-access-wrapper .links-wrapper-container .menu-acesso-rapido li a .icon svg {
    fill: #ff0 !important
}

.nvi-acesso-rapido .quick-access-wrapper .links-wrapper-container .menu-acesso-rapido li a .icon svg g * {
    color: var(--fonte-branca)
}

body.alto_contraste .nvi-acesso-rapido .quick-access-wrapper .links-wrapper-container .menu-acesso-rapido li a .icon svg g * {
    color: #ff0 !important
}

.nvi-acesso-rapido .quick-access-wrapper .links-wrapper-container .menu-acesso-rapido li a .text {
    font-weight: 700;
    font-size: 1rem;
    line-height: 19px;
    text-align: center;
    color: inherit;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

@media only screen and (max-width:460px) {
    .nvi-acesso-rapido .quick-access-wrapper .links-wrapper-container .menu-acesso-rapido li a .text {
        font-size: 12px;
        line-height: 14px
    }
}

.nvi-acesso-rapido .quick-access-wrapper .links-wrapper-container .menu-acesso-rapido li a:hover {
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    background: #1dc98a;
}

/* .area-caption--custom {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent);
} */

.carousel-caption--custom {
    left: 0!important;
    right: 0!important;
    bottom: 0!important;
    padding-bottom: 32px!important;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent);
}

#carousel-noticias img {
    margin: auto;
    width: 100% !important;
    -webkit-box-shadow: 0 0 3px #000 !important;
    box-shadow: 0 0 3px #000 !important;
    border-radius: 10px;
}
@media only screen and (min-width: 992px) {
    /* .new-caption-area {
        height: 70px;

    } */
    .editar-informativo {
        position: relative;
        margin-right: 0;
        -webkit-transform: translateY(27px);
        transform: translateY(27px);
        z-index: 19999;
    }
    #carousel-noticias img {
        min-height: 343px;
    }
}


@media only screen and (max-width:999px) {
    .template-part-section-page-featured {
        margin: 20px 0;
        padding: 40px 0
    }
}

.template-part-section-page-featured {
    background: var(--branco);
    padding: 100px 0;
    margin: 25px 0;
}


.template-part-section-page-featured:last-child {
    margin-bottom: 0 !important;
}



.template-part-section-page-featured .page-featured-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media only screen and (max-width:999px) {
    .template-part-section-page-featured .page-featured-wrapper {
        flex-direction: column-reverse
    }
}


.template-part-section-page-featured .page-featured-wrapper .info-page {
    width: 100%;
    max-width: 360px;
    display: flex;
    flex-direction: column;
    margin-right: 30px;
}


@media only screen and (max-width:999px) {
    .template-part-section-page-featured .page-featured-wrapper .info-page {
        max-width: unset;
        margin-right: 0;
        margin-top: 32px
    }
}

.template-part-section-page-featured .page-featured-wrapper .info-page h2 {
    color: var(--navy);
    font-size: 2.25rem;
    line-height: 42px;
    font-weight: 800;
}

.template-part-section-page-featured .page-featured-wrapper .info-page p {
    margin: 25px 0;
    font-size: 1rem;
    line-height: 24px;
    color: var(--fonte-escura);
}

.template-part-section-page-featured .page-featured-wrapper .info-page a {
    color: #ffffff;
    background: #24A676;
    border-radius: 10px;
    font-size: .8125rem;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px 20px;
    align-self: flex-start;
    /* transition: background .2s,color .2s; */
}

.template-part-section-page-featured .page-featured-wrapper .images-content {
    display: flex;
    width: 100%;
    flex: 1;
    height: 100%;
}

.template-part-section-page-featured .page-featured-wrapper .images-content .image-container {
    width: calc(100%/3);
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    margin: 0 10px;
}

.template-part-section-page-featured .page-featured-wrapper .images-content .image-container img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.template-part-section-page-featured .page-featured-wrapper .images-content .image-container span {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    color: #ffffff;
    font-size: .6875rem;
    line-height: 13px;
    text-shadow: 0 2px 3px rgb(0 0 0 / 20%);
}
/* =================================================================================
  || Seção - Componentes Genéricos
================================================================================  */

.nvi-componente-card-media {
    background: #ffffff;
    display: flex;
    position: relative;
    height: 400px;
    border-radius: 10px;
    box-shadow: 0 2px 2px rgb(0 0 0 / 10%);
    transition: box-shadow .3s,color .2s;
    /* width: calc((100%/4) - 30px); */
    width: 100%;
    /* margin: 15px; */
     margin: 15px 0;
    color: #2a454a;;
    font-size: 1.25rem;
    line-height: 1.375rem;
}

.nvi-componente-card-media a {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    /* background: red; */
}

.nvi-componente-card-media a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: linear-gradient(180deg,rgba(0,0,0,.1) 0%, rgba(255,255,255,0) 0%, rgba(0,0,0,.7) 100%);
   /* background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);*/
    z-index: 1;
    transition: opacity .5s;
}

.nvi-thumbnail{

}

.nvi-thumbnail-interno{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    flex-shrink: 0;
    border-radius: 10px;
}

.nvi-thumbnail-interno img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media only screen and (max-width: 999px) {
    .nvi-thumbnail-interno--postagem img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

.nvi-thumbnail-interno--postagem img {
    width: 100%;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
}

.nvi-conteudo-interno, .wrapper-content {
    border-radius: 0 0 10px 10px;
    flex: 1;
}

@media only screen and (max-width: 999px){
    .nvi-conteudo-interno p, .wrapper-content p {
        padding: 20px;
    }
}

.nvi-conteudo-interno p, .wrapper-content p {
    padding: 20px 30px;
    font-weight: 700;
    overflow-wrap: break-word;
}

.nvi-componente-banner {
    margin: 15px 0;
    /* background: #e1e7e7; */
    background: #dab565;
    padding: 20px 0 40px;
}

.bg-blue-65bfda {
    background: #65bfda!important;
}

.bg-yellow-dab565 {
    background: #dab565!important;
}

.bg-green-8ada65 {
    background: #8ada65!important;
}

.bg-blue-4374bd {
    background: #4374bd!important;
}


.bg-violent-777ec2 {
    background: #777ec2!important;
}


.bg-green-e1e7e7 {
    background: #e1e7e7!important;
}

.nvi-thumbnail-interno{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    flex-shrink: 0;
    border-radius: 10px;
}

.nvi-conteudo-interno {

    border-radius: 0;
    z-index: 2;
}

.nvi-conteudo-interno p{
    font-size: 1.1rem;
    color: #2a454a;
 
    /* padding: 0; */
    margin: 0;
}



/* =================================================================================
  || Componente - Banner Vertical
================================================================================  */

.nvi-componente-card-media--banner-vertical {
    background: #ffffff;
}

.nvi-componente-card-media--banner-vertical a:after{
    background: transparent;
}



/* =================================================================================
  || Seção - Noticias em Destaque
================================================================================  */
.nvi-componente-card-media--noticias-destaque {
    height: 430px;
    /* position: absolute;
    min-height: 60px;
    left: 30px;
    bottom: 30px;
    border-left: 10px solid #76a73e;

    padding-left: 20px;    */
}

.nvi-conteudo-interno--noticias-destaque {
    position: absolute;
    width: calc(100% - 60px);
    min-height: 60px;
    left: 30px;
    /* bottom: 30px; */
    bottom: 48px;
    /*border-left: 5px solid #76a73e;*/
     border-left: 8px solid #FAAC3C;
    /* border-left: 3px solid #24A676; */
    padding-left: 20px;
    z-index: 2;
    border-radius: 0;
}

.nvi-conteudo-interno--noticias-destaque p {
    display: flex;
    align-items: flex-end;
    font-size: 1.525rem;
    line-height: 1.875rem;
    letter-spacing: -.01em;
    font-weight: 700;
    color: #ffffff;
    text-shadow: 0 2px 3px rgb(0 0 0 / 20%);
    padding: 0;
}
/* =================================================================================
  || Seção - Publicicidade
================================================================================  */
.nvi-componente-card-media--publicidade {
    height: 200px;
    /* position: absolute;
    min-height: 60px;
    left: 30px;
    bottom: 30px;
    border-left: 10px solid #76a73e;

    padding-left: 20px;    */
}

@media only screen and (max-width: 999px){
    .nvi-componente-card-media--publicidade {
        height: 400px;
    }
}


.nvi-componente-card-media--publicidade a:after {
/* background: transparent; */
background: linear-gradient(to top, rgba(69, 68, 68, 0.15), transparent)
}

/* .nvi-componente-card-media--publicidade p{
    display: flex;
    align-items: flex-end;
    font-size: 1.625rem;
    line-height: 1.875rem;
    letter-spacing: -.01em;
    font-weight: 700;
    color: #ffffff;
    text-shadow: 0 2px 3px rgb(0 0 0 / 20%);
    padding: 0;
 
} */


.nvi-componente-card-media--publicidade img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}



/* =================================================================================
  || Componente - Banner Vertical - Postagem
================================================================================  */

/* .nvi-componente-card-media--post-vertical {
    background: #ffffff;
    height: ;
} */

.nvi-thumbnail-interno--postagem {
    border-radius: 10px 10px 0 0;
    height: 200px;
}

.nvi-conteudo-interno--postagem {
    font-size: 1.1rem;
    text-align: center;
    color: #2a454a;
}


/* =================================================================================
  || Seção - Banco de Imagens do Governo de Naviraí
================================================================================  */

.nvi-secao-banco-imagens {
    /* margin: 15px 0; */
    /* background: #e1e7e7; */
    /* background: #65bfda; */
   /* padding: 15px 0;*/
}

.nvi-conteudo-interno--banco-imagens {
    position: absolute;
    min-height: 60px;
    left: 30px;
    bottom: 30px;
    border-left: 10px solid #FAAC3C;
    /* border-left: 3px solid #24A676; */
    padding-left: 20px;
   
   
}

.nvi-conteudo-interno--banco-imagens p{
    display: flex;
    align-items: flex-end;
    font-size: 1.625rem;
    line-height: 1.875rem;
    letter-spacing: -.01em;
    font-weight: 700;
    color: #ffffff;
    text-shadow: 0 2px 3px rgb(0 0 0 / 20%);
    padding: 0;
 
}


/* =================================================================================
  || Seção - Vídeo do Governo de Naviraí
================================================================================  */
.nvi-secao-videos {
    /* margin: 15px 0; */
    /* background: #e1e7e7; */
    /* background: #dab565; */
    /*padding: 15px 0 40px;*/
}

.componente-card-media--video {
    height: 350px;
}

.nvi-thumbnail--videos{

}
    /* .nvi-conteudo-interno--videos, .area-caption {
        border-left: 10px solid#76a73e;
        padding-left: 15px;
        padding-top: 5px;
        height: 65px;
    } */

    .nvi-thumbnail-interno--videos:after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /* background: url() no-repeat center 30%; */
        background: url(https://douglasgreen.com/demo/responsive-video-play-button/img/play-btn-2.png) no-repeat center 65%;
        /* background-size: cover; */
    }

.nvi-conteudo-interno--videos, .wrapper-content {
    position: absolute;
    width: calc(100% - 60px);
    min-height: 60px;
    left: 30px;
    bottom: 30px;
    border-left: 10px solid #76a73e;
    /* border-left: 3px solid #24A676; */
    padding-left: 20px;
    z-index: 2;
    border-radius: 0;
}

.nvi-conteudo-interno--videos p, .wrapper-content p {
    display: flex;
    align-items: flex-end;
    font-size: 1.625rem;
    line-height: 1.875rem;
    letter-spacing: -.01em;
    font-weight: 700;
    color: #ffffff;
    text-shadow: 0 2px 3px rgb(0 0 0 / 20%);
    padding: 0;
}


/* =================================================================================
  || Seção - Sobre Naviraí
================================================================================  */

.nvi-secao-perfil {
    /* background: #ffffff; */
    background: #ffffff;
    padding: 100px 0;
    margin: 15px 0;
}
.nvi-perfil-interno {
    width: 100%;
    /* display: flex; */
    /* justify-content: space-between; */
    align-items: center;
}

.nvi-informacao--perfil {
    /* width: 100%;
    max-width: 360px; */
    display: flex;
    flex-direction: column;
    margin-right: 30px;
}

.nvi-informacao--perfil h2 {
    color: #24A676;
    font-size: 2.25rem;
    line-height: 42px;
    font-weight: 800;
}

.nvi-informacao--perfil p {
    margin: 25px 0;
    font-size: 1rem;
    line-height: 24px;
    color: #2a454a;
}

.nvi-informacao--perfil a {
    color: #ffffff;
    background:#24A676;
    border-radius: 10px;
    font-size: .8125rem;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px 20px;
    align-self: flex-start;
    transition: background .2s,color .2s;
}

.conteudo-imagens,
.images-content {
    display: flex;
    width: 100%;
    flex: 1;
    height: 100%;
}



.container-imagem,
.image-container {
    /* width: calc(100%/3); */
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    margin: 0 10px;
}

@media only screen and (max-width: 999px){
.image-container {
    margin: 0 5px;
    padding-top: calc(9/16*100%);
}
}

.container-imagem img,
.image-container img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.images-content .image-container span {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    color: #ffffff;
    font-size: .6875rem;
    line-height: 13px;
    text-shadow: 0 2px 3px rgb(0 0 0 / 20%);
}

@media only screen and (max-width: 999px){
    .nvi-informacao--perfil, .info-page {
        /* max-width: unset; */
        margin-right: 0;
        margin-top: 32px;
    }
}

.nvi-informacao--perfil, .info-page {
    width: 100%;
    /* max-width: 360px; */
    /* display: flex; */
    /* flex-direction: column; */
    margin-right: 30px;
}


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


#show_bg_2 {
    background-image:
    linear-gradient(to bottom, rgba(245, 246, 252, 0.52), rgba(117, 19, 93, 0.73)),
    url('images/background.jpg');
    width: 80%;
    height: 400px;
    background-size: cover;
    color: white;
    padding: 20px;
}
.nvi-thumbnail-interno--postagem img:after{
    background: linear-gradient(180deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.5) 100%);
}
/* .nvi-componente-card-media a:after {
.nvi-componente-card-media a:after { */

    .menu-tabs .menu-tabs-content .sub-menu li {
    width: calc((100%/4) - 10px);
    margin: 5px;
}

.menu-tabs .menu-tabs-content .sub-menu li a:after{
background-color: rgba(29,38,45,0.8)!important;
}




  .nvi-thumbnail-interno--postagem img::after{
background: red;
content: "";
  color: red;

}

.nvi-thumbnail-interno--postagem img::after {
    content:"\1F63B";
    font-size:larger;
    margin:-1em;
    background-color: rgba(29,38,45,0.8)!important;
}



#img_container { 
    margin:0; 
    position:relative; 
} 

#img_container:hover::after { 
    content:''; 
    display:block; 
    position:absolute; 
    width:300px; 
    height:300px; 
    background:url(''); 
    z-index:1; 
    top:0;
} 


   
        
        
    .bg-cinza-30 {
        background-color: #f6f7f7;
       /* background-color: #ddd;*/
    }
    
    
    
    
    
    
    
    
 /* =================================================================================
 Seção::  nav-content-carousel-superior || nav-content-acesso-rapido
================= ===============================================================  */   
    
    
img {
    border-radius: 10px;
}
    .bg-laranja-c {
        background: rgba(255,105,0,1);
    }
    
    
    
    .nav-item {
    border-radius: 4px;
}


.gap-2 {
    gap: 1rem!important;
}
.pb-2, .py-2 {
    padding-bottom: 0.5rem!important;
}
.pt-2, .py-2 {
    padding-top: 0.5rem!important;
}
@media (min-width: 576px) {
.justify-content-sm-end {
    -ms-flex-pack: end!important;
    justify-content: flex-end!important;
}

}

.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}



.nav--bs3 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-content-acesso-rapido .nav>li {
    padding: 0.5rem!important;
  
}

/*
.nav-content-acesso-rapido .nav>li>a {
    background-color: #ffffff!important;
    color: #FC6701;
    border: 1px solid #FC6701;
}
*/



.nav-content-acesso-rapido .nav>li>a {
    background-color:  #fb582f!important;
    color: #ffffff;
    border: 1px solid #FC6701;
}


.nav-content-acesso-rapido .nav>li>a.active, .nav-content-acesso-rapido .nav>li>a:hover {
    background-color: #ffffff!important;
    color: #FC6701;
}

.nav-content-acesso-rapido .btn-menu-1 {
   /* font-size: 1.13rem!important;*/
     border-radius: 4px;
    font-weight: 500;
}

.nav-content-acesso-rapido a.btn-menu-1:hover {
    background-color: #1e73be!important;
    color: #ffffff;
    border: 1px solid #1e73be;
}

.laranja-normal {
    color: #FC6701;
}

.nav-pt-15 {
    padding-top: 15px!important;
}

.nav-pb-15 {
    padding-bottom: 15px!important;
}

.nav-pr-5 {
    padding-right: 5px!important;
}


.nav-content-acesso-rapido .col-w100 {
    /*
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    */
    flex-grow: 1;
    max-width: 100%;
}

.nav-content-acesso-rapido .nav-link {
    border-radius: 0.25rem;
}

.navirai-cabecalho-principal img {
    border-radius: 0;
}

.site-logo-cabecalho {
    display: flex;
    padding: 0;
    margin: 0;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}    
    



/*****************************************************
** SECTION nav-content-acesso-rapido
******************************************************/

    .bg-laranja-c {
        background: rgba(255,105,0,1);
    }
    
    
    
    .nav-item {
    border-radius: 4px;
}



.gap-2 {
    gap: 1rem!important;
}
.pb-2, .py-2 {
    padding-bottom: 0.5rem!important;
}
.pt-2, .py-2 {
    padding-top: 0.5rem!important;
}
@media (min-width: 576px) {
.justify-content-sm-end {
    -ms-flex-pack: end!important;
    justify-content: flex-end!important;
}

}


.nav--bs3 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-content-acesso-rapido .nav>li {
    padding: 0.5rem!important;
  
}


.nav-content-acesso-rapido .nav>li>a {
    background-color: #1261a0!important;
    color: #ffffff;
    border: 1px solid #1261a0;
}


  


.nav-content-acesso-rapido .nav>li>a.active, .nav-content-acesso-rapido .nav>li>a:hover {
    background-color: #ffffff!important;
    color: #fb582f;
}

.nav-content-acesso-rapido .btn-menu-destaque {
   /* font-size: 1.13rem!important;*/
     border-radius: 4px;
    font-weight: 500;
}

.laranja-normal {
    color: #FC6701;
}

.nav-pt-15 {
    padding-top: 15px!important;
}

.nav-pb-15 {
    padding-bottom: 15px!important;
}

.nav-pr-5 {
    padding-right: 5px!important;
}


.nav-content-acesso-rapido .col-w100 {
    /*
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    */
    flex-grow: 1;
    max-width: 100%;
}


.bd-laranja-normal {
    border-bottom: 1px solid #FC6701!important;
}
/*
.bd-laranja-normal {
    border: 1px solid #FC6701;
}
*/


.nav-content-acesso-rapido .bg-laranja-normal {
        background-color: #e25c00;
    }

   .nav-content-acesso-rapido  a.bg-laranja-normal: hover {
        background-color: #ffffff!important;
        color: #e25c00!important;
    }
    
    
    
    .nav-content-acesso-rapido .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
        background-color: #e25c00;
}

/*
    .bd-laranja-normal {
        border: 1px solid #FC6701;
    }
*/
/*
    #pills-tabContent ul li a span {
        float: left!important;
        margin-right: 10px;
        white-space: normal;

    }
        
        
    #pills-tabContent ul li a i{    
        font-size: 33px;
    }



    #pills-tabContent .icone-card-servico {
        width: 60px;
        text-align: center;
        
    }
    
    */
    
    @media only screen and (max-width: 999px){
    .secao-painel-navegacao .btn-menu-1 {
        padding: 8px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .nav-link .nav-item-legend{
        font-size: 0.5rem;
} 
}
    
@media only screen and (min-width: 999px){
    .secao-painel-navegacao .btn-menu-1 {
        display: inline-flex;

    }
    
    
    
      .secao-painel-navegacao .btn-menu-1 i{
    padding-right: 5px!important;
      }
}












/********************************************
*********************************************
seção servicos
*********************************************
********************************************/


a.video {
position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
}

a.video span {
  width: 100%;
  height: 100%;
  position: absolute;
  background: url("https://douglasgreen.com/demo/responsive-video-play-button/img/play-btn-2.png") no-repeat;
  background-position: 50% 50%;
  background-size: 300%;
  opacity: 0.75;
}

a.video span:hover {
    opacity: 1;
}

.secao-midias-sociais img {
    border-radius: 10px;
}
    
@media screen and (max-width: 480px) {
  a.video span {
    background-size: 400%;
  }
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}


.nvi-componente-card-media {
    background: #ffffff;
    display: flex;
    position: relative;
    height: 485px;
    border-radius: 10px;
    box-shadow: 0 2px 2px rgb(0 0 0 / 10%);
    transition: box-shadow .3s,color .2s;
    /* width: calc((100%/4) - 30px); */
    width: 100%;
    /* margin: 15px; */
   /* margin: 15px 0;*/
    color: #2a454a;
    font-size: 1.25rem;
    line-height: 1.375rem;
}

.nvi-componente-card-media--galeria-imagem-destaque {
    height: 120px;
}


.nvi-componente-card-media a {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    /* background: red; */
}

.nvi-thumbnail-interno {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    flex-shrink: 0;
    border-radius: 10px;
}
.nvi-thumbnail-interno {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    flex-shrink: 0;
    border-radius: 10px;
}

.nvi-thumbnail-interno img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

/*@media only screen and (min-width: 1000px){*/
.nvi-componente-card-media {
    width: 100%;
    /* width: calc(((100%/4)*2) - 30px); */
    margin: 15px 0 15px;
}
 
 
 .my-4 {
    margin-bottom: 1.5rem!important;
}

.portalnavirai-titulo h5 {
    font-size: 22px;
   
    margin-top: 0;
    font-weight: 700!important;
    text-transform: initial;
}


.portalnavirai-titulo a, .portalnavirai-meta span {
    font-size: 21px;
    line-height: 26px;
}
.portalnavirai-titulo a, .portalnavirai-meta span {
    color: rgb(117, 117, 117);
}


/*
.nav-content-acesso-rapido .nav-link {
    border-radius: 0.25rem;
   
    color: #fb582f;
    border: 1px solid #fb582f;
}
*/

.nav-content-acesso-rapido .nav-link {
    border-radius: 0.25rem;
    color: #1261a0;
    border: 1px solid #1261a0;
}






















/*****************************************************
** CODIGO ANTIGO
** CODIGO ANTIGO
** CODIGO ANTIGO
** CODIGO ANTIGO
** CODIGO ANTIGO
**
******************************************************/



@media screen and (max-width: 991px){
    .columns{
        height: 200px;
        overflow-y:scroll;
    }
}

@media screen and (min-width: 992px){
    .columns{
        -moz-column-count:3; /* Firefox */
        -webkit-column-count:3; /* Safari and Chrome */
        column-count:3;
        width: 950px;
        height:auto;
    }
}


.social-item {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 10px;
    margin: 0 4px;
    display: inline-block;
    width: 45px;
    height: 45px;
    /*border: 2px solid #d9f1e3;*/
    /*background-color: #d9f1e3;*/
    border: 2px solid #ffffff;
    background-color: #ffffff;
    color: #333;
    position: relative;
    font-size: 22px; 
}

.social-item > span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.header-redes-sociais {
    display: inline-flex;
}

.header-principal .tempo .temperatura span {
    font-weight: lighter;
    color: #4cd2ff;
    font-size: 32px;
}

.header-principal .tempo .data-atual p {
    color: #ffffff;
    font-size: 13px;
    margin-bottom: 0;
    margin-left: 5px;
}

.header-principal .tempo figure {
    width: 40px;
    height: 40px;
}

.header-principal .tempo figure img {
    max-width: 100%;
    height: auto;
}

/*.header-principal .data-atual span.cover {*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    left: 0;*/
/*    top: 0;*/
/*}*/

.d-flex-generic{
    display: flex;
}

.d-inline-flex-generic{
    display: inline-flex;
}

.justify-content-center-generic{
    justify-content: center;
}
.justify-content-end-generic{
    justify-content: flex-end;
}

.align-items-center-generic{
    align-items: center;
}

.container-fluid{
    padding: 0 !important;
}

.up-2{
padding-bottom:30px;
padding-left: 15px;
}


    
.focal-point {
    width: 100%;
    height: auto;
    overflow: hidden;
}
 
.focal-point img {
    width: 100%;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
}
 
.focal-point div {
    position: relative; 
    max-width: none; 
    height: auto;
}


.c-h-125 {
    min-height: 125px;
    height: auto;
}
.c-h-160 {
    min-height: 160px;
    height: auto;
}
.fs-16 {
    font-size: 16px;
}
.fs-18 {
    font-size: 18px;
}
 .fs-13 {
    font-size: 13px;
}
.fsw-600 {
    font-weight: 600;
}
.c-p-0 {
    padding: 0!important;
}
.lh-normal {
    line-height: normal;
}
.c-pb-4 {
    padding-bottom: 1.5rem !important;
}
.c-mb-5 {
    margin-bottom: 3rem !important;
}

/*Midias - Videos*/
a.video {
position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
}

a.video span {
  width: 100%;
  height: 100%;
  position: absolute;
  background: url("https://douglasgreen.com/demo/responsive-video-play-button/img/play-btn-2.png") no-repeat;
  background-position: 50% 50%;
  background-size: 300%;
  opacity: 0.75;
}

a.video span:hover {
    opacity: 1;
}
    
@media screen and (max-width: 480px) {
  a.video span {
    background-size: 400%;
  }
}


/* Gerências
 */

 /* Título do Site  */
section.page-title h1 {
    margin: 0 0 -1px 0;
    padding-bottom: 15px;
    border-bottom: rgba(0, 0, 0, 0.07) 1px solid;
    display: inline-block;
    font-size: 2.2em;
    line-height: 42px;
    
}
h2.title-departamento {
    font-size: 3em;
    line-height: 44px;
    margin: 0 0 44px 0;
    margin-bottom: 20px;
    /* font-size: 24px; */
    font-weight: bold;
}
.similar-h2 {
    font-size: 2.2em !important;
    letter-spacing: normal !important;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 42px;
    margin: 0 0 32px 0;
}
.similar-h3 {
    font-size: 1.8em !important;
    letter-spacing: normal !important;
    line-height: 24px !important;
    margin: 0 0 32px 0;
}
.similar-h4 {
    font-size: 1.4em;
    letter-spacing: normal;
    line-height: 27px;
}
.similar-h5 {
    font-size: 1em;
    letter-spacing: normal;
    line-height: 18px;
}
.similar-h6 {
    font-size: 1em;
    letter-spacing: normal;
    line-height: 18px;
}
.callout.dark .similar-h3,
.callout.dark .similar-h4 {
    color: #fff;
    background-color: #252525;
}
/* cor cinza nos títulos*/
.similar-h4.title,
.featured-box-minimal .similar-h4.title {
    color: #6e6e6e;
    margin: 0 0 14px 0 !important;
}
/* títulos no rodapé */
#footer .similar-h2,
#footer .similar-h3,
#footer .similar-h4 {
    color: #fff;
}

cite:before {
    content: '\2014 \00A0';
}

cite:after {
    content: '\00A0 \2014';
}

.fundo-azul-14468c{
    background: #14468c;
}

.fundo-azul-015288{
    background-color: #015288;
    color: #ffffff;
}

.fundo-cinza-e1e1e1{
    background-color: #e1e1e1;
}

.fundo-azul-14468C{
    background-color: #14468C;
}

.fundo-verde-025310{
    background-color: #025310;
}

.sombra-verde{
    -webkit-box-shadow: 0px 12px 25px 0px rgba(2, 83, 16, 0.43);
    -moz-box-shadow: 0px 12px 25px 0px rgba(2, 83, 16, 0.43);
    box-shadow: 0px 12px 25px 0px rgba(2, 83, 16, 0.43);
}

.sombra-azul{
    -webkit-box-shadow: 0px 12px 25px 0px rgba(20, 70, 140, 0.43);
    -moz-box-shadow: 0px 12px 25px 0px rgba(20, 70, 140, 0.43);
    box-shadow: 0px 12px 25px 0px rgba(20, 70, 140, 0.43);
}

.texto-azul-14b3e4{
    color: #14468c
}

.texto-verde-14b3e4{
    color: #14b3e4;
}

.texto-verde-00c99f{
    color: #00c99f;
}



.block-with-icons:before {
    position: absolute;
    bottom: 18px;
    left: 6px;
    right: auto;
    width: 52%;
    top: 61%;
    max-width: 300px;
    background: #6e6e6e;
    content: "";
    -webkit-box-shadow: 0 16px 6px #6e6e6e;
    -moz-box-shadow: 0 16px 6px #6e6e6e;
    -ms-box-shadow: 0 16px 6px #6e6e6e;
    box-shadow: 0 16px 6px #6e6e6e;
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.block-with-icons:after {
    position: absolute;
    bottom: 18px;
    right: 6px;
    left: auto;
    width: 52%;
    top: 61%;
    max-width: 300px;
    background: #6e6e6e;
    content: "";
    -webkit-box-shadow: 0 16px 6px #6e6e6e;
    -moz-box-shadow: 0 16px 6px #6e6e6e;
    -ms-box-shadow: 0 16px 6px #6e6e6e;
    box-shadow: 0 16px 6px #6e6e6e;
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
}


/* Serviços */


.icons-box:not(.type-2) .icons-wrap .icons-item {
    text-align: center;
}

.icons-box:not(.type-2) .icons-wrap .icons-item > .item-box {
    position: relative;
    text-align: center;
    display: inline-block;
}

.icons-box:not(.type-2) .icons-wrap .icons-item > .item-box i {
    font-size: 56px;
    width: 120px;
    height: 120px;
    /* color: #cdd2de; */
    color: #ffffff;
    /* margin-bottom: 30px; */
    margin-bottom: 5px;
    display: inline-block;
    border-radius: 50%;
    line-height: 130px;
    text-align: center;
    background-color: #76a73e;
    transition: all .45s ease;
}

.icons-box:not(.type-2) .icons-wrap .icons-item > .item-box > * {
    -webkit-transition: color .35s ease;
    -o-transition: color .35s ease;
    transition: color .35s ease;
}

.sec-servicos .icons-box .icons-wrap .icons-item > .item-box .icons-box-title span {
    color: #ffffff;
}

.sec-servicos h2, .sec-servicos h6, .sec-servicos .info-btn, .sec-servicos p {
    color: #ffffff;
}

.icons-box .icons-wrap .icons-item > .item-box .icons-box-title span {
    position: relative;
    border-bottom: 2px solid transparent;
    display: inline;
    font-weight: bold;
    transition: all .4s ease;
}

.icons-box-title span {
    color: #ffffff;
}

.sec-quem-sou .action-item.get-involved {
    /* background-color: #0e1e40; */
    background-color: #025310;
    -webkit-box-shadow: 0px 12px 25px 0px rgba(14, 30, 64, 0.43);
    -moz-box-shadow: 0px 12px 25px 0px rgba(14, 30, 64, 0.43);
    box-shadow: 0px 12px 25px 0px rgba(14, 30, 64, 0.43);
}
.sec-quem-sou .action-item {
    cursor: pointer;
    display: table;
    width: 100%;
    padding: 50px 10px 70px;
    color: #d2d2d2;
    text-align: center;
    border-radius: 3px;
    font-size: 16px;
    height: 100%;
    transition: all .45s ease;
}

.sec-quem-sou .action-item .action-inner {
    display: table-cell;
    vertical-align: middle;
}

.sec-quem-sou .action-item .action-title:not(:last-child) {
    margin-bottom: 15px;
}
.sec-quem-sou .action-item .action-title {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    transition: color .4s ease;
}


/* Cabecalho  cargo single */
.breadcrumbs-wrap .page-title {
    font-size: 48px;
    color: #fff;
    font-weight: 900;
    line-height: 44px;
}

/* Menu - Página Gerência, Cargos */
/* .sec-menu-orgao .action-item.type-2.donate { */
.sec-menu-orgao .action-item.type-2{
    text-align: center;
    padding: 25px 0;
    border-radius: 0;
    z-index: 2;
    position: relative;
    margin-top: -1px;
}

.sec-menu-orgao .action-item {
    cursor: pointer;
    display: table;
    width: 100%;
    padding: 50px 10px 70px;
    color: #d2d2d2;
    text-align: center;
    border-radius: 3px;
    font-size: 16px;
    height: 100%;
    transition: all .45s ease;
}

.sec-menu-orgao.type-vr .chose-donate .chose-item {
    font-size: 18px;
    width: auto;
    padding: 6px 11px;
}

.chose-donate .chose-item {
    border: 2px solid #fff;
    border-radius: 3px;
    padding: 9px 9px;
    /* width: 90px; */
    width: auto;
    text-align: center;
    /* font-size: 24px; */
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    background: transparent;
}
.chose-donate > * {
    display: inline-block;
    margin: 0 5px 10px;
    vertical-align: top;
}

.sec-menu-orgao.type-vr .action-item .action-title {
    padding-top: 5px;
}

.sec-menu-orgao .action-item .action-title:not(:last-child) {
    margin-bottom: 15px;
}
.sec-menu-orgao .action-item .action-title {
    color: #fff;
    /* text-transform: uppercase; */
    font-weight: bold;
    transition: color .4s ease;
}

/* noticias */
.section-sub-title {
    color: #666;
    font-size: 16px;
    text-transform: uppercase;
}

.text-size-big {
    font-size: 20px;
    line-height: 34px;
    letter-spacing: -0.1px;
}


/* .section-title {
    position: relative;
    margin-bottom: 30px;
}
.section-title:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #DDD;
    z-index: -1;
}

.section-title .title {
    position: relative;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    line-height: 45px;
    font-size: 15px;
    color: #de0909;

    padding: 0px 15px;
}

.vermais {
    float: right;
    opacity: 0.54;
    line-height: 40px;
}


.sec-noticias .section-title:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #DDD;
    z-index: -1;
}

.header_black h2:after {
    display: table;
    position: relative;
    left: 0;
    bottom: -3px;
    height: 3px;
    content: " ";
    text-shadow: none;
    width: 30%;
    background-color: #5b4282;
    z-index: 2;
} */

.sec-noticias .btn {
    padding: 10px 30px;
    display: inline-block;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 3px;
    background: #eee;
    color: #333;
    text-align: center;
    line-height: 24px;
    letter-spacing: 0.8px;
    webkit-box-shadow: 0px 12px 25px 0px rgba(187, 187, 187, 0.43);
    -moz-box-shadow: 0px 12px 25px 0px rgba(187, 187, 187, 0.43);
    box-shadow: 0px 12px 25px 0px rgba(187, 187, 187, 0.43);
}

[class*="flex-row"] {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}

[class*="flex-row"] > * {
    float: none;
    
}

html {
    scroll-behavior: smooth;
  }
  


  [class*="btn"].btn-style-3 {
    background: #14468c;
    color: #fff;
    webkit-box-shadow: 0px 12px 25px 0px rgba(20, 70, 140, 0.43);
    -moz-box-shadow: 0px 12px 25px 0px rgba(20, 70, 140, 0.43);
    box-shadow: 0px 12px 25px 0px rgba(20, 70, 140, 0.43);
}

.sec-quem-sou .action-item i {
    /* font-size: 66px; */
    display: block;
    opacity: 0.7;
    transition: all .45s ease;
    color: #ffffff!important;
}

.sec-quem-sou .action-item .fonte-tamanho-66{
    font-size: 66px;
}


button.info-btn {
    border: 2px solid #fff;
    border-radius: 3px;
    padding: 9px 9px;
    /* width: 90px; */
    width: auto;
    text-align: center;
    /* font-size: 24px; */
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    background: transparent;
}



.chose-donate .chose-item {
    border: 2px solid #fff;
    border-radius: 3px;
    padding: 9px 9px;
    /* width: 90px; */
    width: auto;
    text-align: center;
    /* font-size: 24px; */
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    background: transparent;
}



.card-icone .icons-item > .item-box i {
    font-size: 32px;
    color: #ffffff;
    display: inline-block;
    text-align: center;
    transition: all .45s ease;
}

.card-icone {
    display: table;
    border: 2px solid #fff;
    border-radius: 3px;
    padding: 9px 9px;
    height: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    background: transparent;
}


.sec-duvidas .info-feedback a {
    color: #fff;
    /* font-family: Oxygen; */
    font-size: 1.4em;
    font-weight: 700;
    letter-spacing: -.7px;
    background-color: #119e13;
    padding: 20px 25px;
    border-radius: 5px;
    text-decoration: none;
    margin-bottom: 20px;
}


.sec-apresentacao .action-item.get-involved {
    /* background-color: #0e1e40; */
    background-color: #025310;
    -webkit-box-shadow: 0px 12px 25px 0px rgba(14, 30, 64, 0.43);
    -moz-box-shadow: 0px 12px 25px 0px rgba(14, 30, 64, 0.43);
    box-shadow: 0px 12px 25px 0px rgba(14, 30, 64, 0.43);
}
.sec-apresentacao .action-item {
    cursor: pointer;
    display: table;
    width: 100%;
    padding: 50px 10px 50px;
    color: #ffffff;
    text-align: center;
    border-radius: 3px;
    font-size: 16px;
    height: 100%;
    transition: all .45s ease;
}

.sec-apresentacao .action-item .action-inner {
    display: table-cell;
    vertical-align: middle;
}

.sec-apresentacao .action-item .action-title:not(:last-child) {
    margin-bottom: 15px;
}
.sec-apresentacao .action-item .action-title {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    transition: color .4s ease;
}

.wrapword {
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    white-space: pre-wrap;       /* css-3 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
    word-break: break-all;
    white-space: normal;
}

.fundo-verde-14631e{
    background-color: #14631e;
}

.servidor-servicos--estilo-01{
    
}


/*Estilização da Versão Mobile*/
.mobile-servicos li{
    /*width: 114px;*/
    height: auto;
    margin: 5px;
    text-align: center;
    display: inline-block;
}

.mobile-servicos li i {
    font-size: 55px;
    padding: 15px;
}

.mobile-servicos span {
    font-size: 12px;
    text-align: center;
    /*color: #545454;*/
}

.mobile-servicos a {
    text-decoration: none !important;
    /*color: #545454;*/
}

.mobile-servicos--cidadao span, .mobile-servicos--cidadao a{
    color: #545454!important;
}

.mobile-servicos--servidor span, .mobile-servicos--servidor a{
/*.mobile-servicos--servidor span{*/
    color: #069!important;
}

.mobile-servicos--empresa span, .mobile-servicos--empresa a{
/*.mobile-servicos--empresa span{*/
    color: #d05429!important;
}





.texto-cor-preta-545454{
    color: #545454!important;
}

.texto-cor-preta-069{
    color: #069!important;
}

.texto-cor-preta-d05429{
    color: #d05429!important;
}


/*Secao Menu Cargos e Orgaos*/
.secao-menu-fixar {
    position: -webkit-sticky; /* Safari */ 
    position: sticky;
    top: 0px;
    z-index: 999;
}


/* Extra Small */
@media(max-width:767px){
   .sec-menu-orgao .action-item.type-2{
        padding: 10px 0px 5px;
    }
    
    .item-ocultar{
        display: none!important;
    }
    .chose-donate .chose-item {
        font-size: 10px;
    }
    .sombra-verde {
        -webkit-box-shadow: 0px 12px 25px 0px rgb(255 255 255 / 43%);
        -moz-box-shadow: 0px 12px 25px 0px rgba(2, 83, 16, 0.43);
        box-shadow: 0px 12px 25px 0px rgb(255 255 255);
    }

}

/* Small */
@media(min-width:768px) and (max-width:991px){
    .sec-menu-orgao .action-item.type-2{
        padding: 10px 0px;
    }
    .item-ocultar{
        display: none!important;
    }
     .chose-donate .chose-item {
        font-size: 12px;
    }
}



/*Margin and Padding helpers*/

.m-0-generic{ margin:0!important; }
.m-1-generic{ margin:.25rem!important; }
.m-2-generic{ margin:.5rem!important; }
.m-3-generic{ margin:1rem!important; }
.m-4-generic{ margin:1.5rem!important; }
.m-5-generic{ margin:3rem!important; }

.mt-0-generic { margin-top:0!important; }
.mr-0-generic { margin-right:0!important; }
.mb-0-generic { margin-bottom:0!important; }
.ml-0-generic { margin-left:0!important; }
.mx-0-generic { margin-left:0!important;margin-right:0!important; }
.my-0-generic { margin-top:0!important;margin-bottom:0!important; }

.mt-1-generic { margin-top:.25rem!important; }
.mr-1-generic { margin-right:.25rem!important; }
.mb-1-generic { margin-bottom:.25rem!important; }
.ml-1-generic { margin-left:.25rem!important; }
.mx-1-generic { margin-left:.25rem!important;margin-right:.25rem!important; }
.my-1-generic { margin-top:.25rem!important;margin-bottom:.25rem!important; }

.mt-2-generic { margin-top:.5rem!important; }
.mr-2-generic { margin-right:.5rem!important; }
.mb-2-generic { margin-bottom:.5rem!important; }
.ml-2-generic { margin-left:.5rem!important; }
.mx-2-generic { margin-right:.5rem!important;margin-left:.5rem!important; }
.my-2-generic { margin-top:.5rem!important;margin-bottom:.5rem!important; }

.mt-3-generic { margin-top:1rem!important; }
.mr-3-generic { margin-right:1rem!important; }
.mb-3-generic { margin-bottom:1rem!important; }
.ml-3-generic { margin-left:1rem!important; }
.mx-3-generic { margin-right:1rem!important;margin-left:1rem!important; }
.my-3-generic { margin-bottom:1rem!important;margin-top:1rem!important; }

.mt-4-generic { margin-top:1.5rem!important; }
.mr-4-generic { margin-right:1.5rem!important; }
.mb-4-generic { margin-bottom:1.5rem!important; }
.ml-4-generic { margin-left:1.5rem!important; }
.mx-4-generic { margin-right:1.5rem!important;margin-left:1.5rem!important; }
.my-4-generic { margin-top:1.5rem!important;margin-bottom:1.5rem!important; }

.mt-5-generic { margin-top:3rem!important; }
.mr-5-generic { margin-right:3rem!important; }
.mb-5-generic { margin-bottom:3rem!important; }
.ml-5-generic { margin-left:3rem!important; }
.mx-5-generic { margin-right:3rem!important;margin-left:3rem!important; }
.my-5-generic { margin-top:3rem!important;margin-bottom:3rem!important; }

.mt-auto-generic { margin-top:auto!important; }
.mr-auto-generic { margin-right:auto!important; }
.mb-auto-generic { margin-bottom:auto!important; }
.ml-auto-generic { margin-left:auto!important; }
.mx-auto-generic { margin-right:auto!important;margin-left:auto!important; }
.my-auto-generic { margin-bottom:auto!important;margin-top:auto!important; }

.p-0-generic { padding:0!important; }
.p-1-generic { padding:.25rem!important; }
.p-2-generic { padding:.5rem!important; }
.p-3-generic { padding:1rem!important; }
.p-4-generic { padding:1.5rem!important; }
.p-5-generic { padding:3rem!important; }

.pt-0-generic { padding-top:0!important; }
.pr-0-generic { padding-right:0!important; }
.pb-0-generic { padding-bottom:0!important; }
.pl-0-generic { padding-left:0!important; }                             
.px-0-generic { padding-left:0!important;padding-right:0!important; }
.py-0-generic { padding-top:0!important;padding-bottom:0!important; }

.pt-1-generic { padding-top:.25rem!important; }         
.pr-1-generic { padding-right:.25rem!important; }                       
.pb-1-generic { padding-bottom:.25rem!important; }      
.pl-1-generic { padding-left:.25rem!important; }                            
.px-1-generic { padding-left:.25rem!important;padding-right:.25rem!important; }
.py-1-generic { padding-top:.25rem!important;padding-bottom:.25rem!important; }

.pt-2-generic { padding-top:.5rem!important; }                                              
.pr-2-generic { padding-right:.5rem!important; }                                
.pb-2-generic { padding-bottom:.5rem!important; }               
.pl-2-generic { padding-left:.5rem!important; }                                             
.px-2-generic { padding-right:.5rem!important;padding-left:.5rem!important; }
.py-2-generic { padding-top:.5rem!important;padding-bottom:.5rem!important; }

.pt-3-generic { padding-top:1rem!important; }                               
.pr-3-generic { padding-right:1rem!important; }             
.pb-3-generic { padding-bottom:1rem!important; }                
.pl-3-generic { padding-left:1rem!important; }                              
.py-3-generic { padding-bottom:1rem!important;padding-top:1rem!important; }
.px-3-generic { padding-right:1rem!important;padding-left:1rem!important; }

.pt-4-generic { padding-top:1.5rem!important; }                             
.pr-4-generic { padding-right:1.5rem!important; }               
.pb-4-generic { padding-bottom:1.5rem!important; }              
.pl-4-generic { padding-left:1.5rem!important; }                                
.px-4-generic { padding-right:1.5rem!important;padding-left:1.5rem!important; }
.py-4-generic { padding-top:1.5rem!important;padding-bottom:1.5rem!important; }

.pt-5-generic { padding-top:3rem!important; }   
.pr-5-generic { padding-right:3rem!important; } 
.pb-5-generic { padding-bottom:3rem!important; }    
.pl-5-generic { padding-left:3rem!important; }  
.px-5-generic { padding-right:3rem!important;padding-left:3rem!important; }
.py-5-generic { padding-top:3rem!important;padding-bottom:3rem!important; }


/*CUSTOM PAGE LEI ALDIC BLANC*/
.border-0{
    border: 0!important;
}

.pb-60{
    padding-bottom: 60px;
}

.pt-60{
    padding-top: 60px;
}    

.w-900{
    height: auto;
    min-height: 900px;
}

.fs-13{
   font-size:13px; 
}

.fs-56{
    font-size: 56px;
}

.fs-24{
    font-size: 24px;
}

.font-weight-bold{
    font-weight: bold;
}

.txt-branco{
    color: #ffffff!important;
}

.txt-cinza-555{
    color: #333!important;
}

.txt-maisculo{
    text-transform: uppercase;
}

.bg-verde-52DFC3{
    background-color: #52DFC3!important;
}

.bg-vermelho-B64545{
    background-color: #B64545!important;
}

.bg-laranja-F68349{
    background-color: #F68349!important;
}

.bg-azul{
    background-color: rgba(7,140,242,0.7);  
}
.bg-transparente{
    background-color: transparent;  
}

.bg-cinza-eaeaea{
background-color: #eaeaea !important;
}

.bg-azul-2C9AF1{
background-color: #2C9AF1 !important;
}

.bg-laranja-F3AC3B{
background-color: #F3AC3B !important;
}



.bg-success {
    background-color: #088e8e !important;
}

/* Bootstrap Fake 4 Extension */
/* ==================================== */

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
  }
  
  .card > hr {
    margin-right: 0;
    margin-left: 0;
  }
  
  .card > .list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  
  .card > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  
  .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
  }
  
  .card-title {
    margin-bottom: 0.75rem;
  }
  
  .card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0;
  }
  
  .card-text:last-child {
    margin-bottom: 0;
  }
  
  .card-link:hover {
    text-decoration: none;
  }
  
  .card-link + .card-link {
    margin-left: 1.25rem;
  }
  
  .card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  }
  
  .card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
  }
  
  .card-header + .list-group .list-group-item:first-child {
    border-top: 0;
  }
  
  .card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
  }
  
  .card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
  }
  
  .card-header-tabs {
    margin-right: -0.625rem;
    margin-bottom: -0.75rem;
    margin-left: -0.625rem;
    border-bottom: 0;
  }
  
  .card-header-pills {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
  }
  
  .card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
  }
  
  .card-img {
    width: 100%;
    border-radius: calc(0.25rem - 1px);
  }
  
  .card-img-top {
    width: 100%;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
  }
  
  .card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
  }
  
  .card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .card-deck .card {
    margin-bottom: 15px;
  }
  
  @media (min-width: 576px) {
    .card-deck {
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      margin-right: -15px;
      margin-left: -15px;
    }
    .card-deck .card {
      display: -ms-flexbox;
      display: flex;
      -ms-flex: 1 0 0%;
      flex: 1 0 0%;
      -ms-flex-direction: column;
      flex-direction: column;
      margin-right: 15px;
      margin-bottom: 0;
      margin-left: 15px;
    }
  }
  
  .card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .card-group > .card {
    margin-bottom: 15px;
  }
  
  @media (min-width: 576px) {
    .card-group {
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
    }
    .card-group > .card {
      -ms-flex: 1 0 0%;
      flex: 1 0 0%;
      margin-bottom: 0;
    }
    .card-group > .card + .card {
      margin-left: 0;
      border-left: 0;
    }
    .card-group > .card:not(:last-child) {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
    .card-group > .card:not(:last-child) .card-img-top,
    .card-group > .card:not(:last-child) .card-header {
      border-top-right-radius: 0;
    }
    .card-group > .card:not(:last-child) .card-img-bottom,
    .card-group > .card:not(:last-child) .card-footer {
      border-bottom-right-radius: 0;
    }
    .card-group > .card:not(:first-child) {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
    .card-group > .card:not(:first-child) .card-img-top,
    .card-group > .card:not(:first-child) .card-header {
      border-top-left-radius: 0;
    }
    .card-group > .card:not(:first-child) .card-img-bottom,
    .card-group > .card:not(:first-child) .card-footer {
      border-bottom-left-radius: 0;
    }
  }
  
  .card-columns .card {
    margin-bottom: 0.75rem;
  }
  
  @media (min-width: 576px) {
    .card-columns {
      -webkit-column-count: 3;
      -moz-column-count: 3;
      column-count: 3;
      -webkit-column-gap: 1.25rem;
      -moz-column-gap: 1.25rem;
      column-gap: 1.25rem;
      orphans: 1;
      widows: 1;
    }
    .card-columns .card {
      display: inline-block;
      width: 100%;
    }
  }


  a.card.hover-effect {
    overflow: hidden;
}
.component-example-body .card {
    margin-bottom: 0;
}
.card.hover-effect, img.hover-effect {
    transition: top 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    top: 0;
    position: relative;
}


.w-25 {
    width: 25% !important;
  }
  
  .w-50 {
    width: 50% !important;
  }
  
  .w-75 {
    width: 75% !important;
  }
  
  .w-100 {
    width: 100% !important;
  }
  
  .w-auto {
    width: auto !important;
  }
  
  .h-25 {
    height: 25% !important;
  }
  
  .h-50 {
    height: 50% !important;
  }
  
  .h-75 {
    height: 75% !important;
  }
  
  .h-100 {
    height: 100% !important;
  }
  
  .h-auto {
    height: auto !important;
  }
  
  .mw-100 {
    max-width: 100% !important;
  }
  
  .mh-100 {
    max-height: 100% !important;
  }
  
  .min-vw-100 {
    min-width: 100vw !important;
  }
  
  .min-vh-100 {
    min-height: 100vh !important;
  }
  
  .vw-100 {
    width: 100vw !important;
  }
  
  .vh-100 {
    height: 100vh !important;
  }
  
  .stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0);
  }
  
  .m-0 {
    margin: 0 !important;
  }
  
  .mt-0,
  .my-0 {
    margin-top: 0 !important;
  }
  
  .mr-0,
  .mx-0 {
    margin-right: 0 !important;
  }
  
  .mb-0,
  .my-0 {
    margin-bottom: 0 !important;
  }
  
  .ml-0,
  .mx-0 {
    margin-left: 0 !important;
  }
  
  .m-1 {
    margin: 0.25rem !important;
  }
  
  .mt-1,
  .my-1 {
    margin-top: 0.25rem !important;
  }
  
  .mr-1,
  .mx-1 {
    margin-right: 0.25rem !important;
  }
  
  .mb-1,
  .my-1 {
    margin-bottom: 0.25rem !important;
  }
  
  .ml-1,
  .mx-1 {
    margin-left: 0.25rem !important;
  }
  
  .m-2 {
    margin: 0.5rem !important;
  }
  
  .mt-2,
  .my-2 {
    margin-top: 0.5rem !important;
  }
  
  .mr-2,
  .mx-2 {
    margin-right: 0.5rem !important;
  }
  
  .mb-2,
  .my-2 {
    margin-bottom: 0.5rem !important;
  }
  
  .ml-2,
  .mx-2 {
    margin-left: 0.5rem !important;
  }
  
  .m-3 {
    margin: 1rem !important;
  }
  
  .mt-3,
  .my-3 {
    margin-top: 1rem !important;
  }
  
  .mr-3,
  .mx-3 {
    margin-right: 1rem !important;
  }
  
  .mb-3,
  .my-3 {
    margin-bottom: 1rem !important;
  }
  
  .ml-3,
  .mx-3 {
    margin-left: 1rem !important;
  }
  
  .m-4 {
    margin: 1.5rem !important;
  }
  
  .mt-4,
  .my-4 {
    margin-top: 1.5rem !important;
  }
  
  .mr-4,
  .mx-4 {
    margin-right: 1.5rem !important;
  }
  
  .mb-4,
  .my-4 {
    margin-bottom: 1.5rem !important;
  }
  
  .ml-4,
  .mx-4 {
    margin-left: 1.5rem !important;
  }
  
  .m-5 {
    margin: 3rem !important;
  }
  
  .mt-5,
  .my-5 {
    margin-top: 3rem !important;
  }
  
  .mr-5,
  .mx-5 {
    margin-right: 3rem !important;
  }
  
  .mb-5,
  .my-5 {
    margin-bottom: 3rem !important;
  }
  
  .ml-5,
  .mx-5 {
    margin-left: 3rem !important;
  }
  
  .p-0 {
    padding: 0 !important;
  }
  
  .pt-0,
  .py-0 {
    padding-top: 0 !important;
  }
  
  .pr-0,
  .px-0 {
    padding-right: 0 !important;
  }
  
  .pb-0,
  .py-0 {
    padding-bottom: 0 !important;
  }
  
  .pl-0,
  .px-0 {
    padding-left: 0 !important;
  }
  
  .p-1 {
    padding: 0.25rem !important;
  }
  
  .pt-1,
  .py-1 {
    padding-top: 0.25rem !important;
  }
  
  .pr-1,
  .px-1 {
    padding-right: 0.25rem !important;
  }
  
  .pb-1,
  .py-1 {
    padding-bottom: 0.25rem !important;
  }
  
  .pl-1,
  .px-1 {
    padding-left: 0.25rem !important;
  }
  
  .p-2 {
    padding: 0.5rem !important;
  }
  
  .pt-2,
  .py-2 {
    padding-top: 0.5rem !important;
  }
  
  .pr-2,
  .px-2 {
    padding-right: 0.5rem !important;
  }
  
  .pb-2,
  .py-2 {
    padding-bottom: 0.5rem !important;
  }
  
  .pl-2,
  .px-2 {
    padding-left: 0.5rem !important;
  }
  
  .p-3 {
    padding: 1rem !important;
  }
  
  .pt-3,
  .py-3 {
    padding-top: 1rem !important;
  }
  
  .pr-3,
  .px-3 {
    padding-right: 1rem !important;
  }
  
  .pb-3,
  .py-3 {
    padding-bottom: 1rem !important;
  }
  
  .pl-3,
  .px-3 {
    padding-left: 1rem !important;
  }
  
  .p-4 {
    padding: 1.5rem !important;
  }
  
  .pt-4,
  .py-4 {
    padding-top: 1.5rem !important;
  }
  
  .pr-4,
  .px-4 {
    padding-right: 1.5rem !important;
  }
  
  .pb-4,
  .py-4 {
    padding-bottom: 1.5rem !important;
  }
  
  .pl-4,
  .px-4 {
    padding-left: 1.5rem !important;
  }
  
  .p-5 {
    padding: 3rem !important;
  }
  
  .pt-5,
  .py-5 {
    padding-top: 3rem !important;
  }
  
  .pr-5,
  .px-5 {
    padding-right: 3rem !important;
  }
  
  .pb-5,
  .py-5 {
    padding-bottom: 3rem !important;
  }
  
  .pl-5,
  .px-5 {
    padding-left: 3rem !important;
  }
  
  .m-n1 {
    margin: -0.25rem !important;
  }
  
  .mt-n1,
  .my-n1 {
    margin-top: -0.25rem !important;
  }
  
  .mr-n1,
  .mx-n1 {
    margin-right: -0.25rem !important;
  }
  
  .mb-n1,
  .my-n1 {
    margin-bottom: -0.25rem !important;
  }
  
  .ml-n1,
  .mx-n1 {
    margin-left: -0.25rem !important;
  }
  
  .m-n2 {
    margin: -0.5rem !important;
  }
  
  .mt-n2,
  .my-n2 {
    margin-top: -0.5rem !important;
  }
  
  .mr-n2,
  .mx-n2 {
    margin-right: -0.5rem !important;
  }
  
  .mb-n2,
  .my-n2 {
    margin-bottom: -0.5rem !important;
  }
  
  .ml-n2,
  .mx-n2 {
    margin-left: -0.5rem !important;
  }
  
  .m-n3 {
    margin: -1rem !important;
  }
  
  .mt-n3,
  .my-n3 {
    margin-top: -1rem !important;
  }
  
  .mr-n3,
  .mx-n3 {
    margin-right: -1rem !important;
  }
  
  .mb-n3,
  .my-n3 {
    margin-bottom: -1rem !important;
  }
  
  .ml-n3,
  .mx-n3 {
    margin-left: -1rem !important;
  }
  
  .m-n4 {
    margin: -1.5rem !important;
  }
  
  .mt-n4,
  .my-n4 {
    margin-top: -1.5rem !important;
  }
  
  .mr-n4,
  .mx-n4 {
    margin-right: -1.5rem !important;
  }
  
  .mb-n4,
  .my-n4 {
    margin-bottom: -1.5rem !important;
  }
  
  .ml-n4,
  .mx-n4 {
    margin-left: -1.5rem !important;
  }
  
  .m-n5 {
    margin: -3rem !important;
  }
  
  .mt-n5,
  .my-n5 {
    margin-top: -3rem !important;
  }
  
  .mr-n5,
  .mx-n5 {
    margin-right: -3rem !important;
  }
  
  .mb-n5,
  .my-n5 {
    margin-bottom: -3rem !important;
  }
  
  .ml-n5,
  .mx-n5 {
    margin-left: -3rem !important;
  }
  
  .m-auto {
    margin: auto !important;
  }
  
  .mt-auto,
  .my-auto {
    margin-top: auto !important;
  }
  
  .mr-auto,
  .mx-auto {
    margin-right: auto !important;
  }
  
  .mb-auto,
  .my-auto {
    margin-bottom: auto !important;
  }
  
  .ml-auto,
  .mx-auto {
    margin-left: auto !important;
  }
  


.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}


.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}
.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.fs-13{
    font-size: 12px;
}



/****************************************************************************
 * 2# Geral CSS
 ****************************************************************************/

.h-900{
    min-height: 800px!important;
    height: auto;
}

.data-topo,
.pesquisa-topo {
    text-align: right;
}
.midias,
.pesquisa,
.pesquisa-topo input {
    display: inline-block;
}
.header {
    width: 100%;
    padding: 0 !important;
    margin: 0 0 6px;
    background-color: #025310;
    background-position: center;
    background-repeat: no-repeat;
    font-family: "Open Sans", sans-serif;
    z-index: 999;
}
.barra-acessibilidade {
    margin-top: 1px;
    height: 20px;
}
.barra-acessibilidade a {
    text-decoration: none;
    color: #fff;
    font-family: "Open Sans", sans-serif !important;
}
.barra-acessibilidade a:focus,
.barra-acessibilidade a:hover {
    color: #fff !important;
}
.barra-acessibilidade span {
    background: #fff;
    color: #025310;
    padding: 0 2px;
}
.icone-acessibilidade {
    margin-left: 5px;
}
.mapa {
    margin-left: 10px;
}
.alinhar-direita span {
    background: 0 0;
    color: #fff;
    margin-left: 5px;
}
.barra-logo-midias {
    height: 120px;
}
.topo {
    border-right: none;
    max-width: 300px;
    margin-right: 0 !important;
    padding-right: 0 !important;
}
.alinhar-direita {
    float: right;
    padding-top: 3px;
}
.logo-cabecalho {
    padding: auto 0 auto auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-left: 0 !important;
}
.menu-pesquisa {
    padding: 0;
    margin-top: 20px;
}
.data-topo {
    color: #fff;
    right: 0;
    font-weight: 400;
    font-family: Homenaje, sans-serif;
    font-size: 27px;
    line-height: 27px;
}
.pesquisa-midias-sociais {
    height: 47px;
}
.pesquisa {
    -webkit-transform: translate(3px, -11px);
    transform: translate(3px, -11px);
}
.pesquisa-topo span {
    font-size: 35px;
    margin: 0;
    color: #fff;
}
.pesquisa-topo input {
    max-width: 247px;
    margin: 0;
    height: 45px;
    border-radius: 5px 0 0 5px;
    font-size: 20px;
    color: #606060 !important;
}
.pesquisa-topo button {
    margin-left: 0;
    height: 45px;
    width: 45px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 28px;
    color: #117622;
    background: #fff;
    border: none;
    -webkit-transform: translate(-3px, 3px);
    transform: translate(-3px, 3px);
}
.icone {
    font-size: 50px !important;
    color: #fff;
}
.icone:hover {
    color: #fff !important;
}
.facebook-icone-topo {
    color: #4267b2 !important;
    margin-top: 2px;
}
.email-icone-topo {
    clear: both;
    color: #4267b2 !important;
}
.menu-superior {
    float: right;
    margin-left: 0;
    clear: both;
    -webkit-transform: translate(8px, 5px);
    transform: translate(8px, 5px);
    margin-right: 8px;
    margin-top: 1%;
}
.menu-superior ul {
    padding: 0;
    margin: 0;
    background: #025310;
}
.menu-superior > ul#menu-menu-principal > li {
    list-style: none;
    display: table-cell;
    margin: 0;
}
#menuHamburguer,
#menuHamburguer.collapse,
#menuHamburguer.collapsing {
    display: block;
    opacity: 1;
}
.menu-superior > ul#menu-menu-principal > li > a {
    color: #fff;
    line-height: 30px;
    padding: 0 14.3px;
    font-size: 13px;
    text-transform: uppercase;
}
.menu-superior > ul#menu-menu-principal,
.menu-superior > ul#menu-menu-principal > li:first-child {
    border-top-left-radius: 5px;
}
.menu-superior > ul#menu-menu-principal > .current-menu-item {
    background-color: #19882c;
}
#menuHamburguer {
    position: fixed;
    z-index: 9999;
    top: 0;
    height: 100vh;
    overflow-y: auto;
    left: -311px;
    -webkit-transition: left 0.2s;
    transition: left 0.2s;
    padding: 0;
}
#menuHamburguer.collapse::before {
    display: none;
}
#menuHamburguer.collapse.in {
    left: 0;
    -webkit-box-shadow: 0 0 7px #555;
    box-shadow: 0 0 7px #555;
    z-index: 9999;
}
#menuHamburguer.collapse.in::before {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    background: rgba(0, 0, 0, 0.5);
    content: "";
    z-index: -1;
    display: block;
}
#menuHamburguer .menu-mobile {
    width: 100%;
    padding: 15px;
    z-index: 999999;
    background-color: #f2f2f2;
    height: 100vh;
    overflow-y: auto;
}
.botao-menu-mobile {
    font-size: 30px;
    color: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: left;
    padding-left: 5px;
    width: 72px;
}
.botao-menu-mobile-close {
    display: block;
    text-align: left;
    margin: -15px -15px 15px;
    border-bottom: 1px solid #999;
}
.botao-menu-mobile-close .botao {
    background: #ddd;
    border: none;
    border-right: 1px solid #999;
    border-bottom: none;
    font-size: 35px;
    width: 50px;
    color: #999;
}
.menu-mobile-content {
    padding: 0 !important;
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 0;
    background-color: transparent;
    border: none;
}
.botao-menu-mobile i {
    color: #fff;
}
ul#menu-menu-mobile-geral {
    padding: 0;
    margin: 0 -15px;
}
ul#menu-menu-mobile-geral > li {
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #ddd;
}
ul#menu-menu-mobile-geral > li:first-child {
    border-top: 1px solid #ddd;
}
ul#menu-menu-mobile-geral > li > a i {
    width: 20px;
    text-align: center;
}
ul#menu-menu-mobile-geral > li.open a {
    background-color: #e9e9e9;
}
ul#menu-menu-mobile-geral > li.open > a {
    background-color: #e9e9e9;
    -webkit-box-shadow: 0 1px 1px #777;
    box-shadow: 0 1px 1px #777;
    padding-left: 15px;
}
ul#menu-menu-mobile-geral > li .sub-menu {
    padding: 0;
    height: auto;
}
ul#menu-menu-mobile-geral > li .sub-menu > li {
    list-style: none;
    overflow: hidden;
    height: 0;
    border: none;
    -webkit-transition: height 0.2s;
    transition: height 0.2s;
}
ul#menu-menu-mobile-geral > li .sub-menu > li:last-child > a {
    -webkit-box-shadow: inset 0 -2px 1px #999;
    box-shadow: inset 0 -2px 1px #999;
}
ul#menu-menu-mobile-geral > li.open .sub-menu > li {
    border-top: 1px solid #ccc;
    height: 45px;
}
ul#menu-menu-mobile-geral > li .sub-menu > li a {
    background-color: #5858581f;
    padding-left: 35px;
}
ul#menu-menu-mobile-geral > li .sub-menu > li a:hover {
    background-color: rgba(0, 0, 0, 0.17);
}
ul#menu-menu-mobile-geral .menu-item-has-children > a:after {
    content: "\f078";
    font-family: "Font Awesome 5 Free", sans-serif;
    font-weight: 700;
    float: right;
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
ul#menu-menu-mobile-geral > .menu-item-has-children.open a:after {
    -webkit-transform: rotateZ(-180deg);
    transform: rotateZ(-180deg);
}
#menuHamburguer a {
    display: block;
    color: #646464;
    text-align: left;
    font-weight: 700;
    padding: 14px 15px;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    clear: right;
    background-color: #f2f2f2;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
#menuHamburguer a:hover {
    background: #ddd;
}
#menuHamburguer .sup {
    background-color: #e4e4e4;
}
.pesquisa-mobile {
    margin: auto;
    width: 280px;
    padding-bottom: 10px;
}
.pesquisa span {
    font-size: 35px;
    margin: 0 5px 0 0;
    color: #fff;
}
.pesquisa-h {
    margin: auto;
    display: block;
    width: 100%;
    background-color: transparent;
}
.pesquisa-h ul {
    list-style: none;
}
.pesquisa-h ul li {
    display: table-cell;
    float: left;
}
.pesquisa-h ul li input[type="submit"] {
    margin-left: 0;
    height: 34px;
    width: 34px;
    color: #333;
    background: #f1f1f1 !important;
    border: 1px solid #999;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    font-family: "Font Awesome", sans-serif;
}
.searchandfilter li input[type="submit"] {
    font-family: "Font Awesome", sans-serif;
}
.pesquisa-h input {
    margin: auto;
    width: 100%;
    max-width: 245px;
    border-radius: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.pesquisa-h button {
    float: right;
    margin-left: 0;
    height: 34px;
    width: 34px;
    color: #333;
    background: #f1f1f1 !important;
    border: 1px solid #999;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
@media only screen and (min-width: 991px) {
    .logo-cabecalho img {
        padding-right: 10px;
    }
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
    #municipio {
        display: none;
    }
    .logo-cabecalho img {
        padding-right: 10px;
    }
    #img-logo {
        border: none !important;
    }
}
@media only screen and (max-width: 870px) {
    .menu-principal ul li {
        font-size: 10px;
    }
    .menu-principal ul li a {
        padding: 8px 6px;
    }
    #img-logo {
        border: none !important;
    }
}
@media only screen and (max-width: 767px) {
    .alinhar-direita {
        float: left;
        padding-top: 3px;
    }
    .barra-navirai a {
        border-right: none !important;
    }
    .transparencia {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: translateX(140%);
        transform: translateX(140%);
    }
    .acesso-informacao {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: translateX(-80%);
        transform: translateX(-80%);
        border-right: 1px solid #dfdfdf !important;
    }
    .header {
        margin-bottom: 0 !important;
    }
}
@media only screen and (max-width: 344px) {
    .acesso-informacao {
        border-right: none !important;
        -webkit-transform: translateX(-80%);
        transform: translateX(-80%);
    }
}
@media only screen and (min-width: 1199px) {
    .topo::after,
    .topo::before {
        font-family: "Open Sans", sans-serif;
        width: 100%;
        color: #fff !important;
        font-weight: 700;
        position: absolute;
        margin-left: 95%;
        background: 0 0;
    }
    .topo::before {
        content: attr(antes);
        font-size: 20px;
        margin-top: 10px;
    }
    .topo::after {
        content: attr(depois);
        font-size: 24px;
        line-height: 24px;
        margin-top: -15%;
        max-width: 250px;
    }
}
@media only screen and (min-width: 991px) and (max-width: 1199px) {
    .topo::after,
    .topo::before {
        font-family: "Open Sans", sans-serif;
        width: 100%;
        color: #fff !important;
        font-weight: 700;
        position: absolute;
        margin-left: 97%;
        background: 0 0;
    }
    .topo::before {
        content: attr(antes);
        font-size: 18px;
        margin-top: 10px;
    }
    .topo::after {
        content: attr(depois);
        font-size: 22px;
        line-height: 22px;
        margin-top: -15%;
        max-width: 200px;
    }
}
#conteudo {
    margin-bottom: 10px;
}
.container-gerencias img {
    max-width: 100% !important;
    height: auto !important;
}
.container-gerencias .subtitulo {
    font-weight: 700;
}
.container-gerencias .conteudo {
    list-style: none;
    padding: 0;
}
.container-gerencias .texto {
    padding-left: 20px;
}
.container-gerencias .clear {
    clear: both;
}
.container-gerencias .linha {
    margin-bottom: 0;
}
.link-categoria-gerencias {
    background-color: #025310 !important;
    color: #fff;
    width: 100%;
}
.link-categoria-gerencias:hover {
    color: #fff;
}


.coluna-footer {
    height: 100%;
    margin-top: 17px;
    clear: right;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px;
    padding-left: 0 !important;
}
.titulo-coluna-footer {
    font-weight: 400;
    color: #76a73e;
}
.corpo-coluna-footer {
    margin-top: 8px;
}
.corpo-coluna-footer ul {
    list-style: none !important;
    padding: 0;
    color: #76a73e;
    line-height: 25px;
    margin-bottom: 7px;
}
.corpo-coluna-footer a {
    color: #fff;
    text-decoration: none;
}
.coluna-logo-footer {
    padding-left: 15px !important;
}
.titulo-coluna-logo img {
    margin-bottom: 6px;
    max-width: 250px;
}
.corpo-coluna-logo {
    max-width: 250px;
    border-top: 2px solid #fff;
    padding-top: 10px;
    color: #fff;
    font-weight: 400;
}
.corpo-coluna-logo p {
    margin-bottom: 0;
    line-height: 19px !important;
}
.corpo-facebook {
    padding: 0;
    margin-top: 7px;
}
.corpo-coluna-footer .col-lg-6 {
    padding: 1px 0 0;
}
.coluna-itens-gerencia {
    margin-top: 3px;
}
.gerencias-footer li {
    margin-top: 10px;
    margin-bottom: 0;
    padding-bottom: 0;
    min-width: 150px;
}
.gerencias-footer i {
    margin-right: 10px;
}
.gerencias-footer a {
    max-width: 250px;
    font-weight: 400;
    color: #76a73e;
}
.footer-social {
    text-align: center;
    color: #fff;
}
.footer-social h4 {
    font-weight: 400;
}
.footer-social a {
    text-decoration: none !important;
    font-size: 40px !important;
    color: #fff;
    margin: 5px;
}
.footer-social a:hover {
    color: #aaa;
}
.footer-texto {
    font-weight: 700 !important;
    padding-top: 20px !important;
}
@media only screen and (max-width: 767px) {
    .titulo-coluna-logo img {
        display: block;
        margin: auto auto 20px;
        max-width: 220px;
        height: auto;
    }
    .corpo-coluna-logo {
        max-width: 250px;
        margin: auto;
        border-top: 2px solid #fff;
        line-height: 6px;
        padding-top: 9px;
        color: #fff;
        font-weight: 400;
    }
}
.direitos-autorais {
    border-top: 1px solid #76a73e;
    background-color: #036031;
    padding: 0 !important;
}
.direitos-autorais .container {
    display: block;
}
.direitos-autorais .creditos {
    -webkit-transform: translateY(27px);
    transform: translateY(27px);
    max-width: 300px;
    margin: 0 !important;
    float: left;
}
.direitos-autorais img {
    padding: 10px 3px;
    width: 225px;
    float: right;
}
.direitos-autorais p {
    text-align: right;
    clear: both;
    margin: auto;
}
.coluna-gerencias .corpo-coluna-footer {
    margin-top: 15px;
}
.div-galeria img {
    position: relative;
    height: 50%;
    width: 50%;
    float: left;
    display: block;
    -ms-flex-line-pack: center;
    align-content: center;
    text-align: center;
    padding: 10px;
}
.icon-fechar {
    position: absolute;
    font-size: 24px;
    margin-left: calc(100% - 12px);
    margin-top: -12px;
    background: #888;
    border-radius: 50%;
    color: #fff;
}
.img-central-vert img {
    margin: auto;
}
.img-central-vert {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    left: 50%;
    margin-top: 50vh;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
}
.modal-centralizado {
    width: 100%;
    margin: auto;
    padding: 0 30px;
}
#imagem-modal {
    max-height: 90vh;
}
.modal-galeria {
    background-image: url(../images/black_lozenge.jpg);
}
.coluna-conheca {
    font-family: "Open Sans", sans-serif;
    margin-bottom: 30px;
    margin-top: 4px;
}
.coluna-conheca img {
    float: left;
    margin-right: 20px;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}
.coluna-conheca .titulo {
    color: #069;
    -webkit-transform: translateX(14px);
    transform: translateX(14px);
}
.coluna-conheca .descricao p {
    color: #069;
    font-weight: 700;
}
.coluna-conheca .descricao .corpo li a {
    color: #069;
    line-height: 21px;
    margin-left: 15px;
}
.coluna-conheca ul {
    list-style: none;
    margin-top: 0;
}
.coluna-conheca a {
    text-decoration: none !important;
}
.coluna-conheca li {
    margin-top: 5px;
}
.coluna-conheca .descricao .corpo li a::after {
    position: absolute !important;
    right: 15px;
    width: 45%;
    content: "";
    padding-top: 22px;
    border-bottom: 1px solid #d7d7d7;
}
.coluna-invista .descricao .titulo {
    color: #76a73e;
    -webkit-transform: translateX(14px);
    transform: translateX(14px);
}
.coluna-invista .descricao .corpo li a {
    color: #76a73e;
    margin-left: 15px;
}
.coluna-invista .titulo {
    color: #76a73e;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .coluna-conheca .descricao .corpo li a::after {
        border-bottom: none;
    }
    .coluna-conheca .descricao .corpo li a {
        border-bottom: 1px solid #d7d7d7;
    }
}
@media only screen and (max-width: 991px) {
    .coluna-conheca ul {
        padding: 0;
        min-width: 250px !important;
    }
    .coluna-conheca img {
        margin-bottom: 20px;
    }
    .coluna-conheca .descricao .corpo li a::after {
        right: auto;
        left: 15px;
        width: 70%;
        content: "";
        padding-top: 23px;
        border-bottom: 1px solid #d7d7d7;
    }
}
@media only screen and (max-width: 768px) {
    .coluna-conheca .titulo {
        text-align: center;
        padding-right: 30px;
        font-weight: 700;
    }
    .coluna-conheca .descricao .corpo li a {
        border-bottom: 1px solid #d7d7d7;
    }
    .coluna-conheca .descricao .corpo li a::after {
        display: none;
    }
    .coluna-conheca img {
        float: none;
        margin: auto;
        -webkit-box-shadow: 1px 1px 3px #000;
        box-shadow: 1px 1px 3px #000;
    }
    .coluna-conheca ul {
        text-align: center;
        list-style: none;
        margin-top: 0;
    }
    .coluna-conheca {
        font-family: Lato, sans-serif;
        margin: 30px 0;
    }
    .coluna-invista {
        margin-top: 10px;
    }
}
@media only screen and (max-width: 390px) {
    .coluna-conheca ul {
        clear: left;
        margin-top: 10px !important;
    }
    .coluna-conheca img {
        margin-bottom: 10px;
    }
}
.slider-superior {
    padding: 0 !important;
    margin-bottom: 6px;
}
.menu-colorido {
    margin-bottom: 18px !important;
    font-size: 12px;
    font-family: Roboto, sans-serif;
}
.menu-colorido a {
    color: #fff !important;
    font-weight: 500;
    text-shadow: 0.5px 0.5px 1px #000;
}
.menu-colorido #mc-item-1,
.menu-colorido #mc-item-1 a:focus,
.menu-colorido #mc-item-1 a:hover {
    background: #036031;
}
.menu-colorido #mc-item-2,
.menu-colorido #mc-item-2 a:focus,
.menu-colorido #mc-item-2 a:hover {
    background: #00914d;
}
.menu-colorido #mc-item-3,
.menu-colorido #mc-item-3 a:focus,
.menu-colorido #mc-item-3 a:hover {
    background: #31a36e;
}
.menu-colorido #mc-item-4,
.menu-colorido #mc-item-4 a:focus,
.menu-colorido #mc-item-4 a:hover {
    background: #338f8d;
}
.menu-colorido #mc-item-5,
.menu-colorido #mc-item-5 a:focus,
.menu-colorido #mc-item-5 a:hover {
    background: #078280;
}
.menu-colorido #mc-item-6,
.menu-colorido #mc-item-6 a:focus,
.menu-colorido #mc-item-6 a:hover {
    background: #069;
}
.menu-colorido #mc-item-7,
.menu-colorido #mc-item-7 a:focus,
.menu-colorido #mc-item-7 a:hover {
    background: #0c58a1;
}
.menu-colorido #mc-item-8,
.menu-colorido #mc-item-8 a:focus,
.menu-colorido #mc-item-8 a:hover {
    background: #1d44ad;
}
@media only screen and (max-width: 991px) {
    .menu-colorido {
        font-size: 11px;
    }
    .menu-colorido #mc-item-1 a,
    .menu-colorido #mc-item-1 a:focus,
    .menu-colorido #mc-item-1 a:hover,
    .menu-colorido #mc-item-2 a,
    .menu-colorido #mc-item-2 a:focus,
    .menu-colorido #mc-item-2 a:hover,
    .menu-colorido #mc-item-3 a,
    .menu-colorido #mc-item-3 a:focus,
    .menu-colorido #mc-item-3 a:hover,
    .menu-colorido #mc-item-4 a,
    .menu-colorido #mc-item-4 a:focus,
    .menu-colorido #mc-item-4 a:hover,
    .menu-colorido #mc-item-5 a,
    .menu-colorido #mc-item-5 a:focus,
    .menu-colorido #mc-item-5 a:hover,
    .menu-colorido #mc-item-6 a,
    .menu-colorido #mc-item-6 a:focus,
    .menu-colorido #mc-item-6 a:hover,
    .menu-colorido #mc-item-7 a,
    .menu-colorido #mc-item-7 a:focus,
    .menu-colorido #mc-item-7 a:hover,
    .menu-colorido #mc-item-8 a,
    .menu-colorido #mc-item-8 a:focus,
    .menu-colorido #mc-item-8 a:hover {
        padding: 10px 1px !important;
    }
}
.coluna-midias {
    margin-bottom: 5px;
}
.coluna-midias .titulo-coluna {
    text-decoration: none;
    font-weight: 700;
    color: #069;
}
#md-videos a,
.coluna-imagens a,
.link-audio {
    text-decoration: none !important;
}
.coluna-midias .titulo-coluna i {
    margin-right: 10px;
}
.coluna-midias .corpo-coluna {
    clear: both;
    margin-top: 18px;
}
.botao-verde-sem-fundo,
.coluna-midias .rodape-coluna button {
    float: right;
    border-radius: 0;
    font-weight: 700;
    color: #069;
    background: 0 0;
    border: 2px solid #069;
    padding: 8px 15px !important;
}
.botao-verde-sem-fundo,
.coluna-videos .rodape-coluna button {
    color: #76a73e;
    background: 0 0;
    border: 2px solid #76a73e;
}
.coluna-midias .rodape-coluna button:hover {
    color: #fff;
    background: #069;
    border: 2px solid #069;
}
.botao-verde-sem-fundo:hover,
.coluna-videos .rodape-coluna .botao-verde-sem-fundo:hover {
    color: #fff;
    background: #76a73e;
    border: 2px solid #76a73e;
}
.coluna-videos .corpo-coluna p {
    font-weight: 700;
    line-height: 21px;
    margin-top: 15px;
}
.link-audio {
    float: right;
    bottom: 0;
}
.coluna-audios li {
    border-bottom: 2px solid #d7d7d7;
    max-height: 70px;
    padding-bottom: 2.5px;
}
.coluna-audios #icone-audio i {
    font-size: 30px;
    color: #069;
}
#conteudo-audio a {
    color: #069 !important;
    line-height: 28px !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
#conteudo-audio a:hover {
    color: #069;
}
.coluna-imagens .titulo-coluna {
    color: #d05429;
}
.coluna-imagens .rodape-coluna button {
    color: #d05429;
    border-color: #d05429;
}
.coluna-imagens .rodape-coluna button:hover {
    background: #d05429;
    border-color: #d05429;
    color: #fff;
}
.coluna-imagens a {
    font-weight: 400;
    color: #d05429;
}
.coluna-imagens a:hover {
    color: #d05429;
}
.coluna-imagens .media-left {
    width: 30%;
}
.coluna-imagens .media-top {
    display: none !important;
}
#conteudo-imagem {
    text-align: left;
}
.coluna-videos a {
    color: #76a73e !important;
    font-family: "Open Sans", sans-serif !important;
}
.coluna-videos .rodape-coluna button {
    margin-bottom: 26px !important;
}
#md-videos a {
    color: #000;
}
#md-videos a:hover {
    text-decoration: none;
    color: #a0a0a0;
}
#md-videos p {
    font-weight: 400;
    color: #000 !important;
}
#md-videos .youtube {
    width: 100%;
    height: 30vw;
    max-height: 251px;
    min-height: 150px;
}
@media only screen and (max-width: 770px) {
    .coluna-imagens .media-left {
        display: none !important;
        background: green;
    }
    .coluna-imagens .media-top {
        display: block !important;
    }
    .coluna-imagens .media-top img {
        min-width: 320px;
        height: 100%;
    }
    .coluna-imagens .media-body {
        max-width: 100%;
        float: left;
        clear: left;
    }
    #conteudo-imagem {
        text-align: center;
    }
    #md-videos {
        display: block;
    }
    #md-videos img {
        margin: auto;
    }
    #md-videos .youtube {
        height: 50vw;
        max-height: 350px;
        min-height: 200px;
    }
}
@media only screen and (max-width: 992px) {
    .coluna-imagens .media-left {
        display: none !important;
        background: green;
    }
    .coluna-imagens .media-top {
        display: block !important;
    }
    .coluna-imagens .media-body {
        max-width: 100%;
        float: left;
        clear: left;
    }
    #conteudo-imagem {
        text-align: center;
    }
}

.btn-informativo,
.media-xs .media-top {
    display: none !important;
}
#imagensNoticias {
    max-width: 652px;
    margin: auto;
}
.sem-padding-direita {
    padding-right: 15px !important;
}
.carousel-control {
    background: 0 0 !important;
    color: #d9d9d9 !important;
}
.carousel-control .fa-angle-left,
.carousel-control .fa-angle-right {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 32px;
    background: rgba(242, 238, 230, 0.75) !important;
    padding: 10px;
    color: #373435 !important;
}
.carousel-control .fa-angle-left {
    left: 0;
}
.carousel-control .fa-angle-right {
    right: 0;
}
#carousel-noticias {
    margin-bottom: 0 !important;
    color: #000;
    background: 0 0 !important;
    height: 60vw;
    max-height: 340px;
}
.new-caption-area {
    height: 120px;
    border-bottom: 2px solid #d7d7d7;
    margin-bottom: 8px;
    margin-top: 8px;
    background: 0 0;
}
.new-caption-area p {
    color: #d05429;
    font-weight: 400;
    margin-bottom: 0;
    font-size: 13px;
}
.new-caption-area a {
    margin-top: 0;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    text-decoration: none;
    color: #d05429;
}
.new-caption-area a:hover {
    text-decoration: none;
    color: #373435 !important;
}
.new-caption-area i {
    margin-right: 5px;
}
#carousel-noticias img {
    margin: auto;
    width: 100% !important;
    -webkit-box-shadow: 0 0 3px #000 !important;
    box-shadow: 0 0 3px #000 !important;
}
@media only screen and (min-width: 992px) {
    .new-caption-area {
        height: 70px;
        border-bottom: 2px solid #d7d7d7;
        margin-bottom: 18px;
        margin-top: 16px;
        background: 0 0;
    }
    .editar-informativo {
        position: relative;
        margin-right: 0;
        -webkit-transform: translateY(27px);
        transform: translateY(27px);
        z-index: 19999;
    }
    #carousel-noticias img {
        min-height: 343px;
    }
}
.media-xs {
    margin-top: 23px !important;
}
.noticia-lista-home {
    border-bottom: 2px solid #d7d7d7;
    padding-bottom: 23px;
    margin-top: 0;
}
#link-noticia-lista {
    text-decoration: none;
    color: #000;
    font-weight: 700;
}
#link-noticia-lista:hover {
    text-decoration: none;
    color: #a0a0a0;
}
#data-noticia {
    margin-top: 2px;
    margin-bottom: 2px;
    font-weight: 400;
    color: grey;
}
#data-noticia i {
    margin-right: 5px;
}
#conteudo-noticia-lista {
    font-weight: 700;
    color: #76a73e;
}
#conteudo-noticia-lista:hover {
    color: #373435;
}
#campanha {
    margin-bottom: 10px;
    padding: 0;
    width: 100%;
}
#campanha img {
    float: right;
    clear: right;
    margin-bottom: 18px;
    width: 396px;
}
.imagem-banner {
    max-height: 195px !important;
}
.campo-campanha {
    width: 100% !important;
}
.campo-campanha .limpar {
    clear: both;
}
#campanha .campo-facebook:last-child {
    overflow: hidden;
}
#conteudo-informativo {
    max-height: 146px;
    padding: 0;
    margin: auto auto 18px;
    width: 100%;
}
#conteudo-informativo img {
    max-height: 106px;
    margin: 0 !important;
    padding: 0 !important;
}
.campo-informativo #conteudo-informativo p {
    text-align: center;
    font-weight: 700;
    margin: 0;
    clear: both;
}
.campo-informativo #conteudo-informativo div {
    font-weight: 400;
}
.campo-informativo button {
    width: 25%;
    border-radius: 0;
    background: #d1d1d1;
    border: none;
}
.btn-informativo,
.btn-informativo:hover {
    border-radius: 0;
    background: #009050 !important;
}
.btn-informativo {
    border: none;
}
.btn-informativo:hover {
    border: none;
    height: 32px;
}
.btn-informativo:focus {
    border-radius: 0;
    background: #009050;
    border: none;
}
.alterar-banner,
.editar-informativo {
    right: 0 !important;
    float: right;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    font-weight: 700;
    background: #a5cc78;
    padding: 5px;
    font-size: 12px;
    text-transform: uppercase;
    position: absolute;
    z-index: 9;
}
.alterar-banner:focus,
.alterar-banner:hover,
.editar-informativo:focus,
.editar-informativo:hover {
    color: #000;
}
.editar-informativo {
    position: absolute;
    right: auto !important;
}
.mejs-container .mejs-controls {
    color: #d1d1d1;
    background: #6ba64e !important;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
    background: #fff !important;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
    background: 0 0 !important;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #efefef;
}
.mejs-volume-button {
    margin-right: 5px !important;
}
.mejs-horizontal-volume-total {
    background: #fff !important;
}
.mejs-horizontal-volume-current {
    background: 0 0 !important;
}
.mejs-horizontal-volume-handle {
    background: #fff;
}
@media only screen and (max-width: 991px) {
    #campanha img {
        display: inline-block;
        float: none !important;
        clear: both;
        margin-left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .campo-facebook {
    /*    float: none;*/
    /*    clear: both;*/
    /*    min-width: 290px;*/
    /*    max-width: 396px;*/
    /*    max-height: 210px;*/
    /*    margin: auto;*/
    height: auto;
    width: auto;
    }
    /*#conteudo-informativo,*/
/*.campo-facebook {*/
/*    max-width: 396px;*/
/*    float: right;*/
/*}*/

    #conteudo-informativo {
        max-width: 396px;
        max-height: 137px;
        margin: auto auto 18px;
        float: none;
    }
    #conteudo-informativo img {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        padding: 0;
    }
}
.campo-informativo #conteudo-informativo .player-informativo {
    width: 100%;
    text-align: right;
    line-height: 0;
    -webkit-transform: translate(-5%, -9px);
    transform: translate(-5%, -9px);
}
@media only screen and (max-width: 500px) {
    .media-xs .media-left {
        display: none !important;
        background: green;
    }
    .media-xs .media-top {
        display: block !important;
    }
    .media-xs .media-body {
        max-width: 100%;
        float: left;
        clear: left;
    }
    .media-xs .media-body span {
        text-align: justify !important;
        font-size: 12px;
    }
    .media-xs .media-body p {
        text-align: justify;
        font-size: 14px;
    }
    #conteudo-noticia-lista {
        font-weight: 700;
        max-width: 100%;
    }
}
#icone-audio i {
    font-size: 35px;
    color: #19882c;
}
.conteiner-audio {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #025310;
    width: auto;
    height: auto;
}
.agenda-cultural {
    -webkit-transform: translateY(-26px);
    transform: translateY(-26px);
}
.texto-contatos,
.titulo-contatos {
    color: #000;
}
.bloco-contatos {
    padding-top: 10px;
    padding-bottom: 15px;
}
.icone-contato {
    display: block;
    font-size: 60px;
    float: left;
    color: #000;
    margin-right: 12px;
    padding-bottom: 15px;
}
.link-escolas,
.link-saude {
    color: #00f;
    font-size: 18px;
    margin-left: 65px;
    cursor: pointer;
}
.escolas,
.unidades-saude {
    padding-bottom: 10px;
}
#collapse-conselhos,
#collapse-escolas,
#collapse-saude {
    margin-left: 65px;
}
#collapse-conselhos h4,
#collapse-escolas h4,
#collapse-saude h4 {
    font-size: 16px;
    color: #999;
}
.escolas span,
.unidades-saude span {
    color: #000;
    font-size: 14px;
}

.miniatura_galeria {
    width: auto;
    border-color: #19882c;
}
.fonte {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    font-family: Arial, sans-serif;
    text-align: center;
    color: #fff;
    background: radial-gradient(ellipse at center, #19882c 1%, #025310 100%);
    border-radius: 5px;
    min-height: 40px;
    padding: 11px;
}
.tamanho_imagens {
    width: 100%;
}
.thumbnail-galerias {
    display: block;
    float: left;
    height: 570px;
    width: 48%;
    padding: 10px;
    border: 1px solid #999;
    border-radius: 5px;
    margin: 5px;
    text-overflow: ellipsis;
}
.thumbnail-galerias img {
    height: auto;
}
@media only screen and (max-width: 767px) {
    .thumbnail-galerias {
        text-overflow: ellipsis;
        padding: 10px;
        border: 1px solid #999;
        border-radius: 5px;
        margin: 5px;
    }
    .thumbnail-galerias img {
        height: auto;
    }
}
@media only screen and (max-width: 556px) {
    .thumbnail-galerias {
        text-overflow: ellipsis;
        display: block;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        height: auto;
        margin: 0 !important;
    }
    .thumbnail-galerias img {
        height: auto;
    }
}
.linha {
    color: #000;
    border: none;
    border-bottom: 2px solid #787674;
}
.bloco-institucional {
    padding-bottom: 30px;
    display: block;
}
.titulo-institucional {
    float: left;
    padding-right: 8px;
    color: #000;
    font-weight: 700;
}
.foto {
    margin-left: calc(50% - 100px);
}
.cargo-institucuional {
    color: #787674;
}
.nome-institucional {
    color: #000;
    line-height: 0.2em;
    padding-top: 10px;
}
.texto-institucional {
    color: #000;
}
.esquerda-bloco-institucional {
    float: left;
}
.pg-titulo {
    font-size: 20px !important;
    font-weight: 700;
    color: #76a73e;
}
.pg-destaque {
    margin: 0 0 20px;
    padding: 0;
}
.pg-destaque img {
    margin: auto;
}
.pg-informacoes ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.pg-informacoes .acoes {
    background: #f2f2f2;
    padding: 5px;
    display: block;
    text-align: center;
}
.pg-informacoes .acoes li {
    display: inline-block;
    font-size: 25px;
    margin-left: 5px;
    text-align: center;
}
.pg-informacoes .status {
    margin-top: 20px;
}
.pg-informacoes .status i {
    margin-right: 10px;
    line-height: 25px;
}
.pg-conteudo {
    clear: left !important;
    display: block;
}
.pg-conteudo p {
    font-size: 15px;
}



.titulo-noticia {
    padding-bottom: 3px !important;
    font-weight: 700 !important;
    color: #76a73e !important;
    border-bottom: 1px solid #76a73e !important;
}
.pg-destaque img {
    width: 100%;
    height: auto;
}
.altura-linha,
.altura-linha .fonte14 {
    line-height: 18px !important;
}
.botoes-paginacao {
    text-align: right;
    margin-top: 10px;
}
.botoes-paginacao .page-numbers {
    color: #fff;
    background: #76a73e;
    border: 1px solid #006400;
    border-radius: 0;
    font-weight: 700;
    padding: 0 7px;
}
.botoes-paginacao .next,
.botoes-paginacao .prev {
    padding: 0 7px !important;
}
.botoes-paginacao .current {
    background: #999 !important;
    color: #555 !important;
}
.pg_noticias {
    padding: 10px;
}
.pg_noticias .noticia-body h4 a {
    text-decoration: none !important;
    color: #036031 !important;
    font-weight: 700;
}
.pg_noticias .noticia-left a,
.pg_noticias .noticia-left a:hover {
    color: #fff;
}
.pg_noticias .noticia-bottom {
    padding: 0;
    margin: 0;
}
.pg_noticias .noticia-bottom span {
    float: right;
    margin-right: 15px;
}
.pg_noticias .div-link {
    background-color: #025310 !important;
    margin-top: 5px;
    margin-right: 0;
    padding: 0;
    width: 100%;
    margin-bottom: 20px;
}
.pg_noticias .noticia-left img {
    max-width: 100%;
}
.listagem-todas-noticias hr {
    margin: 0 10px;
    border: 1px solid #eee;
}
.coluna-direita {
    padding: 13px !important;
    border: 0.5px solid #aaa;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 20px;
    min-height: 709px !important;
    overflow: hidden;
}

.div-icone-transparencia,
.div-icone-transparencia-sobreposto,
.div-icone-transparencia-sobreposto-rreo {
    height: 250px;
    text-align: center;
    display: inline-block;
}
.div-icone-transparencia-sobreposto-rreo::before,
.div-icone-transparencia-sobreposto::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #fff;
    margin-left: 10px;
    position: absolute;
}
.div-geral-icone-transparencia {
    text-align: center;
}
.div-geral-icone-transparencia h3 {
    border-top: 1px solid #000;
}
.div-geral-icone-transparencia div {
    padding: 5px;
}
.espaco-cima {
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
}
.padding {
    padding-bottom: 90px;
}
@media only screen and (max-width: 456px) {
    .padding {
        padding-bottom: 0;
    }
}
.div-icone-transparencia {
    font-size: 100px;
    width: 190px;
}
.div-icone-transparencia-sobreposto {
    font-size: 100px;
    max-width: 200px;
}
.div-icone-transparencia-sobreposto::before {
    content: "\f002";
    font-size: 60px;
    margin-top: 40px;
}
.div-icone-transparencia-sobreposto-rreo {
    font-size: 100px;
    max-width: 200px;
}
.div-icone-transparencia-sobreposto-rreo::before {
    content: "\f155";
    font-size: 35px;
    margin-top: 20px;
}
.div-geral-icone-transparencia a:focus,
.div-geral-icone-transparencia a:hover {
    color: #0f0f0f;
}
.perguntas-geral {
    margin: 0 auto;
    max-width: 600px;
}
.perguntas-geral h2 {
    float: left;
    max-width: 450px;
}
.clear {
    clear: both;
}
.double-linha {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    padding-top: 30px;
}
.orcamento,
.planejamento,
.termos {
    background-color: #d7d7d7 !important;
    text-transform: uppercase !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.link-orcamento,
.link-planejamento {
    color: #fff !important;
    text-align: left !important;
}
.item-destaq-transpa,
.titulo-barra-transparencia {
    font-weight: 700;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
}
.seta-baixo,
.seta-direita {
    float: right;
}
.classe-pai:hover {
    cursor: pointer !important;
}
.barra-lateral-transparencia .titulo-barra {
    margin-bottom: 1px;
}
.collapse-transparencia,
.collapse-transparencia div {
    margin: 0;
    padding: 0;
}

.titulo-barra-transparencia {
    background: #297f38;
    padding: 11px 15px !important;
    border-bottom: 1px solid #fff !important;
    color: #fff;
}
.titulo-barra-transparencia:hover {
    border-left: 2px solid #297f38;
    padding-left: 13px !important;
}
.titulo-barra-transparencia b {
    border: none;
}
.titulo-barra-transparencia a,
.titulo-menu-destaque-transpa {
    color: #fff;
}
.item-destaq-transpa {
    text-decoration: none;
    border-left: 2px solid #297f38;
    background: #fff;
    padding: 11px 15px !important;
    margin-bottom: 1px;
}
.item-destaq-transpa b,
.submenu-barra-transpa {
    color: #297f38 !important;
}
.submenu-transpa a {
    color: #444;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .titulo-barra-transparencia {
        font-size: small;
    }
}
.icone-fc::before {
    font-family: "Font Awesome\ 5 Free" !important;
    font-weight: 900;
    content: "\f095";
    position: absolute;
    background: #000;
    color: #fff;
    font-size: 40px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    border-radius: 50%;
    width: 70px;
    height: 70px;
    border: 5px solid #fff;
    margin-left: -15px;
    margin-top: 15px;
}
.icone-diario {
    -webkit-transform: rotate3d(2, -1, 1, 25deg);
    transform: rotate3d(2, -1, 1, 25deg);
}
.conteiner-video {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 5px solid #025310;
    width: 100%;
    height: auto;
}
tbody.corpo-tabela tr:hover {
    background: #b5b5b5 !important;
}
.container-anexos .table {
    margin-bottom: 0 !important;
}
.coluna-cidadao *,
.coluna-empresa *,
.coluna-servidor *,
.titulo-coluna-servicos {
    font-family: "Open Sans", sans-serif;
}
.coluna-cidadao *,
.coluna-cidadao :hover,
.coluna-empresa *,
.coluna-empresa :hover,
.coluna-servidor *,
.coluna-servidor :hover {
    color: #76a73e;
    font-weight: 700;
    text-decoration: none !important;
}
.cidadao-servicos,
.empresa-servicos,
.servidor-servicos {
    list-style: none;
    position: relative;
    text-align: center;
}
.sem-fundo *,
.sem-fundo .panel-heading {
    background-color: transparent !important;
}
.titulo-coluna-servicos {
    text-decoration: none !important;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
}
.titulo-coluna-servicos i {
    margin-right: 10px;
}
.coluna-servidor *,
.coluna-servidor :hover {
    color: #069;
}
.coluna-empresa *,
.coluna-empresa :hover {
    color: #d05429;
}
.coluna-empresa #busca-empresa:focus {
    -webkit-box-shadow: 0 0 2px #d05429;
    box-shadow: 0 0 2px #d05429;
    border: 1px solid #d05429;
}
#busca-cidadao:focus {
    -webkit-box-shadow: 0 0 5px #76a73e;
    box-shadow: 0 0 5px #76a73e;
    border-color: #76a73e;
}
#lista-cidadao,
#lista-empresa,
#lista-servidor {
    max-height: 170px;
    margin-bottom: 10px;
    min-height: 170px;
    overflow-y: auto;
}
#lista-cidadao::-webkit-scrollbar,
#lista-empresa::-webkit-scrollbar,
#lista-servidor::-webkit-scrollbar {
    width: 10px;
    background: #e6e6e6;
    border: 0.5px solid #d7d7d7;
}
#lista-cidadao::-webkit-scrollbar-thumb,
#lista-empresa::-webkit-scrollbar-thumb,
#lista-servidor::-webkit-scrollbar-thumb {
    background: silver;
}
#lista-cidadao li,
#lista-empresa li,
#lista-servidor li {
    border-bottom: 2px solid #d7d7d7 !important;
    margin: 2px 0;
    padding: 10px 5px 5px;
    line-height: 21px;
}
.linha-servicos p {
    margin-bottom: 6px;
}
.abas {
    text-align: center;
}
.centralizado {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.centralizado li {
    width: 33%;
    text-align: center;
}
.centralizado li a {
    padding: 10px 0;
}
.centralizado .verde a {
    color: #76a73e !important;
}
.centralizado .azul a {
    color: #069 !important;
}
.centralizado .laranja a {
    color: #d05429 !important;
}
.cidadao-servicos {
    display: block;
    padding: 0;
}
.cidadao-servicos li {
    width: 114px;
    height: 120px;
    margin: 5px;
    text-align: center;
    display: inline-block;
}
.cidadao-servicos li img {
    width: 95px;
    height: 95px;
    float: left;
}
.cidadao-servicos li i {
    font-size: 55px;
    padding: 15px;
}
.cidadao-servicos span {
    font-size: 12px;
    text-align: center;
    color: #76a73e;
    padding: 3px;
}
.empresa-servicos {
    display: block;
    padding: 0;
}
.empresa-servicos li {
    width: 114px;
    height: 120px;
    margin: 5px;
    text-align: center;
    display: inline-block;
}
.empresa-servicos li img {
    width: 95px;
    height: 95px;
}
.empresa-servicos li i {
    font-size: 55px;
    padding: 15px;
}
.empresa-servicos span {
    font-size: 12px;
    text-align: center;
    color: #d05429;
}
.servidor-servicos {
    display: block;
    padding: 0;
}
.servidor-servicos li {
    width: 114px;
    height: 120px;
    margin: 5px;
    text-align: center;
    display: inline-block;
}
.servidor-servicos li img {
    width: 95px;
    height: 95px;
}
.servidor-servicos li i {
    font-size: 55px;
    padding: 15px;
}
.servidor-servicos span {
    font-size: 12px;
    text-align: center;
    color: #069;
}
.titulo-barra {
    background: #f2f2f2;
    color: #76a73e;
    font-weight: 700;
    text-align: center;
    font-size: 13px;
    padding: 5px 15px !important;
    margin-bottom: 10px;
}
.bl-noticia {
    margin-bottom: 30px !important;
    min-height: 70px;
}
.barra-lateral-recentes {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 17px;
    font-weight: 700;
}
.barra-lateral-recentes a {
    text-decoration: none !important;
}
.barra-lateral-recentes i {
    margin-right: 5px;
}
.barra-lateral-recentes p {
    color: #0080d9;
    font-size: 13px !important;
}
.barra-lateral-recentes span {
    color: #c2c2c2;
    font-size: 13px;
}
.menu-noticias a,
.selected a {
    color: #fff;
}
.barra-lateral-recentes img {
    float: left;
    margin: 0;
}
.barra-lateral-noticias {
    margin-bottom: 20px;
}
.menu-noticias {
    text-transform: uppercase;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    background-image: radial-gradient(ellipse at center, #19882c 1%, #025310 100%);
}
.menu-departamento {
    cursor: pointer;
}
.selected {
    background: #143063;
}
.selected::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: calc(100% - 15px);
    border-bottom: 17px solid transparent;
    border-left: 0 solid #f9f9f9;
    border-right: 15px solid #f9f9f9;
    border-top: 16px solid transparent;
    margin-top: -10px;
}
.fa,
.fas {
    font-family: "Font Awesome 5 Free", sans-serif;
}
.fab {
    font-family: "Font Awesome 5 Brands", sans-serif;
}
#linha-horizontal,
body {
    font-family: "Open Sans", sans-serif;
}
.content-uppercase,
.post-edit-link {
    text-transform: uppercase;
}
body {
    background-color: #f9f9f9 !important;
}
a {
    text-decoration: none !important;
    color: #000;
}
/*.tamanho-maximo {*/
/*    max-width: 1030px !important;*/
/*}*/
.botao-verde {
    background: #76a73e !important;
    border-radius: 0 !important;
    border: none;
    color: #fff !important;
    font-weight: 700 !important;
}
#linha-horizontal {
    background: #76a73e;
    text-align: center;
    clear: right;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-top: 3px;
    margin-bottom: 15px;
    padding: 10px 0;
    /*max-width: 1000px;*/
}
.carousel-home {
    max-width: 100% !important;
    max-height: 343px !important;
    width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    #linha-horizontal {
        max-width: 720px !important;
    }
}
@media only screen and (max-width: 991px) {
    #carousel-noticias .item {
        margin: auto;
        width: 100% !important;
    }
    .carousel-home {
        max-width: 100% !important;
        max-height: 343px !important;
        width: 100%;
    }
}
.direitos-autorais {
    color: #fff;
    font-weight: 700;
    font-size: 0.9em;
}
.sem-borda {
    border-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
}
.sem-margin {
    margin: 0;
}
.bg-branco {
    background-color: #fff !important;
}
.sem-padding {
    padding: 0 !important;
}
.und-cor {
    color: transparent !important;
    text-shadow: none !important;
}
.titulo-pagina {
    border-bottom: 1px solid #aaa;
    padding: 0 0 5px;
    margin: 0 0 15px;
    width: 100%;
    font-size: 21px;
    font-weight: 700;
    color: #555;
}
.tilulo-sessoes-busca {
    text-align: center;
    background: #ddd;
    margin: 0;
    padding: 20px 0;
    border-radius: 3px;
}
.paginas-pg {
    margin-top: 30px;
    margin-bottom: 30px;
    min-height: calc(100vh - 580px);
}
.anexos {
    border: 1px solid #2a9445;
    background-color: #f2dede;
    border-radius: 3px;
}
.anexos a:focus {
    color: #2a9445;
    font-weight: 700;
}
.post-edit-link:focus,
.post-edit-link:hover,
code {
    color: #000;
}
.sem-padding-esquerda {
    padding-left: 0 !important;
}
.post-edit-link {
    position: absolute;
    right: 0 !important;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    font-weight: 700;
    top: 0;
    background: #a5cc78;
    padding: 5px;
    font-size: 12px;
    z-index: 1;
}
code {

    padding: 0;
    font-size: 90%;
    background-color: transparent;
    border-radius: 0;
    width: 100%;
}
code a {
    line-height: 23px !important;
    padding-top: 3px;
    display: block;
    width: 100%;
    background-color: #ded;
    margin: 2px 0;
    border: 1px solid #76a73e;
}
code a:visited {
    font-weight: 700;
}
code a:hover {
    color: #2a9445;
}
code a::before {
    content: "\f1c1";
    font-family: "Font Awesome 5 Free", sans-serif;
    font-size: 20px;
    margin: 5px;
}
.altura-linha {
    line-height: 18px !important;
}
.botao-verde-diario {
    background: radial-gradient(ellipse at center, #19882c 1%, #025310 100%);
    border-radius: 0 !important;
    border: none;
    color: #fff !important;
    font-weight: 700 !important;
    text-align: center !important;
}
.destacar-fonte {
    color: #febb09 !important;
}
.share-icon::before {
    font: 400 18px/1 social-logos !important;
}
.glossario b {
    font-size: 17px;
}
.glossario em {
    font-size: 13px;
    font-style: normal;
}
.irpara {
    width: 200px;
    height: 40px;
    position: relative;
    background: red;
}
.irpara:before {
    content: "";
    position: absolute;
    right: -20px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 20px solid red;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}
.corpo-tabela tr td:first-child {
    border-left: 1px solid #ddd !important;
}
.corpo-tabela tr td:last-child {
    border-right: 1px solid #ddd !important;
}
.filtragem {
    padding-bottom: 15px;
}



/****************************************************************************
 * 2# Custom CSS Page (404)
 ****************************************************************************/
.wrapper {
    width: 70%;
    margin: 0 auto;
}
.notfound-page {
    width: 100%;
    float: left;
    background-color: #1a69ae;
    padding: 60px 15px;
    text-align: center;
    height: 100vh;
}
.notfound-page h1 {
    /* color: #eaff72; */
    color: #c0f187;
    
    font-size: 200px;
    letter-spacing: 10px;
}
.notfound-page h5 {
    color: #fff;
    font-size: 38px;
    font-weight: normal;
    letter-spacing: 3px;
}
.notfound-page p {
    font-size: 15px;
    color: #fff;
    width: 80%;
    margin: 15px auto 20px;
    line-height: 22px;
}
.buttons {
    margin-top: 40px;
}
.buttons a {
    color: #ffffff;
    text-decoration: none;
    background-color: #3084ce;
    padding: 10px 15px;
    font-size: 18px;
    border-radius: 4px;
    margin: 10px 5px;
    display: inline-block;
    transition: 0.5s;
}
.buttons a:hover{
  background-color: #3599f1;
}
.buttons a i {
    margin-right: 5px;
}
.search-box {
    position: relative;
    width: 80%;
    margin: 50px auto 0px;
}
.search-box input {
    width: 100%;
    height: 40px;
    padding: 5px 10px;
    font-size: 17px;
    border: none;
}
.search-box button {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 40px;
    border: none;
    background-color: #3084ce;
    color: #fff;
    font-size: 16px;
    padding: 0px 15px;
    letter-spacing: 1px;
    cursor: pointer;
    transition: 0.5s;
}
.search-box button:hover{
  background-color: #3599f1;
}

/*--Responsive CSS For Small Devices--*/
@media (max-width: 1200px) {
.notfound-page h1 {
    font-size: 100px;
}
.wrapper {
    width: 90%;
}
.notfound-page p {
    width: 100%;
}
.notfound-page h5 {
    font-size: 18px;
}
.buttons a {
    padding: 8px 8px;
    font-size: 15px;
}
.search-box {
    width: 100%;
}
}



/* =================================================================================
  || Search Page 
================================================================================  */
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.np-archive-post-content-wrapper {
    box-shadow: 0 0 8px rgb(0 0 0 / 10%);
    padding: 20px;
    position: relative;
}


/* .newsmag-blog-post-layout .newsmag-title h3 { */
.portalnavirai-titulo h5 {
    font-size: 21px;
    font-family: "Poppins", "serif";
    margin-top: 0;
    font-weight: 700;
    text-transform: initial;
}


.portalnavirai-titulo a,  .portalnavirai-meta span{
    color:rgb(255, 108, 46);
}

.portalnavirai-titulo--vermelho  a{
    color: #EE2851!important;
}

.portalnavirai-meta a{
    color:rgb(117, 117, 117);
}
.portalnavirai-conteudo p {
    margin-bottom: 1.5em;
    color: rgb(117, 117, 117);
    font-family: 'Nunito';
    font-size: 16px;
    /* font-weight: 700; */
    line-height: 1.5;
    font-weight: 600;
}


.portalnavirai-blog-post-layout {
    margin-bottom: 30px;
    padding-bottom: 30px;
    position: relative;
    border-bottom: 1px solid #ebebeb;
}

/* =================================================================================
  || End Search Page 
================================================================================  */




    @media (max-width: 991.98px) {
        body {
            padding-top: 95px!important;
        }
        
        .offcanvas-collapse {
            top: 72px!important;
        }
        
    }
    
    
    
/*******************************************************************************************
**
** FOOTER **********************************************************************************
**
********************************************************************************************/
    
    
    
    
    
    
    


    footer {
        font-family: Roboto;
        font-size: calc(14px + (16 - 14) * ((100vw - 360px) / (1600 - 360))) !important;
        line-height: 1.42857143;
        color: #333;
    }


 
   /* #footer .footer-principal{
        padding: 30px 0 !important;
      
        background-image: radial-gradient(ellipse at center, #22a679 1%, #22a679 100%);
    }*/
      #footer .footer-principal{
        padding: 30px 0 !important;
        background-image: radial-gradient(ellipse at center, #1261a0 1%, #1261a0 100%);
    }
    
    
    footer ul li{
        color: #ffffff;
        line-height: 1.5;
    }



    .a:hover>.search_icon {
        background: red;
        color: #76a73e
    }




    footer.nb-footer .footer-info-single .title {
        color: #aaa;
        text-transform: uppercase;
        font-size: 16px;
        border-left: 4px solid #b78c33;
        padding-left: 5px;
    }


    #footer {
        background: #007b5e !important;
    }
    #footer .footer-cabecalho{
    	/* padding-left: 10px; */
        /* border-left: 3px solid #eeeeee; */
        padding-bottom: 6px;
        /* margin-bottom: 20px; */
        color:#ffffff;
    }
    
    
    .h5--no-border{
        border-left: none!important;
        padding-left: 0!important;
    }
    
    
    
    #footer ul.social li{
    	padding: 3px 0;
    }
    #footer ul.social li a i {
        margin-right: 5px;
    	font-size:25px;
    	-webkit-transition: .5s all ease;
    	-moz-transition: .5s all ease;
    	transition: .5s all ease;
    }
    #footer ul.social li:hover a i {
    	font-size:30px;
    	margin-top:-10px;
    }
    #footer ul.social li a,
    #footer ul.quick-links li a{
    	color:#ffffff;
    }
    #footer ul.social li a:hover{
    	color:#eeeeee;
    }
    #footer ul.quick-links li{
    	padding: 3px 0;
    	-webkit-transition: .5s all ease;
    	-moz-transition: .5s all ease;
    	transition: .5s all ease;
    }
    #footer ul.quick-links li:hover{
    	padding: 3px 0;
    	margin-left:5px;
    	font-weight:700;
    }
    #footer ul.quick-links li a i{
    	margin-right: 5px;
    }
    #footer ul.quick-links li:hover a i {
        font-weight: 700;
    }

    @media (max-width:767px){
    	#footer h5 {
            padding-left: 0;
            border-left: transparent;
            padding-bottom: 0px;
            margin-bottom: 10px;
        }
    }

  .footer-cabecalho {
        font-size: calc(16px + (21 - 16) * ((100vw - 360px) / (1600 - 360))) !important;
        font-weight: 900;
    }

  .footer-conteudo {
        font-size: calc(14px + (16 - 14) * ((100vw - 360px) / (1600 - 360))) !important;
        color: #ffffff;
    }



    .footer-ajuda{
        background-color: #F6F9ED; /*#F6F9ED; */
        background-position: center top;
        background-repeat: no-repeat;
    }
    
    .footer-cabecalho--ajuda{
        color: #006F3C!important;
    }
    
    .footer-conteudo{
        font-weight: 500;
        margin: 0;
    }
    
    
    .footer-conteudo--ajuda{
        color: #7E7E7E !important;
        padding-bottom: 30px;
    }
    
    .text-white {
        color: #ffffff;
    }
    
    .text-gray-7e7e7e {
        color: #7E7E7E;
    }
    
    .font-size-50 {
        font-size: 50px;
    }
    
    .font-size-40 {
        font-size: 40px;
    }
    
    
    .font-size-30 {
        font-size: 30px;
    }
    
    
    .font-wight-500 {
        font-weight: 500;
    }
    
    .bg-transparent {
        background-color: transparent;
    }
    
    
    .footer-item {
        color: #ffffff;
    }
    
    .footer-item--ajuda{
        color: #7E7E7E;
    }
    
    
    
    
    #footer .nv-area-info-orgao {
        text-align: center;
    }
    
    .nv-area-info-orgao--ajuda {
        padding: 20px 0;
    }
    
    #footer .nv-conteudo-info-orgao {
        margin: 10px 0;
        padding: 10px 40px;
    }
    
    .nv-desenvolvimento {
        padding-top: 20px;
    }
    
    .footer-acesso-rapido {
        padding: 10px 0;
    }
    
    .list-group-horizontal {
    	margin: 0;
       
    }
    
    .list-group-horizontal .list-group-item {
    	display: inline-block;
        background-color: transparent;
        border: none;
       
    }
    
    .list-group-horizontal .list-group-item a {
        color: #ffffff;
    }

    .list-group-horizontal .list-group-item {
    	margin-bottom: 0;
    	margin-left:-4px;
    	margin-right: 0;
     	border-right-width: 0;
    }
    
    .list-group-horizontal .list-group-item:first-child {
    	border-top-right-radius:0;
    	border-bottom-left-radius:4px;
    }
    
    .list-group-horizontal .list-group-item:last-child {
    	border-top-right-radius:4px;
    	border-bottom-left-radius:0;
    	border-right-width: 1px;
    }
    
    #footer {
    width: 100%;
    background: #025310;
    border-top: 5px solid #F2B705;
}
    
  footer  .footer-creditos  .nav-item {
    border-radius: 0;
    border-left: 1px solid #fff;
    padding-left: 15px;
    padding-right: 15px;
}