*{
    margin: 0; 
    padding: 0; 
    list-style: none; 
}
html{
    scroll-behavior: smooth ;
}
body{
    margin:0;
    padding:0;
    word-wrap: break-word;
    overflow-wrap: break-word;
    overflow-x: hidden;
}
@font-face{
    font-family: "OpenSans-Regular";
    src: url("OpenSans-Regular.ttf") format("truetype");
    }
    @font-face{
    font-family: "OpenSans-Light";
    src: url("OpenSans-Light.ttf") format("truetype");
    }
    @font-face{
    font-family: "OpenSans-Bold";
    src: url("OpenSans-Bold.ttf") format("truetype");
    }
    @font-face{
        font-family: "Angelline";
        src: url("angelline.ttf") format("truetype");
        }
.wrapper{
    width: 100%;
    margin: 0 auto;
}
#whats_contato{
	width: 220px;
	height: 54px;
	z-index: 999;
	position: fixed;
	bottom: 24px;
	right: 20px;
}
section.topo{
    width: 100%;
    height: 282px;
    background-color: #114744;
    background-image: url(img/fundo_topo.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}
div.conteudo_topo{
    max-width: 1250px;
    height: 282px;
    margin: 0 auto;
    position: relative;
}
div.logo_agglas{
    width: 219px;
    height: 204px;
    position: absolute;
        top:10px;
        left: 120px;
}
div.logo_whatsapp{
    width: 219px;
    height: 150px;
    position: absolute;
        top:120px;
        right: 20px;
}
div.texto_whatsapp{
    width: 175px;
    height: 22px;
    position: absolute;
        top:120px;
        right: 0px;
}
div.texto_whatsapp2{
    width: 175px;
    height: 22px;
    position: absolute;
        top:165px;
        right: 1px;
}
div.texto_whatsapp p.chame{
    font-family: "OpenSans-Regular";
    font-size: 16px;
    text-align:left;
    padding-top: 0px;
    margin-top: 0px;
    color:#fff;
}
.numero_whatsapp{
    font-family: "OpenSans-Bold";
    text-decoration: none;
    font-size: 21px;
    text-align: left;
    padding-top: 0px;
    margin-top: 0px;
    color:#fff;
}
.numero_whatsapp:hover{
    font-family: "OpenSans-Bold";
    text-decoration: none;
    font-size: 21px;
    padding-top: 0px;
    margin-top: 0px;
    color:#f9f500;
}
.numero{
    font-family: "OpenSans-Bold";
    font-size: 21px;
    text-align:left;
    padding-top: 0px;
    margin-top: 0px;
    color:#fff;
}
section.faxa_menu{
    width: 100%;
    height: 45px;
    background-image: url(img/faxa_menu.jpg);
}
ul{
    max-width: 1250px;
    border:none;
    margin: 0 auto;
    padding-top: 10px;
}
li{
    display: inline;
    float: right;
    margin-right: 5px;
}   
li a.menu_topo{
    height: 45px;
    font-family: "OpenSans-Bold";
    font-size: 18px;
    text-align:right;
    text-decoration: none;
    color:#fff;
}
li a.menu_topo:hover{
    font-family: "OpenSans-Bold";
    font-size: 18px;
    text-align:right;
    text-decoration: none;
    margin-top: 0px;
    color:#13462C;
}
section.banner{
    width: 100%;
    height: 470px;
    background-image: url(img/imagem_banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
}
section.banner .pergunta_banner{
    width: 272px;
    height: 74px;
    margin: 0 auto;
}
.texto_pergunta{
    font-family: "OpenSans-Bold";
    font-size: 60px;
    text-align:center;
    text-shadow: 3px 3px 4px #000000;
    padding-top: 0px;
    margin-top: 0px;
    color:#fff;
}
section.banner .resposta_banner{
    width: 563px;
    height: 49px;
    margin: 0 auto;
}
.texto_resposta{
    font-family: "OpenSans-Bold";
    font-size: 38px;
    text-align:center;
    text-shadow: 3px 3px 4px #000000;
    padding-top: 0px;
    margin-top: 0px;
    color:#fff;
}
section.faxa_slogan{
    width: 100%;
    height: 45px;
    background-image: url(img/faxa_menu.jpg);
}
.texto_slogan{
    font-family: "OpenSans-Bold";
    font-size: 19px;
    text-align:center;
    padding-top: 8px;
    margin-top: 0px;
    color:#fff;
}
div.container{
    max-width: 1250px;
    margin: 0 auto;
}
div.lista_destaque{
    max-width: 1250px;
    margin: 0 auto;
    display:flex;
    flex-wrap: wrap;
}
div.lista_destaque div{
    flex: 1 1 240px;
    margin: 10px;
}
div.lista_destaque img{
    width: 100%;
    border-radius: 15px;
}
.afirmacao{
    font-family: "Angelline";
    font-size: 23px;
    text-align:center;
    padding-top: 4px;
    margin-top: 0px;
    color:#13462C;
}
h1.destaque{
    font-family: "OpenSans-Bold";
    font-size: 24px;
    width: 405px;
    padding-top: 4px;
    margin-top: 0px;
    color:#114744;
    border-bottom:1px solid #114744;
    margin-left: 10px;
}
p.texto_home{
    font-family: "OpenSans-Light";
    font-size: 18px;
    line-height: 30px;
    padding-top: 4px;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 10px;
    color:#333;
}
p.texto_contato{
    font-family: "OpenSans-Regular";
    font-size: 30px;
    line-height: 30px;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 10px;
    color:#333;
}
p.texto_contato span{
    font-family: "OpenSans-Light";
    font-size: 20px;
    line-height: 30px;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 10px;
    color:#333;
}
p.titulo_telefone{
    font-family: "OpenSans-Bold";
    font-size: 18px;
    background-color: #ccc;
    padding-top: 4px;
    padding-left: 10px;
    padding-bottom: 4px;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 10px;
    color:#333;
}
div.lista_seguradoras{
    max-width: 1250px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
    grid-template-rows: auto;
    gap: 10px;
    padding: 10px;
}
div.item{
    width: 125px;
}
section.rodape{
    width: 100%;
    height: 413px;
    background-image: url(img/fundo_rodape.jpg);
}
div.conteudo_rodape{
    width: 1250px;
    height: 413px;
    background-image: url(img/fundo_conteudo_rodape.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 auto;
    position: relative;
}
.bloco_menu{
    width: 203px;
    height: 219px;
    position: absolute;
        top: 0px;
        left: 0px;
}
ul.menu_rodape{
    width: 203px;
    height: 158px;
    border-right: 5px solid #1F9D97;
    position: absolute;
        top: 20px;
        left: 0px;
}
li.rodape{
    height: 34px;
    width: 203px;
    font-family: "OpenSans-Light";
    font-size: 18px;
    text-align:right;
    padding-right: 10px;
    list-style: none;
    margin-top: 0px;
    color:#fff;
}
li a{
    height: 34px;
    font-family: "OpenSans-Light";
    font-size: 18px;
    text-align:right;
    text-decoration: none;
    padding-right: 10px;
    list-style: none;
    margin-top: 0px;
    color:#fff;
}
li a:hover{
    height: 34px;
    font-family: "OpenSans-Light";
    font-size: 18px;
    text-align:right;
    text-decoration: none;
    padding-right: 10px;
    list-style: none;
    margin-top: 0px;
    color:#f9f500;
}
.bloco_tel{
    width: 350px;
    height: 219px;
    background-image: url("img/fundo_telefone_rodape.png");
    position: absolute;
        top: 0px;
        left: 283px;
}
p.vendas_rodape{
    font-family: "OpenSans-Regular";
    font-size: 18px;
    text-align:left;
    line-height: 30px;
    padding-top: 38px;
    margin-top: 0px;
    color:#fff;
}
.bloco_endereco{
    width: 280px;
    height: 219px;
    position: absolute;
        top: 0px;
        left: 687px;
}
.endereco_rodape{
    font-family: "OpenSans-Regular";
    font-size: 18px;
    text-align:left;
    line-height: 30px;
    padding-top: 56px;
    margin-top: 0px;
    color:#fff;
}
.bloco_logo_agglas{
    width: 234px;
    height: 219px;
    position: absolute;
        top: 0px;
        right: 0px;
}
.bloco_direitos{
    width: 1250px;
    height: 63px;
    position: absolute;
        top: 219px;
        left: 0px;
}
.direitos_rodape{
    font-family: "OpenSans-Regular";
    font-size: 18px;
    text-align:center;
    padding-top: 18px;
    margin-top: 0px;
    color:#333;
}
.logo_olhar{
    width: 81px;
    height: 65px;
    position: absolute;
        top: 288px;
        right: 20px;
}





/* :: PARTE DO ROGÉRIO ::::::::::::: */
nav {
    display: none;
}
#menu_celular,
#header_celular,
#nav {
    display: none;
}
.btn_menu{
    /*width: 46px;
    height: 34px;*/
    display: block;
    background-repeat: no-repeat;
    background-position: 15px center;
    text-indent: -9999px;
    padding: 16px 20px; /15px 0 1px 15px;/
}
.btn_menu_tablet{
    /*width: 46px;
    height: 34px;*/
    display: block;
    background-repeat: no-repeat;
    background-position: 15px center;
    text-indent: -9999px;
    padding: 16px 20px; /15px 0 1px 15px;/
}
.btn_menu_open{
    background-image: url(img/ico_menu_open_mobile.png);
}
.btn_menu_open_tablet{
    background-image: url(img/ico_menu_open_mobile.png);
}
.btn_menu_close{
    background-image: url(img/ico_menu_close_mobile.png);
    background-color: #000;
}
.btn_menu_close_tablet{
    background-image: url(img/ico_menu_close_mobile.png);
    background-color: #000;
}
#menu {
    display: block;
    position: absolute;
    width: 330px;
    top: 355px;
    left: 30px;
    background: #ffffff;
    opacity: 0.8;
    transition: 0.6s;
    z-index: 1000;
    height: 0px;
    visibility: hidden;
    overflow: hidden;
}
#nav.active #menu {
    height: 200px;
    visibility: visible;
}
#menu a {
    font-family: "OpenSans-Regular";
    font-size: 18px;
    color: #333;
    text-transform: uppercase;
    text-decoration: none;
    text-align: left;
    padding: 0px;
    margin: 0 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    display: block;
}
#menu li {
    width: 100%;
    height: 35px;
    margin-right: 0;
    margin-top: 0;
}
#menu li:hover {
    background-color: #2FB7BF;
}
#menu li:hover a {
    color: #FFF;
}
#menu li.active {
    background-color: #2FB7BF;
}
#menu li.active a {
    color: #FFF;
}
#btn-mobile {
    display: flex;
    padding: 0.8rem 0.6rem;
    font-size: 1rem;
    border: none;
    background: none;
    cursor: pointer;
    gap: 0.5rem;
}
#hamburger {
    border-top: 3px solid;
    width: 30px;
    color: #fff;
}
#hamburger::after,
#hamburger::before {
    content: '';
    display: block;
    width: 30px;
    height: 3px;
    background: currentColor;
    margin-top: 5px;
    transition: 0.3s;
    position: relative;
}
#nav.active #hamburger {
    border-top-color: transparent;
}
#nav.active #hamburger::before {
    transform: rotate(135deg);
}
#nav.active #hamburger::after {
    transform: rotate(-135deg);
    top: -8px;
}
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :: TABLET :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
@media screen and (min-width:581px) and (max-width:979px)
{
    section.topo{
        width: 100%;
        height: 204px;
        background-color: #114744;
        background-image: url(img/fundo_topo_tablet.jpg);
        background-repeat: no-repeat;
        background-position: center center;
    }
    div.conteudo_topo{
        width: 581px;
        height: 204px;
        margin: 0 auto;
        position: relative;
    }
    div.logo_agglas{
        width: 143px;
        height: 133px;
        position: absolute;
            top:10px;
            left: 40px;
    }
    div.logo_agglas img{
        width: 143px;
        height: 133px;
    }
    div.logo_whatsapp{
        width: 219px;
        height: 100px;
        position: absolute;
            top:100px;
            right: 10px;
    }
    div.logo_whatsapp img{
        width: 40px;
        height: 40px;
    }
    div.texto_whatsapp{
        width: 175px;
        height: 22px;
        position: absolute;
            top:100px;
            right: 0px;
    }
    div.texto_whatsapp2{
        width: 175px;
        height: 22px;
        position: absolute;
            top:145px;
            right: 1px;
    }
    div.texto_whatsapp p.chame{
        font-family: "OpenSans-Regular";
        font-size: 16px;
        text-align:left;
        padding-top: 0px;
        margin-top: 0px;
        color:#fff;
    }
    .numero_whatsapp{
        font-family: "OpenSans-Bold";
        text-decoration: none;
        font-size: 21px;
        text-align: left;
        padding-top: 0px;
        margin-top: 0px;
        color:#fff;
    }
    .numero_whatsapp:hover{
        font-family: "OpenSans-Bold";
        text-decoration: none;
        font-size: 21px;
        padding-top: 0px;
        margin-top: 0px;
        color:#f9f500;
    }
    .numero{
        font-family: "OpenSans-Bold";
        font-size: 18px;
        text-align:left;
        padding-top: 0px;
        margin-top: 0px;
        color:#fff;
    }

    section.faxa_menu{
        width: 100%;
        height: 45px;
        background-image: url(img/faxa_menu.jpg);
    }
    ul{
        border:none;
        margin: 0 auto;
        padding-top: 10px;
        width: 581px;
    }
    li{
        display: inline;
        float: right;
        margin-right: 5px;
    }   
    li a.menu_topo{
        height: 45px;
        font-family: "OpenSans-Bold";
        font-size: 17px;
        text-align:center;
        text-decoration: none;
        color:#fff;
    }
    li a.menu_topo:hover{
        font-family: "OpenSans-Bold";
        font-size: 17px;
        text-align:center;
        text-decoration: none;
        margin-top: 0px;
        color:#13462C;
    }
    section.faxa_slogan{
        width: 100%;
        height: 45px;
        background-image: url(img/faxa_menu.jpg);
    }
    .texto_slogan{
        font-family: "OpenSans-Bold";
        font-size: 12px;
        text-align:center;
        padding-top: 12px;
        margin-top: 0px;
        color:#fff;
    }
    .afirmacao{
        font-family: "Angelline";
        font-size: 18px;
        text-align:center;
        padding-top: 4px;
        padding-bottom: 15px;
        margin-top: 0px;
        color:#13462C;
    }
    p.texto_contato{
        font-family: "OpenSans-Regular";
        font-size: 24px;
        line-height: 30px;
        margin-top: 0px;
        margin-left: 10px;
        margin-right: 10px;
        color:#333;
    }
    p.texto_contato span{
        font-family: "OpenSans-Light";
        font-size: 20px;
        line-height: 30px;
        margin-top: 0px;
        margin-left: 10px;
        margin-right: 10px;
        color:#333;
    }

    section.rodape{
        width: 100%;
        height: 413px;
        background-image: url(img/fundo_rodape.jpg);
    }
    div.conteudo_rodape{
        width: 581px;
        height: 413px;
        background-image: url(img/fundo_conteudo_rodape_tablet.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        margin: 0 auto;
        position: relative;
    }
    .bloco_menu{
        width: 160px;
        height: 219px;
        position: absolute;
            top: 40px;
            left: 0px;
    }
    ul.menu_rodape{
        width: 160px;
        height: 130px;
        border-right: 4px solid #1F9D97;
        position: absolute;
            top: 14px;
            left: 0px;
    }
    li.rodape{
        height: 26px;
        font-family: "OpenSans-Light";
        font-size: 14px;
        text-align:right;
        padding-right: 5px;
        list-style: none;
        margin-top: 0px;
        color:#fff;
    }
    li a{
        height: 34px;
        font-family: "OpenSans-Light";
        font-size: 14px;
        text-align:right;
        text-decoration: none;
        padding-right: 10px;
        list-style: none;
        margin-top: 0px;
        color:#fff;
    }
    li a:hover{
        height: 34px;
        font-family: "OpenSans-Light";
        font-size: 14px;
        text-align:right;
        text-decoration: none;
        padding-right: 10px;
        list-style: none;
        margin-top: 0px;
        color:#f9f500;
    }
    .bloco_tel{
        width: 350px;
        height: 219px;
        background-image: url("img/fundo_telefone_rodape.png");
        position: absolute;
            top: 20px;
            left: 260px;
    }
    p.vendas_rodape{
        font-family: "OpenSans-Regular";
        font-size: 18px;
        text-align:left;
        line-height: 30px;
        padding-top: 38px;
        margin-top: 0px;
        color:#fff;
    }
    .bloco_endereco{
        width: 278px;
        height: 219px;
        position: absolute;
            top: 240px;
            left: 10px;
    }
    .endereco_rodape{
        font-family: "OpenSans-Regular";
        font-size: 18px;
        text-align:left;
        line-height: 30px;
        padding-top: 56px;
        margin-top: 0px;
        color:#fff;
    }
    .bloco_logo_agglas{
        display: none;
        width: 234px;
        height: 219px;
        position: absolute;
            top: 0px;
            right: 0px;
    }
    .bloco_direitos{
        width: 581px;
        height: 63px;
        position: absolute;
            top: 219px;
            left: 0px;
    }
    .direitos_rodape{
        font-family: "OpenSans-Regular";
        font-size: 16px;
        text-align:center;
        padding-top: 18px;
        margin-top: 0px;
        color:#333;
    }
    .logo_olhar{
        width: 81px;
        height: 65px;
        position: absolute;
            top: 288px;
            right: 20px;
    }



    /* :: PARTE DO ROGÉRIO ::::::::::::: */
nav {
    display: none;
}
#menu_celular,
#header_celular,
#nav {
    display: none;
}
.btn_menu{
    /*width: 46px;
    height: 34px;*/
    display: block;
    background-repeat: no-repeat;
    background-position: 15px center;
    text-indent: -9999px;
    padding: 16px 20px; /15px 0 1px 15px;/
}
.btn_menu_tablet{
    /*width: 46px;
    height: 34px;*/
    display: block;
    background-repeat: no-repeat;
    background-position: 15px center;
    text-indent: -9999px;
    padding: 16px 20px; /15px 0 1px 15px;/
}
.btn_menu_open{
    background-image: url(img/ico_menu_open_mobile.png);
}
.btn_menu_open_tablet{
    background-image: url(img/ico_menu_open_mobile.png);
}
.btn_menu_close{
    background-image: url(img/ico_menu_close_mobile.png);
    background-color: #000;
}
.btn_menu_close_tablet{
    background-image: url(img/ico_menu_close_mobile.png);
    background-color: #000;
}
#menu {
    display: block;
    position: absolute;
    width: 330px;
    top: 355px;
    left: 30px;
    background: #ffffff;
    opacity: 0.8;
    transition: 0.6s;
    z-index: 1000;
    height: 0px;
    visibility: hidden;
    overflow: hidden;
}
#nav.active #menu {
    height: 200px;
    visibility: visible;
}
#menu a {
    font-family: "OpenSans-Regular";
    font-size: 18px;
    color: #333;
    text-transform: uppercase;
    text-decoration: none;
    text-align: left;
    padding: 0px;
    margin: 0 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    display: block;
}
#menu li {
    width: 100%;
    height: 35px;
    margin-right: 0;
    margin-top: 0;
}
#menu li:hover {
    background-color: #2FB7BF;
}
#menu li:hover a {
    color: #FFF;
}
#menu li.active {
    background-color: #2FB7BF;
}
#menu li.active a {
    color: #FFF;
}
#btn-mobile {
    display: flex;
    padding: 0.8rem 0.6rem;
    font-size: 1rem;
    border: none;
    background: none;
    cursor: pointer;
    gap: 0.5rem;
}
#hamburger {
    border-top: 3px solid;
    width: 30px;
    color: #fff;
}
#hamburger::after,
#hamburger::before {
    content: '';
    display: block;
    width: 30px;
    height: 3px;
    background: currentColor;
    margin-top: 5px;
    transition: 0.3s;
    position: relative;
}
#nav.active #hamburger {
    border-top-color: transparent;
}
#nav.active #hamburger::before {
    transform: rotate(135deg);
}
#nav.active #hamburger::after {
    transform: rotate(-135deg);
    top: -8px;
}
}


