/*BEGIN RESETS*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1.8;}
ol, ul, li {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse; border-spacing: 0;}
a:link, a:visited {text-decoration: none}
html {overflow-y: scroll; scroll-behavior: smooth;}
* {box-sizing: border-box}
main {min-height: 100vh;}
/*END RESETS*/

/*BEGIN VARIAVEIS*/
:root {
    --black-ligth: #1E1E1E;
    --black-input: #757575;
    --grey-ligth: #F1F1F1;
    --grey: #E9E9E9;
    --grey-dark: #8D8D8D;
    --grey-hover-doc: #cfcfcf;
    --grey-doc: #fafafa;
    --blue-ligth: #0DA7DB;
    --blue: #275863;
    --blue-dark: #1561AC;
    --green: #AECF6F;
    --green-dark: #73BF43;
    --orange: #F0A334;
    --color-pdf: #D60003;
    --color-word: #004689;
    --color-excel: #2D7930;
    --color-png: #ff8bff;
}
/*END VARIAVEIS*/

/*BEGIN COLORS*/
.color-pdf {color: var(--color-pdf)}
.color-word {color: var(--color-word)}
.color-excel {color: var(--color-excel)}
.color-png {color: var(--color-png)}
.text-white {color: white !important}
.black-ligth {color: var(--black-ligth)}
.black-input {color: var(--black-input)}
.grey-ligth {color: var(--grey-ligth)}
.grey {color: var(--grey)}
.grey-hover-doc {color: var(--grey-hover-doc)}
.grey-dark {color: var(--grey-dark)}
.blue-ligth {color: var(--blue-ligth)}
.blue {color: var(--blue)}
.blue-dark {color: var(--blue-dark)}
.green {color: var(--green)}
.green-dark {color: var(--green-dark)}
.orange {color: var(--orange)}
.bg-text-white {background-color: white}
.bg-black-ligth {background-color: var(--black-ligth)}
.bg-grey-ligth {background-color: var(--grey-ligth)}
.bg-grey {background-color: var(--grey)}
.bg-grey-doc {background-color: var(--grey-doc)}
.bg-grey-hover-doc {background-color: var(--grey-hover-doc)}
.bg-grey-dark {background-color: var(--grey-dark)}
.bg-blue-ligth {background-color: var(--blue-ligth)}
.bg-blue {background-color: var(--blue)}
.bg-blue-dark {background-color: var(--blue-dark)}
.bg-green {background-color: var(--green)}
.bg-green-dark {background-color: var(--green-dark)}
.bg-orange {background-color: var(--orange)}
/*END COLORS*/

/*BEGIN CONTAINER*/
.container, .home-arrows, .container-trans {padding: 0 15px;margin: 0 auto}
.container-left, .container-left-cbh-affluents {padding-left: 15px;margin-left: auto;}
.container-right, .container-rigth-cbh-affluents {padding-right: 15px;margin-right: auto;}
/*END CONTAINER*/

/*BEGIN MEDIAS CONTAINER*/
@media screen and (max-width: 575px) {.container, .home-arrows, .container-trans {max-width: 100%}  .container-left, .container-right {max-width: 100%}}
@media (min-width: 576px) {.container, .home-arrows {max-width: 540px} .container-trans {max-width: 560px} .container-left {max-width: calc(270px + 15%)} .container-right {max-width: calc(270px + 15%)} .container-left-cbh-affluents {max-width: calc(270px - 15%)} .container-rigth-cbh-affluents {max-width: calc(270px + 15%)}}
@media (min-width: 768px) {.container, .home-arrows {max-width: 720px} .container-trans {max-width: 780px} .container-left {max-width: calc(360px + 15%)} .container-right {max-width: calc(360px - 15%)} .container-left-cbh-affluents {max-width: calc(360px - 15%)} .container-rigth-cbh-affluents {max-width: calc(360px + 15%)}}
@media (min-width: 992px) {.container, .home-arrows {max-width: 960px} .container-left {max-width: calc(480px + 15%)} .container-right {max-width: calc(480px - 15%)} .container-left-cbh-affluents {max-width: calc(480px - 15%)} .container-rigth-cbh-affluents {max-width: calc(480px + 15%)}}
@media (min-width: 1200px) {.container, .home-arrows {max-width: 1140px} .container-trans {max-width: 1280px} .container-left {max-width: calc(570px + 15%)} .container-right {max-width: calc(570px - 15%)} .container-left-cbh-affluents {max-width: calc(570px - 15%)} .container-rigth-cbh-affluents {max-width: calc(570px + 15%)}}
/*END MEDIAS CONTAINER*/

/*BEGIN IMAGES*/
.images {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
/*END IMAGES*/

/*begin check drop menu*/
#check-inst, #check-bacia, #check-cool, #check-management, #check-communication, #check-transparency, .none, #check-search, #nav, .nav {display: none}
/*end check drop menu*/

/*BEGIN MENU COLLAPSE*/
.nav {
    cursor: pointer;
}
.menu .ul-menu {
    display: flex;
    align-items: center;
}
/*END MENU COLLAPSE*/

/*BEGIN MEDIA QUERIES*/
@media screen and (max-width: 767px) {
/*BEGIN MENU COLLAPSE*/
.nav {
    display: block;
    justify-self: end;
}
.menu {
    width: 0px;
    height: 0px;
    display: none;
    overflow: hidden;
}
.menu ul, .menu li  {
    width: 100%;
}
#nav:checked ~ .menu {
    display: block;
    grid-row: 2;
    grid-column: span 2;
    width: 100%;
    height: 100%;
}
#nav:checked ~ .menu .ul-menu {
    display: grid;
    position: relative;
}
/*END MENU COLLAPSE*/
}
/*END MEDIA QUERIES*/

.position-relative {position: relative}
strong {font-weight: bold;}
.block {display: block !important}
.flex {display: flex}
.margin {margin: 0 5px}
.margin-bt {margin-bottom: 5px}
body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: var(--black-ligth);
    overflow: hidden;
}

/*begin loader*/
.loader {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 999999999;
    background-color: white;
    opacity: 0.7;
}
.loader img {
    width: 100px;
}
/*end loader*/

/*begin defalt title top pages*/
.defalt-title-top-pages {
    font-size: 1.5625em;
    margin-bottom: 20px;
    text-transform: uppercase;
    line-height: 1.2;
}
/*end defalt-title-top-pages*/

/*begin btn top*/
.btn-top {
    padding: 3px 10px 0 10px;
    position:fixed;
    z-index: 99;
    right: 28px;
    border-radius: 5px;
    display: none;
}
.icon-top {
    font-size: 20px;
}
.btn-top-true {
    display: block !important;
    -webkit-animation: appear-with-opacity 0.7s;
            animation: appear-with-opacity 0.7s;
    opacity: 1;
    @media (min-width: 300px) and (max-width: 767px) {
        display: none!important;
    }
}
/*end btn topo*/

/*begin header*/
.div-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.img-logo {
    width: 250px;
}
#content-inst, #content-bacia, #content-cool, #content-management, #content-communication, #content-transparency, #content-search {
    display: none;
    position: absolute;
    flex-direction: column;
    z-index: 9999;
    box-shadow: 2px 2px 0 rgba(153,153,153,0.3);
   -webkit-box-shadow: 2px 2px 0 rgba(153,153,153,0.3);
   -moz-box-shadow: 2px 2px 0 rgba(153,153,153,0.3);
   padding: 20px 35px;
}
#content-search {
    margin-top: 20px;
    min-width: 250px;
    z-index: 999;
    margin-left: -200px;
    padding: 10px 15px;
    border: 1px solid var(--grey-ligth);
    background-color: white;
}
.search {
    display: flex;
}
.search input {
    height: 35px;
    width: 100%;
    border-radius: 0;
    padding: 0 10px;
    outline: none;
    border: 1px solid var(--grey-ligth);
}
.search button {
    display: flex;
    font-size: 18px;
    border: 0;
    align-items: center;
    padding: 10px;
    height: 35px;
    border-radius: 0;
    cursor: pointer;
    outline: none;
}
.minimum-three-syllables {
    display: none;
    font-size: 0.625em;
    color: red;
}
#drop-inst:hover ~ #content-inst, #drop-bacia:hover ~ #content-bacia, #drop-cool:hover ~ #content-cool, #drop-management:hover ~ #content-management, #drop-communication:hover ~ #content-communication, #drop-transparency:hover ~ #content-transparency, #check-search:checked ~ #content-search, #content-inst:hover, #content-bacia:hover, #content-cool:hover, #content-management:hover, #content-communication:hover, #content-transparency:hover, #content-search:hover {
    display: flex;
}
.menu a, .menu label {
    display: block;
    font-size: 0.8125em;
    font-weight: bold;
    cursor: pointer;
    padding: 40px 16px;
}
#content-inst > li a, #content-bacia > li a, #content-cool > li a, #content-management > li a, #content-communication > li a, #content-transparency > li a {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    border-bottom: 1px solid #3ec6f4;
}
#content-inst > li:last-child a, #content-bacia > li:last-child a, #content-cool > li:last-child a, #content-management > li:last-child a, #content-communication > li:last-child a, #content-transparency > li:last-child a {
    border-color: transparent;
}
#content-inst a > span:first-child, #content-bacia a > span:first-child, #content-cool a > span:first-child, #content-management a > span:first-child, #content-communication a > span:first-child, #content-transparency a > span:first-child {
    width: 3px;height: 3px;
    border-radius: 50%;
    margin-right: 10px;
}
/*
#content-inst a:hover, #content-bacia a:hover, #content-cool a:hover, #content-management a:hover, #content-communication a:hover, #content-transparency a:hover {
    background-color: white;
    color: var(--blue-ligth) !important;
}*/
.btn-search {
    border-left: 1px solid var(--blue-ligth);
    padding: 0 0 0 15px !important;
    font-size: 25px !important;
    line-height: 1.2;
}
/*begin menu fixed*/
.menu-fixed {
	position: fixed;
    top: 0.1px;
    width: 100%;
    z-index: 9999;
    background-color: white;
    box-shadow: 6px 0px 15px 5px rgba(153,153,153,0.8);
    -webkit-animation: appear-with-opacity 1s;
            animation: appear-with-opacity 1s;
}
/*end menu fixed*/
@-webkit-keyframes appear-with-opacity {
    0% {opacity: 0}
    50% {opacity: 0.5}
    100% {opacity: 1}
}
@keyframes appear-with-opacity {
    0% {opacity: 0}
    50% {opacity: 0.5}
    100% {opacity: 1}
}
/*end header*/

/*begin default title*/
.home-default-title {
    text-align: center;
}
.home-default-title strong{
    display: block;
    font-size: 0.875em;
    font-weight: bold;
    letter-spacing: 2px;
}
.home-default-title span {
    display: block;
    font-weight: bold;
    font-size: 1.5625em;
    padding-bottom: 40px;
}
/*end default title*/

/*begin slider home*/
.context-home-slider {
    position: absolute;
    z-index: 99;
    width:60%;
    height: 100%;
}

.context-home-slider > header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.context-home-slider h1 {
    font-weight: bold;
    line-height: 1.2;
    font-size: 2.1875em;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.context-home-slider p {
    font-size: 1.125em;
    padding-bottom: 20px;
}
.context-home-slider a {
    font-size: 0.6875em;
    font-weight: bold;
    padding: 6px 60px;
}
.splide {
    display: flex;
    justify-content: center;
}
.home-arrows {
    position: absolute;
    width: 100%;
    top: calc(50%);
}
.home-prev, .home-next {
    right: 0;
    opacity: 1;
    background-color: transparent;
    border: 1px solid white;
    width: 50px; height: 50px;
    font-size: 20px;
    border-radius: 10px;
}
.home-prev svg, .home-next svg {
    fill: white;
}
.home-prev {
    transform: rotate(-180deg);
    top: calc(50% - 60px);
}
.home-next {
    top: calc(50% + 25px);
}
.img-home-slider {
    height: 36.5vw;
    -o-object-fit: cover;
       object-fit: cover;
}
#home-slider .splide__pagination__page {
    background-color: white !important;
}
#home-slider .splide__pagination__page.is-active {
    background-color: var(--orange) !important;
}
/*end slider home*/

