.top_access {
    padding: 1.2rem 0;
    background-color: var(--color_primary);
    color: var(--color_white);
    display: none
}

.top_access .container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 0
}

.top_access .container .flex-access {
    display: flex;
    align-items: center;
    justify-content: end
}

.top_access .container .menu-text {
    font-size: 1.4rem
}

.top_access .container .accessibility img,.top_access .container .links img {
    height: 22px;
    width: 22px;
    margin-right: 6px
}

.top_access .container .accessibility:nth-child(1) {
    margin-right: 8px
}

.top_access .keyboard {
    display: flex;
    margin: 0;
    align-items: center
}

.top_access .keyboard li {
    margin: 0;
    padding-right: 14px
}

.top_access .keyboard li:last-of-type {
    margin-right: 21px
}

.top_access .keyboard a,.top_access .keyboard span {
    font-family: var(--font_family);
    font-weight: 400;
    font-size: 1.3rem;
    text-transform: initial;
    color: var(--color_white)
}

.top_access .keyboard span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    height: 21px;
    margin: 0 8px;
    background-color: var(--color_white);
    color: var(--color_primary);
    text-align: center;
    border-radius: 10px
}

.top_access .font {
    display: flex;
    list-style: none;
    align-items: center;
    padding: 0;
    margin: 0
}

.top_access .font li {
    color: var(--color_white);
    font-family: var(--font_family);
    font-size: 1.2rem;
    margin: 0 15px 0 0;
    padding-right: 1rem;
    border-right: 1px solid #fff
}

.top_access .font a {
    color: var(--color_white);
    font-family: var(--font_family);
    font-size: 1.3rem;
    cursor: pointer;
    display: flex;
    align-items: center
}

.top_access .font a i {
    margin-right: 5px;
    font-size: 11px
}

.top_access .font a strong {
    margin-right: 8px
}

.top_access .font li:last-of-type {
    margin-right: 0
}

.top_access .accessibility {
    display: flex;
    padding: 0 8px;
    border-right: 1px solid #fff;
    position: relative;
    margin: 0
}

.top_access .accessibility li {
    margin-right: 1.5rem;
    font-family: var(--font_family);
    font-size: 1.3rem;
    margin: 0
}

.top_access .accessibility li a {
    display: flex;
    align-items: center
}

.top_access .accessibility li a:hover {
    color: #fff
}

.top_access .links a:hover {
    color: #fff
}

.top_access .links a:hover i {
    color: #fff
}

.top_access .accessibility li a:hover i {
    color: #fff
}

.top_access .accessibility li a i {
    margin-right: 8px
}

.top_access .accessibility li:last-of-type {
    margin-right: 0
}

.top_access .links {
    display: flex;
    padding: 0;
    align-items: center;
    font-family: var(--font_family);
    margin: 0
}

.top_access .links i {
    display: flex;
    margin-right: 8px
}

.top_access .links li:last-of-type {
    margin: 0 8px
}

.top_access .links span {
    color: var(--color_white);
    font-family: var(--font_family);
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize
}

.top_access .links a {
    display: flex;
    align-items: center
}

.top_access.contrast.active {
    background-color: #000;
    color: #fff;
    border-bottom: 1px solid var(--color_white)
}

.top_access.contrast.active a {
    color: #fff;
    text-decoration: underline
}

.top_access.contrast.active a:hover {
    color: #fff333
}

.top_access.contrast.active .keyboard span {
    color: #000
}

.top_access.contrast.active .accessibility,.top_access.contrast.active .font li {
    border-right: 1px solid #fff
}

.top_access.contrast.active .links span:hover {
    color: #fff333
}

@media screen and (min-width: 1024px) {
    .top_access {
        display:block
    }
}

@media screen and (max-width: 1279px) {
    .top_access .keyboard span {
        margin:0 5px
    }

    .top_access .keyboard li:last-of-type {
        margin-right: 0;
        padding-right: 0
    }

    .top_access .links li:last-of-type {
        margin: 0 5px
    }

    .top_access .accessibility {
        padding: 0 5px
    }

    .top_access .font li {
        margin: 0 5px 0 0;
        padding-right: 5px
    }
}

#breadcrumbs {
    margin: 20px auto;
    padding: 0;
    max-width: var(--width_default)
}

#breadcrumbs .entry-crumbs i,#breadcrumbs i {
    font-size: 1rem;
    color: #555;
    margin: 0 5px
}

#breadcrumbs .entry-crumbs a {
    color: #555
}

#breadcrumbs .breadcrumbs__detail {
    display: block;
    width: 95px;
    height: 4px;
    background: var(--color_primary);
    margin: 10px 10px 30px 0
}

#breadcrumbs .breadcrumbs__bar,#breadcrumbs .entry-crumbs {
    display: flex;
    align-items: center;
    justify-content: start;
    color: #555
}

.breadcrumbs__bar span,.entry-crumbs span {
    color: #555;
    font-size: 1.2rem;
    letter-spacing: 1px;
    font-weight: 400
}

#breadcrumbs .breadcrumbs__bar span:last-child,#breadcrumbs .entry-crumbs span:last-child {
    font-weight: 700
}

.td-crumb-container {
    padding-top: 0
}

@media (max-width: 1279px) {
    #breadcrumbs {
        padding:0 15px
    }
}

#breadcrumbs.contrast.active .breadcrumbs__bar,#breadcrumbs.contrast.active .breadcrumbs__bar span,#breadcrumbs.contrast.active .breadcrumbs__bar span a,#breadcrumbs.contrast.active .entry-crumbs,#breadcrumbs.contrast.active .entry-crumbs i,#breadcrumbs.contrast.active .entry-crumbs span,#breadcrumbs.contrast.active .entry-crumbs span a,#breadcrumbs.contrast.active i {
    color: #fff
}

#breadcrumbs.contrast.active .breadcrumbs__detail {
    background-color: #fff
}

@import url(https://fonts.googleapis.com/css2?family=Crimson+Text:wght@700&family=Inter:wght@700&display=swap);.posts-list-filter>.container {
    display: flex;
    justify-content: flex-end;
    max-width: 1200px;
    padding: 0
}

.posts-list-filter h1 {
    margin-top: 0;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    color: var(--color_primary)
}

.td-crumb-container {
    margin-bottom: 0
}

.filters_form {
    display: flex;
    gap: 16px;
    position: relative;
    margin-bottom: 25px;
    align-items: center
}

.filters_form__title {
    position: relative
}

.filters_form__title .pleft {
    padding-left: 32px
}

.search_result_desc {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 19px;
    color: var(--color_primary)
}

.search_result_title {
    margin-bottom: 15px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 2.4rem;
    line-height: 33px;
    color: var(--color_primary)
}

.search_result_border {
    display: block;
    margin-bottom: 25px;
    border: 1px solid #f1f3f9
}

.cat_list_content .containerNewspaper {
    display: grid;
    grid-template-columns: 72% 315px;
    gap: 20px;
    align-items: flex-start
}

.cat_list_pots a {
    display: grid;
    grid-template-columns: 261px auto;
    transition: all ease .3s;
    margin-bottom: 15px
}

.cat_list_pots__content__sec {
    margin-bottom: 5px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1.2rem;
    color: var(--color_primary)
}

.cat_list_pots__img {
    height: 169px;
    width: 261px
}

.cat_list_pots__img span {
    height: 228px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5rem;
    text-align: center
}

.cat_list_pots__img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.cat_list_pots__content {
    padding: 10px 95px 10px 30px;
    border: 1px solid #f1f3f9;
    transition: all ease .3s
}

.cat_list_pots__content h1 {
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem;
    color: var(--color_primary);
    line-height: 1.2
}

.cat_list_pots__content:hover h1 {
    text-decoration: underline
}

.cat_list_pots__content__detail {
    display: block;
    margin: 5px 0;
    height: 1px;
    width: 375px;
    background-color: #f1f3f9
}

.cat_list_pots__content p {
    margin-bottom: 5px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.9rem;
    color: #7f8993;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden
}

.cat_list_pots__content time {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.4rem;
    text-transform: uppercase;
    color: var(--color_primary)
}

.cat_list_pots__content time i {
    margin-right: 5px
}

.most_popular {
    margin-bottom: 10px;
    background-color: #f1f3f9;
    padding: 25px 15px
}

.most_popular__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px
}

.most_popular__header h3 {
    margin: 0;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 1.8rem;
    color: var(--color_primary);
    text-transform: uppercase
}

.most_popular__header span {
    background-color: #c7d0ea;
    width: 115px;
    height: 1px
}

.most_popular__list a {
    display: block;
    height: 82px;
    position: relative;
    padding: 15px;
    margin-bottom: 10px;
    background-color: #fff;
    transition: all ease .3s
}

.most_popular__list a p {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.9rem;
    color: var(--color_primary);
    max-width: 200px;
    transition: all ease .3s;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    overflow: hidden
}

.most_popular__list a:hover {
    background-color: var(--color_secondary)
}

.most_popular__list a:hover p {
    color: #fff
}

.most_popular__list .number {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 58px;
    height: 36.03px;
    background: var(--color_alternate);
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 2.6rem;
    color: #fff
}

.most_popular__list a:hover .number {
    background-color: var(--color_primary)!important;
    color: #fff!important
}

.most_popular__list .border {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #1682cf;
    transition: all ease .3s
}

.most_popular__list a:hover .border {
    background-color: #fff!important
}

.other_news_template_list {
    border: 1px solid #f1f3f9
}

.other_news_template_list header {
    padding: 30px 15px 20px
}

.other_news_template_list header h3 {
    margin: 0;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 1.8rem;
    color: var(--color_primary);
    text-transform: uppercase
}

.alertMsgNotFoundPost {
    padding: 0 17px 15px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.9rem;
    color: #7f8993;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden
}

.other_news__article {
    display: block;
    padding-left: 15px;
    padding-right: 15px
}

.other_news__article .imgBox {
    text-align: center
}

.other_news__article .imgBox img {
    width: 100%;
    height: 135px;
    -o-object-fit: cover;
    object-fit: cover
}

.other_news__article .content .title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    margin: 10px 0 15px;
    font-family: Inter,sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.7rem;
    color: var(--color_primary)
}

.other_news__article .content .cat {
    margin-bottom: 20px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: #586373
}

.other_news__article .content .dateMobile {
    display: none
}

.other_news__article .content .dateDesktop {
    display: block
}

.post-pagination {
    display: inline-block;
    margin-bottom: 20px
}

.post-pagination>div {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 17px;
    border: 1px solid #f1f3f9;
    border-radius: 4px
}

.post-pagination a,.post-pagination span {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    width: 19px;
    height: 21px;
    font-family: Inter,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #7f8993
}

.post-pagination a.current,.post-pagination span.current {
    color: #fff;
    background-color: var(--color_primary);
    border-radius: 2px;
    font-weight: 700
}

.post-pagination p {
    margin: 0;
    font-weight: 700;
    color: var(--color_primary)
}

.btnShowFiltersMobile {
    display: none
}

@media (max-width: 549px) {
    .filters_form {
        flex-direction:column
    }

    .posts-list-filter .custom__select {
        opacity: 0;
        height: 0
    }

    .posts-list-filter .custom__select.active {
        opacity: 1;
        height: initial
    }

    .btnShowFiltersMobile {
        display: block;
        position: absolute;
        right: -9px;
        bottom: -33px;
        padding: 10px;
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 700;
        font-size: 1.4rem;
        color: var(--color_primary);
        transition: all ease .5s
    }

    .btnShowFiltersMobile.positionDown {
        bottom: -160px
    }

    .btnShowFiltersMobile.positionDown svg {
        transform: rotate(-180deg)
    }
}

@media (min-width: 550px) {
    .filters_form_btnClean {
        top:17px
    }

    .custom_select_filter .select-selected:after {
        height: 54px;
        margin: 2px -15px 0
    }
}

@media (min-width: 550px) and (max-width:1230px) {
    .filters_form {
        display:grid;
        grid-template-columns: 1fr 1fr 1fr
    }

    .custom__select,.custom_select_filter:last-of-type .select-selected,.filters_form>div {
        width: 100%
    }
    
}

@media (min-width: 670px) and (max-width:768px) {
    .cat_list_pots {
        display:grid;
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 768px) {
    div.border-top {
        margin-top:-8px;
        margin-left: 14px
    }

    .posts-list-filter {
        margin-top: 20px
    }

    .posts-list-filter .container {
        flex-direction: column
    }

    .posts-list-filter h1 {
        margin-top: 25px;
        order: 2
    }

    .filters_form {
        order: 1
    }

    .posts-list-filter .container {
        padding-left: 10px;
        padding-right: 10px
    }

    div.inputDateGroup.active {
        right: 0;
        top: 115px
    }

    .custom_select_filter:last-of-type .select-selected,.filters_form__title button,.filters_form__title input {
        height: 48px!important
    }

    .filters_form__title button {
        width: 75px;
        background-color: var(--color_primary)
    }

    .filters_form__title button i {
        color: #fff
    }

    .custom_select_filter:last-of-type .select-selected {
        display: flex;
        align-items: center
    }

    .cat_list_pots a {
        grid-template-columns: 100%;
        align-items: stretch
    }

    .cat_list_pots__img,.cat_list_pots__img img {
        margin: 0 auto;
        width: 320px
    }

    .cat_list_pots a,.cat_list_pots__content {
        margin: 0 auto
    }

    .cat_list_pots a {
        margin-top: 15px
    }

    .cat_list_pots__content {
        padding: 20px;
        width: 320px;
        height: 172px
    }

    .cat_list_pots__content p,.cat_list_pots__content time {
        display: block;
        font-size: 1.2rem
    }

    .cat_list_pots__content p {
        display: -webkit-box
    }

    .cat_list_pots__content h1 {
        font-size: 1.4rem
    }

    .cat_list_pots__content__detail {
        width: 100%
    }

    .post-pagination {
        display: block
    }

    .post-pagination>div {
        justify-content: center;
        align-items: center;
        padding: 10px;
        border: none
    }

    .post-pagination a {
        display: flex;
        align-items: center;
        margin: initial
    }

    .other_news__article .content .title {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 700;
        font-size: 1.4rem;
        line-height: 1.9rem;
        color: var(--color_primary)
    }

    .other_news__article .content .cat {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 700;
        font-size: 1.2rem;
        line-height: 1.6rem;
        color: var(--color_primary)
    }

    .other_news_template_list header h3 {
        text-align: center
    }

    .other_news__article .imgBox img {
        margin: 0 auto;
        width: 248px;
        height: 181.71px
    }

    .other_news__article .content {
        margin: 0 auto;
        max-width: 248px
    }

    i.ontop_icon-arrow-left-bold-single.slick-arrow,i.ontop_icon-arrow-right-bold-single.slick-arrow {
        top: 20%
    }

    i.ontop_icon-arrow-left-bold-single.slick-arrow {
        left: 2%
    }

    i.ontop_icon-arrow-right-bold-single.slick-arrow {
        right: 2%
    }

    .other_news__article .content .cat {
        display: none
    }

    .other_news__article .content .dateMobile {
        display: block
    }

    .other_news__article .content time:first-of-type {
        display: none
    }

    .other_news__article .content time:last-of-type {
        display: block;
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        line-height: 16px;
        color: var(--color_details)
    }

    .slick-dots li button:before {
        color: var(--color_primary)
    }

    .slick-dots li.slick-active button:before {
        color: var(--color_secondary)
    }

    .single_related_news .new__img {
        max-width: 238px;
        height: 181px
    }
}

@media (max-width: 550px) {
    .custom_select_filter:last-of-type .select-selected,.filters_form__title input {
        width:210px!important
    }
}

@media (min-width: 769px) {
    .cat_list_pots__content {
        height:169px
    }
}

@media (min-width: 769px) and (max-width:1229px) {
    .other_news_template_list section {
        display:grid;
        grid-template-columns: 1fr 1fr 1fr
    }

    .filters_form__title input {
        width: 100%
    }
}

@media (max-width: 1230px) {
    .cat_list_content .containerNewspaper {
        padding-left:10px;
        padding-right: 10px;
        grid-template-columns: 100%
    }

    .posts-list-filter .containerNewspaper {
        display: flex;
        flex-direction: column
    }

    .most_popular {
        display: none
    }
}

@media (min-width: 1231px) {
    .filters_form div.custom_select_filter:last-of-type .select-selected {
        width:198px
    }
    .imagem-news img {
        width: 100%;
        height: 170px !important;
        object-fit: cover;
        border-radius: 5px;
}

.gallery-intern__news {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(4, 1fr) !important;
    margin-bottom: 40px;
}

}

.container_v2 {
    max-width: var(--width_default);
    display: block;
    margin: 20px
}

.container__v2__align__start {
    align-items: stretch;
    justify-content: space-between
}

.container_v2__column__reverse {
    flex-direction: column-reverse;
    display: flex
}

.container__news__highlights,.container_v2__25__75,.container_v2__75__25 {
    grid-gap: 20px 0
}

.container__services__highlights {
    max-width: var(--width_default);
    margin: 0 auto;
    display: block;
    padding: 20px 0
}

@media screen and (min-width: 1025px) {
    .container_v2 {
        flex-direction:row;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 20px auto
    }

    .container_v2__column__reverse {
        flex-direction: row
    }

    .container_v2__75__25 {
        display: grid;
        grid-template-columns: 65% 30%;
        align-items: stretch
    }

    .container__news__highlights {
        display: grid;
        grid-template-columns: 1fr 335px;
        align-items: stretch;
        gap: 15px
    }

    .container_v2__25__75 {
        display: grid;
        grid-template-columns: 25% 75%;
        align-items: stretch
    }

    .container_v2__35__65 {
        display: grid;
        grid-template-columns: 35% 65%;
        align-items: stretch
    }

    .container__v2__align__start {
        align-items: stretch;
        justify-content: space-between
    }
}

@media screen and (min-width: 1360px) {
    .container_v2 {
        flex-direction:row;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .container_v2__column__reverse {
        flex-direction: row
    }

    .container_v2__75__25 {
        display: grid;
        grid-template-columns: 74% 25%;
        align-items: stretch
    }

    .container_v2__25__75 {
        display: grid;
        grid-template-columns: 25% 75%;
        align-items: stretch
    }

    .container_v2__35__65 {
        display: grid;
        grid-template-columns: 35% 65%;
        align-items: stretch
    }

    .container__news__highlights {
        align-items: stretch
    }

    .container__v2__align__start {
        align-items: stretch;
        justify-content: space-between
    }
}

@media screen and (max-width: 1023px) {
    .container__services__highlights {
        padding:0
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.custom__select {
    position: relative;
    font-family: "Open Sans",Heebo,sans-serif
}

.custom__select select {
    display: none
}

.select-selected {
    background-color: #fff;
    width: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px
}

.select-selected:after {
    position: absolute;
    content: "";
    top: -5px;
    right: 10px;
    height: 100%;
    border: 6px solid transparent;
    background: url(../images/arrowSelect.svg) 0 0 no-repeat;
    background-color: transparent;
    background-position: center center;
    transition: .2s ease-in-out
}

.select-selected.select-arrow-active:after {
    transform: rotate(180deg)
}

.select-selected .select-arrow-active {
    font-weight: 700
}

.select-items div,.select-selected {
    color: #394053;
    padding: 10px 15px;
    border: 1px solid transparent;
    border-color: transparent transparent #e7e7e7 transparent;
    cursor: pointer;
    border-radius: 2px;
    animation: fadeEffect 1s
}

.select-items {
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    padding: 10px;
    border-radius: 2px;
    width: 257px;
    max-height: 320px;
    overflow-y: auto
}

.select-hide {
    display: none
}

.same-as-selected,.select-items div:hover {
    background-color: #eaeffc;
    color: #233c7e
}

.select-items div {
    border: 1px solid #e7e7e7;
    margin: 5px 0;
    width: 100%;
    font-size: 12px
}

.eventsCalendar {
    padding: 70px 0;
    background-color: #f3f8f5;
    background-image: url(../images/calendario-bg.png);
    background-position: right center;
    background-repeat: no-repeat
}

.eventsCalendar .container {
    max-width: var(--width_default)
}

.eventsCalendar header {
    box-shadow: none
}

.eventsCalendar__title {
    margin: 0 0 30px;
    text-align: center;
    color: #00AD48;
    font-size: 3.2rem;
    font-family: 'Open Sans',sans-serif!important;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.eventsCalendar header a {
    display: none
}

.eventsCalendar_items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 17px
}

.eventsCalendar_items article>a {
    display: flex;
    height: 86px;
    background: #fff;
    border-radius: 0 30px 0 0;
    min-width: 279px
}

.eventsCalendar_items .date {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 86px;
    height: 86.295px;
    background-color: #009607;
    border-bottom-left-radius: 30px;
    border-top-left-radius: 5px;
    transition: all ease .3s
}

.eventsCalendar_items .date p {
    color: #fff;
    font-size: 3.8rem;
    font-family: 'Open Sans',sans-serif!important;
    font-style: normal;
    font-weight: 700;
    line-height: 1
}

.eventsCalendar_items .date span {
    color: #fff;
    font-size: 2rem;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase
}

.eventsCalendar_items .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 15px 25px 15px;
    width: 100%;
    height: 86px
}

.eventsCalendar_items .content h3 {
    width: 150px;
    margin: 0;
    color: #4e5159;
    font-size: 1.6rem;
    font-family: 'Open Sans',sans-serif!important;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.eventsCalendar_items .content i {
    font-size: 2.4rem;
    color: #A7CF45
}

.eventsCalendar_items .content a {
    transition: all ease .3s
}

.eventsCalendar_items article>a:hover h3 {
    text-decoration: underline
}

.eventsCalendar__call {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px auto 0;
    width: 256px;
    height: 41px;
    border-radius: 5px;
    border: 1px solid #A7CF45;
    color: #005846;
    font-size: 1.6rem;
    font-family: 'Open Sans',sans-serif!important;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    transition: all ease .3s
}

.eventsCalendar__call:hover {
    background-color: #A7CF45
}

.eventsCalendar_items__msg {
    font-size: 1.6rem;
    color: #4e5159
}

.eventsCalendar_items__msg i {
    font-size: 1.6rem;
    color: #cecece
}

@media (min-width: 768px) {
    .eventsCalendar {
        padding:40px 0 60px
    }

    .eventsCalendar header {
        display: flex;
        justify-content: space-between;
        box-shadow: none
    }

    .eventsCalendar__title {
        margin: 0 0 30px;
        text-align: left;
        color: #00AD48;
        font-size: 3.2rem;
        font-family: 'Open Sans',sans-serif!important;
        font-style: normal;
        font-weight: 700;
        line-height: normal
    }

    .eventsCalendar header a {
        color: #005846;
        font-size: 1.4rem;
        font-family: 'Open Sans',sans-serif!important;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        transition: all ease .3s
    }

    .eventsCalendar header a:hover {
        text-decoration: underline
    }

    .eventsCalendar_items {
        justify-content: initial
    }

    .eventsCalendar__call {
        display: none
    }
}

.eventsCalendar.contrast.active,.eventsCalendar.contrast.active .eventsCalendar_items .date,.eventsCalendar.contrast.active .eventsCalendar_items article>a {
    background-color: #000
}

.eventsCalendar.contrast.active .eventsCalendar_items article>a {
    border: 1px solid #fff
}

.eventsCalendar.contrast.active .eventsCalendar__title,.eventsCalendar.contrast.active .eventsCalendar_items .content i,.eventsCalendar.contrast.active .eventsCalendar_items article>a h3 {
    color: #fff
}

.eventsCalendar.contrast.active .eventsCalendar_items article>a:hover h3 {
    color: #fff333;
    -webkit-text-decoration-color: #fff333;
    text-decoration-color: #fff333
}

.eventsCalendar.contrast.active header a {
    color: #fff;
    transition: all ease .3s
}

.eventsCalendar.contrast.active header a:hover {
    color: #fff333;
    -webkit-text-decoration-color: #fff333;
    text-decoration-color: #fff333
}

.main_footer {
    padding: 4rem 0;
    background-color: var(--color_alternate);
    position: relative;
    background-position: right center;
    background-repeat: no-repeat
}

.info_indisponivel {
    display: none
}

.detail__bar___footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: -3px;
    height: 5px;
    background: linear-gradient(90deg,#e6593e 25%,#fbd601 25% 50%,#029cdd 50% 75%,#1cb299 75% 100%);
    display: block;
    margin: 0 auto;
    width: 80%
}

.main_footer .container {
    display: grid;
    grid-template-columns: 1fr 1.2fr 1fr 1fr;
    align-items: center;
    margin: 0 auto
}

.main_footer .logo {
    margin: 0 auto;
    width: 100%;
    align-self: start
}

.main_footer .logo img {
    max-width: 200px
}

.main_footer .info {
    padding: 0;
    margin: 0 auto 26px auto;
    align-self: flex-start
}

.main_footer .marginBottomZero {
    margin-bottom: 0
}

.main_footer .twoRows {
    margin: 0 auto;
    align-self: start
}

.main_footer .info p {
    margin: 0;
    color: #fff;
    font-weight: 400;
    font-family: 'Open Sans';
    font-size: 1.3rem;
    line-height: 16px;
    letter-spacing: -.02em
}

.main_footer .info h3 {
    font-size: 13px;
    font-family: 'Open Sans',sans-serif!important;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    color: #fff;
    margin: 0
}

.main_footer .info h3:after {
    content: "";
    display: block;
    margin: 10px 0;
    width: 28px;
    height: 1px;
    background-color: #1A4198;
}

.main_footer .info li {
    color: #fff;
    font-size: 1.3rem;
    font-family: 'Open Sans',sans-serif!important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.24px;
    margin-left: 0
}

.main_footer .info li:last-of-type {
    margin-bottom: 25px;
    margin-left: 0
}

.main_footer .links {
    align-self: flex-start;
    padding: 0;
    margin: 0 auto
}

.main_footer .links ul {
    margin: 0
}

.main_footer .links h3 {
    font-family: var(--font_family);
    font-style: normal;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 19px;
    letter-spacing: -.02em;
    text-transform: capitalize;
    color: #ffffff;
    margin: 0
}

.main_footer .links h3:after {
    content: "";
    display: block;
    margin: 10px 0;
    width: 28px;
    height: 1px;
    background-color: #1A4198;
}

.main_footer .links a {
    display: inline-block;
    font-weight: 400;
    font-family: var(--font_family);
    font-size: 1.3rem;
    color: var(--color_white);
    transition: all ease .3s;
    margin: 0 0 2px 0
}

.main_footer .links li {
    margin: 0 0 5px 0
}

.main_footer .links a:hover {
    color: #A7CF45;
    transition: all ease .3s
}

.main_footer .links ul li a i {
    margin-right: 10px
}

.main_footer .socialmedia {
    align-self: flex-start
}

.main_footer .socialmedia h3 {
    font-family: var(--font_family);
    font-style: normal;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 19px;
    letter-spacing: -.02em;
    text-transform: capitalize;
    color: #ffffff;
    margin: 0
}

.main_footer .socialmedia h3:after {
    content: "";
    display: block;
    margin: 10px 0;
    width: 28px;
    height: 1px;
    background-color: #1A4198;
}

.main_footer .socialmedia i {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 40px;
    font-size: 2.9rem;
    color: var(--color_white)
}

.main_footer .socialmedia input {
    height: 34px;
    width: 122px;
    padding: 10px 20px 10px 15px;
    border-radius: 5px 0 0 5px;
    border: none
}

.main_footer .socialmedia button {
    height: 34px;
    width: 58px;
    background-color: var(--color_semilight);
    border: none;
    border-radius: 0 5px 5px 0;
    font-family: var(--font_family);
    font-style: normal;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 19px;
    letter-spacing: -.02em;
    color: #394053
}

.bars_footer {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr
}

.bars_footer span {
    height: 3px
}

.bars_footer span:nth-of-type(1) {
    background-color: var(--color_alternate)
}

.bars_footer span:nth-of-type(2) {
    background-color: var(--color_semilight)
}

.bars_footer span:nth-of-type(3) {
    background-color: var(--color_alternate)
}

.bars_footer span:nth-of-type(4) {
    background-color: var(--color_secondary)
}

.main_footer_bar {
    padding: 1.2rem 0;
    background-color: var(--color_light_green);
    position: relative
}

.main_footer_bar .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: var(--width_default);
    margin: 0 auto;
    position: relative
}

.main_footer_bar p {
    font-family: var(--font_family);
    font-size: 1.2rem;
    letter-spacing: .05em;
    color: var(--color_white);
    text-align: center;
    width: 100%;
    margin: 0
}

.main_footer_bar .socialmedia {
    min-width: 100px
}

.main_footer_bar .socialmedia a i {
    color: #000;
    margin-left: 1rem;
    font-size: 2rem
}

.detail__unicef {
    position: absolute;
    right: 0;
    top: -50px
}

.bgFooterMobile {
    display: none
}

@media (max-width: 768px) {
    .main_footer {
        background-image:none
    }

    .main_footer .container {
        grid-template-columns: 1fr;
        display: flex;
        flex-direction: column-reverse
    }

    .main_footer .socialmedia {
        padding: 20px
    }

    .main_footer_bar {
        padding: 40px
    }

    .main_footer .socialmedia input {
        width: 75%
    }

    .bars_footer,.main_footer .links,.main_footer .logo {
        display: none
    }

    .main_footer .socialmedia {
        padding: 0;
        margin: 0 auto
    }

    .bgFooterMobile {
        display: block;
        height: 35px;
        background-repeat: no-repeat;
        background-color: #00923D;
        background-size: cover;
        background-image: url(../images/bg-footer-moblie.png)
    }
}

@media screen and (max-width: 1023px) {
    .main_footer {
        padding:40px 0
    }

    .main_footer .container {
        flex-direction: column
    }

    .main_footer .info {
        margin: 0 auto
    }

    .main_footer .info .exp,.main_footer .info ul {
        margin: 0 0 32px
    }

    .main_footer .info li:last-of-type {
        margin: 0
    }

    .main_footer .twoRows {
        width: 100%;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center
    }

    .main_footer .info h3:after,.main_footer .socialmedia h3:after {
        margin: 5px auto 10px
    }

    .main_footer_bar {
        padding: 10px 0
    }

    .detail__bar___footer {
        width: 100%
    }

    .main_footer .socialmedia i {
        margin-bottom: 0
    }

    .detail__unicef {
        margin: 0 auto;
        left: 0;
        right: 0;
        top: -75px
    }
}

.main_footer.contrast.active {
    background-color: #000
}

.main_footer.contrast.active .info h3,.main_footer.contrast.active .links h3,.main_footer.contrast.active .socialmedia h3 {
    color: #fff
}

.main_footer.contrast.active .links a {
    color: #fff;
    text-decoration: underline
}

.main_footer.contrast.active .links ul li:hover a {
    color: #fff333
}

.main_footer.contrast.active .info h3:after,.main_footer.contrast.active .links h3:after,.main_footer.contrast.active .socialmedia h3:after {
    background-color: #fff
}

.main_footer_bar.contrast.active {
    background-color: #000;
    border-top: 1px solid var(--color_white)
}

.main_footer.contrast.active .socialmedia a i:hover {
    color: #fff333
}

.td-header-wrap .td-header-menu-wrap-full.contrast.active .sf-menu>li:hover>a:after {
    background-color: #fff
}

.td-header-wrap .td-header-menu-wrap-full.contrast.active .sf-menu .td-normal-menu .td-menu-item>a:hover {
    background-color: #000
}

.background__gradient {
    background: linear-gradient(243.15deg,#eff3fc -20.14%,#e6eff5 -1.89%,#fffefe 90%)
}

#highlights {
    display: flex;
    flex-direction: column;
    background-color: transparent;
    text-align: start;
    padding: 20px;
    color: var(--color_white);
    position: relative;
    margin: 0;
    border: 1px solid #ccdee8;
    border-radius: 2px;
    background-image: url(../images/bg-novidades.svg);
    background-position: top left;
    background-repeat: no-repeat
}

.highlights__title {
    display: flex;
    border-bottom: 1px solid #ccdee8;
    margin: 10px 0 17px 0;
    padding: 0 0 17px 0;
    align-items: center;
    justify-content: space-between
}

.highlights__title h1 {
    margin: 0;
    line-height: 1;
    font-family: 'Open Sans'!important;
    font-size: 2.4rem;
    font-weight: 700;
    color: var(--color_alternate)
}

.highlights__title h2 {
    font-family: 'Open Sans'!important;
    color: #4e5159;
    font-size: 1.4rem;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin: 0
}

.highlights__item {
    display: block;
    position: relative;
    margin: 0 0 12px 0;
    padding: 0 17px;
    height: 70px;
    border-radius: 4px;
    border: 1px solid silver
}

.highlights__item:hover {
    background: var(--color_secondary);
    transition: all ease .2s
}

.highlights__item a img {
    position: absolute;
    left: 0;
    top: 0;
    left: 0
}

.highlights__item:last-child {
    margin-bottom: 0
}

.highlights__item a {
    padding: 13px 7px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.highlights__item .highlights__detail__itens {
    width: 100%;
    margin: 0 auto;
    height: 2px;
    background-color: #A7CF45
}

.highlights__item:nth-child(2) .highlights__detail__itens {
    background-color: #A7CF45
}

.highlights__item:nth-child(3) .highlights__detail__itens {
    background-color: #A7CF45
}

.highlights__item:nth-child(4) .highlights__detail__itens {
    background-color: #A7CF45
}

.highlights__item .secretary {
    margin: 0;
    color: #6e7380;
    font-size: 1.2rem;
    font-family: 'Open Sans'!important;
    font-style: normal;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 1.2
}

.highlights__item:hover .secretary {
    color: #fff
}

.highlights__item .title {
    margin: 0;
    color: #6e7380;
    font-size: 1.4rem;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700
}

.highlights__item:hover .title {
    color: #fff
}

#highlights.contrast.active {
    background-color: var(--color_black)
}

#highlights.contrast.active .highlights__item .highlights__detail__itens {
    background-color: #fff
}

#highlights.contrast.active h1 {
    background-color: var(--color_light_gray);
    color: #fff
}

#highlights.contrast.active .highlights__title h2 {
    color: #fff
}

