@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
:root{
--bs-font-sans-serif: 'Poppins', sans-serif !important;
}
html, body, p, h1, h2, h3, h4, h5, h6, label, span, input, select, textarea, button, a{
font-family: 'Poppins', sans-serif;
}
img{
width: auto;
height: auto;
transition: 0.3s all;
}
img:hover{
transition: 0.3s all;
transform: scale(1.02);
}
ul{
padding: 0 !important;
margin: 0 !important;
list-style: none;
}
p{
font-size: 18px;
line-height: 28px;
color: #484848;
}
a{
font-size: 15px;
line-height: 23px;
text-decoration: none !important;
}
h1{
font-size: 68px;
}
h2{
font-size: 33px;
line-height: 50px;
}
p.tagline{
margin: 0;
text-transform: uppercase;
font-weight: bold;
}
.title{
margin-top: 20px;
}
.white{
color: white;
}
.blue{
color: #00ADEF;
}
.bold{
font-weight: bold;
}
header {
width: 100%;
top: -48px;
position: sticky;
z-index: 99999;
transition: 0.3s all;
box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 20%);
}
.sub-header {
background-color: #00A1D7;
padding: 12px 0;
}
.sub-header .container {
display: flex;
justify-content: space-between;
align-items: center;
}
.redes {
display: flex;
align-items: center;
}
.header .redes img {
margin-left: 10px;
vertical-align: bottom;
}
.header .info-icon a {
color: white;
text-decoration: none;
}
.header .content-header .container {
display: flex;
justify-content: space-between;
align-items: center;
}
.header .content-header {
background: white;
padding: 15px 0;
z-index: 999999;
position: relative;
transition: 0.3s all;
}
.header .logo img {
transition: 0.3s all;
width: 300px;
}
.header .content-header .menu {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
}
.header .content-header .menu ul li{
margin-left: 75px;
}
.header .content-header .menu ul li a{
font-size: 20px;
color: #3B70A2;
text-decoration: none;
font-weight: 600;
transition: 250ms all;
}
.header .content-header .menu ul li a:hover{
color: #40CE00;
}
.item-banner {
height: 870px !important;
background-size: cover;
}
section#home .container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: 100%;
}
section#home .container h2{
font-size: 54px;
margin-bottom: 30px;
color: white;
font-weight: bold
}
section#home .container h2 strong{
color: #40CE00
}
section#home .container p{
font-size: 20px;
line-height: 34px;
margin-bottom: 50px;
color: white;
}
button.slick-arrow svg {
transition: 400ms;
width: 35px;
height: 35px;
fill: #ffffff4f;
}
button.slick-arrow svg:hover {
fill: #40CE00;
}
button.slick-prev.slick-arrow svg {transform: rotate(180deg);}
.slick-arrow {
background: transparent;
border: none;
display: flex;
align-items: center;
font-size: 0;
position: absolute;
z-index: 99;
bottom: 50%;
cursor: pointer;
font-family: unset;
}
button.slick-next.slick-arrow {
right: 60px;
}
button.slick-prev.slick-arrow {
left: 60px;
}
.btn-default {
font-size: 16px;
font-weight: 500;
color: white;
background: transparent;
color: #40CE00;
padding: 12px 30px;
border: 2px solid #40CE00;
transition: 0.3s all;
}
.btn-default:hover{
background: #40CE00;
color: white;
border: 2px solid #40CE00;
}
section#quem-somos{
padding: 130px 0;
padding-bottom: 380px;
}
section#quem-somos .row .col-lg-7{
display: flex;
align-items: center;
}
section#quem-somos .conteudo-quem-somos h2{
font-size: 42px;
font-weight: bold;
margin-bottom: 20px;
}
section#quem-somos .conteudo-quem-somos .text{
margin-bottom: 100px;
}
section#quem-somos .conteudo-quem-somos .text p{
font-size: 15px;
line-height: 28px;
margin-bottom: 20px;
}
section#quem-somos .mvv {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0;
margin-top: 80px;
}
section#quem-somos .mvv .box {
max-width: 424px;
min-height: 277px;
background-size: cover;
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: flex-start;
padding: 25px;
position: relative;
}
section#quem-somos .mvv .box .icon {
margin-bottom: 10px;
z-index: 5;
}
section#quem-somos .mvv .box h3{
color: white;
font-size: 24px;
font-weight: bold;
z-index: 5;
}
section#quem-somos .mvv .box p.text{
font-size: 15px;
line-height: 25px;
z-index: 5;
}
div#card-quem-somos {
background: #3B70A2;
margin-top: 140px;
position: absolute;
width: 1340px;
}
div#card-quem-somos .col-lg-6{
padding: 0;
}
div#card-quem-somos .imagem-card-quem-somos img{
width: 100%;
}
div#card-quem-somos .box-conteudo {
padding: 25px;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
div#card-quem-somos .box-conteudo h2{
color: white;
font-size: 30px;
line-height: 46px;
}
div#card-quem-somos .box-conteudo .text p{
color: white;
font-size: 15px;
line-height: 25px;
}
section#qm_serv_spc {
height: 420px;
}
section#servicos{
padding-top: 80px;
padding-bottom: 80px;
}
section#servicos h2{
font-size: 42px;
font-weight: bold;
margin-bottom: 20px;
}
section#servicos .box-servico {
padding-left: 20px;
}
section#servicos .linha-servico {
display: flex;
margin-bottom: 100px;
}
section#servicos .titulo-servico{
font-size: 24px;
font-weight: 500;
color: #484848;
padding-left: 10px;
}
section#servicos .box-servico .text-servico{
margin-bottom: 80px;
}
section#servicos .box-servico .text-servico p{
font-size: 15px;
line-height: 23px;
margin-bottom: 20px;
}
section#servicos .header-accordion {
display: flex;
align-items: center;
}
section#servicos .accordion-item {
background-color: transparent;
border: none;
margin-bottom: 25px;
}
section#servicos .accordion-button{
outline: 0;
box-shadow: none;
padding: 0;
}
section#servicos .accordion-button[aria-expanded="false"] .abrir{
display: block;
}
section#servicos .accordion-button[aria-expanded="false"] .fechar{
display: none;
}
section#servicos .accordion-button[aria-expanded="true"] .abrir{
display: none;
}
section#servicos .accordion-button:not(.collapsed) {
color: transparent;
background-color: transparent;
box-shadow: none;
border: 0;
}
section#servicos .accordion-button::after {
display: none
}
section#servicos .accordion-body {
padding: 25px;
}
section#cta{
background-size: cover;
padding: 75px 0;
}
section#cta h2{
color: #40CE00;
font-size: 54px;
line-height: 72px;
font-weight: bold;
margin-bottom: 20px;
}
section#cta p{
font-size: 23px;
line-height: 34px;
margin-bottom: 35px;
}
section#corpo-clinico {
padding: 100px 0;
}
section#corpo-clinico h2{
font-size: 42px;
font-weight: bold;
text-align: center;
margin-bottom: 50px;
}
.list-equipe.row {
margin-bottom: 100px;
}
section#corpo-clinico .conteudo-equipe {
margin-left: 10px;
}
section#corpo-clinico .especializacao p{
font-weight: bold;
font-size: 24px;
margin-bottom: 25px;
}
section#corpo-clinico .perf-prof p{
font-size: 15px;
font-weight: bold;
}
section#corpo-clinico .descricao{
margin-bottom: 80px;
}
section#corpo-clinico .descricao p{
font-size: 15px;
line-height: 28px;
margin-bottom: 25px;
}
section#corpo-clinico .imagem-equipe{
margin-bottom: 20px;
}
section#corpo-clinico .name, section#corpo-clinico .area-atuacao{
text-align: center;
}
section#corpo-clinico .name p{
color: #00ADEF;
font-size: 24px;
line-height: 35px;
font-weight: bold;
}
section#corpo-clinico .area-atuacao p{
font-size: 15px;
line-height: 28px;
}
section#contato {
padding: 100px 0;  
background-size: cover;
background-repeat: no-repeat;
}
section#contato form input, section#contato form textarea {
padding: 12px 20px;
width: 100%;
margin-bottom: 20px;
}
section#contato form input.btn-default{
width: auto;
}
section#contato form textarea{
height: 95px;
}
section#contato h2{
margin-bottom: 20px;
}
section#contato .box-contato{
background-color: white;
padding: 30px 40px;
}
section#contato .box-contato .linha-contato{
display: flex;
align-items: center;
margin-bottom: 20px;
}
section#contato .box-contato .linha-contato a{
color: #484848;
font-size: 13px;
line-height: 24px;
}
section#contato .box-contato .linha-contato .icon-contato{
margin-right: 10px;
width: 32px;
}
section#contato .box-contato .social{
display: flex;
align-items: center;
}
section#contato .box-contato .social img{
margin-right: 10px;
}
.scrolltop {
transform: translateY(-105px);
display: flex;
justify-content: flex-end;
}
footer .container {
padding-top: 80px;
padding-bottom: 60px;
}
footer p.title-footer {
font-size: 15px;
color: #00ADEF;
font-weight: bold;
margin-bottom: 30px;
}
footer .column-1 p{
font-size: 13px;
line-height: 24px;
}
footer .column-1 img{
margin-bottom: 20px;
}
footer .social {
display: flex;
align-items: center;
justify-content: flex-start;
}
footer .social img {
margin-right: 30px;
}
footer ul li {
margin-bottom: 5px;
}
footer ul li a{
color: #484848;
font-size: 13px;
}
footer input:not(.btn-default) {
background: transparent;
margin-bottom: 15px;
padding: 12px 20px;
border: 1px solid rgba(38, 38, 38, 0.5);
color: #262626;
font-size: 14px;
width: 100%;
}
footer input.btn-default{
width: 100%;
}
.copyright {
background: #00A1D7;
display: flex;
align-items: center;
justify-content: center;
padding: 25px 0;
}
.copyright p{
font-size: 14px;
color: white;
margin: 0;
}
.copyright img {
margin-left: 10px;
}
.container{
max-width: 1340px !important;
}
body.scrolled .header .content-header {
padding: 10px 0;
}
body.scrolled .header .logo img{
width: 200px;
}
body.scrolled header .content-header .menu ul li a {
font-size: 18px;
}
section#quem-somos .mvv .box:hover::after {
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #40CE00;
opacity: 0.6;
z-index: 1;
position: absolute;
}
section#quem-somos .imagem-lateral {
position: relative;
}
.quem-somos-1 {
position: absolute;
left: -90px;
top: 70px;
}
.quem-somos-2 {
position: absolute;
right: -60px;
bottom: 30px;
}
section#servicos .img-lateral-servicos{
position: relative;
}
.servico-1 {
position: absolute;
top: -25px;
right: -25px;
}
.servico-2 {
position: absolute;
top: 42%;
left: 43%;
}
.servico-3 {
position: absolute;
bottom: -20px;
left: 60px;
}
section#corpo-clinico .imagem-equipe {
position: relative;
}
.medico-1-1 {
position: absolute;
left: -25px;
top: 80px;
}
.medico-1-2 {
position: absolute;
bottom: 60px;
left: -90px;
}
.medico-2-1 {
position: absolute;
top: 70px;
left: -60px;
}
.medico-2-2 {
position: absolute;
left: -35px;
bottom: 100px;
}
div#card-quem-somos > div {
overflow: hidden;
}
section#servicos .accordion-button .img {
position: relative;
width: 36px;
height: 36px;
background: #3b70a2;
border-radius: 0 !important;
display: flex;
align-items: center;
justify-content: center;
}
section#servicos .accordion-button .img:after {
content: "";
display: block;
background: #fff;
border: none;
width: 55%;
height: 2px;
left: 25%;
position: absolute;
}
section#servicos .accordion-button .img:before {
content: "";
display: block;
background: #fff;
border: none;
width: 55%;
height: 2px;
left: 25%;
position: absolute;
transition: 400ms;
transform: rotate(90deg);
}
section#servicos .accordion-button[aria-expanded="true"] .img::before {
transform: rotate(0deg);
}
.wpcf7-not-valid-tip {
display: none;
}
section#contato form input:not(.wpcf7-submit), 
section#contato form textarea {
border: 2px solid #fff;
}
.wpcf7-not-valid {
border-color: red !important;
}
.wpcf7-response-output {
margin: 0 !important;
color: #fff;
padding: 7px 15px !important;
}
.redes svg {
width: 15px;
height: 15px;
margin: 0 15px 0 0;
fill: #fff;
transition: 400ms;
}
section#contato .box-contato .redes svg{
width: 20px;
height: 20px;
}
section#contato .box-contato .redes svg,
footer .redes svg{
fill: #3C70A2;
}
.redes svg:hover {
fill: #40ce00 !important;
}
.header .info-icon svg {
width: 18px;
height: 18px;
margin-right: 10px;
fill:  #fff;
transition: 400ms;
}
.header .info-icon a {
display: flex;
align-items: center;
transition: 400ms;
}
.header .info-icon:hover a,
.header .info-icon:hover svg{
fill: #40ce00;
color: #40ce00;
}
footer .wpcf7-response-output {
margin: 0 !important;
color: #3B70A2;
padding: 7px 15px !important;
}
footer ul li a {
font-weight: 600;
}
footer ul li a:hover {
color: #40ce00;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
border-color: red;
}
*{
outline: 0 !important;
} .line {
width: 30px;
height: 4px;
background-color: #4174A5;
margin-bottom: 5px;
}
.menu-mobile{
display: none;
} @media(max-width: 1600px){
.container {
max-width: 1130px !important;
}
a {
font-size: 14px;
line-height: 22px;
}
.header .logo img {
width: 230px;
}
.header .content-header .menu ul li a {
font-size: 18px;
}
body.scrolled header .content-header .menu ul li a {
font-size: 16px;
}
.header .content-header .menu ul li {
margin-left: 60px;
}
.header .content-header {
padding: 12px 0;
}
.item-banner {
height: 725px !important;
}
section#home .container h2 {
font-size: 46px;
margin-bottom: 28px;
}
section#home .container p {
font-size: 17px;
line-height: 33px;
}
section#quem-somos .imagem-lateral img{
width: 100%;
}
section#quem-somos .conteudo-quem-somos h2 {
font-size: 36px;
}
section#quem-somos .conteudo-quem-somos .text p {
font-size: 13px;
line-height: 26px;
}
section#quem-somos .conteudo-quem-somos .text {
margin-bottom: 50px;
}
section#quem-somos .mvv .box p.text {
font-size: 13px;
line-height: 23px;
margin-bottom: 0;
}
section#quem-somos .mvv .box .icon img {
width: 36px;
}
section#quem-somos .mvv .box h3 {
font-size: 20px;
}
section#quem-somos .mvv .box {
min-height: 247px;
}
div#card-quem-somos {
width: 1130px;
}
div#card-quem-somos .box-conteudo h2 {
font-size: 22px;
line-height: 32px;
}
div#card-quem-somos .box-conteudo .text p {
font-size: 13px;
line-height: 22px;
}
div#card-quem-somos .box-conteudo {
padding: 20px;
}
.img-lateral-servicos img{
width: 100%;
}
section#servicos h2 {
font-size: 34px;
}
section#servicos .titulo-servico {
font-size: 22px;
}
section#servicos .box-servico .text-servico p {
font-size: 13px;
line-height: 22px;
}
section#servicos .box-servico .text-servico {
margin-bottom: 50px;
}
.btn-default {
font-size: 14px;
padding: 10px 20px;
}
section#cta {
padding: 65px 0;
}
section#cta h2 {
font-size: 46px;
line-height: 56px;
}
section#cta p {
font-size: 19px;
line-height: 29px;
margin-bottom: 30px;
}
section#corpo-clinico .imagem-equipe img{
width: 100%;
}
section#corpo-clinico {
padding: 100px 0;
}
section#corpo-clinico h2 {
font-size: 34px;
margin-bottom: 40px;
}
section#corpo-clinico .especializacao p {
font-size: 20px;
}
section#corpo-clinico .descricao p {
font-size: 14px;
line-height: 25px;
margin-bottom: 20px;
}
section#corpo-clinico .name p {
font-size: 20px;
line-height: 30px;
}
section#corpo-clinico .area-atuacao p {
font-size: 12px;
line-height: 25px;
}
section#contato .box-contato .linha-contato a {
font-size: 12px;
line-height: 22px;
}
section#contato form input, section#contato form textarea {
padding: 10px 20px;
width: 100%;
margin-bottom: 15px;
font-size: 12px;
}
section#contato {
padding: 60px 0;
}
section#contato .box-contato .linha-contato {
margin-bottom: 15px;
}
section#contato .box-contato .linha-contato .icon-contato img, 
section#contato .box-contato .linha-contato .icon-contato{
width: 25px;
}
section#contato .box-contato {
padding: 30px 25px;
}
section#contato .col-lg-4{
display: flex;
align-items: center;
}
footer .container {
padding-top: 60px;
padding-bottom: 40px;
}
footer input:not(.btn-default) {
margin-bottom: 12px;
padding: 10px 15px;
font-size: 12px;
}
img.logo-footer {
width: 180px;
}
footer .column-1 p {
font-size: 12px;
line-height: 22px;
}
.copyright {
padding: 20px 0;
}
.copyright p {
font-size: 12px;
color: white;
margin: 0;
}
.circle{
transform: scale(0.8);
}
.quem-somos-1 {
left: -90px;
top: 40px;
}
section#qm_serv_spc {
height: 350px;
}
.scrolltop {
transform: translateY(-85px);
}
}
@media(max-width: 1440px){
.container {
max-width: 1050px !important;
}
.sub-header {
padding: 6px 0;
}
header {
top: -36px;
}
a {
font-size: 13px;
line-height: 20px;
}
body.scrolled .header .content-header {
padding: 8px 0;
}
.header .logo img {
width: 210px;
}
.header .content-header .menu ul li a {
font-size: 16px;
}
body.scrolled header .content-header .menu ul li a {
font-size: 15px;
}
.item-banner {
height: 655px !important;
}
section#home .container h2 {
font-size: 42px;
margin-bottom: 28px;
}
section#home .container p {
font-size: 16px;
line-height: 26px;
}
section#quem-somos .conteudo-quem-somos h2 {
font-size: 32px;
}
section#quem-somos .mvv .box p.text {
font-size: 12px;
line-height: 22px;
margin-bottom: 0;
}
section#quem-somos .mvv .box {
min-height: 237px;
}
section#quem-somos .mvv {
margin-top: 50px;
}
div#card-quem-somos {
width: 1050px;
margin-top: 100px;
}
div#card-quem-somos .box-conteudo .text p {
font-size: 12px;
line-height: 22px;
}
section#servicos {
padding-top: 300px;
padding-bottom: 100px;
}
section#servicos h2 {
font-size: 32px;
}
section#servicos .titulo-servico {
font-size: 20px;
}
section#cta h2 {
font-size: 40px;
line-height: 50px;
}
section#cta p {
font-size: 17px;
line-height: 27px;
margin-bottom: 25px;
}
section#cta {
padding: 60px 0;
}
section#corpo-clinico {
padding: 80px 0;
}
section#corpo-clinico h2 {
font-size: 30px;
}
section#corpo-clinico .descricao p {
font-size: 13px;
line-height: 23px;
}
section#corpo-clinico .conteudo-equipe {
margin-left: 0px;
}
section#corpo-clinico .especializacao p {
font-size: 18px;
}
section#corpo-clinico .descricao {
margin-bottom: 50px;
}
section#corpo-clinico .area-atuacao p br{
display: none;
}
section#contato .box-contato .linha-contato .icon-contato img, 
section#contato .box-contato .linha-contato .icon-contato {
width: 20px;
}
section#contato .box-contato .linha-contato a {
font-size: 11px;
line-height: 21px;
}
section#contato .box-contato .linha-contato {
margin-bottom: 12px;
}
section#contato form input.btn-default {
padding: 5px 25px;
}
section#contato {
padding: 50px 0;
}
.scrolltop {
transform: translateY(-85px);
}
footer ul li a {
font-size: 12px;
}
footer .container {
padding-top: 50px;
}
.circle {
transform: scale(0.7);
}
section#qm_serv_spc {
height: 320px;
}
.scrolltop {
transform: translateY(-77px);
}
section#servicos {
padding-top: 20px;
}
section#contato .box-contato .redes svg{
width: 15px;
height: 15px;
}
}
@media(max-width: 1366px){
.container {
max-width: 1000px !important;
}
.header .content-header .menu ul li {
margin-left: 55px;
}
.item-banner {
height: 620px !important;
}
section#home .container h2 {
font-size: 40px;
margin-bottom: 28px;
}
section#home .container p {
font-size: 15px;
line-height: 25px;
}
section#quem-somos .conteudo-quem-somos .text p {
font-size: 12px;
line-height: 24px;
}
section#quem-somos {
padding: 100px 0;
padding-bottom: 380px;
}
section#quem-somos .conteudo-quem-somos h2 {
font-size: 30px;
}
section#quem-somos .mvv .box {
padding: 15px;
}
section#quem-somos .mvv .box p.text {
font-size: 12px;
line-height: 20px;
}
section#quem-somos .mvv .box {
min-height: 207px;
}
div#card-quem-somos {
width: 1000px;
}
div#card-quem-somos .box-conteudo .text p br{
display: none;
}
section#qm_serv_spc {
height: 280px;
}
section#servicos .titulo-servico {
font-weight: bold;
font-size: 18px;
}
section#cta h2 {
font-size: 38px;
line-height: 48px;
}
section#cta p {
font-size: 16px;
line-height: 26px;
margin-bottom: 25px;
}
section#cta {
padding: 50px 0;
}
section#corpo-clinico .descricao p {
font-size: 12px;
line-height: 22px;
}
section#corpo-clinico .especializacao p {
font-size: 17px;
}
section#corpo-clinico .name p {
font-size: 18px;
line-height: 28px;
}
section#contato h2 {
font-size: 28px;
}
section#contato form textarea {
height: 75px;
}
section#contato .box-contato .linha-contato a br{
display: none;
}
footer input:not(.btn-default) {
margin-bottom: 12px;
padding: 6px 15px;
font-size: 12px;
}
.column-1.col-lg-5 {
padding-right: 50px;
}
.column-1.col-lg-5 p br{
display: none;
}
.content-footer .row{
align-items: baseline;
}
footer .container {
padding-top: 30px;
}
.circle {
transform: scale(0.65);
}
.scrolltop {
transform: translateY(-60px);
}
.header .logo img {
width: 160px;
}
body.scrolled .header .logo img {
width: 150px;
}
}
@media(max-width: 1280px){
.container {
max-width: 950px !important;
}
.header .content-header .menu ul li{
transition: 0.3s all;
}
.header .content-header .menu ul li a {
font-size: 14px;
}
body.scrolled .header .content-header .menu ul li {
margin-left: 45px;
}
body.scrolled header .content-header .menu ul li a {
font-size: 14px;
}
.item-banner {
height: 580px !important;
}
section#home .container h2 {
font-size: 38px;
margin-bottom: 28px;
}
section#home .container p {
font-size: 14px;
line-height: 24px;
}
.conteudo-quem-somos {
padding-right: 70px;
}
.conteudo-quem-somos .text p br{
display: none;
}
section#quem-somos .mvv .box p.text br{
display: none;
}
section#quem-somos .mvv .box {
min-height: 210px;
max-width: 310px;
}
div#card-quem-somos {
width: 950px;
}
div#card-quem-somos .box-conteudo h2 {
font-size: 20px;
line-height: 30px;
}
section#servicos .box-servico .text-servico p {
font-size: 12px;
line-height: 22px;
}
section#servicos .box-servico .text-servico p br{
display: none;
}
section#cta h2 {
font-size: 36px;
line-height: 46px;
}
section#cta p {
font-size: 15px;
line-height: 25px;
margin-bottom: 25px;
}
section#cta {
padding: 45px 0;
}
section#corpo-clinico {
padding: 60px 0;
}
section#corpo-clinico .especializacao p {
font-size: 16px;
}
section#contato .col-lg-8 {
width: 64.666667%;
}
section#contato .col-lg-4 {
width: 35.333333%;
}
section#contato .box-contato {
padding: 20px 20px;
}
.scrolltop {
transform: translateY(-55px);
}
}
@media(max-width: 1024px){
.container {
max-width: 95% !important;
}
.item-banner {
height: 520px !important;
}
section#home .container {
width: 75%;
}
div#card-quem-somos {
width: 95%;
}
.circle {
transform: scale(0.55);
}
.medico-1-2 {
bottom: 60px;
left: -70px;
}
.medico-1-1 {
left: -15px;
top: 80px;
}
}
@media(max-width: 991px){
section#contato .col-lg-4 {
width: 100%;
}
section#contato .col-lg-8 {
width: 100%;
}
section#contato .box-contato {
padding: 20px 20px;
width: 100%;
}
header .menu{
display: none !important;
}
.menu-mobile{
display: block;
}
header .menu-mobile #content-menu.active .menu{
display: block !important;
}
#content-menu.active {
width: 100%;
height: 100vh;
position: absolute;
top: 84px;
left: 0;
background: white;
padding: 30px 0;
text-align: center;
}
#content-menu li.menu-item {
padding: 10px 0;
}
#content-menu li a{
font-size: 16px;
color: #4174A5;
}
button.slick-prev.slick-arrow {
left: 0px;
}
button.slick-next.slick-arrow {
right: 0px;
}
section#quem-somos .container .row:first-child{
flex-direction: column-reverse;
}
section#quem-somos .imagem-lateral img {
width: auto;
height: 350px;
margin: 0 auto;
display: block;
}
h2, p{
text-align: center !important;
}
section#home .container {
width: 100%;
align-items: center;
} div#card-quem-somos .box-conteudo {
padding: 10px;
}
.imagem-card-quem-somos {
height: 100%;
}
div#card-quem-somos .imagem-card-quem-somos img {
width: 100%;
height: 100%;
object-fit: cover;
}
div#card-quem-somos .box-conteudo h2 br{
display: none;
}
div#card-quem-somos .box-conteudo h2 {
font-size: 18px;
line-height: 28px;
}
div#card-quem-somos .box-conteudo {
padding: 15px;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.img-lateral-servicos {
display: none;
}
.list-equipe.row {
justify-content: center;
}
section#corpo-clinico .conteudo-equipe {
margin-left: 0px;
text-align: center;
}
section#contato .box-contato .linha-contato a {
font-size: 12px;
line-height: 21px;
}
.column-1.col-lg-5 {
padding-right: 15px;
}
footer .social {
justify-content: center;
}
img.logo-footer {
margin: 0 auto;
display: block;
}
footer .menu-menu-principal-container{
text-align: center;
}
footer ul{
text-align: center;
}
section#quem-somos .mvv .box {
min-height: 250px;
max-width: inherit;
}
section#quem-somos button.slick-prev.slick-arrow {
left: -40px;
}
section#quem-somos button.slick-next.slick-arrow {
right: -40px;
}
section#quem-somos .slick-arrow {
bottom: 40%;
}
section#quem-somos .slick-prev:before,  section#quem-somos .slick-next:before{
color: #3B70A2;
}
section#quem-somos .mvv {
width: 90%;
margin: 50px auto;
margin-bottom: 0;
}
.conteudo-quem-somos {
text-align: center;
padding-right: 0px;
}
section#quem-somos .conteudo-quem-somos h2 {
margin-top: 50px;
}
section#servicos .box-servico {
text-align: center;
}
.circle img{
width: inherit !important;
height: inherit !important;
}
.quem-somos-1 {
left: 160px;
top: -80px;
}
.quem-somos-2 {
right: 160px;
bottom: -60px;
}
.medico-1-1 {
left: -25px;
top: 80px;
}
.medico-1-2 {
bottom: 60px;
left: -90px;
}
section#quem-somos .mvv .box {
display: flex;
align-items: center;
margin: 0 15px;
}
section#quem-somos .mvv .box {
min-height: unset;
height: inherit;
padding: 20px 15px;
}
section#quem-somos .slick-track {
display: flex;
}
section#quem-somos .mvv button.slick-arrow svg {
fill: #4577a7;
}
section#quem-somos .mvv button.slick-arrow svg:hover {
fill: #40ce00;
}
section#qm_serv_spc {
height: 114px;
}
.wpcf7-spinner {
display: none;
}
section#servicos .box-servico .text-servico p {
text-align: left !important;
}
section#servicos .box-servico .text-servico {
text-align: left !important;
margin-bottom: 25px;
}
section#servicos .btn-default {
margin: 0;
display: block;
width: max-content;
}
section#servicos {
padding-bottom: 60px;
}
footer .redes {
width: max-content;
margin: 0 auto 20px;
}
section#contato  .wpcf7-response-output {
margin-bottom: 50px !important;
position: relative;
}
footer .column-2.col-lg-3 {
padding: 100px 0;
}
section#corpo-clinico .area-atuacao p {
font-size: 12px;
line-height: 22px;
}
header div#content-menu .redes, header div#content-menu .info-icon {
display: none;
}
}
@media(max-width: 575px){
.header .logo img {
width: 170px;
}
body.scrolled .header .logo img {
width: 150px;
}
body.scrolled #content-menu.active {
top: 80px;
}
.item-banner {
height: 600px !important;
}
section#quem-somos .mvv .box {
align-items: center;
flex-direction: column;
justify-content: center;
}
section#quem-somos .mvv {
width: 80%;
}
section#servicos {
padding-top: 510px;
}
section#servicos .box-servico {
text-align: center;
padding-left: 30px;
}
section#cta h2 {
font-size: 32px;
line-height: 42px;
}
section#cta h2 br{
display: none;
}
section#contato form  .col-4 {
width: 100%;
}
.copyright {
flex-direction: column;
}
.quem-somos-1 {
left: 0px;
top: -80px;
}
.quem-somos-2 {
right: 10px;
bottom: -60px;
}
.medico-1-1 {
left: 20px;
top: -25px;
}
.medico-1-2 {
bottom: -30px;
right: -30px;
left: unset;
}
.medico-2-1 {
top: unset;
left: 0px;
bottom: 0;
}
.medico-2-2 {
left: unset;
bottom: unset;
top: -35px;
right: 10px;
}
header .redes, header .info-icon, header .sub-header {
display: none;
}
#content-menu.active .redes, #content-menu.active .info-icon {
display: flex;
}
#content-menu.active .redes svg, #content-menu.active .info-icon a, #content-menu.active .info-icon svg {
fill: #4174a5;
color: #4174a5;
margin: 0 auto !important;
width: max-content;
}
#content-menu.active .redes {
display: block;
margin: 15px 0 30px;
}
#content-menu.active .info-icon svg {
margin-right: 10px !important;
display: block;
width: 19px !important;
}
header {
top: 0px;
}
.header .logo img {
width: 95px;
}
#content-menu.active {
top: 65px;
}
section#home .container h2 {
font-size: 25px;
line-height: 1.7;
margin-bottom: 28px;
}
section#home .container {
justify-content: center;
}
section#home button.slick-arrow {
bottom: 35px;
}
section#home button.slick-prev.slick-arrow {
left: calc(50% - 80px);
}
section#home button.slick-next.slick-arrow {
right: calc(50% - 80px);
}
body.scrolled .header .logo img {
width: 90px;
}
body.scrolled #content-menu.active {
top: 55px;
}
section#quem-somos .mvv {
width: 90%;
}
section#quem-somos button.slick-prev.slick-arrow {
left: -20px;
width: 30px;
height: 30px;
}
section#quem-somos button.slick-next.slick-arrow {
width: 30px;
height: 30px;
right: -20px;
}
section#qm_serv_spc {
height: 0;
}
section#servicos {
padding-top: 480px;
}
section#servicos .accordion-button .img {
min-width: 36px;
}
footer .column-2.col-lg-3 {
padding: 50px 0;
}
section#servicos .accordion-button .img {
min-width: 36px;
}
section#cta p {
font-size: 12px;
line-height: 22px;
}
section#cta h2 br {
display: none;
}
section#cta h2 {
font-size: 25px;
line-height: 35px;
}
.list-equipe.row:last-child {
margin-bottom: 0;
}
.copyright p{
font-size: 10px;
}
#content-menu.active .redes svg {
margin-left: 7px !important;
margin-right: 7px !important;
}
section#home .container h2 br,
section#home .container p br{
display: none;
}
}
@media(max-width: 375px){
section#quem-somos .imagem-lateral img {
width: 100%;
height: 300px;
margin: 0 auto;
display: block;
}
section#servicos .titulo-servico {
font-size: 16px;
} }
@media(max-width: 330px){
section#home .container h2 {
font-size: 25px;
line-height: 1.7;
margin-bottom: 28px;
} section#home .container {
justify-content: flex-start;
padding-top: 25px;
}
}
@media(min-width: 768px){
.copyright p br {
display: none;
}
}
.grecaptcha-badge {
display: none;
}
#home .item-banner h1 {
display: none;
}