html {
	text-shadow: 1px 1px 1px rgba(200,200,200,0.3);
}

.grecaptcha-badge {
	opacity:0;
	visibility:hidden;
}

#banner {
	background: url("i/banner.jpg");
	background-size:cover;
	background-position: right 35% top 30%;
}
body {
	line-height: 1;
	color:#333;
	color:rgba(0, 0, 0, .5);
	background:#FFF;
	font-family:sans-serif;
	font-size:16px;
	text-align:justify
}

h1 {
	margin:0;
	padding:0 3%;
}

.h3, h3 {
font-size: 20px;
}

.b {
	font-weight:bold;
}

.bcbd {
	background:#005;
}
.bcr {
	background:#004320;
}

.bcid {
	background:#000;
}

.bcb {
	background:#07C;
}

ul.cbl {
	list-style-type:none;
}

ul.cbl li:before {
	content: "❖ ";
}

ul.cbl li {
	line-height:1.3em;
	padding: 1% 0;
}

#btt #social a {
	display:inline-block;
}

.fab .bcb {
	background:#045;
}

.fab {
	padding:10px 5px;
}

.tcb  {
	color:#009c5a;
}
.bcy2 {
	background-color:#004320;
	color:#FFF;
}
.bcy2:hover {
	background-color:#009c5a;
	color:#FFF;
}
a.tcgd:hover, a.tcgd:focus, a.tcgd:active {
	color:#030;
}

.ft1 {
	font-family: 'Blinker', sans-serif;
}

.ft2 {
	font-family: 'Poppins', sans-serif;
	line-height:1.4em;
}

.ttu {
	text-transform:uppercase;
}

.fvsc {
	font-variant:small-caps;
}

.sqt {
	transform: scaleY(0.8);
	transform-origin: top center;
}

.gnh {
	transition:transform 200ms ease;
}

.gnh:hover {
	transform:scale(1.1);
}	

h2 {
	/*font-variant:small-caps;
	font-family: 'Blinker', sans-serif;
	font-size:35px;/*/
	font-weight:bold;
	color:#333;
	color:rgba(0, 0, 0, .7);
}

p {
	line-height:1.4em;
}

#produtos p {
	font-family: "Arial Rounded MT Bold","Helvetica Rounded",Arial,sans-serif;
}

#orcamento a {
	font-variant:small-caps;
	border-radius:10px;
	font-weight:bolder;
	text-decoration:none;
}

.wzp {
	right:15px;
	bottom:15px;
	z-index:8001;
	padding:0px 7px;
	background:#4C6;
	transition:background-color 0.2s ease;
}

.wzp:hover {
	background:#4D5;
}

#nav {
	position:fixed;
	float:left;
	text-align:center;
	z-index:3000;
	background:#f3f3f3;
	padding: 10px 0;
	transition:background-color 300ms ease;
	border-bottom: 3px solid #004320;
}

#nav.navs  {
	background:rgba(243 243 243 / 85%)
}

.nav {
	text-align:right;
	z-index:3000;
	padding:15px 0;
	transition:padding 300ms ease;
}

#nav.navs .nav  {
	padding: 0;
	
}

.nav a {
	float:none;
	color:#004320;
	font-size:1em;
	font-size:1.04vw;
	font-weight:bold;
}

.nav a:hover {
	 color:#009c5a;
}

.nav a:focus, .nav a:active {
	 color:#009c5a;
}

.ico {
	font-size:30px;
	color:#009c5a;
}

.ico:hover, .ico:focus, .ico:active {
	color:#009c5a;
}

.hero {
	position:absolute;
	height:550px;
	width:100%;
	overflow:hidden;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:0;
	margin-bottom:740px;
}


.hero .it {
	width:49%;
	padding:10px 3%;
}

.hero h2 {
	color:#FFF;
	font-size: 4vw;
    margin-top: 0;
}

.hero h3, .hero h2 {
/* text-shadow: 0px 0px 2px #FFF,0px 0px 2px #FFF,0px 0px 2px #FFF,0px 0px 2px #FFF,0px 0px 2px #FFF,0px 0px 2px #FFF,0px 0px 2px #FFF,0px 0px 2px #FFF;*/
}

