/*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: #606060;
    --grey-ligth: #F5F7FF;
    --grey: #CBD9EB;
    --grey-bread-crumbs: #b0b0b0;
    --grey-dark: #787879;
    --grey-hover-doc: #cfcfcf;
    --grey-doc: #fafafa;
    --grey-documentation: #E9E9E9;
    --grey-latest-news: #BDBCBC;
    --green-ligth: #8AC84B;
    --green: #2FB553;
    --purple: #353375;
    --color-pdf: #D60003;
    --color-word: #004689;
    --color-excel: #2D7930;
    --color-png: #ff8bff;
    --orange: #F0A334;
}
/*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)}
.grey-ligth {color: var(--grey-ligth)}
.grey {color: var(--grey)}
.grey-bread-crumbs {color: var(--grey-bread-crumbs)}
.grey-dark {color: var(--grey-dark)}
.grey-documentation {color: var(--grey-documentation)}
.grey-latest-news {color: var(--grey-latest-news)}
.purple {color: var(--purple)}
.green-ligth {color: var(--green-ligth)}
.green {color: var(--green);}
.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-dark {background-color: var(--grey-dark)}
.bg-grey-documentation {background-color: var(--grey-documentation)}
.bg-grey {background-color: var(--grey)}
.bg-grey-bread-crumbs {background-color: var(--grey-bread-crumbs)}
.bg-grey-doc {background-color: var(--grey-doc)}
.bg-grey-hover-doc {background-color: var(--grey-hover-doc)}
.bg-purple {background-color: var(--purple)}
.bg-green-ligth {background-color: var(--green-ligth)}
.bg-green {background-color: var(--green);}
.bg-orange {background-color: var(--orange)}
/*END COLORS*/

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

/*BEGIN MEDIAS CONTAINER*/
@media screen and (max-width: 575px) {.container, .home-arrows {max-width: 100%} .container-left, .container-right {max-width: 100%}}
@media (min-width: 576px) {.container, .home-arrows {max-width: 560px} .container-left {max-width: calc(280px + 15%)} .container-right {max-width: calc(280px + 15%)}}
@media (min-width: 768px) {.container, .home-arrows {max-width: 780px} .container-left {max-width: calc(390px + 15%)} .container-right {max-width: calc(390px - 15%)}}
@media (min-width: 1200px) {.container, .home-arrows {max-width: 1280px} .container-left {max-width: calc(640px + 15%)} .container-right {max-width: calc(640px - 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-bottom-pages {margin-bottom: 40px}
body {
    font-family: 'Inter', 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 btn top*/
.btn-top {
    padding: 3px 10px 0 10px;
    position:fixed;
    z-index: 99;
    right: 28px;
    display:none;
    border-radius: 5px;
}
.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 title defalt*/
.title-defalt {
    line-height: 1.2;
}
.title-defalt strong {
    font-size: 1.875em;
}
.title-defalt span {
    display: block;
    margin-top: 10px;
    width: 45px; height: 4px;
    border-radius: 3px;
}
/*end title defalt*/

/*begin title defalt top pages*/
.title-defalt-top-pages {
    font-size: 1.875rem;
    line-height: 1.2;
    margin-bottom: 30px;
}
/*end title defalt top pages*/

/*begin arrows slides*/
#home-slider-featured-news .splide__pagination {
    justify-content: flex-start;
    bottom: 100px;
}
#home-slider-featured-news .splide__pagination li, #home-slider-news .splide__pagination li {
    margin-right: 5px;
}
#home-slider-featured-news .splide__pagination__page, #home-slider-news .splide__pagination__page {
    width: 17px; height: 9px;
    border-radius: 5px;
    background-color: var(--green-ligth);
}
#home-slider-featured-news .splide__pagination__page.is-active, #home-slider-news .splide__pagination__page.is-active {
    background-color: var(--green);
}
/*end arrows slides*/

/*begin header*/
.div-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.img-logo {
    width: 309px;
}
#content-inst, #content-bacia, #content-cool, #content-management, #content-communication, #content-transparency, #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-content-inst:hover ~ #content-inst, #drop-content-bacia:hover ~ #content-bacia, #drop-content-cool:hover ~ #content-cool, #drop-content-management:hover ~ #content-management, #drop-content-communication:hover ~ #content-communication, #drop-content-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.875em;
    font-weight: bold;
    cursor: pointer;
    padding: 55px 16px;
}
.ul-menu > li a:hover, .ul-menu > ul > label:hover, .hover-dropdown {
    background-color: #EAEEFA;
}
#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 var(--green-ligth);
}
#content-inst > li a:hover, #content-bacia > li a:hover, #content-cool > li a:hover, #content-management > li a:hover, #content-communication > li a:hover,  #content-transparency > li a:hover {
    color: var(--green-ligth) !important;
}
#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(--green-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 home slider*/
.bg-featured-news {
    background-image: url("/img/fundo-noticias-destaque.jpg");
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#home-slider-featured-news .splide__track {
    padding-top: 40px;
    min-height: 530px;
}
.container-home-slider-featured-news > a {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 80px;
    align-items: center;
}
.container-home-slider-featured-news > a > header {
    margin-top: -80px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.container-home-slider-featured-news > a > header h2 {
    font-size: 1.875em;
    line-height: 1.4;
    margin-bottom: 15px;
}
.container-home-slider-featured-news > a > header p {
    font-size: 1.25em;
    line-height: 1.3;
    margin-bottom: 15px;
}
.container-home-slider-featured-news > a > header > div {
    width: 200px;height: 60px;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25em;
    border: 1px solid transparent;
    border-radius: 3px;
}
.container-home-slider-featured-news > a > header > div:hover {
    background-color: transparent;
    border: 1px solid var(--purple);
    color: var(--purple) !important;
}
.container-home-slider-featured-news > a > div > img {
    width: 695px;height: 490px !important;
    box-shadow: 6px 0px 12px -5px rgba(153,153,153,0.5);
    margin: 0 12px 6px 0;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 3px;
}
/*end home slider*/

/*begin customer service*/
.over-flow {
    overflow: hidden;
    height: 300px;
    margin-top: -50px;
}
.container-customer-service {
    padding: 50px 15px 0px 15px;
    display: grid;
    grid-template-columns: 2fr 3fr;
    grid-gap: 20px;
}
.container-customer-service > header {
    display: flex;
    align-items: center;
    line-height: 1.2;
}
.container-customer-service > header img {
    width: 265px;
    margin: 0 45px -45px -132.5px;
}
.container-customer-service > header > div {
    width: 287px;
}
.container-customer-service > header > div, .container-customer-service > div {
    margin-top: -40px;
}
.container-customer-service > header h1 {
    font-size: 1.375em;
    padding-bottom: 10px;
}
.container-customer-service > header p {
    display: block;
    font-size: 1.25em;
    padding-bottom: 20px;
}
.container-customer-service > header a {
    border: 1px solid white;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.25em;
    width: 100%;height: 42px;
    margin-bottom: 5px;
}
.icon-whats-cbh {
    font-size: 25px;
    margin-right: 10px;
}
.container-customer-service > header a:hover {
    color: var(--purple) !important;border-color: var(--purple);
}
.container-customer-service > div {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.container-customer-service > div a {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 107px;height: 107px;
    border-radius: 3px;
    margin: 0 5px;
    font-size: .8125rem;
    line-height: 1.2;
    text-align: center;
}
.container-customer-service > div a svg {
    margin: 0 auto 5px auto;
    width: 30px; height: 30px;
}
.container-customer-service > div a:hover svg path {
    fill: white;
}
.container-customer-service > div a:hover {
    color: white;
}
/*end customer service*/

/*begin home featured news*/
.container-home-slider-news {
    padding: 40px 15px;
}
.container-home-slider-news > header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}
.container-home-slider-news > header a {
    border-radius: 3px;
    border: 1px solid var(--purple);
    line-height: 1.2;
    font-size: 1.25em;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;height: 60px;
}
.container-home-slider-news > header a:hover {
    background-color: var(--purple);
    color: white;
}
#home-slider-news {
    padding: 70px 0;
}
.context-home-slider-news {
    display: grid;
    padding: 20px;
    height: 100%;
    box-shadow: 6px 0px 12px -5px rgba(153,153,153,0.5);
    line-height: 1.2;
    border-radius: 3px;
}
.context-home-slider-news article > div img {
    height: 180px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 3px;
    box-shadow: 6px 0px 12px -5px rgba(153,153,153,0.5);
}
.context-home-slider-news article > div strong {
    display: block;
    position: absolute;
    bottom: 0;
    margin: 0 10px;
    font-size: 0.75em;
    padding: 5px 10px 3px 10px;
    border-radius: 3px;
    border: 1px solid var(--grey-ligth);
}
.context-home-slider-news article > header p {
    margin: 20px 0;
    font-size: 0.8125em;
}
/*begin home featured news*/