#highlights.contrast.active .highlights__item .secretary {
    color: #fff;
    text-decoration: underline
}

#highlights.contrast.active ul li div span {
    background-color: var(--color_white)!important
}

#highlights.contrast.active .highlights__item .title {
    color: #fff;
    text-decoration: underline
}

#highlights.contrast.active .highlights__item:hover .secretary,#highlights.contrast.active .highlights__item:hover .title {
    color: #fff333
}

.unavailable {
    padding-bottom: 118px;
    background-color: var(--color_primary)
}

.unavailable img {
    max-width: 100%
}

.unavailable .logo img {
    margin: 20px 0 20px 20px;
    width: 170px;
    height: 70px;
    -o-object-fit: contain;
    object-fit: contain
}

.unavailable .content {
    margin: 0 auto;
    text-align: center
}

.unavailable .content h1 {
    margin-bottom: 15px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    color: #f1f3f9
}

.unavailable .content p {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
    text-align: center;
    color: #f1f3f9
}

.unavailable_footer {
    background-color: var(--color_light)
}

.unavailable_footer h3 {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -.02em;
    color: #394053
}

.unavailable_footer h3::after {
    content: '';
    margin: 10px 0 20px;
    display: block;
    width: 46px;
    height: 1.5px;
    background-color: var(--color_details)
}

.unavailable_footer p {
    margin-bottom: 33px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -.02em;
    color: #394053
}

.unavailable_footer_copy {
    padding: 30px 70px;
    background: #394053
}

.unavailable_footer_copy p {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    letter-spacing: .1em;
    color: #fff
}

.unavailable .bg {
    text-align: center
}

@media (max-width: 320px) {
    .unavailable .bg img {
        height:210px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .unavailable .content {
        max-width: 233px
    }

    .unavailable .content h1 {
        font-size: 24px
    }

    .unavailable .content p {
        font-size: 14px
    }

    .unavailable_footer {
        padding: 45px 30px 39px
    }
}

@media (max-width: 768px) {
    .unavailable_footer {
        display:grid;
        grid-template-columns: 1fr 1fr;
        padding: 20px 70px
    }

    .unavailable .content {
        max-width: 580px
    }
}

@media (min-width: 768px) {
    .unavailable_footer .address p {
        max-width:240px
    }

    .unavailable_footer_copy {
        padding: 0 70px;
        background: #394053;
        height: 52px;
        display: flex;
        justify-content: center;
        align-items: center
    }
}

@media (max-width: 1024px) {
    .unavailable_footer {
        display:flex;
        background-color: #f1f3f9;
        gap: 65px;
        padding: 35px 72px
    }

    .unavailable_footer p {
        margin-bottom: 0
    }
}

@media (max-width: 767px) {
    .unavailable_footer {
        display:flex;
        flex-direction: column;
        gap: 35px;
        padding: 35px 40px
    }
}

@media (min-width: 1025px) {
    .unavailable_footer {
        display:flex;
        background-color: #f1f3f9;
        gap: 65px;
        padding: 35px 72px;
        justify-content: center
    }

    .unavailable_footer p {
        margin-bottom: 0
    }
}

@media (min-width: 1920px) {
    .unavailable .content {
        max-width:816px
    }
}

.social_videos {
    padding: 0;
    width: 60%;
    margin: 0 auto;
    border-radius: 5px;
    border: 1px solid #A7CF45
}

.container_title {
    display: flex;
    padding: 0 10px
}

.container_title h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    margin: 0 auto;
    letter-spacing: -.02em;
    color: #253f81
}

.container_title .header {
    display: flex;
    align-items: center;
    margin-bottom: 25px
}

.container_title .header i {
    font-size: 27px;
    color: #00AD48;
    margin-right: 15px
}

.container_title .btn_videos {
    display: none
}

.social_videos .btn_videos {
    font-weight: 700;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -.02em;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #e6593e;
    font-family: var(--font_family);
    margin-top: 20px;
    display: block;
    transition: all ease .2s
}

.btn_videos_mobile {
    display: flex;
    font-family: var(--font_family);
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: var(--color_primary)
}

.social_instagram .btn_videos {
    font-weight: 700;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -.02em;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #e6593e;
    font-family: var(--font_family);
    margin-top: 20px;
    display: block;
    transition: all ease .2s
}

.social_instagram .btn_videos:hover {
    color: #1d83ff;
    text-decoration: underline
}

.social_videos .btn_videos:hover {
    color: #1d83ff;
    text-decoration: underline
}

.btn_videos_mobile svg {
    margin-right: 15px
}

.container_videos {
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-flow: row;
    grid-template-areas: "v0 v0 v0 v1" "v0 v0 v0 v2" "v0 v0 v0 v3";
    grid-gap: 10px
}

.container_videos>div:nth-of-type(1) {
    grid-area: v0
}

.container_videos>div:nth-of-type(2) {
    grid-area: v1
}

.container_videos>div:nth-of-type(3) {
    grid-area: v2
}

.container_videos>div:nth-of-type(4) {
    grid-area: v3
}

.container_videos>div:nth-of-type(2) iframe,.container_videos>div:nth-of-type(3) iframe,.container_videos>div:nth-of-type(4) iframe {
    display: flex;
    width: 100%;
    margin-bottom: -15px
}

.container_videos>div {
    margin: 0 auto
}

.container_videos>div:first-of-type iframe {
    width: 367px;
    height: 266px
}

.container_videos>div:nth-of-type(2) iframe,.container_videos>div:nth-of-type(3) iframe,.container_videos>div:nth-of-type(4) iframe {
    width: 100%;
    height: 100%!important
}

#instagramPosts {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: 12px;
    padding: 0 25px 25px
}

#instagramPosts a img {
    border-radius: 3px;
    width: 100%;
    height: 100px;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all ease .3s
}

#instagramPosts a:hover img {
    transform: scale(1.2)
}

.social_instagram {
    display: flex;
    padding: 0;
    width: 40%;
    border-radius: 5px;
    flex-direction: column;
    align-items: start;
    background-color: #f3f8f5
}

.instagramHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px;
    width: 100%;
    border-bottom: 1px solid #A7CF45
}

.instagramHeader h2 {
    margin: 0;
    color: var(--color_primary);
    font-size: 2rem;
    font-family: 'Open Sans',sans-serif!important;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.instagramHeader h2 strong {
    font-weight: 700
}

.instagramLink {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding-right: 25px
}

.instagramLink a {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #00AD48;
    border-radius: 50%;
    margin: 10px 0;
    width: 27px;
    height: 27px;
    transition: all ease .3s
}

.instagramLink a:hover {
    transform: scale(1.2)
}

.instagramLink i {
    font-size: 2rem;
    color: #fff
}

.social_instagram__header div {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.social_instagram__header span {
    width: 100%;
    display: block;
    height: 2px;
    background: linear-gradient(90deg,var(--color_secondary) 25%,var(--color_semilight) 25% 100%);
    margin: 11px 0
}

.social_instagram__header a i {
    background-color: var(--color_semilight);
    padding: 10px;
    font-size: 20px;
    border-radius: 50%
}

.social_videos .container_title .btn_videos {
    margin: 0
}

.social_videos .container_title .btn_videos i {
    margin-right: 10px
}

.social_videos .container_title h2 {
    color: #00923D;
    font-size: 1.4rem;
    font-family: 'Open Sans',sans-serif!important;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

@media (min-width: 768px) {
    

    
    .social_videos {
        padding:20px;
        max-width: initial;
        margin: initial
    }

    .social_videos .container_title {
        margin-bottom: 25px;
        justify-content: space-between;
        align-items: center;
        padding: 0
    }

    .social_videos .container_title h2 {
        margin-bottom: 0;
        font-size: 2.1rem
    }

    .social_videos .btn_videos_mobile {
        display: none
    }

    .social_videos .container_title .header {
        margin-bottom: 0
    }

    .social_videos .container_title .btn_videos {
        display: flex;
        align-items: center;
        color: var(--color_primary);
        font-size: 1.4rem;
        font-family: 'Open Sans',sans-serif!important;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        transition: all ease .3s
    }

    .social_videos .container_title .btn_videos:hover {
        color: var(--color_dark)
    }

    .social_videos .container_title .btn_videos svg {
        margin-right: 10px
    }

    .social_videos .container_videos>div {
        margin: 0 auto;
        height: 88px;
        overflow: hidden;
        width: 100%
    }

    .social_videos .container_videos>div a {
        height: 100%;
        width: 100%;
        position: relative;
        display: block
    }

    .social_videos .container_videos>div a img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        position: relative;
        z-index: 1
    }

    .social_videos .container_videos>div:first-of-type iframe {
        width: 100%;
        height: 286px!important
    }

    .container_videos>div:first-of-type {
        grid-area: v0;
        display: flex;
        width: 100%;
        height: 100%
    }

    .container_title>p {
        font-size: 15px;
        line-height: 22px;
        display: flex;
        align-items: center;
        letter-spacing: -.02em;
        color: #253f81;
        margin: 0
    }
}

.mediaSection .container_v2 {
    gap: 25px
}

.btn_videos.mobile {
    display: none
}

.social_videos .container_title .btn_videos {
    margin: 0
}

@media (max-width: 768px) {
        .optionsServices li {
    display: flex;
    align-items: center;
    margin-right: 20px;
    padding: 0;
    margin-bottom: 35px;
    border-radius: 5px;
    height: 58px;
    background-color: #FFF;
    width: calc(100% - 20px) !important;
    transition: all ease 0.3s;
}
    
    .container_videos>div:nth-of-type(4) {
        display:none
    }

    .social_videos .btn_videos {
        display: none
    }

    .btn_videos.mobile {
        display: flex;
        gap: 5px;
        align-self: flex-end;
        color: #00923D;
        font-size: 1.2rem;
        font-family: 'Open Sans',sans-serif!important;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline
    }
}

@media screen and (max-width: 1023px) {
    .container_title {
        flex-direction:column;
        align-items: flex-start
    }

    .container_title .header {
        margin: 0 0 20px
    }

    .container_videos {
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "v0 v0" "v1 v2" "v3 v3";
        grid-gap: 10px;
        display: grid
    }

    .container_videos>div:first-of-type iframe {
        width: 100%;
        height: 100%
    }

    .container_videos>div {
        width: 100%
    }

    .container_videos>div:first-of-type {
        grid-area: v0
    }

    .social_instagram {
        width: 100%
    }

    .social_videos {
        display: flex;
        flex-direction: column;
        padding: 20px;
        width: 100%;
        margin-bottom: 50px
    }
}

.mediaSection.contrast.active .instagramHeader,.mediaSection.contrast.active .social_videos {
    border-color: #fff
}

.mediaSection.contrast.active .instagramHeader h2 {
    color: #fff
}

.social_instagram.contrast.active,.social_videos.contrast.active {
    background-color: var(--color_black)
}

.social_videos.contrast.active .container_title>p {
    color: var(--color_white)
}

.social_instagram.contrast.active .social_instagram__header h2,.social_instagram.contrast.active .social_instagram__header p {
    color: var(--color_white)
}

.social_instagram.contrast.active .social_instagram__header a i {
    background-color: var(--color_white)
}

.social_instagram.contrast.active .social_instagram__header span {
    background: var(--color_white)
}

.social_instagram.contrast.active .btn_videos:hover {
    color: #fff333
}

.social_instagram.contrast.active .btn_videos,.social_videos.contrast.active .btn_videos,.social_videos.contrast.active .container_title h2 {
    color: var(--color_white)
}

.social_videos.contrast.active a:hover {
    color: #fff333!important
}

.social_videos.contrast.active .container_title .header i {
    color: var(--color_white)
}

@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Poppins:wght@700&display=swap);.alert-privacy {
    position: fixed;
    bottom: 20px;
    animation-duration: 2s;
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    padding: 20px;
    margin: 0;
    width: 100%;
    background-color: #f6f6f6;
    z-index: 10;
    gap: 10px;
    border: 1px solid #d9dff0;
    border-radius: 5px;
    animation-duration: 1s
}

.btn-accept-cookies {
    height: 41px;
    width: 100%;
    margin-bottom: 15px;
    background: 0 0;
    color: var(--color_primary);
    font-family: 'Open Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid var(--color_primary);
    transition: all ease .3s
}

.btn-accept-cookies:hover {
    border-color: var(--color_secondary);
    color: var(--color_secondary)
}

.btn-accept-all-cookies {
    margin-bottom: 15px;
    border: none;
    border-radius: 4px;
    width: 100%;
    height: 41px;
    background-color: var(--color_primary);
    color: #fff;
    font-family: 'Open Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    cursor: pointer;
    transition: all ease .3s
}

.btn-more-options {
    color: var(--color_primary);
    font-family: 'Open Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-decoration: underline;
    background: 0 0;
    border: none;
    cursor: pointer;
    transition: all ease .3s
}

.btn-more-options:hover {
    color: var(--color_secondary)
}

.btn-accept-all-cookies:hover {
    background-color: var(--color_secondary)
}

.alert-privacy .title {
    margin: 0 15px 10px;
    color: var(--color_primary);
    font-family: 'Open Sans';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.alert-privacy .content-detail-modal-header {
    margin: 0 0 10px 15px
}

.alert-privacy .description {
    margin: 15px
}

.alert-privacy .description,.alert-privacy .description a {
    color: #6b747c;
    font-family: 'Open Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.alert-privacy .description a {
    color: var(--color_primary);
    font-family: 'Open Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    transition: all ease .3s
}

.alert-privacy .description a:hover {
    color: var(--color_secondary)
}

.alert-privacy .description strong {
    font-weight: 700
}

.alert-privacy .content {
    width: 100%
}

.alert-privacy .actions {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media (min-width: 414px) {
    .btn-accept-all-cookies,.btn-accept-cookies {
        margin-left:auto;
        margin-right: auto;
        width: 215px
    }
}

@media screen and (min-width: 968px) {
    .alert-privacy {
        max-width:calc(var(--width_default) - 20px);
        flex-direction: row;
        align-items: center;
        gap: 0;
        height: auto;
        justify-content: space-between;
        margin: 0 auto
    }

    .alert-privacy .content {
        margin-right: 34px
    }

    .alert-privacy .title {
        margin: 0 0 10px 15px;
        font-size: 1.6rem
    }

    .alert-privacy .description {
        margin-bottom: 0
    }

    .alert-privacy .actions {
        width: initial
    }

    .btn-accept-all-cookies,.btn-accept-cookies {
        width: 227px
    }
}

.alert-privacy.contrast.active {
    background-color: #000;
    border: 1px solid #fff
}

.alert-privacy.contrast.active .btn-more-options,.alert-privacy.contrast.active .description,.alert-privacy.contrast.active .description a,.alert-privacy.contrast.active .title {
    color: #fff
}

.alert-privacy.contrast.active .content-detail-modal-header div,.alert-privacy.contrast.active .content-detail-modal-header div:nth-child(2) {
    background-color: #fff
}

.alert-privacy.contrast.active .btn-accept-all-cookies {
    background-color: #000;
    border: 1px solid #fff;
    text-decoration: underline
}

.alert-privacy.contrast.active .btn-accept-cookies {
    color: #fff;
    border: 1px solid #fff;
    text-decoration: underline
}

.alert-privacy.contrast.active .btn-accept-cookies:hover {
    border-color: #fff;
    color: #fff333
}

.alert-privacy.contrast.active .btn-more-options:hover,.alert-privacy.contrast.active .description a:hover {
    color: #fff333
}

.alert-privacy.contrast.active .btn-accept-all-cookies:hover {
    background-color: #000;
    color: #fff333
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    transition: .4s
}

input:checked+.slider {
    background-color: #2196f3
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196f3
}

input:checked+.slider:before {
    transform: translateX(26px)
}

.slider.round {
    border-radius: 34px
}

.slider.round:before {
    border-radius: 50%
}

.modal {
    display: none;
    position: fixed;
    z-index: 10;
    left: 0;
    top: 0;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0,0,0,.4);
    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: .4s;
    animation-name: fadeIn;
    animation-duration: .4s
}

.modal-content {
    position: fixed;
    top: 5%;
    background-color: #fefefe;
    width: 100%;
    max-width: 651px;
    max-height: 90%;
    height: 536px;
    padding: 20px;
    -webkit-animation-name: slideIn;
    -webkit-animation-duration: .4s;
    animation-name: slideIn;
    animation-duration: .4s;
    overflow-y: auto;
    background: url(../img/bg-modal.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #fff
}

.modal-logo {
    width: 150px;
    display: flex;
    position: relative;
    margin: 0
}

.modal-logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.close_popup {
    color: #031e2b;
    float: right;
    font-size: 28px;
    transition: all ease .3s
}

.close_popup i {
    font-weight: 700;
    color: #6b747c;
    cursor: pointer
}

.close_popup i:focus,.close_popup i:hover {
    color: var(--color_secondary);
    text-decoration: none;
    cursor: pointer
}

.modal-privacy-header {
    padding: 0;
    color: #fff
}

.modal-body {
    padding: 0
}

.modal-body h1 {
    margin-bottom: 20px;
    color: var(--color_primary);
    font-family: 'Open Sans';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.modal-body .title-body {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 1;
    border-top: 1px solid #d5e7f7;
    padding-top: 20px
}

.modal-footer {
    padding: 0;
    background-color: #fff;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 16px;
    border-top: 0
}

.modal-body p {
    margin-bottom: 0;
    color: #6b747c;
    font-family: 'Open Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.modal-body p strong {
    color: var(--color_primary);
    font-family: 'Open Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

p.modal-body__desc {
    margin-bottom: 25px;
    color: #6b747c;
    font-family: 'Open Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.modal-body p a {
    color: var(--color_primary);
    font-family: 'Open Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.modal-body p a:hover {
    color: var(--color_secondary)
}

.content-detail-modal-header {
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin: 20px 0
}

.content-detail-modal-header div {
    display: block;
    background-color: var(--color_secondary)
}

.content-detail-modal-header div:nth-child(1) {
    width: 50px;
    height: 5px
}

.content-detail-modal-header div:nth-child(2) {
    width: 100%;
    height: 1px;
    background-color: #d9dff0
}

.option-cookie {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 2px;
    border-radius: 4px;
    background: #f6f6f6
}

.option-cookie {
    margin-bottom: 10px
}

.option-cookie__btn {
    display: flex
}

.icon-open-description {
    position: relative;
    width: 44px;
    height: 44px;
    border: 1px solid #d5e7f7;
    margin: 0;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    cursor: pointer
}

.icon-open-description div {
    width: 18px;
    height: 2px;
    background-color: #031e2b;
    position: absolute;
    transition: all ease .2s
}

.icon-open-description div:nth-child(2) {
    width: 2px;
    height: 18px
}

.icon-open-description--closed {
    transform: rotate(0);
    transition: all ease .2s
}

.icon-open-description--open {
    transform: rotate(90deg);
    transition: all ease .2s
}

.content-option-cookie {
    position: relative;
    padding: 12px;
    display: flex;
    width: calc(100% - 44px);
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    border-left: 0
}

.option-cookie-description {
    font-weight: 400;
    font-size: 13px;
    line-height: 118.9%;
    color: #031e2b;
    padding: 12px 15px;
    border: 1px solid #d5e7f7;
    border-top: 0;
    margin-top: -2px
}

.option-cookie:last-child {
    margin-bottom: 0
}

.content-option-cookie .title {
    font-weight: 400;
    font-size: 13px;
    color: #031e2b;
    padding: 0;
    margin: 0;
    line-height: inherit;
    font-family: var(--font-family-montserrat)
}

.content-option-cookie .always-active {
    padding: 0;
    margin: 0;
    line-height: inherit;
    color: #00bec1;
    font-size: 13px;
    font-weight: 400;
    font-family: var(--font-family-montserrat)
}

#btn-accept {
    width: 100%;
    align-self: flex-end;
    color: #fff;
    font-family: 'Open Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 12px 20px;
    transition: all ease .3s;
    cursor: pointer;
    border: none;
    border-radius: 4px;
    background: var(--color_primary)
}

#btn-accept:hover {
    background-color: var(--color_secondary)
}

#btn-reject {
    font-weight: 700;
    font-size: 14px;
    font-family: var(--font-family-montserrat);
    background-color: #fff;
    color: #031e2b;
    transition: all ease .2s;
    cursor: pointer;
    border: none
}

#btn-reject:hover {
    text-decoration: underline
}

.hidden-option {
    display: none;
    overflow: hidden;
    height: 0;
    max-height: 0;
    transition: max-height .3s ease-out
}

.switch__container {
    margin: 10px auto;
    height: 10px;
    width: 70px;
    position: relative
}

.switch__container:hover .tooltip {
    visibility: visible;
    opacity: 1
}

.show-option {
    display: block;
    height: auto;
    max-height: 300px;
    transition: max-height .3s ease-in
}

.switch {
    visibility: hidden;
    position: absolute;
    margin-left: -9999px
}

.switch+label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.switch--shadow+label {
    margin: 0 auto;
    padding: 2px;
    width: 40px;
    height: 20px;
    background-color: #ddd;
    border-radius: 32px
}

.switch--shadow+label:after,.switch--shadow+label:before {
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    content: ""
}

.switch--shadow+label:before {
    right: 1px;
    background-color: #6b747c;
    border-radius: 20px;
    transition: background .4s
}

.switch--shadow+label:after {
    width: 22px;
    background-color: #fff;
    border-radius: 100%;
    box-shadow: 0 2px 5px rgba(0,0,0,.3);
    transition: all .4s
}

.switch--shadow:checked+label:before {
    background-color: var(--color_secondary)
}

.switch--shadow:checked+label:after {
    transform: translateX(17px)
}

.switch--shadow[readonly]+label {
    cursor: not-allowed;
    pointer-events: none
}

.tooltip {
    visibility: hidden;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity .3s
}

.tooltip-container:hover .tooltip {
    visibility: visible;
    opacity: 1
}

@keyframes slideIn {
    from {
        bottom: -300px;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media (min-width: 411px) {
    #btn-accept {
        width:149px
    }
}

@media (min-width: 920px) {
    .modal-content {
        height:510px
    }

    .switch__container {
        margin: 30px auto
    }

    .option-cookie {
        flex-direction: row
    }

    .content-option-cookie::before {
        position: absolute;
        left: -10px;
        content: '';
        display: block;
        height: 46px;
        width: 1px;
        background-color: #d9dff0
    }
}

.modal-content.contrast.active {
    background-color: #000;
    border: 1px solid #fff
}

.modal-content.contrast.active #btn-accept {
    background-color: #000;
    border: 1px solid #fff;
    text-decoration: underline
}

.modal-content.contrast.active #btn-accept:hover {
    background-color: #000;
    color: #fff333
}

.modal-content.contrast.active .content-detail-modal-header div,.modal-content.contrast.active .content-detail-modal-header div:nth-child(2),.modal-content.contrast.active .switch--shadow+label {
    background-color: #fff
}

.modal-content.contrast.active .close_popup i,.modal-content.contrast.active .modal-body h1,.modal-content.contrast.active .modal-body p,.modal-content.contrast.active .modal-body p a,.modal-content.contrast.active .modal-body p strong,.modal-content.contrast.active p.modal-body__desc {
    color: #fff
}

.modal-content.contrast.active .close_popup i:focus,.modal-content.contrast.active .close_popup i:hover,.modal-content.contrast.active .modal-body p a:hover {
    color: #fff333
}

.modal-content.contrast.active .option-cookie {
    background: #000;
    border: 1px solid #fff
}

.modal-content.contrast.active .switch--shadow:checked+label:before {
    background-color: #fff333
}

.modal-content.contrast.active .modal-footer,.modal-content.contrast.active .switch--shadow+label:before {
    background-color: #000
}

.containerNewsHighlights {
    display: grid;
    grid-template-columns: 70% 30%;
    align-items: stretch;
    gap: 10px;
    margin: 50px auto 70px;
    max-width: var(--width_default)
}

.container_v2 {
    max-width: var(--width_default);
    display: block;
    margin: 20px
}

.container__v2__align__start {
    align-items: stretch;
    justify-content: space-between
}

.container_v2__column__reverse {
    flex-direction: column-reverse;
    display: flex
}

.container__news__highlights,.container_v2__25__75,.container_v2__75__25 {
    grid-gap: 20px 0
}

.container__services__highlights {
    max-width: var(--width_default);
    margin: 0 auto;
    display: block;
    padding: 20px 0
}

@media screen and (min-width: 1025px) {
    .container_v2 {
        flex-direction:row;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 20px auto
    }

    .container_v2__column__reverse {
        flex-direction: row
    }

    .container_v2__75__25 {
        display: grid;
        grid-template-columns: 65% 30%;
        align-items: stretch
    }

    .container__news__highlights {
        display: grid;
        grid-template-columns: 1fr 335px;
        align-items: stretch;
        gap: 15px
    }

    .container_v2__25__75 {
        display: grid;
        grid-template-columns: 25% 75%;
        align-items: stretch
    }

    .container_v2__35__65 {
        display: grid;
        grid-template-columns: 35% 65%;
        align-items: stretch
    }

    .container__v2__align__start {
        align-items: stretch;
        justify-content: space-between
    }
}

@media screen and (min-width: 1360px) {
    .container_v2 {
        flex-direction:row;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .container_v2__column__reverse {
        flex-direction: row
    }

    .container_v2__75__25 {
        display: grid;
        grid-template-columns: 74% 25%;
        align-items: stretch
    }

    .container_v2__25__75 {
        display: grid;
        grid-template-columns: 25% 75%;
        align-items: stretch
    }

    .container_v2__35__65 {
        display: grid;
        grid-template-columns: 35% 65%;
        align-items: stretch
    }

    .container__news__highlights {
        align-items: stretch
    }

    .container__v2__align__start {
        align-items: stretch;
        justify-content: space-between
    }
}

@media screen and (max-width: 1023px) {
    .container__services__highlights {
        padding:0
    }

    .containerNewsHighlights {
        display: flex;
        flex-direction: column
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#news {
    width: 100%;
    flex-direction: column;
    font-family: "Open Sans",Heebo,sans-serif
}

#news ul li,ol li {
    margin: 0;
    padding: 0
}

.news__grid {
    grid-template-columns: 100%;
    display: grid;
    width: 100%;
    grid-gap: 10px
}

.news__grid__item {
    padding: 0 10px
}

.news__grid__item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    z-index: 1;
    top: 0;
    transition: all ease .3s;
    border-radius: 2px
}