/*
.hero:before {
	content:"";
	display:block;
	position:absolute;
	height:100%;
	width:100%;
	background:rgba(255,255,250,0.1);
	z-index:2;
}
*/
.hero img {
	right:0;
	height:100%;
	width:auto;
	min-width:100%;
}

.hero div, .hero form {
	z-index:3;
}

.hero button{
	display:inline-block;
	font-size:16px;
	border:none;
	padding:15px 40px;
}

.hero .hrimg {
	display:block;
	position:absolute;
	height:90%;
	top:10%;
	right:10%;
	min-width:0;
	z-index:2;
}

.ric {
	background:#F80;
	border-radius:100%;
	color:#FFF;
	font-size:45px;
	line-height:70px;
	height:70px;
	width:70px;
	padding:10px;
	text-align:center;
	vertical-align:middle;
}

.slider {
	margin:0 40px;
}

.slider .sld {
	background:#190;
	padding:10px;
	padding-top:13px;
	margin:10px;
	border-radius:10px;
	color:#DDD;
	text-align:center;
	position:relative;
	padding-bottom:6vw;
}

.slider .sld h3 {
	text-align:left;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	margin:0;
}
	.it { /*Input Text*/
		border-radius:5px;
		border:2px solid #FFF;
		padding:0.4em 2.5%;
		margin:0.3em 0;
		color:#000;
	}

.slider .sld p {
	font-family: arial;
	font-weight:normal;
	text-align:left;
	padding-top:0;
}

.slider .bchr {
	vertical-align:middle;
	display:inline-block;
	position:absolute;
	bottom:2vw;
	height:4vw;
	line-height:4vw;
	padding:0;
	left:10%;
	width:80%;
	margin:0 auto;
}

#features {
	overflow-x:auto;
	white-space:nowrap;
}

#features > div {
	white-space: normal;
}

#features a {
	cursor:default;
}

#tratamentos p {
	font-size:1.2vw;
}

#tratamentos .blle {
	transform: translate(-10px,-20px);
	margin-bottom:-20px;
	margin-right: -20px;
	border-radius:50%;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
}

#pacientes div {
	position:relative;
	padding-bottom:15px;
}

#pacientes img {
	border-radius:50%;
}

#pacientes .name {
	position:absolute;
	font-weight:bold;
	bottom:-5px;
	right:7%;
}

#sobre  > div {
	display:none;
	opacity:0;
	transition:opacity 800ms;
}

#sobre > div.active {
	opacity:1;
	display:inline-block;
	animation:opacity 0.8s
}

@keyframes opacity{
	from{opacity:0} to{opacity:1}
	}
	
#sobre .tabl {
	background:#FAFAFA;
	padding:7px 0;
	border:none;
	font-size:1.3em;
	cursor:pointer;
}	

#sobre .tabl:hover, #sobre .tabl:active, #sobre .tabl:focus {
	border:none;
	outline:none !important;
}

#sobre .tabl.active{
	background:#004320;
	color:#FFF;
	position:relative;
}

#sobre .tabl.active:after {
	position:absolute;
	top:80%;
	left:0;
	width:100%;
	text-align:center;
	content:"▼";
	color:#004320;
	transform: scaleY(0.9);
}

#sobre.tratamentos .tabl {
	background:#FAFAFA;
	padding:10px 5px;
	border:none;
	font-size:1.2em;
	cursor:pointer;
	margin-top:12px;
	margin-bottom:12px;
	border-bottom:5px solid #059;
}	

#sobre.tratamentos .tabl:hover, #sobre.tratamentos .tabl:active, #sobre.tratamentos .tabl:focus {
	border:none;
	border-bottom:5px solid #07C;
	outline:none !important;
}

#sobre.tratamentos .tabl.active{
	background:#059;
	color:#FFF;
	position:relative;
	border-bottom:5px solid #07C;
}

#sobre.tratamentos .tabl.active:after {
	position:unset;
	top:0;
	left:0;
	width:0;
	text-align:center;
	content:"";
	color:#059;
	transform: none;
}

#dentistas img {
	border:1px solid #DDD;
	padding:3%;
}

