/*GERAL*/
@font-face {
    font-family: "Century Gothic";
    src: url("../fonts/"); /* para IE */
    src: local("Century Gothic"), url("../fonts/Century Gothic.ttf");
}
@font-face {
    font-family: "Century Gothic Bold";
    src: url("../fonts/"); /* para IE */
    src: local("Century Gothic Bold"), url("../fonts/CenturyGothicBold.ttf");
}
@font-face {
    font-family: "Museo Sans 100";
    src: url("../fonts/"); /* para IE */
    src: local("Museo Sans 100"), url("../fonts/MuseoSans100.otf");
}
@font-face {
    font-family: "Museo Sans 700";
    src: url("../fonts/"); /* para IE */
    src: local("Museo Sans 700"), url("../fonts/MuseoSans700.otf");
}
@font-face {
    font-family: "MyriadPro-Regular";
    src: url("../fonts/"); /* para IE */
    src: local("MyriadPro-Regular"), url("../fonts/MyriadPro-Regular.otf");
}

a, a:hover{
  text-decoration: none;
  cursor: pointer;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
    padding-left: 5px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
   padding-left: 2px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
   padding-left: 2px;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #fff;
   padding-left: 2px;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #fff;
   padding-left: 2px;
}
.img-logo{
  width: 80%;
}
.navbar-nav li, .sidebar-nav li{
  font-family: "Century Gothic Bold";
  text-transform: uppercase;
  font-size: 1.3vw;
  color: #fff;
  font-weight: bold;
}
.divider{
  width: 100%;
  background-color: #008379;
}
.divider-section{
  min-height: 240px;
  border-right: 2px solid rgba(255, 255, 255, 0.1);
}
.divider-section:last-child{
  border-right: none;
}
.divider-section p{
  font-family: "Century Gothic";
  font-size: 1.2vw;
  color:#fff;
  margin-bottom: 5%;
  padding-left: 10%;
}
.divider-section p:first-child{
  font-family: "Century Gothic Bold";
  color: #fff;
  font-size: 1.7vw;
  padding-top: 15%;
}
.rod-green{
	width:100%;
	background-color:#004943;
	height:125px;
}
.rod-green img{
  width: 8%;
  padding-top: 0.8%;
}
.rod-green p{
  margin-top: -3%;
  font-size: 2.5vw;
}
.rodape{
  margin-top: -250px;
}
/*FIM GERAL*/

/*HOME*/
.contato-superior{
  width: 100%;
  height: 50px;
  background-color: rgba(4, 45, 41, 0.7);
}
.contato-superior p{
  font-family: "Century Gothic";
  font-size: 1.1vw;
  color: #fff;
  padding-top: 1.4%;
  margin-left: 5%;
}
.contato-superior p:first-child{
  margin-left: 0px;
}
.slideshow{
	width:100%;
	position:relative;
}
.slideshow .bann{
  width: 100%;
  height: 600px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#pager{
		position: absolute;
		z-index: 10;
		margin-top:-7%;
		height:50px;
		font-size:80px;
    width: 100%;
	}