/*begin programs and projects*/
.container-programs-and-projects-informative {
    display: grid;
    grid-template-columns: 1fr 220px;
    grid-gap: 30px;
    padding: 40px 15px;
}
.container-programs-and-projects::before {
    position: absolute;
    content: '';
    border-style: solid;
    top: 10px;
    left: 360px;
    border-width: 15px 20px 0 20px;
    transform: translateY(-10px);
    border-color: white transparent transparent transparent;
}
.container-programs-and-projects {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 60px;
    padding: 30px 30px 0 0;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
}
.container-programs-and-projects > header {
    display: grid;
    height: 100%;
}
.container-programs-and-projects > header h2 {
    margin: 40px auto 30px auto;
    width: 150px;
}
.container-programs-and-projects > header img {
    width: 300px;
    margin: 0 0 -80px -20px;
    bottom: 0;
}
#home-programs-and-projects {
    min-width: 100%;
    margin: 40px 0;
}
.programs-and-projects article > div {
    width: 50px; height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    border-radius: 3px;
}
.programs-and-projects article > div img {
    width: 26px; height: 24px;
}
.programs-and-projects article > header h3 {
    font-size: 1.0625em;
    line-height: 1.2;
}
.container-informative {
    display: grid;
    grid-gap: 20px;
}
.container-informative > div {
    padding: 30px;
}
.container-informative > div > a:last-child {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    border-radius: 3px;
    margin-top: 20px;
    border: 1px solid var(--purple);
}
.container-informative > div > a:last-child:hover {
    color: var(--purple) !important;
    background-color: transparent;
}
.container-informative > div > a:last-child > span:first-child {
    margin-right: 5px;
}
/*end programs and projects*/

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

/*begin footer contacts*/
.container-footer-contacts {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 15px;
    line-height: 1.2;
    font-size: 0.8125em;
    border-bottom: 1px solid var(--grey);
}
.container-footer-contacts > article {
    margin-left: 15px;
}
.logo-footer-contacts {
    margin-left: 0;
}
.logo-footer-contacts img {
    width: 200px;
}
.container-footer-contacts > article a {
    display: flex;
}
.icons-footer-contacts {
    width: 20px; height: 30px;
    margin-right: 10px;
}
.footer-contacts-social-networks {
    display: grid;
    grid-template-columns: 25px 25px;
    grid-gap: 10px;
    align-items: center;
}
.footer-contacts-social-networks > a img {
    width: 25px; height: 25px;
}
.tel-strong {
    margin-top: 2px;
}
/*end footer contacts*/

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

/* begin description-legislation */
.description-legislation {
    display: block;
    margin-top: 50px;
    text-align: center;
}
/* end description-legislation */

/*begin media queries*/
@media (min-width: 300px) and (max-width: 767px) {
/* begin description-legislation */
.description-legislation {
    margin-top: 20px;
    font-size: .875rem;
}
/* end description-legislation */
/*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 top pages*/
.title-defalt-top-pages {
    font-size: 1.25rem;
}
/*end title defalt 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;
}
.div-header.container {
    max-width: 100% !important;
}
.img-logo {
    width: 170px;
    margin-left: 15px;
}
.nav {
    padding: 0;
    font-size: 30px !important;
    margin-right: 15px;
}
#drop-content-inst h2, #drop-content-bacia h2, #drop-content-cool h2, #drop-content-management h2, #drop-content-communication h2 , #drop-content-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 {
    padding: 15px;
    border-top: 1px solid var(--purple);
}
#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 home slider*/
#home-slider-featured-news {
    padding-bottom: 30px;
}
#home-slider-featured-news .splide__track {
    min-height: 100%;
}
.mobile-container-home-slider-featured-news .container {
    max-width: 100% !important;
    padding: 0;
}
.container-home-slider-featured-news > a {
    grid-template-columns: 1fr;
    height: 100%;
    text-align: center;
}
.container-home-slider-featured-news > a > header {
    width: 310px;
    margin: 0 auto 30px auto;
}
.container-home-slider-featured-news > a > header h2 {
    min-height: 56px;
    font-size: 1.25em;
}
.container-home-slider-featured-news > a > header p, .container-home-slider-featured-news > header > div {
    font-size: 0.9375em;
    min-height: 65px;
}
.container-home-slider-featured-news > a > div img {
    margin: -60px auto 20px auto;
    width: 300px;
    height: 215px !important;
}
#home-slider-featured-news .splide__pagination {
    justify-content: center;
    bottom: 10px;
}
#home-slider-featured-news .splide__pagination__page {
    background-color: white;
}
/*end home slider*/