/*begin btns project publish reunion*/
.btns-project-publish-reunion {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 15px;
}
.btns-project-publish-reunion a {
    display: flex;
    align-items: center;
    padding: 5px 25px;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.2;
}
.btns-project-publish-reunion a .images {
    width: 50px; height: 50px;
    margin-right: 10px;
}
.border-publish {
    border-right: 1px solid var(--blue-ligth); border-left: 1px solid var(--blue-ligth);
}
.border-publish-left {
    border-left: 1px solid var(--blue-ligth)
}
/*end btns project publish reunion*/

/*begin customer service activity schedule*/
.container-customer-service-activity-schedule {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.container-customer-service {
    position: relative;
    width: 115%;
    padding: 30px 0;
}
.context-customer-service {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.context-customer-service h2 {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 1.125em;
    padding-right: 30px;
    line-height: 1.2;
    width: 100%;
}
.context-customer-service h2 img {
    width: 50px; height: 50px;
    margin-right: 10px;
}
.context-activity-schedule h2 img {
    width: 40px; height: 40px;
    margin-right: 10px;
}
.context-customer-service p {
    text-align: justify;
    padding: 0 30px;
    line-height: 1;
}
.context-customer-service a {
    padding: 6px 30px;
    border: 1px solid white;
    margin-right: 20px;
    font-size: 1.125em;
    font-weight: bold;
    border-radius: 2px;
}
.container-activity-schedule {
    width: 85%;
    margin-left: auto;
    padding: 35px 0 30px 0;
}
.context-activity-schedule {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.context-activity-schedule h2 {
    display: flex;
    line-height: 1.2;
    align-items: center;
    font-weight: bold;
    font-size: 1.125em;
    padding: 0 30px;
}
.context-activity-schedule a {
    padding: 6px 60px;
    font-size: 0.8125em;
    font-weight: bold;
}
/*end customer service activity schedule*/

/*begin news detach*/
.home-news-detach {
    padding: 40px 15px;
}
.home-news-detach .splide__list, .container-news-detach, .container-news-detach > header, .item-news-detach, .home-news-detach .item-news-detach {
    height: 100% !important;
}
.container-news-detach {
    margin: 0 12px 10px 12px;
    background-color: white;
}
.container-news-detach > header {
    box-shadow: 6px 0px 12px -5px rgba(153,153,153,0.5);
}
.container-news-detach img {
    height: 200px;
    -o-object-fit: cover;
       object-fit: cover;
}
.category-news-detach {
    position: absolute;
    left: 15px; top: 15px;
    background-color: white;
    line-height: 1;
    font-size: 0.6875em;
    padding: 5px 10px;
    border-radius: 5px;
    z-index: 9;
}
.context-news-detach {
    display: grid;
    padding: 15px;
    line-height: 1.2;
    height: calc(100% - 200px);
}
.context-news-detach > p {
    font-size: 0.8125rem;
    margin-bottom: 5px;
}
.context-news-detach h2 {
    font-weight: bold;
    padding-bottom: 10px;
}
.context-news-detach > div:last-child {
    display: flex;
    align-items: flex-end;
}
.context-news-detach span {
    display: inline-block;
    margin-top: 10px;
    padding: 6px 12px;
    font-weight: bold;
    font-size: 0.6875em;
    border-radius: 2px;
}
#home-slider-detach {
    width: 90%;
    margin: 0 auto;
}
#home-slider-detach .splide__track {
    width: 100%;
}
.home-detach-prev, .home-detach-next {
    right: 0;
    opacity: 1;
    background-color: transparent;
    border: 1px solid var(--blue-ligth);
    width: 50px; height: 50px;
    border-radius: 10px;
    font-size: 20px;
    top: calc(50% - 15px);
}
.home-detach-prev svg {
    transform: rotate(180deg);
}
.home-detach-prev svg, .home-detach-next svg {
    fill: var(--blue-ligth);
}
.home-detach-prev {
    left: -60px;
}
.home-detach-next {
    right: -60px;
}
/*end news detach*/

/*begin committee*/
.container-committee {
    padding: 40px 15px;
}
#home-slider-committees {
    padding-bottom: 40px;
}
#home-slider-committees .splide__slide {
    display: grid;
    align-items: center;
}
#home-slider-committees .splide__pagination {
    bottom: 0;
}
#home-slider-committees .splide__pagination__page {
    background-color: var(--blue-dark);
}
#home-slider-committees .splide__pagination__page.is-active {
    background-color: var(--blue-ligth);
}
/*end committee*/

/*begin managers informative*/
.container-managers-informative {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 30px;
}
.context-managers {
    padding: 20px 0;
}
.context-managers, .context-informative {
    display: grid;
    align-items: center;
    height: 100%;
}
.context-managers > div > div {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px;
}
.context-managers > div > div article {
    border: 1px solid var(--grey-ligth);
    padding: 15px;
    display: grid;
    align-items: center;
}
.context-managers > div > div article a {
    text-align: center;
}
.context-managers > div > div article .images {
    margin: auto;
    max-width: 150px;
    -o-object-fit: cover;
       object-fit: cover;
}
.article-main {
    grid-column: 3;
    grid-row: 1  / span 2;
}
.context-informative {
    padding: 40px;
}
.btn-access-context-informative {
    margin-top: 10px;
    width: 100%;
    text-align: center;
}
.btn-access-context-informative a {
    padding: 6px 10px;
    font-size: 0.8125em;
    font-weight: bold;
    border-bottom: 1px solid white;
}
/*end managers informative*/

/*begin footer menu*/
.container-footer-menu {
    display: flex;
    justify-content: space-between;
    padding: 60px 5px 60px 15px;
    border-bottom: 1px solid var(--blue-ligth);
}
.context-footer-menu {
    margin-right: 10px;
}
.context-footer-menu h2 {
    font-size: 1.125em;
    font-weight: bold;
    padding-bottom: 15px;
}
.context-footer-menu h3 {
    font-size: 0.75em;
}
.context-footer-menu a:hover {
    color: var(--grey-ligth);
}
/*end footer menu*/

/*begin footer contacts*/
.container-footer-contacts {
    display: flex;
    justify-content: space-between;
    padding: 60px 15px;
}
.container-footer-contacts article a, .container-footer-contacts article h2 {
    display: flex;
    font-size: 0.875em;
    line-height: 1.4;
}
.container-footer-contacts article a span {
    font-weight: bold;
    font-size: 0.9375rem;
}
.footer-contacts-whats {
    display: flex;
}
.footer-contacts-whats a {
    margin-right: 5px;
}
.footer-contacts-email {
    align-items: center;
}
.container-footer-contacts article .images {
    max-width: 180px;
    -o-object-fit: cover;
       object-fit: cover;
}
.icon-footer-contacts {
    font-size: 25px;
    margin-right: 10px;
}
.footer-contacts-social-networks {
    display: flex;
}
.footer-contacts-social-networks a {
    font-size: 22px !important;
    margin-right: 10px;
}
.footer-contacts-social-networks a:hover {
    color: var(--blue-ligth);
}
.footer-contacts-social-networks > a:last-child {
    margin-right: 0;
}
/*end footer contacts*/

/*begin footer terms*/
.footer-terms {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 15px;
    font-size: 0.875em;
}
/*end footer terms*/

/*begin media queries*/
@media (min-width: 300px) and (max-width: 767px) {
/*begin defalt title top pages*/
.defalt-title-top-pages {
    font-size: 1.25em;
}
/*end defalt-title-top-pages*/
/*begin header*/
.exit {
    display: none !important;
}
.div-header {
    padding: 20px 0 0 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.div-header > div, .nav {
    margin-bottom: 20px;
}
.div-header > div > a, .nav{
    display: grid;
}
.img-logo {
    width: 150px;
    margin-left: 15px;
}
.nav {
    padding: 0;
    font-size: 30px !important;
    margin-right: 15px;
}
#drop-inst h2, #drop-bacia h2, #drop-cool h2, #drop-management h2, #drop-communication h2, #drop-transparency h2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#content-inst, #content-bacia, #content-cool, #content-management, #content-communication, #content-transparency {
    padding: 0;
    height: 0;
    font-size: 0;
    border: 0;
    width: 0;
    overflow: hidden;
}
#check-inst:checked ~ #content-inst, #check-bacia:checked ~ #content-bacia, #check-cool:checked ~ #content-cool, #check-management:checked ~ #content-management, #check-communication:checked ~ #content-communication, #check-transparency:checked ~ #content-transparency {
    display: block;
    position: static;
    width: 100%;
    height: 100%;
    font-size: 1em;
}
.menu {
    margin: 0 0 0 0;
}
.menu a, .menu label, #content-inst a, #content-bacia a, #content-cool a, #content-management a, #content-communication a, #content-transparency a {
    padding: 15px;
    border-top: 1px solid var(--blue-dark);
}
#content-search {
    width: 100%;
    display: flex;
    position: relative;
    margin: 0 0 15px 0;
    box-shadow: none;
   -webkit-box-shadow: none;
   -moz-box-shadow:none;
   border: 0;
}
#content-search input {
    border: 1px solid #BCBBBB;
    border-right: 0;
    border-radius: 3px 0 0 3px;
    height: 50px;
}
#content-search button {
    border: 1px solid #BCBBBB;
    border-left: 0;
    background-color: white;
    color: var(--grey-dark) !important;
    border-radius: 0 3px 3px 0;
    height: 50px;
}
#content-search button > i.none {
    display: block;
}
.ul-menu > li:last-child {
    grid-row: 1;
}
/*end header*/

/*begin default title*/
.home-default-title span {
    font-size: 1.125em;
    line-height: 1.2;
}
/*end default title*/

/*begin slider home*/
.context-home-slider {
    width: 100%;
}
.context-home-slider h1 {
    font-size: 0.875em;
    padding-bottom: 5px;
}
.context-home-slider p {
    font-size: 0.75em;
    padding-bottom: 0px;
}
/*end slider home*/

/*begin btns project publish reunion*/
.btns-project-publish-reunion {
    flex-wrap: wrap;
    align-items: flex-start;
}
.btns-project-publish-reunion a {
    flex-direction: column;
    padding: 5px 20px;
    font-size: 0.8125em;
    text-align: center;
}
.btns-project-publish-reunion a .images {
    width: 30px; height: 30px;
    margin-right: 0;
}
.border-publish, .border-publish-left {border: 0;}
/*end btns project publish reunion*/

/*begin customer service activity schedule*/
.container-customer-service-activity-schedule {
    grid-template-columns: 1fr;
}
.container-customer-service, .container-activity-schedule {
    width: 100% !important;
}
.container-left, .container-right {
    max-width: 100% !important;
}
.context-customer-service {
    justify-content: center;
    flex-direction: column;
    padding: 0 15px;
}
.context-customer-service h2 {
    font-size: 1em;
    padding: 0 0 10px 0;
    flex-direction: column;
    text-align: center;

}
.context-customer-service h2 img {
    margin: 0;
}
.context-customer-service h2 img, .context-activity-schedule h2 img {
    width: 30px; height: 30px;
}
.context-customer-service a {
    padding: 6px 20px;
    margin: 0 15px 0 20px;
    font-size: 1em;
}
.container-activity-schedule {
    padding: 30px 0;
}
.context-activity-schedule {
    justify-content: center;
}
.context-activity-schedule h2 {
    font-size: 1em;
    padding: 0 20px 0 15px;
}
.context-activity-schedule a {
    padding: 6px 30px;
    font-size: 0.8125em;
    margin-left: 20px;
}
/*end customer service activity schedule*/

/*begin news detach*/
.context-news-detach {
    text-align: center;
}
.context-news-detach h2, .description-news-detach {
    font-size: 0.875em;
}
/*end news detach*/

