.sub_menu_int {
    float: left;
    max-width: 1200px;
    display: flex;
    text-align: left;
    width: auto !important;
    list-style: none;
    border: solid 1px #c7dfca;
    border-radius: 50px;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
    box-shadow: 5px 5px 30px 0px #32594526;
    -webkit-box-shadow: 5px 5px 30px 0px #32594526;
    box-shadow: 5px 5px 30px 0px #32594526;
}
		
		.sub_menu_int a {
    border-radius: 3px;
    margin-bottom: 0;
    padding-right: 0;
    float: left;
    /* max-width: 210px; */
    display: flex;
    align-items: center;
}
		
.sub_menu_int li {
    color: #000000 !important;
    font-size: 0.72em;
    line-height: 1em;
    position: relative;
    padding: 9px !important;
    margin: 4px;
    border-radius: 20px !important;
    padding-top: 0;
    float: left;
    font-weight: 600 !important;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    cursor: pointer;
    display: flex;
    /* background: #fff; */
    border: solid 1px transparent !important;
    padding-left: 10px;
    box-shadow: 5px 5px 20px 0px #193f561c;
    -webkit-box-shadow: 5px 5px 20px 0px #193f561c;
    box-shadow: none;
    text-transform: uppercase;
    align-items: center;
}
		
		
.sub_menu_int li i {
    font-size: 36px;
    color: #a5ba34;
    margin-right: 8px;
}
		
		
		.sub_menu_int a li span::first-letter {
    text-transform: uppercase !important;
}
		
		
		.sub_menu_int.sujao a.selected li {
    color: #82980e !important;
    border: solid 1px #9bb412 !important;
}
		
		.sub_menu_int li:hover {
    color: #82980e !important;
    border: solid 1px #9bb412 !important;
}




	/* =========================================
   MENU DESKTOP
========================================= */

.menu-desktop li {

    border: solid 1px #ccc;

    padding: 15px;

    border-radius: 5px;
}


/* =========================================
   MENU MOBILE
========================================= */

/* Escondido no desktop */

.menu-mobile {
    display: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 768px) {


    /* -----------------------------------------
       Esconde menu desktop
    ----------------------------------------- */

    .menu-desktop {
        display: none !important;
    }


    /* -----------------------------------------
       Container
    ----------------------------------------- */

    .menu-mobile {

        display: block;

        width: 100%;

        position: relative;

        z-index: 100;
    }


    /* -----------------------------------------
       Checkbox invisível
    ----------------------------------------- */

    #mobile-menu-toggle {

        position: absolute;

        width: 1px;
        height: 1px;

        opacity: 0;

        pointer-events: none;
    }


    /* =========================================
       BOTÃO PRINCIPAL
    ========================================= */

.mobile-selected {
    width: 100%;
    min-height: 65px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 10px 15px;
    background: #eef6f1;
    border: 1px solid #bbe4d3;
    border-radius: 50px;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .07);
    cursor: pointer;
    user-select: none;
    position: relative;
    z-index: 2;
    transition: border-radius .3s ease,
            border-color .3s ease,
            box-shadow .3s ease;
}


    /* -----------------------------------------
       Ícone principal
    ----------------------------------------- */

.mobile-selected-icon {
    width: 42px;
    height: 42px;
    min-width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    /* background: #f2f7ee; */
    color: #05790d;
    border-radius: 8px;
    transition: background .25s ease,
            color .25s ease,
            transform .25s ease;
}


 .mobile-selected-icon i {
    font-size: 30px;
}


    /* -----------------------------------------
       Texto principal
    ----------------------------------------- */

.mobile-selected-text {
    display: flex;
    flex-direction: column;
    color: #006b07;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
}


.mobile-selected-text small {
    margin-bottom: 0;
    color: #6c6f6c;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .6px;
}


    /* -----------------------------------------
       Seta
    ----------------------------------------- */

    .mobile-arrow {

        margin-left: auto;

        color: #777;

        font-size: 13px;

        transition:
            transform .35s ease,
            color .25s ease;
    }


    /* =========================================
       ESTADO ABERTO
    ========================================= */

#mobile-menu-toggle:checked ~ .mobile-selected {
    border-radius: 10px 10px 0 0;
    border-color: #d4d4d4;
    box-shadow: 0 2px 8px rgb(0 0 0 / 6%);
    background-color: #f4f5f6;
}


    #mobile-menu-toggle:checked ~ .mobile-selected .mobile-arrow {

        transform: rotate(180deg);

        color: #31834a;
    }


#mobile-menu-toggle:checked ~ .mobile-selected .mobile-selected-icon {
    /*background: #e3e8e4;*/
    transform: scale(1.03);
}


    /* =========================================
       DROPDOWN
    ========================================= */

