/* 1. Painel
--------------*/
#painel {position: relative;}
#painel .carousel img {height: calc(100vh - 84.56px); object-fit: cover;}
#painel .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .35); z-index: 1;}
#painel .overlay h1 {font-size: 36px; font-weight: 600; text-align: center; text-transform: uppercase; text-shadow: 0 2px 3px rgba(0, 0, 0, .4); color: #FFF;}
#painel .watermark {position: absolute; bottom: 0; right: 0; z-index: 0;}
#painel .watermark img {width: auto; height: 80px;}

/* 2. Sobre
-------------*/
#sobre img {width: 100%; height: 300px; object-fit: cover; border-radius: 10px;}
#sobre p {font-size: 20px; text-align: justify;}

/* 3. Treinamentos
-------------*/
#treinamentos {background: #F5F5F5; box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .15); position: relative;}
#treinamentos img {width: 100%; height: 100%; object-fit: fill; border-radius: 20px; box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .25);}

/* 4. Serviços
-------------*/
#servicos {position: relative;}
#servicos img {width: 100%; height: 100%; object-fit: fill; border-radius: 20px; box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .25);}

/* 5. Carências
-----------------*/
#carencias {position: relative; background: url(../images/jpg/equipamentos.jpg) fixed; background-repeat: no-repeat; background-position: center; padding: 90px 0px;}
#carencias::before {position: absolute; content: ""; background: rgba(0, 0, 0, .55); width: 100%; height: 100%; top: 0; left: 0;}
#carencias img {height: 300px; border-radius: 10px; box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2); object-fit: cover;}
#carencias p {font-size: 20px; text-align: center;}
#carencias .titulo {letter-spacing: 2px; color: #DBFFA3;}

/* 6. Rede Credenciada
------------------------*/
#rede-credenciada img:not(.main) {height: 400px;}
#rede-credenciada p {text-align: justify;}
#rede-credenciada .titulo.d-none {margin: 0 0 1.5rem 0;}
#rede-credenciada .unimed {text-align: center;}
#rede-credenciada .unimed a {background: #00874c; color: #fff; text-transform: initial; font-size: 14px;}
#rede-credenciada .unimed img {height: 50px; width: 110px; margin-right: 5px;}

/* 7. Clube de Vantagens
--------------------------*/
#vantagens {background: linear-gradient(45deg, #009B63, #353B6C); box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, .6);}
#vantagens .titulo {color: #FFF;}
#vantagens .box {text-align: center; background: #4A4F82; border: 1px solid #343A6E; border-radius: 5px; box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2); color: #FFF; padding: 0.5rem;}
#vantagens .box .icon {width: 65px; height: 65px; border-radius: 100%; box-shadow: 0 0 3px 0; margin: 0 auto 0.5rem auto;}
#vantagens .box .icon > i {font-size: 30px;}
#vantagens .box .text h2 {font-size: 16px; font-weight: 300; text-align: center;}
#vantagens .box .text h2 > span {font-size: 12px;}
#vantagens .owl-carousel .item img {height: 65px; background: #FFF; border-radius: 10px; box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2); padding: 5px;}

/* 8. Contratação do Clube Odonto
-----------------------------------*/
#contratacao h2 {font-size: 18px; font-weight: 300; font-style: italic; text-align: center; color: #666;}
#contratacao p {font-size: 16px; font-weight: 400; font-style: italic; text-align: center; color: #009859; margin: 2rem 0 0 0;}
#contratacao p img {width: auto; height: 40px; background: #00874C; border-radius: 7px 7px 0 7px; margin: 0 0 0 0.5rem; padding: 5px;}
#contratacao img {height: auto; max-height: 90px; margin: 1rem 0 0 0;}

/* 9. Contratação
-------------------*/
#proposta {background: #F9F9F9; box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, .1);}
#proposta .box {background: linear-gradient(45deg, rgba(3, 156, 98, .8), rgba(53, 59, 109, .8)); border-radius: 10px; padding: 15px;}
#proposta .box h2 {font-size: 18px; font-weight: 400; text-transform: uppercase; color: #FFF; margin: 0 0 0.75rem 0;}
#proposta .box .input .form-control {font-weight: 300; background: transparent; border: 0; border-bottom: 1px solid #FFF; color: #FFF;}
#proposta .box .input .form-control::placeholder {color: #FFF;}
#proposta .box .input .form-control::-webkit-placeholder {color: #FFF;}
#proposta .box .input .form-control::-moz-placeholder {color: #FFF;}
#proposta .box .input .form-control:-ms-placeholder {color: #FFF;}

/* 10. Frequent Asked Questions
---------------------------------*/
#faq .card .card-header {cursor: pointer;}

/* 11. Contato
----------------*/
#contato {background: #FFF; border-top: 1px solid #009B63; position: relative;}
#contato h1 {font-size: 40px; font-weight: 600; text-align: right; color: #009C5E; margin: -15px auto 0px;}
#contato h1 a:hover {opacity: .75;}
#contato h2 {font-size: 18px; font-weight: 400; margin: 0 0 0.5rem 0;}
#contato h3 {font-weight: 300; color: #353537; margin: 0}
#contato .logo {height: 90px;}
#contato .absolute {position: absolute; bottom: 0; right: 0; max-width: 38%;}
#contato .absolute .social {position: absolute; bottom: 0; right: 12%; color: #938A8B;}
#contato .absolute .social a, #contato .absolute .social a i {line-height: normal;}
#contato .absolute .social a:not(:last-child) {margin: 0 0.5rem 0 0;}
#contato .absolute .social a i {font-size: 26px;}

/* 12. Orçamento
------------------*/
#orcamento {min-height: calc(100vh - 115.28px - 24px);}
#orcamento h2 {font-size: 18px; font-weight: 300; text-align: center;}

/* 13. Clientes atendidos 
--------------------------*/
#clientes .owl-carousel {width: 110%;}
#clientes .box {width: 100%; height: 180px; background: #F3F3F3;object-fit: cover; box-shadow: 0 2px 5px 0 rgba(255, 255, 255, .40); transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out;}
#clientes .box:hover {transform: translateY(-5px); box-shadow: 0 7px 5px 0 rgba(255, 255, 255, .40);}
#clientes .box img {width: 100%; height: 100%; object-fit: cover;}