/*begin customer service*/
.over-flow {
    margin-top: -120px;
    height: 100%;
    padding-top: 150px;
}
.container-customer-service {
    padding: 40px 15px 40px 15px;
    grid-template-columns: 1fr;
    grid-gap: 40px;
}
.container-customer-service > header {
    justify-content: center;
    text-align: center;
}
.container-customer-service > header > div {
    width: 100%;
}
.container-customer-service > header h1, .container-customer-service > header p {
    margin-bottom: 20px;
}
.container-customer-service > header a {
    font-size: 1.375em;
    margin-bottom: 30px;
}
.container-customer-service > div {
    justify-content: stretch;
    flex-direction: column;
}
.container-customer-service > div article {
    width: 100%;
}
.container-customer-service > div a {
    justify-content: start;
    flex-direction: row;
    width: 100%;height: 55px;
    margin: 10px 0 0 0;
}
.container-customer-service > div a br {display: none;}
.container-customer-service > div a svg {
    margin: 0 10px 0 10px;
    width: 20px; height: 20px;
}
/*end customer service*/

/*begin home featured news*/
.container-home-slider-news > header {
    justify-content: center;
}
#home-slider-news {
    padding-bottom: 30px;
}
.context-home-slider-news article > div img {
    height: 220px;
}
.div-btn-home-more-news {
    display: flex !important;
    justify-content: center;
}
/*begin home featured news*/

/*begin programs and projects*/
.container-programs-and-projects-informative {
    grid-template-columns: 1fr;
    padding: 0 0 40px 0;
    max-width: 100%;
}
.container-programs-and-projects::before {
    display: none;
}
.container-programs-and-projects {
    grid-template-columns: 1fr;
    grid-gap: 40px;
    padding: 0px 15px 30px 15px;
}
.container-programs-and-projects > header h2 {
    margin: 0;
    width: 100%;
    text-align: center;
}
.container-programs-and-projects > header img {
    width: 180px;
    margin: -40px auto 40px auto;
    grid-row: 1;
}
#home-programs-and-projects {
    width: 220px;
    margin: 0 auto;
    padding-bottom: 40px;
}
.programs-and-projects article > div {
    width: 60px; height: 60px;
    margin: 0 auto 10px auto;
}
.programs-and-projects article > div img {
    width: 40px; height: 40px;
}
.programs-and-projects article > header h3 {
    text-align: center;
}
#home-programs-and-projects .splide__pagination__page {
    width: 8px; height: 5px;
    border-radius: 20px;
    background-color: white;
}
#home-programs-and-projects .splide__pagination__page.is-active {
    background-color: var(--green);
}
.container-informative {
    text-align: center;
}
.container-informative > div {
    padding: 0px;
    background-color: white;
    width: 250px;
    margin: 0 auto;
}
.container-informative > div > a:last-child {
    color: var(--green-ligth) !important;
    background-color: transparent;
    font-weight: bold;
    border-color: transparent;
}
.container-informative > div > a:last-child > span:nth-child(2) {
    display: block;
    margin-right: 5px;
}
/*end programs and projects*/

/*begin footer contacts*/
#contacts-footer {
    background-color: var(--purple);
}
.container-footer-contacts {
    display: grid;
    justify-content: stretch;
    text-align: center;
    grid-gap: 20px;
}
.container-footer-contacts > article {
    margin-left: 0;
}
.logo-footer-contacts {
    grid-row: 5;
    margin-bottom: -180px;
}
.container-footer-contacts > article a {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
}
.icons-footer-contacts {
    margin: 0 0 10px 0;
}
.footer-contacts-social-networks {
    grid-row: 1;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--green-ligth);
    justify-content: center;
}
/*end footer contacts*/

/*begin footer terms*/
.footer-terms {
    flex-direction: column;
    justify-content: center;
    padding: 110px 0 20px 0;
}
.footer-terms img {
    margin-top: 10px;
}
/*end footer terms*/
}
@media (min-width: 768px) and (max-width: 1199px) {
.title-defalt strong {
    font-size: 1.5em;
}
/*begin title defalt top pages*/
.title-defalt-top-pages {
    font-size: 1.5625rem;
}
/*end title defalt top pages*/

/*begin arrows slides*/
#home-slider-featured-news .splide__pagination {
    bottom: 60px;
}
#home-slider-featured-news .splide__pagination__page, #home-slider-news .splide__pagination__page {
    width: 12px; height: 7px;
}
/*end arrows slides*/

/*begin header*/
.img-logo {
    width: 160px;
}
.menu a, .menu label {
    font-size: 0.625em;
    padding: 40px 6px;
}
.btn-search {
    padding: 0 0 0 10px !important;
    font-size: 20px !important;
}
/*end header*/

/*begin home slider*/
#home-slider-featured-news .splide__track {
    padding-top: 20px;
    min-height: 330px;
}
.container-home-slider-featured-news > a {
    grid-gap: 20px;
}
.container-home-slider-featured-news > a > header {
    margin-top: -60px;
}
.container-home-slider-featured-news > a > header h2 {
    font-size: 1.25em;
}
.container-home-slider-featured-news > a > header p, .container-home-slider-featured-news > a > header > div {
    font-size: 1em;
}
.container-home-slider-featured-news > a > header > div {
    width: 150px;height: 40px;
}
.container-home-slider-featured-news > a > div > img {
    width: 355px;height: 300px !important;
}
/*end home slider*/

/*begin customer service*/
.over-flow {
    height: 280px;
}
.container-customer-service > header img {
    width: 200px;
    margin: 0 20px -30px -100px;
}
.container-customer-service > header > div {
    width: 180px;
}
.container-customer-service > header h1 {
    font-size: 1.125em;
}
.container-customer-service > header p {
    font-size: 1em;
}
.container-customer-service > header a {
    font-size: 1em;
    height: 40px;
}
.container-customer-service > div {
    flex-wrap: wrap;
    margin: 0;
    padding-bottom: 20px;
}
.container-customer-service > div a {
    width: 95px;height: 95px;
    font-size: 0.75rem;
    margin: 4px;
}
.container-customer-service > div a svg {
    width: 25px; height: 25px;
}
/*end customer service*/

/*begin home featured news*/
.container-home-slider-news > header a {
    font-size: 1em;
}
/*begin home featured news*/

/*begin programs and projects*/
.container-programs-and-projects-informative {
    grid-template-columns: 1fr 180px;
}
.container-programs-and-projects::before {
    left: 220px;
}
.container-programs-and-projects {
    grid-gap: 30px;
}
.container-programs-and-projects > header img {
    width: 250px;
    margin: 0 0 -80px -60px;
}
.programs-and-projects article > header h3 {
    font-size: 0.875em;
}
.container-informative > div {
    padding: 15px;
}
/*end programs and projects*/