.mobile-options {
    position: relative;
    left: 0;
    right: 0;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transform: translateY(-8px);
    background: #fff;
    border: 1px solid #d5d5d5;
    border-top: none;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .10);
    transition: max-height .35s ease,
            opacity .25s ease,
            transform .30s ease,
            visibility .35s ease;
}


    /* -----------------------------------------
       Dropdown aberto
    ----------------------------------------- */

    #mobile-menu-toggle:checked ~ .mobile-options {

        max-height: 500px;

        opacity: 1;

        visibility: visible;

        transform: translateY(0);
    }


    /* =========================================
       LINKS
    ========================================= */

    .mobile-options a {

        display: flex;

        align-items: center;

        width: 100%;

        box-sizing: border-box;

        padding: 12px 15px;

        background: #fff;

        color: #333;

        text-decoration: none;

        border-bottom: 1px solid #eee;

        opacity: 0;

        transform: translateY(-5px);

        transition:
            background .2s ease,
            color .2s ease,
            opacity .25s ease,
            transform .25s ease;
    }


    .mobile-options a:last-child {
        border-bottom: none;
    }


    /* -----------------------------------------
       Links aparecem com pequeno delay
    ----------------------------------------- */

    #mobile-menu-toggle:checked ~ .mobile-options a {

        opacity: 1;

        transform: translateY(0);
    }


    #mobile-menu-toggle:checked ~ .mobile-options a:nth-child(1) {
        transition-delay: .03s;
    }

    #mobile-menu-toggle:checked ~ .mobile-options a:nth-child(2) {
        transition-delay: .06s;
    }

    #mobile-menu-toggle:checked ~ .mobile-options a:nth-child(3) {
        transition-delay: .09s;
    }

    #mobile-menu-toggle:checked ~ .mobile-options a:nth-child(4) {
        transition-delay: .12s;
    }

    #mobile-menu-toggle:checked ~ .mobile-options a:nth-child(5) {
        transition-delay: .15s;
    }

    #mobile-menu-toggle:checked ~ .mobile-options a:nth-child(6) {
        transition-delay: .18s;
    }


    /* =========================================
       ÍCONES DAS OPÇÕES
    ========================================= */

.mobile-options a > i {
    width: 38px;
    height: 38px;
    min-width: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    color: #a5ba34;
    border-radius: 7px;
    font-size: 24px;
    transition: background .2s ease,
            color .2s ease,
            transform .2s ease;
}


    /* =========================================
       TEXTO DAS OPÇÕES
    ========================================= */

.mobile-options a span {
    font-size: 13px;
    line-height: 1.3;
    font-weight: 600;
}


    /* =========================================
       HOVER
    ========================================= */

    .mobile-options a:hover {

        background: #f5f9f6;

        color: #31834a;
    }


    .mobile-options a:hover > i {

        background: #e3f1e6;

        color: #31834a;

        transform: scale(1.05);
    }


    .mobile-options a:hover span {

        color: #31834a;
    }


    /* =========================================
       ITEM ATUALMENTE SELECIONADO
    ========================================= */

    .mobile-options a.selected {

        background: #f4f9f5;

        color: #31834a;
    }


    .mobile-options a.selected > i {

        background: #e3f1e6;

        color: #31834a;
    }


    .mobile-options a.selected span {

        font-weight: 600;
    }


    /* =========================================
       ACESSIBILIDADE
    ========================================= */

    #mobile-menu-toggle:focus-visible ~ .mobile-selected {

        outline: 2px solid #31834a;

        outline-offset: 3px;
    }


    /* =========================================
       REDUZ ANIMAÇÕES SE O USUÁRIO PREFERIR
    ========================================= */

    @media (prefers-reduced-motion: reduce) {

        .mobile-options,
        .mobile-options a,
        .mobile-arrow,
        .mobile-selected,
        .mobile-selected-icon {

            transition: none !important;
        }

    }

}



	.wrap_item_leis2 {
  display: none;
    opacity: 0;
    visibility: hidden;
    height: 0;              /* se quiser que não ocupe espaço */
    overflow: hidden;
    transition: opacity .3s ease;
}
.wrap_item_leis2.is-visible {
    opacity: 1;
    visibility: visible;
    height: auto;
	  display: flex;          /* sempre flex */
}
	

.sub_menu_int.sujao a:focus,
.sub_menu_int.sujao a:active {
    /* mantenha o mesmo visual do estado normal, ou nada */
    outline: none;
}

.anchor{
	position: absolute;
	margin-top: -50px;
	pointer-events: none;
	width: 1px;
	height: 1px;
}