/*begin managers informative*/
.container-managers-informative {
    grid-template-columns: 1fr;
    padding: 40px 0 0 0;
}
.context-managers > div > div {
    grid-template-columns: repeat(2, 1fr);
    padding: 0 15px;
}
.article-main {
    grid-row: 1;
    grid-column: span 2;
}
.context-informative-previous-bulletin-btn-top {
    display: grid;
    grid-gap: 15px;
    text-align: center;
    padding-top: 20px;
}
.context-informative-previous-bulletin-btn-top > div > a {
    font-size: 25px;
    padding: 2px 10px;
    border-radius: 5px;
}
/*end managers informative*/

/*begin footer contacts*/
.container-footer-contacts {
    display: grid;
    grid-gap: 20px;
    justify-content: stretch;
    padding: 40px 15px;
    text-align: center;
}
.container-footer-contacts article a, .container-footer-contacts article h2 {
    flex-direction: column;
    font-size: 0.875em;
    text-align: center;
}
.footer-contacts-whats {
    justify-content: center;
    margin-top: 5px;
}
.footer-contacts-whats a {
    margin-right: 5px;
}
.container-footer-contacts article .images {
    margin: 0 auto;
}
.icon-footer-contacts {
    margin: 0 0 10px 0;
}
.footer-contacts-social-networks {
    grid-row: 1;
    justify-content: center;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--blue-ligth);
}
.footer-contacts-social-networks a {
    font-size: 30px !important;
}
.border-abha {
    border-top: 1px solid var(--blue-ligth);
    padding-top: 20px;
}
/*end footer contacts*/

/*begin footer terms*/
.footer-terms {
    flex-direction: column;
    justify-content: center;
}
.footer-terms img {
    margin-top: 10px;
}
/*end footer terms*/
}
@media (min-width: 768px) and (max-width: 1200px) {
/*begin defalt title top pages*/
.defalt-title-top-pages {
    font-size: 1.25em;
}
/*end defalt-title-top-pages*/
/*begin header*/
.img-logo {
    width: 130px;
}
.menu a, .menu label {
    font-size: 0.625em;
    padding: 40px 8px;
}
.btn-search {
    padding: 0 0 0 10px !important;
    font-size: 20px !important;
}
/*end header*/

/*begin default title*/
.home-default-title strong{
    font-size: 0.8125em;
}
.home-default-title span {
    font-size: 1.25em;
}
/*end default title*/

/*begin slider home*/
.context-home-slider h1 {
    font-size: 1.25em;
}
.context-home-slider p {
    font-size: 1em;
}
.home-prev, .home-next {
    width: 35px; height: 35px;
    font-size: 18px;
}
.home-prev {
    top: calc(50% - 50px);
}
.home-next {
    top: calc(50% + 10px);
}
/*end slider home*/

/*begin btns project publish reunion*/
.btns-project-publish-reunion a {
    font-size: .8125rem;
    padding: 5px 15px;
}
.btns-project-publish-reunion a .images {
    width: 23px; height: 23px;
}
/*end btns project publish reunion*/

/*begin customer service activity schedule*/
.context-customer-service h2 {
    font-size: 0.8125em;
    padding-right: 20px;
}
.context-customer-service h2 img, .context-activity-schedule h2 img {
    width: 30px; height: 30px;
}
.context-customer-service p {
    font-size: 0.625em;
    padding: 0 15px;
}
.context-customer-service a {
    padding: 6px 15px;
    margin-right: 15px;
    font-size: 0.625em;
}
.container-activity-schedule {
    padding-top: 30px;
}
.context-activity-schedule h2 {
    font-size: 0.8125em;
    padding: 0 15px;
}
.context-activity-schedule a {
    padding: 6px 30px;
    font-size: 0.8125em;
}
/*end customer service activity schedule*/

/*begin news detach*/
.context-news-detach h2, .description-news-detach {
    font-size: 0.8125em;
}
.home-detach-prev, .home-detach-next {
    width: 35px; height: 35px;
    font-size: 18px;
}
.home-detach-prev {
    left: -40px;
}
.home-detach-next {
    right: -40px;
}
/*end news detach*/

/*begin managers informative*/
.container-managers-informative {
    grid-template-columns: 3fr 2fr;
    grid-gap: 10px;
}
/*end managers informative*/

/*begin footer menu*/
.context-footer-menu h2 {
    font-size: 0.8125em;
}
.context-footer-menu h3 {
    font-size: 0.625em;
}
.context-footer-menu:last-child {
    margin-left: 5px;
}
/*end footer menu*/

/*begin footer contacts*/
.container-footer-contacts article a, .container-footer-contacts article h2 {
    font-size: 0.75em;
}
.container-footer-contacts article a span {
    font-size: 0.75rem;
}
.container-footer-contacts article .images {
    max-width: 100px;
}
.icon-footer-contacts {
    font-size: 15px;
}
.footer-contacts-social-networks a {
    font-size: 20px !important;
}
/*end footer contacts*/

/*begin footer terms*/
.footer-terms {
    font-size: 0.8125em;
}
.footer-terms img {
    width: 30px;
}
/*end footer terms*/
}
@media (min-width: 2200px) {.context-activity-schedule h2 {padding: 0 25px}}
/*end media queries*/
.error-404 {
    margin-bottom: 40px;
}
.error-404 img {
    display: block;
    width: 80%;
    margin: 40px auto;
}
.error-404 > header h1 {
    line-height: 1.2;
    margin-bottom: 20px;
}
.error-404 > div, .error-404 > div > a {
    display: flex;
    align-items: center;
    line-height: 1.2;
}
.error-404 > div > a:first-child {
    margin-right: 20px;
}
.error-404 > div a {
    padding: 15px;
    border-radius: 5px;
    font-weight: bold;
}
.error-404 > div > a .svg-inline--fa, .error-404 > div > a i {
    font-size: 20px;
    margin-right: 10px;
}
/*begin valid recapcha*/
.valid-recapcha {
    display: none;
    justify-content: flex-end;
    font-size: 0.8125em;
    color: red;
}
/*end valid recapcha*/
@media(min-width: 300px) and (max-width: 767px) {
    .error-404 {
        font-size: 0.875em;
    }
    .error-404 > div {
        flex-direction: column;
    }
    .error-404 > div > a:first-child {
        margin: 0 0 20px 0;
    }
    .error-404 > div a {
        padding: 15px;
    }
}
/*begin search result*/
.search-result {
    padding: 0 15px 40px 15px;
}
.btn-page-search {
    background-color: transparent;
    border: 0;
    padding: 0;
    outline: none;
    cursor: pointer;
}
.context-search, .btn-page-search {
    font: 400 1.125rem 'Roboto';
}
.context-search {
    margin-bottom: 30px;
}
.btn-page-search:hover, .btn-required-page-search {
    color: var(--blue-ligth)
}
.btn-page-search span, .btn-required-page-search span {
    color: var(--grey-dark) !important;
    cursor: default;
}
.itens-search article > header h2 a {
    display: grid;
    background-color: #F7F7F7;
    padding: 20px;
    margin-bottom: 15px;
    border: 1px solid #D8D8D8;
    height: 100%;
    font-size: 1.125em;
    line-height: 1.2;
}
.itens-search article > header h2 a p {
    font-size: 0.75rem;
}
.itens-search article > header h2 a:hover {
    background-color: #D8D8D8;
}
.itens-search {
    display: none;
}
/*end search result*/
@media (min-width: 300px) and (max-width: 1100px) {
/*begin search result*/
.itens-search article > header h2 a, .search-result-no-results-found, .context-search, .btn-page-search {
    font-size: 1em;
}
/*end search result*/
}
/*begin bread crumbs*/
.bread-crumbs, .bread-crumbs-02 {
    padding: 40px 15px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 0.875em;
    text-transform: uppercase;
}
.bread-crumbs i, .bread-crumbs-02 i {
    margin: 0 10px;
}
.bread-crumbs a:hover, .bread-crumbs-02 a:hover {
    color: var(--green);
}
/*end bread crumbs*/
/*begin top secondary pages*/
.top-secondary-pages > header {
    display: flex;
    align-items: center;
    height: 70px;
    font-size: 1.125em;
    font-weight: bold;
    text-transform: uppercase;
}
/*end top secondary pages*/
/*begin links*/
.grid-links {
    margin-top: 40px;
}
.grid-links, .grid-links .pagination {
    display: flex;
    justify-content: center;
    align-items: center;
}
.grid-links .pagination .page-link {
    border: 1px solid var(--blue-ligth);
    line-height: 1 !important;
    font-weight: bold;
    margin-right: 10px;
    width: 25px;height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
}
.grid-links .pagination .page-item a, .grid-links .page-item {
    color: var(--blue-ligth) !important;
    font-size: 0.8125em;
}
.grid-links .page-item.active .page-link {
    background-color: var(--blue-ligth);
    color: white !important;
}
.grid-links .pagination > .page-item:first-child, .grid-links .pagination > .page-item:last-child {
    font-size: 30px;
}
.grid-links .pagination > .page-item:first-child .page-link, .grid-links .pagination > .page-item:last-child .page-link {
    margin-top: -3px;
}
/*end links*/
.border-radius-5 {
    border-radius: 5px;
}
.padding-20 {
    padding: 20px;
}
.icons-footer-contacts {
    width: 20px; height: 30px;
    margin-right: 10px;
}
/*begin container trans*/
.container-trans .link-external-docs, .container-trans .none-trans {
    display: none;
}
/*end container trans*/

/*begin title defalt*/
.title-defalt {
    line-height: 1.2;
}
.title-defalt strong {
    font-size: 1.625rem;
}
.title-defalt span {
    display: block;
    margin-top: 10px;
    width: 45px; height: 4px;
    border-radius: 3px;
}
/*end title defalt*/

/*begin title defalt transparency*/
.title-defalt-transparency {
    line-height: 1.2;
    margin-bottom: 30px;
}
.title-defalt-transparency strong {
    font-size: 1.625rem;
}
.title-defalt-transparency span {
    display: block;
    margin-top: 10px;
    width: 100%; height: 4px;
    border-radius: 3px;
}
/*end title defalt transparency*/

/*begin header transparency*/
.header-transparency {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
}
.header-transparency > a:first-child img {
    width: 300px;
}
.header-transparency > a:last-child {
    display: flex;align-items: center;
    font-size: 0.875em;
}
.header-transparency > a:last-child i {
    margin-right: 10px;
}
.title-header-transparency > header {
    height: 250px;
    display: flex;
    align-items: center;
}
/*end header transparency*/

