/* 01 - Página Inicial
=-----------------------=*/
 /* 1.1 - Painel
 =----------------=*/
 #painel .carousel .carousel-inner .carousel-item img {height: 86.3vh; object-fit: cover;}
 #painel .carousel .carousel-inner .carousel-item .carousel-caption {top: 0; left: 0; bottom: 0; right: 0; padding: 30px; flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column; z-index: 0;}
 #painel .carousel .carousel-inner .carousel-item .carousel-caption::before {content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, .4); z-index: -1;}
 #painel .carousel .carousel-inner .carousel-item .carousel-caption h1, #painel .carousel .carousel-inner .carousel-item .carousel-caption h2 {width: 100%;}
 #painel .carousel .carousel-inner .carousel-item .carousel-caption h1 {font-size: 52px; font-weight: 700; text-align: left; text-transform: uppercase; color: #7FFFD4;}
 #painel .carousel .carousel-inner .carousel-item .carousel-caption h2 {font-size: 30px; text-align: left; text-transform: uppercase;}
 #painel .carousel .carousel-indicators li {width: 10px; height: 10px; margin: 0 5px; padding: 0; border: 0; transform: rotate(45deg);}
 #painel .carousel .carousel-indicators li:hover {opacity: 1;}
 
 /* 1.2 - Boas Vindas
 =---------------------=*/
 #welcome-mat p {text-align: center;}

 /* 1.3 - Conheça a Clínica
 =---------------------------=*/
 #call-to-gallery {background: repeating-linear-gradient(-50deg, #F9F9F9 1px, #EAE9E9 2px); box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, .2);}
 #call-to-gallery .container-fluid [class*="col"] {padding: 0;}
 #call-to-gallery .titulo {margin: 0 0 3rem 0;}
 #call-to-gallery .box {position: relative;}
 #call-to-gallery .box:hover .overlay {background: rgba(1, 155, 158, .5);}
 #call-to-gallery .box:hover .overlay h1 {transform: translateY(-15px);}
 #call-to-gallery .box:hover .overlay p {color: #FFF; transform: translateY(-15px);}
 #call-to-gallery .box:hover .overlay p::before {bottom: -2px;}
 #call-to-gallery .box img {width: 100%; height: 250px; object-fit: cover; object-position: center;}
 #call-to-gallery .box .overlay {position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(1, 155, 158, .2); padding: 10px; flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column; transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out; overflow: hidden;}
 #call-to-gallery .box .overlay * {color: #FFF; transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;}
 #call-to-gallery .box .overlay h1 {font-weight: 700; text-transform: uppercase; text-align: center; margin: 0 0 1rem 0;}
 #call-to-gallery .box .overlay p {font-weight: 600; text-transform: uppercase; color: #E6E6E6; margin: 0 0 2rem 0; position: relative;}
 #call-to-gallery .box .overlay p::before {content: ''; position: absolute; bottom: -200%; left: 0; width: 100%; height: 2px; background: #E6E6E6; transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;}

 /* 1.4 - Call to Action
 =------------------------=*/
 #call-to-action {background: #019B9E; text-align: center; color: #FFF; padding: 70px 0;}
 #call-to-action h1 {margin: 0 0 1rem 0;}
 #call-to-action h2 {margin: 0 0 .5rem 0;}
 #call-to-action h2:nth-child(3n) {margin: 0 0 2rem 0;}
 #call-to-action a:first-child {margin: 0 10px 0 0;}
 #call-to-action button {font-size: 17px; font-weight: 600; text-transform: uppercase; padding: 0.13rem 1.3rem; background: rgba(255, 255, 255, .85); border: 1px solid #FFF; border-radius: 3px;}
 #call-to-action button:hover {background: #FFF;}
 #call-to-action button:focus {outline: none;}

 /* 1.4 - Call to Services
 =--------------------------=*/
 #call-to-services {background: repeating-linear-gradient(-50deg, #F9F9F9 1px, #EAE9E9 2px); box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, .2);}
 #call-to-services .titulo {margin: 0 0 3rem 0;}
 #call-to-services .box {background: #FFF; box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, .3); padding: 20px 15px; margin: 0 0 1rem 0; flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column; transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;}
 #call-to-services .box:hover {transform: translateY(-5px); box-shadow: 3px 8px 5px 0 rgba(0, 0, 0, .3);}
 #call-to-services .box:hover span::before {background: #019B9E;}
 #call-to-services .box .d-flex {margin: 0 0 2rem;}
 #call-to-services .box img {width: 100px; height: 100px; border-radius: 100%; box-shadow: 0 0 3px 0 rgba(0, 0, 0, .1);}
 #call-to-services .box span {position: relative;}
 #call-to-services .box span::before {content: ''; position: absolute; bottom: -15px; left: 0; width: 100%; height: 2px; background: #EDEDED; transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;}
 #call-to-services .box h2 {text-align: center; text-transform: uppercase; color: #000; margin: 0;}

 /* 1.5 - Contato
 =-----------------=*/
 #small-contact.inner {box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2); margin: 1.5rem 0 0 0;}
 #small-contact h2 {text-align: center; text-transform: uppercase;}
 #small-contact h2 i {color: #019B9E;}
 #small-contact p {text-align: center; margin: 0;}
 #small-contact p a {color: inherit;}
 #small-contact a i {font-size: 25px; transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;}
 #small-contact a:hover {color: #019B9E;}
 #small-contact a:hover i {color: #3B5998; transform: scale(1.3);}

