/* 1. Painel
--------------*/
#painel .carousel img {height: 350px; object-fit: cover;}
#painel .carousel .carousel-caption {top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5);}
#painel .carousel .carousel-caption h1 {font-weight: 600; text-transform: uppercase; line-height: 1.5; margin: 0 0 1.75rem 0;}

/* 2. Infraestrutura
----------------------*/
#infraestrutura p {text-align: justify;}
#infraestrutura .box {position: relative; cursor: pointer;}
#infraestrutura .box img {height: 334px; object-fit: cover;}
#infraestrutura .box .overlay {position: absolute; left: 50%; transform: translateX(-50%); background: #EE7297; color: #FFF; padding: 0.5rem;}
#infraestrutura .box .overlay:first-child {top: -20px; z-index: 1;}
#infraestrutura .box .overlay:last-child {bottom: -20px;}
#infraestrutura .box .overlay p {font-size: 16px; font-weight: 400; text-align: center; text-transform: uppercase; letter-spacing: 1px;}

#modalEscritorio .modal-header {padding: 0.5rem; position: relative;}
#modalEscritorio .modal-header .modal-title {font-size: 26px; font-weight: 600; text-transform: uppercase; text-align: center; color: #EE7297;}
#modalEscritorio .modal-header .close {position: absolute; top: 3px; right: 4px; font-size: 12px; padding: 0; margin: 0;}
#modalEscritorio .modal-text {text-align: justify;}
#modalEscritorio .modal-text h3 {font-size: 16px; font-weight: 400; text-transform: uppercase;}

#quemsomos .box {width: 100%; height: 100%; box-shadow: 0 0 10px 1px rgba(0, 0, 0, .25);}
#quemsomos .box img {width: 100%; height: 250px; object-fit: cover;}
#quemsomos p {text-align: justify;}

/* 3. Especialidade
--------------------*/
#especialidade h1.titulo {color: #FFF;}
#especialidade .box {background: #FFF; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15); padding: 10px 15px; height: 100%; flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column;}
#especialidade .box img {height: 50px;}
#especialidade .box h2 {font-size: 20px; text-transform: uppercase; margin: 0;}
#especialidade .box:hover {box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .15); transform: translateY(-5px);}

/* 4. Diferencial
--------------------*/
#diferencial h1.titulo, h2.subtitulo {text-align: center;}
#diferencial p {text-align: justify;}
#diferencial .box {width: 100%; height: 100%; text-align: center;}
#diferencial .box .fa-check {color: #0ba980; font-size: 20px;}
#diferencial img {width: 100%; height: 100%; box-shadow: 0 0 10px 1px rgba(0, 0, 0, .25); object-fit: cover; border-radius: 10px;}

/* 5. Oferecemos
--------------------*/
#oferecemos .box {width: 100%; height: 100%; border-radius: 100%; margin: 0; transition: all .4s ease-in-out; cursor: pointer;}
#oferecemos .box img {width: 100%; height: 200px; object-fit: cover; border-radius: 100%; margin-bottom: 10px;}
#oferecemos .box .overlay h2 {opacity: 1; color: #EE7297; font-size: 17px; text-align: center; text-transform: uppercase;}
#oferecemos .box:hover img {border: 5px solid #EE7297;}
#oferecemos .slick-slider .slick-slide {margin: 0 30px;}

/* 6. Publicações
-------------------*/
#publicacoes h1.titulo {color: #FFF;}
#publicacoes .icon {margin: 0 0 1rem 0;}
#publicacoes .icon i {width: 65px; height: 65px; line-height: 65px; font-size: 30px; text-align: center; background: #04b387; border-radius: 100%; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2); color: #FFF;}
#publicacoes .box img {height: 335px; object-fit: cover;}
#publicacoes .box .overlay {position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(2, 82, 62, 0.8); color: #FFF; padding: 15px; -webkit-transition: all 0.275s ease-in-out; transition: all 0.275s ease-in-out; visibility: hidden; will-change: transform; -webkit-transform: translateY(100%); transform: translateY(100%);}
#publicacoes .box .overlay h1 {font-size: 20px; font-weight: 400; text-align: justify; text-transform: uppercase; line-height: 1.5; margin: 0;}

/* 7. Formulário de Contato
-----------------------------*/
#agenda h1.titulo {color: #FFF;}
#agenda h2.subtitulo {color: #FFF;}

/* 8. Área de Atuação
-----------------------*/
#area-de-atuacao img {height: 350px; object-fit: cover; border-radius: 10px; box-shadow: 0 2px 5px rgba(0, 0, 0, .2);}
#area-de-atuacao h2 {font-weight: 400; text-transform: uppercase; color: #EE7297; letter-spacing: 2px;}
#area-de-atuacao p {text-align: justify;}

/* 9. Publicações
-------------------*/
#publicacoes-interna .icon {margin: 0 0 1rem 0;}
#publicacoes-interna .icon i {width: 65px; height: 65px; line-height: 65px; font-size: 30px; text-align: center; background: #04b387; border-radius: 100%; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2); color: #FFF;}
#publicacoes-interna .box {position: relative; overflow: hidden;}
#publicacoes-interna .box img {height: 335px; object-fit: cover; transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;}
#publicacoes-interna .box .overlay {position: absolute; bottom: 0; left: 0; width: 100%; background: repeating-linear-gradient(30deg, rgba(140, 128, 122, .75), rgba(127, 111, 103, .75) 1px); color: #FFF; padding: 15px;}
#publicacoes-interna .box .overlay h1 {font-size: 18px; text-align: justify; margin: 0;}
#publicacoes-interna .box:hover img {transform: scale(1.25);}
#publicacoes-interna .pagination, #publicacoes-interna .pagination .pages {flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap;}
#publicacoes-interna .pagination .page-item .page-link {text-transform: uppercase; border: 0; border-radius: 0px; border-top: 1px solid #04b387; color: #04b387;}
#publicacoes-interna .pagination .page-item .page-link:hover {background: transparent; opacity: .5;}
#publicacoes-interna .pagination .page-item.active .page-link {background: #04b387; color: #FFF;}
#publicacoes-interna .pagination .page-item.disabled .page-link {background: transparent; opacity: .25;}