.news__grid__item:hover img {
    transition: all ease .3s;
    transform: scale(1.2)
}

.news__grid__item:hover .title {
    text-decoration: underline
}

.news__grid__item .title {
    transition: all ease .3s;
    color: var(--color_alternate);
    color: var(--color_alternate);
    font-size: 1.4rem;
    font-family: 'Open Sans',sans-serif!important;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    letter-spacing: -.02em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.news__grid__item:nth-child(1) .title {
    font-size: 2.1rem;
    line-height: 29px;
    margin: 0 0 10px 0;
    transition: all ease .3s;
    color: var(--color_alternate)
}

.news__grid__item:nth-child(2) .title {
    margin: 10px 0 0 0
}

.news__grid__item .description {
    transition: all ease .3s;
    color: #4e5159;
    font-size: 1.2rem;
    font-family: 'Open Sans'!important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.news__grid__item .content__new {
    border-radius: 0 5px;
    background: rgba(243,248,245,.9);
    width: 100%;
    padding: 15px 20px;
    position: relative;
    border: 1px solid #ccdee8
}

.news__grid__item .content__new .date {
    margin: 0 0 5px;
    color: var(--color_alternate);
    font-size: 1.4rem;
    font-family: 'Open Sans',sans-serif!important;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase
}

.news__grid__item .content__first__new .date {
    font-size: 1.4rem;
    line-height: 19px;
    letter-spacing: -.02em;
    color: var(--color_alternate);
    margin: 10px 0;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    font-family: var(--font_family)
}

.news__grid__item a {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    justify-content: start;
    flex-direction: column;
    overflow: hidden
}

.news__grid__item:nth-child(1) a {
    justify-content: end;
    padding: 0 25px
}

.content__first__new {
    border-radius: 0 5px;
    background: rgba(243,248,245,.9);
    width: 100%;
    padding: 15px 20px;
    position: relative;
    border: 1px solid #ccdee8
}

.detail__first__new {
    display: none;
    background-color: var(--color_details_corona);
    height: 1px;
    width: 90px;
    margin: 10px auto;
    font-weight: 700
}

.content__first__new .detail__first__new {
    display: block
}

.news__more {
    display: flex;
    width: 100%;
    align-items: end;
    justify-content: space-between;
    margin-top: 15px
}

.news__more__btn {
    width: 83px;
    box-sizing: border-box;
    padding: 12px 45px;
    color: #005846;
    font-size: 1.4rem;
    font-family: 'Open Sans',sans-serif!important;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -.28px;
    margin: 20px auto auto auto;
    transition: .3s;
    border-radius: 4px;
    background: #A7CF45
}

.news__more__btn:hover {
    color: var(--color_white);
    background-color: var(--color_primary)
}

.news__more span {
    width: 73%;
    height: 1px;
    background-color: var(--color_primary);
    margin-left: 20px;
    display: none
}

.detail__highlight__new {
    color: var(--color_primary);
    background: var(--color_secondary);
    padding: 5px 13px;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    text-transform: capitalize;
    position: absolute;
    font-weight: 700;
    border-radius: 4px;
    z-index: 1;
    top: 12px;
    left: 12px;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto
}

.container-news {
    display: flex;
    max-width: 1320px;
    margin: 20px auto 0
}

.container-news article {
    flex: 0 0 70%;
    position: relative
}

.container-news .categories {
    display: flex
}

.container-news aside {
    flex: 0 0 calc(30% - 20px);
    margin-left: 10px
}

.container-news .new-content .categories a {
    width: auto;
    display: block;
    position: relative;
    background: var(--color_primary);
    color: #fff;
    padding: 3px 15px;
    text-transform: uppercase;
    font-size: 11px;
    border-radius: 8px;
    font-family: var(--font_family);
    margin: 0 5px 5px 0
}

.new-content p {
    line-height: 1.2;
    font-size: 1.6rem;
    margin-bottom: 10px
}

.container-news aside .title-aside h1 {
    padding: 3px 15px;
    margin-bottom: 10px;
    font-size: 12px;
    text-align: left;
    margin-left: 5px;
    text-transform: uppercase;
    font-weight: 300;
    display: inline-block;
    background: var(--color_primary);
    color: #fff;
    border-radius: 8px
}

.container-news .ontopcdn-otherNews .groupCards .card {
    width: initial
}

.container-news .ontopcdn-otherNews .groupCards .card img {
    width: 330px;
    height: 250px
}

.news__highlights__separator {
    margin: 40px 0;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #005b9b
}

.newsCall {
    display: flex;
    align-items: flex-end
}

.newsCall_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 177px;
    height: 27px;
    border-radius: 5px;
    border: 1px solid #005846;
    color: #005846;
    text-align: center;
    font-size: 1.4rem;
    font-family: 'Open Sans',sans-serif!important;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    transition: all ease .3s
}

.newsCall_btn:hover {
    background-color: var(--color_primary);
    color: #fff
}

.newsCall_border {
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: silver;
    margin-left: 10px;
    margin-right: 10px
}

@media (max-width: 768px) {
    .container-news {
        flex-direction:column
    }

    .container-news .title-aside {
        text-align: center
    }

    .newsCall_btn {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 5px auto 20px;
        width: 256px;
        height: 41px;
        color: #005846;
        font-size: 1.6rem;
        font-family: 'Open Sans',sans-serif!important;
        font-style: normal;
        font-weight: 600;
        line-height: normal
    }

    .newsCall_border {
        display: none
    }
}

@media screen and (max-width: 1023px) {
    .news__grid__item .description {
        display:none
    }

    #last__update h1 {
        display: none
    }

    .container_last_update {
        padding-top: 20px
    }

    .news__grid__item .content__new .date {
        display: block;
        padding: 8px 0 0 0;
        margin: 0
    }

    .news__grid__item__content__img {
        height: 180px
    }

    #last__update .search_content {
        display: flex;
        margin: 0 20px;
        align-items: center;
        justify-content: center
    }

    #last__update .search_content button {
        width: 78px;
        font-size: 16px
    }

    .news__grid__item:nth-child(1) a {
        padding: 0
    }

    .news__grid__item .content__new {
        background: rgba(255,255,255,.9);
        width: 100%;
        padding: 15px 20px;
        position: relative;
        border: 1px solid #ccdee8
    }

    .detail__first__new {
        display: block;
        margin: 10px 0
    }

    .news__grid__item .title {
        font-weight: 700;
        font-size: 1.6rem;
        line-height: 19px;
        letter-spacing: -.02em;
        color: var(--color_alternate);
        -webkit-line-clamp: 3;
        margin: 0
    }

    .news__grid__item:nth-child(1) .title {
        color: var(--color_alternate);
        font-size: 2.2rem;
        font-family: 'Open Sans'!important;
        font-style: normal;
        font-weight: 700;
        -webkit-line-clamp: 3;
        margin: 0
    }

    .content__new .date {
        display: block
    }
}

@media screen and (min-width: 1025px) {
    .news__grid__item a {
        justify-content:space-between
    }

    .news__grid {
        grid-template-columns: 2fr 1fr 1fr;
        grid-template-rows: 240px 195px
    }

    .news__grid .news__grid__item:nth-child(1) {
        grid-row-end: span 2
    }

    .news__grid .news__grid__item:nth-child(2) {
        grid-row-start: 1;
        grid-column-start: 2;
        grid-column-end: 4
    }

    .news__grid .news__grid__item:nth-child(3) .news__grid__item__content__img,.news__grid .news__grid__item:nth-child(4) .news__grid__item__content__img {
        height: 135px
    }

    .news__grid__item__content__img {
        overflow: hidden;
        z-index: 1
    }

    .news__more span {
        display: block
    }

    .news__more__btn {
        margin: initial;
        width: 245px;
        padding: 5px 45px;
        font-size: 13px;
        line-height: 18px;
        margin: 0 auto
    }

    .news__grid__item:nth-child(1) a {
        padding: 0
    }

    .news__grid__item:nth-child(1) .title {
        text-align: left
    }

    .detail__first__new {
        margin: 10px 0
    }

    .news__grid__item {
        padding: 0
    }
}

#news.contrast.active .content__first__new {
    background-color: var(--color_black)
}

#news.contrast.active .detail__highlight__new {
    background-color: var(--color_light_gray)
}

#news.contrast.active .news__grid__item .content__new,#news.contrast.active .news__grid__item .content__new .date {
    background-color: #000;
    color: #fff
}

#news.contrast.active .detail__first__new,#news.contrast.active .news__grid__item .title,#news.contrast.active .news__grid__item:hover .description {
    color: var(--color_white);
    background-color: var(--color_black);
    text-decoration: underline
}

#news.contrast.active .news__grid__item .description {
    color: var(--color_white)
}

#news.contrast.active .news__more span,#news.contrast.active .news__more__btn {
    border-color: var(--color_black);
    background-color: var(--color_black);
    color: var(--color_white)
}

#news.contrast.active .news__grid__item .content__first__new .date {
    color: #fff
}

#news.contrast.active .news__grid__item:hover .description,#news.contrast.active .news__grid__item:hover .title {
    color: #fff333
}

#news.contrast.active .newsCall_btn {
    background-color: #000;
    border-color: #fff;
    color: #fff
}

#news.contrast.active .newsCall_btn:hover {
    color: #fff333;
    -webkit-text-decoration-color: #fff333;
    text-decoration-color: #fff333
}

.otherNewsContainer {
    background: #f3f8f5
}

.other_news_real {
    max-width: var(--width_container);
    margin: 0 auto
}

.other_news_real {
    padding: 40px 30px;
    width: 100%
}

.other_news_real h1 {
    margin-top: 0;
    color: #00923D;
    font-size: 3.6rem;
    font-family: 'Open Sans',sans-serif!important;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 3px
}

.other__news__content.slick-slider {
    display: flex
}

.other__news__content__item {
    display: flex;
    position: relative;
    margin-bottom: 30px;
    box-shadow: 0 9.32597px 16.3204px 1.16575px rgba(0,91,155,.06)
}

.other__news__content__item .date {
    display: flex;
    align-items: center;
    position: relative
}

.other__news__content__item .date i {
    color: var(--color_secondary);
    font-size: 2rem
}

.other__news__content__item .date div {
    width: 113px;
    height: 41px;
    padding: 12px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 3px;
    background: #f5d139
}

.other__news__content__item .date h5 {
    margin: 0;
    color: #00923D;
    font-size: 2.4rem;
    font-family: 'Open Sans',sans-serif!important;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: -moz-fit-content;
    width: fit-content
}

.other__news__content__item .date span {
    display: block;
    height: 2px;
    width: 250px;
    background-color: var(--color_secondary)
}

.other__news__content__item .new {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 255px;
    align-items: stretch
}

.other__news__content__item .new:hover {
    background-color: var(--color_white)
}

.other__news__content__item .new:hover h1 {
    text-decoration: underline
}

.other__news__content__item .new .title {
    padding: 0 0 0 20px;
    background-color: #fff;
    box-shadow: 0 8px 14px 1px rgba(0,91,155,.06)
}

.other__news__content__item .new img {
    width: auto;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 20px
}

.slickNext,.slickPrev {
    height: 140px;
    background-color: var(--color_details);
    border: none;
    width: 60px;
    align-self: end;
    transition: .3s;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.other_news_real .slickNext i,.other_news_real .slickPrev i {
    font-size: 2.4rem;
    font-weight: 700;
    color: var(--color_white)
}

.slickNext.slick-disabled,.slickPrev.slick-disabled {
    background-color: #aaafbb;
    display: none!important
}

.other_news_real .title a {
    padding-bottom: 11px;
    color: #00923D;
    font-size: 1.3rem;
    font-family: 'Open Sans',sans-serif!important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    align-self: normal;
    width: 90%;
    text-align: right;
    display: block
}

.other_news_real .linkMore {
    display: flex;
    align-items: flex-end
}

.other_news_real .linkMore span {
    display: inline-block;
    height: 1px;
    width: 100%;
    background-color: #A7CF45
}

.other_news_real .btn__more__news {
    width: 100%;
    padding: 10px 0;
    margin-top: 25px;
    background-color: transparent;
    transition: .3s;
    display: block;
    border-radius: 4px;
    border: 1px solid #A7CF45;
    text-align: center;
    color: #005446;
    font-size: 1.4rem;
    font-family: 'Open Sans',sans-serif!important;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.other_news_real .btn__more__news:hover {
    color: var(--color_white);
    background-color: var(--color_primary)
}

.other_news_real .title h1 {
    color: #666;
    font-size: 1.4rem;
    font-family: 'Open Sans',sans-serif!important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-right: 0;
    text-decoration: none
}

.other__news__content .slick-list {
    padding: 0!important
}

@media (max-width: 768px) {
    .other_news_real .btn__more__news {
        margin:0 auto;
        width: 256px;
        text-align: center;
        font-size: 1.6rem;
        font-weight: 600
    }

    .other_news_real .linkMore span {
        display: none
    }

    .other__news__content__item .new .title {
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .other__news__content__item .date div {
        background-color: transparent
    }
}

@media screen and (min-width: 1025px) {
    .other__news__content__item .new {
        grid-template-rows:140px
    }
}

@media screen and (min-width: 1025px) {
    .other_news_real .title h1 {
        line-height:19px;
        text-align: left
    }

    .other__news__content__item .new img {
        height: 138px;
        width: 212px;
        display: flex;
        -o-object-fit: cover;
        object-fit: cover;
        margin-right: 0
    }

    .other__news__content__item .new {
        margin-top: 25px;
        height: auto
    }

    .other_news_real h1 {
        font-size: 3.4rem;
        line-height: 49px
    }

    .other__news__content__item .date {
        position: absolute;
        left: 41%;
        top: -7px
    }

    .other_news_real .btn__more__news {
        display: flex;
        justify-content: center;
        width: 233px;
        margin-right: 10px
    }

    .other__news__content__item {
        margin-bottom: 0;
        box-shadow: 0 9.32597px 16.3204px 1.16575px rgba(0,91,155,.06)
    }

    .other__news__content__item .new .title {
        display: flex;
        padding: 20px 0 0 10px;
        flex-direction: column;
        justify-content: flex-end
    }
}

.otherNewsContainer.contrast.active,.other_news_real.contrast.active,.other_news_real.contrast.active .other__news__content__item .date div,.other_news_real.contrast.active .other__news__content__item .new:hover {
    background-color: #000
}

.other_news_real.contrast.active .btn__more__news {
    border: 2px solid #fff
}

.other_news_real.contrast.active .linkMore span,.other_news_real.contrast.active .other__news__content__item .date span {
    background-color: #fff
}

.other_news_real.contrast.active .btn__more__news,.other_news_real.contrast.active .other__news__content__item .date h5,.other_news_real.contrast.active .other__news__content__item .date i,.other_news_real.contrast.active .title a,.other_news_real.contrast.active .title h1,.other_news_real.contrast.active h1 {
    color: #fff
}

.other_news_real.contrast.active {
    background-color: #000;
    border: 1px solid #fff
}

.other_news_real.contrast.active .slickNext,.other_news_real.contrast.active .slickPrev {
    background-color: #000;
    border: 1px solid var(--color_white)
}

.other__news__content .slickNext,.other__news__content .slickPrev {
    background-color: #00AD48
}

.other_news_real .btn__more__news:hover {
    color: var(--color_white);
    background-color: var(--color_primary);
    text-decoration: underline
}

.other_news_real.contrast.active .btn__more__news,.other_news_real.contrast.active .other__news__content__item .date h5,.other_news_real.contrast.active .other__news__content__item .date i,.other_news_real.contrast.active .title a,.other_news_real.contrast.active .title h1,.other_news_real.contrast.active h1 {
    text-decoration: underline
}

.other_news_real.contrast.active .btn__more__news:hover,.other_news_real.contrast.active .other__news__content__item .date h5:hover,.other_news_real.contrast.active .other__news__content__item .date i:hover,.other_news_real.contrast.active .title a:hover,.other_news_real.contrast.active .title h1:hover,.other_news_real.contrast.active h1:hover {
    color: #fff333
}

.other_news_real.contrast.active .btn__more__news:hover {
    background-color: #000;
    color: #fff333
}

#pageTitle {
    margin: 20px auto;
    max-width: var(--width_default)
}

#pageTitle h2 {
    text-align: left;
    display: block;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 4rem;
    line-height: 4.5rem;
    color: var(--color_primary)
}

@media (max-width: 1279px) {
    #pageTitle {
        padding:0 15px
    }
}

#pageTitle.contrast.active h2 {
    color: #fff
}

.intro_home_eleitoral {
    margin: 3.5rem 0 .8rem;
    display: flex;
    justify-content: center
}

.intro_home_eleitoral .container {
    display: grid;
    grid-template-columns: 100%;
    max-width: 1200px;
    margin: 0 auto;
    align-items: flex-start
}

.intro_home_eleitoral .news {
    display: grid;
    grid-template-columns: 46% 26% 26%;
    grid-template-rows: repeat(2,218px);
    grid-gap: 10px;
    position: relative
}

.intro_home_eleitoral .news .content {
    padding: 2rem
}

.intro_home_eleitoral .news .item {
    height: 100%;
    width: 100%;
    overflow: hidden;
    transition: all .3s ease
}

.intro_home_eleitoral .news .content .excerpt {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 20px;
    color: #fff
}

.intro_home_eleitoral .news .item:hover img {
    transform: scale(1.15);
    transition: all .3s ease
}

.intro_home_eleitoral .news .item:nth-of-type(1) {
    grid-row-start: 1;
    grid-row-end: span 2
}

.intro_home_eleitoral .news .item:nth-of-type(2) {
    grid-row-start: 1;
    grid-row-end: 1;
    grid-column-end: span 2
}

.intro_home_eleitoral .news .item:nth-of-type(3) {
    grid-row-start: 2;
    grid-row-end: 2;
    grid-column-start: 2;
    grid-column-end: span 2
}

.intro_home_eleitoral .news .item:nth-of-type(4) {
    grid-row-start: 2;
    grid-row-end: 2;
    grid-column-end: 3;
    grid-column-start: 3
}

.intro_home_eleitoral .news .item {
    position: relative
}

.intro_home_eleitoral .news .item .img-content {
    position: absolute;
    top: 0;
    left: 0
}

.intro_home_eleitoral .news .item .img_container {
    position: relative;
    height: 100%
}

.intro_home_eleitoral .news .item .img_container::after {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg,#000,transparent);
    pointer-events: none
}

.intro_home_eleitoral .news .item .img_container img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all ease .5s
}

.intro_home_eleitoral .news .item:nth-of-type(1) span {
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 5px 10px;
    background: var(--color_primary);
    border-radius: 3px;
    color: #fff;
    font-family: Roboto,sans-serif;
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 2px;
    z-index: 5
}

.intro_home_eleitoral .news .item:nth-of-type(1) img {
    height: 451px
}

.intro_home_eleitoral .news .item:nth-of-type(2) img {
    height: 218px
}

.intro_home_eleitoral .news .item:nth-of-type(3) img,.intro_home_eleitoral .news .item:nth-of-type(4) img {
    height: 219px
}

.intro_home_eleitoral .news .item .content {
    position: absolute;
    bottom: 0;
    left: 0
}

.intro_home_eleitoral .news .content span {
    color: #fff
}

.intro_home_eleitoral .news .content h1 {
    font-weight: 700;
    font-family: Roboto,sans-serif;
    font-size: 2.6rem;
    line-height: 1.2;
    color: #fff
}

.intro_home_eleitoral .news .content p {
    font-family: Roboto,sans-serif;
    font-size: 1.6rem;
    line-height: 1.2;
    color: #fff
}

.intro_home_eleitoral .news .card2 h1,.intro_home_eleitoral .news .card3 h1,.new_two_column h1 {
    font-family: Roboto,sans-serif;
    font-weight: 700;
    font-size: 2.6rem;
    line-height: 22px
}

.new_two_column p {
    font-family: Roboto,sans-serif;
    font-size: 1.4rem
}

.intro_home_eleitoral .more {
    position: absolute;
    bottom: 12px;
    right: 0;
    width: 100%
}

.intro_home_eleitoral .more p {
    display: block;
    font-family: Roboto,sans-serif;
    font-size: 1.6rem;
    color: var(--color_primary);
    text-align: right
}

.intro_home_eleitoral .more p::before {
    content: "";
    display: block;
    width: 82%;
    height: 1px;
    position: relative;
    top: 12px;
    background-color: #e0e0e0
}

.intro_home_eleitoral .btn_news {
    position: relative;
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 3;
    text-align: right;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 1.6rem;
    color: var(--color_dark_gray);
    transition: all ease .3s
}

.intro_home_eleitoral .btn_news:hover {
    color: var(--color_dark);
    transition: all ease .3s
}

.intro_home_eleitoral .btn_news::before {
    position: absolute;
    left: 0;
    top: 9px;
    content: "";
    display: block;
    width: 81%;
    height: 1px;
    background-color: var(--color_dark_gray)
}

.intro_home_eleitoral.contrast.active .news .item:nth-of-type(1) span {
    background-color: #000;
    color: #fff
}

.intro_home_eleitoral.contrast.active .news .card0 h1,.intro_home_eleitoral.contrast.active .news .card1 h1,.intro_home_eleitoral.contrast.active .news .card2 h1 {
    background-color: #000;
    text-decoration: underline
}

.intro_home_eleitoral.contrast.active .news .card0 h1:hover,.intro_home_eleitoral.contrast.active .news .card1 h1:hover,.intro_home_eleitoral.contrast.active .news .card2 h1:hover {
    text-decoration: underline;
    color: #fff333
}

.news.contrast.active .btn_news:hover {
    text-decoration: underline;
    color: #fff333
}

.news.contrast.active .btn_news {
    color: #fff;
    text-decoration: underline
}

.intro_home_eleitoral.contrast.active .btn_news::before {
    background-color: #fff
}

@media (max-width: 768px) {
    .intro_home_eleitoral .news {
        display:flex;
        flex-direction: column
    }

    .intro_home_eleitoral .news {
        grid-template-columns: 1fr;
        grid-template-rows: auto
    }

    .intro_home_eleitoral .news .item:nth-of-type(1),.intro_home_eleitoral .news .item:nth-of-type(2),.intro_home_eleitoral .news .item:nth-of-type(3),.intro_home_eleitoral .news .item:nth-of-type(4) {
        grid-row-start: initial;
        grid-row-end: initial;
        grid-column-end: initial;
        grid-column-start: initial;
        max-width: 100%;
        height: 300px;
        padding: 0 10px
    }

    .intro_home_eleitoral .news .item:nth-of-type(1) img,.intro_home_eleitoral .news .item:nth-of-type(2) img,.intro_home_eleitoral .news .item:nth-of-type(3) img,.intro_home_eleitoral .news .item:nth-of-type(4) {
        height: 299px
    }

    .intro_home_eleitoral .news .item .content {
        bottom: 0;
        top: initial
    }

    .intro_home_eleitoral .news .card2 h1,.intro_home_eleitoral .news .card3 h1,.new_two_column h1 {
        line-height: 1.2
    }

    .intro_home_eleitoral .btn_news {
        margin: 0 10px
    }

    .intro_home_eleitoral .btn_news::before {
        top: 10px;
        width: 53%
    }

    .intro_home_eleitoral .news .item .img_container {
        overflow: hidden
    }
}

@media (max-width: 1182px) {
    .intro_home_eleitoral .container {
        grid-template-columns:1fr
    }
}

.container-title-banner-eleitoral .title-banners-eleitoral {
    margin: 0 20px;
    position: relative;
    padding-bottom: 18px;
    text-transform: uppercase;
    display: block;
    font-weight: 700;
    line-height: 25px;
    font-size: 2.4rem;
    font-family: var(--font_family);
    color: var(--color_dark_gray);
    margin-bottom: 15px
}

.container-title-banner-eleitoral .title-banners-eleitoral::before {
    content: "";
    width: 33px;
    position: absolute;
    display: block;
    height: 3.5px;
    background-color: #05490f;
    bottom: 0;
    left: 0
}

.banner-eleicoes-title::after {
    content: "";
    width: 33px;
    display: block;
    margin: 14px 0;
    height: 3.5px;
    background-color: #f2d129;
    bottom: 0;
    left: 0
}

.banner-eleicoes {
    background-color: #05490f;
    display: flex;
    height: 215px;
    padding: 36px;
    border-radius: 10px
}

.banner-eleicoes-title {
    color: #fff;
    font-size: 2.8rem;
    font-weight: 800;
    font-family: Heebo
}

.banner-eleicoes-desc {
    color: #fff;
    font-size: 1.4rem;
    font-family: Heebo
}

.container-title-banner-eleitoral.contrast {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end
}

#container-banners-eleitoral .item-banner {
    width: 100%;
    padding: 0;
    height: 111px;
    margin: 5px auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    border-radius: 5px
}

#container-banners-eleitoral .item-banner a {
    width: 100%;
    height: 100%
}

#container-banners-eleitoral .item-banner a img {
    width: 100%;
    height: 112%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 14px;
    padding: 8px
}

#container-banners-eleitoral .item-banner:last-child {
    margin-bottom: 0
}

#container-banners-eleitoral .sliderBanner .slick-list {
    display: flex;
    flex-direction: column
}

.wrap-eleitoral {
    padding: 10px;
    background: 0 0;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 4.41512px 4.41512px 8.83025px rgba(0,0,0,.1);
    border-radius: 5px;
    border: .883025px solid #cdcdcd;
    padding-bottom: 5px;
    max-width: var(--width_default);
    width: 100%
}

.banner-eleicoes-img-back {
    position: relative;
    max-width: 1200px;
    z-index: 1;
    border-radius: 10px
}

.banner-eleicoes-img {
    z-index: 2
}

.banner-eleicoes-main {
    z-index: 10
}

.banner-eleicoes-img-back img {
    position: absolute;
    bottom: 0;
    border-radius: 11px
}

.banner-eleicoes-main {
    max-width: 72%
}

.banner-eleicoes-img img {
    margin-top: -60px
}

@media (max-width: 431px) {
    .banner-eleicoes-img-back {
        display:none
    }

    .banner-eleicoes-desc {
        font-size: 1.2rem
    }

    .banner-eleicoes {
        padding: 12px;
        position: relative
    }

    .banner-eleicoes-title {
        font-size: 1.6rem
    }

    .banner-eleicoes-main {
        max-width: 100%
    }

    .banner-eleicoes-img {
        display: none
    }

    .banner-eleicoes-img-mob-top img {
        position: absolute;
        width: 60px;
        right: 12px;
        z-index: 20
    }

    .banner-eleicoes-title::after {
        margin: 12px 0
    }

    .banner-eleicoes-img-mob img {
        position: absolute;
        width: 100%;
        bottom: 0;
        right: 0;
        max-height: 212px
    }

    #container-banners-eleitoral .slick-track {
        display: flex;
        flex-direction: column
    }

    #container-banners-eleitoral .item-banner {
        width: 100%!important
    }
}

@media (min-width: 430px) {
    .banner-eleicoes-img-mob {
        display:none
    }

    .banner-eleicoes-img-mob-top {
        display: none
    }

    #container-banners-eleitoral .dotsClass {
        margin-top: 16px
    }

    #container-banners-eleitoral .slick-dotted.slick-slider {
        margin-bottom: 10px
    }
}

.templatepage-pagePoliticalPeriod {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: var(--width_default);
    margin: 0 auto;
    background-color: #fff
}

.templatepage-pagePoliticalPeriod .pagePoliticalPeriod {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: center;
    padding: 50px 30px;
    gap: 20px
}

@media all and (min-width: 1040px) {
    .templatepage-pagePoliticalPeriod .pagePoliticalPeriod {
        flex-direction:row;
        flex-wrap: nowrap
    }
}

@media all and (min-width: 1040px) {
    .templatepage-pagePoliticalPeriod .pagePoliticalPeriod .pagePoliticalPeriod__hero {
        width:475px;
        order: 2
    }
}

@media all and (min-width: 1440px) {
    .templatepage-pagePoliticalPeriod .pagePoliticalPeriod .pagePoliticalPeriod__hero {
        width:50%
    }
}

.templatepage-pagePoliticalPeriod .pagePoliticalPeriod .pagePoliticalPeriod__hero span {
    display: flex;
    height: 100px
}

@media all and (min-width: 600px) {
    .templatepage-pagePoliticalPeriod .pagePoliticalPeriod .pagePoliticalPeriod__hero span {
        height:130px
    }
}

@media all and (min-width: 800px) {
    .templatepage-pagePoliticalPeriod .pagePoliticalPeriod .pagePoliticalPeriod__hero span {
        height:160px
    }
}

@media all and (min-width: 800px) {
    .templatepage-pagePoliticalPeriod .pagePoliticalPeriod .pagePoliticalPeriod__hero span {
        height:auto
    }
}

.templatepage-pagePoliticalPeriod .pagePoliticalPeriod .pagePoliticalPeriod__hero span img {
    width: auto;
    height: auto
}

.templatepage-pagePoliticalPeriod .pagePoliticalPeriod .pagePoliticalPeriod__description {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    max-width: 430px
}

@media all and (min-width: 800px) {
    .templatepage-pagePoliticalPeriod .pagePoliticalPeriod .pagePoliticalPeriod__description {
        max-width:600px
    }
}

@media all and (min-width: 1040px) {
    .templatepage-pagePoliticalPeriod .pagePoliticalPeriod .pagePoliticalPeriod__description {
        width:calc(100% - 475px - 20px);
        max-width: initial;
        align-items: flex-start
    }
}

@media all and (min-width: 1440px) {
    .templatepage-pagePoliticalPeriod .pagePoliticalPeriod .pagePoliticalPeriod__description {
        align-items:flex-end;
        width: 50%
    }
}

@media all and (min-width: 1440px) {
    .templatepage-pagePoliticalPeriod .pagePoliticalPeriod .pagePoliticalPeriod__description .pagePoliticalPeriod__description--title {
        text-align:left;
        width: 100%;
        max-width: 500px
    }
}

.templatepage-pagePoliticalPeriod .pagePoliticalPeriod .pagePoliticalPeriod__description .pagePoliticalPeriod__description--title h1 {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--color_primary)
}

