/* TOPO INICIO */
.cor-fundo-cm {
    background: url(../images/bg_html.png);
}

#topo-cm {
    width: 1148px;
    height: 200px;
    margin: auto;
    position: relative;
}



#topo-cm #logo {
    width: 292px;
    height: auto;
    left: 408px;
    top: 70px;
    position: absolute;
    background: url(../images/brasao_topo.png);
    z-index: 9;
    background-size: 275px;
    background-repeat: no-repeat;
}

#logo h1 {
    text-indent: -999999px;
}

#nav1-cm,
#nav2-cm {
    position: absolute;
    top: 0;
    float: left;
    z-index: 10;
}

#nav1-cm {
    left: -20px;
}

#nav2-cm {
    right: -20px;
}

#nav1-cm a,
#nav2-cm a {
    padding: 20px 22px;
    display: block;
    float: left;
    color: #fff;
    font-size: 11pt;
}

#nav1-cm a em,
#nav2-cm a em {
    color: #FFF;
    font-weight: bold;
    font-size: 11pt;
}

#nav1-cm a:hover,
#nav2-cm a:hover {
    font-weight: bold;
}



#topo-cm .topo_select {
    width: 314px;
    height: 43px;
    position: absolute;
    top: 75px;
    right: 0;
    background: url(../images/bg_select.png) no-repeat;
}

#topo-cm select {
    width: 314px;
    height: 43px;
    float: left;
    font-weight: bold;
    color: #033960;
    font-size: 12pt;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

#topo-cm #data_inicio {
    line-height: 22px;
    padding-left: 28px;
    color: #FFF;
    font-weight: bold;
    position: absolute;
    top: 85px;
    left: 0;
}

/* TOPO FIM */

/* RODAPÉ INICIO */

#rodape_geral {
    height: 156px;
    margin: auto;
    background: url(../images/bg_rodape.png) center bottom repeat-x;
}

#rodape {
    width: 1148px;
    height: 156px;
    clear: both;
    margin: auto;
    position: relative;
}

#rodape #logo_rodape {
    width: 269px;
    height: 156px;
    background: url(../images/logo_rodape.png);
    position: absolute;
    left: 0;
    top: 0;
}

#rodape #endereco {
    position: absolute;
    left: 350px;
    top: 30px;
}

#rodape strong {
    font-size: 14pt;
    color: #fff;
}

#rodape p,
#rodape b {
    color: #fff;
    font-size: 11pt;
}

#logo_inga {
    background: url(../images/logo_inga.png) no-repeat center top;
    float: right;
    position: absolute;
    bottom: 10px;
    right: 0;
    width: 139px;
    height: 69px;
}

/* RODAPÉ FIM */

/* GERAL */
.alinhamento {
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 1320px) {
    .container {
        width: 1320px;
    }
}

@media (max-width: 1230px) {
    body {
        overflow-x: hidden;
    }
}

a {
    text-decoration: none !important;
    color: #000;
}

.row {
    margin: 0;
}

.overlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.9);
}

.overlay-content {
    position: relative;
    top: 46%;
    width: 80%;
    text-align: center;
    margin-top: 30px;
    margin: auto;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
    cursor: pointer;
    color: white;
}

.overlay .closebtn:hover {
    color: #ccc;
}

.overlay input[type=text] {
    padding: 15px;
    font-size: 17px;
    border: none;
    float: left;
    width: 80%;
    background: white;
    height: 3.9em;
    border-radius: 10px 0px 0px 10px;
}

.overlay input[type=text]:hover {
    background: #f1f1f1;
}

.overlay button {
    float: left;
    width: 20%;
    padding: 15px;
    background-color: #046DA7;
    font-size: 27px;
    height: 66px;
    border: none;
    cursor: pointer;
    border-radius: 0px 10px 10px 0px;
    margin: 0;
    color: white;
}

.overlay button .fa {
    color: #fff;
}

.overlay button:hover {
    background: #bbb;
}

/* TOPO */
.topo {
    background: #005F9A;
    height: 35px;
}

.acessibility {
    justify-content: flex-end;
}

.acesso {
    height: inherit;
}

.redes>div {
    position: relative;
}

.redes :last-child::after {
    border: none;
}

.acessibility>div {
    position: relative;
}

.acessibility :last-child::after {
    border: none;
}

