.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
*{margin:0;padding:0;} a{text-decoration: none;}
.container {display: block; margin:auto; max-width: 1500px; position: relative; padding-left: 30px; padding-right: 30px;}
body {font-family: 'Open Sans','Tahoma','Arial', sans-serif; color: #000;overflow-x: hidden;}
.clear {clear: both;}
:root {
  --font: 'Open Sans','Tahoma','Arial', sans-serif;
  --primary: #0d2649;
  --secundary: #85c9c4;
}

.btn {background: var(--primary); cursor: pointer; color: var(--secundary); padding: 15px 20px; font-weight: bold; display: block; width: fit-content; border-radius: 50px; font-size: 19px;}

@media (max-width: 1500px) {
.container {max-width: 1250px;}
}

@media (max-width: 1000px) {
body {padding-top: 70px;}
}

/* FLEX */
.flex {display: flex;}
.flex-wrap {flex-wrap: wrap;}
.space-between {justify-content: space-between;}
.flex-start {align-items: flex-start;}
.items-center {align-items: center;}
.content-center {justify-content: center;}
@media (max-width: 1000px) {
.flex {display: block;}
.flex-mobile {display: flex;}
}

/* HEADER */
.header {padding: 20px 0px}
.header li {display: block; border-left: 1px solid var(--primary);}
.header li:first-child {border-left: none;}
.header li a {display: block; color: var(--primary); font-size: 18px; padding-left: 30px; padding-right: 30px; font-weight: 500;}
.header .menu-open {display: none;}
@media (max-width: 1000px) {
.header {display: block; position: fixed; box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 30%); padding: 10px 0px; top: 0px; width: 100%; left: 0px; background: #fff; z-index: 100;}
.header img {display: block; height: 50px; width: auto;}
.header ul {display: none;}
.header li {border-left: 0px; padding: 15px 0px; border-bottom: 1px solid var(--primary);}
.header li:last-child {border: none}
.header li a {font-weight: bold; font-size: 1.2em; display: block;}
.header .menu-open {display: block; width: 70px; padding: 14px; position: absolute; top: -10px; right: 15px; cursor: pointer; box-sizing: border-box;}
.header .menu-open svg { display: block; width: 100%; fill: var(--primary);}
}


/* BANNER */
.banner {display: block; background: #85c9c4 url('../img/banner.jpg') no-repeat center top; padding: 150px 0px;}
.banner .title {display: block; padding: 10px 30px; border: 3px solid #fff; border-radius: 0px 40px 40px 40px; width: fit-content;}
.banner .title h1 {display: block; margin-bottom: 0px; color: #fff; font-size: 3em; letter-spacing: -2px;}
.banner .title span {display: block; color: var(--primary); font-style: italic; font-weight: 600;}
.banner h2 {display: block; font-style: italic; color: var(--primary); margin-top: 30px; font-size: 2.3em; font-weight: 600; letter-spacing: -1px;}
.banner h3 {display: block; color: var(--primary); margin-bottom: 30px; font-size: 1.8em; font-weight: 500; letter-spacing: -1px;}
.banner p {display: block; color: var(--primary); font-size: 1.1em; margin-bottom: 30px;}

@media (max-width: 1000px) {
.banner {background: #51c2c0 url(../img/banner-mobile.jpg) no-repeat center top; background-size: 100%; padding-top: 350px; padding-bottom: 30px;}
.banner .title h1 {font-size: 1.8em;}
.banner .title {border-radius: 0px 20px 20px 20px; padding:10px 20px;}
.banner h2 {font-size: 1.5em;}
.banner h3 {font-size: 1.2em;}
}

/* SOBRE O DR */
.about {display: block; padding: 90px 0px;}
.about img {display: block; border-radius: 100%; margin-right: 60px; max-width: 500px; height: auto;}
.about p {display: block; margin-bottom: 30px; font-size: 1em; color: var(--primary);}
.about h2 {display: block; font-weight: normal; font-size: 1.2em; color: var(--primary); margin-bottom: 30px;}
.about h2 strong {display: block; font-size: 2em; letter-spacing: -1px;}
.about h2 span {display: block; font-size: 1.3em; font-weight: 600; letter-spacing: -1px;}
@media (max-width: 1000px) {
.about img {display: block; width: 50%; margin: auto; margin-bottom: 30px;}
.about h2 {text-align: center; font-size: 1em;}
}

/* ESPECIALIDADES */
.especialidades .item {overflow: hidden;}
.especialidades h2 {display: block; text-align: center; color: var(--primary); font-size: 3em; margin-bottom: 40px; font-weight: bold; letter-spacing: -1px; font-style: italic;}
.especialidades h3 {display: block; color: var(--primary); font-size: 2.5em; margin-bottom: 30px; font-weight: bold; letter-spacing: -1px; position: relative}
.especialidades h3:after {content: ''; background: var(--primary); width: 80px; border-radius: 50px; height: 7px; position: absolute; bottom: -13px; left: 0px;}
.especialidades p {display: block; font-size: 1em; margin-bottom: 30px;}
.especialidades img {display: block; margin-left: 60px; border-radius: 30px;}
.especialidades .item {margin-bottom: 60px;}
.especialidades .btn {float: left; margin-right: 10px; font-size: 1em;}
.popup {position: relative; display: none; width: 700px; height: 500px; position: fixed; top: calc(50% - 250px); left: calc(50% - 350px); box-sizing: border-box; padding: 20px; z-index: 10; background: #fff; border-radius: 20px; }
.popup h3 {font-size: 1.5em}
.popup .texto {height: 368px;overflow-y: auto;}
.popup .texto ul {margin-bottom: 30px; margin-left: 20px}
.popup .texto ul li {line-height: 1.6; color: #000; margin-bottom: 5px}
.popup-malha {display: none; width: 100%; height: 100vh; position: fixed; cursor: pointer; background: rgba(0,0,0,0.4); top: 0px; left: 0px; z-index: 9;}
.popup .close {display: block; position: absolute; top: 20px; right: 20px; cursor: pointer; z-index: 2}
.popup .close img {display: block; width: 40px; height: 40px; border-radius: 50px; background: #fff}
@media (max-width: 1000px) {
.especialidades img {display: block; width: 100%; height: auto; margin-left: 0px; border-radius: 10px; margin-bottom: 30px;}
.especialidades .item {display: flex; flex-wrap: wrap-reverse; margin-bottom: 60px;}
.popup {top: 100px; left: 20px; width: calc(100% - 40px);}
.especialidades .btn {padding: 5px 10px; margin-bottom: 10px;}
}

/* FISIOTERAPIA */
.fisioterapia {background: #d1d1cf; padding: 60px 0px; overflow: hidden;}
.fisioterapia h2 {font-size: 3em; color: var(--primary); margin-bottom: 30px; position: relative;}
.fisioterapia h2:after {content: ''; background: var(--primary); width: 80px; border-radius: 50px; height: 7px; position: absolute; bottom: -13px; left: 0px;}
.fisioterapia img {display: block; margin-top: -60px; margin-bottom: -350px; margin-left: 60px; margin-right: -100px; height: 650px; width: auto;}
@media (max-width: 1000px) {
.fisioterapia h2 {font-size: 2em;}
.fisioterapia img {display: block; width: 100%; margin: 0px; border-radius: 10px; margin-top: 30px; height: auto;}
}

/* HELEN */
.helen {display: block; background: var(--primary); color: #fff; padding-top: 60px;}
.helen .foto {display: block; border-radius: 500px; width: 400px; margin-right: 60px; height: auto;}
.helen h2 {display: block; font-size: 2.5em; margin-bottom: 30px; position: relative;}
.helen h2:after {content: ''; background: #fff; width: 80px; border-radius: 50px; height: 7px; position: absolute; bottom: -13px; left: 0px;}
.helen p {display: block; font-size: 1em; margin-bottom: 30px;}
.helen-galeria {position: relative;}
.helen-galeria p {display: block; max-width: 500px; padding: 20px; border-radius: 0px 10px 10px 10px; background: var(--primary); color: #fff; position: absolute; top: 450px; z-index: 40;}
.helen-galeria-app {margin-top: 60px; display: block;}
.helen-galeria-app .item {display: block; padding: 5px; box-sizing: border-box;}
.helen-galeria-app img {display: block; width: 100%; height: auto;}
.helen .social a {display: block; width: fit-content; background: #fff; overflow: hidden; line-height: 32px; border-radius: 8px; color:var(--primary); padding-right: 10px; margin-right: 10px; font-weight: bold; font-size: 0.8em; margin-top: 10px}
.helen .social img {display: block; float: left; margin-right: 10px;}
@media (max-width: 1930px) {
.helen-galeria p {top: 310px}
}
@media (max-width: 1370px) {
.helen-galeria p {top: 200px}
}

@media (max-width: 1000px) {
.helen .foto {display: block; width: 50%; margin: auto; margin-bottom: 30px;}
.helen h2 {text-align: center; font-size: 2em;}
.helen-galeria p {width: 100%; padding: 0px; background: transparent; position: initial; margin-top: 30px;}
}

/* CLINICA */
.clinica {display: block; background: var(--secundary); padding: 60px 0px;}
.clinica h2 {display: block; color: #fff; font-size: 3em; letter-spacing: -2px; width: 431px; padding-right: 60px; margin-right: 60px; border-right: 10px solid rgba(255,255,255,0.2); text-align: right; line-height: 1.2;}
.clinica p {display: block; font-size: 1em; margin-bottom: 30px; color: var(--primary);}
.clinica .txt {display: block; width: calc(100% - 570px);}
.clinica-galeria-app {display: block; position: relative;}
.clinica-galeria-app:after {display: block; position: absolute; content: ''; width: 396px; height: 67px; top: 0px; left: calc(50% - 198px); background: url('../img/setinha-galeria.png') no-repeat center; z-index: 2}
.clinica-galeria-app .item {display: block; padding: 5px; background: var(--secundary); padding-bottom: 0px; box-sizing: border-box;}
.clinica-galeria-app img {display: block; width: 100%; height: auto;}
@media (max-width: 1000px) {
.clinica h2 {font-size: 2em; text-align: center; width: 100%; border: none; margin: 0px; margin-bottom: 30px; padding: 0px}
.clinica .txt {width: 100%;}
.clinica {padding-bottom: 1px;}
.clinica-galeria-app:after {display: none;}
}

/* SOCIAL MEDIA */
.socialmedia {display: block; padding: 60px 0px;}
.socialmedia h2 {display: block; margin: auto; position: relative; max-width: 780px; text-align: center; color: var(--primary); font-size: 2.5em; margin-bottom: 45px; line-height: 1.2; font-weight: bold; letter-spacing: -1.5px;}
.socialmedia h2:after {content: ''; background: var(--primary); width: 150px; border-radius: 50px; height: 7px; position: absolute; bottom: -20px; left: calc(50% - 75px);}
.socialmedia h3 {display: block; width: 100%; font-weight: bold; font-size: 1.1em; color: var(--primary);}
.socialmedia span {display: block; width: 100%; font-weight: normal; color: var(--primary);}
.socialmedia .doutor {display: block; margin-right: 60px; border-radius: 30px; width: 607px; height: auto;}
.socialmedia .videos {margin-left: -5px; margin-top: 10px; margin-bottom: 30px;}
.socialmedia .video {display: block; font-weight: bold; font-size: 0.9em; color: var(--primary); width: calc(33.3% - 10px); margin: 5px; box-sizing: border-box;}
.socialmedia .video img {display: block; width: 100%; border-radius: 10px; margin-bottom: 10px; height: auto;}
@media (max-width: 1370px) {
.socialmedia .doutor {width: 531px}
}

@media (max-width: 1000px) {
.socialmedia h2 {font-size: 1.5em;}
.socialmedia .doutor {display: none;}
.flex-mobile2 .video {width: calc(100% - 10px)}
}

/* PERGUNTAS FREQUENTES */
.perguntas-frequentes {padding: 60px 0px;}
.perguntas-frequentes h2 {display: block; margin: auto; max-width: 780px; text-align: center; color: var(--primary); font-size: 2.5em; margin-bottom: 45px; line-height: 1.2; font-weight: bold; letter-spacing: -1.5px; position: relative;}
.perguntas-frequentes h2:after {content: ''; background: var(--primary); width: 150px; border-radius: 50px; height: 7px; position: absolute; bottom: -20px; left: calc(50% - 75px);}
.perguntas-frequentes .faq li {display: block;list-style: none;}
.perguntas-frequentes .faq li.q {padding-bottom: 15px; margin-bottom: 15px; font-size: 1.4em; letter-spacing: -1px; border-bottom: 2px solid var(--primary); transition: 0.5s; color: var(--primary); font-weight: bold; cursor: pointer; width: 100%;}
.perguntas-frequentes .faq li.a {display: none; line-height: 1.5; font-size: 1em; letter-spacing: -0.5px; margin-bottom: 30px;}
@media (max-width: 1000px) {
.perguntas-frequentes h2 {font-size: 2em;}
.perguntas-frequentes .faq li.q {font-size: 1.2em;}
}

/* RODAPE */
.footer {background: var(--primary); padding: 100px 0px; color: #fff;}
.footer .title {margin-bottom: 60px; font-size: 3em; display: block; font-weight: 800;}
.footer .contatos {margin-bottom: 60px;}
.footer .contatos a {display: block; border-radius: 15px; border: 2px solid var(--secundary); color: var(--secundary); font-size: 1.2em; padding: 10px 15px; margin-right: 15px;}
.footer .contatos a strong {display: block;}
.footer .endereco {font-size: 1.2em; color: var(--secundary); letter-spacing: -0.5px;} 
.footer .parte-2 {width: 350px;}
.footer .parte-2 a {margin:0px 10px;}
.footer .parte-2 a img {display: block; width: 30px; height: 30px}
.footer .logotipo {display: block; margin-bottom: 30px; width: 100%; height: auto;}
.footer .copyright {width: 100%; opacity: 0.7; padding-top: 30px; border-top: 5px solid rgba(0,0,0,0.2); margin-top: 30px; font-size: 0.8em}
.footer .copyright p a {color: #fff; text-decoration: underline;}
.footer .sim {display: flex; color: #fff; align-items: center;}
.footer .sim p { margin-right: 10px; line-height: 13px;}
.footer .sim strong {font-style: italic; display: block;}

@media (max-width: 1000px) {
.footer .contatos a {margin-bottom: 10px; margin-right: 0px; font-size: 1em}
.footer .endereco {font-size: 1em;}
.footer .copyright p {margin-bottom: 20px;}
.footer .parte-2 {margin: auto; margin-top: 30px; display: flex; width: 100%}
.footer .logotipo {width: 80%; margin-left: 10%; margin-right: 10%;}
.footer .title {font-size: 2em; margin-bottom: 30px}
}


/* TEXTO e BLOG */
.texto {display: block; max-width: 800px; margin:auto;}
.texto .titulo {display: block; text-align: center; margin-bottom: 20px; font-size: 2.7em; letter-spacing: -1px;color: var(--primary); line-height: 1.2}
.texto .subtitulo {display: block; text-align: center; margin-bottom: 20px; font-size: 1.5em; font-weight: normal;}
.texto .texto-app h2 {display: block; margin-bottom: 10px; font-size: 2em; letter-spacing: -0.5px; color: var(--primary);}
.texto .texto-app h3 {display: block; margin-bottom: 10px; font-size: 1.5em; letter-spacing: -0.5px; color: var(--secundary);}
.texto .texto-app p {display: block; margin-bottom: 30px; line-height: 1.6; color: #000}
.texto .texto-app p a {color: var(--secundary); text-decoration: underline;}
.texto .texto-app ul {margin-bottom: 30px; margin-left: 15px}
.texto .texto-app ul li {line-height: 1.6; color: #000; margin-bottom: 5px}
.texto .texto-app img {max-width: 100%; display: block; margin-bottom: 30px}
.texto-thumb {display: block; margin:auto; margin-bottom: 30px; border-radius: 30px; max-width: 100%; height: auto;}
@media (max-width: 1000px) {
.texto .titulo {font-size: 1.5em;}
.texto .subtitulo {font-size: 1.2em;}
.texto .texto-app h2 {font-size: 1.5em}
.texto .texto-app h3 {font-size: 1.2em;}
.texto .texto-app p {font-size: 0.9em}
.texto-thumb {border-radius: 10px;}
}

.blog {margin-bottom: 60px; margin-left: -10px; margin-right: -10px;}
.blog-item {display: block; border-radius: 20px; overflow: hidden; width: calc(33.3% - 20px); margin:10px;box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 7%);}
.blog-item img {display: block; width:100%;}
.blog-item h2 { font-weight: bold; color: var(--primary); display: block; margin:20px; margin-bottom: 5px; font-size: 1.4em; letter-spacing: -0.5px; line-height: 1.2;}
.blog-item p {display: block; margin:20px; margin-bottom: 10px; font-size: 0.9em; line-height: 1.4; color: #333;}
.blog a:nth-child(1), .blog a:nth-child(2) {width: calc(50% - 20px);}
.blog a:nth-child(1) h2, .blog a:nth-child(2) h2 {font-size: 1.8em}
@media (max-width: 1000px) {
.blog a {width: calc(100% - 20px) !important; margin-bottom: 20px;}
}

#whatsapp { position: fixed; bottom: 0px; right: 0px; z-index: 10; }
#whatsapp img { display: block; width: 100px;  height: auto;}
@media (max-width: 1000px) {#whatsapp img {width: 70px;}}