/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :: MOBILE :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
@media (max-width:580px)
{
    section.topo{
        width: 100%;
        height: 311px;
        background-color: #114744;
        background-image: url(img/fundo_topo_celular.jpg);
        background-repeat: no-repeat;
        background-position: center center;
    }
    div.conteudo_topo{
        width: 347px;
        height: 311px;
        margin: 0 auto;
        position: relative;
    }
    div.logo_agglas{
        width: 143px;
        height: 133px;
        position: absolute;
            top:10px;
            left: 55px;
    }
    div.logo_agglas img{
        width: 143px;
        height: 133px;
    }
    div.logo_whatsapp{
        width: 219px;
        height: 100px;
        position: absolute;
            top:220px;
            left: 20px;
    }
    div.logo_whatsapp img{
        width: 40px;
        left: 40px;
    }
    div.texto_whatsapp{
        width: 175px;
        height: 22px;
        position: absolute;
            top:210px;
            left: 70px;
    }
    div.texto_whatsapp2{
        width: 175px;
        height: 22px;
        position: absolute;
            top:255px;
            left: 70px;
    }
    div.texto_whatsapp p.chame{
        font-family: "OpenSans-Regular";
        font-size: 16px;
        text-align:left;
        padding-top: 0px;
        margin-top: 0px;
        color:#fff;
    }
    .numero_whatsapp{
        font-family: "OpenSans-Bold";
        text-decoration: none;
        font-size: 21px;
        text-align: left;
        padding-top: 0px;
        margin-top: 0px;
        color:#fff;
    }
    .numero_whatsapp:hover{
        font-family: "OpenSans-Bold";
        text-decoration: none;
        font-size: 21px;
        padding-top: 0px;
        margin-top: 0px;
        color:#f9f500;
    }
    .numero{
        font-family: "OpenSans-Bold";
        font-size: 18px;
        text-align:left;
        padding-top: 0px;
        margin-top: 0px;
        color:#fff;
    }
    section.faxa_menu{
        width: 100%;
        height: 45px;
        background-image: url(img/faxa_menu.jpg);
    }
    ul{
        display: none;
        border:none;
        margin: 0 auto;
        padding-top: 10px;
        width: 581px;
    }
    li{
        display: inline;
        float: right;
        margin-right: 5px;
    }   
    li a.menu_topo{
        height: 45px;
        font-family: "OpenSans-Bold";
        font-size: 17px;
        text-align:center;
        text-decoration: none;
        color:#fff;
    }
    li a.menu_topo:hover{
        font-family: "OpenSans-Bold";
        font-size: 17px;
        text-align:center;
        text-decoration: none;
        margin-top: 0px;
        color:#13462C;
    }




    section.banner{
        width: 100%;
        height: 470px;
        background-image: url(img/imagem_banner.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        background-position: center center;
    }
    section.banner .pergunta_banner{
        width: 272px;
        height: 74px;
        margin: 0 auto;
    }
    .texto_pergunta{
        font-family: "OpenSans-Bold";
        font-size: 40px;
        text-align:center;
        text-shadow: 3px 3px 4px #000000;
        padding-top: 0px;
        margin-top: 0px;
        color:#fff;
    }
    section.banner .resposta_banner{
        width: 347px;
        height: 49px;
        margin: 0 auto;
    }
    .texto_resposta{
        font-family: "OpenSans-Bold";
        font-size: 28px;
        text-align:center;
        text-shadow: 3px 3px 4px #000000;
        padding-top: 0px;
        margin-top: 0px;
        color:#fff;
    }
    section.faxa_slogan{
        width: 100%;
        height: 90px;
        background-image: url(img/faxa_slogam.jpg);
    }
    .texto_slogan{
        font-family: "OpenSans-Bold";
        font-size: 14px;
        text-align:center;
        padding-top: 18px;
        margin-top: 0px;
        color:#fff;
    }
    .afirmacao{
        font-family: "Angelline";
        font-size: 20px;
        text-align:center;
        padding-top: 4px;
        padding-bottom: 15px;
        margin-top: 0px;
        color:#13462C;
    }
    p.texto_contato{
        font-family: "OpenSans-Regular";
        font-size: 20px;
        line-height: 30px;
        margin-top: 0px;
        margin-left: 10px;
        margin-right: 10px;
        color:#333;
    }
    p.texto_contato span{
        font-family: "OpenSans-Light";
        font-size: 16px;
        line-height: 30px;
        margin-top: 0px;
        margin-left: 10px;
        margin-right: 10px;
        color:#333;
    }
    section.rodape{
        width: 100%;
        height: 413px;
        background-image: url(img/fundo_rodape.jpg);
    }
    div.conteudo_rodape{
        width: 347px;
        height: 413px;
        background-image: url(img/fundo_conteudo_rodape_celular.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        margin: 0 auto;
        position: relative;
    }
    .bloco_menu{
        display: none;
        width: 160px;
        height: 219px;
        position: absolute;
            top: 40px;
            left: 0px;
    }
    ul.menu_rodape{
        width: 160px;
        height: 120px;
        border-right: 5px solid #1F9D97;
        position: absolute;
            top: 30px;
            left: 0px;
    }
    li{
        height: 26px;
        font-family: "OpenSans-Light";
        font-size: 14px;
        text-align:right;
        padding-right: 5px;
        list-style: none;
        margin-top: 0px;
        color:#fff;
    }
    li a{
        height: 34px;
        font-family: "OpenSans-Light";
        font-size: 14px;
        text-align:right;
        text-decoration: none;
        padding-right: 10px;
        list-style: none;
        margin-top: 0px;
        color:#fff;
    }
    li a:hover{
        height: 34px;
        font-family: "OpenSans-Light";
        font-size: 14px;
        text-align:right;
        text-decoration: none;
        padding-right: 10px;
        list-style: none;
        margin-top: 0px;
        color:#f9f500;
    }
    .bloco_tel{
        width: 350px;
        height: 219px;
        background-image: url("img/fundo_telefone_rodape.png");
        position: absolute;
            top: 10px;
            left: 10px;
    }
    p.vendas_rodape{
        font-family: "OpenSans-Regular";
        font-size: 18px;
        text-align:left;
        line-height: 30px;
        padding-top: 38px;
        margin-top: 0px;
        color:#fff;
    }
    .bloco_endereco{
        width: 267px;
        height: 219px;
        position: absolute;
            top: 240px;
            left: 10px;
    }
    .endereco_rodape{
        font-family: "OpenSans-Regular";
        font-size: 18px;
        text-align:left;
        line-height: 30px;
        padding-top: 56px;
        margin-top: 0px;
        color:#fff;
    }
    .bloco_logo_agglas{
        display: none;
        width: 234px;
        height: 219px;
        position: absolute;
            top: 0px;
            right: 0px;
    }
    .bloco_direitos{
        width: 347px;
        height: 63px;
        position: absolute;
            top: 219px;
            left: 0px;
    }
    .direitos_rodape{
        font-family: "OpenSans-Regular";
        font-size: 18px;
        text-align:center;
        padding-top: 8px;
        margin-top: 0px;
        color:#333;
    }
    .logo_olhar{
        width: 81px;
        height: 65px;
        position: absolute;
            top: 288px;
            right: 20px;
    }

    /* :: PARTE DO ROGÉRIO ::::::::::::: */
nav {
    display: none;
}
#menu_celular,
#header_celular,
#nav {
    display: block;
}
.btn_menu{
    /*width: 46px;
    height: 34px;*/
    display: block;
    background-repeat: no-repeat;
    background-position: 15px center;
    text-indent: -9999px;
    padding: 16px 20px; /15px 0 1px 15px;/
}
.btn_menu_tablet{
    /*width: 46px;
    height: 34px;*/
    display: block;
    background-repeat: no-repeat;
    background-position: 15px center;
    text-indent: -9999px;
    padding: 16px 20px; /15px 0 1px 15px;/
}
.btn_menu_open{
    background-image: url(img/ico_menu_open_mobile.png);
}
.btn_menu_open_tablet{
    background-image: url(img/ico_menu_open_mobile.png);
}
.btn_menu_close{
    background-image: url(img/ico_menu_close_mobile.png);
    background-color: #000;
}
.btn_menu_close_tablet{
    background-image: url(img/ico_menu_close_mobile.png);
    background-color: #000;
}
#menu {
    display: block;
    position: absolute;
    width: 330px;
    top: 355px;
    left: 30px;
    background: #ffffff;
    opacity: 0.8;
    transition: 0.6s;
    z-index: 1000;
    height: 0px;
    visibility: hidden;
    overflow: hidden;
}
#nav.active #menu {
    height: 200px;
    visibility: visible;
}
#menu a {
    font-family: "OpenSans-Regular";
    font-size: 18px;
    color: #333;
    text-transform: uppercase;
    text-decoration: none;
    text-align: left;
    padding: 0px;
    margin: 0 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    display: block;
}
#menu li {
    width: 100%;
    height: 35px;
    margin-right: 0;
    margin-top: 0;
}
#menu li:hover {
    background-color: #2FB7BF;
}
#menu li:hover a {
    color: #FFF;
}
#menu li.active {
    background-color: #2FB7BF;
}
#menu li.active a {
    color: #FFF;
}
#btn-mobile {
    display: flex;
    padding: 0.8rem 0.6rem;
    font-size: 1rem;
    border: none;
    background: none;
    cursor: pointer;
    gap: 0.5rem;
}
#hamburger {
    border-top: 3px solid;
    width: 30px;
    color: #fff;
}
#hamburger::after,
#hamburger::before {
    content: '';
    display: block;
    width: 30px;
    height: 3px;
    background: currentColor;
    margin-top: 5px;
    transition: 0.3s;
    position: relative;
}
#nav.active #hamburger {
    border-top-color: transparent;
}
#nav.active #hamburger::before {
    transform: rotate(135deg);
}
#nav.active #hamburger::after {
    transform: rotate(-135deg);
    top: -8px;
}
}