@media (min-width: 1301px) {
    .acesso {
        width: 17%;
    }

    .acessibility>div::after {
        content: '';
        border-right: 1px solid #368AB9;
        height: 24px;
        position: absolute;
        right: 0;
        top: 0;
    }

    .redes>div::after {
        content: '';
        border-right: 1px solid #368AB9;
        height: 24px;
        position: absolute;
        right: 0;
        top: 0;
    }
}

@media (max-width: 1300px) {
    .acesso {
        width: 20%;
    }

    .acessibility>div::after {
        content: '';
        border-right: 1px solid #368AB9;
        height: 24px;
        position: absolute;
        right: 0;
        top: 0;
    }

    .redes>div::after {
        content: '';
        border-right: 1px solid #368AB9;
        height: 24px;
        position: absolute;
        right: 0;
        top: 0;
    }
}

@media (max-width: 1200px) {
    .acesso {
        width: 24%;
    }

    .acessibility>div::after {
        content: '';
        border-right: 1px solid #368AB9;
        height: 24px;
        position: absolute;
        right: -7px;
        top: 0;
    }

    .redes>div::after {
        content: '';
        border-right: 1px solid #368AB9;
        height: 24px;
        position: absolute;
        right: -5px;
        top: 0;
    }
}

@media (max-width: 1024px) {
    .acesso {
        width: 30%;
    }
}

@media (max-width: 600px) {
    .col-perso-sm-1 {
        width: 14% !important;
    }

    .acesso {
        width: 40% !important;
    }
}

@media (max-width: 420px) {
    .col-perso-sm-1 {
        width: 14% !important;
        display: none;
    }
}

/* LOGO */
.logo-img img {
    height: 100px;
    padding-right: 1em;
    object-fit: contain;
}

.pre-nome {
    font-size: 14px;
    font-weight: 400;
    color: #000;
}

.cidade {
    font-size: 45px;
    font-weight: 900;
    font-family: 'Montserrat', sans-serif;
    color: #046DA7;
    line-height: 1em;
}

/* BUSCA */
.assista-sessoes img {
    padding-left: .7em;
    object-fit: cover;
}

.busca-topo {
    height: calc(100%/2);
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.busca button {
    position: absolute;
    top: 5px;
    right: 20px;
    font-size: 150%;
    border: none;
    background: transparent;
}

.busca .fa {
    color: #707C82;
}

#btn-hidden-pesquisa {
    background: none;
    border: none;
    font-size: 200%;
}

@media (min-width: 1301px) {
    .sessoes-horario {
        font-size: 13px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        position: relative;
    }

    .assista-sessoes {
        font-size: 12px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        height: 3em;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        position: relative;
        color: #000;
    }

    .busca input {
        width: 570px;
        height: 45px;
        text-transform: uppercase;
        letter-spacing: .1em;
        padding-left: 2em;
    }

    .sessoes-horario::before {
        content: '';
        position: absolute;
        border-right: 1px solid #BECDD6;
        height: 15px;
        right: -3%;
        top: 2px;
        width: 2px;
    }

    .logo-busca {
        background: rgba(0, 95, 154, 0.41);
        height: 130px;
    }

    .logo-busca .container {
        display: flex;
    }

    .logo {
        justify-content: flex-start;
    }

    .nome {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
    }

    .busca {
        height: inherit;
    }

    .busca>div {
        height: calc(100%/2);
    }

    .sessoes-topo>div {
        height: -webkit-fill-available;
        justify-content: flex-end;
    }
}

@media (max-width: 1300px) {
    .sessoes-horario {
        font-size: 13px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        position: relative;
    }

    .assista-sessoes {
        font-size: 12px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        height: 3em;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        position: relative;
        color: #000;
    }

    .busca input {
        width: 570px;
        height: 45px;
        text-transform: uppercase;
        letter-spacing: .1em;
        padding-left: 2em;
    }

    .sessoes-horario::before {
        content: '';
        position: absolute;
        border-right: 1px solid #BECDD6;
        height: 15px;
        right: -4%;
        top: 2px;
        width: 2px;
    }

    .logo-busca {
        background: rgba(0, 95, 154, 0.41);
        height: 130px;
    }

    .logo-busca .container {
        display: flex;
    }

    .logo {
        justify-content: flex-start;
    }

    .nome {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
    }

    .busca {
        height: inherit;
    }

    .busca>div {
        height: calc(100%/2);
    }

    .sessoes-topo>div {
        height: -webkit-fill-available;
        justify-content: flex-end;
    }
}