/* 10. Portfólio
------------------*/
#portfolio .box {width: 100%; height: 100%; box-shadow: 0 0 10px 1px rgba(0, 0, 0, .25);}
#portfolio .box img {width: 100%; height: 200px; object-fit: cover;}

/* 11. Depoimentos
----------------------*/
#depoimentos .titulo {margin: 0 0 1.75rem 0;}
#depoimentos .depoimento .image {margin: 0 0.75rem 0 0;}
#depoimentos .depoimento .image img {width: 65px; height: 65px; border-radius: 100%; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1); object-fit: cover;}
#depoimentos .depoimento .text h2 {font-size: 18px; text-transform: uppercase; color: #0B9472;}
#depoimentos .depoimento .text h3 {font-size: 12px; font-weight: 300; color: #0B9472; margin: 0;}
#depoimentos .depoimento .text p {font-size: 14px; text-align: justify; margin: 0 0 0.5rem 0;}

/* 12. Publicação
------------------*/
#noticia .title {font-weight: 600; margin: 0 0 0.25rem 0;}
#noticia .subtitle {font-size: 18px; text-align: justify;}
#noticia .detalhes {font-size: 12px; font-weight: 600; text-align: right; border-top: 1px dashed #B7B6B6; border-bottom: 1px dashed #B7B6B6; padding: 3px 0;}
#noticia .imagem {overflow: hidden;}
#noticia .imagem img {max-height: 400px; border: 1px solid #EEE;}
#noticia .imagem p {font-size: 12px; font-weight: 600; text-align: center; color: #666; margin: 0.25rem 0 0 0;}
#noticia .texto {text-align: justify; margin: 1rem 0;}
#noticia .imageholder {overflow: hidden; cursor: pointer;}
#noticia .imageholder img {height: 90px; object-fit: cover; border-radius: 5px; transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;}
#noticia .imageholder:hover img {transform: scale(1.2);}
#noticia .more {border-top: 1px solid #32559F; margin: 1rem 0 0 0; padding: 1rem 0 0 0;}
#noticia .more .social a {width: 25px; height: 25px; border-radius: 100%; display: flex; display: -ms-flexbox; justify-content: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; align-items: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center;}
#noticia .more .social a:hover {opacity: .75;}
#noticia .more .social a:not(:last-child) {margin: 0 0.25rem 0 0;}
#noticia .more .social .face {background: #3B5998; color: #FFF;}
#noticia .more .social .twitter {background: #00ACEE; color: #FFF;}
#noticia .more .social .whats {background: #4AC959; color: #FFF;}
#noticia .more .social .whats i {transform: rotate(90deg);}
#noticia .more .social .linkedin {background: #0E76A8; color: #FFF;}
#noticia .maisnoticias .title {font-size: 16px; text-transform: uppercase; border-bottom: 1px solid #CCC; margin-bottom: 1rem; padding-bottom: 0.5rem;}
#noticia .maisnoticias .noticia {position: relative; z-index: 0;}
#noticia .maisnoticias .noticia::before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 65%; background: #EE7297; border-radius: 5px; z-index: -1;}
#noticia .maisnoticias .noticia img {width: 100%; height: 150px;}
#noticia .maisnoticias .noticia .text {padding: 15px; color: #FFF;}
#noticia .maisnoticias .noticia .text h1 {font-size: 18px; font-weight: 600;}
#noticia .maisnoticias .noticia .text p {font-size: 14px; text-align: justify;}
#noticia .maisnoticias .noticia:not(:last-child) {margin: 0 0 1rem 0;}
#noticia .maisnoticias .noticia.imageless::before {height: 100%;}
#noticia .maisnoticias .noticia.imageless img {display: none !important;}
#noticia .maisnoticias .noticia.colored::before {background: #D1E0FF;}
#noticia .maisnoticias .noticia.colored .text {color: #212529;}

/* 13. Equipe
---------------*/
#equipe {border: 1px solid #DEE2E6;}
#equipe h2 {font-size: 20px; text-align: center; text-transform: uppercase; color: #767676; margin-bottom: 0.25rem;}
#equipe .membro {border: 1px solid #DEE2E6; border-bottom: 2px solid #EE7297; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15);}
#equipe .membro .image {height: 200px;}
#equipe .membro .image img {height: 100%; object-fit: cover;}
#equipe .membro .text {text-align: center; padding: 15px;}
#equipe .membro .text h3 {font-weight: 600;}
#equipe .membro .text .transparent {color: #FFF;}

/* 14. Agendas 
----------------*/
#agendas .box {background: #EE7297;padding: 5px;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .35);height: 100%;-webkit-transition: .4s ease-in-out;transition: .4s ease-in-out}
#agendas .box:hover {transform: translatey(-5px); box-shadow: 0 7px 5px 0 rgba(0, 0, 0, .35);}
#agendas h2 {color: #FFF;}

/* Especialidade/serviço interna */
#servico p {text-align: justify;}

#aroma img {height: 330px; object-fit: cover;width: 100%; box-shadow: 0 7px 5px 0 rgba(0, 0, 0, .15);border-radius: 15px;}