/*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 {
    font-size: 0.6875em;
}
.container-footer-contacts > article {
    margin-left: 10px;
}
.logo-footer-contacts img {
    width: 130px;
}
.container-footer-contacts > article a {
    display: flex;
    align-items: center;
}
.icons-footer-contacts {
    width: 18px;
    margin-right: 7px;
}
.footer-contacts-social-networks {
    grid-template-columns: 18px 18px;
    grid-gap: 7px;
}
.footer-contacts-social-networks > a img {
    width: 18px; height: 18px;
}
/*end footer contacts*/

/*begin footer terms*/
.footer-terms {
    font-size: 0.8125em;
}
.footer-terms img {
    width: 30px;
}
/*end footer terms*/
}
/*begin title top page*/
.title-top-page {
    position: absolute;
    top: 0;
    width: 100%; height: 100%;
}
.title-top-page > div {
    display: flex;
    align-items: center;
    height: 100%;
}
/*end title top page*/
@media (min-width: 300px) and (max-width: 767px) {.title-top-page > div {justify-content: center}}

/*begin bread crumbs*/
.bread-crumbs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 0.875em;
    padding: 30px 15px;
    line-height: 1.2;
    text-transform: uppercase;
}
.bread-crumbs span {
    padding: 0 5px 3px 5px;
    font-size: 18px;
}
.bread-crumbs a:hover {
    color: var(--purple);
}
/*end bread crumbs*/
/*begin links*/
.grid-links {
    margin-top: 40px;
}
.grid-links, .grid-links .pagination {
    display: flex;
    justify-content: center;
    align-items: center;
}
.grid-links .pagination .page-item {
    border: 1px solid var(--purple);
    line-height: 1 !important;
    font-weight: bold;
    margin-right: 10px;
    width: 25px;height: 25px;
    border-radius: 2px;
    display: grid;
    text-align: center;
    align-items: center;
}
.grid-links .pagination .page-item .page-link{
    color: var(--purple) !important;
    font-size: 0.8125em;
    width: 100%;height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.grid-links .page-item.active .page-link, .grid-links .page-item.active {
    background-color: var(--purple);
    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*/
.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;
    }
}
.border-radius-5 {
    border-radius: 5px;
}
.padding-20 {
    padding: 20px;
}
/*begin container trans*/
.container-trans .link-external-docs, .container-trans .none-trans {
    display: none;
}
/*end container trans*/
/*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;
}
.title-header-transparency > header h1 strong{
    font-size: 1.625rem;
}
/*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 "Inter";
    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: var(--purple) !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: var(--purple);
}
.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(--purple);
}
.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;
    padding: 20px;
    transition: all .3s linear;
}
.list-latest-project > a > article > header h3 {
    font: 600 1.25rem 'Inter';
}
.list-latest-project > a > article > div {
    display: flex;
    height: 30px;
}
.maps-latest-projects-status {
    font-size: 0.75rem;
    padding: 2px 5px;
}
.list-latest-project > a > article > div > div {
    width: 100%;
}
.list-latest-project > a > article > div > span {
    display: inline-block;
    margin-left: 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, .contact-transparency-cbh-araguari > div > a:nth-child(2) {
    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 transparency*/
.title-defalt-transparency strong, .title-header-transparency > header h1 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 "Inter";
    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 'Inter';
}
.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) {
/*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;
}
.title-header-transparency > header h1 strong{
    font-size: 1.25rem;
}
/*end header transparency*/

/*begin items transparency*/
.btn-items-transparency {
    flex-direction: column;
    font: 700 1rem "Inter";
    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 'Inter';
}
/*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 search result*/
.search-result {
    padding: 0 15px 40px 15px;
}
.search-result article > header h2 a {
    display: grid;
    background-color: #F7F7F7;
    padding: 20px;
    margin-bottom: 15px;
    border: 1px solid #D8D8D8;
    height: 100%;
    font-size: 0.875em;
    line-height: 1.2;
}
.search-result article > header h2 a {
    font-size: 1.25em;
}
.search-result article > header h2 a p {
    font-size: 0.875rem;
}
.search-result article > header h2 a:hover {
    background-color: #D8D8D8;
}
.context-search, .btn-page-search {
    font: 400 1.25rem 'Inter';
}
.context-search {
    margin-bottom: 30px;
}
.btn-page-search {
    padding: 0;
    background-color: transparent;
    border: 0;
    outline: none;
    cursor: pointer;
}
.btn-page-search:hover, .btn-required-page-search {
    color: var(--green-ligth)
}
.btn-page-search span, .btn-required-page-search span {
    color: var(--purple) !important;
    cursor: default;
}
.itens-search {
    display: none;
}
/*end search result*/
@media (min-width: 300px) and (max-width: 1199px) {
/*begin search result*/
.search-result article > header h2 a, .search-result-no-results-found, .context-search, .btn-page-search {
    font-size: 1em;
}
/*end search result*/
}
/*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 basin committee*/
.container-description-what-is-basin-committee {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 60px;
    padding-bottom: 30px;
}
.container-description-what-is-basin-committee > header > div {
    font-size: 1.25em;
    margin-bottom: 40px;
}
.container-description-what-is-basin-committee > img {
    padding-top: 60px;
}
.bg-img-decription-what-is-basin-committee {
    margin-top: -70px;
    height: 70px;
    z-index: -1;
}
/*end description what is basin committee*/

/*begin common question*/
.container-common-question {
    margin-top: -40px;
    padding-bottom: 40px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 30px;
}
.title-common-questions {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--purple);
}
.btn-common-questions {
    background-color: transparent;
    border: 0;
    line-height: 1.2;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0;
    margin-right: 10px;
    outline: none;
}
.title-common-questions > .btn-common-questions {
    margin-right: 0;
}
.btn-common-questions > div, .btn-common-questions > strong {
    padding-bottom: 22px;
    border-bottom: 5px solid transparent;
}
.btn-common-questions > div img {
    width: 40px;height: 40px;
    padding: 8px;
}
.btn-common-questions > strong {
    text-align: left;
    margin-left: 10px;
}
.btn-common-questions:hover > div, .btn-required > div {
    border-color: var(--purple);
}
.context-common-questions {
    grid-row: 2;
    grid-column: 1 / 3;
    font-size: 1.25em;
    min-height: 150px;
}
/*end common question*/
@media (min-width: 300px) and (max-width: 767px) {
/*begin description what is basin committee*/
.container-description-what-is-basin-committee {
    grid-template-columns: 1fr;
    grid-gap: 20px;
}
.container-description-what-is-basin-committee > header > div {
    font-size: 1em;
    margin-bottom: 0px;
}
.container-description-what-is-basin-committee > img {
    padding-top: 0px;
}
/*end description what is basin committee*/

/*begin common question*/
.container-common-question {
    margin-top: 0;
    padding-bottom: 40px 15px;
    grid-template-columns: 1fr;
}
.btn-common-questions {
    justify-content: center;
    flex-direction: column;
}
.btn-common-questions > div {
    padding-bottom: 5px;
}
.btn-common-questions > strong {
    text-align: center;
    margin-left: 0;
}
.btn-common-questions:hover > div, .btn-required > div {
    border-color: transparent;
}
.btn-common-questions:hover > strong, .btn-required > strong {
    border-color: var(--purple);
}
.context-common-questions {
    grid-column: 1;
    font-size: 1em;
    min-height: 300px;
}
/*end common question*/
}
@media (min-width: 768px) and (max-width: 1199px) {
/*begin description what is basin committee*/
.container-description-what-is-basin-committee {
    grid-gap: 20px;
}
.container-description-what-is-basin-committee > header > div {
    font-size: 1em;
    margin-bottom: 60px;
}
/*end description what is basin committee*/

/*begin common question*/
.container-common-question {
    grid-template-columns: 2fr 1fr;
}
.btn-common-questions > div {
    padding-bottom: 24px;
}
.context-common-questions {
    font-size: 1em;
    min-height: 170px;
}
/*end common question*/
}
/*begin about cbh araguari*/
.container-about-cbh-araguari {
    margin-bottom: 40px;
}
.container-about-cbh-araguari > header > div {
    margin-bottom: 30px;
    font-size: 1.25em;
}
.context-timeline {
    text-align: center;
    line-height: 1.2;
}
.context-timeline > strong {
    font-size: 1.5625em;
}
.context-timeline > span {
    width: 7px;height: 7px;
    border-radius: 50%;
    margin: 30px auto;
    display: block;
}
.context-timeline > header > div {
    width: 48px;height: 48px;
    display: flex; align-items: center;
    justify-content: center;
    border-radius: 4px;
    margin: 0 auto 20px auto;
}
.context-timeline > header > div img {
    width: 26px;height: 24px;
}
.context-timeline > header > h2 {
    margin-bottom: 5px;
}
.context-timeline > header > p {
    font-size: 0.875em;
}
.line-timeline {
    display: block;
    height: 1px;width: 100%;
    position: absolute;
    top: 63px;
}
#slide-timeline {
    padding-bottom: 60px;
}
#slide-timeline .splide__pagination__page {
    width: 8px; height: 5px;
    border-radius: 20px;
    background-color: var(--green-ligth);
}
#slide-timeline .splide__pagination__page.is-active {
    background-color: var(--green);
}
/*end about cbh araguari*/

