@import url("https://fonts.googleapis.com/css2?family=Lato&display=swap");  button {
outline: none !important;
}
.btn-voltar {
display: block;
background-color: #718fc8;
color: white;
text-align: center;
margin: 16px;
padding: 8px 16px;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
text-decoration: none;
}
.btn-voltar:hover {
background-color: #d3f1ff;
color: white;
}
.btn-send {
display: block;
margin-left: auto;
padding: 4px 8px;
border-radius: 100px;
background-color: #718fc8;
color: white;
border: none;
}
.btn-send-banner {
display: block;
margin-left: auto;
margin-top: 8px;
background-color: #718fc8;
color: white;
border: none;
}
.agende-agora {
max-width: 300px;
margin: 16px 0 16px auto;
font-size: 14px;
background-color: #718fc8;
color: white;
text-transform: uppercase;
padding: 8px 16px;
border-radius: 32px;
text-align: center;
cursor: pointer;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
.agende-agora:hover {
background-color: #d3f1ff;
color: black;
}
.text-primary {
color: #718fc8 !important;
}
.title-container {
text-align: center;
}
.title {
color: #959595;
padding: 2px 32px 8px 8px;
border-radius: 16px 50px 50px 16px;
font-size: 24px;
display: inline-block;
position: relative;
margin: 0 0 32px 16px;
}
.title:after {
content: "";
position: absolute;
bottom: -28px;
left: -15px;
height: 70px;
width: 70px;
background-image: url(//drjairkuhn.fisioclinicaabc.com.br/wp-content/themes/template-telemedicina/img/LogoFavi.png);
background-position: center;
background-size: cover;
border-radius: 0 100px;
} body {
font-family: "Lato", sans-serif;
} .page-central {
background-color: #119599;
color: #fff;
margin-top: 4rem;
padding: 1rem 0;
text-align: center;
} header .menu-top-first {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
header .menu-top-first .social-top {
display: inline-block;
}
header .menu-top-first .social-top .social-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
header .menu-top-first .social-top .social-header .social-container {
margin-left: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 26px;
}
header .menu-top-first .social-top .social-header .social-container .horario {
font-size: 14px;
line-height: 16px;
}
header .menu-top-first .social-top .social-header .social-container a {
color: black;
text-decoration: none;
}
header .menu-top-first .social-top .social-header .social-container a:hover {
color: #718fc8;
}
header .menu-top-first .social-top .social-header .social-container i {
color: #718fc8;
font-size: 26px;
margin-right: 8px;
}
header nav {
padding: 0 !important;
margin: 0 !important;
} #banner {
background-image: url(//drjairkuhn.fisioclinicaabc.com.br/wp-content/themes/template-telemedicina/img/banner.jpg);
background-position: center center;
background-size: cover;
}
#banner .form-banner-title {
background-color: #718fc8;
text-align: center;
font-size: 15px;
padding: 8px 4px;
color: white;
}
#banner .form-banner-title h2 {
font-size: 24px !important;
}
#banner .form-banner {
background-color: white;
padding: 16px;
}
#banner .container .col-md-4 {
padding: 32px 0;
}
#banner .container .col-md-8 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
#banner .banner-text {
padding: 16px;
margin-left: auto;
margin-top: 16px;
background-color: rgba(255, 255, 255, 0.7);
color: #606062;
text-align: right;
}
#banner .banner-text h1 {
text-transform: uppercase;
font-weight: bold;
font-size: 30px;
}
#banner .banner-text p {
font-size: 18px;
line-height: 20px;
} #functionsIcons {
background-color: #959595;
padding: 16px;
}
#functionsIcons .function-icons-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: white;
}
#functionsIcons .function-icons-container img {
max-width: 250px;
display: block;
margin: auto;
}
#functionsIcons .function-icons-container h5 {
margin-top: 12px;
} #teleatendimento {
text-align: justify;
color: #606062;
}
#teleatendimento p {
font-size: 15px;
}
#teleatendimento .computadordoutor {
height: 100%;
overflow: hidden;
background-color: #fff;
padding: 0;
}
#teleatendimento .computadordoutor img {
height: 480px;
}
@media screen and (max-width: 768px) {
#teleatendimento .computadordoutor img {
height: 300px;
}
} #especialidades {
background-color: #e5e5e5;
color: white;
padding: 32px 0;
}
#especialidades .especialidades-container .especialidades-title {
background-color: #718fc8;
height: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 110px;
margin: 32px 20px;
position: relative;
}
#especialidades .especialidades-container .especialidades-title .et {
position: absolute;
height: 130px;
width: 130px;
left: -40px;
background-position: center;
background-size: cover;
border-radius: 50%;
}
#especialidades .especialidades-container .especialidades-title .et1 {
background-image: url(//drjairkuhn.fisioclinicaabc.com.br/wp-content/themes/template-telemedicina/img/especialidade1.jpg);
}
#especialidades .especialidades-container .especialidades-title .et2 {
background-image: url(//drjairkuhn.fisioclinicaabc.com.br/wp-content/themes/template-telemedicina/img/especialidade2.jpg);
}
#especialidades .especialidades-container .especialidades-title .et3 {
background-image: url(//drjairkuhn.fisioclinicaabc.com.br/wp-content/themes/template-telemedicina/img/especialidade3.jpg);
}
#especialidades .especialidades-container .especialidades-title h4 {
color: white;
line-height: 20px;
}
#especialidades .especialidades-container ul {
list-style: none;
color: #606062;
padding-left: 110px;
} #calltoaction {
background-image: url(//drjairkuhn.fisioclinicaabc.com.br/wp-content/themes/template-telemedicina/img/calltoaction.jpg);
background-size: cover;
background-position: center center;
padding: 150px 0 16px 0;
background-attachment: fixed;
}
#calltoaction .calltele {
max-width: 350px;
padding: 16px;
margin-left: auto;
background-color: rgba(255, 255, 255, 0.7);
color: #606062;
text-align: right;
}
#calltoaction .calltele h4 {
text-transform: uppercase;
font-weight: bold;
}
#calltoaction .calltele p {
font-size: 18px;
line-height: 20px;
} #about {
color: #606062;
padding: 32px 0;
}
#about img {
width: 400px;
max-width: 100%;
display: block;
margin: auto;
} #clinica {
background-color: #606062;
color: white;
text-transform: uppercase;
text-align: center;
padding: 16px;
} #clinicaAbout {
text-align: justify;
padding: 16px 0;
color: #606062;
} #carousel {
background-color: #d3f1ff;
padding: 32px;
overflow: hidden;
}
#carousel img {
cursor: pointer;
}
#carousel .owl-prev,
#carousel .owl-next {
font-size: 80px;
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px;
margin: 0;
height: 45px;
width: 45px;
line-height: 45px;
border-radius: 50%;
color: white;
text-align: center;
top: 35%;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
background-color: transparent;
}
#carousel .owl-prev:hover,
#carousel .owl-next:hover {
color: #718fc8;
}
#carousel .owl-prev {
left: -55px;
}
#carousel .owl-next {
right: -55px;
}
#carousel .owl-dot span {
background-color: white;
}
#carousel .owl-dot.active span {
background-color: #718fc8;
} #contato {
background-color: #e5e5e5;
}
#contato h4 {
text-align: center;
margin-top: 16px;
font-size: 24px;
}
#contato iframe {
min-height: 350px;
height: 100%;
width: 100%;
} footer {
background-color: #959595;
color: white;
padding: 20px 0;
}
footer .social ul li {
display: inline-block;
}
footer .social ul li a {
padding: 8px;
margin: 0;
}
footer .copy {
text-align: center;
border-top: 1px solid white;
margin-top: 40px;
}
footer h5 {
text-transform: uppercase;
font-size: 16px;
}
footer ul {
padding: 0;
}
footer li {
list-style: none;
font-size: 15px;
}
footer .social {
padding-top: 24px;
text-align: right;
}
footer .social i {
color: #606062;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
margin-left: 8px;
font-size: 20px;
}
footer .social i:hover {
color: white;
}
footer .copy a {
color: white;
} #reembolso {
padding: 32px 0;
}
#reembolso span {
color: #718fc8;
font-weight: bold;
} #whatsapp {
position: fixed;
bottom: 30px;
right: 30px;
z-index: 99999;
max-width: 300px;
font-size: 12px;
background-color: green;
border-radius: 50%;
}
#whatsapp i {
font-size: 36px;
padding: 12px 12px 12px 14px;
border-radius: 50%;
-webkit-transition: 0.5s ease;
transition: 0.5s ease;
}
#whatsapp i:hover {
-webkit-box-shadow: 1px 1px 5px #b6b6b6;
box-shadow: 1px 1px 5px #b6b6b6;
font-size: 40px;
} .modal {
display: none;
position: fixed;
z-index: 999999;
padding-top: 100px;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
overflow: auto;
background-color: rgba(0, 0, 0, 0.9);
-webkit-transition: 0.5 ease;
transition: 0.5 ease;
} #modal-galeria .modal-content {
margin: auto;
display: block;
width: 90%;
height: 80%;
max-width: 700px;
background-color: transparent;
}
#modal-galeria img {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 100px;
max-height: calc(100vh - 200px);
}
@media (max-height: 500px) {
#modal-galeria img {
max-height: 300vh;
}
}
#modal-galeria #caption {
margin: auto;
display: block;
width: 80%;
max-width: 500px;
text-align: center;
color: #ccc;
padding: 10px 0;
height: 150px;
}
#modal-galeria .close {
position: absolute;
top: 15px;
right: 35px;
color: #f1f1f1;
font-size: 40px;
font-weight: bold;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#modal-galeria .close:hover, #modal-galeria .close:focus {
color: #bbb;
text-decoration: none;
cursor: pointer;
}
@media (min-width: 768px) {
.social-top.pt-md-2 {
padding-top: 2.5rem !important;
}
}