@media all and (min-width: 600px) {
    .templatepage-pagePoliticalPeriod .pagePoliticalPeriod .pagePoliticalPeriod__description .pagePoliticalPeriod__description--title h1 {
        font-size:2.4rem
    }
}

@media all and (min-width: 980px) {
    .templatepage-pagePoliticalPeriod .pagePoliticalPeriod .pagePoliticalPeriod__description .pagePoliticalPeriod__description--title h1 {
        font-size:3.2rem
    }
}

.templatepage-pagePoliticalPeriod .pagePoliticalPeriod .pagePoliticalPeriod__description .pagePoliticalPeriod__description--message p {
    font-size: 1.2rem;
    font-weight: 400;
    color: #6b747c;
    text-align: center;
    width: 100%
}

@media all and (min-width: 600px) {
    .templatepage-pagePoliticalPeriod .pagePoliticalPeriod .pagePoliticalPeriod__description .pagePoliticalPeriod__description--message p {
        font-size:1.6rem
    }
}

@media all and (min-width: 1040px) {
    .templatepage-pagePoliticalPeriod .pagePoliticalPeriod .pagePoliticalPeriod__description .pagePoliticalPeriod__description--message p {
        text-align:left;
        max-width: 500px
    }
}

@media(max-width: 768px) {
    .banner-eleicoes-main {
        width:initial
    }

    .banner-eleicoes {
        position: relative;
        height: initial
    }

    .banner-eleicoes-img-back {
        z-index: 0
    }

    .banner-eleicoes-img {
        position: absolute;
        top: 10px;
        right: 20px;
        width: 75px;
        height: 60px
    }

    .banner-eleicoes-img img {
        width: 100%;
        margin-top: initial
    }

    .banner-eleicoes-desc {
        font-size: 1.2rem
    }
}

@media (min-width: 1080px) {
    .intro_home_eleitoral .quick_access {
        height:236px
    }
}

@media (min-width: 768px) {
    .intro_home_eleitoral .quick_access .options {
        grid-template-columns:10% 10% 10% 10% 10% 10% 10% 10% 10%;
        grid-gap: 1.6rem
    }

    .intro_home_eleitoral .quick_access .menu {
        display: flex;
        justify-content: flex-start;
        gap: 2.2em
    }
}

.intro_home_eleitoral .container {
    padding-left: 0;
    padding-right: 0
}

.intro_home_eleitoral .quick_access {
    background-color: #fff
}

.intro_home_eleitoral .quick_access .item:hover .title p,.intro_home_eleitoral .quick_access .menu li.active {
    color: #0496cc
}

.intro_home_eleitoral .quick_access .header h3,.intro_home_eleitoral .quick_access .item .icon i,.intro_home_eleitoral .quick_access .menu li,.intro_home_eleitoral .quick_access .title p,.intro_home_eleitoral .quick_access a.item:hover .icon i {
    color: #1b5da1
}

.intro_home_eleitoral .quick_access .header {
    border-bottom: 1px solid #1b5da1
}

.intro_home_eleitoral .quick_access .menu li {
    border-bottom: 2px solid #1b5da1
}

.intro_home_eleitoral .intro_home_eleitoral .quick_access .menu li:hover,.intro_home_eleitoral .quick_access .item:hover .icon i,.intro_home_eleitoral .quick_access .menu li a:hover {
    color: #0496cc!important
}

.intro_home_eleitoral .quick_access .item:hover .title p,.intro_home_eleitoral .quick_access .menu li.active {
    color: #0496cc
}

.intro_home_eleitoral .quick_access .menu li:hover {
    color: #0496cc;
    border-bottom: 2px solid #0496cc
}

.intro_home_eleitoral .container {
    padding-left: 0;
    padding-right: 0
}

.ontopcdn-digitalManagement {
    margin-bottom: 34px
}

.arq-list-filters-forms.planoMunic {
    display: block
}

.arq-list-filters-forms.planoMunic .arq-list-filters {
    padding: 0 0 15px 0
}

.arq-list-item-icon i {
    color: #d4d6db
}

.arq-list #formFilterPlanoMunic #searchTitle {
    width: 296px;
    padding: 10px 15px;
    height: 40px;
    background: #fff;
    border: 1px solid #d3eff8;
    border-radius: 4px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    color: var(--color_alternate)
}

.arq-list .arq-list-filters.contrast.active #formFilterPlanoMunic #searchTitle {
    background-color: #000;
    color: #fff
}

.countResults>p {
    font-size: 1.4rem;
    color: #394053
}

#searchTitle::-moz-placeholder {
    font-weight: 400
}

#searchTitle::placeholder {
    font-weight: 400
}

.arq-list .arq-list-filters.contrast.active #formFilterPlanoMunic #searchTitle::-moz-placeholder {
    color: #fff
}

.arq-list .arq-list-filters.contrast.active #formFilterPlanoMunic #searchTitle::placeholder,.arq-list .arq-list-filters.contrast.active .planoMunic_btnClean,.arq-list-filters.contrast.active .countResults,.searchNotResult_planoMunic.contrast.active h2,.searchNotResult_planoMunic.contrast.active p {
    color: #fff
}

.planoMunic_btnClean {
    display: flex;
    align-items: center;
    padding: 10px;
    border: 1px solid #d3eff8;
    height: 40px;
    border-radius: 4px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    color: var(--color_primary);
    width: -moz-max-content;
    width: max-content
}

.planoMunic_btnClean:hover {
    background-color: var(--color_primary);
    border: 1px solid var(--color_primary);
    color: #fff
}

.planoMunic_btnClean.hidden {
    display: none
}

.arq-list-item.filter-deactive {
    transition: all .3s ease-out;
    opacity: 0;
    pointer-events: none;
    display: none
}

.arq-list-item.filter-active {
    opacity: 1;
    transition: all .3s ease-in;
    display: grid
}

.searchNotResult_planoMunic {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 100px 0
}

.searchNotResult_planoMunic h2 {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 49px;
    color: #00923D
}

.searchNotResult_planoMunic p {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1.6rem;
    color: #00923D
}

#prefecture__online {
    border-radius: 6px;
    background-color: #00AD48;
    padding: 34px 24px;
    margin: 0 30px 40px 30px;
    background-repeat: no-repeat;
    background-position: 20%;
}

#prefecture__online h1 {
    color: var(--color_primary);
    font-weight: 700;
    font-size: 2.4rem;
    text-transform: uppercase;
    text-align: left;
    line-height: 1
}

#prefecture__online span {
    margin: 10px 0 12px 0;
    display: block;
    width: 187px;
    height: 1px;
    background: #f5d139
}

#prefecture__online p {
    color: #fff;
    font-size: 1.4rem;
    font-family: 'Open Sans',sans-serif!important;
    font-style: italic;
    font-weight: 600;
    line-height: normal
}

.prefecture__online__list li {
    flex: 0 0 144px;
    background-color: var(--color_white);
    border-radius: 16px;
    margin-bottom: 18px;
    text-align: center;
    padding: 20px;
    color: var(--color_details);
    transition: all ease .3s
}

.prefecture__online__list li:hover {
    background-color: var(--color_primary)
}

.prefecture__online__list li h2 {
    margin: 0;
    font-size: 1.8rem;
    line-height: 25px;
    font-weight: 700;
    color: #00923D
}

#prefecture__online .prefecture__online__list li p {
    color: #465968;
    text-align: center;
    font-size: 1.3rem;
    font-family: 'Open Sans',sans-serif!important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 11px 0 0 0
}

.prefecture__online__list li i {
    width: 57px;
    height: 57px;
    display: flex;
    background-color: #00AD48;
    color: #fff;
    align-items: center;
    justify-content: center;
    margin: 0 auto 23px auto;
    border-radius: 50%;
    font-size: 19px
}

.prefecture__online__content__title {
    flex: 0 0 154px
}

.prefecture__online__content__title a {
    display: flex;
    color: #fff;
    margin-top: 10px;
    font-size: 1.4rem;
    font-family: 'Open Sans',sans-serif!important;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    transition: all ease .3s
}

.prefecture__online__content__title a:hover {
    text-decoration: underline
}

#prefecture__online .prefecture__online__list li:hover p,.prefecture__online__list li:hover h2 {
    color: var(--color_white)
}

.prefecture__online__list li:hover i {
    background-color: var(--color_white);
    color: var(--color_primary)
}

@media (max-width: 768px) {
    .prefecture__online__content__title {
        display:flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 25px
    }

    .prefecture__online__content__title a {
        text-decoration: underline
    }

    #prefecture__online {
        background-size: 250px;
        background-position: top center
    }
}

@media screen and (min-width: 1025px) {
    #prefecture__online {
        margin:0 0 0 20px;
        display: grid;
        align-items: center;
        padding: 34px 24px 30px;
    }

    .prefecture__online__list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0
    }

    #prefecture__online span {
        width: 100px
    }

    .prefecture__online__list li {
        margin-bottom: 0;
        padding: 20px 15px 20px;
        margin: 0 9px 9px 0
    }

    #prefecture__online .prefecture__online__list li p {
        font-size: 1.3rem;
        line-height: 18px
    }

    .prefecture__online__list li p:last-child {
        margin-right: 0
    }

    .prefecture__online__list li h2 {
        font-size: 1.3rem;
        line-height: 18px
    }

    .prefecture__online__list li i {
        width: 43px;
        height: 43px;
        font-size: 15px
    }
}

#prefecture__online.contrast.active {
    background-color: var(--color_black);
    border: 1px solid #fff
}

#prefecture__online.contrast.active .prefecture__online__list li h2,#prefecture__online.contrast.active .prefecture__online__list li p,#prefecture__online.contrast.active h1,#prefecture__online.contrast.active p {
    color: var(--color_white)
}

#prefecture__online.contrast.active .prefecture__online__list li {
    background-color: #000;
    border: 1px solid #fff
}

#prefecture__online.contrast.active .prefecture__online__list li i {
    background-color: #000
}

#prefecture__online.contrast.active .tab__content {
    background-color: var(--color_dark_gray);
    color: var(--color_white)
}

#prefecture__online.contrast.active .prefecture__online__list li:hover h2,#prefecture__online.contrast.active .prefecture__online__list li:hover p {
    text-decoration: underline
}

#prefecture__online.contrast.active .prefecture__online__list li:hover i {
    color: #fff
}

#prefecture__online.contrast.active span {
    background-color: #fff
}

.card.filter-deactive {
    transition: all .3s ease-out;
    opacity: 0;
    pointer-events: none;
    display: none
}

.card.filter-active {
    opacity: 1;
    transition: all .3s ease-in;
    display: grid
}

.columnRight .arq-list {
    width: calc(100% - 20px);
    margin: 0 auto
}

.arq-list .arq-list-filters.contrast.active #formFilterProcSeletivo #searchTitle::-moz-placeholder {
    color: #fff
}

.arq-list .arq-list-filters.contrast.active #formFilterProcSeletivo #searchTitle::placeholder,.arq-list .arq-list-filters.contrast.active .procSeletivo_btnClean,.searchNotResult_procSeletivo.contrast.active h2,.searchNotResult_procSeletivo.contrast.active p {
    color: #fff
}

.arq-list .arq-list-filters.contrast.active #formFilterProcSeletivo #searchTitle {
    background-color: #000;
    color: #fff
}

.arq-list #formFilterProcSeletivo #searchTitle {
    width: 296px;
    padding: 10px 15px;
    height: 40px;
    background: #fff;
    border: 1px solid #d3eff8;
    border-radius: 4px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    color: var(--color_alternate)
}

.arq-list-filters-forms.procSeletivo {
    display: block;
    margin-bottom: 15px
}

.procSeletivo_btnClean {
    display: flex;
    align-items: center;
    padding: 10px;
    border: 1px solid #d3eff8;
    height: 40px;
    border-radius: 4px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    color: var(--color_primary);
    width: -moz-max-content;
    width: max-content
}

.procSeletivo_btnClean:hover {
    background-color: var(--color_primary);
    border: 1px solid var(--color_primary);
    color: #fff
}

.procSeletivo_btnClean.hidden {
    display: none
}

.searchNotResult_procSeletivo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 100px 0
}

.searchNotResult_procSeletivo h2 {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 49px;
    color: #00923D
}

.searchNotResult_procSeletivo p {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1.6rem;
    color: #00923D
}

#programs {
    display: block;
    font-family: var(--font_family)
}

.content__filter {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 20px
}

.programs__list {
    width: 100%;
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: repeat(auto-fill,246px);
    justify-content: space-between;
    grid-gap: 20px
}

.programs__item {
    background: linear-gradient(243.15deg,#eff3fc -20.14%,#e6eff5 -1.89%,#fffefe 72.05%);
    border: 1px solid rgba(204,222,232,.6);
    position: relative;
    padding: 45px 20px 20px 20px;
    width: 246px;
    height: 195px;
    display: block;
    border-radius: 4px;
    margin: 0 0 30px 0
}

.programs__item:hover {
    background: var(--color_primary);
    transition: all ease .2s
}

.programs__item:hover h1,.programs__item:hover h2 {
    color: var(--color_white);
    transition: all ease .2s
}

.programs__item a {
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.programs__item h2 {
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 16px;
    text-align: left;
    letter-spacing: -.02em;
    color: #005b9b;
    margin: 0;
    display: flex;
    align-items: center;
    height: 32px
}

.programs__item h1 {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 19px;
    text-align: left;
    letter-spacing: -.02em;
    text-transform: capitalize;
    color: #253f81;
    margin: 15px 0 15px 0;
    height: 38px;
    display: flex;
    align-items: center
}

.programs__item a img {
    position: absolute;
    right: 10px;
    bottom: 0
}

.programs__item a i {
    width: 28px;
    height: 28px;
    display: flex;
    background-color: #e0e9f6;
    align-items: center;
    border-radius: 50%;
    justify-content: center;
    color: #22328c
}

.detail__top__line {
    position: absolute;
    width: 70%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 3px;
    background-color: #e6593e
}

.container_v2.container__outher__programs {
    display: grid;
    grid-template-columns: 350px 2fr .7fr;
    align-items: stretch;
    margin: 30px auto
}

.container__outher__programs .content__files .featured__image {
    margin: 0 auto;
    display: block;
    width: 100%;
    padding: 40px;
    border: 1px solid #ccdee8;
    background-color: #fff;
    border-radius: 4px
}

.files__list h1 {
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 16px;
    margin: 0;
    color: #394053;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.files__list h2 {
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 16px;
    color: #4957a1;
    margin: 0;
    padding: 0
}

.content__text {
    position: relative;
    margin-left: 20px;
    padding: 30px 40px;
    border: 1px solid #ccdee8;
    border-radius: 4px;
    background-color: #fff
}

.content__bottom_separator {
    display: block;
    width: 80%;
    margin: 0 auto;
    height: 3px;
    height: 3px;
    background: linear-gradient(90deg,#1A4198 25%,#ffce00 25% 50%,#1A4198 50% 75%,#ffce00 75% 100%);
    position: absolute;
    bottom: 0
}

.content__text h1 {
    font-weight: 700;
    font-size: 2rem;
    line-height: 33px;
    color: #22328c;
    margin: 0;
    text-transform: capitalize
}

.content__text h2 {
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 19px;
    color: #22328c;
    margin: 0;
    background: linear-gradient(243.15deg,#eff3fc -20.14%,#e6eff5 -1.89%,#fffefe 72.05%);
    border-radius: 4px;
    padding: 8px 15px;
    width: -moz-fit-content;
    width: fit-content;
    text-transform: capitalize
}

.content__text p {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 19px;
    color: #394053
}

.content__text h3 {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 19px;
    color: #22328c;
    margin: 0
}

.content__text_separator {
    background-color: #eff3fc;
    display: block;
    position: relative;
    margin: 35px 0;
    width: 100%;
    height: 1px
}

.others__programs__list {
    background: #f0f5f9;
    border: 1px solid #ccdee8;
    box-sizing: border-box;
    border-radius: 4px;
    margin-left: -5px;
    height: 100%;
    padding: 30px
}

.others__programs__item {
    margin: 8px auto;
    background: #fff;
    border: 1px solid #ccdee8;
    border-radius: 4px;
    height: 75px
}

.others__programs__item a {
    width: 100%;
    height: 100%;
    display: block;
    padding: 10px
}

.others__programs__item a img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.others__programs__list h3 {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 19px;
    color: #22328c;
    margin: 0 0 25px 0;
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #bec7db
}

.background__programs {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: linear-gradient(180deg,#eff3fc 25%,#fff 25% 100%)
}

.background__programs__list {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: linear-gradient(180deg,#eff3fc 300px,#fff 300px 100%)
}

.content__text__title {
    display: flex;
    align-items: flex-start
}

.content__text__title img {
    margin-right: 20px
}

.files__list {
    background: linear-gradient(243.15deg,#eff3fc -20.14%,#e6eff5 -1.89%,#fffefe 72.05%);
    border: 1px solid #ccdee8;
    box-sizing: border-box;
    border-radius: 4px;
    margin-top: 10px;
    padding: 20px 15px
}

.files__list__title {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.files__list__title h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    color: #22328c;
    margin: 0;
    padding: 0
}

.file__actions {
    display: flex;
    justify-content: space-around
}

.files__list__title img {
    padding: 0;
    border: 0;
    margin: 0;
    width: auto
}

.files__list__item {
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 15px 20px;
    border-radius: 4px;
    margin: 10px 0;
    border: 1px solid #ccdee8;
    justify-content: space-between
}

.file__button {
    width: 35px;
    height: 35px;
    background-color: #f1f3f9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
    color: #394053;
    transition: all ease .3s
}

.file__button:hover {
    background-color: #22328c;
    color: #fff
}

.programs__dots {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px auto auto auto
}

.programs__dots li button {
    width: 8px;
    height: 8px;
    font-size: 0;
    border-radius: 50%;
    border: none;
    background-color: #c4c4c4;
    transition: all ease .3s
}

.programs__dots li.slick-active button {
    width: 11px;
    height: 11px;
    background-color: #4957a1;
    transition: all ease .3s
}

.programs__dots li {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px
}

.files__list__slider.slick-dotted.slick-slider {
    margin: 0
}

.content__text__title .featured__image {
    display: none
}

#secretarias__filter {
    background: #fff;
    border: 1px solid #a7aebf;
    box-sizing: border-box;
    border-radius: 5px;
    padding-left: 16px;
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -.02em;
    color: #394053;
    background: url(../images/arrowSelect.svg) 0 0 no-repeat;
    -webkit-appearance: none;
    background-position: right 10px center;
    background-color: var(--color_white);
    background-size: 13px;
    width: 230px;
    height: 37px
}

.displayBlock {
    display: block
}

.displayNone {
    display: none
}

.marginTopZero {
    margin-top: 0
}

@media screen and (max-width: 1023px) {
    .others__programs__list {
        display:none
    }

    .content__filter {
        justify-content: center
    }

    .container_v2.container__outher__programs {
        padding: 0 10px;
        display: flex;
        flex-direction: column-reverse
    }

    .content__text {
        margin: 15px 0;
        padding: 25px
    }

    .section-faixa-caminho {
        margin: 10px
    }

    .content__text h1 {
        line-height: 23px;
        margin: 0 0 10px 0
    }

    .content__text__title img {
        display: none
    }

    #secretarias__filter {
        width: 100%
    }

    .programs__item {
        margin: 10px auto
    }

    .container__outher__programs .content__files .featured__image {
        display: none
    }

    .content__text__title .featured__image {
        display: block;
        width: 100%
    }
}

@media screen and (max-width: 823px) {
    .programs__list {
        justify-content:center
    }
}

.schoolBus {
    max-width: var(--width_default)
}

.schoolBus__searchForm {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 20px
}

.schoolBus__searchForm input,.schoolBus__searchForm select {
    margin-bottom: 10px;
    font-family: Heebo;
    font-style: normal;
    font-weight: 400;
    font-size: 1.2rem;
    color: #6e7380;
    padding: 0 10px;
    height: 32px;
    border: 1px solid #b0b5c6
}

.schoolBus__searchForm input::-moz-placeholder {
    font-family: Heebo;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #6e7380
}

.schoolBus__searchForm input::placeholder {
    font-family: Heebo;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #6e7380
}

.schoolBus__searchForm button[type=reset],.schoolBus__searchForm__button,.schoolBus__searchForm__clear {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    height: 32px;
    width: 98px;
    background: #eaf9ed;
    border-radius: 3px;
    border: none;
    cursor: pointer;
    transition: all ease .3s
}

.schoolBus__searchForm button[type=reset] {
    display: none;
    margin-top: 10px;
    width: initial;
    margin-bottom: 10px;
    background-color: #f1f3f9
}

.schoolBus__searchForm__clear {
    display: flex;
    margin-left: 10px;
    margin-bottom: 10px;
    width: initial;
    background-color: #f1f3f9;
    transition: all ease .3s
}

.schoolBus__searchForm button[type=reset]:hover,.schoolBus__searchForm__clear:hover {
    background-color: var(--color_dark);
    color: #fff
}

.schoolBus__searchForm__button i {
    display: inline-block;
    margin-left: 10px;
    color: #6e7380;
    transition: all ease .3s
}

.schoolBus__searchForm__button:hover {
    color: #fff;
    background-color: var(--color_secondary)
}

.schoolBus__searchForm__button:hover i {
    color: #fff
}

.schoolBus__searchForm select {
    background-color: transparent;
    padding: 0 30px 0 10px
}

.schoolBus__searchForm select option {
    padding: 10px;
    margin: 5px;
    border: 1px solid #b0b5c6;
    background-color: #fff;
    color: #333
}

.schoolBus__searchForm select::-webkit-scrollbar {
    width: 8px
}

.schoolBus__searchForm select::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 4px
}

.schoolBus__searchForm select::-webkit-scrollbar-thumb:hover {
    background-color: #aaa
}

.schoolBus__searchForm select::-webkit-scrollbar-track {
    background-color: transparent
}

.schoolBus__searchForm select:focus {
    outline: 0;
    border-bottom-color: #333
}

.schoolBus__item {
    margin-bottom: 15px;
    background: #f8f9fc;
    border-radius: 6px
}

.schoolBus__item>a {
    display: block;
    padding: 24px 32px;
    transition: all ease .3s
}

.schoolBus__item>a:hover {
    background-color: #f1f3f9
}

.schoolBus__item h1 {
    margin: 0 0 20px;
    font-family: Heebo;
    font-style: normal;
    font-weight: 500;
    font-size: 1.6rem;
    color: #30343b
}

.schoolBus__item .threeColumns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "col1 col2" "col3 col3";
    gap: 10px
}

.schoolBus__item .twoColumns {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "col1 col1" "col2 col2";
    gap: 10px
}

.schoolBus__item .col:nth-of-type(1) {
    grid-area: col1;
    text-align: center
}

.schoolBus__item .col:nth-of-type(2) {
    grid-area: col2;
    text-align: center
}

.schoolBus__item .col:nth-of-type(3) {
    grid-area: col3
}

.schoolBus__item p {
    margin: 0;
    font-family: Heebo;
    font-style: normal;
    font-weight: 500;
    font-size: 1.4rem;
    color: #6e7380
}

.schoolBus__item p strong {
    color: #30343b
}

.schoolBus__item .link {
    display: none
}

.schoolBus__item .row {
    display: block
}

.schoolBus .post-pagination {
    display: flex;
    justify-content: center
}

.schoolBus .post-pagination a,.schoolBus .post-pagination span {
    width: 28px;
    height: 28px;
    transition: all ease .3s
}

.schoolBus .post-pagination a:hover,.schoolBus .post-pagination span:hover {
    color: #000
}

.schoolBus .post-pagination a.current,.schoolBus .post-pagination span.current {
    background-color: transparent;
    border-radius: 7px;
    color: #7f8993;
    border: 1px solid #295d36;
    cursor: pointer;
    transition: all ease .3s
}

.schoolBus .post-pagination a.current:hover,.schoolBus .post-pagination span.current:hover {
    background-color: var(--color_secondary);
    color: #fff;
    border: 1px solid var(--color_secondary)
}

.schoolBus .post-pagination>div {
    border: none
}

.schoolbus_cardInfo {
    margin-bottom: 24px;
    padding: 24px 32px 10px;
    background-color: #f1f3f9
}

.schoolbus_cardInfo>h2 {
    margin-bottom: 24px;
    font-family: Heebo;
    font-style: normal;
    font-weight: 500;
    font-size: 1.6rem;
    color: #30343b;
    margin: 0
}

.schoolbus_cardInfo .content {
    text-align: center
}

.schoolbus_cardInfo .content h3,.schoolbus_cardInfo .content p {
    margin: 0;
    font-family: Heebo;
    font-style: normal;
    font-weight: 500;
    font-size: 1.4rem;
    color: #6e7380
}

.schoolbus_cardInfo .content p {
    margin-bottom: 15px;
    color: #30343b
}

.schoolbus_cardInfo__tabs {
    display: flex;
    flex-direction: column
}

.schoolbus_cardInfo__tabs li {
    display: flex;
    padding: 5px 10px;
    margin: 0 0 5px;
    border-radius: 4px;
    border: 1px solid var(--color_dark);
    font-family: Heebo;
    font-style: normal;
    font-weight: 500;
    font-size: 1.4rem;
    color: #30343b;
    transition: all ease .3s;
    cursor: pointer
}

.schoolbus_cardInfo__tabs li:hover {
    color: #fff;
    background-color: var(--color_dark)
}

.schoolbus_cardInfo__tabs li.active {
    color: #fff;
    background-color: var(--color_dark)
}

.schoolbus_searchSingle {
    display: flex;
    justify-content: center;
    margin-bottom: 20px
}

.schoolbus_searchSingle input {
    padding: 0 10px;
    height: 32px;
    border: 1px solid #b0b5c6;
    border-radius: 3px
}

.schoolbus_searchSingle button {
    padding: 0 15px;
    height: 32px;
    font-family: Heebo;
    font-style: normal;
    font-weight: 400;
    font-size: 1.2rem;
    color: var(--color_primary);
    background: #eaf9ed;
    border-radius: 3px;
    border: none;
    transition: all ease .3s
}

.schoolbus_searchSingle button[type=reset] {
    display: none
}

.schoolbus_searchSingle button:hover {
    cursor: pointer;
    color: #fff;
    background-color: var(--color_secondary)
}

@keyframes fadeEffect {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.schoolbus_sections article {
    display: none;
    transition: all ease 3s
}

.schoolbus_sections article.active {
    display: block;
    animation: fadeEffect .3s
}

.schoolbus_routes {
    padding: 15px 30px;
    background: #f1f3f9;
    border-radius: 6px;
    align-items: center;
    justify-content: space-between
}

.schoolbus_routes__info {
    display: flex;
    gap: 5px;
    flex-direction: column
}

.schoolbus_routes__info .content {
    display: flex;
    gap: 17px
}

.schoolbus_routes__info h2 {
    margin: 0;
    font-family: Heebo;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    color: #30343b
}

.schoolbus_routes__info h3,.schoolbus_routes__info p {
    margin: 0 0 5px;
    font-family: Heebo;
    font-style: normal;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.2;
    color: #6e7380
}

.schoolbus_routes__info p {
    margin-bottom: 0;
    color: #30343b
}

.schoolbus_routes__info .col {
    padding: 0;
    width: -moz-fit-content;
    width: fit-content
}

.schoolbus_routes__btns {
    display: flex;
    justify-content: space-around
}

.schoolbus_routes__btns a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px;
    gap: 8px;
    width: 117px;
    height: 34px;
    background: #e7e7e7;
    border-radius: 6px;
    font-family: Heebo;
    font-style: normal;
    font-weight: 500;
    font-size: 1.2rem;
    color: #6e7380
}

.schoolbus_routes__btns a:hover {
    color: #fff;
    background-color: var(--color_primary)
}

.schoolbus_cardItem__contracts .item {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
    padding: 32px 24px;
    background-color: #f1f3f9
}

.schoolbus_cardItem__contracts .item .info {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    margin-bottom: 15px
}

.schoolbus_cardItem__contracts [class*=col] {
    flex: 1 1 calc(50% - 20px)
}

.schoolbus_cardItem__contracts h2,.schoolbus_cardItem__contracts p {
    margin: 0;
    font-family: Heebo;
    font-style: normal;
    font-weight: 500;
    font-size: 1.4rem;
    color: #6e7380
}

.schoolbus_cardItem__contracts p {
    margin-bottom: 15px;
    color: #30343b
}

.schoolbus_cardItem__contracts .btns {
    display: flex;
    justify-content: center;
    gap: 10px
}

.schoolbus_cardItem__contracts .btns a {
    display: flex;
    width: -moz-max-content;
    width: max-content;
    margin-bottom: 10px;
    align-items: center;
    padding: 10px;
    background: #e7e7e7;
    border-radius: 6px;
    font-family: Heebo;
    font-style: normal;
    font-weight: 500;
    font-size: 1.2rem;
    color: #6e7380;
    transition: all ease .3s
}

.schoolbus_cardItem__contracts .btns a:hover {
    color: #fff;
    background-color: var(--color_secondary)
}

.sectionPagination {
    display: flex;
    justify-content: flex-end
}

.virtualPagination {
    display: flex;
    gap: 15px;
    margin-bottom: 20px
}

.virtualPagination a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    width: 28px;
    height: 28px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 1.2rem;
    color: #6e7380
}

.virtualPagination a.current {
    border: 1px solid var(--color_details);
    border-radius: 7px
}

#sectionDoc select[name=tipoexecucao] {
    display: none
}

@media (min-width: 420px) {
    .schoolbus_routes__btns {
        gap:10px;
        justify-content: center
    }
}

@media (min-width: 768px) {
    .schoolBus__searchForm {
        flex-direction:row;
        justify-content: left
    }

    .schoolBus__searchForm form {
        display: flex
    }

    .schoolBus__searchForm label,.schoolBus__searchForm select {
        margin-right: 15px
    }

    .schoolBus__searchForm input {
        width: 500px
    }

    .schoolbus_sections .schoolBus__searchForm input {
        width: 323px
    }

    .schoolbus_sections .schoolBus__searchForm {
        margin-top: 0
    }

    .schoolBus__searchForm select {
        width: 15%
    }

    .schoolBus__searchForm__button {
        margin-bottom: 10px
    }

    .schoolBus__item .threeColumns {
        grid-template-columns: 150px 150px calc(100% - 480px) 80px;
        grid-template-areas: "col1 col2 col3 link";
        gap: 10px
    }

    .schoolBus__item .twoColumns {
        grid-template-columns: 150px max(665px) 80px;
        grid-template-areas: "col1 col2 link"
    }

    .schoolBus__item .col:nth-of-type(1) {
        grid-area: col1;
        text-align: left
    }

    .schoolBus__item .col:nth-of-type(2) {
        grid-area: col2;
        text-align: left
    }

    .schoolBus__item .col:last-of-type {
        margin-right: 15px
    }

    .schoolBus__item {
        position: relative
    }

    .schoolBus__item .link {
        position: absolute;
        right: 35px;
        padding-left: 40px;
        top: 24px;
        height: calc(100% - 48px);
        display: flex;
        justify-content: center;
        align-items: center;
        grid-area: link;
        border-left: 1px solid #b0b5c6;
        cursor: pointer
    }

    .schoolBus__item .link:hover {
        background: 0 0
    }

    .schoolBus__item i {
        transition: all ease .3s
    }

    .schoolBus__item .link:hover i {
        transform: scale(1.5)
    }

    .schoolBus .post-pagination {
        display: flex;
        justify-content: flex-end
    }

    .schoolbus_cardInfo .col:nth-of-type(1) {
        flex: 0 0 13%
    }

    .schoolbus_cardInfo .col:nth-of-type(2) {
        flex: 0 0 16%
    }

    .schoolbus_cardInfo .col:nth-of-type(3),.schoolbus_cardInfo .content>div:last-of-type {
        flex: 0 0 71%
    }

    .schoolbus_routes {
        justify-content: space-between;
        align-items: center;
        margin-bottom: 15px
    }

    .schoolbus_routes.active {
        display: flex
    }

    .schoolbus_cardInfo__tabs {
        flex-direction: row;
        gap: 24px
    }

    .schoolbus_routes__btns {
        display: flex;
        align-items: center;
        height: 64px;
        padding-left: 24px;
        border-left: 1px solid var(--color_dark)
    }

    .schoolbus_cardInfo {
        padding-bottom: 0
    }

    .schoolbus_cardInfo .content {
        display: flex;
        gap: 20px;
        margin-bottom: 20px;
        text-align: left
    }

    .schoolbus_cardInfo .content {
        display: flex;
        gap: 20px;
        margin-bottom: 20px;
        text-align: left
    }

    .schoolbus_cardInfo__tabs li:first-of-type {
        background-color: none;
        border: none
    }

    .schoolbus_cardInfo__tabs li,.schoolbus_cardInfo__tabs li:first-of-type {
        background-color: transparent;
        border: none;
        border-bottom: 3px solid transparent;
        color: #6e7380
    }

    .schoolbus_cardInfo__tabs li.active,.schoolbus_cardInfo__tabs li:hover {
        color: #30343b;
        background-color: transparent;
        border-bottom: 3px solid var(--color_details)
    }

    .schoolbus_searchSingle {
        gap: 10px;
        justify-content: flex-start
    }

    .schoolbus_searchSingle input {
        width: 323px!important
    }

    .schoolbus_cardItem__contracts .item {
        flex-direction: row
    }

    .schoolbus_cardItem__contracts [class*=col] {
        flex: initial
    }

    .schoolbus_cardItem__contracts .item .info {
        justify-content: flex-start
    }

    .schoolBus__searchForm button[type=reset] {
        margin-top: 0;
        margin-left: 10px
    }
}

@media (min-width: 1230px) {
    .schoolbus_cardItem__contracts .item {
        justify-content:space-between
    }

    .schoolbus_cardItem__contracts .btns a,.schoolbus_cardItem__contracts .item .info,.schoolbus_cardItem__contracts [class*=col] p:last-of-type {
        margin-bottom: 0
    }

    .schoolbus_cardItem__contracts .item .btns {
        padding-left: 24px;
        align-items: center;
        border-left: 1px solid #b0b5c6
    }
}

@media (min-width: 1300px) {
    .schoolbus_cardInfo .col {
        padding:0
    }

    .schoolbus_cardInfo .col:nth-of-type(1) {
        flex: 0 0 10%
    }

    .schoolbus_cardInfo .col:nth-of-type(2) {
        flex: 0 0 10%
    }

    .schoolbus_cardInfo .col:nth-of-type(3) {
        flex: 0 0 80%
    }
}

@import url(https://fonts.googleapis.com/css2?family=Inter:wght@700&display=swap);html {
    scroll-behavior: smooth
}

.searchTop {
    position: relative;
    padding: 1px 0 35px;
    background: linear-gradient(269.98deg,#f1f3f9 .01%,#fbfcff 99.98%)
}

.searchTop::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/search-bg.svg);
    background-repeat: no-repeat;
    background-position: left bottom;
    opacity: .1
}

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