/*begin items transparency*/
.container-items-transparency {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 45px 15px;
}
.btn-items-transparency {
    display: flex;
    font: 700 1.125rem "Roboto";
    outline: none;
    text-align: left;
    line-height: 1.2;
}
.btn-items-transparency > div {
    display: grid;
}
.btn-items-transparency:hover, .chargeCollection .container-items-transparency > article:nth-child(1) .btn-items-transparency, .resourcesApplicationPlan .container-items-transparency > article:nth-child(2) .btn-items-transparency, .resourceApplicationProjects .container-items-transparency > article:nth-child(3) .btn-items-transparency, .managementContract .container-items-transparency > article:nth-child(4) .btn-items-transparency, .users .container-items-transparency > article:nth-child(5) .btn-items-transparency {
    color: white !important;
}
.btn-items-transparency:hover svg path, .chargeCollection .container-items-transparency > article:nth-child(1) .btn-items-transparency svg path, .resourcesApplicationPlan .container-items-transparency > article:nth-child(2) .btn-items-transparency svg path, .resourceApplicationProjects .container-items-transparency > article:nth-child(3) .btn-items-transparency svg path, .managementContract .container-items-transparency > article:nth-child(4) .btn-items-transparency svg path, .users .container-items-transparency > article:nth-child(5) .btn-items-transparency svg path {
    fill: white;
}
.btn-items-transparency svg {
    width: 34px;height: 31px;
    margin-right: 10px;
}
.context-btn-items-transparency {
    padding: 60px 15px;
    display: grid;
    grid-gap: 40px;
}/*
.maps-charge-collection > div {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px;
}*/
.maps-charge-collection > div article {
    background-color: white;
    padding: 40px;
}
.maps-charge-collection > div article h3 {
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 600;
    padding-bottom: 30px;
    margin-bottom: 40px;
    border-bottom: 2px solid var(--blue-dark);
}
.list-latest-project > a:hover > article {
    background-color: var(--grey);
}
.list-latest-project > a > article {
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-gap: 20px;
    transition: all .3s linear;
}
.list-latest-project > a > article {
    padding: 20px;
}
.list-latest-project > a > article > header h3 {
    font: 600 1.25rem 'Roboto';
}
.list-latest-project > a > article > div {
    display: flex;
    height: 30px;
}
.list-latest-project > a > article > div > div {
    width: 100%;
}
.list-latest-project > a > article > div > span {
    display: inline-block;
    margin-left: 5px;
}
.maps-latest-projects-status {
    font-size: 0.75rem;
    padding: 2px 5px;
}
.list-latest-project > a > article > div p {
    text-align: right;
    padding: 2px 5px;
    display: grid;
    align-items: center;
    height: 100%;
}
.width-40 {width: 40%;}
.width-60 {width: 60%;}
.width-45 {width: 45%;}
.width-0 {display: none !important;}
.description-latest-projects {
    padding: 20px 15px;
}
.show-stage-projects {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--grey);
}
.description-latest-projects > ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 15px;
}
.description-latest-projects > ul > li {
    padding: 7px 15px;
}
.show-stage-projects > ul > li > p > strong {display: none;}
.show-stage-projects > ul > li:first-child > p > strong {
    display: block;
    border-bottom: 1px solid var(--grey);
}
.description-latest-projects > ul > li:not(:nth-child(2n)) {border-right: 1px dotted var(--grey);}
.description-latest-projects > ul > li:not(.border-0) {border-bottom: 1px dotted var(--grey);}
.description-latest-projects > ul > li > article h3 {
    font-weight: bold;
}
.show-stage-projects > header {margin-bottom: 10px;}
.show-stage-projects > header > h3 {
    font-size: 1.25rem;
}
.show-stage-projects > ul > li {
    display: grid;
    grid-gap: 5px;
}
.show-stage-projects.stage-projects > ul > li {grid-template-columns: 4fr repeat(3, 1fr);}
.show-stage-projects > ul > li:not(:last-child) {
    border-bottom: 1px solid var(--grey);
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.status-waiting {color: #f9b115;}
.status-started {color: #39f;}
.status-finished {color: #2eb85c;}
/*end items transparency*/

/*begin footer contacts transparency*/
.footer-contacts-transparency, .contact-transparency-abha, .contact-transparency-cbh-araguari {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.footer-contacts-transparency {
    padding: 40px 15px;
}
.contact-transparency-abha {
    grid-gap: 40px;
    padding-right: 40px;
    border-right: 2px solid var(--grey-ligth);
}
.contact-transparency-cbh-araguari {
    grid-gap: 40px;
    padding-left: 40px;
}
.contact-transparency-abha > header img {
    width: 200px;
}
.contact-transparency-cbh-araguari > header img {
    width: 250px;
}
.contact-transparency-abha > div a, .contact-transparency-cbh-araguari > div a {
    display: flex;
    font-size: 1.0625em;
    line-height: 1.2;
}
.tel-contact-transparency-abha {
    display: flex;
    margin: 40px 0;
}
/*end footer contacts transparency*/

/*begin footer transparency*/
.footer-transparency {
    height: 130px;
    display: flex;justify-content: space-between;align-items: center;
    font-size: 0.8125em;
}
/*end footer transparency*/
@media (min-width: 300px) and (max-width: 767px) {
    /*begin title defalt*/
.title-defalt {
    text-align: center;
}
.title-defalt span {
    margin: 10px auto 0 auto;
}
.title-defalt strong {
    font-size: 1.25em;
}
/*end title defalt*/
/*begin title defalt transparency*/
.title-defalt-transparency strong {
    font-size: 1.25rem !important;
}
/*end title defalt transparency*/

/*begin header transparency*/

.header-transparency > a:first-child img {
    width: 200px;
}
.header-transparency > a:last-child {
    font-size: 0.8125em;
}
.title-header-transparency > header {
    justify-content: center;
}
/*end header transparency*/

/*begin items transparency*/
.container-items-transparency {
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 15px;
}
.btn-items-transparency {
    align-items: center;
    font: 700 0.8125rem "Roboto";
    padding: 10px;
}
.btn-items-transparency > div {
    display: block;
}
.btn-items-transparency svg {
    width: 24px;height: 21px;
}
.context-btn-items-transparency {
    padding: 40px 15px;
}
/*
.maps-charge-collection > div {
    grid-template-columns: 1fr;
}*/
.maps-charge-collection > div article {
    padding: 10px;
}
.maps-charge-collection > div article h3 {
    font-size: 1rem;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.list-latest-project > a > article {
    grid-template-columns: 1fr;
}
.list-latest-project > a > article > header h3 {
    font: 600 1rem 'Roboto';
}
.description-latest-projects > ul {
    grid-template-columns: 1fr;
}
.description-latest-projects > ul > li:not(:nth-child(2n)) {border-right: none;}
.description-latest-projects > ul > li:not(.border-0) {border-bottom: initial;}
.description-latest-projects > ul > li:not(:last-child) {
    border-bottom: 1px dotted var(--grey);
}
.show-stage-projects.stage-projects > ul > li {grid-template-columns: 1fr;}
.show-stage-projects > ul > li > p > strong {
    display: inline-block;
    margin-right: 5px;
}
.show-stage-projects > ul > li:first-child > p > strong {
    display: inline-block;
    border-bottom: none;
}
/*end items transparency*/

/*begin footer contacts transparency*/
.footer-contacts-transparency, .contact-transparency-abha, .contact-transparency-cbh-araguari {
    grid-template-columns: 1fr;
}
.contact-transparency-abha, .contact-transparency-cbh-araguari {
    grid-gap: 20px;
    border-right: 0;
}
.contact-transparency-abha {
    padding: 0 0 60px 0;
    border-bottom: 2px solid var(--grey-ligth);
}
.contact-transparency-cbh-araguari {
    padding: 30px 0 0 0;
}
.contact-transparency-abha > header img, .contact-transparency-cbh-araguari > header img {
    display: block;
    width: 200px;
    margin: 0 auto;
}
.contact-transparency-abha > div a, .contact-transparency-cbh-araguari > div a {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-size: 0.875em;
}
.footer-contacts-transparency .icons-footer-contacts {
    margin: 0 auto 10px auto;
}
.tel-contact-transparency-abha {
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
/*end footer contacts transparency*/

/*begin footer transparency*/
.footer-transparency {
    flex-direction: column;
    justify-content: center;
}
.footer-transparency p {
    margin-bottom: 10px;
}
/*end footer transparency*/
}

@media (min-width: 768px) and (max-width: 1280px) {
    .title-defalt strong {
        font-size: 1.25rem;
    }
    .icons-footer-contacts {
        width: 18px;
        margin-right: 7px;
    }
/*begin title defalt transparency*/
.title-defalt-transparency strong {
    font-size: 1.25rem;
}
/*end title defalt transparency*/

/*begin header transparency*/
.header-transparency > a:first-child img {
    width: 250px;
}
/*end header transparency*/

/*begin items transparency*/
.btn-items-transparency {
    flex-direction: column;
    font: 700 1rem "Roboto";
    text-align: center;
}
.btn-items-transparency svg {
    margin: 0 auto 10px auto;
}/*
.maps-charge-collection > div {
    grid-gap: 30px;
}*/
.maps-charge-collection > div article {
    padding: 20px;
}
.maps-charge-collection > div article h3 {
    font-size: 1.125rem;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.list-latest-project > a > article > header h3 {
    font: 600 1rem 'Roboto';
}
/*end items transparency*/

/*begin footer contacts transparency*/
.footer-contacts-transparency {
    grid-template-columns: 1fr;
}
.contact-transparency-abha {
    padding: 0 0 60px 0;
    border: 0;
    border-bottom: 2px solid var(--grey-ligth);
}
.contact-transparency-cbh-araguari {
    padding: 40px 0 0 0;
}
/*end footer contacts transparency*/
}
/*begin section documentation*/
.container-documentation {
    padding-bottom: 40px;
}
.container-documentation li {
    list-style: none;
}
.btn-section-documentation, .document-section-documentation a {
    display: flex;
    align-items: center;
    padding: 15px;
    font-weight: bold;
    border: 2px solid white;
    width: 100%;
    cursor: pointer;
    line-height: 1.2;
}
.document-section-documentation a {
    font-weight: normal;
    border: 0;
    font-size: 0.875em;
}
.document-section-documentation a i {
    font-size: 30px;
    margin-right: 10px;
}
.document-section-documentation a .date-doc {
    font-size: 0.75rem;
}
.span-documentation {
    margin-left: 10px;
}
.icon-documentation{
    font-size: 20px;
}
.selected-button .icon-documentation {
    transform: rotate(90deg);
}
.link-external-docs {
    font-size: 13px;
    padding: 5px;
    margin-left: 10px;
}
.btn-section-documentation:hover, .selected-button, .btn-section-documentation:hover > a, .selected-button > a {
    background-color: var(--grey-hover-doc);
}
.document-section-documentation a:hover {
    background-color: #f5f5f5;
}
.link-external-docs:hover {
    color: var(--green) !important;
}
.selected-button ~ .content-docs {
    display: block !important;
}
.div-secondary-section-documentation {
    margin-left: 10px;
}
.img-loading-doc {
    width: 80px;
}
.minimum-three-syllables-doc {
    display: none;
    font-size: 0.625em;
    color: red;
}
.search-docs {
    margin-bottom: 30px;
    display: none;
}
.search-docs, .search-docs form {
    display: none;
    justify-content: flex-end;
}
#search-doc {
    height: 35px;
    border: 1px solid var(--grey-ligth);
    outline: none;
    padding: 10px;
}
#btn-search-doc {
    outline: none;
    border: 0;
    width: 35px;height: 35px;
    cursor: pointer;
}
/*end section documentation*/
/*begin description what is the basin committee*/
.description-what-is-the-basin-committee {
    margin-bottom: 60px;
}
/*end description what is the basin committee*/
/*begin common questions*/
.container-common-questions {
    padding: 20px 15px 40px 15px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
}
.container-common-questions img {
    margin-top: -50px;
}
.title-common-questions {
    display: flex;
    margin-bottom: 20px;
}
.title-common-questions article, .title-common-questions article header, .title-common-questions article header h2, .title-common-questions article header h2 button {
    display: block;
    height: 100%;
}
.title-common-questions button {
    background-color: transparent;
    cursor: pointer;
    padding: 0 10px 10px 10px;
    font-size: 1em;
    text-align: left;
    border: 0;
    border-bottom: 1px solid var(--grey-dark);
    outline:none;
}
.title-common-questions button:hover, .btn-required {
    color: var(--blue-ligth);
    border-color: var(--blue-ligth) !important;
}
/*begin common questions*/
@media (min-width: 300px) and (max-width: 767px) {
/*begin description what is the basin committee*/
.description-what-is-the-basin-committee > div, .title-common-questions button, .context-common-questions {
    font-size: 0.875em;
}
/*end description what is the basin committee*/
/*begin common questions*/
.container-common-questions {
    grid-template-columns: 1fr;
}
.title-common-questions button {
    padding: 0px 5px 5px 5px;
}
/*begin common questions*/
}
@media (min-width: 768px) and (max-width: 1100px) {
/*begin description what is the basin committee*/
.description-what-is-the-basin-committee > div, .title-common-questions button, .context-common-questions {
    font-size: 0.875em;
}
/*end description what is the basin committee*/
/*begin common questions*/
.container-common-questions {
    grid-gap: 20px;
}
/*begin common questions*/
}
/*begin description about cbh paranaiba*/
.container-description-about-cbh-paranaiba, .img-about-cbh-paranaiba {
    padding-bottom: 40px;
}
/*end description about cbh paranaiba*/

/*begin our story about cbh paranaiba*/
.container-our-story-about-cbh-paranaiba {
    padding: 60px 0;
}
.container-our-story-about-cbh-paranaiba > header h1 {
    line-height: 1.2;
}
#slider-our-story-about-cbh-paranaiba {
    width: 80%;
    margin: 0 auto;
}
#slider-our-story-about-cbh-paranaiba .splide__list, .item-slider-our-story-about-cbh-paranaiba {
    height: 100% !important;
}
.item-slider-our-story-about-cbh-paranaiba > article {
    display: grid;
    grid-gap: 20px;
    text-align: center;
    grid-template-rows: 50px 1fr;
    background-color: white;
    padding: 25px;
    height: calc(100% - 150px);
}
.item-slider-our-story-about-cbh-paranaiba > article::before {
    position: absolute;
    content: '';
    border-style: solid;
    top: calc(100% + 10px);
    left: calc(50% - 15px);
    border-width: 20px 15px 0 15px;
    transform: translateY(-10px);
    border-color: white transparent transparent transparent;
}
.item-slider-our-story-about-cbh-paranaiba > article img {
    width: 50px;height: 50px;
    margin: 0 auto;
}
.item-slider-our-story-about-cbh-paranaiba > article h2 {
    line-height: 1.2;
    font-size: 0.875em;
}
.timeline-slider-our-story-about-cbh-paranaiba {
    height: 100px;
    display: grid;
    align-items: center;
    margin-top: 50px;
    text-align: center;
}
.timeline-slider-our-story-about-cbh-paranaiba span {
    width: 10px;height: 10px;
    display: grid;
    margin: 0 auto;
    border-radius: 50%;
}
.timeline-slider-our-story-about-cbh-paranaiba strong {
    font-size: 1.875em;
}
.timeline-line {
    position: absolute;
    bottom: 145px;
    width: 100%;
    border-bottom: 1px solid var(--grey-hover-doc);
}
.our-story-prev, .our-story-next {
    right: 0;
    opacity: 1;
    background-color: transparent;
    border: 1px solid var(--grey-dark);
    width: 50px; height: 50px;
    border-radius: 50%;
    font-size: 20px;
    top: calc(50% - 15px);
}
.our-story-prev svg {
    transform: rotate(180deg);
}
.our-story-prev svg, .our-story-next svg {
    fill: var(--grey-dark);
}
.our-story-prev {
    left: -100px;
}
.our-story-next {
    right: -100px;
}
/*end our story about cbh paranaiba*/
@media (min-width: 300px) and (max-width: 1100px) {.context-description-about-cbh-paranaiba {font-size: 0.875em}}
/*begin composition*/
.container-composition {
    margin-bottom: 40px;
}
.img-loading-comp {
    width: 80px;
}
.img-none {
    display: none;
}
.img-none ~ .compositions {
    display: block !important;
}
.btn-section-comp {
    display: flex;
    align-items: center;
    padding: 15px;
    font-weight: bold;
    border: 2px solid white;
    width: 100%;
    cursor: pointer;
    line-height: 1.2;
}
.span-comp {
    margin-left: 10px;
}
.icon-comp{
    font-size: 20px;
}
.selected-button-comp .icon-comp {
    transform: rotate(90deg);
}
.btn-section-comp:hover, .selected-button-comp, .btn-section-comp:hover > a, .selected-button-comp > a {
    background-color: var(--grey-hover-doc);
}
.selected-button-comp ~ .content-comps {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 20px;
    padding: 20px;
}
.document-section-composition {
    background-color: white;
    padding: 20px;
    text-align: center;
    box-shadow: 1px 1px 5px 1px rgba(153,153,153,0.5);
}
.document-section-composition img {
    width: 80px;height: 80px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 50%;
    margin: 0 auto;
}
.document-section-composition > article > i {
    font-size: 30px;
    margin-bottom: 3px;
}
.document-section-composition > article {
    display: grid;
    line-height: 1.2;
}
.document-section-composition > article > div {
    margin-top: 20px;
}
.document-section-composition > article > div i {
    font-size: 20px !important;
}
.document-section-composition > article > div > strong {
    font-size: 0.875em;
}
.document-section-composition > article header h2 > strong:last-child{
    font-size: 0.75em;
}
/*end composition*/
@media (min-width: 300px) and (max-width: 767px) {
/*begin composition*/
.btn-section-comp {
    font-size: 0.875em;
}
.selected-button-comp ~ .content-comps {
    grid-template-columns: 1fr;
}
/*end composition*/
}
@media (min-width: 768px) and (max-width: 1100px) {
/*begin composition*/
.btn-section-comp {
    font-size: 0.875em;
}
.selected-button-comp ~ .content-comps {
    grid-template-columns: repeat(3, 1fr);
}
/*end composition*/
}
/*begin all cbh affluent*/
.container-all-cbh-affluent {
    margin-bottom: 40px;
}
.container-all-cbh-affluent > section article > header h3 a, .container-all-cbh-affluent > section > header h2 {
    display: block;
    padding: 15px;
}
.container-all-cbh-affluent > section article > header h3 a:hover {
    background-color: #f5f5f5;
}
/*end all cbh affluent*/

/*begin cbh affluents*/
.img-top-cbhs-afluentes {
    height: 40vh;
    -o-object-fit: cover;
       object-fit: cover;
}
.div-top-cbhs-affluents {
    height: 40vh;
}
.div-top-cbhs-affluents > div {
    position: absolute;
    width: 100%;
    top: 0;
    display: grid;
    align-items: center;
    height: 100%;
}
.div-top-cbhs-affluents > div > div {
    width: 100%;
}
.div-top-cbhs-affluents .defalt-title-top-pages {
    margin-bottom: 0;
}
.title-top-cbhs-affluents {
    display: grid;
    grid-template-columns: 150px 1fr;
}
.title-top-cbhs-affluents > div {
    padding: 5px;
    border-radius: 5px 0 0 5px;
}
.title-top-cbhs-affluents > div > img {
    width: 150px;
}
.title-top-cbhs-affluents > header h1 {
    display: flex;
    align-items: center;
    font-size: 1.5625em;
    line-height: 1.2;
    height: 100%;
    padding: 0 20px;
    opacity: 0.8;
    border-radius: 0 5px 5px 0;
}
.container-contexts-cbh-affluents > div {
    line-height: 1.2;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-contexts-cbh-affluents > div button {
    width: 160px;height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    margin: -30px 5px 0 5px;
    z-index: 99;
    cursor: pointer;
    outline: none;
    border-radius: 5px;
}
.container-contexts-cbh-affluents > div button i {
    font-size: 35px;
}
.container-contexts-cbh-affluents > div button strong {
    font-size: 1.125em;
    margin-left: 10px;
    text-align: left;
}
.container-contexts-cbh-affluents > div button:hover, .btn-cbhs-affluents-required {
    background-color: var(--orange);
    color: white;
}
.context-cbh-affluents {
    padding: 60px 0;
    text-align: justify;
}
.context-cbh-affluents > header h1 {
    margin-bottom: 30px;
    text-align: center;
    font-size: 1.25em;
}
.news-cbhs-affluents .home-news-detach > header {
    display: none;
}
.news-cbhs-affluents > article > header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 40px;
    line-height: 1.3;
    width: 90%;
    margin: 0 auto;
}
.news-cbhs-affluents > article > header .home-default-title {
    text-align: left;
}
.news-cbhs-affluents > article > header .home-default-title strong {
    font-size: 0.625em;
}
.news-cbhs-affluents > article > header .home-default-title span {
    font-size: 1em;
    padding-bottom: 0;
}
.news-cbhs-affluents > article > header a {
    flex-basis: 141px;
    font-size: 0.75em;
    border: 1px solid var(--blue-ligth);
    padding: 7px 10px;
}
.news-cbhs-affluents .description-news-detach {
    font-size: 0.8125rem;
}
.container-contacts-cbhs-affluents {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.container-contacts-cbhs-affluents > div:first-child {
    width: 85%;
}
.container-contacts-cbhs-affluents > div:last-child {
    width: 115%;
    margin-left: -15%;
}
.context-contact-us-cbhs-affluents {
    display: grid;
    align-items: center;
}
.context-contact-us-cbhs-affluents > header {
    display: grid;
    grid-template-columns: 2fr 3fr;
    grid-gap: 20px;
    align-items: center;
    padding: 40px 15px;
    line-height: 1.2;
}
.context-contact-us-cbhs-affluents > header h1 {
    display: flex;
    align-items: center;
    font-size: 1.125em;
}
.context-contact-us-cbhs-affluents > header h1 img {
    width: 40px;
    margin-right: 5px;
}
.context-contact-us-cbhs-affluents > header p {
    font-size: 0.8125em;
    border-left: 1px solid white;
    padding-left: 20px;
}
.context-contacts-cbhs-affluents {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1.2;
    padding-left: 15px;
    height: 100%;
}
.context-contacts-cbhs-affluents a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8125em;
}
.context-contacts-cbhs-affluents a i, .icons-tel {
    font-size: 25px;
    margin-right: 5px;
}
/*end cbh affluents*/
@media (min-width: 300px) and (max-width: 1100px) {
/*begin all cbh affluent*/
.container-all-cbh-affluent > section article > header h3 a, .container-all-cbh-affluent > section > header h2 {
    font-size: 0.875rem;
    line-height: 1.2;
}
/*end all cbh affluent*/

/*begin cbh affluents*/
.context-cbh-affluents > header h1 {
    font-size: 1.125em;
}
.context-cbh-affluents > div {
    font-size: 0.875em;
}
.news-cbhs-affluents > article > header a {
    margin-left: 10px;
    text-align: center;
}
.context-contacts-cbhs-affluents {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    justify-content: stretch;
    grid-gap: 20px;
    padding: 40px 15px;
}
.context-contacts-cbhs-affluents > article:first-child {
    grid-column: span 2;
}
.context-contacts-cbhs-affluents a i, .icons-tel {
    font-size: 20px;
}
/*end cbh affluents*/
}
@media (min-width: 300px) and (max-width: 767px) {
.title-top-cbhs-affluents {
    grid-template-columns: 1fr;
}
.title-top-cbhs-affluents > div {
    border-radius: 5px 5px 0 0;
    text-align: center;
    opacity: 0.8;
}
.title-top-cbhs-affluents > header h1 {
    font-size: 1.25em;
    border-radius: 0 0 5px 5px;
    padding: 20px;
    justify-content: center;
    text-align: center;
}
.container-contexts-cbh-affluents > div button {
    width: 50px;height: 50px;
    margin: -22.5px 5px 0 5px;
    font-size: 25px;
}
.container-contacts-cbhs-affluents {
    grid-template-columns: 1fr;
}
.container-contacts-cbhs-affluents > div:first-child, .container-contacts-cbhs-affluents > div:last-child {
    width: 100%;
    margin-left: 0;
}
.container-contacts-cbhs-affluents .container-rigth-cbh-affluents, .container-contacts-cbhs-affluents .container-left-cbh-affluents {
    max-width: 100%;
    margin: 0 auto;
}
.context-contact-us-cbhs-affluents > header h1 {
    font-size: 0.9375em;
}
.context-contacts-cbhs-affluents a, .context-contacts-cbhs-affluents .flex {
    flex-direction: column;
    text-align: center;
}
.context-contacts-cbhs-affluents a i, .icons-tel {
    margin: 5px auto;
}
}
@media (min-width: 767px) and (max-width: 1100px) {
    .container-contexts-cbh-affluents > div button strong {
        font-size: 0.875em;
    }
    .context-contact-us-cbhs-affluents > header {
        grid-gap: 10px;
    }
    .context-contact-us-cbhs-affluents > header h1 {
        font-size: 0.875em;
    }
    .context-contact-us-cbhs-affluents > header h1 img {
        width: 30px;
    }
    .context-contact-us-cbhs-affluents > header p {
        font-size: 0.625em;
        padding-left: 10px;
    }
}

.affluents-list {padding: 15px;}/*begin container meetings*/
.container-meetings {
    margin-bottom: 40px;
}
.container-meetings .link-external-docs:hover, .container-meetings .document-section-documentation .green {
    color: var(--blue-ligth) !important;
}
 /*end container meetings*/
/*begin description electoral processes*/
.description-electoral-processes, .description-electoral-processes > header {
    margin-bottom: 40px;
}
.description-electoral-processes .link-external-docs:hover, .description-electoral-processes .document-section-documentation .green {
    color: var(--blue-ligth) !important;
}
/*end description electoral processes*/
@media (min-width: 300px) and (max-width: 1100px) {
.description-electoral-processes > header > div {
    font-size: 0.875em;
}
}
/*begin all events*/
.container-events {
    margin-bottom: 40px;
}
.container-events > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.container-events > header h1 {
    margin-bottom: 0;
}
.container-events > header a {
    font-size: 0.6875em;
    padding: 6px 12px;
    border-radius: 2px;
}
.grid-events {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}
.grid-events img {
    height: 250px;
    -o-object-fit: cover;
       object-fit: cover;
}
.grid-events article {
    height: 250px;
}
.grid-events article > header {
    position: absolute;
    z-index: 99;
    bottom: 0;
    height: 65px;
    padding: 15px;
    line-height: 1.2;
    width: 100%;
    background-color: rgba(21,97,172,0.5);
}
.grid-events article > header h2 {
    font-size: 0.875em;
}
/*end all events*/
/*begin events*/
.event-specific, .description-event-specific {
    margin-bottom: 40px;
}
.grid-photos-events {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 5px;
}
.grid-photos-events img, .grid-photos-events a {
    height: 250px;
    -o-object-fit: cover;
       object-fit: cover;
}
/*end events*/
@media (min-width: 300px) and (max-width: 767px) {
/*begin all events*/
.grid-events, .grid-photos-events {
    grid-template-columns: 1fr;
}
/*end all events*/
.description-event-specific {
    font-size: 0.875em !important;
}
}
@media (min-width: 768px) and (max-width: 1100px) {
/*begin all events*/
.grid-events, .grid-photos-events {
    grid-template-columns: 1fr 1fr;
}
/*end all events*/
.description-event-specific {
    font-size: 0.875em !important;
}
}
/**/
.container-calendar-of-events, .container-calendar-of-events > header {
    margin-bottom: 40px;
}
.container-calendar-of-events > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.container-calendar-of-events > header h1 {
    margin-bottom: 0;
}
.container-calendar-of-events > header a {
    font-size: 0.6875em;
    padding: 6px 12px;
    border-radius: 2px;
}
.edit-calendar-of-events .fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 0;
}
.edit-calendar-of-events .fc .fc-toolbar {
    justify-content: flex-end;
    flex-direction: row-reverse;
    border: 1px solid #E3E3E3;
    border-bottom: 0;
    padding: 10px;
}
.edit-calendar-of-events .fc .fc-toolbar-title{
    font-size: 1em;
    text-transform: capitalize;
    color: #756C6C;
    margin-left: 10px;
    font-weight: bold;
}
.edit-calendar-of-events .fc .fc-col-header-cell-cushion {
    text-transform: uppercase;
    font-weight: bold;
    color: #756C6C;
    font-size: 0.8125rem;
}
.edit-calendar-of-events .fc-theme-standard th {
    border-bottom: 0 !important;
}
.edit-calendar-of-events .fc .fc-daygrid-day-top {
    font-size: 0.8125rem;
    justify-content: center;
    line-height: 0.7;
    margin-bottom: 5px;
}
.edit-calendar-of-events .fc-button-group .fc-button-primary {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #756C6C !important;
    outline: none !important;
}
.edit-calendar-of-events .fc .fc-button:focus {
   box-shadow: none !important;
}
.edit-calendar-of-events .fc-today-button {
    display: none !important;
}
.edit-calendar-of-events .fc-h-event {
    background-color: var(--blue-dark) !important;
    border-color: var(--blue-dark) !important;
}
.edit-calendar-of-events .fc-daygrid-day:nth-child(even) .fc-h-event {
    background-color: var(--green-dark) !important;
    border-color: var(--green-dark) !important;
}
.fc-daygrid-event {
    white-space: normal !important;
    line-height: 1.2;
}
.modal-calendar {
    width: 100%; height: 100%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 9999;
    top: 0;
    background-color: rgba(6, 21, 50, 0.8);
}
.modal-calendar > div {
    width: 450px;
    padding: 30px;
    border-radius: 10px;
    background-color: white;
    position: relative;
    border: 1px solid rgba(6, 21, 50, 0.8);
}
#close-modal {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: transparent;
    border: 0;
    padding: 0 5px;
    font-size: 18px;
    outline: none;
    cursor: pointer;
}
.context-modal {
    font-size: 0.875em;
    line-height: 1.2;
}
.context-modal article header {
    display: grid;
    grid-gap: 10px;
}
@media(min-width: 300px) and (max-width: 767px) {
.edit-calendar-of-events {
   overflow: scroll;
}
.edit-calendar-of-events .fc-direction-ltr {
    width: 60vh;
}
.edit-calendar-of-events .fc-event-title{
    display: none !important;
}
.edit-calendar-of-events .fc-h-event {
    min-height: 30px;
}
}

/*begin container basin municipalities*/
.container-basin-municipalities {
    margin-bottom: 40px;
    line-height: 1.2;
}
.container-basin-municipalities table {
    width: 100%;
    border: 1px solid white;
    border-collapse:inherit;
}
.container-basin-municipalities th, .container-basin-municipalities td{
    padding: 10px;
    border: 1px solid white !important;
    color: var(--grey-dark) !important;
    vertical-align: middle !important;
    font-size: 0.9375rem !important;
    text-align: center !important;
}

.container-basin-municipalities th {
    background-color: var(--blue-dark);
    color: white !important;
}
.container-basin-municipalities td {
    background-color: var(--grey-doc);
}
.container-basin-municipalities p {
    margin-bottom: 20px;
}
.resul-table > td:first-child {
    border-right-color: transparent !important;
}
.resul-table > td:last-child {
    border-left-color: transparent !important;
}
/*end container basin municipalities*/
.context-useful-links a {
    transition: all .3s !important;
    color: var(--black-ligth) !important;
    display: block !important;
}
.context-useful-links ul > li, .context-useful-links ol > li {
    position: relative;
    padding-left: 13px;
    line-height: 1.2;
}
.context-useful-links ul > li:not(:last-child), .context-useful-links ol > li:not(:last-child) {
    border-bottom: 1px dotted var(--grey);
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.context-useful-links li::before {
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    background-color: var(--blue-dark);
    width: 6px;
    height: 6px;
    border-radius: 50%;
}
.context-useful-links > div a:hover {
    color: var(--blue-dark) !important;
}
.context-useful-links > div img {
    max-width: 100%;
    height: auto;
}
@media (min-width: 300px) and (max-width: 1100px) {
.container-basin-municipalities p, .container-basin-municipalities table {
    font-size: 0.8125em !important;
}
.container-basin-municipalities th, .container-basin-municipalities td {
    padding: 10px 5px;
}
.container-basin-municipalities .overflow-table {
    overflow-x: scroll;
}
}
/*begin hydrographic regions*/
.container-hydrographic-regions {
    margin-bottom: 40px;
}
.container-hydrographic-regions img {
    margin-top: 20px;
}
/*end hydrographic regions*/
@media (min-width: 300px) and (max-width: 1100px) {
.container-hydrographic-regions > div {
    font-size: 0.875em;
}
}
/*begin map gallery*/
.container-map-gallery {
    margin-bottom: 40px;
}
.docs-orange .link-external-docs:hover, .docs-orange .green {
    color: var(--orange) !important;
}
/*end container map gallery*/
/*begin accompaniment room*/
.container-accompaniment-room, .container-accompaniment-room nav {
    margin-bottom: 40px;
}
/*end accompaniment room*/

@media(min-width: 300px) and (max-width: 1100px) {.description-accompaniment-room {font-size: 0.875em !important}}/*begin characteristics*/
.container-characteristics > article {
    margin-bottom: 40px;
}
.container-characteristics > article img {
    margin-top: 20px;
}
.container-characteristics > article > div table {
    width: 100%;
    line-height: 1.2;
    text-align: center;
}
.container-characteristics > article > div table th, .container-characteristics > article > div table td {
    padding: 15px 10px !important;
}
.container-characteristics > article > div table tbody > tr td {
    background-color: var(--grey-doc) !important;
    border: 2px solid white !important;
}
.container-characteristics > article > div table th, .container-characteristics > article > div table tbody > tr:first-child td {
    background-color: var(--orange) !important;
    color: white;
    font-weight: bold;
    border-color: transparent !important;
    vertical-align: middle;
}
/*end characteristics*/
@media (min-width: 300px) and (max-width: 1100px) {
.container-characteristics > article > div {
    font-size: 0.875rem !important;
}
}
/*begin potentiality*/
.container-potentiality {
    margin-bottom: 40px;
}
.container-potentiality img {
    margin-top: 20px;
}
.container-potentiality > div img {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 6px 0px 12px -5px rgba(153,153,153,0.5);
}
/*end potentiality*/
@media (min-width: 300px) and (max-width: 1100px) {
.container-potentiality > div {
    font-size: 0.875rem !important;
}
}
/*begin socioeconomy*/
.container-socioeconomy, .description-socioeconomy {
    margin-bottom: 40px;
}
.grid-socioeconomy {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
}
.grid-socioeconomy article img {
    width: 80px;
    margin-bottom: 10px;
}
.grid-socioeconomy article header h2 {
    font-size: 1.125em;
    margin-bottom: 10px;
}
.grid-socioeconomy article > div {
    font-size: 0.875em;
}
/*end socioeconomy*/
@media (min-width: 300px) and (max-width: 767px) {
/*begin socioeconomy*/
.description-socioeconomy {
    font-size: 0.875em;
}
.grid-socioeconomy {
    grid-template-columns: 1fr;
}
/*end socioeconomy*/
}
@media (min-width: 768px) and (max-width: 1100px) {
/*begin socioeconomy*/
.description-socioeconomy {
    font-size: 0.875em;
}
.grid-socioeconomy {
    grid-template-columns: 1fr 1fr;
}
/*end socioeconomy*/
}
/*begin tourism and leisure*/
.container-tourism-and-leisure {
    margin-bottom: 60px;
}
.context-tourism-and-leisure {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px;
    padding-bottom: 40px;
}
.context-tourism-and-leisure img {
    margin-top: -30px;
}
.context-tourism-and-leisure article > header h2 {
    margin-top: 40px;
}
.context-tourism-and-leisure article > header h2 p {
    margin-bottom: 15px;
}
/*end tourism and leisure*/
@media (min-width: 300px) and (max-width: 767px) {
.container-tourism-and-leisure > header > div, .context-tourism-and-leisure article > header h2 {
    font-size: 0.875em;
}
.context-tourism-and-leisure {
    grid-template-columns: 1fr;
    grid-gap: 0;
}
}
@media (min-width: 768px) and (max-width: 1100px) {
.container-tourism-and-leisure > header > div, .context-tourism-and-leisure article > header h2 {
    font-size: 0.875em;
}
}
.container-deliberations {
    margin-bottom: 40px;
}
.docs-blue-dark .link-external-docs:hover, .docs-blue-dark .green {
    color: var(--blue-dark) !important;
}
.container-management-tools {
    margin-bottom: 40px;
}
.btns-management-tools {
    display: flex;
    align-items: center;
    padding: 17px 15px;
    font-weight: bold;
    border: 2px solid white;
    width: 100%;
    cursor: pointer;
    line-height: 1.2;
    outline: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1rem;
}
.btns-management-tools > i {
    font-size: 20px;
    margin-right: 10px;
}
.context-management-tools {
    font-size: 1rem !important;
    padding: 15px;
}
.btn-required-management-tools, .btns-management-tools:hover {
    background-color: var(--grey-hover-doc);
}
.btn-required-management-tools > i {
    transform: rotate(90deg);
}
@media(min-width: 300px) and (max-width: 1100px) {.btns-management-tools {font-size: 0.875rem}}.container-management-contract {
    margin-bottom: 40px;
}
/*begin all news*/
/*begin featured news*/
.container-featured-news {margin-bottom: 40px;}
.container-featured-news ul li > article {
    display: grid;
    grid-template-columns: 2fr 1fr;
    align-items: center;
}
.container-featured-news ul li > article img {
    height: 500px;
    -o-object-fit: cover;
       object-fit: cover;
}
.container-featured-news ul li > article a {
    color: white !important;
}
.container-featured-news ul li > article > header {
    padding: 40px;
}
.container-featured-news ul li > article > header > span {
    border: 1px solid white;
    font-size: 0.625em;
    padding: 2px 15px;
    border-radius: 2px;
}
.date-featured-news {
    font-size: 0.8125rem;
    margin-top: 20px;
}
.container-featured-news ul li > article > header > h2 {
    line-height: 1.2;
    margin: 20px 0;
}
.description-featured-news {
    font-size: 0.875em;
    margin-bottom: 20px;
}
.link-featured-news {
    font-size: 0.75em;
    padding: 10px 20px;
}
.all-news-arrows {
    position: absolute;
    width: 100%;
    top: calc(50%);
}
.all-news-prev, .all-news-next {
    left: 40px;
    opacity: 1;
    background-color: transparent;
    border: 1px solid white;
    width: 50px; height: 50px;
    font-size: 20px;
    border-radius: 10px;
    box-shadow: 6px 0px 12px -5px rgba(153,153,153,0.5);
}
.all-news-prev svg, .all-news-next svg {
    fill: white;
}
.all-news-prev svg path, .all-news-next svg path {
    box-shadow: 6px 0px 12px -5px rgba(153,153,153,0.5);
}
.all-news-prev {
    transform: rotate(-180deg);
    top: calc(50% - 60px);
}
.all-news-next {
    top: calc(50% + 25px);
}
/*end featured news*/
/*begin latest news*/
.container-latest-news {
    padding: 40px 15px;
}
.grid-latest-news {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 40px;
}
.grid-latest-news > a {
    color: var(--black-ligth) !important;
    background-color: white;
    box-shadow: 6px 0px 12px -5px rgba(153,153,153,0.5);
}
.grid-latest-news > a img {
    height: 200px;
    -o-object-fit: cover;
       object-fit: cover;
}
.category-latest-news {
    position: absolute;
    left: 15px; top: 15px;
    background-color: white;
    line-height: 1;
    font-size: 0.6875em;
    padding: 5px 10px;
    border-radius: 5px;
    z-index: 9;
}
.context-latest-news {
    padding: 0 20px 20px 20px;
}
.context-latest-news > p {
    font-size: 0.8125rem;
    margin: 0 0 5px 0;
}
.context-latest-news > h2 {
    line-height: 1.2;
    margin-bottom: 10px;
}
.context-latest-news > div {
    font-size: 0.875em;
}
/*end latest news*/
/*end all news*/
/*begin new*/
.container-news {
    margin-bottom: 40px;
}
.container-news img {
    width: 100% !important;
    box-shadow: 1px 1px 1px 1px rgba(153,153,153,0.1);
}
.container-news > a > img {
    height: 40vw;
    -o-object-fit: cover;
       object-fit: cover;
    margin-bottom: 20px;
}
.grid-dir-news {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    margin-top: 20px;
}
.grid-dir-news a, .grid-dir-news a img {
    height: 200px;
    -o-object-fit: cover;
       object-fit: cover;
}
.date-news {
    font-size: 0.8125rem;
    margin-bottom: 14px;
}
.news-categories-menu {
    padding: 30px 0;
    background-color: var(--blue-dark);
    > .container {
        > header {
            margin-bottom: 20px;
            > h2 {
                color: white;
                font-size: 25px;
                font-weight: 600;
            }
        }
        > ul {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 10px auto;
            > li {
                > a {
                    color: white;
                    font-size: 12px;
                }
            }
        }
    }
}
.news-category-name {
    background-color: var(--blue-ligth);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 4px 10px;
    border-radius: 5px;
    margin-bottom: 12px;
    > h2 {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        color: white;
        font-size: .8125rem;
        font-weight: 500;
    }
}
/*end new*/
@media (min-width: 300px) and (max-width: 767px) {
.container-featured-news ul li > article {grid-template-columns: 1fr}
.container-featured-news ul li > article img {height: 300px}
.all-news-arrows {top: 0px}
.all-news-prev {top: 100px}
.all-news-next {top: 180px}
.grid-latest-news {grid-template-columns: 1fr}
.container-news {font-size: 0.875rem !important}
.grid-dir-news {grid-template-columns: 1fr}
.news-category-name {
    padding: 1px 8px;
    border-radius: 3px;
    > h2 {
        font-size: .625rem;
    }
}
.news-categories-menu {
    padding: 25px 0;
    > .container {
        > header {
            margin-bottom: 17px;
            > h2 {font-size: 22px;}
        }
        > ul {
            grid-template-columns: 1fr;
            > li {
                > a {font-size: 10px;}
            }
        }
    }
}
}
@media (min-width: 768px) and (max-width: 1100px) {
.container-featured-news ul li > article {grid-template-columns: 3fr 2fr}
.container-featured-news ul li > article img {height: 350px}
.container-featured-news ul li > article > header {padding: 20px}
.container-featured-news ul li > article > header > h2 {font-size: 0.875em}
.description-featured-news {font-size: 0.8125em}
.grid-latest-news {grid-template-columns: repeat(2, 1fr)}
.container-news {font-size: 0.875rem !important}
.grid-dir-news {grid-template-columns: repeat(3, 1fr)}
}
/*begin informative*/
.container-informative {
    margin-bottom: 40px;
}
.context-page-informative {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}
.context-page-informative > article {
    padding: 20px;
    text-align: center;
    line-height: 1.2;
}
.context-page-informative > article img {
    height: 300px;
    -o-object-fit: cover;
       object-fit: cover;
}
.context-page-informative > article header h2 {
    font-size: 0.875em;
    margin-top: 10px;
}
/*end informative*/
@media (min-width: 300px) and (max-width: 767px) {
.context-page-informative {
    grid-template-columns: 1fr;
}
.context-page-informative > article img {
    height: 400px;
}
}
@media (min-width: 768px) and (max-width: 1100px) {
.context-page-informative {
    grid-template-columns: repeat(2, 1fr);
}
.context-page-informative > article img {
    height: 450px;
}
}
.container-photos {
    margin-bottom: 40px;
}
.grid-videos {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}
.video {
    height: 200px;
    -o-object-fit: cover;
       object-fit: cover;
}
@media (min-width: 300px) and (max-width: 767px) {
.grid-videos {
    grid-template-columns: 1fr;
}
}
@media (min-width: 768px) and (max-width: 1100px) {
.grid-videos {
    grid-template-columns: repeat(2, 1fr);
}
}
/*begin contact*/
.container-contact {
    margin-bottom: 40px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    grid-gap: 60px;
}
.form-contact header > div{
    margin-bottom: 20px;
    line-height: 1.4;
}
.form-contact form {
    display: grid;
    grid-gap: 15px;
}
.form-contact form input, .form-contact form textarea, .form-contact form select {
    padding: 10px;
    border: 1px solid var(--grey);
    border-radius: 2px;
    outline: none;
}
.form-contact form input, .form-contact form select {
    height: 40px;
}
.form-contact form textarea {
    font-size: 1.125em;
}
.form-contact form > div:last-child button {
    padding: 5px 25px;
    border-color: transparent;
    font-size: 0.75em;
    cursor: pointer;
    outline: none;
    border-radius: 3px;
}
.contact-social-networks {
    display: grid;
    grid-gap: 20px;
    line-height: 1.2;
}
.contact-social-networks > article header h2 a, .tels-social-networks header h2 {
    display: flex;
}
.contact-social-networks > article:last-child header h2 a {
    align-items: center;
}
.contact-social-networks > article header h2 a i, .tels-social-networks header h2 > i {
    font-size: 30px;
    margin-right: 15px;
}
.contact-social-networks > article header h2 a > div strong {
    font-size: 0.875em;
}
.contact-social-networks > article header h2 a > div span, .contact-social-networks > article:last-child header h2 a > div, .tels-social-networks header h2 a {
    font-size: 0.8125em;
}
/*end contact*/
/*begin msg alert contact*/
.success, .success #btn-close {
    background-color: #DFF0D8;
    color: #3C763D;
}
.error, .error #btn-close {
    background-color: #F2DEDE;
    color: #A94442;
}
.success.msg-alert-contact, .error.msg-alert-contact, .success .msg-success, .error .msg-error {
    display: block;
}
.msg-alert-contact, .msg-success, .msg-error {
    display: none;
    border-radius: 3px;
}
.msg-alert-contact > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1.2;
    font-size: 0.875em;
    padding: 15px 0;
    margin-bottom: 20px;
}
#btn-close {
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 20px;
    padding: 0 10px;
}
.div-recaptcha {
    display: flex;
    justify-content: flex-end;
}
/*end msg alert contact*/
@media (min-width: 300px) and (max-width: 767px) {
/*begin contact*/
.container-contact {
    grid-template-columns: 1fr;
    grid-gap: 40px;
}
.form-contact header > div, .form-contact form > div:last-child button{
    font-size: 0.875em;
}
.form-contact form input, .form-contact form select {
    height: 50px;
    background-color: transparent;
}
/*end contact*/
}
@media (min-width: 768px) and (max-width: 1100px) {
/*begin contact*/
.container-contact {
    grid-gap: 30px;
}
.form-contact header > div{
    font-size: 0.875em;
}
/*end contact*/
}
.application-form {
    padding-bottom: 60px;
}
.application-form form fieldset {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    grid-gap: 15px;
    border: 2px solid var(--blue-dark);
    border-radius: 5px;
    padding: 5px 20px 20px 20px;
}
.application-form form fieldset legend {
    margin-left: 20px;
    padding: 0 5px;
}
.application-form input, .application-form select{
    width: 100%;
}
.application-form label {
    font-size: 0.875rem;
}
.application-form label:not([for="select_nation_brasil"]):not([for="select_nation_other"])::before {
    content: '*';
    color: rgb(224, 28, 28);
    margin-right: 3px;
}
.last-div button[type='submit'] {
    text-transform: uppercase;
    padding: 8px 30px !important;
}
.last-div button[type='submit']:hover, .div-work-annex > label:hover {
    background-color: var(--blue);
}
.div-nation, .div-nation > div {
    display: flex;
    align-items: center;
}
.div-nation {
    margin-bottom: 5px;
}
.div-nation > label {
    margin-right: 15px;
}
.div-nation > div label {
    cursor: pointer;
    margin-right: 5px;
}
.div-nation input {
    cursor: pointer;
    width: 15px !important;
    height: 15px !important;
    margin-bottom: 5px;
}
.div-work-annex {
    padding: 20px 0;
    display: flex;
    flex-direction: column;
}
.div-work-annex > label {
    cursor: pointer;
    line-height: 1.2;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 230px;
    padding: 8px;
    border-radius: 5px;
}
.div-work-annex > label span {
    font-size: 0.6875rem;
    line-height: 1.2;
    font-weight: 400;
}
.div-work-annex > label::before {
    display: none;
}
.div-work-annex > label i {
    margin-right: 10px;
    font-size: 20px;
}
.div-work-annex > label:hover {
    background-color: var(--blue);
}
.add-name-file {
    font-size: 0.6875rem;
    line-height: 1.2;
    margin: 5px 0 0 5px;
}
.input-error {
    border: 1px solid rgb(224, 28, 28) !important;
}
.message-error {
    color: rgb(224, 28, 28);
    font-size: 0.6875rem;
    padding-left: 5px;
}

