* {font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size:14px; color:#222; line-height:1.3; box-sizing:border-box}
html {height:100%}
body {margin:0px; height:100%; background-color:#fff}
h1, h2 {font-size:42px; font-weight:700; line-height:1.1; color:#0F0F0F; margin:0px; padding:0px}
input, textarea, select {outline-color:#111}
input[type=text], input[type=email], input[type=password], textarea, select {border:1px #D4D4D4 solid; border-radius:6px; padding:15px 12px; width:100%; color:#111; margin-top:10px}
select {padding-right:15px; background:url('../img/icone-arrow-down.png') no-repeat calc(100% - 15px) center; background-size:11px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color:#fff}
img {vertical-align:baseline !important}
input:disabled {background-color:#eee; color:#666}
a {text-decoration:none}

:root {
    --gridPrincipal: 1200px;
    --gridSecundario: 780px;
    --topoInfoBg: #6B1C31;
    --topoInfoColor: #fff;
    --corLogoPrimaria: #6B1C31;
    --corLogoSecundaria: #0F0F0F;
    --corLogoTerciaria: #0F0F0F;
    --linkPadrao: #1878C0;
    --corWhatsapp: #0DC143;
}

.grid-g {width:calc(100% - 28px); max-width:var(--gridPrincipal); margin:0px 14px}
.grid-m {width:calc(100% - 28px); max-width:var(--gridSecundario)}
.flex {display:flex; flex-wrap:wrap}
.linha {display:flex; width:100%; flex-wrap:wrap}
.centralizar {justify-content:center}
.centralizar-v {align-items:center}
.espalhar {justify-content:space-between}
.txtcenter {text-align:center}
.txtleft {text-align:left !important}
.titulo {font-size:32px; font-weight:700; line-height:1.1; color:#333; margin:0px; padding:0px}
.bold {font-weight:700}
.semibold {font-weight:600}
.white {color:#fff}
.invisivel {display:none}
.relative {position:relative}
.mouseHover:hover {opacity:0.7; cursor:pointer; transition:80ms}

.texto, .texto b, .texto p, .texto i {font-size:15px; color:#111; line-height:1.6}
.texto p {width:100%}
.texto b {font-weight:700}
.texto ul li {margin:8px 0px}
.texto img {max-width:100%; height:auto; border-radius:6px; margin:20px 0px}

.marginTop10 {margin-top:10px !important}
.marginTop20 {margin-top:20px !important}
.marginTop30 {margin-top:30px !important}
.marginTop40 {margin-top:40px !important}
.marginTop50 {margin-top:50px !important}
.marginTop60 {margin-top:60px !important}
.marginR30 {margin-right:30px !important}

#topo {display:flex; width:100%; flex-wrap:wrap; justify-content:center}
#topo .linhaInfo {padding:8px 0px; width:100%; background-color:var(--topoInfoBg); align-items:center}
#topo .linhaInfo div {color:var(--topoInfoColor); font-size:14px; display:flex; flex-wrap:wrap; align-items:center}
#topo .linhaInfo img {margin-right:8px}
#topo .linhaInfo div i.fa-whatsapp {font-size:19px}
#topo .linhaInfo div a {margin:0px 2px}
#topo .linhaInfo div a i {font-size:28px; color:#fff;}
#topo .linhaLogo {padding:10px 0px; background-color:#fff; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);}
#topo .linhaLogo img {width:100%; max-width:229px; height:auto}
#topo .linhaLogo .linkLogo {width:240px}
#topo .linhaLogo .menu a {margin-left:20px; font-size:15px; font-weight:500; color:#000; text-decoration:none}
#topo .linhaLogo .menu a:hover {color:var(--corLogoPrimaria)}
#topo button {background-color:var(--corWhatsapp); border-radius:100px; padding:15px 30px; border:0px; color:#fff; font-size:15px; font-weight:700; margin-left:20px}
#topo button i {color:#fff; font-size:19px; margin-right:10px}
#topo .linhaLogo .mobile {display:none}
#topo .linhaLogo .mobile i {font-size:32px; color:var(--corLogoPrimaria); margin:0px 10px}
#topo .links {color:#fff; text-decoration:none; font-size:13px}

#banner {height:400px; background:linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../img/banner/banner.jpg') no-repeat center center; background-size:cover}
#banner .cont {height:100%; display:flex; align-items:center}
#banner .texto {font-size:42px; color:#fff; font-weight:700; width:100%; max-width:500px; line-height:1; font-weight:300}
#banner button {display:block; margin-top:20px; background-color:transparent; padding:20px 40px; color:#fff; font-size:16px; font-weight:600; text-decoration:none; border-radius:100px; border:2px #fff solid}

#homeSobre .cont {padding:60px 0px}
#homeSobre .colImg {width:50%; padding-right:40px; text-align:center}
#homeSobre .colImg img {max-width:100%; height:auto}
#homeSobre .colTxt {width:50%}
#homeSobre .colTxt span {display:block; font-size:15px; line-height:1.7; color:var(--corLogoTerciaria); margin:25px 0px}
#homeSobre .colTxt a {display:inline-block; background-color:var(--corLogoPrimaria); padding:16px 60px; color:#fff; font-size:15px; font-weight:700; text-decoration:none; border-radius:50px}

#homeServicos {padding:70px 0px; background-color:var(--corLogoPrimaria)}
#homeServicos h2 {width:100%; text-align:center}
#homeServicos .subtitulo {display:block; width:100%; text-align:center; margin-top:10px; color:var(--corLogoTerciaria); line-height:1.5; font-size:15px; padding:0px 150px}
#homeServicos .btnTodas {display:inline-block; background-color:transparent; padding:20px 0px; color:#fff; font-size:15px; font-weight:700; text-decoration:none; border-radius:50px; border:2px #fff solid; width:100%; max-width:396px; text-align:center}
#homeServicos .contServicos {display:flex; flex-wrap:wrap; gap:30px; margin-top:30px}
#homeServicos .contServicos .box {background-color:#181B2D; width:calc(33.33% - 20px); padding:30px; display:flex; flex-direction:column; gap:15px; border-radius:4px}
#homeServicos .contServicos .box h3 {color:#fff; padding:0; margin:0; font-size:16px}
#homeServicos .contServicos .box span {color:#fff; font-size:14px; line-height:1.4; font-weight:300}
#homeServicos .contServicos .box a {color:#fff; font-size:13px; text-decoration:underline}

#homeDepoimentos {padding:60px 0px; background-color:#f3f3f3}
#homeDepoimentos .containerDepo {display:flex; width:100%; flex-wrap:wrap; gap:30px; justify-content: space-between; margin-top:30px}
#homeDepoimentos .depoimento {width:calc(25% - 22.5px); background-color:#fff; border-radius:4px; padding:30px; display:flex; flex-direction:column; align-items:center; gap:20px}
#homeDepoimentos .depoimento span {text-align:center}
#homeDepoimentos .depoimento .foto {width:70px; height:70px; border-radius:70px; background-repeat:no-repeat; background-position:center center; background-size:cover}
#homeDepoimentos .depoimento i {color:var(--corLogoPrimaria)}

#homeSorrisos {margin-top:60px}
#homeSorrisos .subtitulo {display:block; width:100%; text-align:center; font-size:17px}
#homeSorrisos .containerSorrisos {display:flex; width:100%; margin-top:30px}
#homeSorrisos .containerSorrisos img {width:16.66%; height:auto}

#homeBlog {margin-top:60px}
#homeBlog .contBlog {display:flex; gap:30px; margin-top:30px}
#homeBlog .contBlog .post {width:33.33%; border:1px #E4E4E4 solid; border-radius:4px}
#homeBlog .contBlog .post .capa {height:250px; background-size:cover; background-repeat:no-repeat; background-position:center center; border-radius:4px 4px 0px 0px}
#homeBlog .contBlog .post .contTitulo {display:flex; width:100%; flex-wrap:wrap; padding:25px}
#homeBlog .contBlog .post .contTitulo span {display:block; width:100%}
#homeBlog .contBlog .post .contTitulo span:first-child {color:#999999}
#homeBlog .contBlog .post .contTitulo h3 {font-size:18px; line-height:1; text-align:left}
#homeBlog .contBlog .post .contTitulo a:hover {text-decoration:underline}
#homeBlog .btnTodas {display:inline-block; background-color:transparent; padding:20px 0px; color:var(--corLogoPrimaria); font-size:15px; font-weight:700; text-decoration:none; border-radius:50px; border:2px var(--corLogoPrimaria) solid; width:100%; max-width:396px; text-align:center}

#migalha {display:flex; width:100%; flex-wrap:wrap; color:#333; font-size:15px; list-style-type: none; margin:0; padding:0; margin-bottom:3px}
#migalha span {color:#333; font-size:14px; margin-right:10px}
#migalha a {text-decoration:none}
#migalha .ativo {color:#999}

#sobre {margin-top:50px}
#sobre .colImg {width:50%; padding-right:40px; text-align:center}
#sobre .colImg img {max-width:100%; height:auto}
#sobre .colTxt {width:50%}
#sobre .colTxt .texto {display:block; font-size:15px; line-height:1.7; color:var(--corLogoTerciaria); margin:25px 0px}
#sobre .containerFotos {display:flex; flex-wrap:wrap; gap:20px; margin-top:30px}
#sobre .containerFotos .foto {width:calc(25% - 15px); background-size:cover; background-repeat:no-repeat; background-position:center center; height:240px; border-radius:4px}
#sobre .video {width:100%; height:400px; background:url('../img/sobre-bg.jpg') no-repeat center center; margin-top:40px; display:flex; justify-content:center; align-items:center; flex-direction: column; font-size:28px; color:#fff; font-weight:700; gap:15px; text-align:center; cursor:pointer}
#sobre .video i {color:#fff; font-size:42px}

#especialidades {margin-top:40px}
#especialidades .subtitulo {color:var(--corLogoTerciaria); line-height:1.5; font-size:15px; text-align:center}
#especialidades .faleConosco {background-color:#ececec; border-radius:6px; padding:30px; margin-top:60px; justify-content:space-between; align-items:center; box-shadow:0 20px 20px rgb(163 177 204 / 10%);}
#especialidades .faleConosco span {flex:1; padding-right:100px; font-size:21px; font-weight:600; color:#111; line-height:1.2}
#especialidades .faleConosco .infoContato {width:205px; text-align:center; color:var(--corLogoPrimaria); font-size:20px}
#especialidades .faleConosco .infoContato a.btn {display:block; width:205px; width:100%; padding:16px 0px; background-color:var(--corWhatsapp); border:2px var(--corWhatsapp) solid; border-radius:4px; color:#fff; font-size:13px; font-weight:600; text-align:center; text-decoration: none}
#especialidades .faleConosco .infoContato a.btn:hover {background-color:transparent; color:var(--corWhatsapp)}
#especialidades .btnArquivo {background-color:var(--corLogoSecundaria); color:#fff; font-weight:600; font-size:15px; border-radius:4px; padding:15px 40px; border:0px}
#especialidades .linktel {font-size:21px; font-weight:600; color:var(--corLogoPrimaria); line-height:1.2; text-decoration:none}
#especialidades .contEspecialidades {display:flex; flex-wrap:wrap; gap:30px; margin-top:30px}
#especialidades .contEspecialidades .box {width:calc(25% - 22.5px); border:1px #E4E4E4 solid; border-radius:4px}
#especialidades .contEspecialidades .box .capa {height:230px; background-size:cover; background-repeat:no-repeat; background-position:center center; border-radius:4px 4px 0px 0px}
#especialidades .contEspecialidades .box .contTitulo {display:flex; width:100%; flex-wrap:wrap; padding:25px}
#especialidades .contEspecialidades .box .contTitulo span {display:block; width:100%}
#especialidades .contEspecialidades .box .contTitulo h3 {font-size:18px; line-height:1; text-align:left; margin:0px; padding:0px; margin-bottom:20px}
#especialidades .contEspecialidades .box .contTitulo a:hover {text-decoration:underline}
#especialidades .colImg {width:calc(50% - 40px); margin-right:40px; height:auto; text-align:center; background-position:center center; background-repeat:no-repeat; background-size:cover}
#especialidades .colImg img.mask {width:100%; height:100%}
#especialidades .colTxt {width:50%}
#especialidades .colTxt .texto {display:block; font-size:15px; line-height:1.7; color:var(--corLogoTerciaria); margin:25px 0px}
#especialidades .contVideo {background-color:#F4F4F4; padding:50px 0px; margin-top:30px}
#especialidades .contVideo .videoTxt {flex-wrap:wrap; gap:100px; align-items:center}
#especialidades .contVideo .cols {flex:1}
#especialidades .contVideo .cols span {font-size:19px; line-height:1.4}
#especialidades .contVideo .bgVideo {width:100%; height:325px; background:url('../img/especialidade-video.jpg') no-repeat center center; background-size:cover; border-radius:4px; flex-wrap:wrap; color:#fff}
#especialidades .contVideo .contPlay {width:100%; gap:30px}
#especialidades .contVideo .bgVideo i {font-size:36px; color:#fff}
#especialidades .contVideo .bgVideo span {font-size:25px; color:#fff; font-weight:300; line-height:1.2}
#especialidades .contVideo .bgVideo span b {font-size:25px; color:#fff; font-weight:700}
#especialidades .FAQ {margin-top:60px}
#especialidades .FAQ h3 {margin:0px; padding:0px; font-size:23px; font-weight:300; width:100%; text-align:center}
#especialidades .FAQ h3 b {font-size:23px; font-weight:700}
#especialidades .FAQ .box {background-color:#eee; border-radius:6px; padding:25px 30px; margin-top:20px; background-color:#fff; border:1px #E4E4E4 solid; width:100%}
#especialidades .FAQ .box.active {background-color:#fff; border:1px #D4D4D4 solid}
#especialidades .FAQ .pergunta {font-size:15px; font-weight:700; background:url('../img/icone-arrow-down.png') no-repeat center right; padding-right:20px; cursor:pointer}
#especialidades .FAQ .pergunta.active {background:url('../img/icone-arrow-up.png') no-repeat center right;}
#especialidades .FAQ .resposta {font-size:15px; color:#666666; line-height:1.6; margin-top:20px; display:none}
#especialidades .divOutros {display:flex; flex-direction:column; gap:8px}
#especialidades .divOutros h3 {margin:0; padding:0; margin-top:50px; font-size:18px}
#especialidades .outros {color:#333}
#especialidades .outros:hover {text-decoration: underline;}

#equipe {margin-top:40px}
#equipe .contEquipe {display:flex; width:100%; flex-wrap:wrap; gap:30px; margin-top:30px}
#equipe .contEquipe .box {width:calc(25% - 22.5px); border:1px #E4E4E4 solid; border-radius:4px}
#equipe .contEquipe .box .capa {height:350px; background-size:cover; background-repeat:no-repeat; background-position:center center; border-radius:4px 4px 0px 0px}
#equipe .contEquipe .box .contTitulo {display:flex; width:100%; flex-wrap:wrap; padding:25px}
#equipe .contEquipe .box .contTitulo span {display:block; width:100%; font-size:14px; color:var(--corLogoPrimaria); font-weight:700}
#equipe .contEquipe .box .contTitulo h3 {font-size:18px; line-height:1; text-align:left; margin:0px; padding:0px; margin-top:10px}
#equipe .colImg {width:40%; padding-right:40px}
#equipe .colImg img {max-width:100%; height:auto; border-radius:4px}
#equipe .colTxt {width:60%}
#equipe .colTxt .texto {display:block; font-size:15px; line-height:1.7; color:var(--corLogoTerciaria); margin:25px 0px}
#equipe .especialidade {display:block; width:100%; font-size:18px; color:var(--corLogoPrimaria); font-weight:700; margin-top:5px}
#equipe .divRedes {gap:10px; margin-top:20px}
#equipe .btRedes {padding:10px 20px; border:1px #BEBEBE solid; border-radius:4px; font-size:16px; color:#333; background-color:#fff; display:flex; align-items:center}
#equipe .btRedes i {color:#333; font-size:20px; margin-right:10px}
#equipe h3 {font-size:18px; margin:0px; padding:0px; margin-bottom:10px; margin-top:30px}
#equipe .divOutros {display:flex; flex-direction:column; gap:8px}
#equipe .outros:hover {text-decoration: underline;}

#blog {margin-top:40px}
#blog .blocoConteudoLateral {width:100%; margin-top:20px}
#blog .conteudo {width:70%; padding-right:30px}
#blog .lateral {width:30%; margin-top:30px}
#blog .subtitulo {margin:0px; padding:0px; font-size:21px; color:#2C3540; font-weight:700}
#blog .subtitulo2 {margin:0px; padding:0px; font-size:21px; color:#2C3540; font-weight:700}
#blog .subtitulo.active {background:url('../img/icon-arrow-up.png') no-repeat right center}
#blog .lateral .borda {width:100%; border-radius:4px; padding:30px; background-color:#F2F2F2}
#blog .lateral .contCategorias {display:flex; margin-top:15px; flex-direction:column; gap:8px}
#blog .lateral .contUltimas {display:flex; margin-top:15px; flex-direction:column; gap:10px}
#blog .lateral .boxUltima {width:100%; display:flex; flex-wrap:wrap; background-color:#fff; border-radius:4px; align-items:center}
#blog .lateral .boxUltima .capaUltima {width:100px; height:100px; background-size:cover; background-repeat:no-repeat; background-position:center center; border-radius:4px 0px 0px 4px}
#blog .lateral .boxUltima span {flex:1; font-size:14px; font-weight:700; padding:0px 25px}
#blog .lateral .categorias {font-size:15px; color:#666}
#blog .lateral .categorias:hover {text-decoration:underline}
#blog .contBoxes {display:flex; width:100%; flex-wrap:wrap; gap:30px; margin-top:30px}
#blog .contBoxes .post {width:calc(50% - 15px); border:1px #E4E4E4 solid; border-radius:4px}
#blog .contBoxes .post .capa {height:250px; background-size:cover; background-repeat:no-repeat; background-position:center center; border-radius:4px 4px 0px 0px}
#blog .contBoxes .post .contTitulo {display:flex; width:100%; flex-wrap:wrap; padding:25px; flex-direction: column;}
#blog .contBoxes .post .contTitulo span {display:block}
#blog .contBoxes .post .contTitulo span:first-child {color:#999999}
#blog .contBoxes .post .contTitulo h3 {font-size:18px; line-height:1; text-align:left}
#blog .contBoxes .post .contTitulo a:hover {text-decoration:underline}
#blog .btnMais {background-color:transparent; border:2px var(--corLogoPrimaria) solid; font-size:15px; font-weight:600; border-radius:6px; padding:16px 30px; color:var(--corLogoPrimaria); text-decoration:none; margin-top:20px; text-align:center}
#blog .btnMais:hover {background-color:var(--corLogoPrimaria); color:#fff; cursor:pointer}
#blog .interna .capa {max-width:100%; height:auto; border-radius:6px; padding:0px; margin:10px 0px 20px 0px}
#blog .interna h1 {text-align:left}
#blog .interna .escritopor {margin:30px 0px; border-top:1px #E2E2E2 solid; border-bottom:1px #E2E2E2 solid; padding:30px 0px; align-items:center}
#blog .interna .escritopor .autor {width:78px; height:78px; border-radius:100%; background-repeat:no-repeat; background-size:cover; background-position:center center; margin-right:25px}
#blog .interna .escritopor .info, #blog .interna .escritopor .info b {flex:1; font-size:17px; font-weight:700}
#blog .interna .escritopor .info b {color:#BF8F58}
#blog .interna .escritopor .info .descricao {display:block; width:100%; font-size:13px; font-weight:400; color:#333; margin-top:8px}
#blog .interna .podeGostar {display:block; width:100%; font-size:38px; font-weight:700; color:#2C3540; text-transform:uppercase; margin:20px 0px; line-height:1.2}
#blog .categoriaData {display:block; color:#999999; margin-top:10px}
#blog .capaInterna {width:100%; height:auto; margin:0; padding:0}

#contato {margin-top:40px}
#contato .colImg {display:flex; flex-direction:column; gap:20px; width:50%; height:580px; text-align:center; background:url('../img/contato-bg.jpg') no-repeat center center; background-size:cover; align-items:center; justify-content:center; padding:30px}
#contato .colTxt {width:50%; padding-left:70px}
#contato form {margin-top:20px}
#contato input, #contato textarea {border:0px; border-bottom:1px #333 solid; border-radius:0px; padding:15px 0px; outline-style:none}
#contato button {background-color:var(--corLogoPrimaria); padding:20px 50px; border:0px; border-radius:100px; font-size:15px; font-weight:700; color:#fff; margin-top:25px}
#contato .contInfo {display:flex; gap:20px; align-items:center; margin-bottom:20px; width:100%; max-width:370px}
#contato .contInfo .icon {width:46px; height:46px; display:flex; justify-content: center; align-items:center; background-color:#181B2D; border-radius:100px}
#contato .contInfo .conteudo {flex:1; text-align:left}
#contato .contInfo .conteudo span {color:#fff}
#contato .contInfo .subtitulo {font-weight:700; display:block; margin-bottom:5px; color:#fff}
#contato .sucesso {color:var(--corWhatsapp); font-weight:700}
#contatoMap {width:100%; height:450px; margin-top:50px}
#contatoMap iframe {width:100%; height:100%}

#rodape {width:100%; margin-top:-90px}
#rodape.nomargin {margin-top:0px !important}
#rodape .principal {width:100%; display:flex; flex-wrap:wrap; justify-content:center; background-color:#F7F7F7; padding-bottom:40px; padding-top:160px}
#rodape .contColunas {display:flex; gap:50px; flex-wrap:wrap}
#rodape .titulo {display:block; color:#0F0F0F; font-size:18px; font-weight:700; margin-bottom:20px}
#rodape .texto {display:block; color:#999}
#rodape .principal .info {flex:3}
#rodape .principal .info span {display:flex; align-items:center; align-content:center; width:100%; margin-top:20px; font-size:14px; color:#222; line-height:1.5}
#rodape .principal .info span:first-child {margin-top:0px}
#rodape .principal .info span i {margin-right:12px; font-size:18px; color:var(--corLogoPrimaria)}
#rodape .principal .paginas {flex:2}
#rodape .principal .paginas a {display:block; margin-top:10px; text-decoration:none; color:#222222}
#rodape .principal .paginas a i {font-size:11px; color:#454545; margin-right:5px}
#rodape .principal .paginas a:hover {text-decoration:underline}
#rodape .principal .paginas a.todos {color:var(--linkPadrao); font-weight:600}
#rodape .contato {flex:3}
#rodape .contato .contInfo {display:flex; width:100%; gap:20px; align-items:center; margin-bottom:20px}
#rodape .contato .contInfo .icon {width:46px; height:46px; display:flex; justify-content: center; align-items: center; background-color:var(--corLogoPrimaria); border-radius:100px}
#rodape .contato .contInfo .conteudo {flex:1}
#rodape .contato .contInfo .subtitulo {font-weight:700; display:block; margin-bottom:5px}
#rodape .secundario {width:100%; display:flex; flex-wrap:wrap; justify-content:center; background-color:#F1F1F1; padding:20px 0px}
#rodape .secundario span {font-size:13px; color:#707070}
#rodape .secundario span a {font-size:13px; color:#707070; text-decoration:none; font-weight:600}
#rodape .linkrodape {color:#222; text-decoration:none; font-size:14px}
.newsContato {margin-top:-145px}

#newsletter {margin-top:50px; padding:30px 40px; background-color:#fff; border-radius:6px; box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.06); width:100%}
#newsletter span {display:block}
#newsletter span:first-child {font-size:27px; font-weight:700}
#newsletter span:last-child {font-size:16px}
#newsletter input[type=email] {flex:1; background-color:#E4E4E4; height:50px; padding-left:15px; padding-right:15px; border-radius:100px; border:0px; color:#656565; font-size:14px; outline-style:none}
#newsletter button {width:220px; background-color:var(--corLogoPrimaria); height:50px; border-radius:100px; border:0px; color:#ffff; font-size:15px; font-weight:700}
#newsletter .contCampos {display:flex; gap:10px; align-items:flex-end; margin-top:10px}
#newsletter .sucessoNews {border-radius:100px; padding:14px 0px; width:100%; text-align:center; border:1px solid #1f973b; color:#1f973b; margin-top:10px; font-weight:600}

#lgpd {position:fixed; width:100%; bottom:20px; z-index:9; display:flex; flex-wrap:wrap; justify-content:center; padding:0px 14px}
#lgpd div {width:100%; max-width:1160px; background-color:#fff; border-radius:6px; padding:30px; -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.3); box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.3); display:flex; flex-wrap:wrap; align-items:center}
#lgpd span {flex:1; color:#111; font-size:15px; font-weight:600; padding-right:30px}
#lgpd .btnAceite {background-color:var(--corLogoSecundaria); color:#fff; font-size:13px; font-weight:700; width:160px; padding:15px 0px; text-align:center; border-radius:3px; text-decoration:none;}
#lgpd .btnAceite:hover {opacity:0.7; cursor:pointer}

#pag404 {margin-top:60px}
#pag404 .texto {text-align:center}

#whatsFlutuante {position:fixed; bottom:20px; right:20px; width:60px; height:60px; background-color:#22C046; border-radius:100%; z-index:8; cursor:pointer; display:flex; justify-content:center; align-items:center}
#whatsFlutuante:hover {background-color:#1f973b}
#whatsFlutuante i {color:#fff; font-size:32px}

#menuMobile2 {position:fixed; z-index:9; top:0px; left:0px; width:100%; height:100%; background-color: rgba(0, 0, 0, 0.6); display:none}
#menuMobile1 {position:fixed; z-index:9; top:0px; left:-290px; width:290px; height:100%; background-color:#ffffff; box-sizing:border-box; overflow-y:auto; display:flex; flex-wrap: wrap; align-content: flex-start;}
#menuMobile1 .contLinks {display:flex; flex-wrap:wrap; width:100%; padding:20px; padding-top:0px}
#menuMobile1 .contLinks a {width:100%; text-transform: uppercase; text-decoration: none; color:#222; font-size:17px; margin-top:30px}
#menuMobile1 .contLinks a.categoriaBlog {text-transform: initial; color:#666; font-size:16px; margin-top:15px; padding-left:20px}

.customCheck {display: block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.customCheck input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.customCheck .checkmark {position: absolute;top: 0;left: 0;height: 20px;width: 20px;background-color: #eee}
.customCheck .checkmark.radio {border-radius:50%}
.customCheck:hover input ~ .checkmark {background-color: #ccc;}
.customCheck input:checked ~ .checkmark {background-color: #2196F3;}
.checkmark:after {content: "";position: absolute;display: none;}
.customCheck input:checked ~ .checkmark:after {display: block;}
.customCheck .checkmark:after {left: 6px;top: 2px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.customCheck .checkmark.radio:after {top: 6px !important;left: 6px !important;width: 5px !important;height: 5px !important;border-radius: 50%;background: white;}


@media screen and (max-width: 1050px) {
    #topo .menu {display:none}
    #topo .linhaLogo .mobile {display:block}
    #sobre .containerFotos .foto {width:calc(33.33% - 13.33px)}
    #especialidades .contEspecialidades .box {width:calc(33.33% - 20px)}
    #equipe .contEquipe .box {width:calc(33.33% - 20px)}
    #blog .conteudo {width:100%; padding-right:0px}
    #blog .lateral {display:none}
}


@media screen and (max-width: 900px) {
    .contServicos .box {width:calc(50% - 25px)}
    #homeDepoimentos .containerDepo {justify-content:center}
    #homeDepoimentos .depoimento {width:calc(50% - 30px)}
    #banner .cont {padding-bottom:0px}
    #rodape .info {flex:1}
    #rodape .paginas {flex:1}
    #rodape .contato {flex:1}
    #rodape .contColunas {gap:50px; flex-direction: column;}
    #rodape .principal {padding-bottom:20px; padding-top:120px}
    #newsletter {padding:20px}
    #newsletter .contCampos {flex-direction: column;}
    #newsletter .contCampos input[type=text] {flex:initial; width:100%; height:50px}
    #newsletter .contCampos button {flex:initial; width:100%; height:50px}
    #homeSorrisos .containerSorrisos {justify-content:space-between; flex-wrap: nowrap; overflow-x: scroll; -webkit-overflow-scrolling: touch;}
    #homeSorrisos .containerSorrisos img {min-width:250px}
    #contato .colImg {width:100%; height:400px; order:2; margin-top:40px}
    #contato .colTxt {width:100%; padding-left:0px; order:1}
}

@media screen and (max-width: 800px) {
    #topo .linhaInfo .endereco {display:none}
    #banner {height:450px; background-position:-1340px center}
    #banner .texto {font-size:36px}
    #homeSobre .cont {padding:50px 0px}
    #homeSobre .colImg {width:100%; padding-right:0px}
    #homeSobre .colImg .bg {height:300px}
    #homeSobre .colTxt {width:100%; margin-top:20px}
    #homeBlog .contBlog {flex-direction: column}
    #homeBlog .contBlog .post {width:100%}
    #sobre .colImg {width:100%; padding-right:0px}
    #sobre .colTxt {width:100%; margin-top:20px}
    #especialidades .colImg {width:100%; margin-right:0px}
    #especialidades .colTxt {width:100%; margin-top:20px}
    #especialidades .contEspecialidades .box {width:calc(50% - 15px)}
    #equipe .contEquipe .box {width:calc(50% - 15px)}
    #especialidades .contVideo .videoTxt {flex-direction:column; gap:20px}
    #especialidades .contVideo .cols {width:100%}
    #especialidades .contVideo .bgVideo {height:300px}
    #homeServicos .contServicos .box {width:calc(50% - 15px)}
}


@media screen and (max-width: 600px) {
    .contServicos .box {width:calc(100% - 25px)}
    #especialidades .faleConosco span {padding-right:0px; max-width:100%; text-align:center}
    #especialidades .faleConosco .infoContato {width:100%; margin-top:15px}
    h1, h2 {font-size:32px}
    #especialidades {margin-top:30px}
    #blog {margin-top:30px}
    #migalha {text-align:center}
    #blog .blocoConteudoLateral {margin-top:0px}
    #homeServicos .contServicos .box {width:100%}
    #blog .contBoxes .post {width:100%}
    #homeDepoimentos .containerDepo {
        justify-content:space-between;
        flex-wrap: nowrap;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }
    #homeDepoimentos .depoimento {
        min-width:220px
    }
    #equipe .colImg {width:100%; padding-right:0px; text-align:center}
    #equipe .colTxt {width:100%; margin-top:20px}
}


@media screen and (max-width: 450px) {
    #sobre .containerFotos .foto {width:100%}
    #especialidades .contEspecialidades .box {width:100%}
    #equipe .contEquipe .box {width:100%}
}