.breadcrumbsSearch p {
    margin-bottom: 0;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 19px;
    color: var(--color_secondary);
    z-index: 9
}

.breadcrumbsSearch p:last-of-type {
    font-weight: 700
}

.breadcrumbsSearch span {
    margin: 4px;
    font-family: 'Open Sans';
    cursor: pointer
}

.searchTop .container {
    margin: 10px auto;
    position: relative;
    flex-direction: column
}

.searchTop h2 {
    margin: 0 0 20px;
    text-align: center;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 2.8rem;
    color: var(--color_primary)
}

.searchTop span {
    font-family: 'Open Sans';
    font-weight: 700
}

.searchTop .arrowBreadcrumb {
    color: var(--color_secondary)
}

.formSearch {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2
}

.formSearch input {
    padding: 0 20px;
    height: 40px;
    width: 650px;
    border: 1px solid #f1f3f9
}

.formSearch input::-moz-placeholder {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #394053
}

.formSearch input::placeholder {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #394053
}

.formSearch label {
    margin-bottom: 0;
    position: relative;
    z-index: 99
}

.formSearch span {
    position: absolute;
    right: 15px;
    top: 10px;
    width: 20px;
    height: 20px
}

.formSearch span i {
    color: #a1a1a1;
    font-size: 2rem;
    cursor: pointer;
    z-index: 9
}

.formSearch button {
    margin-left: 0;
    background: var(--color_primary);
    width: 40px;
    height: 42px;
    border: none;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    transition: all ease .3s
}

.formSearch button:hover {
    background-color: var(--color_secondary)
}

.formSearch button i {
    color: #fff
}

.searchTop_alternate_bg {
    position: absolute;
    bottom: -45px;
    display: block;
    height: 5px;
    width: 100%;
    background: var(--color_primary)
}

.search_list_result>.container {
    flex-direction: column;
    margin: 0 auto
}

.search_list_result header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    margin: 0 auto;
    width: 100%
}

@media (min-width: 1024px) {
    .search_list_result header {
        display:flex;
        height: 105px
    }
}

.search_list_result header p {
    margin-bottom: 0;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    color: var(--color_dark)
}

.search_list_result .filter_date .select-selected {
    padding: 10px 15px;
    width: 330px;
    border: 1px solid #d3eff8;
    border-radius: 4px;
    color: #153177
}

.search_list_result .filter_date .select-selected:after {
    position: absolute;
    content: "";
    top: 0;
    right: -7px;
    height: -webkit-fill-available;
    border: 6px solid transparent;
    background: url(../images/arrowSelect.svg) 0 0 no-repeat;
    background-color: transparent;
    background-position: center center;
    transition: .2s ease-in-out;
    border-left: 1px solid #d3eff8;
    width: 26px;
    width: 44px;
    height: 44px
}

.search_list_result .select-items {
    padding: 0 10px 10px;
    box-shadow: rgba(99,99,99,.2) 0 2px 8px 0
}

.search_list_result .select-items div {
    border: none;
    border-bottom: 1px solid #e7e7e7;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 1.4rem;
    color: var(--color_primary)
}

.search_list_result:last-of-type .select-items {
    left: initial
}

.search_list_result .select-items div:last-of-type {
    margin-bottom: 0;
    border: none
}

.search_list_item {
    display: grid;
    grid-template-columns: 272px auto;
    padding: 20px 0;
    gap: 20px;
    width: 100%;
    border-bottom: 1px solid #c7d0ea
}

.search_list_item:first-of-type {
    border-top: 1px solid #c7d0ea
}

.search_list_item.active {
    grid-template-columns: 150px auto;
    align-items: center;
    gap: 0;
    padding: 40px 0
}

.search_list_item .imgBox {
    width: 272px
}

.search_list_item .imgBox img {
    width: 100%;
    height: 170px;
    -o-object-fit: cover;
    object-fit: cover
}

.search_list_item .imgBox.active {
    display: none
}

.search_list_item.active>i {
    font-size: 4.5rem;
    text-align: center;
    color: #d4d6db
}

.search_list_item.activeNoImg {
    grid-template-columns: 100%
}

.search_list_item .content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%
}

.search_list_item .content__item {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.search_list_item__sec {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1.2rem;
    color: var(--color_primary)
}

.search_list_item__title {
    margin-top: 0;
    margin-bottom: 5px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 22px;
    color: var(--color_primary)
}

.search_list_item__desc {
    margin-bottom: 5px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.5;
    color: #424a55
}

.search_list_item__date {
    display: flex;
    align-items: center;
    gap: 5px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 14px;
    color: var(--color_primary)
}

.search_list_item__date.active {
    display: none
}

.search_list_item__date p {
    margin-bottom: 0
}

.search_list_item__date i,.search_list_item__date p,.search_list_item__date span {
    display: flex;
    gap: 5px;
    align-items: center;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 1rem;
    line-height: 14px;
    color: var(--color_primary)
}

.search_list_item .content__icon i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 37px;
    height: 37px;
    background-color: #f1f3f9;
    border-radius: 50%;
    color: #6b747c
}

.search_list_item__date span {
    margin-top: -2px
}

.search_list_item .content__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    border-left: 1px solid var(--color_semilight)
}

.search-pagination {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
    width: 100%
}

.search-pagination__list {
    display: flex;
    padding: 10px;
    gap: 10px;
    border: 1px solid #f1f3f9
}

.search-pagination__list a,.search-pagination__list span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 19px;
    height: 21px;
    border-radius: 5px;
    font-family: Inter,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    color: var(--color_primary);
    transition: all ease .3s;
    cursor: pointer;
    border-radius: 5px
}

.search-pagination__list a:hover,.search-pagination__list span:hover {
    background-color: var(--color_secondary);
    color: #fff
}

.search-pagination__list a:hover svg path {
    stroke: #fff
}

.search-pagination__list span {
    color: #fff;
    font-weight: 700;
    background-color: var(--color_primary)
}

.search-pagination>p {
    padding: 10px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    color: var(--color_primary)
}

.alertMsg {
    background: var(--color_secondary);
    color: #fff;
    padding: 20px;
    border-radius: 5px;
    margin: 0 auto;
    font-weight: 700
}

.alertMsg a {
    text-decoration: underline
}

.searchNotResult {
    flex-direction: column;
    align-items: center;
    padding: 100px 0
}

.arq-list-filters .searchNotResult {
    padding: 50px 0
}

.searchNotResult h2 {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 49px;
    color: var(--color_primary)
}

.searchNotResult p {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1.6rem;
    color: var(--color_primary)
}

@media (min-width: 105px) {
    .search-pagination {
        height:105px;
        align-items: flex-end
    }
}

@media (max-width: 768px) {
    .formSearch input {
        width:100%
    }

    .filter_date.custom__select,.search_list_result .filter_date .select-selected {
        max-width: 320px;
        margin: 0 auto 20px
    }

    .searchTop h2 {
        margin: 20px 0 25px;
        font-size: 2.2rem
    }

    .search_list_item,.search_list_item.active {
        grid-template-columns: 1fr;
        max-width: 320px;
        margin: 0 auto
    }

    .search_list_item.active {
        display: flex;
        gap: 15px;
        padding: 20px 0
    }

    .search_list_item.active .content {
        flex-direction: row
    }

    .search_list_item.active>i,.search_list_item>i {
        text-align: left
    }

    .search_list_item .imgBox {
        width: 100%
    }

    .search_list_item .content {
        flex-direction: column
    }

    .search_list_item .content__icon {
        width: initial;
        justify-content: initial;
        border-left: none
    }

    .search-pagination {
        margin-left: auto;
        margin-right: auto;
        max-width: 320pxs
    }
}

@media (max-width: 1020px) {
    .search_list_result header p {
        text-align:center;
        margin: 20px auto
    }
}

@media (min-width: 769px) and (max-width:1230px) {
    .search_list_item,.search_list_item.active {
        margin:0 10px
    }

    .formSearch input {
        width: 100%
    }

    .filter_date.custom__select,.search_list_result .filter_date .select-selected {
        max-width: 400px;
        margin: 0 auto
    }

    .filter_date.custom__select {
        margin-bottom: 20px
    }

    .search_list_result .filter_date .select-selected {
        width: initial
    }
}

.searchTop.contrast.active .arrowBreadcrumb,.searchTop.contrast.active .breadcrumbsSearch p,.search_list_result.contrast.active .search-pagination__list a,.search_list_result.contrast.active .search-pagination__list span,.search_list_result.contrast.active .search_list_item .content__icon i,.search_list_result.contrast.active .search_list_item.active>i,.search_list_result.contrast.active .search_list_item__date,.search_list_result.contrast.active .search_list_item__date i,.search_list_result.contrast.active .search_list_item__date p,.search_list_result.contrast.active .search_list_item__desc,.search_list_result.contrast.active .search_list_item__sec,.search_list_result.contrast.active .search_list_item__title {
    color: #fff;
    text-decoration: underline
}

.searchTop.contrast.active,.searchTop.contrast.active h2,.search_list_result.active.contrast header p,.search_list_result.contrast.active .search-pagination>p {
    color: #fff
}

.breadcrumbsSearch.contrast.active p a:hover,.searchTop.contrast.active .search_list_item:hover,.searchTop.contrast.active .search_list_item:hover .arrowBreadcrumb,.searchTop.contrast.active .search_list_item:hover .breadcrumbsSearch p,.searchTop.contrast.active .search_list_item:hover h2,.search_list_result.active.contrast .search_list_item:hover header p,.search_list_result.contrast.active .search_list_item:hover .search-pagination>p,.search_list_result.contrast.active .search_list_item:hover .search-pagination__list a,.search_list_result.contrast.active .search_list_item:hover .search-pagination__list span,.search_list_result.contrast.active .search_list_item:hover .search_list_item .content__icon i,.search_list_result.contrast.active .search_list_item:hover .search_list_item.active>i,.search_list_result.contrast.active .search_list_item:hover .search_list_item__date,.search_list_result.contrast.active .search_list_item:hover .search_list_item__date i,.search_list_result.contrast.active .search_list_item:hover .search_list_item__date p,.search_list_result.contrast.active .search_list_item:hover .search_list_item__desc,.search_list_result.contrast.active .search_list_item:hover .search_list_item__sec,.search_list_result.contrast.active .search_list_item:hover .search_list_item__title {
    color: #fff333;
    text-decoration: underline;
    -webkit-text-decoration-color: #fff333;
    text-decoration-color: #fff333
}

.search_list_result.contrast.active .search-pagination__list a:hover {
    background-color: #000;
    text-decoration: underline;
    color: #fff333;
    -webkit-text-decoration-color: #fff333;
    text-decoration-color: #fff333
}

.searchTop.contrast.active .formSearch button i {
    text-decoration: underline
}

.searchTop.contrast.active .formSearch button i:hover {
    color: #fff333
}

.search_list_result.contrast.active .search-pagination__list,.search_list_result.contrast.active .search_list_item .content__icon i {
    background-color: #000;
    border: 1px solid #fff
}

.search_list_result.contrast.active .search-pagination__list span {
    border: 1px solid #fff;
    background-color: #fff;
    color: #000
}

.search_list_result.contrast.active .search_list_item .content__icon {
    border-left: 1px solid #fff
}

.search_list_result.contrast.active .search-pagination__list a svg path {
    stroke: #fff
}

.searchTop.contrast.active,.searchTop.contrast.active .formSearch button,.search_list_result.contrast.active .filter_date .select-selected {
    background: #000
}

.search_list_result.contrast.active .filter_date .select-selected {
    color: #fff;
    text-decoration: underline
}

.search_list_result.contrast.active .filter_date .select-selected:hover {
    color: #fff333;
    text-decoration: underline;
    -webkit-text-decoration-color: #fff333;
    text-decoration-color: #fff333
}

.searchTop.contrast.active .formSearch span i {
    color: #000
}

.searchTop.contrast.active .formSearch button {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.searchTop.contrast.active .searchTop_alternate_bg {
    border-bottom: 5px solid #fff
}

.container__25__75 {
    display: grid;
    grid-template-columns: 25% 75%;
    align-items: stretch;
    max-width: var(--width_default);
    margin: 40px auto
}

@media (max-width: 768px) {
    .container__25__75 {
        display:flex;
        flex-direction: column-reverse
    }
}

#secretaries__agency {
    border-radius: 5px;
    background: #f3f8f5;
    padding: 20px 30px;
    margin: 40px 0
}

#secretaries__agency h1 {
    color: #00923D;
    font-size: 1.2rem;
    font-family: 'Open Sans',sans-serif!important;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

#secretaries__agency span {
    display: block;
    width: 115px;
    height: 1px;
    background-color: var(--color_primary);
    margin: 20px 0
}

.tab__content {
    display: none;
    animation: fadeEffect 1s;
    width: 100%;
    padding: 15px 19px;
    border-radius: 7.64px;
    border: 1.52px solid #a7aebf;
    font-size: 1.8rem;
    color: var(--color_details);
    background: url(../../assets-theme/img/arrowDownSelect.svg) 0 0 no-repeat;
    -webkit-appearance: none;
    background-position: right 10px center;
    background-color: var(--color_white);
    background-size: 17px
}

.tabs {
    display: flex;
    gap: 10px;
    margin-bottom: 18px
}

.tabs__links {
    display: flex;
    padding: 15px 20px;
    border: 1 solid #a7aebf;
    background-color: transparent;
    text-transform: capitalize;
    color: #4e5159;
    font-size: 1.2rem;
    font-family: 'Open Sans',sans-serif!important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
    transition: all ease .3s;
    border-radius: 5px;
    border: 1px solid #a7aebf
}

.tabs__links:hover {
    background-color: var(--color_primary);
    color: #fff
}

.tabs__links.active {
    background: var(--color_white);
    border-color: #4e5159;
    color: #4e5159;
    font-size: 1.2rem;
    font-family: 'Open Sans',sans-serif!important;
    font-style: normal;
    font-weight: 700
}

.secretaries__agency__details {
    color: var(--color_primary);
    border: 1.8px solid var(--color_primary);
    padding: 12px 0;
    text-align: center;
    font-size: 1.6rem;
    line-height: 1;
    display: block;
    width: 135px;
    border-radius: 5px;
    margin-top: 15px;
    font-weight: 700;
    text-transform: capitalize;
    transition: .3s
}

.secretaries__agency__details:hover {
    background-color: var(--color_primary);
    color: var(--color_white);
    text-decoration: underline
}

#secretaries__agency .select-selected:after {
    height: 15px;
    width: 1px;
    top: 12px;
    right: 9px;
    width: 41px;
}

#secretaries__agency .custom__select {
    width: 80%
}

#secretaries__agency .select-selected {
    width: 100%
}

@media(min-width: 768px) {
    #secretaries__agency h1 {
        font-size:2.4rem;
        line-height: 33px
    }
}

@media screen and (min-width: 1025px) {
    #secretaries__agency {
        margin:0;
        border-radius: 6px
    }

    #secretaries__agency h1 {
        margin: 0;
        color: #00923D;
        font-size: 1.4rem;
        font-family: 'Open Sans',sans-serif!important;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        color: var(--color_primary)
    }

    #secretaries__agency span {
        height: 1px;
        background-color: var(--color_secondary)
    }

    #secretaries__agency .custom__select {
        width: 100%
    }

    .tabs {
        margin-bottom: 25px
    }

    .tabs__links {
        font-size: 1.2rem;
        padding: 10px 20px
    }

    .tab__content {
        font-size: 1.3rem;
        padding: 10px 13px;
        background-size: 11px
    }

    .secretaries__agency__details {
        width: -moz-fit-content;
        width: fit-content;
        font-size: 1.3rem;
        padding: 10px 15px;
        margin-top: 25px
    }
}

#secretaries__agency.contrast.active {
    background-color: var(--color_black);
    border: 1px solid #fff
}

#secretaries__agency.contrast.active .secretaries__agency__details,#secretaries__agency.contrast.active h1 {
    color: var(--color_white);
    border-color: var(--color_white)
}

#secretaries__agency.contrast.active .tabs__links {
    border: 0;
    background: #000;
    color: #fff
}

#secretaries__agency.contrast.active .tabs__links:hover {
    text-decoration: underline
}

#secretaries__agency.contrast.active span {
    background-color: var(--color_white)
}

#secretaries__agency.contrast.active .tabs__links.active {
    border: 1px solid #fff
}

#secretaries__agency.contrast.active .tabs__links.active:hover {
    text-decoration: underline
}

#secretaries__agency.contrast.active .tabs__links {
    text-decoration: underline
}

#secretaries__agency.contrast.active .tabs__links:hover {
    color: #fff333
}

#secretaries__agency.contrast.active .secretaries__agency__details {
    background-color: #000;
    text-decoration: underline
}

#secretaries__agency.contrast.active .secretaries__agency__details:hover {
    color: #fff333;
    text-decoration: underline;
    background-color: #000
}

#secretaries__agency.contrast.active .select-items div,#secretaries__agency.contrast.active .select-selected {
    background-color: #000;
    text-decoration: underline;
    color: #fff;
    border: 1px solid #fff
}

#secretaries__agency.contrast.active .select-items div:hover,#secretaries__agency.contrast.active .select-selected:hover {
    color: #fff333
}

#prefecture__online.contrast.active .prefecture__online__list li h2,#prefecture__online.contrast.active .prefecture__online__list li p {
    text-decoration: underline
}

#prefecture__online.contrast.active .prefecture__online__list li:hover h2,#prefecture__online.contrast.active .prefecture__online__list li:hover p {
    color: #fff333
}

.bg-services {
    background-color: #f3f8f5
}

.bg-services .container {
    max-width: var(--width_default)
}

#services {
    padding: 40px 0 30px;
    margin-bottom: 0
}

.options ul {
    display: none;
    animation: fadeEffect 1s
}

.options ul.active {
    display: grid
}

.options ul li {
    margin: 0
}

.options ul li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 0 20px 30px;
    border-radius: 5px;
    background-color: var(--color_white);
    margin: 15px 0
}

.options ul li a:hover {
    background-color: var(--color_primary)
}

.options ul li a:hover h1 {
    color: var(--color_white)
}

.options ul li a:hover i {
    color: #fff
}

.options ul li a i {
    font-size: 1.8rem;
    margin-right: 25px;
    color: #00AD48
}

.options ul li a h1 {
    margin: 0;
    color: var(--color_alternate);
    font-size: 1.6rem;
    font-family: 'Open Sans',sans-serif!important;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.services__tabs {
    display: flex;
    width: 100%;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 40px
}

.services__tabs .services__tabs__links i {
    color: red;
    font-size: 30px;
    position: absolute;
    top: -15px;
    left: 0;
    right: 0
}

.services__content__title h1 {
    color: #00AD48;
    font-size: 3.2rem;
    font-family: 'Open Sans'!important;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    font-size: 3.6rem;
    line-height: 50px;
    color: #00923D;
    margin: 0 auto
}

.services__content__title p {
    margin-bottom: 25px;
    color: #4e5159;
    font-size: 1.3rem;
    font-family: 'Open Sans'!important;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.services__tabs__links {
    animation: fadeEffect 1s;
    color: #00923D;
    font-size: 1.6rem;
    font-family: 'Open Sans',sans-serif!important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 10px 0;
    background-color: transparent;
    border: 1px solid #a7aebf;
    width: calc(50% - 10px);
    cursor: pointer;
    text-transform: capitalize;
    transition: all ease .3s;
    position: relative;
    border-radius: 4px;
    border: .875px solid #00AD48
}

.services__tabs__links:hover {
    background-color: var(--color_white);
    border-color: var(--color_white);
    font-weight: 700
}

.services__tabs__links.active {
    background: #00AD48;
    border-color: var(--color_white);
    font-weight: 700;
    color: #fff
}

@media screen and (min-width: 1025px) {
    .options ul {
        gap:20px;
        grid-template-columns: 1fr 1fr
    }

    .options ul li a {
        margin: 0
    }

    #services {
        width: 100%
    }
}

@media screen and (min-width: 1279px) {
    .services__tabs__links {
        width:166px
    }

    .services__tabs {
        width: 100%
    }

    .options ul {
        gap: 20px;
        grid-template-columns: 1fr 1fr 1fr
    }
}

.bg-services.contrast.active {
    background-color: #000
}

#services.contrast.active .services__content__title h1,#services.contrast.active .services__content__title p {
    color: var(--color_white)
}

#services.contrast.active .services__tabs__links.active {
    background-color: var(--color_dark_gray);
    color: var(--color_white)
}

#services.contrast.active .services__tabs__links {
    color: var(--color_white)
}

#services.contrast.active .options ul li a {
    background-color: #000;
    border: 1px solid #fff
}

#services.contrast.active .options ul li a h1,#services.contrast.active .options ul li a i {
    color: var(--color_white)!important
}

#services.contrast.active .services__tabs .services__tabs__links i {
    color: var(--color_white)
}

#services.contrast.active .services__tabs__links:hover {
    background-color: var(--color_dark_gray);
    text-decoration: underline
}

#services.contrast.active .options ul li a:hover h1 {
    text-decoration: underline
}

#services.contrast.active .services__tabs__links.active {
    background-color: #000;
    color: var(--color_white)
}

#services.contrast.active .services__tabs .services__tabs__links i,#services.contrast.active .services__tabs__links {
    color: var(--color_white)
}

#services.contrast.active .options ul li a:hover h1 {
    text-decoration: underline
}

#services.contrast.active .options ul li a i {
    color: var(--color_white)!important
}

#services.contrast.active .services__tabs .services__tabs__links i {
    color: var(--color_white)
}

#services.contrast.active .services__tabs__links {
    background-color: #000;
    text-decoration: underline
}

#services.contrast.active .services__tabs__links:hover {
    color: #fff333;
    background-color: #000
}

#services.contrast.active .options ul li a h1:hover {
    color: #fff333!important
}

#services.contrast.active .options ul li a h1 {
    color: #fff
}

#services.contrast.active .options ul li a {
    text-decoration: underline
}

#services.contrast.active .options ul li a:hover {
    color: #fff333
}

#services.contrast.active .options ul li a h1,#services.contrast.active .options ul li a i {
    text-decoration: underline
}

#services.contrast.active .options ul li:hover a h1:hover,#services.contrast.active .options ul li:hover a i {
    color: #fff333
}

#services.contrast.active .services__tabs__links {
    border: 1px solid #fff
}

.servicesHighlights {
    padding: 40px 0;
    background-color: #00923D;
    position: relative;
    background-position: left top,top right;
    background-repeat: no-repeat,no-repeat
}

.servicesHighlights .items {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 280px;
    transition: transform .3s ease;
    margin: 0 auto
}

.servicesHighlights .icon-other {
    border-right: 1px solid #A7CF45!important
}

.servicesHighlights .item-other {
    background-color: #00923D!important
}

.servicesHighlights .item-other .icon i {
    font-size: 2.8rem;
    color: #A7CF45
}

.servicesHighlights .title-other h2 {
    color: #effffe!important
}

.servicesHighlights .item {
    flex: 0 0 64.25px;
    height: 80px;
    background-color: #f0f0f0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 5px;
    padding: 10px;
    box-sizing: border-box;
    transition: transform .3s ease-in-out;
    border-radius: 6px 6px 6px 6px;
    transition: all ease .3s
}

.servicesHighlights .item:hover {
    background-color: var(--color_secondary)
}

.servicesHighlights .item:hover h2 {
    text-decoration: underline;
    color: #fff
}

.servicesHighlights .item:hover .icon {
    border-color: #fff
}

.servicesHighlights .item:hover .icon i {
    color: #fff
}

.servicesHighlights .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-width: 35px;
    border-bottom: 1px solid #00AD48
}

.servicesHighlights .icon i {
    font-size: 1.6rem;
    color: #00AD48
}

.servicesHighlights .item h2 {
    margin: 0;
    font-family: 'Open Sans',sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4rem;
    text-align: center;
    color: #4e5159;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.servicesHighlights .slick-prev:before {
    content: '←';
    display: inline-block
}

.servicesHighlights .slick-arrow {
    width: 22px;
    right: -25px;
    height: 22px;
    border: 1px solid #fff;
    border-radius: 50%
}

.servicesHighlights .slick-arrow:before {
    padding: 0;
    margin: 0;
    top: -2px;
    position: relative
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media (min-width: 768px) {
    .servicesHighlights {
    background-color: #ffffff;
    }

    .servicesHighlights .carousel-controls {
        display: none
    }

    .servicesHighlights .items {
        gap: 15px
    }

    .servicesHighlights .carousel,.servicesHighlights .items {
        width: var(--width_default)
    }

    .servicesHighlights .items {
        justify-content: flex-start;
        flex-wrap: wrap
    }

    .servicesHighlights .item {
        margin: 0;
        flex-direction: row;
        align-items: center;
        width: 390px;
        height: 55px;
        border-radius: 5px 5px 5px 5px;
        flex: initial;
        text-align: left
    }

    .servicesHighlights .icon i {
        font-size: 5rem;
    }

    .servicesHighlights .icon {
        margin: 0 13px 0 0;
        padding: 0;
        width: 30%;
        height: 27px;
        border-bottom: none;
        border-right: 1px solid #00AD48
    }

    .servicesHighlights .title {
        width: 70%
    }

    .servicesHighlights .item h2 {
        text-align: left;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        font-size: 1.4rem;
        font-weight: 600
    }

    .servicesHighlights .carousel {
        flex-direction: row
    }
}

.servicesHighlights.contrast.active {
    background-color: #000
}

.servicesHighlights.contrast.active .item {
    background-color: #000!important;
    border: 1px solid #fff
}

.servicesHighlights.contrast.active .item .icon {
    border-right: 1px solid #fff!important
}

.servicesHighlights.contrast.active .item h2 {
    color: #fff
}

.servicesHighlights.contrast.active .item:hover h2 {
    color: #fff333!important
}

.servicesHighlights.contrast.active .icon {
    border-right-color: #000
}

.servicesHighlights.contrast.active .icon i {
    color: #fff
}

@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap);.containerNewspaper {
    max-width: 1200px;
    margin: 0 auto
}