@media (max-width: 1200px) {
    .sessoes-horario {
        font-size: 11px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        position: relative;
    }

    .assista-sessoes {
        font-size: 10px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        height: 3em;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        position: relative;
        color: #000;
    }

    .busca input {
        width: 489px;
        height: 45px;
        text-transform: uppercase;
        letter-spacing: .1em;
        padding-left: 2em;
    }

    .sessoes-horario::before {
        content: '';
        position: absolute;
        border-right: 1px solid #BECDD6;
        height: 15px;
        right: -8%;
        top: 2px;
        width: 2px;
    }

    .logo-busca {
        background: rgba(0, 95, 154, 0.41);
        height: 130px;
    }

    .logo-busca .container {
        display: flex;
    }

    .logo {
        justify-content: flex-start;
    }

    .nome a {
        display: block;
    }

    .busca {
        height: inherit;
    }

    .busca>div {
        height: calc(100%/2);
    }

    .sessoes-topo>div {
        height: -webkit-fill-available;
        justify-content: flex-end;
    }
}

@media (max-width: 768px) {
    .logo-busca .container {
        display: block;
    }

    .logo-busca {
        background: rgba(0, 95, 154, 0.41);
        height: 240px;
        padding-top: 1em;
    }

    .col-perso-sm-1 {
        width: 11%;
    }

    .logo {
        justify-content: center;
        height: unset;
    }

    .nome a {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
    }

    .busca {
        height: unset;
    }

    .busca>div {
        height: calc(50%/2);
    }

    .busca input {
        width: 660px;
        height: 45px;
        text-transform: uppercase;
        letter-spacing: .1em;
        padding-left: 2em;
    }

    .sessoes-topo>div {
        height: 50px;
        justify-content: flex-end;
    }
}

@media (max-width: 600px) {
    .sessoes-topo>div {
        height: 35px;
        justify-content: center;
    }

    .sessoes-horario::before {
        content: '';
        position: absolute;
        border-bottom: 1px solid #BECDD6;
        border-right: none;
        height: 1px;
        width: 300px;
        bottom: -10px;
        left: 9px;
        right: unset;
        top: unset;
    }
}

@media (max-width: 420px) {
    .logo-busca {
        background: rgba(0, 95, 154, 0.41);
        height: 310px;
        padding-top: 1em;
    }

    .logo {
        justify-content: center;
        height: unset;
        flex-direction: column;
    }

    .nome a {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .sessoes-topo>div {
        height: 65px;
        justify-content: center;
    }
}

@media (max-width: 360px) {
    .sessoes-horario {
        font-size: 14px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        position: relative;
        text-align: center;
    }
}

@media (max-width: 320px) {
    .sessoes-horario::before {
        content: '';
        position: absolute;
        border-bottom: 1px solid #BECDD6;
        border-right: none;
        height: 1px;
        width: 300px;
        bottom: -10px;
        left: -27px;
        right: unset;
        top: unset;
    }

    .sessoes-horario {
        text-align: center;
        font-size: 13px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        position: relative;
    }
}



/* MENU */
.menu-topo {
    background: #FFF;
    border-bottom: 1px solid #CCCCCC;
}

.menu-topo .container {
    height: inherit;
    padding: 0;
}

.menu-topo .navbar {
    background: transparent;
    border: none;
    margin: 0px;
    height: 40px;
}

.menu-topo #menu-principal {
    width: 100%;
    top: 8px;
}

.menu-topo .fa-home {
    color: #000;
    font-size: 200%;
}

.menu-topo .navbar-nav>li:last-child>a:after {
    border: none;
}

.link-menu {
    height: 34px;
    padding-top: 2px !important;
}

@media (min-width: 1301px) {
    .menu-topo .navbar-nav>li>a:after {
        content: '';
        border-right: 1px solid #CCCCCC;
        height: 24px;
        position: absolute;
        top: 4px;
        right: -30px;
    }

    .menu-topo .navbar-nav>li>a {
        padding: .5em;
        color: #000;
        font-size: 14px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        letter-spacing: .1em;
    }

    .menu-topo .navbar-nav {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: -webkit-fill-available;
    }
}

@media (max-width: 1300px) {
    .menu-topo .navbar-nav>li>a:after {
        content: '';
        border-right: 1px solid #CCCCCC;
        height: 24px;
        position: absolute;
        top: 4px;
        right: -20px;
    }

    .menu-topo .navbar-nav>li>a {
        padding: .5em;
        color: #000;
        font-size: 14px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        letter-spacing: .1em;
    }

    .menu-topo .navbar-nav {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: -webkit-fill-available;
    }
}