.logo-simposio {
    display: flex;
    justify-content: center;
}
.logo-simposio img {
    max-width: 700px;
}
.mb-simposio {
    margin-bottom: 50px;
}
.context-about-the-event {
    text-align: justify;
}
.context-about-the-event p {
    margin-bottom: 8px;
}
.context-about-the-event li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 15px;
    line-height: 1.3;
}
.context-about-the-event li::before {
    content: '';
    width: 7px;
    height: 7px;
    background-color: var(--blue-dark);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 3.5px;
}
.recaptcha-paper-submission {
    margin-bottom: 25px;
}
.container-tabs {
    margin: 30px 0;
}
.top-tabs {
    display: flex;
}
.top-tabs a {
    padding: 10px 15px;
    border: 2px solid var(--blue-dark);
    margin-bottom: -2.5px;
    border-radius: 5px 5px 0 0;
    margin-right: 5px;
    transition: all .3s;
}
.top-tabs a.active, .top-tabs a:hover {
    border-bottom-color: white;
    background-color: white;
    color: var(--blue-dark) !important;
}
.content-tabs {
    min-height: 350px;
    border: 2px solid var(--blue-dark);
    border-radius: 0 5px 5px 5px;
    padding: 15px;
}
.content-tabs table th, .content-tabs table td {
    padding: 5px;
    vertical-align: middle;
}
.context-tabs, .form-application-form {
    display: none !important;
}
.context-tabs li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 15px;
    line-height: 1.3;
}
.context-tabs li::before {
    content: '';
    width: 7px;
    height: 7px;
    background-color: var(--blue-dark);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 3.5px;
}
.context-tabs.active, .form-application-form.active {
    display: block !important;
    -webkit-animation: showText .3s forwards;
            animation: showText .3s forwards;
}
.btn-form-application-form {
    padding: 10px 15px;
    border-radius: 5px;
    border: 2px solid var(--blue-dark);
    margin: 0 auto 30px auto;
    width: 100%;
    max-width: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
    text-transform: uppercase;
}
.btn-form-application-form:hover, .btn-form-application-form.active {
    background-color: white;
    color: var(--blue-dark) !important;
}
.mb-fieldset {
    margin-bottom: 25px;
}
@-webkit-keyframes showText {
    from {
        opacity: 0;
        transform: translateX(40px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes showText {
    from {
        opacity: 0;
        transform: translateX(40px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@media (min-width: 300px) and (max-width: 767px) {
    .div-work-annex > label, .context-about-the-event, .top-tabs a, .context-tabs, .btn-form-application-form {
        font-size: 0.875rem;
    }
    .top-tabs a, .context-tabs {
        line-height: 1.3;
    }
    .div-work-annex {
        align-items: center;
    }
    .application-form form fieldset {
        grid-template-columns: 1fr;
    }
    .last-div {
        grid-column: span 1;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
@media (min-width: 768px) and (max-width: 1279px) {
    .div-work-annex > label, .context-about-the-event, .top-tabs a, .context-tabs, .btn-form-application-form {
        font-size: 0.875rem;
    }
}
.bio {
  min-height: 100dvh;
  padding-top: 9.625rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.bio > .container {
  width: 100%;
  max-width: 40.625rem;
  padding-bottom: 0.825rem;
}

.bio > .container > header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 3.8125rem;
}

.bio > .container > header > img {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 12.5625rem;
  margin-bottom: 1.5625rem;
}

.bio > .container > header > h1 {
  color: #1561AC;
  text-align: center;
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4375rem;
  max-width: 18.25rem;
}

.bio > .container > .bio-links a {
  background-color: #F0A334;
  display: flex;
  width: 100%;
  padding: 1.8125rem 4.375rem 1.8125rem 3.375rem;
  border-radius: 3.125rem;
  margin-bottom: 1.125rem;
  transition: all 0.2s linear;
  background-image: url("/../img//icons/icon-bio-links-arrow.svg");
  background-repeat: no-repeat;
  background-size: 1rem;
  background-position: center right 3.375rem;
  color: #FFFFFF;
  font-family: Inter;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4375rem;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.bio > .container > .bio-links a:hover {
  background-color: #e58e11;
}

.bio .footer {
  height: 5.5625rem;
}

.bio .footer > .container {
  border-top: 1px solid rgba(130, 129, 129, 0.5);
  max-width: 100.625rem;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bio .footer > .container > small {
  color: #969491;
  font-family: Inter;
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

.bio .footer > .container > svg {
  width: 2.375rem;
  height: auto;
}

@media (max-width: 480px) {
  .bio {
    padding-top: 4.75rem;
  }

  .bio > .container {
    padding: 0 3.125rem;
    padding-bottom: 1.625rem;
  }

  .bio > .container > header {
    margin-bottom: 2.5rem;
  }

  .bio > .container > header > img {
    max-width: 10.4375rem;
    margin-bottom: 1.1875rem;
  }

  .bio > .container > header > h1 {
    font-size: 0.875rem;
    line-height: 1.25rem;
    max-width: 17.1875rem;
  }

  .bio > .container > .bio-links a {
    padding: 1.5rem 4.4375rem 1.5rem 3.4375rem;
    margin-bottom: 0.75rem;
    background-position: center right 3.4375rem;
    font-size: 1.1875rem;
    line-height: 1.375rem;
  }

  .bio .footer {
    height: 11.25rem;
  }

  .bio .footer > .container {
    border-top: 1px solid transparent;
    flex-direction: column;
    justify-content: center;
    gap: 0.9375rem;
  }

  .bio .footer > .container > svg {
    width: 2.5625rem;
  }
}

.wpp-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #25D366;
  position: fixed;
  z-index: 99999999999;
  border-radius: 50%;
  right: 15px;
  bottom: 80px;
  width: 60px;
  height: 60px;
  transition: 0.2s all linear;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}

.wpp-btn > svg {
  width: 30px;
  height: auto;
}

.wpp-btn > svg > path {
  transition: 0.2s all linear;
}

@media (min-width: 481px) {
  .wpp-btn:hover {
    background-color: #FFFFFF;
  }

  .wpp-btn:hover > svg > path {
    fill: #25D366;
  }
}

@media (max-width: 480px) {
  .wpp-btn {
    right: 15px;
    bottom: 15px;
  }
}

.sign-newsletter {
  padding: 35px 0;
  background-color: #F19737;
}

.sign-newsletter > div {
  max-width: 1027px;
  margin: 0 auto;
  gap: 78px;
}

.sign-newsletter > div,
.sign-newsletter > div > header {
  display: flex;
  align-items: center;
}

.sign-newsletter > div > header {
  gap: 42px;
}

.sign-newsletter > div > header > svg {
  width: 47px;
  height: auto;
}

.sign-newsletter > div > header > h2 {
  color: #FFFFFF;
  font-size: 17px;
  font-weight: 700;
  line-height: 30px;
}

.sign-newsletter > div > section {
  flex-shrink: 0;
}

.sign-newsletter > div > section > p {
  color: #FFF;
  font-size: 14px;
  line-height: 16px;
}

.sign-newsletter > div form {
  display: flex;
  align-items: center;
  gap: 12px;
}

.sign-newsletter > div form > input {
  background-color: transparent;
  width: 398px;
  padding: 7px 15px;
  border: 1px solid #FFF;
  border-radius: 5px;
}

.sign-newsletter > div form > input::-moz-placeholder {
  color: #FFF;
  font-size: 14px;
  line-height: 30px;
}

.sign-newsletter > div form > input:-ms-input-placeholder {
  color: #FFF;
  font-size: 14px;
  line-height: 30px;
}

.sign-newsletter > div form > input::-ms-input-placeholder {
  color: #FFF;
  font-size: 14px;
  line-height: 30px;
}

.sign-newsletter > div form > input,
.sign-newsletter > div form > input::placeholder {
  color: #FFF;
  font-size: 14px;
  line-height: 30px;
}

.sign-newsletter > div form > input:focus {
  outline: none;
}

.sign-newsletter > div form > button {
  display: grid;
  padding: 0;
  border: none;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 5px;
  background-color: transparent;
  cursor: pointer;
}

.sign-newsletter > div form > button > svg {
  width: 36px;
  height: auto;
  transition: 0.3s all linear;
}

@media (max-width: 480px) {
  .sign-newsletter {
    padding: 52px 25px 83px 25px;
  }

  .sign-newsletter > div {
    max-width: 375px;
    flex-direction: column;
    gap: 27px;
  }

  .sign-newsletter > div > header {
    gap: 6px;
    flex-direction: column;
  }

  .sign-newsletter > div > section > p {
    text-align: center;
    max-width: 152px;
  }

  .sign-newsletter > div > section > p > br {
    display: none;
  }

  .sign-newsletter > div form {
    gap: 11px;
  }

  .sign-newsletter > div form > input {
    width: 270px;
    padding: 7px 17px;
  }
}

#js_add_message_return.success {
  background-color: transparent !important;
}

#js_add_message_return.success > form {
  display: none !important;
}

#js_add_message_return.success .message-return {
  display: flex;
  -webkit-animation: 0.3s messageSuccess linear forwards;
          animation: 0.3s messageSuccess linear forwards;
}

.message-return {
  background-color: transparent;
  display: none;
  align-items: center;
  gap: 15px;
}

.message-return > svg {
  width: 36px;
  height: auto;
}

.message-return > h2 {
  color: #0A58A0;
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
}

.message-return > h2 > br {
  display: none;
}

@media (max-width: 480px) {
  .message-return {
    gap: 12px;
  }

  .message-return > h2 {
    line-height: 16px;
  }

  .message-return > h2 > br {
    display: block;
  }
}

.btn-submit {
  transition: 0.3s all linear;
  margin: 0 auto;
}

.btn-submit.loading {
  background-color: transparent !important;
  border: 0.375rem solid #FFFFFF !important;
  border-top-color: #FFFFFF !important;
  border-bottom-color: #0A58A0 !important;
  border-radius: 50% !important;
  width: 2.25rem !important;
  height: 2.25rem !important;
  padding: 0 !important;
  min-height: auto !important;
  -webkit-animation: 0.9s 0.3s rotateLoading linear infinite;
          animation: 0.9s 0.3s rotateLoading linear infinite;
  cursor: wait !important;
}

.btn-submit.loading > span,
.btn-submit.loading > svg {
  display: none !important;
}

@media (max-width: 480px) {
  .btn-submit.loading {
    width: 2.375rem !important;
    height: 2.375rem !important;
    border: 0.3125rem solid #00ADEF !important;
    border-bottom-color: #041279 !important;
  }
}

.error-input {
  position: relative;
  border: 0.1rem solid #d60000 !important;
}

.error-input .span-message {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  line-height: 1.2;
  color: #d60000;
  display: inline-block !important;
  font-size: 1.2rem;
  padding: 0.1rem 1rem 0 1rem;
}

@media (max-width: 480px) {
  .error-input .span-message {
    font-size: 1rem;
    padding: 0.1rem 1rem 0 1rem;
  }
}

.message-error-form {
  background-color: transparent;
  display: none;
  align-items: center;
  gap: 15px;
}

.message-error-form > svg {
  width: 36px;
  height: auto;
}

.message-error-form > h2 {
  color: #A00A0A;
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
}

.message-error-form > h2 > br {
  display: none;
}

@media (max-width: 480px) {
  .message-error-form {
    gap: 12px;
  }

  .message-error-form > h2 {
    line-height: 16px;
  }

  .message-error-form > h2 > br {
    display: block;
  }
}

@-webkit-keyframes rotateLoading {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes rotateLoading {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes messageSuccess {
  from {
    transform: translateY(5rem);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes messageSuccess {
  from {
    transform: translateY(5rem);
  }

  to {
    transform: translateY(0);
  }
}

@-webkit-keyframes closeError {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(2rem);
  }

  70% {
    transform: translateX(4rem);
  }

  100% {
    display: none;
  }
}

@keyframes closeError {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(2rem);
  }

  70% {
    transform: translateX(4rem);
  }

  100% {
    display: none;
  }
}

@-webkit-keyframes activeError {
  0% {
    transform: translateX(5rem);
  }

  50% {
    transform: translateX(2rem);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes activeError {
  0% {
    transform: translateX(5rem);
  }

  50% {
    transform: translateX(2rem);
  }

  100% {
    transform: translateX(0);
  }
}

.grecaptcha-badge {
  visibility: hidden;
}