/*
Theme Name: tema01
Theme URI: http://f2lodontologia.com.br/
Description: A theme by <a href="http://www.ndesign-studio.com">N.Design Studio</a>.
Version: 1.0
Author: F2L Odontologia
Author URI: http://f2lodontologia.com.br/
*/


*,:after,:before {-webkit-box-sizing:inherit; box-sizing:inherit}
html {-webkit-box-sizing:border-box; box-sizing:border-box; -webkit-tap-highlight-color:transparent}
body {font-family:"Outfit",sans-serif; background-color:#ffffff; color:#606060; font-size:16px; line-height:24px; font-weight:400; margin:0; padding:0;}
::selection {background-color:#005e77; color:#f9f9f9; text-shadow:none}
p {margin:0 auto 0 auto}
hr {box-sizing:content-box; height:0; overflow:visible}
ol,ol ol,ol ul,ul,ul ol,ul ul{margin:0}

a {color:#606060; text-decoration-color:#dadada; text-decoration-thickness:1px; text-underline-offset:6px; background-color:transparent; transition:all 0.6s ease}
a:active,a:hover {color:#606060; text-decoration-color:#5a6e49; text-decoration-thickness:1px; text-underline-offset:6px; transition:all 0.6s ease}
  .link,.link:active,.link:link,.link:visited {color:#d2ccc4; text-decoration:none}
  .link:focus,.link:hover{color:#606060; text-decoration:none; transition:all 0.6s ease}
.small {font-size:12px; line-height:20px}
strong, b, .bold {font-weight:600; font-style:normal}
em,i,.italic {font-style:italic}
.uppercase {text-transform:uppercase}

.form-control {background-image:none; border:1px solid #f9f9f9; border-radius:12px; color:#606060; display:block;font-family: "Outfit", sans-serif; background-color:#ffffff; color:#606060; font-size:16px; line-height:24px; font-weight:500;max-width:100%;padding:10px;width:100%;-moz-osx-font-smoothing:grayscale}




/* container ***************************************************/

.container-sm {margin-left:auto; margin-right:auto; max-width:600px; width:90%}
.container {margin-left:auto; margin-right:auto; max-width:1000px; width:90%}
.container-xl {margin-left:auto; margin-right:auto; max-width:1400px; width:90%}




/* typo ********************************************************/

h1 {font-family:'Outfit',sans-serif; font-weight:500; font-size:56px; line-height:60px; margin:0; padding:0}
h2 {font-family:'Outfit',sans-serif; font-weight:500; font-size:44px; line-height:48px; margin:0; padding:0}
h3 {font-family:'Outfit',sans-serif; font-weight:500; font-size:32px; line-height:36px; margin:0; padding:0}
h4 {font-family:'Outfit',sans-serif; font-weight:500; font-size:20px; line-height:24px; margin:0; padding:0}
.text-size1 {font-family: "Outfit", sans-serif; font-size:18px; line-height:28px; margin:0; padding:0}
.text-size2 {font-family: "Outfit", sans-serif; font-size:22px; line-height:32px; margin:0; padding:0}
.text-review {font-family: "Outfit", sans-serif; font-size:24px; line-height:32px; margin:0; padding:0}

.font-category {font-weight:600; text-transform:uppercase; letter-spacing:1px; font-size:12px; line-height:20px; margin:0; padding:0}

.cat01 {background-image:none; border-style:solid; cursor: default; display:inline-block; text-align:center; text-transform:uppercase; border-radius:100px; border-width:1px; border-color:#b9b9b9; background-color:transparent; font-size:10px; line-height:10px; color:#606060; padding:4px 18px; font-weight:400}
.cat02 {background-image:none; border-style:solid; cursor: default; display:inline-block; text-align:center; text-transform:uppercase; border-radius:100px; border-width:1px; border-color:#639cab; background-color:transparent; font-size:10px; line-height:10px; color:#dfe9ec; padding:4px 18px; font-weight:400}

.blockquote{font-family: "Outfit", sans-serif; background-color:#f9f9f9; color:#606060; font-size:16px; line-height:24px; border-left:6px solid #bcdbf0; margin:0; padding:20px;}

.list {padding-left:40px}




/* colors ******************************************************/

.text-c1 {color:#005e77}
.text-c2 {color:#c3bbaf}
.text-c3 {color:#f0eeeb}
.text-g1 {color:#737373}
.text-g2 {color:#969696}
.text-g3 {color:#b9b9b9}
.text-g4 {color:#f1f1f1}
.text-g5 {color:#ffffff}
.text-g6 {color:#606060}
.text-star {color:#ffd250}

.bg-c1 {background-color:#005e77}
.bg-c2 {background-color:#c3bbaf}
.bg-c3 {background-color:#f3f2ef}
.bg-g1 {background-color:#f9f9f9}
.bg-g2 {background-color:#f5f5f5}
.bg-g3 {background-color:#f0f0f0}
.bg-g4 {background-color:#ffffff}




/* header and footer *******************************************/

.h-logo {width:40px;}
.h-space {height:180px}

a.header,a.header1:visited {color:#606060; font-size:14px; font-weight:500; text-decoration:none; padding:0}
a.header:hover {color:#c3bbaf; transition:all 0.6s ease}
.bttn-hc2a {padding:6px 20px; border-radius:12px; border-color:#f4f4f4; background-color:#c3bbaf; color:#f9f9f9; font-size:14px; font-weight:500}
.bttn-hc2a:hover {background-color:#005e77; color:#f9f9f9; transition:all 0.6s ease}

.menu {float:right; display:flex; align-items:center; gap:16px}
.menu a {text-decoration:none}
.btn {padding:8px 30px; border-radius:12px; font-weight:bold}
.btn a{background:#4e6a51; color:#ffffff}
.btn:hover {background:#005ad1}

.f-logo {width:120px}
a.footer, a.footer:visited {font-weight:600; color:#f6eee5; text-decoration:none}
a.footer:hover {color:#f7785f; text-decoration:none}




/* grids *******************************************************/

.grid-row {display:flex; flex:0 1 auto; flex-direction:row; flex-wrap:wrap; margin:0 -6px}
.grid-column {flex:1 0 0%; padding:0 6px}
.column-top {align-self:flex-start}
.column-center {align-self:center}
.column-bottom {align-self:flex-end}
.span-0 {flex-basis:4.16666%; max-width:4.16666%}
.span-1 {flex-basis:8.33333%; max-width:8.33333%}
.span-2 {flex-basis:16.66667%; max-width:16.66667%}
.span-3,.span-one-fourth {flex-basis:25%; max-width:25%}
.span-4,.span-one-third {flex-basis:33.33333%; max-width:33.33333%}
.span-5 {flex-basis:41.66667%; max-width:41.66667%}
.span-6,.span-half {flex-basis:50%; max-width:50%}
.span-7 {flex-basis:58.33333%; max-width:58.33333%}
.span-8,.span-two-thirds {flex-basis:66.66667%; max-width:66.66667%}
.span-9,.span-three-fourths {flex-basis:75%; max-width:75%}
.span-10 {flex-basis:83.33333%; max-width: 83.33333%}
.span-11 {flex-basis:91.66667%; max-width: 91.66667%}
.span-12,.span-whole {flex-basis:100%; max-width:100%}
.span-one-fifth {flex-basis:20%; max-width:20%}
.span-two-fifths {flex-basis:40%; max-width:40%}
.span-two-fourths {flex-basis:50%; max-width:50%}
.span-three-fifths {flex-basis:60%; max-width:60%}
.span-four-fifths {flex-basis:80%; max-width:80%}
.grid-row-flex-cells>.grid-column {display:flex}
.grid-row-flex-cells>.grid-column>div {width:100%}
.grid-row-top{align-items:flex-start}
.grid-row-center {align-items:center}
.grid-row-bottom {align-items:flex-end}

.offset-1 {margin-left:8.33333%}
.offset-2 {margin-left:16.66667%}
.offset-one-fifth {margin-left:20%}
.offset-3,.offset-one-fourth {margin-left:25%}
.offset-4,.offset-one-third {margin-left:33.33333%}
.offset-two-fifths {margin-left:40%}
.offset-5 {margin-left:41.66667%}
.offset-two-fourths {margin-left:50%}
.offset-6,.offset-half {margin-left:50%}
.offset-7 {margin-left:58.33333%}
.offset-three-fifths {margin-left:60%}
.offset-8,.offset-two-thirds {margin-left:66.66667%}
.offset-9,.offset-three-fourths {margin-left:75%}
.offset-four-fifths {margin-left:80%}
.offset-10{ margin-left:83.33333%}
.offset-11 {margin-left:91.66667%}
.offset-12 {margin-left:100%}




/* buttons *****************************************************/

.bttn {background-image:none; border-style:solid; cursor: default; display:inline-block; margin-bottom:0; text-align:center; text-decoration:none; touch-action:manipulation; transition:all 0.6s ease}
.bttn1, .bttn1:active {border-radius:6px; border-width:0; background-color:#005e77; font-size:16px; color:#f9f9f9; padding:10px 30px; font-weight:500}
.bttn1:focus,.bttn1:hover {border-width:0; background-color:#c3bbaf; color:#f9f9f9; transition:all 0.6s ease}

.bttn-out1, .bttn-out1:active {border-radius:12px; border-width:1px; border-color:#ccdde5; background-color:transparent; font-family:'NormsPro',sans-serif; font-size:16px; color:#606060; padding:8px 40px; font-weight:normal}
.bttn-out1:focus,.bttn-out1:hover {border-width:1px; color:#606060; border-color:#bcdbf0; transition:all 0.6s ease}

.bttn-small, .bttn-small:active {font-size:12px; border-radius:8px; border-width:0px; background-color:#fff3e7; font-family:'NormsPro',sans-serif; color:#606060; padding:4px 30px; font-weight:normal}
.bttn-small:focus,.bttn-small:hover {border-width:0px; background-color:#ccdde5; color:#606060; transition:all 0.6s ease}

.bttn:focus,.btn:hover {outline:0; text-decoration:none}
.bttn:active {outline:0; background-image:none}
.bttn.disabled,.bttn[disabled],.bttn[readonly],fieldset[disabled] .bttn {cursor:not-allowed!important;opacity:1;pointer-events:none}



/* paddings, margins & space ***********************************/

.p0 {padding:0}
.pt0 {padding-top:0}
.pr0 {padding-right:0}
.pb0 {padding-bottom:0}
.pl0 {padding-left:0}
.p1 {padding:10px}
.pt1 {padding-top:10px}
.pr1 {padding-right:10px}
.pb1 {padding-bottom:10px}
.pl1 {padding-left:10px}
.p2 {padding:20px}
.pt2 {padding-top:20px}
.pr2 {padding-right:20px}
.pb2 {padding-bottom:20px}
.pl2 {padding-left:20px}
.p3 {padding:40px}
.pt3 {padding-top:40px}
.pr3 {padding-right:40px}
.pb3 {padding-bottom:40px}
.pl3 {padding-left:40px}
.p4 {padding:80px}
.pt4 {padding-top:80px}
.pr4 {padding-right:80px}
.pb4 {padding-bottom:80px}
.pl4 {padding-left:80px}
.p5 {padding:120px}
.pt5 {padding-top:120px}
.pr5 {padding-right:120px}
.pb5 {padding-bottom:120px}
.pl5 {padding-left:120px}
.p6 {padding:160px}
.pt6 {padding-top:160px}
.pr6 {padding-right:160px}
.pb6 {padding-bottom:160px}
.pl6 {padding-left:160px}

.m0 {margin:0}
.mt0 {margin-top:0}
.mr0 {margin-right:0}
.mb0 {margin-bottom:0}
.ml0 {margin-left:0}
.m1 {margin:10px}
.mt1 {margin-top:10px}
.mr1 {margin-right:10px}
.mb1 {margin-bottom:10px}
.ml1 {margin-left:10px}
.m2 {margin:20px}
.mt2 {margin-top:20px}
.mr2 {margin-right:20px}
.mb2 {margin-bottom:20px}
.ml2 {margin-left:20px}
.m3 {margin:40px}
.mt3 {margin-top:40px}
.mr3 {margin-right:40px}
.mb3 {margin-bottom:40px}
.ml3 {margin-left:40px}
.m4 {margin:80px}
.mt4 {margin-top:80px}
.mr4 {margin-right:80px}
.mb4 {margin-bottom:80px}
.ml4 {margin-left:80px}
.m5 {margin:120px}
.mt5 {margin-top:120px}
.mr5 {margin-right:120px}
.mb5 {margin-bottom:120px}
.ml5 {margin-left:120px}
.m6 {margin:160px}
.mt6 {margin-top:160px}
.mr6 {margin-right:160px}
.mb6 {margin-bottom:160px}
.ml6 {margin-left:160px}

.sitte-space {clear:both; position:relative; border:none; padding:0; margin:0}
.space-1 {height:10px}
.space-2 {height:20px}
.space-3 {height:40px}
.space-4 {height:80px}
.space-5 {height:120px}
.space-6 {height:160px}




/* borders n rounded *******************************************/

.border-full {border-color:#e0e0e0; border-style:solid; border-width:1px}
.border-top {border-top-color:#e0e0e0; border-top-style:solid; border-top-width:1px}
.border-right {border-right-color:#e0e0e0; border-right-style:solid; border-right-width:1px}
.border-bottom {border-bottom-color:#e0e0e0; border-bottom-style:solid; border-bottom-width:1px}
.border-left {border-left-color:#e0e0e0; border-left-style:solid; border-left-width:1px}
.border-none {border:0}

.rounded {border-radius:12px}
.rounded-circle {border-radius:200px}
.rounded-top {border-radius:12px 12px 0 0}
.rounded-right {border-radius:0 12px 12px 0}
.rounded-bottom {border-radius:0 0 12px 12px}
.rounded-left {border-radius:12px 0 0 12px}
.circle {border-radius:50%}




/* alignments **************************************************/

.align-left {text-align:left}
.align-center {text-align:center}
.align-right {text-align:right}
.align-justify {text-align:justify}
.no-bullets {list-style:none}
.list-bullet {padding-left:30px}
.list-inline {font-size:0}
.list-inline li {display:inline-block; font-size: 1rem}
.list-inline li {display:inline-block; font-size:1rem}



/* misc ********************************************************/

abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
pre {font-family:monospace,monospace;font-size:1em}
hr {border:0;border-top:1px solid #b2b2b2;display:block;height:1px}
code,kbd,pre,samp{font-family:Monaco,Menlo,Consolas,monospace}
.code {background-color:#eee;color:#606060;max-width:100%;padding:.2rem .4rem;white-space:pre}
.pre {background-color:#eee;color:#606060;display:block;line-height:1.6rem;margin-bottom:0;max-width:100%;overflow-x:auto;padding:.8rem .8rem;word-break:break-all;word-wrap:break-word}
.pre, .code {padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}
canvas,iframe,img,svg,video {max-width:100%}
.label{cursor:default;display:inline-block;max-width:100%}
.legend{display:block;white-space:normal;width:100%}
table{display:table;max-width:100%}
td,th{line-height:1.6rem;vertical-align:middle}
th{text-align:left}
fieldset{border:0;min-width:0}
legend{line-height:inherit;margin:0}
fieldset[disabled] input,input[disabled],input[readonly]{cursor:not-allowed;opacity:1;pointer-events:none}
button{line-height:inherit;vertical-align:middle}

embed,iframe,img,object{display:inline-block;vertical-align:middle}

.dropdown-parent{position:relative}
.dropdown-parent i{line-height:1.5rem;margin-right:-3px}
.dropdown{background-color:#fff;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);display:none;float:left;left:0;margin-top:0;min-width:5rem;position:absolute;top:100%;z-index:6;width:15rem;overflow:hidden;overflow-y:auto;max-height:16rem}
.dropdown li{cursor:pointer;border-bottom:1px solid #b2b2b2}
.dropdown li a,.dropdown li div,.dropdown li p,.dropdown li span{padding:.8rem;display:block}
.dropdown li .link{text-decoration:none;color:#606060}
.dropdown li a:hover{background-color:#eee}
.dropdown li a:active{background-image:none;color:#606060;outline:0}
.dropdown li:hover{background-color:#eee}
.dropdown li:last-child{border-bottom:none}
.dropdown div.dd-option{cursor:pointer;padding:.5rem}
.dropdown div.dd-option:hover{background:#eee}
.dropdown div.dd-option.hover{background:#eee}
.dropdown-top{bottom:100%;top:auto}
.dropdown-right{left:auto;right:0}

.form-stacked .checkbox,.form-stacked .input,.form-stacked .label,.form-stacked .radio,.form-stacked .select,.form-stacked .textarea{display:block;width:100%}
.form-inline .form-control{display:inline-block;vertical-align:middle;width:auto}
.form-inline .checkbox,.form-inline .radio{display:inline-block;vertical-align:middle}


.i{display:inline-block;vertical-align:middle;text-decoration:inherit;text-align:center}
.i-lg{font-size:1.3rem}
.i-2x{font-size:2rem}
.i-3x{font-size:3rem}
.i-fw{width:1.3em;text-align:center}

button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
fieldset{padding:.35em .75em .625em}
legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}

.list--inline{font-size:0}
.list--inline li{display:inline-block;font-size:1rem}

.vertical--top{vertical-align:top}
.vertical--middle{vertical-align:middle}
.vertical--bottom{vertical-align:bottom}
.block{display:block}
.inline-block{display:inline-block}
.inline{display:inline}
.flex{display:-webkit-box;display:-ms-flexbox;display:flex}
.overflow--scroll{overflow:scroll}
.overflow--hidden{overflow:hidden}
.overflow--visible{overflow:visible}
.overflow--auto{overflow:auto}
.show-on-mobile{display:none!important}
@media screen and (max-width:40em){.block-on-mobile,.show-on-mobile{display:block!important}
.hide-on-mobile{display:none!important}}

.full-width{width:100%}
.half-width{width:50%}
.fit{max-width:100%}
.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix:after{clear:both}

.responsive-map {overflow:hidden; padding-bottom:200px; position:relative; height:0}
.responsive-map iframe {left:0; top:0; height:200px; width:100%; position:absolute}



a
#comments, #respond {
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 5px;
}
.commentlist {
	margin: 10px 0px;
	padding-left: 20px;
	line-height: 130%;
}
.commentlist li{
	padding: 5px 10px;
	position: relative;
}
.commentlist .avatar {
	position: absolute;
	top: 5px;
	right: 5px;
	border: solid 1px #ededed;
	padding: 1px;
	background: #fff;
}
.commentlist .alt {
	background: #f1fedb;
}
.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
	font-weight: bold;
	font-style: normal;
	font-size: 120%;
	color: #CC6600;
}
.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
}
#commentform {
	margin-top: 10px;
	font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
	padding: 6px 0px;
	margin: 0px;
}
#commentform label{
	font-weight: bold;
	color: #666666;
	font-size: 100%;
}
#commentform input{
	width: 153px;
	background:#f1fedb;
	border: 1px solid #bdd77f;
	padding: 3px;
	margin-top: 3px;
}
#commentform textarea{
	width: 478px;
	height: 115px;
	background:#f1fedb;
	border: 1px solid #bdd77f;
	padding: 2px;
	margin-top: 3px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #ffffff;
}
#commentform #submit{
	background: url(images/btn-bg.gif) no-repeat;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: none;
	float:right;
	width: 144px;
	height: 29px;
}

#searchform {
	background: #bcd67e url(images/searchform-bg.gif) repeat-x;
	width: 220px;
	padding: 10px 10px 10px 10px;
	float:right;
}
#searchform #s {
	border:1px solid #203346;
	width: 135px;
	height: 22px;
	padding: 2px 5px 0px 5px;
	border: 1px solid #bed881;
	background: #e9facc;
	vertical-align: middle;
}
#searchform #searchsubmit {
	background: url(images/search-btn-bg.gif) no-repeat;
	border: none;
	width: 28px;
	height: 24px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	vertical-align: middle;
}
#searchform label {
	font-size: 11px;
	color: #41550e;
}
.ul-cat {
	list-style: none;
	margin:0px 0px 15px;
	padding:0px;
	border-bottom: 1px solid #dceeb7;
}
.ul-cat li{
	margin: 0px;
	padding: 2px 0px 2px 20px;
	border-top: 1px solid #dceeb7;
	background: url(images/mini-category.gif) no-repeat left center;
}
.ul-cat li a, .ul-cat li a:visited{
	color: #495233;
	text-decoration: none;
}
.ul-cat li a:hover{
	color: #FF6600;
	text-decoration: none;
}
.ul-archives {
	list-style: none;
	margin:0px 0px 15px;
	padding:0px;
	border-bottom: 1px solid #dceeb7;
}
.ul-archives li{
	margin: 0px;
	padding: 2px 0px 2px 20px;
	border-top: 1px solid #dceeb7;
	background: url(images/mini-monthly-archive.gif) no-repeat left center;
}
.ul-archives li a, .ul-archives li a:visited{
	color: #495233;
	text-decoration: none;
}
.ul-archives li a:hover{
	color: #FF6600;
	text-decoration: none;
}






img{border-style:none}




/* plugins *****************************************************/



.faq-item {border-bottom:1px solid #f4f4f4; overflow:hidden}
.faq-question {width:100%; text-align:left; border:none; outline:none; cursor:pointer; position:relative; background-color:#ffffff; padding-right:40px; transition:background-color 0.3s ease}
.faq-question:hover {background-color:#f9f9f9}
.faq-question .arrow {position:absolute; right:10px; top:14px; transition:transform 0.3s ease}
.faq-question.active .arrow {transform: rotate(180deg)}
.faq-answer {max-height:0; overflow:hidden; transition: max-height 0.3s ease}
.faq-answer p {padding: 20px 10px 20px 10px}

.hero-av {width:45px; height:45px; border-radius:100%; border:4px solid#ffffff; margin-right:-14px; position:relative}

.treat-list {background-color:#f9f9f9; cursor:default}
.treat-list:hover {background-color:#f0eeeb; transition:all 0.6s ease}
@keyframes scroll {to {transform: translateX(-50%)}}

.consult {width:800px; margin-right:12px}
.cat-consult2 {display:flex}
.cat-consult {overflow:hidden}
.consultlist {display:flex; animation:scroll 60s infinite linear}











.containerx {
  position: relative;
}

.imagex {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute; 
  bottom: 0; 
  background: #606060;
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  width: 100%;
  transition: .5s ease;
  opacity:0;
  padding: 20px;
  text-align: center;
  border-radius:0 0 12px 12px
}

.containerx:hover .overlay {
  opacity: 1;
  border-radius:0 0 12px 12px

}

/* review section ********/
.reviews-section {text-align:center; padding:60px 20px}
.review-box {opacity:1; transform:scale(1); transition:all 0.6s ease}
.review-box.fade-out {opacity:0; transform:scale(0.95)}
.avatar {width:40px; height:40px; border-radius:50%; margin-bottom:10px}
.controls {margin-top:30px}
.controls button {background:#005e77; color:#f9f9f9; border:none; padding:6px; margin:0 6px 0 0;cursor:pointer; border-radius:100px; transition:transform 0.6s ease}
.controls button:hover {background:#c3bbaf; color:#f9f9f9; transform:scale(1.1); transition:all 0.6s ease}