@media (max-width: 768px) {
    .section-faixa-caminho {
        padding:0 20px
    }
}

.section-faixa-caminho .entry-crumbs {
    padding: 0 10px
}

.main_single>.containerNewspaper {
    display: grid;
    grid-template-columns: 72% 318px;
    align-items: flex-start;
    gap: 20px;
    padding-left: 10px;
    padding-right: 10px
}

.single_related_news__title {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 4.4rem;
    color: var(--color_primary);
    text-transform: uppercase
}

.main-content-single .aligncenter {
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 100%!important
}

.main-content-single .alignleft {
    float: left;
    margin-right: 10px
}

.main-content-single .alignright {
    float: right;
    margin-left: 10px
}

@media(max-width: 1023px) {
    .main_single>.containerNewspaper {
        grid-template-columns:100%;
        margin-left: 10px;
        margin-right: 10px;
        gap: 20px;
        margin-bottom: 0
    }
}

@media (min-width: 1020px) {
    .main-content-single .aligncenter {
        height:428px;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media(min-width: 1024px) and (max-width:1299px) {
    .main_single>.containerNewspaper {
        gap:20px
    }
}

.single-secretary .container {
    max-width: 1200px
}

.single-secretary .grid-three-columns {
    display: grid;
    grid-template-columns: 22% 53% 22%;
    gap: 20px;
    width: 100%
}

.single-secretary .aside-left .img-profile {
    display: block;
    margin-bottom: 10px;
    width: 281px;
    height: 281px;
    -o-object-fit: contain;
    object-fit: contain
}

.single-secretary .aside-left figcaption {
    margin-bottom: 20px;
    padding: 0 10px;
    border-left: 3px solid var(--color_primary)
}

.single-secretary .aside-left figcaption h3 {
    margin: 0;
    line-height: 1.2;
    font-family: Heebo;
    font-style: normal;
    font-weight: 700;
    font-size: 2rem;
    color: var(--color_primary)
}

.single-secretary .aside-left figcaption p {
    font-family: Heebo;
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    color: #424a55
}

.single-secretary .aside-left .secretary-information {
    background: #f1f3f9;
    border-bottom: 4px solid var(--color_primary)
}

.single-secretary .secretary-information-content {
    padding: 20px
}

.single-secretary .secretary-information header {
    padding: 20px 20px 0;
    border-bottom: 1px solid #c7d0ea
}

.single-secretary .secretary-information header h2 {
    margin-top: 0;
    margin-bottom: 15px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 1.8rem;
    text-align: center;
    text-transform: uppercase;
    color: var(--color_primary);
    line-height: 1
}

.single-secretary .secretary-information h3 {
    margin-top: 0;
    margin-bottom: 5px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 1.4rem;
    color: var(--color_primary);
    line-height: 1
}

.single-secretary .secretary-information ul li {
    margin-left: 0;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    color: #424a55;
    word-break: break-word
}

.single-secretary .secretary-information ul {
    margin-bottom: 20px
}

.single-secretary .links-secretary {
    margin-top: 20px
}

.single-secretary .links-secretary li {
    margin: 0 0 20px;
    padding: 12px 0;
    text-align: center;
    background: var(--color_primary);
    border-radius: 6px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    transition: all ease .3s
}

.single-secretary .links-secretary li:hover {
    background-color: var(--color_secondary)
}

.single-secretary .links-secretary li a {
    display: block;
    padding: 0 10px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 1.4rem
}

.single-secretary .main-content h2,.single-secretary .main-content strong {
    margin-bottom: 10px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 1.8rem;
    color: var(--color_primary);
    text-transform: uppercase
}

.single-secretary .main-content h2 i {
    color: #1393ee
}

.single-secretary .main-content p {
    margin-bottom: 35px
}

.single-secretary .main-content ul {
    margin-left: 20px;
    list-style: disc
}

.single-secretary .main-content p {
    line-height: 1.5em
}

.single-secretary .main-content p,.single-secretary .main-content ul li {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    color: #424a55
}

.single-secretary .secretarial-services {
    padding-bottom: 20px;
    background: #f1f3f9;
    border-radius: 2px
}

.single-secretary .secretarial-services header {
    border-bottom: 1px solid #c7d0ea
}

.single-secretary .secretarial-services header h2 {
    margin-top: 0;
    padding-top: 15px;
    margin-bottom: 10px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 1.8rem;
    text-align: center;
    text-transform: uppercase;
    color: var(--color_primary)
}

.single-secretary .secretarial-services ul {
    padding: 20px 10px 0
}

.single-secretary .secretarial-services-list li {
    margin: 0 0 20px;
    padding: 10px;
    background: #fff;
    border-radius: 5px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 1.4rem;
    color: #424a55;
    transition: all ease .3s
}

.single-secretary .secretarial-services-list li a {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.single-secretary .secretarial-services-list li:hover {
    background-color: var(--color_secondary);
    color: #fff
}

.single-secretary .secretarial-services>a {
    display: block;
    margin: 0 10px;
    padding: 10px 0;
    background: var(--color_primary);
    border-radius: 6px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 1.4rem;
    text-align: center;
    color: #fff;
    transition: all ease .3s
}

.single-secretary .secretarial-services>a:hover {
    background-color: var(--color_secondary)
}

.single-secretary .links-secretary.mobile,.single-secretary .secretary-information.mobile {
    display: none
}

.notPostFound {
    margin-bottom: 40px;
    text-align: center;
    font-family: 'Open Sans';
    font-size: 1.4rem;
    color: #424a55
}

.slider-bottom-section .container {
    max-width: 1200px
}

@media (max-width: 768px) {
    .single-secretary .grid-three-columns {
        grid-template-columns:100%
    }

    .single-secretary .aside-left .img-profile {
        width: 211px;
        height: 211px;
        margin-left: auto;
        margin-right: auto
    }

    .single-secretary .aside-left figcaption {
        margin: 0 20px 20px
    }

    .single-secretary .aside-left .secretary-information,.single-secretary .links-secretary {
        display: none
    }

    .single-secretary .aside-left .secretary-information.mobile,.single-secretary .links-secretary.mobile {
        display: block
    }

    .single-secretary .links-secretary.mobile ul {
        list-style: none;
        margin-left: 0
    }

    .single-secretary .secretary-information.mobile {
        display: block;
        margin-top: 20px;
        background: #f1f3f9;
        border-bottom: 4px solid var(--color_primary)
    }

    .single-secretary .links-secretary.mobile li {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 700;
        font-size: 1.4rem;
        text-align: center;
        color: #fff
    }

    .single-secretary .main-content {
        padding: 0 20px
    }

    .slider-bottom-section {
        margin: 20px auto
    }
}

@media (min-width: 570px) and (max-width:768px) {
    .single-secretary .main-content>.mobile {
        display:flex;
        gap: 20px;
        align-items: center
    }

    .single-secretary .main-content>.mobile .links-secretary li a {
        padding: 0 10px
    }

    .single-secretary .secretarial-services ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px
    }
}

.single-secretary.contrast.active {
    background-color: #000
}

.single-secretary.contrast.active .aside-left figcaption h3,.single-secretary.contrast.active .aside-left figcaption p,.single-secretary.contrast.active .main-content h2,.single-secretary.contrast.active .main-content h2 i,.single-secretary.contrast.active .main-content p,.single-secretary.contrast.active .main-content strong,.single-secretary.contrast.active .secretarial-services header h2,.single-secretary.contrast.active .secretary-information h3,.single-secretary.contrast.active .secretary-information header h2,.single-secretary.contrast.active .secretary-information ul li,.slider-bottom-section.contrast.active .content h3,.slider-bottom-section.contrast.active .content p,.slider-bottom-section.contrast.active header h2 {
    color: #fff
}

.single-secretary.contrast.active .aside-left figcaption {
    border-left: 3px solid #fff
}

.single-secretary.contrast.active .aside-left .secretary-information,.single-secretary.contrast.active .secretarial-services,.single-secretary.contrast.active .secretarial-services>a {
    background-color: #000;
    border: 1px solid #fff
}

.single-secretary.contrast.active .secretarial-services>a {
    text-decoration: underline
}

.single-secretary.contrast.active .secretary-information header {
    border-bottom: 1px solid #fff
}

.single-secretary.contrast.active .links-secretary li,.single-secretary.contrast.active .secretarial-services-list li,.slider-bottom-section.contrast.active article:hover .content h3 {
    background-color: #000;
    border: 1px solid #fff;
    color: #fff;
    text-decoration: underline
}

.single-secretary.contrast.active .links-secretary li:hover,.single-secretary.contrast.active .secretarial-services-list li:hover,.single-secretary.contrast.active .secretarial-services>a:hover,.slider-bottom-section.contrast.active article:hover .content h3,.slider-bottom-section.contrast.active article:hover .content p {
    color: #fff333;
    text-decoration: underline;
    -webkit-text-decoration-color: #fff333;
    text-decoration-color: #fff333
}

.single-secretary.contrast.active .secretarial-services-list li:hover i {
    color: #fff
}

.slider-bottom-section.contrast.active {
    background-color: #000
}

.slider-grid {
    margin-bottom: 40px;
    border: 1px solid #c7d0ea;
    width: 100%
}

.slider-grid header {
    border-bottom: 1px solid #c7d0ea
}

.slider-grid header h2 {
    margin: 15px 0;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 1.8rem;
    text-align: center;
    color: var(--color_primary);
    text-transform: uppercase
}

.slider-bottom {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    margin: 20px;
    grid-gap: 40px
}

.slider-bottom .img img {
    width: 290px;
    height: 135px;
    -o-object-fit: cover;
    object-fit: cover
}

.slider-bottom .content h3 {
    margin-bottom: 10px;
    font-family: 'Open Sans';
    font-style: normal;
    line-height: 1.2;
    font-weight: 700;
    font-size: 1.4rem;
    color: var(--color_primary)
}

.slider-bottom .content p {
    margin-bottom: 0;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1.2rem;
    color: #424a55
}

@media (max-width: 768px) {
    .slider-grid {
        max-width:330px;
        margin: 0 auto
    }

    .slider-bottom {
        grid-template-columns: 1fr
    }
}

.grid-column-with-filters {
    display: grid;
    max-width: var(--width_default);
    margin: 0 auto
}

.columnRight .grid-column-with-filters {
    margin: 0
}

.ontopcdn-layoutTransparenciaColumnDual .grid-column-with-filters {
    margin: initial
}

.grid-two-columns-files {
    grid-template-areas: "menu-links arq-list";
    grid-template-columns: 25% 75%;
    grid-gap: 20px
}

.grid-one-columns-files {
    grid-template-columns: 100%;
    width: 100%
}

.grid-column-with-filters .menu-links {
    grid-area: menu-links
}

.grid-column-with-filters .menu-links .current-page-ancestor a,.grid-column-with-filters .ontopcdn-boxLinks .current-menu-item a {
    display: block;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem;
    color: #00923D
}

.grid-column-with-filters .menu-links .current-page-ancestor a::after,.grid-column-with-filters .ontopcdn-boxLinks .current-menu-item a::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #00923D
}

.grid-column-with-filters .menu-links .ontopcdn-boxLinks li.current-page-ancestor,.grid-column-with-filters .ontopcdn-boxLinks .current-menu-item {
    display: inline-block;
    padding-left: 0
}

.grid-column-with-filters .menu-links .ontopcdn-boxLinks li:before {
    display: none
}

.grid-column-with-filters .ontopcdn-boxLinks {
    background: linear-gradient(254.3deg,#f2f5ff -5.78%,#f1f3f9 106.18%);
    padding: 30px;
    border-radius: 4px
}

.grid-column-with-filters .component-boxTitle,.grid-column-with-filters .ontopcdn-boxTitle {
    margin-top: 0;
    display: inline-block;
    margin-bottom: 8px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 1.8rem;
    color: #424a55
}

.grid-column-with-filters .menu-links ul>li {
    margin: 0 0 10px 0
}

.grid-column-with-filters .menu-links .menu-menu-principal-container {
    margin: 0 0 10px 10px
}

.grid-column-with-filters .menu-links ul li a {
    display: block;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1.6rem;
    color: var(--color_dark)
}

.component-boxLinks ul li:before {
    display: none
}

.grid-column-with-filters .menu-links ul li:hover a {
    color: var(--color_secondary)
}

.grid-column-with-filters .menu-links ul li>ul {
    margin-left: 10px
}

.grid-column-with-filters .arq-list {
    grid-area: arq-list;
    width: calc(100% - 20px);
    margin: 0 auto
}

.grid-column-with-filters .arq-list-one {
    grid-area: initial
}

.arq-list-filters {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 0 15px 0;
    border-bottom: 1px solid #c7d0ea
}

.arq-list-filters>p {
    margin: 0;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    color: #394053
}

.arq-list-filters>p span {
    font-weight: 700
}

.arq-list-filters-forms {
    display: flex;
    gap: 15px
}

.arq-list-filters-forms form {
    display: flex;
    gap: 10px;
    position: relative
}

.arq-list-filters-forms>form>label {
    display: flex;
    flex-direction: column;
    width: initial
}

.arq-list-filters-forms .choice {
    display: flex;
    opacity: 0;
    height: 0;
    font-size: 0;
    transform: translate(-100px,0);
    transition: all ease .3s
}

.arq-list-filters-forms .choice.active {
    position: absolute;
    left: 0;
    z-index: 20;
    top: -40px;
    opacity: 1;
    height: initial;
    text-align: center;
    gap: 10px;
    margin: 10px 0 5px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    color: #394053;
    transform: translate(0,0);
    transition: all ease .3s
}

.arq-list-filters-forms .choice.active label {
    display: flex;
    align-items: center;
    gap: 5px;
    width: initial
}

.arq-list-filters-forms .choice.active label:first-of-type {
    margin-right: 10px
}

.arq-list-filters-forms .scope-input-btn {
    position: relative
}

.arq-list-filters-forms [data-value=entre] {
    display: flex;
    justify-content: space-between
}

.arq-list-filters-forms button {
    width: 44px;
    height: 40px;
    right: 0;
    top: 0;
    cursor: pointer;
    background: 0 0;
    border: none;
    border: 1px solid #d3eff8;
    border-radius: 4px;
    transition: all ease .3s
}

.arq-list-filters-forms button:hover {
    background-color: var(--color_primary)
}

.arq-list-filters-forms button i {
    color: var(--color_alternate);
    font-weight: 800
}

.arq-list-filters-forms button:hover i {
    color: #fff
}

.arq-list-filters-forms .inputSearchTitle {
    width: 260px;
    padding: 10px 15px;
    height: 40px;
    background: #fff;
    border: 1px solid #d3eff8;
    border-radius: 4px
}

.arq-list-filters-forms .inputSearchTitle::-moz-placeholder {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    color: var(--color_alternate)
}

.arq-list-filters-forms .inputSearchTitle,.arq-list-filters-forms .inputSearchTitle::placeholder {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    color: var(--color_alternate)
}

.arq-list-filters-forms .inputDateGroupArqs.active {
    max-width: 288px
}

.arq-list-filters-forms .inputDateGroupArqs.active .btn-date-1 {
    margin-bottom: 20px
}

.arq-list-filters-forms .inputDateGroupArqs.active .btn-date-1,.arq-list-filters-forms .inputDateGroupArqs.active .btn-date-2 {
    display: flex;
    justify-content: center;
    height: 40px;
    border: 1px solid #d3eff8;
    border-radius: 4px
}

.arq-list-filters-forms .inputDateGroupArqs.active .btn-date-2 {
    margin-bottom: 20px
}

.arq-list-filters-forms .inputDateGroupArqs.active i {
    display: flex;
    width: 78px;
    text-align: center;
    border-left: 1px solid #d3eff8;
    height: 100%;
    justify-content: center;
    align-items: center;
    color: #00923D
}

.arq-list-filters-forms .inputDateGroupArqs.active input {
    padding: 0 10px;
    width: 287px;
    height: 38px;
    border: none
}

.arq-list-filters-forms input::-moz-placeholder {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 1.4rem;
    color: var(--color_alternate)
}

.arq-list-filters-forms .inputDateGroupArqs.active input,.arq-list-filters-forms input::placeholder {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 1.4rem;
    color: var(--color_alternate)
}

.arq-list-filters-forms .select-selected {
    padding: 10px 7px;
    width: 240px;
    height: 40px;
    background: #fff;
    border: 1px solid #d3eff8;
    border-radius: 4px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    color: var(--color_alternate)
}

.arq-list-filters-forms .select-items {
    padding: 0 10px 10px;
    box-shadow: rgba(99,99,99,.2) 0 2px 8px 0
}

.arq-list-filters-forms .select-items div {
    border: none;
    border-bottom: 1px solid #e7e7e7;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 1.4rem;
    color: var(--color_primary)
}

.arq-list-filters-forms .select-selected:after {
    border-left: 1px solid #d3eff8;
    width: 44px;
    height: 45px;
    margin: 2px -15px 0;
    border-radius: 4px;
    right: 10px;
    border-top-left-radius: 0
}

.inputDateGroupArqs {
    display: none
}

.inputDateGroupArqs.active {
    display: block;
    position: absolute;
    right: 30px;
    top: 57px;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #c7d0ea;
    box-shadow: 0 4px 8px rgba(0,0,0,.25);
    border-radius: 4px
}

.inputDateGroupArqs.active p {
    margin-bottom: 20px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 1.4rem;
    color: #00923D
}

.arq-list-filters-forms .inputDateGroupArqs.active input {
    margin-bottom: 25px
}

.arq-list-filters-forms .inputDateGroupArqs.active input[type=date]::-webkit-calendar-picker-indicator,.arq-list-filters-forms .inputDateGroupArqs.active input[type=date]::-webkit-inner-spin-button {
    opacity: 0
}

.arq-list-filters-forms .inputDateGroupArqs.active a,.arq-list-filters-forms .inputDateGroupArqs.active button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 35px;
    border: 1px solid #00923D;
    border-radius: 4px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #00923D
}

.arq-list-filters-forms .inputDateGroupArqs.active .btns {
    display: flex;
    justify-content: space-between;
    margin: 0 20px
}

.arq-list-filters-forms .inputDateGroupArqs.active .btnFilter {
    background: #00923D;
    color: #fff
}

.arq-list-item {
    display: grid;
    padding: 20px 0;
    grid-template-columns: 10% 78% 12%;
    transition: all ease .3s
}

.arq-list-item-content:hover h1 {
    text-decoration: underline
}

.arq-list-item:nth-of-type(2n+2) {
    background: #f8f9ff
}

.arq-list-item-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5rem;
    color: #d4d6db
}

.arq-list-item-content,.arq-list-item-icon a {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.arq-list-item-content h1 {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem;
    color: #00923D;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    line-height: 1
}

.arq-list-item-content .data {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 5px 0 0;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    text-transform: uppercase;
    color: #00923D
}

.arq-list-item-content p {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    color: #6b747c;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    overflow: hidden
}

.arq-list-item-download {
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #e7e7e7
}

.arq-list-item-download i {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    background: #e7e7e7;
    border-radius: 50%;
    color: #6b747c;
    transition: all ease .3s
}

.arq-list-item-download i:hover {
    transform: scale(1.1);
    box-shadow: rgba(99,99,99,.2) 0 2px 8px 0
}

.arq-list-filters-forms .boxCustomSelect i {
    display: none
}

.arq-list-filters-forms .btnsFilterGroup {
    display: flex;
    gap: 10px
}

.grid-column-with-filters input[type=search]::-webkit-search-cancel-button:hover,.grid-column-with-filters input[type=search]::-webkit-search-decoration:hover {
    cursor: none
}

.grid-column-with-filters .search-pagination {
    height: initial;
    margin-top: 15px
}

.grid-column-with-filters .searchNotResult {
    padding: 100px 0 0
}

.grid-column-with-filters .btnBack {
    display: block;
    margin-bottom: 50px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1.6rem;
    color: #00923D;
    text-align: center;
    text-decoration: underline
}

.arq-list-filters-forms .filters_form_btnClean {
    cursor: pointer
}

.arq-list-filters-forms .filters_form_btnClean:active {
    background-color: currentColor
}

@media (max-width: 1020px) {
    .grid-column-with-filters {
        grid-template-areas:"menu-links" "arq-list";
        grid-template-columns: 100%;
        margin: 0 20px
    }

    .grid-column-with-filters .menu-links .menu-menu-principal-container {
        margin: 0;
    }

    .grid-column-with-filters .menu-links .menu-menu-principal-container ul {
        margin: 0
    }

    .grid-column-with-filters .menu-links {
        position: relative;
        z-index: 10;
        display: none;
        margin: 0;
        padding: 0;
        width: 0;
        height: 0;
    }

    .grid-column-with-filters .ontopcdn-boxLinks {
        padding: 12px
    }

    .grid-column-with-filters .ontopcdn-boxLinks.boxActive {
        position: absolute;
        box-shadow: 0 4px 8px rgba(0,0,0,.25);
        z-index: 10;
        width: 100%
    }

    .grid-column-with-filters .menu-links .ontopcdn-boxTitle {
        display: none
    }

    .grid-column-with-filters .menu-links .menu-item,.grid-column-with-filters .menu-links .menu-item:not(.current-menu-item),.grid-column-with-filters .menu-links .ontopcdn-boxLinks.subcategory li:not(.current-menu-item) {
        height: 0;
        opacity: 0;
        transition: all ease .3s;
        transform: translate(-1000px,0);
        padding: 0;
        margin: 0
    }

    .grid-column-with-filters .menu-links .menu-item.active,.grid-column-with-filters .menu-links .ontopcdn-boxLinks.subcategory li.active,.grid-column-with-filters .menu-links li.current-menu-item {
        display: block;
        opacity: 1;
        height: initial;
        transition: all ease .3s;
        transform: translate(0,0);
        padding: initial;
        margin: initial
    }

    .grid-column-with-filters .menu-links .ontopcdn-boxLinks li.current-page-ancestor,.grid-column-with-filters .ontopcdn-boxLinks .current-menu-item {
        display: block;
        margin-bottom: 0;
        opacity: 1;
        height: initial;
        transition: all ease .3s;
        transform: translate(0,0)
    }

    .grid-column-with-filters .menu-links .current-page-ancestor a::after,.grid-column-with-filters .ontopcdn-boxLinks .current-menu-item a::after {
        display: none
    }

    .grid-column-with-filters .menu-links .ontopcdn-boxLinks li.current-menu-item::after,.grid-column-with-filters .menu-links .ontopcdn-boxLinks li.current-page-ancestor::after {
        content: '';
        display: inline-block;
        position: absolute;
        top: 5px;
        right: 0;
        transform: rotate(-46deg);
        padding: 5px;
        box-shadow: 1px -1px 0 1px #00923D inset;
        border: solid transparent;
        border-width: 0 0 1px 1px;
        transition: all ease .3s
    }

    .grid-column-with-filters .menu-links .ontopcdn-boxLinks li.current-menu-item.active::after,.grid-column-with-filters .menu-links .ontopcdn-boxLinks li.current-page-ancestor.active::after {
        top: 16px;
        transform: rotate(135deg)
    }

    .arq-list-filters {
        flex-direction: column-reverse
    }

    .arq-list-filters>p {
        margin-bottom: 30px
    }

    .arq-list-filters-forms .select-selected {
        display: block;
        width: 42px;
        border-radius: 4px 0 0 4px;
        color: transparent;
        margin-right: 44px
    }

    .arq-list-filters-forms .select-selected::-moz-placeholder {
        font-size: 0
    }

    .arq-list-filters-forms .select-selected::placeholder {
        font-size: 0
    }

    .grid-column-with-filters .component-boxLinks {
        display: none
    }

    .arq-list-filters-forms .select-selected:after {
        left: 96px;
        right: initial;
        border: 1px solid #d3eff8;
        width: 44px;
        height: 40px;
        margin: 0 -55px 0;
        border-radius: 0 4px 4px 0
    }

    .arq-list-filters-forms .custom__select {
        position: relative;
        width: initial
    }

    .arq-list-filters-forms .boxCustomSelect {
        position: relative
    }

    .arq-list-filters-forms .boxCustomSelect i {
        display: block;
        position: absolute;
        left: 14px;
        top: 11px;
        color: #00923D;
        z-index: 9
    }

    .arq-list-filters-forms {
        margin-bottom: 10px
    }

    .arq-list-filters-forms .inputSearchTitle {
        width: 100%;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .arq-list-filters-forms button {
        border-top: 1px solid #d3eff8;
        border-bottom: 1px solid #d3eff8;
        border-right: 1px solid #d3eff8;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .arq-list-item,.grid-one-columns-files .arq-list-item {
        grid-template-columns: 100%;
        padding: 20px 12px
    }

    .arq-list-item-icon {
        display: none
    }

    .arq-list-filters-forms .btnsFilterGroup {
        position: relative
    }

    .arq-list-filters-forms .filters_form_btnClean {
        position: absolute;
        bottom: 10px;
        right: 50%;
        text-decoration: underline;
        border: none;
        transform: translate(50%,0);
        cursor: pointer
    }

    .arq-list-filters-forms .scope-input-btn {
        display: flex
    }

    .arq-list-filters-forms .choice.active {
        position: absolute;
        top: 84px!important;
        right: 0;
        left: 0;
        width: 300px;
        margin-left: auto;
        margin-right: auto;
        justify-content: center
    }

    .arq-list-filters-forms .select-items {
        left: initial;
        right: -53%
    }

    .arq-list-filters-forms form {
        display: flex;
        position: initial
    }

    .arq-list-filters-forms button {
        position: initial
    }

    .arq-list-item-download {
        margin-top: 15px;
        justify-content: initial;
        border: none
    }

    .grid-column-with-filters .search-pagination {
        margin-top: 20px;
        flex-direction: column;
        align-items: center;
        justify-content: initial
    }
}

@media (min-width: 1021px) {
    .arq-list-filters-forms .select-items {
        left:1px;
        width: 240px
    }

    .arq-list-item-content {
        padding-right: 30px
    }
}

.menu-links.contrast.active .ontopcdn-boxLinks {
    border: 1px solid #fff;
    background: #000
}

.menu-links.contrast.active .ontopcdn-boxLinks ul li a,.menu-links.contrast.active .ontopcdn-boxTitle,.search-pagination.contrast.active .search-pagination__list a {
    color: #fff
}

.menu-links.contrast.active .current-page-ancestor a::after,.menu-links.contrast.active .ontopcdn-boxLinks .current-menu-item a::after,.search-pagination.contrast.active span {
    background-color: #fff
}

.search-pagination.contrast.active .page-numbers.current {
    color: #000
}

.search-pagination.contrast.active .page-numbers.current:hover {
    background-color: #fff333;
    color: #000!important
}

.arq-list-filters.contrast.active .filters_form_btnClean,.arq-list-filters.contrast.active>p,.arq-list-item.contrast.active .arq-list-item-content .data,.arq-list-item.contrast.active .arq-list-item-content h1,.arq-list-item.contrast.active .arq-list-item-content p {
    color: #fff
}

.arq-list-item.contrast.active .arq-list-item-content h1,.arq-list-item.contrast.active .arq-list-item-content p,.menu-links.contrast.active .ontopcdn-boxLinks ul li a {
    text-decoration: underline
}

.arq-list-filters.contrast.active .inputSearchTitle::-moz-placeholder {
    color: #fff
}

.arq-list-filters.contrast.active .choice.active,.arq-list-filters.contrast.active .filters_form_btnClean:hover,.arq-list-filters.contrast.active .inputSearchTitle,.arq-list-filters.contrast.active .inputSearchTitle::placeholder,.arq-list-filters.contrast.active .select-items div,.arq-list-filters.contrast.active .select-selected,.arq-list-filters.contrast.active button i,.arq-list-item.contrast.active .arq-list-item-content .data i,.arq-list-item.contrast.active .arq-list-item-download i,.arq-list-item.contrast.active .arq-list-item-icon i,.search-pagination.contrast.active>p {
    color: #fff
}

.arq-list-filters.contrast.active .inputSearchTitle,.arq-list-filters.contrast.active .select-items,.arq-list-filters.contrast.active .select-selected {
    background-color: #000;
    border: 1px solid #fff
}

.arq-list-item.contrast.active .arq-list-item-download i {
    background-color: #000;
    border: 1px solid #fff
}

.arq-list-item.contrast.active .arq-list-item-download i:hover {
    border: 1px solid #fff333
}

.arq-list-filters.contrast.active .filters_form_btnClean:hover,.arq-list-item.contrast.active:hover .arq-list-item-content .data,.arq-list-item.contrast.active:hover .arq-list-item-content p,.arq-list-item.contrast.active:hover h1,.menu-links.contrast.active .ontopcdn-boxLinks .current-menu-item a,.menu-links.contrast.active .ontopcdn-boxLinks ul li:hover a,.search-pagination.contrast.active a:hover,.search-pagination.contrast.active span:hover,.ontopcdn-boxLinks.contrast.active li.current-page-ancestor a,.ontopcdn-boxLinks.contrast.active li.current-page-ancestor:hover a {
    text-decoration: underline;
    -webkit-text-decoration-color: #fff333;
    text-decoration-color: #fff333;
    color: #fff333!important
}

.arq-list-filters.contrast.active .filters_form_btnClean:hover,.search-pagination.contrast.active a:hover {
    background-color: #000
}

.arq-list-item.contrast.active {
    background-color: #000
}

.component-boxLinks.contrast.active ul li {
    display: block
}

.component-boxLinks.contrast.active ul li a {
    display: inline-block;
    border-bottom: 1px solid #fff
}

.component-boxLinks.contrast.active ul li:hover a {
    color: #fff333!important;
    border-bottom: 1px solid #fff333
}

.dayContainer,.flatpickr-calendar {
    width: 273.875px
}

span.flatpickr-weekday {
    color: var(--color_primary)!important
}

.flatpickr-months .flatpickr-next-month:hover svg,.flatpickr-months .flatpickr-prev-month:hover svg {
    color: var(--color_primary)
}

.flatpickr-calendar {
    background: 0 0;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    padding: 0;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 307.875px;
    box-sizing: border-box;
    touch-action: manipulation;
    background: #fff;
    box-shadow: 1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08)
}

.flatpickr-calendar.inline,.flatpickr-calendar.open {
    opacity: 1;
    max-height: 640px;
    visibility: visible
}

.flatpickr-calendar.open {
    display: inline-block;
    z-index: 99999
}

.flatpickr-calendar.animate.open {
    animation: fpFadeInDown .3s cubic-bezier(.23,1,.32,1)
}

.flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px
}

.flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px)
}

.flatpickr-calendar.static.open {
    z-index: 999;
    display: block
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
    box-shadow: none!important
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
    box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6
}

.flatpickr-calendar .hasTime .dayContainer,.flatpickr-calendar .hasWeeks .dayContainer {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.flatpickr-calendar .hasWeeks .dayContainer {
    border-left: 0
}

.flatpickr-calendar.hasTime .flatpickr-time {
    height: 40px;
    border-top: 1px solid #e6e6e6
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto
}

.flatpickr-calendar:after,.flatpickr-calendar:before {
    position: absolute;
    display: block;
    pointer-events: none;
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    left: 22px
}

.flatpickr-calendar.arrowRight:after,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.rightMost:before {
    left: auto;
    right: 22px
}

.flatpickr-calendar.arrowCenter:after,.flatpickr-calendar.arrowCenter:before {
    left: 50%;
    right: 50%
}

.flatpickr-calendar:before {
    border-width: 5px;
    margin: 0 -5px
}

.flatpickr-calendar:after {
    border-width: 4px;
    margin: 0 -4px
}

.flatpickr-calendar.arrowTop:after,.flatpickr-calendar.arrowTop:before {
    bottom: 100%
}

.flatpickr-calendar.arrowTop:before {
    border-bottom-color: #e6e6e6
}

.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #fff
}

.flatpickr-calendar.arrowBottom:after,.flatpickr-calendar.arrowBottom:before {
    top: 100%
}

.flatpickr-calendar.arrowBottom:before {
    border-top-color: #e6e6e6
}

.flatpickr-calendar.arrowBottom:after {
    border-top-color: #fff
}

.flatpickr-calendar:focus {
    outline: 0
}

.flatpickr-wrapper {
    position: relative;
    display: inline-block
}

.flatpickr-months {
    display: flex
}

.flatpickr-months .flatpickr-month {
    background: 0 0;
    color: rgba(0,0,0,.9);
    fill: rgba(0,0,0,.9);
    height: 34px;
    line-height: 1;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    overflow: hidden;
    flex: 1
}

.flatpickr-months .flatpickr-next-month,.flatpickr-months .flatpickr-prev-month {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    height: 34px;
    padding: 10px;
    z-index: 3;
    color: rgba(0,0,0,.9);
    fill: rgba(0,0,0,.9)
}

.flatpickr-months .flatpickr-next-month.flatpickr-disabled,.flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
    display: none
}

.flatpickr-months .flatpickr-next-month i,.flatpickr-months .flatpickr-prev-month i {
    position: relative
}

.flatpickr-months .flatpickr-next-month.flatpickr-prev-month,.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
    left: 0
}

.flatpickr-months .flatpickr-next-month.flatpickr-next-month,.flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
    right: 0
}

.flatpickr-months .flatpickr-next-month:hover,.flatpickr-months .flatpickr-prev-month:hover {
    color: #959ea9
}

.flatpickr-months .flatpickr-next-month:hover svg,.flatpickr-months .flatpickr-prev-month:hover svg {
    fill: #f64747
}

.flatpickr-months .flatpickr-next-month svg,.flatpickr-months .flatpickr-prev-month svg {
    width: 14px;
    height: 14px
}

.flatpickr-months .flatpickr-next-month svg path,.flatpickr-months .flatpickr-prev-month svg path {
    transition: fill .1s;
    fill: inherit
}

.numInputWrapper {
    position: relative;
    height: auto
}

.numInputWrapper input,.numInputWrapper span {
    display: inline-block
}

.numInputWrapper input {
    width: 100%
}

.numInputWrapper input::-ms-clear {
    display: none
}

.numInputWrapper input::-webkit-inner-spin-button,.numInputWrapper input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none
}

.numInputWrapper span {
    position: absolute;
    right: 0;
    width: 14px;
    padding: 0 4px 0 2px;
    height: 50%;
    line-height: 50%;
    opacity: 0;
    cursor: pointer;
    border: 1px solid rgba(57,57,57,.15);
    box-sizing: border-box
}

.numInputWrapper span:hover {
    background: rgba(0,0,0,.1)
}

.numInputWrapper span:active {
    background: rgba(0,0,0,.2)
}

.numInputWrapper span:after {
    display: block;
    content: "";
    position: absolute
}

.numInputWrapper span.arrowUp {
    top: 0;
    border-bottom: 0
}

.numInputWrapper span.arrowUp:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(57,57,57,.6);
    top: 26%
}

.numInputWrapper span.arrowDown {
    top: 50%
}

.numInputWrapper span.arrowDown:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(57,57,57,.6);
    top: 40%
}

.numInputWrapper span svg {
    width: inherit;
    height: auto
}

.numInputWrapper span svg path {
    fill: rgba(0,0,0,.5)
}

.numInputWrapper:hover {
    background: rgba(0,0,0,.05)
}

.numInputWrapper:hover span {
    opacity: 1
}

.flatpickr-current-month {
    font-size: 135%;
    line-height: inherit;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 7.48px 0 0 0;
    line-height: 1;
    height: 34px;
    display: inline-block;
    text-align: center;
    transform: translate3d(0,0,0)
}

.flatpickr-current-month span.cur-month {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    display: inline-block;
    margin-left: .5ch;
    padding: 0
}

.flatpickr-current-month span.cur-month:hover {
    background: rgba(0,0,0,.05)
}

.flatpickr-current-month .numInputWrapper {
    width: 6ch;
    width: 7ch\0;
    display: inline-block
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: rgba(0,0,0,.9)
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: rgba(0,0,0,.9)
}

.flatpickr-current-month input.cur-year {
    background: 0 0;
    box-sizing: border-box;
    color: inherit;
    cursor: text;
    padding: 0 0 0 .5ch;
    margin: 0;
    display: inline-block;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    line-height: inherit;
    height: auto;
    border: 0;
    border-radius: 0;
    vertical-align: initial;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.flatpickr-current-month input.cur-year:focus {
    outline: 0
}

.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover {
    font-size: 100%;
    color: rgba(0,0,0,.5);
    background: 0 0;
    pointer-events: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    appearance: menulist;
    background: 0 0;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    height: auto;
    line-height: inherit;
    margin: -1px 0 0 0;
    outline: 0;
    padding: 0 0 0 .5ch;
    position: relative;
    vertical-align: initial;
    -webkit-box-sizing: border-box;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    width: auto
}

.flatpickr-current-month .flatpickr-monthDropdown-months:active,.flatpickr-current-month .flatpickr-monthDropdown-months:focus {
    outline: 0
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background: rgba(0,0,0,.05)
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: transparent;
    outline: 0;
    padding: 0
}

.flatpickr-weekdays {
    background: 0 0;
    text-align: center;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    height: 28px
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
    display: flex;
    flex: 1
}

span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: 0 0;
    color: rgba(0,0,0,.54);
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    flex: 1;
    font-weight: bolder
}

.dayContainer,.flatpickr-weeks {
    padding: 1px 0 0 0
}

.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    width: 307.875px
}

.flatpickr-days:focus {
    outline: 0
}

.dayContainer {
    padding: 0;
    outline: 0;
    text-align: left;
    width: 307.875px;
    min-width: 307.875px;
    max-width: 307.875px;
    box-sizing: border-box;
    display: inline-block;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: space-around;
    transform: translate3d(0,0,0);
    opacity: 1
}

.dayContainer+.dayContainer {
    box-shadow: -1px 0 0 #e6e6e6
}

.flatpickr-day {
    background: 0 0;
    border: 1px solid transparent;
    border-radius: 150px;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    position: relative;
    justify-content: center;
    text-align: center
}

.flatpickr-day.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day.nextMonthDay:focus,.flatpickr-day.nextMonthDay:hover,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.today.inRange,.flatpickr-day:focus,.flatpickr-day:hover {
    cursor: pointer;
    outline: 0;
    background: #e6e6e6;
    border-color: #e6e6e6
}

.flatpickr-day.today {
    border-color: #959ea9
}

.flatpickr-day.today:focus,.flatpickr-day.today:hover {
    border-color: #959ea9;
    background: #959ea9;
    color: #fff
}

.flatpickr-day.endRange,.flatpickr-day.endRange.inRange,.flatpickr-day.endRange.nextMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.endRange:focus,.flatpickr-day.endRange:hover,.flatpickr-day.selected,.flatpickr-day.selected.inRange,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange,.flatpickr-day.startRange.inRange,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.startRange:focus,.flatpickr-day.startRange:hover {
    background: #569ff7;
    box-shadow: none;
    color: #fff;
    border-color: #569ff7
}

.flatpickr-day.endRange.startRange,.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange {
    border-radius: 50px 0 0 50px
}

.flatpickr-day.endRange.endRange,.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange {
    border-radius: 0 50px 50px 0
}

.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
    box-shadow: -10px 0 0 #569ff7
}

.flatpickr-day.endRange.startRange.endRange,.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange {
    border-radius: 50px
}

.flatpickr-day.inRange {
    border-radius: 0;
    box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6
}

.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.nextMonthDay,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.prevMonthDay {
    color: rgba(57,57,57,.3);
    background: 0 0;
    border-color: transparent;
    cursor: default
}

.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover {
    cursor: not-allowed;
    color: rgba(57,57,57,.1)
}

.flatpickr-day.week.selected {
    border-radius: 0;
    box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7
}

.flatpickr-day.hidden {
    visibility: hidden
}

.rangeMode .flatpickr-day {
    margin-top: 1px
}

.flatpickr-weekwrapper {
    float: left
}

.flatpickr-weekwrapper .flatpickr-weeks {
    padding: 0 12px;
    box-shadow: 1px 0 0 #e6e6e6
}

.flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%;
    line-height: 28px
}

.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover {
    display: block;
    width: 100%;
    max-width: none;
    color: rgba(57,57,57,.3);
    background: 0 0;
    cursor: default;
    border: none
}

.flatpickr-innerContainer {
    display: block;
    display: flex;
    box-sizing: border-box;
    overflow: hidden
}

.flatpickr-rContainer {
    display: inline-block;
    padding: 0;
    box-sizing: border-box
}

.flatpickr-time {
    text-align: center;
    outline: 0;
    display: block;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    box-sizing: border-box;
    overflow: hidden;
    display: flex
}

.flatpickr-time:after {
    content: "";
    display: table;
    clear: both
}

.flatpickr-time .numInputWrapper {
    flex: 1;
    width: 40%;
    height: 40px;
    float: left
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #393939
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #393939
}

.flatpickr-time.hasSeconds .numInputWrapper {
    width: 26%
}

.flatpickr-time.time24hr .numInputWrapper {
    width: 49%
}

.flatpickr-time input {
    background: 0 0;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    text-align: center;
    margin: 0;
    padding: 0;
    height: inherit;
    line-height: inherit;
    color: #393939;
    font-size: 14px;
    position: relative;
    box-sizing: border-box;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.flatpickr-time input.flatpickr-hour {
    font-weight: 700
}

.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second {
    font-weight: 400
}

.flatpickr-time input:focus {
    outline: 0;
    border: 0
}

.flatpickr-time .flatpickr-am-pm,.flatpickr-time .flatpickr-time-separator {
    height: inherit;
    float: left;
    line-height: inherit;
    color: #393939;
    font-weight: 700;
    width: 2%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    align-self: center
}

.flatpickr-time .flatpickr-am-pm {
    outline: 0;
    width: 18%;
    cursor: pointer;
    text-align: center;
    font-weight: 400
}

.flatpickr-time .flatpickr-am-pm:focus,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time input:hover {
    background: #eee
}

.flatpickr-input[readonly] {
    cursor: pointer
}

@keyframes fpFadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 1;
        transform: translate3d(0,0,0)
    }
}

body.lb-disable-scrolling {
    overflow: hidden
}

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: #000;
    filter: alpha(Opacity=80);
    opacity: .8;
    display: none
}

.lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: 400;
    outline: 0
}

.lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    max-height: none;
    border-radius: 3px;
    border: 4px solid #fff
}

.lightbox a img {
    border: none
}

.lb-outerContainer {
    position: relative;
    *zoom:1;width: 250px;
    height: 250px;
    margin: 0 auto;
    border-radius: 4px;
    background-color: #fff
}

.lb-outerContainer:after {
    content: "";
    display: table;
    clear: both
}

.lb-loader {
    position: absolute;
    top: 43%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0
}

.lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(../../components/_utils/gallerywp/images/loading.gif) no-repeat
}

.lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10
}

.lb-container>.nav {
    left: 0
}

.lb-nav a {
    outline: 0;
    background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)
}

.lb-next,.lb-prev {
    height: 100%;
    cursor: pointer;
    display: block
}

.lb-nav a.lb-prev {
    width: 34%;
    left: 0;
    float: left;
    background: url(../../components/_utils/gallerywp/images/prev.png) left 48% no-repeat;
    filter: alpha(Opacity=0);
    opacity: 0;
    transition: opacity .6s
}

.lb-nav a.lb-prev:hover {
    filter: alpha(Opacity=100);
    opacity: 1
}

.lb-nav a.lb-next {
    width: 64%;
    right: 0;
    float: right;
    background: url(../../components/_utils/gallerywp/images/next.png) right 48% no-repeat;
    filter: alpha(Opacity=0);
    opacity: 0;
    transition: opacity .6s
}

.lb-nav a.lb-next:hover {
    filter: alpha(Opacity=100);
    opacity: 1
}

.lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    *zoom:1;width: 100%;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.lb-dataContainer:after {
    content: "";
    display: table;
    clear: both
}

.lb-data {
    padding: 0 4px;
    color: #ccc
}

.lb-data .lb-details {
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em
}

.lb-data .lb-caption {
    font-size: 13px;
    font-weight: 700;
    line-height: 1em
}

.lb-data .lb-caption a {
    color: #4ae
}

.lb-data .lb-number {
    display: block;
    clear: left;
    padding-bottom: 1em;
    font-size: 12px;
    color: #999
}

.lb-data .lb-close {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    text-align: right;
    outline: 0;
    filter: alpha(Opacity=70);
    opacity: .7;
    transition: opacity .2s
}

.lb-data .lb-close:hover {
    cursor: pointer;
    filter: alpha(Opacity=100);
    opacity: 1
}

.gallery-columns-3 .gallery-item {
    max-width: calc(33.33% - 10px);
    margin-left: 10px;
    margin-right: 10px
}

.search-pagination {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
    width: 100%
}

.search-pagination__list {
    display: flex;
    padding: 10px;
    gap: 10px;
    border: 1px solid #f1f3f9
}

.search-pagination__list a,.search-pagination__list span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 19px;
    height: 21px;
    border-radius: 5px;
    font-family: Inter,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    color: var(--color_primary);
    transition: all ease .3s;
    cursor: pointer;
    border-radius: 5px
}

.search-pagination__list a:hover,.search-pagination__list span:hover {
    background-color: var(--color_secondary);
    color: #fff
}

.search-pagination__list a:hover svg path {
    stroke: #fff
}

.search-pagination__list span {
    color: #fff;
    font-weight: 700;
    background-color: var(--color_primary)
}

.grid-column-with-filters .search-pagination__list i {
    font-size: 1rem
}

.search-pagination>p {
    padding: 10px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    color: var(--color_primary)
}

.post-pagination__filter {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-right: 20px
}

.post-pagination__filter input {
    width: 51px;
    height: 21px;
    border: 1px solid #f1f3f9;
    border-radius: 3px;
    text-align: center
}

.post-pagination__filter button {
    height: 21px;
    width: 21px;
    border-radius: 3px;
    border: none;
    background-color: var(--color_primary);
    color: #fff;
    transition: all ease .3s
}

.post-pagination__filter button:hover {
    background-color: var(--color_secondary)
}

.filters_form__title input {
    padding-left: 10px;
    width: 274px;
    height: 40px;
    border: 1px solid var(--color_secondary);
    border-radius: 4px
}

.filters_form__title button {
    width: 44px;
    height: 40px;
    position: absolute;
    right: 0;
    border-radius: 4px
}

.filters_form select,.filters_form__title button {
    background: 0 0;
    border: 1px solid var(--color_secondary);
    border-radius: 4px
}

.filters_form__title button i {
    font-size: 1.6rem;
    color: var(--color_primary)
}

.filters_form select {
    padding-left: 10px;
    width: 164px
}

.filters_form_btnClean {
    display: flex;
    align-items: center;
    padding: 10px;
    border: 1px solid #d3eff8;
    height: 40px;
    border-radius: 4px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    color: var(--color_primary)
}

.filters_form_btnClean:hover {
    background-color: var(--color_primary);
    border: 1px solid var(--color_primary);
    color: #fff
}

.inputDateGroup {
    position: absolute;
    display: none;
    right: 100px;
    transition: all ease .3s
}

.inputDateGroup.active {
    display: block;
    width: 336px;
    padding: 20px;
    right: 160px;
    top: 41px;
    z-index: 9;
    background-color: #fff;
    box-shadow: rgba(0,0,0,.15) 1.95px 1.95px 2.6px;
    animation: show .5s forwards
}

@keyframes show {
    from {
        opacity: 0;
        transform: translate3d(-30px,0,0)
    }

    to {
        opacity: 1;
        transform: translate3d(0,0,0)
    }
}

.inputDateGroup.active p {
    margin-bottom: 25px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    color: var(--color_primary)
}

.inputDateGroup [class^=btn-date-] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 25px;
    width: 296px;
    height: 48px;
    border: 1px solid #d3eff8;
    border-radius: 4px
}

.inputDateGroup input {
    border: none;
    height: 46px
}

.inputDateGroup input:active,.inputDateGroup input:focus,.inputDateGroup input:focus-visible {
    border: none;
    outline: 0
}

.inputDateGroup input::-moz-placeholder {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 1.4rem;
    color: var(--color_primary)
}

.inputDateGroup input::placeholder {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 1.4rem;
    color: var(--color_primary)
}

#datepicker-end,#datepicker-start {
    display: none
}

#datepicker-end.active,#datepicker-start.active {
    display: block
}

.date-select .buttons a[class^=btn] {
    display: flex;
    justify-content: center;
    align-items: center
}

#filterBetweenDate {
    padding: 10px 15px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #fff;
    background: var(--color_primary);
    border-radius: 4px;
    border: none;
    cursor: pointer
}

#filterBetweenDate:hover {
    background-color: var(--color_secondary);
    transition: all ease .3s
}

.custom_select_filter .select-selected {
    padding-left: 9px;
    width: 164px;
    background: #fff;
    border: 1px solid #d3eff8;
    border-radius: 4px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    color: var(--color_primary)
}

.custom_select_filter .select-selected:after {
    background: url(../../alfa_components/images/arrowSelectFilter.svg) 0 0 no-repeat;
    background-color: transparent;
    background-position: center center;
    border-left: 1px solid #d3eff8;
    width: 44px;
    height: 47px;
    margin: -2px -15px 0;
    border-radius: 4px
}

.custom_select_filter .select-items {
    padding: 0 10px 10px;
    box-shadow: rgba(99,99,99,.2) 0 2px 8px 0
}

.custom_select_filter .select-items div {
    border: none;
    border-bottom: 1px solid #e7e7e7;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 1.4rem;
    color: var(--color_primary)
}

.custom_select_filter:last-of-type .select-items {
    left: initial
}

.custom_select_filter .select-items div:last-of-type {
    margin-bottom: 0;
    border: none
}

.filters_form__title input {
    border: 1px solid #d3eff8
}

.filters_form__title input::-moz-placeholder {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    color: var(--color_primary)
}

.filters_form__title input::placeholder {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    color: var(--color_primary)
}

.filters_form__title input:focus-visible {
    outline: 0
}

.filters_form select,.filters_form__title button {
    cursor: pointer;
    border-color: #d3eff8
}

[data-value=betweendates] {
    display: flex;
    justify-content: space-between
}

.inputDateGroup_btns {
    display: flex;
    justify-content: space-around
}

.inputDateGroup_btns .btn_close {
    padding: 10px 15px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: var(--color_primary);
    border: 1px solid var(--color_primary);
    background-color: #fff;
    border-radius: 4px;
    cursor: pointer;
    transition: all ease .3s
}

.inputDateGroup_btns .btn_close:hover {
    background-color: var(--color_primary);
    color: #fff
}

.inputDateGroup i {
    color: var(--color_primary)
}

.flatpickr-calendar.open {
    right: 2%
}

@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap);.main_single__aside {
    position: relative
}

.main_single__aside h3 {
    position: relative;
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 0 0 16px;
    padding-left: 15px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1;
    text-transform: uppercase;
    color: var(--color_primary)
}

.main_single__aside h3::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -16px;
    width: 5px;
    height: 37px;
    background-color: #f1f3f9
}

.main_single__aside h3::after {
    content: '';
    display: block;
    width: 91px;
    height: 1px;
    background-color: var(--color_primary)
}

.main_single__aside .lineup {
    display: block;
    position: absolute;
    margin-top: 106px;
    left: 41px;
    height: calc(100% - 141px);
    width: 1px;
    background-color: var(--color_primary)
}

.main_single__aside article {
    display: grid;
    grid-template-columns: 86px 233px;
    padding: 22px 15px 0 0;
    background: #f1f3f9;
    border-bottom: 1px solid #d1d8eb
}

.main_single__aside article:last-of-type {
    border-bottom: none
}

.main_single__aside .date {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    height: 100%
}

.main_single__aside .date p {
    padding-left: 5px;
    font-family: Inter,sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 2.6rem;
    line-height: 3.2rem;
    color: var(--color_primary);
    line-height: 1
}

.main_single__aside .date i {
    margin-top: 8px;
    font-size: 1.4rem;
    margin-right: 2px;
    z-index: 4;
    background: var(--color_light)
}

.main_single__aside .date span {
    display: block;
    height: 100%;
    width: 1px;
    background-color: var(--color_primary)
}

.main_single__aside .content h2 {
    margin: 0;
    transition: all ease .3s;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    overflow: hidden;
    margin-right: 32px;
    font-family: Inter,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 17px;
    color: var(--color_primary);
    text-transform: initial
}

.main_single__aside .content img {
    margin: 20px 0;
    width: 190px;
    height: 141px;
    -o-object-fit: cover;
    object-fit: cover
}

.main_single__aside a {
    display: block;
    margin-top: 10px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1.7rem;
    color: var(--color_primary);
    text-transform: uppercase;
    transition: all ease .3s
}

.main_single__aside a:hover {
    color: var(--color_secondary)
}

@media (max-width: 1023px) {
    .main_single__aside {
        /* display:none; */
    }
}

.single_author {
    display: flex;
    align-items: center;
    font-family: 'Open Sans';
    font-style: normal;
    font-size: 1.2rem;
    color: var(--color_primary)
}

.single_author::before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 19px;
    margin-right: 6px;
    background-color: var(--color_primary);
    display: flex;
    align-items: center
}

.single_author strong {
    margin-right: 5px
}

.mobileCategoryName {
    border: 1px solid #f1f3f9;
    padding: 2px 5px;
    margin: 2px
}

.border-top {
    margin-top: -20px
}

.border-top::before {
    content: '';
    display: block;
    width: 95px;
    height: 4px;
    background: var(--color_primary)
}

@import url(https://fonts.googleapis.com/css2?family=Crimson+Text:wght@700&display=swap);.main-content-single {
    border-bottom: 1px solid #d1d8eb;
    padding-bottom: 25px;
    margin-bottom: 35px
}

.main-content-single p {
    margin-bottom: 15px
}

.main-content-single p,.single-intro-desc {
    font-size: 1.4rem;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    color: #586373
}

.main-content-single figure img {
    display: block;
    margin-bottom: 15px;
    width: 100%;
    height: 428px;
    -o-object-fit: cover;
    object-fit: cover
}

.main-content-single p.wp-caption-text {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #7f8993;
    text-align: left
}

.main-content-single .alignright {
    margin: 20px 0 20px 20px
}

.main-content-single .alignleft {
    margin: 20px 20px 20px 0
}

.main-content-single blockquote {
    display: flex
}

.main-content-single blockquote p {
    font-family: 'Crimson Text',serif;
    font-style: italic;
    font-weight: 700;
    font-size: 32px;
    line-height: 43px;
    color: var(--color_primary)
}

.main-content-single blockquote::before {
    content: '';
    display: inline-block;
    margin: 0 30px;
    width: 1px;
    background-color: var(--color_primary)
}

.gallery-item .gallery-icon img {
    display: inline-block;
    height: initial;
    width: initial;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 768px) {
    .main-content-single figure img {
        width:100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .main-content-single p {
        font-size: 1.4rem
    }

    .main-content-single blockquote p {
        font-size: 3.2rem
    }
}

.single_date {
    font-family: 'Open Sans';
    font-style: normal;
    font-size: 1.2rem;
    text-transform: uppercase;
    color: var(--color_primary)
}

.single_date i {
    font-size: 1.2rem;
    color: var(--color_primary)
}

@media (max-width: 768px) {
    .single_title {
        margin: 20px 0;
        font-size: 2.4rem;
        text-align: center;
    }

    .single-intro-desc p {
        font-size: 1.2rem
    }
}

.single-intro-desc {
    display: flex
}

.single-intro-desc {
    margin-top: 15px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1.6rem;
    color: #7f8993;
    max-width: 875px
}

.single_related_news {
    display: grid;
    grid-template-columns: 33% 33% 33%;
    gap: 14px;
    margin-bottom: 60px;
    max-width: 100%;
    width: 100%
}

.single_related_news .new {
    display: flex;
    flex-direction: column
}

.single_related_news .new__img {
    margin: 0 auto;
    width: 318px;
    height: 233px;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-bottom: 5px solid #fed200
}

.single_related_news .title {
    height: 78px
}

.single_related_news h1 {
    margin-top: 15px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 2rem;
    color: var(--color_primary)
}

.single_related_news .date {
    margin-top: auto;
    padding-top: 17px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 1.2rem;
    text-transform: uppercase;
    color: #7f8993
}

.js-releted-news {
    margin: 0 auto
}

.js-releted-news .slick-slide {
    padding: 0 10px
}

.js-releted-news .slick-dots li button {
    text-indent: -9999px;
    background-color: var(--color_alternate);
    border-radius: 50%;
    width: 8px;
    height: 8px
}

.js-releted-news .slick-dots {
    bottom: -35px
}

.ontop_icon-arrow-left-bold-single.slick-arrow,.ontop_icon-arrow-right-bold-single.slick-arrow {
    position: absolute;
    top: 45%;
    color: var(--color_primary);
    font-size: 3rem;
    font-weight: 700;
    z-index: 3
}

.ontop_icon-arrow-right-bold-single.slick-arrow {
    right: -5%
}

.ontop_icon-arrow-left-bold-single.slick-arrow {
    left: -5%
}

@media (max-width: 374px) {
    .single_related_news__title {
        font-size:1.8rem
    }
}

@media (max-width: 768px) {
    .related_news_section {
        padding:5px 20px 20px;
        margin: 20px;
        border: 1px solid #f1f3f9
    }

    .related_news_section .container {
        margin-top: 0;
        margin-bottom: 0
    }

    .single_related_news__title {
        text-align: center;
        font-size: 2rem;
        margin-bottom: 20px
    }

    .single_related_news h1 {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        font-size: 1.4rem
    }

    .related_news_section .slick-dots .slick-active button {
        background-color: var(--color_secondary)
    }

    .single_related_news .ontop_icon-arrow-left-bold-single.slick-arrow,.single_related_news .ontop_icon-arrow-right-bold-single.slick-arrow {
        top: 30%
    }

    .single_related_news i.ontop_icon-arrow-right-bold-single.slick-arrow {
        right: -5%
    }

    .single_related_news i.ontop_icon-arrow-left-bold-single.slick-arrow {
        left: -5%
    }

    .single_related_news {
        display: block
    }
}

.single_related_news {
    display: grid;
    grid-template-columns: 33% 33% 33%;
    gap: 14px;
    margin-bottom: 60px;
    max-width: 100%;
    width: 100%
}

.single_related_news .new {
    display: flex;
    flex-direction: column
}

.single_related_news .new__img {
    margin: 0 auto;
    width: 318px;
    height: 233px;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-bottom: 5px solid #fed200
}

.single_related_news .title {
    height: 78px
}

.single_related_news h1 {
    margin-top: 15px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 2rem;
    color: var(--color_primary)
}

.single_related_news .date {
    margin-top: auto;
    padding-top: 17px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 1.2rem;
    text-transform: uppercase;
    color: #7f8993
}

.js-releted-news {
    margin: 0 auto
}

.js-releted-news .slick-slide {
    padding: 0 10px
}

.js-releted-news .slick-dots li button {
    text-indent: -9999px;
    background-color: var(--color_alternate);
    border-radius: 50%;
    width: 8px;
    height: 8px
}

.js-releted-news .slick-dots {
    bottom: -35px
}

.ontop_icon-arrow-left-bold-single.slick-arrow,.ontop_icon-arrow-right-bold-single.slick-arrow {
    position: absolute;
    top: 45%;
    color: var(--color_primary);
    font-size: 3rem;
    font-weight: 700;
    z-index: 3
}

.ontop_icon-arrow-right-bold-single.slick-arrow {
    right: -5%
}

.ontop_icon-arrow-left-bold-single.slick-arrow {
    left: -5%
}

@media (max-width: 374px) {
    .single_related_news__title {
        font-size:1.8rem
    }
}

@media (max-width: 768px) {
    .related_news_section {
        padding:5px 20px 20px;
        margin: 20px;
        border: 1px solid #f1f3f9
    }

    .related_news_section .container {
        margin-top: 0;
        margin-bottom: 0
    }

    .single_related_news__title {
        text-align: center;
        font-size: 2rem;
        margin-bottom: 20px
    }

    .single_related_news h1 {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        font-size: 1.4rem
    }

    .related_news_section .slick-dots .slick-active button {
        background-color: var(--color_secondary)
    }

    .single_related_news .ontop_icon-arrow-left-bold-single.slick-arrow,.single_related_news .ontop_icon-arrow-right-bold-single.slick-arrow {
        top: 30%
    }

    .single_related_news i.ontop_icon-arrow-right-bold-single.slick-arrow {
        right: -5%
    }

    .single_related_news i.ontop_icon-arrow-left-bold-single.slick-arrow {
        left: -5%
    }

    .single_related_news {
        display: block
    }
}

.containerNewspaper-social {
    margin-bottom: 15px
}

.social_cat {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 15px;
    width: 100%;
    border-bottom: 1px solid #d1d8eb;
}

.social_cat ul {
    display: flex;
    gap: 10px;
    align-items: center;
    margin: 0 auto;
}

.social_cat span {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 1.6rem;
    color: var(--color_primary)
}

.social_cat .tab_categorieSect span {
    border: 1px solid #f1f3f9;
    padding: 2px 5px;
    margin: 2px
}

.social_cat li {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    width: 32px;
    height: 32px;
    background: #f1f3f9;
    transition: .3s ease-in-out;
    cursor: pointer
}

.social_cat li:hover {
    background-color: var(--color_primary)
}

.social_cat li:hover i {
    color: #fff
}

.social_cat i {
    color: var(--color_primary)
}

.single_secretary,.social_cat p {
    padding: 5px 10px;
    border-radius: 2px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    color: var(--color_primary);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: end
}

.single_secretary {
    display: none
}

#copyUrl {
    position: relative;
    transition-duration: .4s;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer
}