@media(min-width: 300px) and (max-width: 1199px) {.container-about-cbh-araguari > header > div {font-size: 1em}}
/*begin composition*/
.container-composition {
    margin-bottom: 40px;
}
.context-composition {
    line-height: 1.2rem;
    display: grid;
    font-size: 1.125rem !important;
    font-family: 'Inter', sans-serif !important;
}
.context-composition table {
    width: 100% !important;
    border: 0 !important;
    background-color: var(--grey-doc);
    margin-bottom: 40px;
}
.context-composition table thead tr th {
    color: white !important;
    background-color: var(--grey-bread-crumbs) !important;
    font-weight: bold;
}
.context-composition table tbody tr:nth-child(even) {
    background-color: var(--grey-documentation);
}
.context-composition table tbody tr td, .context-composition table thead tr th {
    vertical-align: middle;
    padding: 10px 20px!important;
    border: 0 !important;
    height: 60px !important;
    text-align: center !important;
}
.title-defalt-composition {
    color: var(--purple) !important;
    font: bold 1.25rem "Inter" !important;
    margin-bottom: 20px;
}
.context-composition table p {
    margin: 10px 0;
}
/*end composition*/
@media (min-width: 300px) and (max-width: 767px) {
/*begin composition*/
.context-composition {
    font-size: 0.625rem !important;
}
.context-composition table tbody tr td, .context-composition table thead tr th {
    padding: 10px 5px!important;
}
.title-defalt-composition {
    font: bold 1.125rem "Inter" !important;
}
/*end composition*/
}
@media (min-width: 768px) and (max-width: 1199px) {
/*begin composition*/
.context-composition {
    font-size: 0.875rem !important;
}
.title-defalt-composition {
    font: bold 1.125rem "Inter" !important;
}
/*end composition*/
}

.table-composition .composition-table-title {
    font-weight: bold;
    color: var(--purple) !important;
    font: bold 1.25rem "Inter" !important;
    margin-bottom: 20px;
}
.table-composition table {
    width: 100%;
    border: 1px solid white;
    border-collapse:inherit;
}
.table-composition th, .table-composition 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;
}

.table-composition th {
    background-color: var(--purple);
    color: white !important;
}
.table-composition td {
    background-color: var(--grey-doc);
}

@media (min-width: 300px) and (max-width: 1100px) {
    .table-composition table {
        font-size: 0.8125em !important;
    }
    .table-composition th, .table-composition td {
        padding: 10px 5px;
    }
    .table-composition .overflow-table {
        overflow-x: scroll;
    }
    }
/*begin electoral processes*/
.electoral-processes {
    margin-bottom: 40px;
}
.electoral-processes > header {
    margin-bottom: 30px;
}
.electoral-processes > header > div {
    font-size: 1.25rem !important;
}
.electoral-processes > header > img {
    margin-top: 20px
}
@media(min-width: 300px) and (max-width: 1100px) {.electoral-processes > header > div {font-size: 1rem !important;}}
/*end electoral processes*/
/*begin container all events*/
.container-all-events {
    margin-bottom: 40px;
}
.container-all-events > header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}
.container-all-events > header .title-defalt-top-pages {
    margin-bottom: 0;
}
.container-all-events > header a {
    border: 1px solid var(--purple);
    border-radius: 3px;
    width: 250px;height: 60px;
    display: flex;justify-content: center;align-items: center;
    font-size: 1.25em;
    line-height: 1.2;
    text-align: center;
}
.container-all-events > header a:hover {
    background-color: var(--purple);
    color: white;
}
.grid-all-events {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
}
.grid-all-events > a, .grid-all-events > a img {
    height: 200px;
    -o-object-fit: cover;
       object-fit: cover;
}
.grid-all-events > a article > header h2 {
    font-size: 0.9375em;
    margin-bottom: 15px;
}
.grid-all-events > a article > header span {
    font-size: 0.8125em;
}
.animation-all-events {
    position: absolute;
    display: none;
    justify-content: center;
    text-align: center;
    align-items: center;
    flex-direction: column;
    opacity: 0.9;
    width: 0;
    right: 0;
    height: 200px;
    margin-left: auto;
    padding: 20px;
    line-height: 1.2;
}
.grid-all-events > a:hover .animation-all-events {
    display: flex;
    width: 100%;
    -webkit-animation: animationEvents 0.5s;
            animation: animationEvents 0.5s;
}
@-webkit-keyframes animationEvents {
    0% {width: 0}
    100% {width: 100%}
}
@keyframes animationEvents {
    0% {width: 0}
    100% {width: 100%}
}
/*end container all events*/

