*{ font-family: open sans, sans-serif;}

.flex-grow{ flex-grow: 1;}
.relative{ position:relative}
.palco_996{ max-width: 996px; margin: 0 auto;;}
.palco_1086{ max-width: 775px; margin: 0 auto; }

.a-direita{ flex-grow: 1; display: flex; justify-content: flex-end;}
.navbar{ display: flex;  width: 100%; background: #fffd; position: relative; z-index: 50; }
/* .navbar{ position: fixed; } */
.is-stuck .navbar{ background:#fff;}
.sticky-container{ position:fixed; width: 100%; z-index: 1000;}

.navbar-container{ /* max-width: 1180px; */ max-width: 1240px; margin: 0 auto; display: flex; width: 100%;}
.logos-container{ align-items: center; }
/* .navbar .img-logo{ width: 110px; } */

.mx-auto{ margin-left: auto; margin-right: auto;   width: -moz-fit-content; width: fit-content;}
.img-logo , .img-cvv{ padding-left: 20px; padding-right: 20px; height: 62px;}
.sep{ height: 70%; border-left: 2px solid #5A5A5A;  }


nav ul{ list-style: none; display: flex;     margin-top: 52px;    margin-bottom: 35px; margin-left: 0;}
nav ul li a{ color: #5A5A5A; height: 100%; padding-left: 19px; padding-right: 19px; font-size: 16px; }
nav ul li a:hover{ color:#F7D300;}

.fundo_cinza , .fundo-cinza{background: #5A5A5A;}
.py-40{padding-top: 34px; padding-bottom: 34px;}
p{font-size: 16px ; font-family: Open Sans,sans-serif; text-align: left;line-height: 22px; margin-bottom: 0;}



h1,h2,h3{ font-size: 24px; font-weight: bold; margin-bottom: 20px ; line-height: 24px;font-family:  Open Sans, sans-serif;}
.cor-primaria{ color: #F7D300;}
.cor-secundaria{ color: #0072b5;}
.cor-branca{ color:white;}
.fundo-branco{background:white;}
body{ background:#EFEFEF; }
.container_texto_sobre{ padding: 44px 0 44px 44px; width: 40%;}
.container_texto_sobre .titulo{  padding-top: 30px;}
.texto-inline{ display: inline-block;}
.float-right{ float:right;}
.texto_container.mt{ margin-top: 40px;}
.texto_container p{ margin-bottom: 19px}
a{ color: #F7D300; text-decoration: none; font-weight: 600; }
a:hover , a:focus{ color:#c0a300; }
a.link-alternativo{ color:black;}
.mb-0{ margin-bottom: 0;}
.colabore-conosco{ padding-top: 66px; padding-bottom: 64px;}

.fundo-sombra{ padding: 30px 20px; border-radius: 23px;; }
.show{ display: flex!important;}

.texto-contato-container{ padding: 50px  0 55px 50px;}
.contato .figura-contato figure,.contato .figura-contato figure img{ height: 100%; object-fit: cover;;}
.visite{ padding-top: 30px; padding-bottom: 25px; }
.visite .item-visite{ /*width: 311px; */margin: 0 auto 8px auto; justify-content: center;}
.visite .item-visite .link-alternativo{ display:flex; width: 320px;}
.visite .texto-visite{  margin-bottom: 8px;}
.visite figure{ margin-right: 15px;}
.item-visite:nth-of-type(2n){ justify-content: flex-end; }


footer{ padding-top: 28px ; padding-bottom: 26px; }
footer p{ font-size: 16px; }

.hamburger{ padding: 10px 5px; width: 50px; height: 50px; border: 1px solid #c0a300; border-radius: 4px; background:white;display: flex; flex-direction: column ; justify-content: space-between; align-items: center;}
.hamburger hr{ margin: 0 ; border-bottom: 4px solid #c0a300; width: 80%;}

.como-vai-logo{ height:52px}
.link-alternativo{ font-size: 16px;}


@media( min-width: 1020px){
    
    .imagem_sobre{ width: 42%;}
    .imagem_sobre img{ height: 100%; object-fit: cover; }
    .contato .figura-contato{ width: 45%; }
 
    .img-banner{ height: 320px!important;}
}
@media( max-width: 1020px){

    .navbar-container{ flex-direction: column;  }
    .navbar-container .logos-container{ justify-content: center; padding: 20px 10px;}
    nav ul{ margin-top: 10px; }
    .navbar nav ul{ flex-direction: column;}
    .navbar nav ul a{ padding-top: 10px; padding-bottom: 20px; display: block;}
    .container_texto_sobre{  padding: 20px;}
    .img-banner{ height: 233px!important; object-fit: cover;}
    .mx-auto, .palco_996,.palco_1086{ padding: 20px;}
    
    body{ background:white;}
    .colabore-conosco{ padding-top: 0; padding-bottom: 0; }
    .visite .item-visite{ max-width: 278px;}
    .container_texto_sobre{ width: 100%;}
    .container_texto_sobre .titulo{ padding-top: 0px;}
    .texto-contato-container{ padding: 50px 25px;}
    .visite p{ padding-left: 10px; padding-right: 10px;;}
}

@media(max-width: 365px){
    .img-logo, .img-cvv{ height:45px;}
}

@media( min-width: 1400px){
    .img-banner{ height: 448px!important; width: 100%; object-fit: cover;}

    .h1, h2, h3{ font-size: 30px;}
    p, nav ul li a{ font-size: 20px;}
    p{ line-height: 27px;}
    .como-vai-logo{ height:auto;}
    .fundo-sombra{ padding: 37px 30px;}
    .py-40{ padding: 40px 40px;}
    .palco_1086{ max-width: 1086px;}

    nav ul{ margin-top: 80px; margin-bottom: 52px;}
    .link-alternativo{ font-size: 20px;}
    .visite .texto-visite{ margin-bottom: 20px;}
}