#copyUrl:after {
    content: "";
    background: var(--color_primary);
    display: block;
    position: absolute;
    padding-top: 300%;
    padding-left: 350%;
    margin-left: -20px!important;
    margin-top: -120%;
    opacity: 0;
    transition: all .8s
}

#copyUrl:active:after {
    padding: 0;
    margin: 0;
    opacity: 1;
    transition: 0s
}

@media (max-width: 768px) {
    .social_cat p {
        display:none
    }

    .single_secretary {
        display: inline-block;
        margin-bottom: 15px
    }

    .social_cat span {
        font-size: 1.4rem
    }

    .social_cat {
        justify-content: flex-end
    }
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #000
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity .3s
}

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

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1
}

.single_title {
    display: block;
    margin-top: 8px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 4rem;
    line-height: 4.5rem;
    color: var(--color_primary)
}

.services-letter__home__card {
    padding: 20px;
    background-color: var(--color_primary);
    border-radius: 5px
}

.services-letter__home__card__title {
    position: relative;
    display: flex;
    margin-left: 10px;
    margin-bottom: 20px;
    font-family: 'Open Sans'!important;
    color: #fff;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.services-letter__home__card__title::before {
    position: absolute;
    left: -10px;
    content: '';
    display: inline-block;
    margin-right: 10px;
    width: 4px;
    height: 100%;
    background-color: var(--color-alternate_orange)
}

.services-letter__home__card__desc {
    margin-bottom: 20px;
    font-family: 'Open Sans'!important;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: normal;
    color: #fff
}

.services-letter__home__card__list__item i {
    color: #A7CF45;
    font-size: 1.5rem
}

.services-letter__home__card__list__item span {
    display: inline-block;
    width: 1px;
    background-color: #A7CF45
}

.services-letter__home__card__list {
    margin-bottom: 25px;
    padding-bottom: 10px;
    border-bottom: 1px solid #1b4024
}

.services-letter__home__card__list__item {
    display: flex;
    gap: 10px;
    margin-left: 0;
    margin-bottom: 0;
    padding: 10px;
    margin-bottom: 15px;
    background: #005846;
    border-radius: 2.82px 16.89px 2.82px 2.82px
}

.services-letter__home__card__list__item p {
    margin-bottom: 0;
    font-family: 'Open Sans'!important;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: normal;
    color: var(--gray-50,#edf0f8);
    letter-spacing: -.26px
}

.services-letter__home__card__list__item a {
    font-weight: 700;
    color: #f5d139;
    text-decoration: underline;
    transition: all ease .3s
}

.services-letter__home__card__list__item a:hover {
    color: #1da1f2
}

.services-letter__home__card__list__call {
    display: flex;
    gap: 10px;
    margin-bottom: 25px;
    font-family: 'Open Sans'!important;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: normal;
    color: #fff;
    letter-spacing: -.26px;
    align-items: center
}

.services-letter__home__card__list__call i {
    color: #ffce00
}

.services-letter__home__card__list__note {
    margin-bottom: 0;
    font-family: 'Open Sans'!important;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: normal;
    color: #fff;
    letter-spacing: -.22px
}

@media (min-width: 768px) {
    .services-letter__home .container {
        display:grid;
        grid-template-columns: 25% 75%;
        grid-gap: 40px
    }

    .services-letter__home__card {
        background-image: url(../../alfa_components/images/bg-cs-home-welcome.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: top right
    }

    .services-letter__home__card__title {
        line-height: 1.2;
        font-size: 32px
    }

    .services-letter__home__card .box {
        max-width: 525px
    }
}

.services-letter__title__logo {
    display: flex;
    gap: 10px
}

.servicesLetterCard {
    padding: 20px;
    margin-bottom: 10px;
    background-color: #f5f5f5;
    border-radius: 4px
}

.servicesLetterCard__header {
    border-bottom: 1px solid #dbdbdb
}

.servicesLetterCard__header h2 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 0;
    font-family: Roboto!important;
    font-style: normal;
    font-weight: 700;
    font-size: 2.2rem;
    color: #394053
}

.servicesLetterCard__header h2 i {
    color: var(--color_alternate)
}

.servicesLetterCard__header {
    display: flex;
    flex-direction: column-reverse
}

.servicesLetterCard__tags {
    margin-bottom: 10px;
    align-self: end
}

.servicesLetterCard__tags span {
    width: -moz-max-content;
    width: max-content;
    padding: 5px;
    background: #308344;
    border-radius: 2px;
    font-family: Roboto!important;
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    color: #fff
}

.servicesLetterCard__header h2 {
    padding-bottom: 0;
    margin-bottom: 15px;
    font-family: Roboto!important;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    font-size: 2rem;
    color: var(--color_alternate)
}

.servicesLetterCard__desc p {
    margin-top: 15px;
    margin-bottom: 15px;
    font-family: Roboto!important;
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    color: #6f6f6f;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical
}

.servicesLetterCard>a {
    font-family: Roboto!important;
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: var(--color_primary);
    transition: all ease .3s
}

.servicesLetterCard>a:hover {
    color: var(--color_light)
}

@media (min-width: 768px) {
    .servicesLetterCard__header {
        flex-direction:row;
        justify-content: space-between
    }

    .servicesLetterCard__tags {
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-start;
        gap: 12px;
        align-self: initial
    }

    .servicesLetterCard__desc p {
        max-width: 830px
    }
}

.service-letter__search.contrast.active .service-letter__search__form {
    border: 10px solid #000;
    border: 1px solid #fff
}

.service-letter__search.contrast.active .service-letter__search__form button {
    background-color: #000
}

.services-letter__content.contrast.active .services-letter__home__card,.services-letter__content.contrast.active .services-letter__home__card__list__item {
    background-color: #000;
    border: 1px solid #fff
}

.services-letter__content.contrast.active .services-letter__home__card__list__item span,.services-letter__content.contrast.active .services-letter__home__card__title::before,.services-letter__content.contrast.active .servicesLetter__searchResult .showing h3::before {
    background-color: #fff
}

.services-letter__content.contrast.active .servicesLetterCard,.services-letter__content.contrast.active .servicesLetterCard__tags span,.services-letter__tabs.contrast.active #ctaServicos a,.services-letter__tabs.contrast.active #navOptions .navOptions__tab a,.servicesLetterPagination.contrast.active a,.servicesLetterPagination.contrast.active span,.servicesLetterRelated.contrast.active h3,.servicesLetterRelated.contrast.active ul,.servicesLetter__details.contrast.active .btnCall,.servicesLetter__details.contrast.active .content,.servicesLetter__details.contrast.active header {
    background-color: #000;
    border: 1px solid #fff;
    color: #fff
}

.serviceLetterBtnBack.contrast.active button,.serviceLetterBtnBack.contrast.active i,.services-letter__content.contrast.active .servicesLetterCard>a,.services-letter__content.contrast.active .servicesLetterCard__desc p,.services-letter__content.contrast.active .servicesLetterCard__header h2,.services-letter__content.contrast.active .servicesLetter__searchResult .desc p,.services-letter__content.contrast.active .servicesLetter__searchResult .showing h3,.services-letter__content.contrast.active .servicesLetter__searchResult .showing p,.services-letter__content.contrast.active i,.services-letter__tabs.contrast.active #ctaServicos a:hover,.servicesLetter__details.contrast.active .btnCall a,.servicesLetter__details.contrast.active .btnCall p,.servicesLetter__details.contrast.active .content .intro p,.servicesLetter__details.contrast.active .content .item h3,.servicesLetter__details.contrast.active .content .item p,.servicesLetter__details.contrast.active .info li {
    color: #fff
}

.services-letter__tabs.contrast.active #ctaServicos,.services-letter__tabs.contrast.active #navOptions .navOptions__container ul,.services-letter__tabs.contrast.active #navOptions .navOptions__container ul li {
    background-color: #000
}

.services-letter__tabs.contrast.active #navOptions .navOptions__container ul {
    border: 1px solid #fff
}

.services-letter__tabs.contrast.active #navOptions .navOptions__container ul li a,.servicesLetterRelated.contrast.active ul li a {
    color: #fff;
    text-decoration: underline;
    transition: all ease .3s
}

.services-letter__tabs.contrast.active #navOptions .navOptions__container ul li a:hover {
    background-color: #000
}

.services-letter__tabs.contrast.active #navOptions .navOptions__container ul li.navOptions__activeMenu a {
    background-color: #000;
    font-weight: 600;
    border-left: 2px solid #fff333
}

.serviceLetterBtnBack.contrast.active button:hover .serviceLetterBtnBack.contrast.active button:hover i,.services-letter__content.contrast.active .services-letter__home__card__list__item a,.services-letter__content.contrast.active .servicesLetterCard>a:hover,.services-letter__tabs.contrast.active #ctaServicos a:hover,.services-letter__tabs.contrast.active #navOptions .navOptions__container ul li a:hover,.services-letter__tabs.contrast.active #navOptions .navOptions__tab a.active,.servicesLetterPagination.contrast.active a:hover,.servicesLetterPagination.contrast.active span:hover,.servicesLetterRelated.contrast.active ul li a:hover,.servicesLetter__details.contrast.active .btnCall a:hover,.servicesLetter__details.contrast.active .btnCall i,.servicesLetter__details.contrast.active .content .item a {
    color: #fff333
}

@media (min-width: 768px) {
    .service-letter__search.contrast.active .service-letter__search__form {
        border:20px solid #000;
        border: 1px solid #fff
    }
}

#modCartaServico {
    display: grid;
    grid-template-columns: 100%;
    grid-template-areas: "serviceLetterSearch" "servicesLetterTab" "servicesLetterContent" "servicesLetterRelated"
}

.services-letter__tabs {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 20px 0 20px 0;
    grid-area: servicesLetterTab;
    height: -moz-max-content;
    height: max-content
}

.services-letter__tabs #navOptions {
    max-width: 360px;
    margin: 0 auto
}

.services-letter__content {
    margin-bottom: 20px;
    grid-area: servicesLetterContent;
    height: -moz-max-content;
    height: max-content
}

.servicesLetterRelated {
    grid-area: servicesLetterRelated;
    height: -moz-max-content;
    height: max-content
}

.servicesLetter__details {
    grid-area: servicesLetterContent;
    margin: 0 0 60px
}

@media (min-width: 768px) {
    #modCartaServico {
        display:grid;
        grid-template-columns: 285px auto;
        grid-template-areas: "servicesLetterTab servicesLetterContent" "servicesLetterRelated servicesLetterContent"
    }

    .services-letter__tabs {
        margin: 0 0 60px 0;
        padding: 0
    }

    .servicesLetter__details {
        margin: 0
    }

    .services-letter__content {
        padding-left: 40px
    }
}

@keyframes show {
    from {
        transform: translate3d(0,-50px,0)
    }

    to {
        transform: translate3d(0,0,0)
    }
}

#servicesLetterModal {
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.5);
    z-index: 999999;
    opacity: 0
}

#servicesLetterModal.show {
    display: flex;
    transform: rotate3d(0,0,0);
    opacity: 1;
    transition: opacity ease .3s
}

.servicesLetterModalBox {
    position: relative;
    padding: 20px;
    max-width: 336px;
    background-color: #fff;
    animation: show .5s forwards
}

.servicesLetterModalBox>i {
    display: flex;
    align-items: center;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 24px;
    font-weight: 700;
    color: var(--color_primary);
    cursor: pointer;
    transition: all ease .3s
}

.servicesLetterModalBox>i:hover {
    color: var(--color_light)
}

.servicesLetterModalBox h2 {
    margin-bottom: 20px;
    font-family: Roboto!important;
    font-style: normal;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 2.1rem;
    color: #1b4024;
    text-align: center
}

.servicesLetterModalBox li {
    margin-bottom: 20px;
    margin-left: 0
}

.servicesLetterModalBox li a {
    font-family: Roboto!important;
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.6rem;
    color: var(--color_alternate)
}

.servicesLetterModalBox li p {
    display: grid;
    grid-template-columns: 10% auto;
    margin-bottom: 20px
}

.servicesLetterModalBox li span {
    display: inline-block;
    margin-right: 10px;
    font-family: Roboto!important;
    font-style: normal;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.9rem;
    text-align: center;
    color: #fff;
    width: 19px;
    height: 19px;
    background: var(--color_primary);
    border-radius: 50px
}

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

.servicesLetterModalBox__form input {
    padding: 10px;
    width: 80%;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #6f6f6f;
    border-radius: 4px 0 0 4px;
    cursor: default
}

.servicesLetterModalBox__form input::-moz-placeholder {
    font-family: Roboto!important;
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.6rem;
    color: #6f6f6f
}

.servicesLetterModalBox__form input::placeholder {
    font-family: Roboto!important;
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.6rem;
    color: #6f6f6f
}

.servicesLetterModalBox__form button {
    padding: 10px;
    width: 20%;
    background: var(--color_primary);
    border-radius: 0 4px 4px 0;
    border: none;
    cursor: default
}

.servicesLetterModalBox__form button i {
    color: #fff
}

.servicesLetterModalBox__form button span {
    display: none
}

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

.servicesLetterModalBox__tabs .tabExemple {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 36px;
    font-family: Roboto!important;
    font-style: normal;
    font-size: 1.4rem
}

.servicesLetterModalBox__tabs .tabExemple:first-of-type {
    font-weight: 700;
    color: var(--color_primary);
    background: #f5f5f5;
    border-radius: 4px 0 0 0
}

.servicesLetterModalBox__tabs .tabExemple:last-of-type {
    font-weight: 400;
    color: var(--color_alternate);
    background: #dbdbdb;
    border-radius: 0 4px 0 0
}

.servicesLetterModalBox__call {
    display: flex;
    justify-content: center
}

div.servicesLetterModalBox__call a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    width: 245px;
    height: 36px;
    background: var(--color_primary);
    border-radius: 4px;
    cursor: default;
    font-family: Roboto!important;
    font-style: normal;
    font-weight: 700;
    font-size: 1.4rem;
    color: #fff;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .servicesLetterModalBox {
        min-width:723px
    }

    .servicesLetterModalBox li p {
        display: flex
    }

    .servicesLetterModalBox__form button {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px
    }

    .servicesLetterModalBox__form button span {
        display: block;
        width: initial;
        margin-right: 0
    }

    .servicesLetterModalBox__tabs {
        display: flex;
        justify-content: center
    }

    .servicesLetterModalBox__tabs .tabExemple:first-of-type,.servicesLetterModalBox__tabs .tabExemple:last-of-type {
        width: 142px
    }
}

.servicesLetter__notFound {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 10px;
    background: #f5f5f5;
    border-radius: 4px
}

.servicesLetter__notFound i {
    margin-bottom: 20px;
    font-size: 5rem;
    color: #939995
}

.servicesLetter__notFound h2 {
    padding: 0;
    margin-top: 0;
    margin-bottom: 20px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 2.2rem;
    text-align: center;
    color: #394053;
    line-height: 1
}

.servicesLetter__notFound p {
    margin-bottom: 5px;
    font-family: Roboto!important;
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1;
    color: #6f6f6f
}

.servicesLetter__notFound p span {
    font-weight: 700
}

@media (min-width: 768px) {
    .servicesLetter__notFound {
        padding:50px 10px
    }

    .servicesLetter__notFound h2 {
        font-size: 3.6rem
    }
}

.servicesLetterPagination__list {
    display: flex;
    justify-content: center;
    gap: 5px;
    margin-top: 15px
}

.servicesLetterPagination__list a,.servicesLetterPagination__list span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px
}

.servicesLetterPagination__list span {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-size: 1.4rem;
    color: #fff;
    background: var(--color_primary);
    border-radius: 2px
}

.servicesLetterPagination__list .page-numbers.dots,.servicesLetterPagination__list a {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    color: var(--color_alternate)
}

.servicesLetterPagination__list .page-numbers.dots {
    background: 0 0
}

.servicesLetterPagination__list .next.page-numbers,.servicesLetterPagination__list .prev.page-numbers {
    color: var(--color_primary)
}

.servicesLetterPagination__list i {
    color: var(--color_primary)
}

.service-letter__search__form {
    display: flex;
    justify-content: space-between;
    border-radius: 4px;
    border: 10px solid #dbdbdb
}

.service-letter__search__form input {
    width: 83%;
    padding: 10px;
    border: none;
    border-radius: 4px 0 0 4px
}

.service-letter__search__form input::-moz-placeholder {
    font-family: Roboto!important;
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.6rem;
    color: #6f6f6f
}

.service-letter__search__form input::placeholder {
    font-family: Roboto!important;
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.6rem;
    color: #6f6f6f
}

.service-letter__search__form button {
    width: 17%;
    padding: 10px 15px;
    background-color: var(--color_primary);
    border-radius: 0 4px 4px 0;
    border: none;
    transition: all ease .3s
}

.service-letter__search__form button:hover {
    background-color: var(--color_light)
}

.service-letter__search__form button i {
    color: #fff;
    font-size: 1.2rem
}

.service-letter__search__form button span {
    display: none
}

@media (min-width: 768px) {
    .service-letter__search__form {
        margin-bottom:40px;
        border: 20px solid #dbdbdb
    }

    .service-letter__search__form input {
        width: 90%
    }

    .service-letter__search__form button {
        display: flex;
        align-items: center;
        gap: 10px;
        width: 102px
    }

    .service-letter__search__form button span {
        display: block;
        font-family: Roboto!important;
        font-style: normal;
        font-weight: 400;
        font-size: 1.6rem;
        color: #fff
    }

    .services-letter__home .container {
        display: grid;
        grid-template-columns: 25% 75%;
        gap: 40px
    }
}

.servicesLetter__searchResult .desc p {
    margin: 0 0 15px;
    font-family: Roboto!important;
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    color: var(--color_alternate)
}

.servicesLetter__searchResult .showing h3 {
    display: flex;
    align-items: center;
    margin: 0 0 15px;
    font-family: 'Open Sans'!important;
    font-style: normal;
    font-weight: 700;
    font-size: 2rem;
    color: var(--color_primary)
}

.servicesLetter__searchResult .showing h3::before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    width: 4px;
    height: 27px;
    background-color: var(--color-alternate_orange)
}

.servicesLetter__searchResult .showing p {
    font-family: Roboto!important;
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    color: var(--color_alternate)
}

.servicesLetter__searchResult .showing .dnone {
    display: none
}

@media (min-width: 768px) {
    .servicesLetter__searchResult .showing {
        display:flex;
        justify-content: space-between;
        align-items: flex-end
    }

    .servicesLetter__searchResult .showing h3 {
        margin-bottom: 20px
    }
}

.servicesLetter__details header {
    margin: 0;
    padding: 10px;
    background: var(--color_primary);
    border-radius: 4px 4px 0 0
}

.servicesLetter__details header h2 {
    margin: 0;
    font-family: Roboto!important;
    font-style: normal;
    font-weight: 700;
    font-size: 1.8rem;
    text-align: center;
    color: #fff;
    line-height: 1.2
}

.servicesLetter__details .content {
    padding: 20px;
    background: #f5f5f5;
    border-radius: 4px
}

.servicesLetter__details .content .intro p {
    margin: 0 0 40px;
    font-family: Roboto!important;
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.2;
    text-align: center;
    color: var(--color_alternate)
}

.servicesLetter__details .content .item {
    display: flex
}

.servicesLetter__details .content .item a {
    color: #1da1f2;
    text-decoration: underline
}

.servicesLetter__details .icon i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 47px;
    font-size: 1.6rem;
    color: #939995;
    border-radius: 50%;
    background-color: #fff
}

.servicesLetter__details .info {
    padding: 0 0 40px 10px
}

.servicesLetter__details .info h3 {
    margin: 0 0 10px;
    font-family: Roboto!important;
    font-style: normal;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.2;
    color: var(--color_alternate)
}

.servicesLetter__details .info li,.servicesLetter__details .info p {
    margin-bottom: 0;
    font-family: Roboto!important;
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.2;
    color: #6f6f6f
}

.servicesLetter__details .info ol,.servicesLetter__details .info ul {
    margin-left: 14px;
    margin-bottom: 0
}

.servicesLetter__details .btnCall {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px;
    background: #fff;
    border-radius: 4px
}

.servicesLetter__details .btnCall i {
    color: #ffce00
}

.servicesLetter__details .btnCall p {
    font-weight: 400
}

.servicesLetter__details .btnCall a {
    font-weight: 700
}

.servicesLetter__details .btnCall a,.servicesLetter__details .btnCall p {
    margin: 0;
    font-family: Roboto!important;
    font-style: normal;
    font-size: 1.4rem;
    color: var(--color_primary);
    transition: all ease .3s
}

.servicesLetter__details .btnCall a:hover {
    color: var(--colo_light);
    text-decoration: underline
}

.servicesLetter__details .btnCall a span {
    text-decoration: underline;
    font-weight: 700
}

@media (min-width: 768px) {
    .servicesLetter__details {
        margin:0;
        margin-left: 40px
    }
}

#pageTitle.pageTitleCS h2 {
    font-size: 3.6rem
}

.serviceLetterBtnBack {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px
}

.serviceLetterBtnBack button {
    background: 0 0;
    border: none;
    font-family: Roboto!important;
    font-style: normal;
    font-weight: 400;
    font-size: 1.6rem;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: var(--color_primary)
}

.serviceLetterBtnBack button:hover {
    color: var(--color_light)
}

.serviceLetterBtnBack i {
    color: var(--color_primary)
}

#modCartaServico.modCartaServicoSingle {
    margin-bottom: 20px
}

.servicesLetterRelated {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 auto
}

.servicesLetterRelated h3 {
    margin: 0;
    padding: 10px;
    font-family: Roboto!important;
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem;
    text-align: center;
    color: #fff;
    background: var(--color_alternate);
    border-radius: 4px 4px 0 0;
    line-height: 1
}

.servicesLetterRelated ul {
    background: #f5f5f5;
    border-radius: 0 0 4px 4px
}

.servicesLetterRelated ul {
    padding: 20px
}

.servicesLetterRelated ul li {
    margin: 0 0 20px
}

.servicesLetterRelated ul li a {
    display: -webkit-box;
    max-width: 100%;
    font-family: Roboto!important;
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.2;
    color: var(--color_alternate);
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all ease .3s
}

.servicesLetterRelated ul li a:hover {
    text-decoration: underline
}

.servicesLetterRelated ul li:last-of-type {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .servicesLetterRelated {
        margin:0;
        max-width: initial
    }
}

#cartaServicoMenu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    max-width: 285px;
    background-color: #f5f5f5;
    border-radius: 5px;
    padding: 10px;
    overflow: hidden;
    margin: 25px auto
}

@media screen and (min-width: 800px) {
    #cartaServicoMenu {
        padding:0;
        border-radius: 0 0 5px 5px
    }
}

#navOptions {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #f5f5f5;
    max-width: 300px;
    width: 100%;
    padding: 0;
    margin: 0
}

#navOptions .navOptions__tab {
    width: 100%
}

#navOptions .navOptions__tab span {
    display: inline-block;
    margin-right: 5px
}

#navOptions .navOptions__tab .mobileActiveInTab {
    color: var(--color_primary)
}

#navOptions .navOptions__tab a,#navOptions .navOptions__tab span {
    font-family: Roboto!important;
    font-style: normal;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.6rem;
    color: var(--color_alternate)
}

#navOptions .navOptions__tab a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 10px 10px;
    cursor: pointer;
    position: relative;
    font-size: 14px;
    font-weight: 500
}

#navOptions .navOptions__tab:nth-of-type(2) {
    border-top: 1px solid #dbdbdb
}

#navOptions .navOptions__tab a i {
    position: absolute;
    right: 15px;
    top: 9px;
    font-size: 16px;
    transform: rotate(90deg);
    transition: all .3s ease
}

#navOptions .navOptions__tab a.active {
    color: var(--color_primary)
}

#navOptions .navOptions__tab a.active i {
    transform: rotate(-89deg);
    transition: all .3s ease
}

#navOptions .navOptions__container {
    width: 100%
}

#navOptions .navOptions__container ul {
    display: flex;
    flex-direction: column;
    max-height: 160px;
    overflow-y: scroll;
    margin: 0;
    padding: 5px 0
}

#navOptions .navOptions__container ul li {
    display: flex;
    order: 1;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0 5px 0 0
}

#navOptions .navOptions__container ul li a {
    display: flex;
    width: calc(100% - 8px);
    padding: 8px;
    font-size: 14px;
    font-weight: 400;
    color: var(--color_alternate);
    font-weight: 500;
    text-decoration: none;
    transition: all .3s ease;
    font-family: Heebo,sans-serif
}

#navOptions .navOptions__container ul li.navOptions__activeMenu {
    order: 0
}

#navOptions .navOptions__container ul li.navOptions__activeMenu a {
    background-color: #dbdbdb;
    color: var(--color_primary);
    font-weight: 600;
    border-left: 2px solid #f5d139;
    transition: all .3s ease
}

#navOptions .navOptions__container ul li a:hover {
    background-color: #dbdbdb;
    transition: all .3s ease
}

#navOptions .navOptions__tab:nth-of-type(1) {
    order: 1
}

#navOptions .navOptions__tab:nth-of-type(2) {
    order: 3
}

#navOptions .navOptions__container:nth-of-type(1) {
    order: 2
}

#navOptions .navOptions__container:nth-of-type(2) {
    order: 4
}

@media screen and (min-width: 768px) {
    #navOptions {
        padding:0
    }

    #navOptions .navOptions__tab {
        width: 50%;
        border-bottom: 2px solid silver
    }

    #navOptions .navOptions__tab span {
        display: none
    }

    #navOptions .navOptions__tab a {
        justify-content: center;
        background-color: #dbdbdb;
        font-weight: 400;
        transition: all .3s ease
    }

    #navOptions .navOptions__tab a:hover {
        background-color: #f5f5f5;
        transition: all .3s ease
    }

    #navOptions .navOptions__tab a.active {
        background-color: #f5f5f5;
        color: var(--color_primary);
        font-weight: 700
    }

    #navOptions .navOptions__tab a i {
        display: none
    }

    #navOptions .navOptions__tab:nth-of-type(2) {
        border-top: 0
    }

    #navOptions .navOptions__tab:nth-of-type(1),#navOptions .navOptions__tab:nth-of-type(2) {
        order: 1
    }

    #navOptions .navOptions__container:nth-of-type(1),#navOptions .navOptions__container:nth-of-type(2) {
        order: 2
    }

    #navOptions .navOptions__container ul {
        display: flex;
        flex-direction: column;
        max-height: -moz-max-content;
        max-height: max-content;
        height: 640px;
        overflow-y: auto
    }

    #navOptions .navOptions__container ul::-webkit-scrollbar {
        width: 10px;
        padding: 5px;
        width: 10px
    }

    #navOptions .navOptions__container ul::-webkit-scrollbar-track {
        background: 0 0
    }

    #navOptions .navOptions__container ul::-webkit-scrollbar-thumb {
        background: silver;
        border-radius: 10px;
        width: 2px
    }

    #navOptions .navOptions__container ul::-webkit-scrollbar-thumb:hover {
        background: silver;
        cursor: pointer
    }

    #navOptions .navOptions__container ul::-webkit-scrollbar-button {
        background-color: transparent;
        height: 2px
    }

    #navOptions .navOptions__container ul li {
        padding: 0
    }

    #navOptions .navOptions__container ul li a {
        width: 100%;
        font-weight: 400
    }
}

#ctaServicos {
    display: none
}

@media screen and (min-width: 800px) {
    #ctaServicos {
        display:flex;
        justify-content: center;
        margin: 0;
        width: 100%;
        padding: 15px 0 20px 0;
        background-color: #f5f5f5
    }
}

@media screen and (min-width: 768px) {
.news-right {
    width: calc(100% - 510px);
    float: right;

}

#ctaServicos a {
    display: flex;
    width: 245px;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    background-color: var(--color_primary);
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    border: 0;
    border-radius: 5px;
    transition: all .3s ease;
    font-family: Heebo,sans-serif
}

#ctaServicos a:hover {
    background-color: var(--color_light);
    transition: all .3s ease;
    cursor: pointer
}

@media (min-width: 768px) {
    #navOptions {
        max-width:initial;
        width: 100%
    }
}