/*begin events*/
.container-events {
    margin-bottom: 40px;
}
.container-events > header > div {
    margin-bottom: 30px;
}
.grid-photos-events {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
}
.grid-photos-events > a, .grid-photos-events > a img {
    height: 200px;
    -o-object-fit: cover;
       object-fit: cover;
}
/*end events*/
@media (min-width: 300px) and (max-width: 767px) {
/*begin container all events*/
.container-all-events > header a {
    width: 190px;
    font-size: 1.125em;
}
.grid-all-events {
    grid-template-columns:1fr;
}
.grid-all-events > a, .grid-all-events > a img, .animation-all-events {
    height: 250px;
}
/*end container all events*/

/*begin events*/
.grid-photos-events {
    grid-template-columns: 1fr;
}
.container-events > header > div {
    font-size: 0.875em;
}
.grid-photos-events > a, .grid-photos-events > a img {
    height: 250px;
}
/*end events*/
}
@media (min-width: 768px) and (max-width: 1199px) {
/*begin container all events*/
.container-all-events > header a {
    font-size: 1.125em;
}
.grid-all-events {
    grid-template-columns: repeat(3, 1fr);
}
/*end container all events*/

/*begin events*/
.grid-photos-events {
    grid-template-columns: repeat(3, 1fr);
}
.container-events > header > div {
    font-size: 0.875em;
}
/*end events*/
}
/**/
.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(--purple) !important;
    border-color: var(--purple) !important;
}
.edit-calendar-of-events .fc-daygrid-day:nth-child(even) .fc-h-event {
    background-color: var(--green-ligth) !important;
    border-color: var(--green-ligth) !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 basin municipalities*/
.container-basin-municipalities {
    margin-bottom: 40px;
}
.container-basin-municipalities > div {
    font-size: 1.25em;
}
.container-basin-municipalities .basin-municipalities {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
}
.container-basin-municipalities .basin-municipalities p {
    border: 1px solid var(--purple);
    padding: 10px;
    font-weight: bold;
    border-radius: 3px;
    text-align: left !important;
}
/*end basin municipalities*/
@media (min-width: 300px) and (max-width: 767px) {
/*begin basin municipalities*/
.container-basin-municipalities > div {
    font-size: 1em;
}
.container-basin-municipalities .basin-municipalities {
    grid-template-columns: repeat(2, 1fr);
}
/*end basin municipalities*/
}
@media (min-width: 768px) and (max-width: 1199px) {
/*begin basin municipalities*/
.container-basin-municipalities > div {
    font-size: 1em;
}
/*end basin municipalities*/
}
/*begin hydrographic regions*/
.container-hydrographic-regions {
    margin-bottom: 40px;
}
.container-hydrographic-regions > div {
    font-size: 1.25em;
}
.img-hydrographic-regions {
    margin-top: 30px;
}
/*end hydrographic regions*/
@media (min-width: 300px) and (max-width: 1199px) {
/*begin basin municipalities*/
.container-hydrographic-regions > div {
    font-size: 1em;
}
/*end basin municipalities*/
}
/*begin characteristics*/
.container-characteristics > article {
    margin-bottom: 40px;
}
.container-characteristics > article > div {
    font-size: 1.25em;
}
.img-characteristics {
    margin-top: 30px;
}
/*end characteristics*/
@media (min-width: 300px) and (max-width: 1199px) {.container-characteristics > article > div {font-size: 1em}}
.btns-management-tools {
    display: flex;
    align-items: center;
    padding: 20px 15px;
    font-weight: bold;
    border: 2px solid white;
    width: 100%;
    cursor: pointer;
    line-height: 1.2;
    outline: none;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    text-align: left;
}
.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, .context-management-tools {font-size: 0.875rem !important}}
/*begin img top news*/
.img-top-news {
    background-image: url('/img/img-top-noticias.jpg');
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
}
/*end img top news*/

/*begin all news*/
.container-slide-featured-news {
    padding-top: 40px;
}
.container-slide-featured-news .container-home-slider-featured-news > a > div {
    background-color: transparent !important;
}
.container-slide-featured-news #home-slider-featured-news {
    padding-top: 0px !important;
}
.container-slide-featured-news .container-home-slider-featured-news > a > header > div:hover {
    background-color: transparent;
    border: 1px solid var(--green-ligth);
    color: var(--green-ligth) !important;
}
.margin-top-all-news {
    margin-top: -50px;
}
.container-latest-news {
    padding: 60px 15px 40px 15px;
}
.grid-latest-news {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 60px;
    margin-top: 60px;
}
.description-grid-latest-news {
    margin-top: 20px;
}
/*end all news*/

/*begin news*/
.container-page-news {
    padding-bottom: 40px;
}
.div-cat-hrs-news {
    display: flex;
    align-items: center;
}
.div-cat-hrs-news > p {
    font-size: 0.875em;
    line-height: 1.2;
}
.div-cat-hrs-news > strong {
    line-height: 1.2;
    width: 131px;height: 37px;
    display: flex;justify-content: center;align-items: center;
    margin-right: 30px;
    border-radius: 5px;
}
.img-news, .div-context-news, .grid-dir-news {
    margin-top: 30px;
}
.img-news, .grid-dir-news > a {
    box-shadow: 6px 0px 12px -5px rgba(153,153,153,0.5);
}
.img-news {
    max-width: 1280px;
    height: 755px;
    -o-object-fit: cover;
       object-fit: cover;
}
.div-context-news {
    font-size: 1.25em !important;
    color: var(--purple) !important;
}
.div-context-news img {
    max-width: 100% !important;
    height: auto !important;
}
.grid-dir-news {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
}
.grid-dir-news a, .grid-dir-news a img {
    height: 200px;
    -o-object-fit: cover;
       object-fit: cover;
}
.container-new-fearures-news {
    padding: 40px 15px;
}
.container-new-fearures-news > header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}
.container-new-fearures-news > header a {
    border: 1px solid var(--purple);
    font-size: 1.25em;
    width: 200px;height: 60px;
    display: flex;justify-content: center;align-items: center;
    border-radius: 3px;
    line-height: 1.2;
    text-align: center;
}
.container-new-fearures-news > header a:hover {
    background-color: var(--purple);
    color: white;
}
.grid-new-fearures-news {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 15px;
}
/*end news*/
@media(min-width: 300px) and (max-width: 767px) {
/*begin all news*/
.img-top-news #home-slider-featured-news .splide__pagination__page {
    background-color: var(--green-ligth);
}
.img-top-news #home-slider-featured-news .splide__pagination__page.is-active {
    background-color: var(--green);
}
.margin-top-all-news {
    margin-top: -100px;
}
.container-latest-news {
    padding: 120px 15px 40px 15px;
}
.grid-latest-news {
    grid-template-columns: 1fr;
}
/*end all news*/