@media (max-width: 1200px) {
    .menu-topo .navbar-nav>li>a:after {
        content: '';
        border-right: 1px solid #CCCCCC;
        height: 24px;
        position: absolute;
        top: 4px;
        right: -5px;
    }

    .menu-topo .navbar-nav>li>a {
        padding: .5em;
        color: #000;
        font-size: 14px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        letter-spacing: .1em;
    }

    .menu-topo .navbar-nav {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: -webkit-fill-available;
    }
}

@media (max-width: 1024px) {
    .menu-topo .navbar-nav>li>a:after {
        content: '';
        border-right: 1px solid #CCCCCC;
        height: 0px;
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .menu-topo .navbar-nav>li>a {
        padding: .5em;
        color: #000;
        font-size: 10px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        letter-spacing: .1em;
    }
}

@media (max-width: 767px) {
    .menu-topo .navbar-nav>li>a {
        padding: 1.5em;
        letter-spacing: .1em;
        font-family: 'Encode Sans Condensed';
        font-size: 17px;
        font-weight: 500;
        color: #046DA7;
        text-align: center;
    }

    .menu-topo .navbar-nav {
        width: 100%;
        display: block;
        margin: 0 !important;
        height: auto;
    }

    .menu-topo .navbar-nav>li>a:after {
        border-right: none;
    }
}




/* BANNER */
.carousel-indicators li {
    border: 2px solid #fff;
    margin: 1px 30px;
}

.carousel-indicators .active {
    margin: 1px 30px;
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive,
.thumbnail a>img,
.thumbnail>img {
    object-fit: fill;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
    width: 40px;
    height: 40px;
}

/* MAIN */
main {
    padding-left: 0;
    margin-top: 67px;
}

main .titulo h3,
aside .titulo h3 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 3.1rem;
    font-weight: 300;
    margin-top: 0px;
}

main .titulo h3 strong,
aside .titulo h3 strong {
    font-weight: 900;
    color: #FF7FA0;
    font-family: 'Segoe UI', sans-serif;
}

main .titulo h3 span,
aside .titulo h3 span {
    font-size: 27px;
}

main section#conheca p {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 2;
}

main .linha-titulo,
aside .linha-titulo,
section#galeria_videos .linha-titulo,
section#acoes-aside .linha-titulo,
section#acoes-main .linha-titulo {
    background-color: #C29DC2;
    width: 100px;
    height: 5px;
    margin-bottom: 40px;
    margin: 10px;
}

main section#videos {
    margin: 40px 0;
}

#galeria_videos {
    min-height: 630px;
}

main section#videos .row {
    position: relative;
}

/* main section#videos .img-video{
    position: absolute;
} */
main section#videos .text-video {
    height: 213px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    text-align: center;
    color: #fff;
    font-family: "Segoe UI", sans-serif;
    font-size: 37px;
    font-weight: 900;
    font-style: italic;
}

main section#galeria {
    margin-bottom: 48px;
}

main section#galeria,
main section#leis {
    margin-top: 30px;
}

main section#leis .text-informativo {
    height: 213px;
    width: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    color: #fff;
    font-family: "Segoe UI", sans-serif;
    font-size: 37px;
    font-weight: 900;
    font-style: italic;
}

main section#leis .text-informativo {
    position: absolute;
}

main section#videos .text-video div:nth-child(2) {
    width: 320px;
    font-size: 17px;
    font-style: normal;
    font-weight: bold;
}

main section#videos button {
    width: 100%;
    height: auto;
}

main section#videos img,
main section#leis img {
    width: 100%;
}

main section#leis .text-informativo .leis-left {
    text-align: left;
    padding: 0 23px !important;
}

main section#leis .text-informativo .leis-left div:nth-child(1) {
    line-height: 0.8;
}

main section#leis .text-informativo .leis-left div:nth-child(2) {
    margin-top: 20px;
}

main section#leis .text-informativo .leis-left div:nth-child(2) p {
    font-weight: normal;
}

main section#leis .text-informativo .leis-right {
    font-weight: normal;
    background-color: #282216;
    width: 380px;
    margin-left: 20px;
}

main section#leis .text-informativo div:nth-child(1) span {
    font-size: 26px;
    font-weight: normal;
}