#sobre h3 {
	color:#005;
	position:relative;
}

#sobre h3::after {
  content: '';
  position: absolute;
  left: 3%;
  display: inline-block;
  height: 1em;
  width: 94%;
  border-bottom:2px solid #005;
  margin-top: 4px;
}
	
#midia > div {
	position:relative;
	border-radius:20px 10px;
	overflow:hidden;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}

#midia img {
	transition:transform 0.5s ease;
}

#midia div:hover img {
	transform:scale(1.1);
	
}

#midia .p {
	position:absolute;
	font-weight:bolder;
	bottom:10px;
	left:0;
	z-index:2;
	text-shadow: 0px 0px 5px #FFF;
}

#midia .tc0:hover {
	color:#000;
}



/*
#sobre .blle {
	text-align:center;
	width:30%;
	font-size:1.5vw;
	font-variant:small-caps;
	background:#000;
	color:#fff;
	height:8vw;
	line-height:8vw;
	border-radius:100%;
	float:left;
}

#sobre .blle.bls {
	padding:1vw 0;
	line-height:1vw;
}*/

#btt h3 {
	padding-bottom:3px;
	font-size:22px;
	border-bottom:1px solid #FFF;
}

#btt a {
display:block;
padding:5px 3%;
color:#FFF;
text-decoration:none;
}

#btt a:hover, #btt a:active, #btt a:focus  {
text-decoration:underline;
}


#contato label {
	display:inline-block;
	clear:both;
	padding:1.5% 10px;
	margin-bottom:5px;
	width:100%;
	position:relative;
	color:#777;
	font-size:0.9em;
	/*background:#FFF6;*/
}

#contato label.h, #contato label.hf {
	display:inline-block;
	width:49.5%;
}

#contato label.hf{
	margin-right:1%;
}

#contato input {
	width:100%;
	padding:2px 0;
	display:block;
	border:none;
	border-bottom:1px solid #CCC;
	border-radius:0;
}

#contato input[type="checkbox"] {
	width:auto;
	float:none;
	position:relative;
	margin-left:2%;
	display:inline;
}

#contato textarea {
	width:100%;
	padding:2% 1%;
	margin:1% 0;
	display:block;
	min-height:100px;
	border:1px solid #CCC;
	border-radius:0;
}

.bco {
	background:#F94;
}
.bc02 {
	background:#000;
}

a.rt {
    color: #FFF;
    text-decoration: none;
	display:inline;
	padding:0;
}

a.rt span{
	padding:0;
    text-decoration: none;
    color: #0FF;
    transition: all 200ms;
    text-shadow: 0px 0px 6px #00F;
}

a.rt:hover span, a.rt:active span, a.rt:focus span {
    color: #0FF;
    text-shadow: 0px 0px 8px #09F;
}


@media screen and (max-width: 768px) {
  .nav {
	position:fixed;
	display:inline-block;
	height:100%;
	top:0;
	left:-100%;
	width:75%;
	background:#222;
	background:rgba(34,34,34,0.95);
	padding:10%;
	transition:all 0.7s;
	z-index:3000;
	overflow:hidden;
	text-align:left;
  }
  
  #agendamento form {
    top:35%;
  }
  
  #nav.navs .nav  {
	padding:10%;
	
}

.hero h2 {
    font-size: 6.5vw;
}

#tratamentos p {
    font-size: 4.2vw;
}
  
 /* #sobre .blle {
	height:25vw;
	line-height:25vw;
	font-size:5vw	
  }*/
  
  
  .nav a {
	  color:#FFF;
	font-size:1.3em;
  }
  
  .nav a:hover{
	  color:#fb4e4e;
  }
  
  .nav a.dib {
	  display:inline-block;
  }
  
  .nav span {
	  display:none;
  }

  #nav {
  position:relative;
  padding-bottom:10px;
  }
  
  #nav.rsp .nav{
   transform:none;
   left:0;
  }
  
	.hero .hrimg {
	display:none;
	}
	
	.slider .sld {
	padding-bottom:11vw;
	}
	.slider .bchr {
	height:10vw;
	line-height:10vw;
	}
}