/*begin news*/
.grid-dir-news {grid-template-columns: 1fr}
.div-context-news {font-size: 1em !important}
.container-new-fearures-news .title-defalt {text-align: left}
.container-new-fearures-news .title-defalt span {margin: 10px 0 0 0;}
.container-new-fearures-news > header a {font-size: 1.125em}
.grid-new-fearures-news {grid-template-columns: 1fr;}
.img-news {
    max-width: 560px;
    height: auto;
    max-height: 330px;
}
/*end news*/
}
@media(min-width: 768px) and (max-width: 1199px) {
/*begin all news*/
.grid-latest-news {
    grid-template-columns: repeat(2, 1fr);
}
.description-grid-latest-news {
    font-size: 0.875em;
}
/*end all news*/

/*begin news*/
.grid-dir-news {grid-template-columns: repeat(3, 1fr)}
.div-context-news {font-size: 1em !important}
.container-new-fearures-news > header a {font-size: 1.125em}
.grid-new-fearures-news {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
}
.img-news {
    max-width: 780px;
    max-height: 460px;
}
/*end news*/
}
/*begin informative*/
.container-img-top-informative {
    padding-top: 40px;
    height: 300px;
}
.grid-informativos {
    margin-top: -150px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 40px;
}
.grid-informativos > article {
    padding: 20px;
}
.grid-informativos > article h2 {
    line-height: 1.2;
    text-align: center;
    margin-top: 10px;
}
.grid-informativos > article img {
    height: 350px;
    -o-object-fit: cover;
       object-fit: cover;
}
/*end informative*/
@media(min-width: 300px) and (max-width: 767px) {
/*begin informative*/
.container-img-top-informative {
    text-align: center;
}
.grid-informativos > article h2 {
    font-size: 0.875em;
}
.grid-informativos {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}
.grid-informativos > article img {
    height: 200px;
}
/*end informative*/
}
@media(min-width: 768px) and (max-width: 1199px) {
    .grid-informativos > article h2 {
        font-size: 0.875em;
    }
    .grid-informativos {
        grid-template-columns: repeat(3, 1fr);
    }
    .grid-informativos > article img {
        height: 250px;
    }
}
/*begin all photos*/
.title-main-photos, .no-photo {
    margin: -150px 0 10px 0;
}
.title-main-photos > a > div, .grid-all-photos > article a > header {
    position: absolute;
    bottom: 20px; left: 20px; right: 20px;
    line-height: 1.2;
}
.title-main-photos > a > div h1 {
    font-size: 1.875em;
    margin-bottom: 10px;
}
.title-main-photos > a > div p {
    font-size: 1.25em;
}
.title-main-photos > a > img {
    max-width: 1280px;max-height: 768px;
    -o-object-fit: cover;
       object-fit: cover;
}
.grid-all-photos {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}
.grid-all-photos > article a > header h2 {
    font-size: 1.25em;
    margin-bottom: 5px;
}
.grid-all-photos > article a > header p {
    font-size: 1.125em;
}
.grid-all-photos > article a img {
    height: 250px;
    -o-object-fit: cover;
       object-fit: cover;
}
/*end all photos*/

/*begin photos*/
.grid-page-photos {
    margin-top: -150px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}
.grid-page-photos > a, .grid-page-photos > a img {
    height: 200px;
    -o-object-fit: cover;
       object-fit: cover;
}
/*end photos*/
@media(min-width: 300px) and (max-width: 767px) {
/*begin all photos*/
.title-main-photos > a > img {
    max-width: 560px;max-height: 336px;
}
.no-photo {
    text-align: center;
}
.title-main-photos > a > div h1 {
    font-size: 0.9375em;
    margin-bottom: 5px;
}
.grid-all-photos {
    grid-template-columns: 1fr;
}
.title-main-photos > a img {
    height: 250px;
}
/*end all photos*/
/*begin photos*/
.grid-page-photos {
    grid-template-columns: 1fr;
}
.grid-page-photos > a, .grid-page-photos > a img {
    height: 250px;
}
/*end photos*/
}
@media(min-width: 768px) and (max-width: 1199px) {
.grid-all-photos > article a img {
    height: 200px;
}
.grid-page-photos {
    grid-template-columns: repeat(3, 1fr);
}
.title-main-photos > a > img {
    max-width: 780px;max-height: 468px;
}
}
/*begin videos*/
.title-main-videos {
    margin: -150px 0 10px 0;
}
.video {
    max-width: 1280px;max-height: 768px;
    -o-object-fit: cover;
       object-fit: cover;
}
.grid-page-videos {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}
.grid-page-videos .video {
    height: 200px;
    -o-object-fit: cover;
       object-fit: cover;
}
/*end videos*/
@media (min-width: 300px) and (max-width: 767px) {
    .grid-page-videos {
        grid-template-columns: 1fr;
    }
    .grid-page-videos .video, .video {
        height: 220px;
    }
}
@media (min-width: 768px) and (max-width: 1199px) {
    .video {
        max-width: 780px;max-height: 468px;
    }
    .grid-page-videos .video {
        height: 180px;
    }
}
/*begin library*/
.context-library {
    margin-bottom: 30px;
    font-size: 1.25em;
}
/*end library*/
.context-useful-links a {
    transition: all .3s !important;
    color: var(--purple) !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-bread-crumbs);
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.context-useful-links li::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    background-color: var(--purple);
    width: 6px;
    height: 6px;
    border-radius: 50%;
}
.context-useful-links > div a:hover {
    color: var(--green-ligth) !important;
}
@media (min-width: 300px) and (max-width: 1199px) {
    .context-library {
        font-size: 1em;
    }
}
/*begin contact*/
.top-contact.img-top-news {
    height: 350px;
}
.container-page-contact {
    margin: -250px auto 40px auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px;
}
.context-page-contact > header > div, .context-page-form-contact article > header p {
    font-size: 1.25em;
}
.context-page-contact {
    display: grid;
    grid-gap: 60px;
}
.context-page-contact > div article > header > h2 a {
    display: flex;
    align-items: center;
    line-height: 1.2;
    margin-bottom: 30px;
    font-size: 1.0625em;
}
.context-page-contact .icons-footer-contacts {
    width: 26px; height: 32px;
}
.context-page-form-contact article > header {
    padding: 40px;
    line-height: 1.2;
    border-radius: 3px 3px 0 0;
}
.context-page-form-contact article > header h2 {
    margin-bottom: 10px;
}
.context-page-form-contact article > form {
    background-color: #F1F1F1;
    display: grid;
    grid-gap: 20px;
    padding: 40px;
    border-radius: 0 0 3px 3px;
}
.context-page-form-contact article > form input, .context-page-form-contact article > form select {
    height: 40px;
}
.context-page-form-contact article > form input, .context-page-form-contact article > form select, .context-page-form-contact article > form textarea {
    color: var(--purple);
    border: 1px solid var(--purple);
    background-color: transparent;
    border-radius: 3px;
    padding: 10px;
    outline: none;
}
.context-page-form-contact article > form input::-webkit-input-placeholder, .context-page-form-contact article > form textarea::-webkit-input-placeholder { /* WebKit browsers */
	color: var(--purple) !important;
	opacity: 1;
}
.context-page-form-contact article > form input:-moz-placeholder, .context-page-form-contact article > form textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: var(--purple) !important;
   opacity: 1;
}
 .context-page-form-contact article > form input::-moz-placeholder, .context-page-form-contact article > form textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: var(--purple) !important;
   opacity: 1;
}
 .context-page-form-contact article > form input:-ms-input-placeholder, .context-page-form-contact article > form textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: var(--purple) !important;
   opacity: 1;
 }