main section#leis .text-informativo div:nth-child(1) p {
    font-size: 18px;
}

aside {
    padding-right: 0;
    margin-top: 67px;
}

aside dt {
    font-family: "Roboto", sans-serif;
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 0;
}

aside dd {
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 300;
    margin-top: 20px;
}

aside p strong {
    font-weight: 900;
    color: #000000;
}

aside section#contato {
    font-size: 17px;
    margin-bottom: 30px;
    padding: 0 30px;
}

aside section#contato hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

aside section#contato .item {
    display: flex;
    align-items: center;
}

aside section#contato .item p {
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    font-size: 1.4rem;
    margin-left: 10px;
}

aside section#contato .img-thumbnail,
aside section#acoes .img-thumbnail {
    border: none;
    padding: 1px;
    border-radius: 0;
}

aside section#acoes .img-thumbnail {
    width: 120px;
    height: 80px;
    object-fit: cover;
}

aside section#vereadoras {
    background-color: #f7f7f7;
    padding: 20px 27px;
}

aside section#vereadoras img {
    width: 113px;
    height: 151px;
    object-fit: cover;
}

aside section#acoes {
    border-left: 1px solid #eeeeee;
    margin-top: 30px;
    padding: 0 30px;
}

aside section#acoes .acoes {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

aside section#acoes .item {
    margin-top: 14px;
    color: #000;
}

.container-galeria-img {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    gap: 10px 10px;
    grid-auto-flow: row;
    grid-template-areas:
        "img-1 img-1 img-2 img-3"
        "img-1 img-1 img-4 img-5"
        "img-6 img-7 img-8 img-9";
}

.img-1 {
    grid-area: img-1;
}

.img-2 {
    grid-area: img-2;
}

.img-3 {
    grid-area: img-3;
}

.img-4 {
    grid-area: img-4;
}

.img-5 {
    grid-area: img-5;
}

.img-6 {
    grid-area: img-6;
}

.img-7 {
    grid-area: img-7;
}

.img-8 {
    grid-area: img-8;
}

.img-9 {
    grid-area: img-9;
}

.img-1 img {
    width: 410px;
    height: 264px;
    object-fit: cover;
}


.img-2 img,
.img-3 img,
.img-4 img,
.img-5 img,
.img-6 img,
.img-7 img,
.img-8 img,
.img-9 img {
    width: 200px;
    height: 127px;
    object-fit: cover;
}

@media (max-width: 1319px) {
    main section#conheca p {
        font-size: 17px;
    }

    .img-1 img {
        width: 360px;
        height: 214px;
    }

    .img-2 img,
    .img-3 img,
    .img-4 img,
    .img-5 img,
    .img-6 img,
    .img-7 img,
    .img-8 img,
    .img-9 img {
        width: 175px;
        height: 102px;
    }

    main section#leis .text-informativo .leis-left {
        font-size: 30px;
    }

    main section#leis .text-informativo div:nth-child(1) span {
        font-size: 25px;
    }

    main section#leis .text-informativo div:nth-child(1) p {
        font-size: 16px;
    }

    main section#leis .text-informativo .leis-right {
        font-weight: normal;
        background-color: #282216;
        width: 325px;
        margin-left: 20px;
    }

    aside section#vereadoras img {
        width: 98px;
        height: 136px;
    }

    aside dt {
        font-size: 17px;
    }

    aside dd {
        font-size: 14px;
        margin-top: 0;
    }

}

@media (max-width: 1199px) {
    main section#videos .text-video {
        height: 253px;
    }

    main section#videos img,
    main section#leis img {
        width: 105%;
    }

    .img-1 img,
    .img-2 img,
    .img-3 img,
    .img-4 img,
    .img-5 img,
    .img-6 img,
    .img-7 img,
    .img-8 img,
    .img-9 img {
        width: 297px;
        height: 156px
    }

    .container-galeria-img {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        gap: 10px 10px;
        grid-auto-flow: row;
        grid-template-areas:
            "img-1 img-2 img-3"
            "img-4 img-5 img-6"
            "img-7 img-8 img-9";
    }

    .img-1 {
        grid-area: img-1;
    }

    .img-2 {
        grid-area: img-2;
    }

    .img-3 {
        grid-area: img-3;
    }

    .img-4 {
        grid-area: img-4;
    }

    .img-5 {
        grid-area: img-5;
    }

    .img-6 {
        grid-area: img-6;
    }

    .img-7 {
        grid-area: img-7;
    }

    .img-8 {
        grid-area: img-8;
    }

    .img-9 {
        grid-area: img-9;
    }

    main section#leis .text-informativo {
        top: 120px;
    }

    main section#leis .text-informativo .leis-right {
        font-weight: normal;
        background-color: #282216;
        width: 325px;
        margin-left: 110px;
    }

    aside section#acoes {
        border-left: none;
    }

    aside section#acoes .acoes {
        display: block;
    }

}

