/*  
Theme Name: Oral Center
Author: Mustache
Author URI: https://mustache.com.br
*/

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, figure {margin: 0; padding: 0; }
img, fieldset {border: 0; }
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }
/* set img max-width */
/* ie 8 img max-width */
@media \0screen {img { width: auto;} }

:root{--font-titulo: 'Montserrat', sans-serif; --bg-escuro: #202020; --bg-claro: #efefef; --black: #000; --white: #fff; --link-claro: #ff0000; --link-escuro: #851111; }

/*
font-family: 'Advent Pro', sans-serif;
font-family: 'Montserrat', sans-serif;
*/

/*Formatação Geral*/
body {font-family: var(--font-titulo); color: #666; }
a {; text-decoration: none; outline: none;}
a:hover {text-decoration: none; }
p {margin: 0 0 20px; padding: 0; }
ul, ol {margin: 0; padding: 0; line-height: 140%; }
li {margin: 0 0 .5em 0; padding: 0; }
h1, h2, h3, h4, h5, h6 {line-height: 1.4em; margin: 20px 0 .4em; } 
h1 {font-size: 2em; } h2 {font-size: 1.8em; } h3 {font-size: 1.6em; } h4 {font-size: 1.4em; } h5 {font-size: 1.2em; } h6 {font-size: 1em; }
.pagewidth {width: 70%; margin: 0 auto; }
html{scroll-behavior: smooth;}


/*Menu*/
#header{width: 100%; height: 80px; padding: 0px 0px; position: sticky; top: 0; right: 0; left: 0; z-index: 1030; background: #fff; }
#site-logo {padding: 0px; }
#site-logo img{height: 80px; padding: 15px 0px; width: auto;}
.header-cont {display: block; width: 100%; height: 100px; margin: 0; padding: 0px 0px; margin: 65px 0px 0px 0px;; overflow:hidden; }
.head-content {max-width: 70%; margin: 0 auto; }
.header-navigation .navi {font-family: 'Montserrat', sans-serif; float: right; display: block; }
.header-navigation .navi ul {font-family: 'Montserrat', sans-serif; height: 80px; text-transform: uppercase; vertical-align: middle; display: table-cell; font-size: 14px; margin: 0px; font-weight: 900; line-height: 16px; padding: 0px; text-align: right; }
.header-navigation .navi ul li {display: inline; padding-left: 25px; font-size: 110%; width: auto;  font-weight: 700; letter-spacing: 0px;}
.header-navigation .navi ul li a {color: #084b74; font-family: 'Montserrat', sans-serif; text-decoration: none; text-transform: uppercase; transition: all 0.2s ease-out; z-index: 180;}
.header-navigation .navi ul li a:hover {color: #93a7d5; font-family: 'Montserrat', sans-serif; text-decoration: none; transition: all 0.2s ease-out; }
.header-navigation .navi .agendamento{background: #084b74; padding: 10px 20px; color: #fff; border-radius: 5px; font-weight: 600;}
.header-navigation .navi .agendamento:hover{color: #fff; background: #93a7d5;}
.open-nav .mobile-toggle {transform: rotate(-90deg); -webkit-transform: rotate(-90deg); }
.sticky {opacity: 1; top: 0px; }
.mobile-toggle {display: none; cursor: pointer; font-size: 20px; position: absolute; right: 15px; top: 35px; width: 30px; -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; transition: all 200ms ease-in;}
.mobile-toggle span {width: 30px; height: 4px; margin-bottom: 6px; border-radius: 1000px; background: #084b74; display: block; }
.mobile-toggle:hover > span {background-color: #084b74; transition: 1s; }
.close-about-section {display: none; text-align: center; border-radius: 3px; margin: 5% 10%; height: 70px; padding: 10px 0px; width: 80%; }
.close-about-section .svg-close {z-index: 1; fill: #084b74; height: 50px; width: 40px; cursor: pointer; }
.close-about-section .svg-close:hover {fill: browm; transition: all 1s; }
 
 /*Topo*/
.topo{width: 100%; height: 700px; background: url(images/topo.jpg) center bottom; background-size: cover;}
.topo-tratamentos{ margin-top: -120px; margin-bottom: 30px; }
.topo-tratamentos .pagewidth{width: 65%; text-align: center; color:#fff;}
.topo-tratamentos li{background: #084b74; margin: 0; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 130%; padding: 0; width: 100%; bottom: 0; padding: 50px 30px;  overflow: hidden; left: 0; right: 0; top: 0; transition: .3s!important; } 
.topo-tratamentos li:hover{background: #073958;}
.topo-tratamentos li:nth-of-type(2n){background: #2c4c81;}
.topo-tratamentos li:nth-of-type(2n):hover{background: #1e3862}
.topo-tratamentos li:nth-of-type(3){background: #4c6ea6;}
.topo-tratamentos li:nth-of-type(3):hover{background:#3b5989}
.topo-tratamentos li img{margin-bottom: 15px; pointer-events: none;}
.topo-tratamentos li a{color: #fff;     display: inline-grid;}

/*Clinica*/
#clinica{margin: -80px; padding: 80px 0px; width: 100%;}
.clinica{padding: 120px 0px;}
.clinica .head{font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 300%; line-height: 100%; color: #084b74;}
.clinica .head:after {border-bottom: 3px solid #084b74; content: ""; display: block; margin: 10px 0px 30px 0px; transition: width 250ms ease-in-out 0s; width: 60px; }
.clinica p{font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 100%; line-height: 180%; color: #084b74; text-align: justify; margin: 0px 5% 20px 0px;}
.clinica .galeria{-webkit-box-shadow: 14px 14px 0px 0px rgba(76,110,166,1); -moz-box-shadow: 11px 14px 0px 0px rgba(76,110,166,1); box-shadow: 11px 14px 0px 0px rgba(76,110,166,1); }
.clinica .galeria .owl-theme .owl-nav{position: absolute; margin-top: -180px;}
.clinica .galeria  .owl-prev {outline: none; padding: 0px 0px; position: absolute; left: 25px; background: transparent; border: 0; color: #FFf; font-size: 170%; transition: .3s;}
.clinica .galeria .owl-next {outline: none; padding: 0px 0px; position: absolute; right: 50px; background: transparent; border: 0; color: #FFf; font-size: 170%; transition: .3s;}
.clinica .galeria .owl-next:hover, .clinica .galeria .owl-prev:hover{background: transparent; color: #084b74;}
.clinica .galeria .item{height: 380px; }
.clinica .galeria .item img{object-fit: cover; width: 100%; height: 380px;}
.clinica .infos{font-size: 80%; color: #084b74; text-align: center; font-family: 'Montserrat', sans-serif; padding: 100px 0px 0px;}

/*Profissionais*/
#profissionais{margin: -80px; padding: 80px 0px; width: 100%;}
.profissionais{background: #93a7d54a; padding: 120px 0px;}
.profissionais .head{font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 300%; line-height: 100%; text-align: center; color: #084b74;}
.profissionais .head:after {border-bottom: 3px solid #084b74; content: ""; display: block; margin: 10px auto 30px; transition: width 250ms ease-in-out 0s; width: 60px; }
.profissionais p{font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 120%; line-height: 160%; color: #084b74; text-align: center; margin: 0px 8% 50px;}
.profissionais .item .profissional{height: 580px;background: #fff; }
.profissionais .item .profissional .header{background: url(images/profissionais-header.jpg) center; background-size: cover; height: 300px; width: 100%;}
.profissionais .item .profissional  img{object-fit: cover; width: 100%; height: 380px; border: solid 8px transparent; transition: .3s;}
.profissionais .item .profissional:hover  img{border: solid 8px #fff; transition: .3s;}
.profissionais .item .profissional  .foto-profissional{ border-radius: 50%; width: 280px; height: 280px; margin-top: -220px; } 
.profissionais .item .profissional  .nome{font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 130%; margin: 30px 0px 15px 0px; line-height: 100%; text-align: center; color: #084b74;}
.profissionais .item .profissional  .cro{font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 90%; line-height: 100%; text-align: center; color: #084b74;}
.profissionais .item .profissional  .cro:after {border-bottom: 3px solid #084b74; content: ""; display: block; margin: 15px auto 20px; transition: width 250ms ease-in-out 0s; width: 30px; }
.profissionais .item .profissional  .especializacao{font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 100%; line-height: 160%; text-align: center; color: #084b74; padding: 0px 10%; }

/*Pagina*/
.page{padding: 100px 0px;}
.page .titulo{font-family: 'Montserrat', sans-serif; color: #000; font-size: 300%; font-weight: 600; line-height: 90%;  padding: 0px 0px 30px;}
.page .descricao{font-family: 'Montserrat', sans-serif; color: #000; font-size: 130%; font-weight: 300; line-height: 150%;  padding: 0px 28% 30px 0px; }
.page  th, td {text-align: left; border: 1px solid #e8e9eb;padding: 10px 14px;}

/*Tratamentos*/
#tratamentos{margin: -80px; padding: 80px 0px; width: 100%;}
.tratamentos{padding: 120px 0px;}
.tratamentos .head{font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 300%; line-height: 100%; text-align: center; color: #084b74;}
.tratamentos .head:after {border-bottom: 3px solid #084b74; content: ""; display: block; margin: 10px auto 50px; transition: width 250ms ease-in-out 0s; width: 60px; }
.tratamentos li{background: #084b74; margin: 0; transition: .3s; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 130%; padding: 0; width: 100%; bottom: 0; padding: 30px 20px;  overflow: hidden; left: 0; right: 0; top: 0;} 
.tratamentos li:hover{background: #073958;}
.tratamentos li:nth-of-type(2n){background: #2c4c81;}
.tratamentos li:nth-of-type(2n):hover{background: #1e3862}
.tratamentos li:nth-of-type(3){background: #4c6ea6;}
.tratamentos li:nth-of-type(3):hover{background:#3b5989}
.tratamentos li img{margin-bottom: 15px; pointer-events: none; height: 50px; display: block; margin: 0 auto 11px; }
.tratamentos li a{ font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 100%; text-align: center; color: #fff; margin: 0 auto; display: block;}
.tratamentos .tab-pane{ height: 100%; padding: 30px; }
.tratamentos .tab-pane h4{font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 180%; line-height: 100%; color: #084b74;}
.tratamentos .tab-pane p{font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 110%; line-height: 140%; text-align: justify; margin-bottom: 5px;  color: #084b74;}
.tratamentos .tab-pane img{width: 80%; margin: 0 auto; display: block;}
.tratamentos .tipos{background: #fbfbfc;}

/*Dicas*/
#dicas{margin: -80px; padding: 80px 0px; width: 100%;}
.dicas{padding: 80px 0px 120px;}
.dicas .dica{width: 100%; height: 600px; overflow-bottom: hidden; border-top: 50px solid #fff; background: rgb(88,113,165); background: -moz-linear-gradient(90deg, rgba(88,113,165,1) 0%, rgba(35,61,105,1) 100%); background: -webkit-linear-gradient(90deg, rgba(88,113,165,1) 0%, rgba(35,61,105,1) 100%); background: linear-gradient(90deg, rgba(88,113,165,1) 0%, rgba(35,61,105,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5871a5",endColorstr="#233d69",GradientType=1);}
.dicas .dica img{margin-top: -70px; height: 620px; position: absolute;}
.dicas .dica .video{position: absolute; right: 50px; top: 22%;  }
.copy{padding: 20px 0px; background: #12476e; width: 100%;}
.copy img{width: 40px; margin: 0 auto; display: block; }

/*Agendamento*/
#agendamento{margin: -80px; padding: 80px 0px; width: 100%;}
.agendamento{background: #4c6ea6; padding: 120px 0px; color: #Fff;}
.agendamento .pagewidth{width: 58%;}
.agendamento .agende {color: #fff; font-size: 300%; font-family: 'Montserrat', sans-serif; font-weight: 700; line-height: 110%;}
.agendamento label{font-size: 120%; line-height: 130%; width: 100%;  color: #fff; font-family: 'Montserrat' sans-serif; font-weight: 300;}
.agendamento input{width: 100%; color: #084b74; padding: 15px 10px; margin-top: 10px; font-size: 90%;}
.agendamento p{margin: 0px;}
.agendamento button, [type="submit"] {color: #fff!important; font-weight: 700; background: #084b74; width: 100%; border: 2px solid #084b74; text-transform: uppercase; font-family: 'Montserrat' sans-serif; font-size: 100%; padding: 0px 20px; }

/*Rodape*/
.footer{padding: 80px 0px; }
.footer .pagewidth{width: 60%;}
.footer .logo{width: 70%; margin-bottom: 30px;}
.footer .redes{width: max-content; } 
.footer .redes .item{background: #084b74; display: table-cell; padding: 10px 0px 0px 0px; text-align: center; color: #fff; line-height: 28px; width: 40px; height: 40px; border-radius: 40px; font-size: 1.2em; transition: 0.3s; } 
.footer .redes .item:hover{background: #4c6ea6; display: table-cell;text-align: center; color: #fff; line-height: 28px; width: 40px; height: 40px; border-radius: 40px; font-size: 1.2em; transition: 0.3s; }
.footer ul{list-style: none;}
.footer ul li{color: #084b74; font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 100%;}
.footer ul li a{color: #084b74; transition: .3s;} .footer ul li a:hover{color: #4c6ea6;}

/*TopoLP*/
.topolp{background: url(images/topolp.png) bottom center #4c6ea6; background-size: cover; padding: 150px 0px; width: 100%;}
.topolp h1{color: #fff; font-family: 'Montserrat', sans-serif; font-size: 350%; font-weight: 600; line-height: 110%; margin: 0px 0px 10px;}
.topolp p{color: #fff; text-align: justify; width: 80%; margin: 10px 0px; line-height: 180%; font-family: 'Montserrat', sans-serif; font-weight: 400;}
.topolp .formulario{ background: #084b74; padding: 30px 30px; border-radius: 5px; }
.topolp .formulario h1{margin: 0px; font-size: 130%; color: #Fff; font-family: 'Montserrat', sans-serif; text-align: center; line-height: 115%; padding-bottom: 20px;}
.topolp  label{font-size: 120%; line-height: 130%; width: 100%;  color: #fff; font-family: 'Montserrat' sans-serif; font-weight: 300;}
.topolp  input{width: 100%; color: #084b74; padding: 15px 10px; margin-top: 10px; font-size: 90%;}
.topolp   .formulario p{margin: 0px; width: 100%;}
.topolp  [type="submit"] {color: #fff!important; font-weight: 700; background: #4c6ea6!important; width: 100%; border: 2px solid #4c6ea6!important; text-transform: uppercase; font-family: 'Montserrat' sans-serif; font-size: 100%; padding: 15px 20px; }
.wpcf7 .ajax-loader{height: 0px!important;}
.wppfloat {background: #25D366; width: 70px; height: 70px; color: #fff; font-size: 30px; text-align: center; padding: 20px; line-height: 70px; border-radius: 50%; position: fixed; bottom: 50px; right: 1%; z-index: 1000; }

/**Implantes*/
.implantes{padding: 150px 0px;}
.implantes h1{color: #4c6ea6; font-family: 'Montserrat', sans-serif; font-size: 250%; font-weight: 600; line-height: 130%; margin: 0px 0px 10px;}
.implantes p{color: #000; text-align: justify; width: 90%; margin: 10px 0px; line-height: 180%; font-family: 'Montserrat', sans-serif; font-weight: 400;}
.implantes img{max-width: 100%; display: block; margin: 20px auto;}

/*Videos*/
.videos{background: #4c6ea6; background-size: cover; padding: 100px 0px; width: 100%;}
.videos .head{font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 300%; line-height: 100%; color: #fff;}
.videos .head:after {border-bottom: 3px solid #fff; content: ""; display: block; margin: 10px 0px 0px 0px; transition: width 250ms ease-in-out 0s; width: 60px; }
.videos p{color: #fff; font-family: 'Montserrat', sans-serif; font-size: 100%;  margin: 0px 0px 30px;}

/*Formatacao*/
img.alignleft, img.aligncenter, img.alignright, img.alignnone {margin-bottom: 15px; } .alignleft {float: left; margin-right: 30px; } .alignright {float: right; margin-left: 30px; } .aligncenter {text-align: center; display: block; margin-left: auto; margin-right: auto; } .wp-caption {text-align: center; margin-bottom: 15px; max-width: 100%; } .wp-caption-text {font-style: italic; font-size: 95%; line-height: 120%; margin: 6px 0; }
/*Clear*/
.clear {clear: both; } .left {float: left; } .right {float: right; } .textleft {text-align: left; } .textright {text-align: right; } .textcenter {text-align: center; }
/* clearfix */
.clearfix:after, .widget li:after, #body:after, #footer:after, footer:after, .pagenav:after, #main-nav:after, .menu:after, .gallery:after, #content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content{ display: inline-block; }
/* clearfix for ie7 */
.clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content{ display: block; zoom: 1; }