.opt {
    color: var(--purple);
    background-color: #F1F1F1;
}
.div-btn-submit {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.div-btn-submit > button {
    border: 0;
    outline: none;
    padding: 10px 35px;
    border-radius: 3px;
    cursor: pointer;
    margin-left: 10px;
}
/*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;
}
#btn-close {
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 18px;
    padding: 0 10px;
}
.div-recaptcha {
    display: flex;
    justify-content: flex-end;
}
.div-recaptcha .g-recaptcha > div {
    width: 100% !important;
    max-width: 304px !important;
}
.div-recaptcha .g-recaptcha > div iframe {
    width: 100% !important;
}
/*end msg alert contact*/
@media(min-width: 300px) and (max-width: 767px) {
/*begin contact*/
.top-contact.img-top-news {
    height: 200px;
}
.container-page-contact {
    margin: -100px auto 40px auto;
}
.container-page-contact {
    grid-template-columns: 1fr;
    grid-gap: 0;
}
.context-page-contact > div {
    padding-top: 20px;
}
.context-page-contact > header div, .context-page-form-contact article > header p {
    font-size: 1em;
}
.context-page-contact > div article > header > h2 a {
    font-size: 0.875em;
}
.context-page-contact .icons-footer-contacts {
    margin: 0 10px 0 0;
}
.context-page-form-contact article > header, .context-page-form-contact article > form {
    padding: 20px;
}
.context-page-form-contact article > form input, .context-page-form-contact article > form select {
    height: 50px;
}
/*end contact*/
.msg-alert-contact > div {
    font-size: 0.8125em;
}
}
@media(min-width: 768px) and (max-width: 1199px) {
.container-page-contact {
    grid-gap: 10px;
}
.context-page-form-contact article > header, .context-page-form-contact article > form {
    padding: 20px;
}
.context-page-contact > header div, .context-page-contact > div article > header > h2 a, .context-page-form-contact article > header p {
    font-size: 1em;
}
.msg-alert-contact > div {
    font-size: 0.8125em;
}
}
.home-banners {
  padding: 1.5625rem 0;
}

.home-banners .splide__slide > .banner {
  display: flex;
  justify-content: center;
}

.home-banners .splide__slide > .banner img {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 80rem;
  height: 8.4375rem;
}

.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: #8AC84B;
  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: #73af36;
}

.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: 47px;
  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: 60px 0;
  background-color: #F5F7FF;
}

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

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

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

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

.sign-newsletter > div > header > h2 {
  position: relative;
  color: #353375;
  font-size: 30px;
  font-weight: bold;
  line-height: 40px;
}

.sign-newsletter > div > header > h2::before {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 0;
  background-color: #8AC84B;
  width: 67px;
  height: 5px;
  border-radius: 5px;
}

.sign-newsletter > div form {
  display: flex;
  gap: 31px;
}

.sign-newsletter > div form > input {
  width: 436px;
  padding: 14px 21px;
  border: 1px solid #353375;
  border-radius: 5px;
}

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

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

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

.sign-newsletter > div form > button {
  background-color: #353375;
  padding: 10px 51px;
  color: #FFFFFF;
  font-size: 20px;
  font-weight: bold;
  line-height: 40px;
  border: 1px solid transparent;
  border-radius: 5px;
  transition: 0.3s all linear;
  cursor: pointer;
}

@media (min-width: 481px) {
  .sign-newsletter > div form > button:hover {
    background-color: #454299;
  }
}

@media (max-width: 480px) {
  .sign-newsletter {
    padding: 50px 0;
  }

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

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

  .sign-newsletter > div > header > svg {
    width: 77px;
  }

  .sign-newsletter > div > header > h2 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 14px;
  }

  .sign-newsletter > div > header > h2::before {
    bottom: -14px;
    width: 41px;
    height: 3px;
    border-radius: 3px;
  }

  .sign-newsletter > div form {
    flex-direction: column;
    gap: 13px;
  }

  .sign-newsletter > div form > input {
    width: 264px;
    padding: 8px 12px;
    border-radius: 3px;
  }

  .sign-newsletter > div form > input::-moz-placeholder {
    color: #353375;
    font-size: 10px;
    line-height: 18px;
  }

  .sign-newsletter > div form > input:-ms-input-placeholder {
    color: #353375;
    font-size: 10px;
    line-height: 18px;
  }

  .sign-newsletter > div form > input,
  .sign-newsletter > div form > input::placeholder {
    color: #353375;
    font-size: 10px;
    line-height: 18px;
  }

  .sign-newsletter > div form > button {
    padding: 6px 102px;
    font-size: 12px;
    line-height: 24px;
    border-radius: 3px;
  }
}

#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 {
  margin-left: 150px;
  display: none;
  align-items: center;
  gap: 0.9375rem;
}

.message-return > p {
  width: 100%;
  color: #0A58A0;
  font-size: 22px;
}

@media (max-width: 480px) {
  .message-return {
    margin-left: 0;
    flex-direction: column;
  }

  .message-return > p {
    text-align: center;
    font-size: 16px;
  }
}

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

.btn-submit.loading {
  background-color: transparent !important;
  border: 0.625rem solid #00ADEF !important;
  border-top-color: #00ADEF !important;
  border-bottom-color: #041279 !important;
  border-radius: 50% !important;
  width: 3.75rem !important;
  height: 3.75rem !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 {
  display: none;
  width: 100%;
}

.message-error-form > span {
  color: #353375;
  font-size: 22px;
}

@-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;
}