@media (max-width: 990px) {
    .img-1 img {
        width: 360px;
        height: 214px;
    }

    .img-2 img,
    .img-3 img,
    .img-4 img,
    .img-5 img,
    .img-6 img,
    .img-7 img,
    .img-8 img,
    .img-9 img {
        width: 175px;
        height: 102px;
    }

    main section#videos .text-video {
        height: 203px;
    }

    main section#videos .text-video {
        font-size: 30px;
    }

    main section#videos .text-video div:nth-child(2) {
        width: 230px;
        font-size: 15px;
    }

    .img-1 img,
    .img-2 img,
    .img-3 img,
    .img-4 img,
    .img-5 img,
    .img-6 img,
    .img-7 img,
    .img-8 img,
    .img-9 img {
        width: 232px;
        height: 126px;
    }

    .container-galeria-img {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        gap: 10px 10px;
        grid-auto-flow: row;
        grid-template-areas:
            "img-1 img-2 img-3"
            "img-4 img-5 img-6"
            "img-7 img-8 img-9";
    }

    .img-1 {
        grid-area: img-1;
    }

    .img-2 {
        grid-area: img-2;
    }

    .img-3 {
        grid-area: img-3;
    }

    .img-4 {
        grid-area: img-4;
    }

    .img-5 {
        grid-area: img-5;
    }

    .img-6 {
        grid-area: img-6;
    }

    .img-7 {
        grid-area: img-7;
    }

    .img-8 {
        grid-area: img-8;
    }

    .img-9 {
        grid-area: img-9;
    }

    main section#leis .text-informativo {
        top: 97px;
    }

    aside section#contato .item p {
        margin-left: 5px;
        ;
    }
}

@media (max-width: 768px) {
    main section#videos .text-video {
        font-size: 30px;
        height: 50px;
    }

    main section#leis .text-informativo {
        height: 50px;
        width: 100%;
        position: relative;
        font-size: 30px;
        top: 0;
    }

    main section#leis .text-informativo button {
        width: 100%;
    }

    aside section#contato,
    aside section#vereadoras,
    aside section#acoes {
        padding: 0;
    }

    aside section#vereadoras .vereadoras {
        padding: 30px;
    }

    .xs-no-padding {
        padding: 0 !important;
    }

    .margin-top-xs {
        margin-top: 10px;
    }

    .img-1 img,
    .img-2 img,
    .img-3 img,
    .img-4 img,
    .img-5 img,
    .img-6 img,
    .img-7 img,
    .img-8 img,
    .img-9 img {
        width: 100%;
        height: 100%;
    }

    main section#conheca p {
        font-size: 16px;
        line-height: 1.6;
    }
}

@media(max-width: 500px) {
    .container-galeria-img {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
        gap: 5px 5px;
        grid-auto-flow: row;
        grid-template-areas:
            "img-1 img-2"
            "img-3 img-4"
            "img-5 img-6"
            "img-7 img-8"
            "img-9 .";
    }

    .img-1 {
        grid-area: img-1;
    }

    .img-2 {
        grid-area: img-2;
    }

    .img-3 {
        grid-area: img-3;
    }

    .img-4 {
        grid-area: img-4;
    }

    .img-5 {
        grid-area: img-5;
    }

    .img-6 {
        grid-area: img-6;
    }

    .img-7 {
        grid-area: img-7;
    }

    .img-8 {
        grid-area: img-8;
    }

    .img-9 {
        grid-area: img-9;
    }

}

@media(max-width: 362px) {
    .hidden-362 {
        display: none;
    }

    aside section#acoes hr {
        display: block !important;
    }
}

/* GALERIA DE VÍDEOS */

section#galeria_videos .text-video h3 {
    height: 60px;
    color: #FF7FA0;
    font-family: "Segoe UI", sans-serif;
    font-size: 37px;
    font-weight: 900;
    font-style: italic;
}