/* 02 - Página Interna | Quem Somos
=------------------------------------=*/
#cesap .titulo.recolored {color: #14724B;}
#cesap .titulo.recolored i {font-style: normal; color: #CCD05A;}
#cesap .titulo.smaller {font-size: 22px;}
#cesap img {height: 200px; border-radius: 5px; margin: 0 0 1rem 0;}
#cesap .carousel .box {border-radius: 5px; box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2); margin: 5px 0; overflow: hidden; cursor: pointer;}
#cesap .carousel .box img {object-fit: cover; margin: 0; transition: .4s ease-in-out;}
#cesap .carousel .box:hover img {transform: scale(1.3);}
#cesap .carousel .carousel-indicators {margin: 0; bottom: -1.5rem;}
#cesap .carousel .carousel-indicators li {width: 12.5px; height: 12.5px; margin: 0 5px; padding: 0; background: #019B9E; border: 0; transform: rotate(45deg);}
#cesap .carousel .carousel-indicators li:hover {opacity: 1;}

/* 03 - Página Interna | Contato
=--------------------------------=*/
#contato h2 {text-align: center; text-transform: uppercase; margin: 0;}
#contato h2 i {color: #019B9E;}
#contato p {text-align: center; margin: 0;}
#contato p a {color: inherit;}
#contato a i {font-size: 25px; transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;}
#contato a:hover {color: #019B9E;}
#contato a:hover i {color: #3B5998; transform: scale(1.3);}
#contato textarea {min-height: 105px;}
#contato button {font-size: 17px; font-weight: 600; text-transform: uppercase; padding: 0.13rem 1.3rem; background: rgba(1, 155, 158, .7); border: 1px solid #4CB8BB; border-radius: 3px; color: #FFF;}
#contato button:hover {background: #019B9E; border-color: #019B9E;}

/* 04 - Página Interna | Agendamento
=-------------------------------------=*/
#agendamento {position: relative; z-index: 0;}
#agendamento::before {content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../images/jpg/background/agendamento.jpg); opacity: .4; z-index: -1;}
#agendamento button {font-size: 17px; font-weight: 600; text-transform: uppercase; padding: 0.13rem 1.3rem; background: rgba(1, 155, 158, .7); border: 1px solid #4CB8BB; border-radius: 3px; color: #FFF;}
#agendamento button:hover {background: #019B9E; border-color: #019B9E;}

/* 05 - Página Interna | Resultados
=------------------------------------=*/
#resultados a {color: inherit;}
#resultados a:hover {color: #019B9E;}
#resultados button {font-size: 17px; font-weight: 600; text-transform: uppercase; padding: 0.13rem 1.3rem; background: rgba(1, 155, 158, .7); border: 1px solid #4CB8BB; border-radius: 3px; color: #FFF;}
#resultados button:hover {background: #019B9E; border-color: #019B9E;}

/* 06 - Página Interna | Especialidades
=-----------------------------------------=*/
#especialidades h1 {text-align: center;}
#especialidades p {text-align: justify;}
#especialidades .background {background: #019B9E; color: #FFF;}
#especialidades .row:not(:first-child) [class*="col"]:first-child {padding: 0;}
#especialidades .row:not(:first-child) [class*="col"]:last-child {padding: 15px; height: 352px; flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column;}
#especialidades img {height: 352px; object-fit: cover;}

/* 07 - Cesap Card
=---------------------------------*/
#card {max-width: 100%; width: 100%; height: auto; margin: 0 auto; position: relative; padding: 45px 20px;}
#card h1 {max-width: 100%; width: 100%; height: auto; margin: 0px auto 30px; text-align: center;}
#card p {font-size: 16px; line-height: 21px; font-weight: normal; text-align: justify; margin: 10px 0;}
#card a {color: #000;}
#card .plano {max-width: 100%; width: 100%; height: auto; box-shadow: 1px 1px 3px; padding: 20px; text-align: center; margin: 25px auto;}
#card h2 {max-width: 100%; width: 100%; height: auto; margin: 30px auto 20px; text-align: center; font-size: 20px; line-height: 25px; font-weight: bold;}
#card .coluna {column-count: 2}
#card .local h3 {max-width: 100%; width: 100%; font-size: 20px; line-height: 25px; font-weight: bold;}
#card .local p {margin: 3px auto;}

#parceiros {padding-top: 20px; background: repeating-linear-gradient(-50deg, #F9F9F9 1px, #EAE9E9 2px); box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, .2);}
#parceiros img {height: 130px; margin: 15px auto;}

#solicitar {max-width: 100%; width: 100%; height: auto; margin: 0 auto; position: relative;}
#solicitar h1 {max-width: 100%; width: 100%; height: auto; margin: 0 auto 10px; text-align: center;}
#solicitar p {font-size: 16px; line-height: 21px; font-weight: normal; text-align: center; max-width: 100%; width: 100%; margin: 0 auto 30px; height: auto;}
#solicitar form {max-width: 50%; width: 100%; height: auto; margin: 0 auto; text-align: center;}
#solicitar button {font-size: 16px; line-height: 21px; background: transparent; border: 1px solid #000; color: #000; padding: 10px 30px; text-transform: uppercase; font-weight: bold;}
#solicitar button:hover {background: #019B9E; border-color: #019B9E; color: #fff;}