#pager a{
	color:#fff;
	opacity:0.5;
}
#pager a.activeSlide {
	color:#042D29;
	opacity:0.7;
  text-decoration: none;
}
/*FIM HOME*/
/*ABOUT US*/
#destaque{
	width:100%;
	height:420px;
	background-color:#ffffff;
	margin: 0px;
}
.about{
	margin-bottom: 5%;
}
.about p{
	font-family:'Century Gothic';
	font-size:1.2vw;
	color:#4D4E4D;
	padding-left: 4%;
	padding-right: 15%;
}
.about-conteudo p:first-child{
  font-size: 1.6vw;
  font-family:'Century Gothic Bold';
	color: #323232;
	padding-top: 15%;
}
.atuacao p:first-child{
	font-family:'Century Gothic Bold';
	font-size:1.1vw;
	color:#4D4E4D;
  padding-top: 0px;
}
.atuacao i{
   color: #008379;
}
.about-conteudo .img{
	width:90%;
	background-image:url(../images/img_destaque.png);
	height:350px;
	border-radius:10px;
	margin-top: 12%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.dest-2 img{
  width: 60%;
}
.btn-leia-mais{
	width:64%;
	height:30px;
	background-color:#008379;
	font-family:'Century Gothic';
	font-size:1.2vw;
	color:#ffffff;
	border-radius:10px;
	border:none;
  margin-left: 4%;
  margin-top: 5%;
}
.dest-2{
	width:100%;
	background-color:#ed2f7c;
	min-height:390px;
}
.dest-2-desc p:first-child{
  font-family: "Mathlete-Skinny";
  font-size: 60px;
  color: #fff;
  margin-top:10%;
}
.dest-2-desc p:last-child{
  font-family:"Century Gothic";
  font-size:22px;
  color:#cb1d58;
  background-color:#ffffff;
  padding:5px;
}

.hovereffect {
width:100%;
height:100%;
margin-bottom: 10%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:pointer;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect .img {
width: 100%;
height: 310px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect .info {
font-family:"Century Gothic";
text-decoration:none;
display:inline-block;
color:#fff;
background-color:transparent;
text-align: left;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:25px 0 0;
padding:7px 14px;
font-size: 1.1vw;
}

.hovereffect:hover .img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover .info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover .info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}

.name-profissional{
  position: absolute;
  background-color: #008379;
  width: 65%;
  min-height: 12%;
  bottom: 0;
}
.name-profissional p{
  font-family: "Century Gothic Bold";
  color: #fff;
  font-size: 1.3vw;
  padding-left: 8%;
  padding-top: 4%;
}
.name-profissional i{
  font-size: 20px;
}
.image-profissional{
  width: 100px;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 auto;
}
.rounded-circle{border-radius:50%}
.heading{
  font-family: "Century Gothic Bold";
  font-size: 20px;
}
.modal-body{
  font-family: "Century Gothic";

}
/*FIM ABOUT US*/

/*FRASES*/
.frases{
  width: 100%;
  height: 366px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.frase{
  width: 100%;
  height: 150px;
  border-bottom: 4px solid #B2B2B2;
}
.frase p{
  font-family: "Century Gothic";
  font-size: 1.2vw;
  color: #323232;
  text-align: center;
}
.frase p:first-child{
  font-family: "Century Gothic Bold";
  font-size: 2vw;
  padding-top: 3%;
}

/*FIM FRASES*/
/*A CLINICA*/
.clinica{
  width: 100%;
  height: 400px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.clinica p{
  font-family: "Century Gothic";
  font-size: 5vw;
  color: #fff;
  text-align: center;
  margin-top: 15%;
  background: rgba(4, 45, 41, 0.7);
}
.conteudo-clinica p{
  font-family:'Century Gothic';
	font-size:1.2vw;
	color:#4D4E4D;
  padding-top: 5%;
}
/*FIM A CLINICA*/
/*AREA DE ATUACAO*/
.atuacao-tit{
  width: 100%;
  height: 200px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.atuacao-tit p{
  font-family: "Century Gothic";
  font-size: 1.4vw;
  color: #fff;
  text-align: center;
}
.atuacao-tit p:first-child{
  font-family: "Century Gothic Bold";
  padding-top: 5%;
  font-size: 3vw;
}
.div-tit-atuacao{
  width: 100%;
  border-bottom: 3px solid #fff;
  margin-bottom: 10%;
  padding-top: 2%;
}
.atuacao-area{
  margin-top: 0.5%;
}
.atuacao-area i{
  color: #04675B;
  padding-top: 1%;
}
.atuacao-area .img{
  width: 8%;
  height: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 auto;
  float: left;
}
.atuacao-area p{
  font-family:'Century Gothic';
	font-size:1.2vw;
	color:#4D4E4D;
  padding-top: 4%;
  padding-right: 0px;
}
.atuacao-area .first{
  font-family: "Century Gothic Bold";
  font-size: 1.3vw;
  color:#1D1D1B;
  text-transform: uppercase;
  cursor: pointer;
}
.first:hover{
  color: #04675B;
}
/*FIM AREA DE ATUACAO*/

/*BLOG*/
.blog{
  margin-top: 5%;
}
.blog-tit, .blog-tit-2{
  width: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.blog-tit p, .blog-tit-2 p{
  font-family: "Century Gothic";
  font-size: 1.4vw;
  color: #fff;
  text-align: center;
}
.blog-tit p:last-child, .blog-tit-2 p:last-child{
  padding-bottom: 5%;
}
.blog-tit p:first-child{
  font-family: "Century Gothic Bold";
  padding-top: 9%;
  font-size: 3vw;
}
.blog-tit-2 p:first-child{
  font-family: "Century Gothic Bold";
  padding-top: 18%;
  font-size: 3vw;
}
.blog-conteudo{
  margin-bottom: 5%;
}
.blog-conteudo .img{
  width: 100%;
  height: 200px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0 auto;
}
.first-blog{
  font-family: "Century Gothic Bold";
  font-size: 1.3vw;
  color:#1D1D1B;
  text-transform: uppercase;
  padding-top: 3%;
}
.blog-conteudo-p{
  font-family:'Century Gothic';
	font-size:1.2vw;
	color:#4D4E4D;
  padding-top: 5%;
}
.date-blog{
  position: absolute;
  background-color: #008379;
  width: 50%;
  height: 18%;
  bottom: 0;
}
.date-blog p{
  font-family: "Century Gothic Bold";
  color: #fff;
  font-size: 1.2vw;
  padding-left: 8%;
  padding-top: 4%;
}
.post-conteudo{
  margin: 0 auto;
  float: none;
}
.post-conteudo p:first-child{
  font-size: 2vw;
  font-family: "MyriadPro-Regular";
	color: #5E5E5E;
  text-transform: uppercase;
  margin-top: 5%;
}
.post-conteudo p{
  font-family: "MyriadPro-Regular";
  color: #5E5E5E;
  font-size: 1.3vw;
  padding-left: 0px;
}

.post-conteudo .img{
	width:100%;
	background-image:url(../images/img_destaque.png);
	height:450px;
	border-radius:10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.post-description{
  margin: 0 auto;
  float: none;
}
.post-description a, .blog-conteudo-p a{
  color:#008379;
  text-decoration: underline;
}
.post-description p{
  font-family: "Century Gothic";
  font-size: 1.3vw;
  color: #5E5E5E;
  padding-bottom: 5%;
}
.post-description .share{
  font-family: "Century Gothic Bold";
  font-size: 1.8vw;
  color: #5E5E5E;
  padding-bottom: 2%;
  padding-top: 2%;
}
.post-description .share i{
  font-size: 1.8vw;
}
.post-divider{
  width: 100%;
  height: 2px;
  background-color: #5E5E5E;
}

.form-post p{
  font-family: "Century Gothic";
  font-size: 1.2vw;
  color: #4D4E4D;
  padding-bottom: 5%;
}
.form-post p:first-child{
  font-family: "Century Gothic Bold";
  font-size: 1.3vw;
  color: #4D4E4D;
  padding-top: 2%;
  padding-bottom: 0px;
}
.form-post .input{
  width: 100%;
  height: 40px;
  border: 1px solid #5E5E5E;
  color: #4D4E4D;
  border-radius: 0px;
  margin-bottom: 3%;
}
.form-post span{
  font-family: "Century Gothic Bold";
  font-size: 1.3vw;
  color: #4D4E4D;
}
.form-post textarea{
  width: 100%;
  height: 100px;
  border: 1px solid #5E5E5E;
  color: #4D4E4D;
  border-radius: 0px;
  margin-bottom: 2%;
}

.comments p:first-child{
  font-family: "Century Gothic Bold";
  font-size: 1.3vw;
  color: #008379;
  border-bottom: 0px;
  padding-bottom: 0px;
}
.comments p{
  font-family: "Century Gothic";
  font-size: 1.2vw;
  color: #4D4E4D;
  border-bottom: 1px solid #efefef;
  padding-bottom: 2%;
}

.frameVideo{
  width: 690px;
  height: 388px;
}
/*FIM BLOG*/

/*CONTATO*/
.contato-tit{
  width: 100%;
  height: 200px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.contato-tit p{
  font-family: "Century Gothic Bold";
  font-size: 3vw;
  color: #fff;
  text-align: center;
  padding-top: 7%;
}
.contato-mapa{
  width: 100%;
  height: 350px;
}
.contato-info p{
  font-family: "Century Gothic";
  font-size: 1.2vw;
  color: #4D4E4D;
  text-align: center;
  padding-top: 20%;
  padding-bottom: 20%;
}
.contato-info i{
  color: #008379;
  font-size: 1.5vw;
}
.tel-rotate{
  -webkit-transform:scale(1.3) rotate(-30deg);
  -moz-transform:scale(1.3) rotate(-30deg);
  -o-transform:scale(1.3) rotate(-30deg);
  transform:scale(1.3) rotate(-30deg);
}
.division-contato{
  width: 100%;
  border-bottom: 3px solid #09B7A6;
}
.form-contato{
  width: 80%;
  margin: 0 auto;
}
.form-contato p{
  font-family: "Century Gothic";
  font-size: 1.25vw;
  color: #4D4E4D;
  text-align: center;
  padding-top: 5%;
  padding-bottom: 5%;
}
.submit{
  width: 20%;
  height: 30px;
  color: #fff;
  font-family: "Century Gothic";
  font-size: 1.3vw;
  background-color: #008379;
  margin-bottom: 5%;
}
.form-contato .input{
  width: 100%;
  height: 40px;
  border: 1px solid #09B7A6;
  color: #4D4E4D;
  border-radius: 0px;
  margin-bottom: 3%;
  font-size: 1.2vw;
}
.form-contato textarea{
  width: 100%;
  height: 100px;
  border: 1px solid #09B7A6;
  color: #4D4E4D;
  border-radius: 0px;
  margin-bottom: 5%;
}

/*FIM CONTATO*/

/*ELEMENTOS DE FORMULARIO*/

/*P/DESTAQUES*/

.form-destaque{
  width: 90%;
  float: right;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #b3b3b366;
  font-family: "Century Gothic Bold";
  color: #fff;
  box-shadow: none;
  font-size: 20px;
  padding: 0px;
}
.text-destaque{
  background-color: transparent;
  border: none;
  border: 1px solid #b3b3b366;
  font-family: "Century Gothic";
  color: #fff;
  box-shadow: none;
  padding: 0px;
}
.form-geral{
  width: 90%;
  float: left;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #004943;
  font-family: "Century Gothic";
  color: #004943;
  box-shadow: none;
  font-size: 14px;
}
.general{
  padding-top: 2%;
}
.form-destaque::placeholder{
  color: #b3b3b366;
  font-family: "Century Gothic Bold";
}
.text-destaque::placeholder{
 color: #b3b3b366;
 font-family: "Century Gothic";
}
@media (max-width: 767px) {
  /*FONTES*/
  .contato-superior p, .atuacao p:first-child, .btn-leia-mais, .comments p{
    font-size: 12px;
  }
  .divider-section p, .about-conteudo p:first-child, .frase p:first-child, .name-profissional p, .atuacao-area p:first-child, .first-blog, .post-conteudo p, .post-description p, .post-description .share, .post-description .share i, .form-post p:first-child, .form-post p:first-child, .atuacao-area .first{
    font-size: 16px;
  }
  .about-conteudo p, .frase p, .hovereffect .info, .conteudo-clinica p, .atuacao-area p, .blog-tit p, .blog-tit-2 p, .date-blog p,.blog-conteudo-p, .contato-info i, .form-contato p, .form-contato .input, .comments p:first-child, .form-post p, .form-post span{
    font-size: 14px;
  }
  .divider-section p:first-child{
    font-size: 20px;
  }
  .clinica p, .contato-tit p{
    font-size: 40px;
  }
  .atuacao-tit p:first-child, .contato-tit p{
    padding-top: 20%;
  }
  .atuacao-tit p:first-child, .blog-tit p:first-child{
    font-size: 30px;
  }
  .contato-info p{
    font-size: 18px;
    padding-bottom: 5%;
    padding-top: 5%;
    color: #4D4E4D;
  }
  .clinica p{
    margin-top: 0px;
  }
  .atuacao-tit{
    height: 150px;
  }
  /*GERAL*/
  .img-logo{
    width: 30%;
  }
  .navbar-nav li, .sidebar-nav li{
    font-size: 16px;
  }
  /*FIM GERAL*/
  /*HOME*/
  .slideshow, .slideshow .bann{
    height: 300px;
  }
  #pager{
    margin-top: -15%;
    font-size: 50px;
  }
  .telefone,.address,.mail{
    display: none;
  }
  .contato-superior p{
    padding-top: 5%;
  }
  .divider-section{
    border-right: 0px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
  }
  .divider-section p{
    padding-left: 0px;
  }
  .atuacao{
    padding-left: 0px;
  }
  .about-conteudo .img{
    width: 100%;
    margin-top: 0px;
  }
  .btn-leia-mais{
    width: 95%;
  }
  /*FIM HOME*/
  .frases{
    height: 100px;
  }
  #quotes li{
    margin-top: 7%;
  }
  .frase p:first-child{
    padding-top: 10%;
  }

  .atuacao-area .img{
    background-size: contain;
  }
  .des{
    text-align: center;
  }

  .frases, .contato-mapa, .clinica{
    height: 200px;
  }
  .blog-tit-2 p:first-child{
    font-size: 30px;
    padding-top: 40%;
  }
  .post-conteudo p:first-child{
    font-size: 18px;
    margin-top: 15%;
  }
  .frameVideo{
    width: 100%;
    height: 200px;
  }
  .form-contato{
    width: 100%;
  }
  .submit{
    width: 50%;
    font-size: 16px;
  }
  /*RODAPE*/
  .rod-green img{
    width: 35%;
    float: left;
  }
  .rod-green p{
    margin-top: 15%;
    font-size: 26px;
  }
  /*FIM RODAPE*/
}