section#galeria_videos .text-video h3 span {
    height: 60px;
    color: #000000;
    font-family: "Segoe UI", sans-serif;
    font-size: 35px;
    font-weight: 300;
    font-style: italic;
}

section#galeria_videos img {
    object-fit: cover;
}

/* PÁGINA AÇÕES */
section#acoes-main h3 {
    font-family: "Segoe UI", sans-serif;
    font-size: 37px;
    font-weight: 900;
    margin-bottom: 40px;
}

section#acoes-main img {
    width: 100%;
    height: 480px;
    object-fit: cover;
    margin-bottom: 10px;
}

section#acoes-main p {
    margin-top: 10px;
}

section#acoes-main p {
    margin-top: 30px;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 2;
}

section#acoes-aside h3,
section#acoes-main h3 {
    font-size: 37px;
    font-family: 'Segoe UI', sans-serif;
    font-weight: 100;
}

section#acoes-aside h3 strong,
section#acoes-main h3 strong {
    font-weight: 900;
    color: #FF7FA0;
    font-family: 'Segoe UI', sans-serif;
}

section#acoes-aside .item {
    margin-top: 10px;
    color: #000;
}

section#acoes-aside .item .img-thumbnail {
    border: none;
    width: 120px;
    height: 80px;
    object-fit: cover;
}

section#acoes-aside .row {
    border-left: 1px solid #eee;
    padding-left: 30px;
}

@media(max-width: 1199px) {
    section#acoes-aside .row {
        border-left: none;
        padding-left: 0;
    }
}

/*MENU RODAPE*/
.horario-sessao {
    background: #046DA7;
    color: #fff;
    line-height: 4;
    border-bottom: 1px solid #fff;
    margin-top: 30px;
}

.menu-rodape {
    background: #046DA7;
    padding-top: 35px;
    padding-bottom: 35px;
}

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

.menu-rodape ul {
    list-style: none;
    color: #fff;
    padding: 0;
}

.menu-rodape p {
    font-weight: bold;
    color: #fff;
}

.menu-rodape .titulo-menu {
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    list-style: none;
    color: #fff;
    padding-bottom: 1em;
}

.menu-rodape ul li a {
    font-size: 13px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    list-style: none;
    color: #fff;
}

.linha {
    content: '';
    border-right: 1px solid #3E94C0;
    height: 24px;
    width: 180px;
}

#foto-padding-left {
    padding-left: 30px;
}

@media (max-width: 1200px) {
    .linha {
        content: '';
        border-right: 1px solid #3E94C0;
        height: 24px;
        width: 160px;
    }

    #foto-padding-left {
        padding-left: 45px;
    }
}

/*DOWNLOAD INGA*/
.downloads:before {
    content: '';
    border-right: 1px solid #357598;
    height: 46px;
    position: absolute;
    right: 0;
    top: 12px;
}

.inga {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: inherit;
}

@media (min-width: 1301px) {
    .download-inga {
        background: #03537E;
        height: 70px;
    }

    .downloads {
        font-size: 13px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 800;
        color: #FFF;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .download-inga .container,
    .apps,
    .downloads {
        height: inherit;
    }

    .item-apps {
        justify-content: space-evenly;
    }
}

@media (max-width: 1300px) {
    .download-inga {
        background: #03537E;
        height: 70px;
    }

    .downloads {
        font-size: 13px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 800;
        color: #FFF;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .download-inga .container,
    .apps,
    .downloads {
        height: inherit;
    }

    .item-apps {
        justify-content: space-evenly;
    }

    img {
        vertical-align: middle;
        padding-right: 0px;
    }
}

@media (min-width: 600px) {
    .download-inga {
        background: #03537E;
        height: 75px;
        padding-left: 30px;
    }

    img {
        vertical-align: middle;
    }
}

@media (max-width: 420px) {
    img {
        vertical-align: middle;
        padding-right: 0px;
    }

    .download-inga {
        background: #03537E;
        height: 140px;
    }

    .downloads {
        font-size: 13px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 800;
        color: #FFF;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        display: none;
    }

    .apps {
        width: 100%;
    }

    .download-inga .container,
    .apps,
    .downloads {
        height: 70px;
    }

    .item-app {
        width: 100%;
        height: 50px;
    }

    .inga {
        width: 100%;
        margin-left: -70px;
    }

    .item-apps {
        justify-content: space-evenly;
        width: 100%;
    }

    .col-xxs-12 {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        float: left;
        width: 100%;
    }
}