@charset "utf-8";
/* CSS Document */

/* CONFIGURAÇÃO DO SITE */

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&display=swap');

*, html { padding: 0; margin: 0; font-family: 'Lato', sans-serif; }

.whatsaap a{
	position:fixed; 
	bottom:2%;
	right:2%;
	width:60px;
	height:60px;
	font-size:200%;
	line-height:60px;
	text-align:center;
	border-radius:50%;
	background-color:#009649;
	color:#FFF;
	transition: all 0.8s ease;
	z-index:10;
}

.whatsaap a:hover{
	background-color:#0D161B;
	color:#FFF;
}

/* FIM CONFIGURAÇÃO DO SITE */

/* TOPO INFORMATIVO */

header{
	width:100%;
	position:relative;
	transition: 2s;
	z-index: 2;
	border-bottom: 2px solid #FFF;
}

/* FIM TOPO INFORMATIVO */


	/* BANNER HOME */

	.conteiner .banner-conteiner{
		height:800px;
	}
	
	.banner{
		width:1200px;
		margin:0 auto;
		padding-top:23%;
	}
	.conteiner .banner-conteiner .banner .banner-imagem{
		font-size:50px;
	}

	.conteiner .banner-conteiner .banner .banner-imagem .botao-banner{
		padding:0px 40px;
		font-size:11px;
		width:40%;
		line-height:30px!important;
	}

	/* FIM DO BANNER HOME */

	/* CONTEUDO DO SITE GLOBAL */

	.centralizar{
		width:1200px;
		margin:0 auto;
	}

	/* HOME */

	.home-empresa {
		padding: 30px 0;
		display:flex;
		width:1200px;
	}
	
	.home-empresa section{
		width:35%;
	}

	.home-empresa section img{
		width: 100%;
	}

	.home-empresa div{
		width:55%;
		color:#000;
	}
	
	.home-empresa div{
		display:flex;
		flex-direction: column;
		align-items: left;
		margin-left:5%;
		color:#000;
	}

	.home-empresa hr{
		margin: 20px 0;
	}

/* BANNER HOME */

.conteiner{
	width:100%;
	position:relative;
	top:-300px;
	margin-bottom: -300px;
}



.conteiner .banner-conteiner .banner .banner-imagem{
	text-align:center;
	animation: slideContent .4s linear .4s backwards;
}

/* ANIMAÇÃO BANNER */
@keyframes slideContent{
	0%{
		opacity:0;
		transform:translateY(50px);
	}
}
@keyframes slideContentY{
	0%{
		opacity:0;
		transform:translateX(-50px);
	}
}
/* FIM ANIMAÇÃO BANNER */

.conteiner .banner-conteiner .banner .banner-imagem{
	color:#000;
	line-height:100%;
	font-family: 'PT Serif';
	text-align: right;
}

.conteiner .banner-conteiner .banner .esquerda{
	text-align: left;
}

.conteiner .banner-conteiner .banner .banner-imagem p{
	font-size:16px;
	color:#000;
	margin:20px 0;
}

.conteiner .banner-conteiner .banner .banner-imagem h3{
	background:#E4E7EC;
	opacity:0.7;
	width:40%;
	padding:10px 40px;
}

.conteiner .banner-conteiner .banner .banner-imagem .botao-banner{
	margin-top:30px;
	display:inline-block;
	color:#000;
	border-radius:5px;
	text-decoration:none;
	text-transform:uppercase;
	background:#E4E7EC;
	opacity:0.7;
	font-weight:bold;
}

.conteiner .banner-conteiner .banner .banner-imagem .botao-banner:hover{
	background:#E4E7EC;
	color:#000;
	transition: all 0.8s ease;
}

.conteiner .banner-conteiner{
	display:none;
}

.conteiner .banner-conteiner.ativo{
	display:block;
}

.banner-conteiner:nth-child(1){
	background:url(../img/banner-home-01.jpg);
	background-position:center;
	animation-duration: 1s;
  	animation-name: slideContentY;
	background-repeat:no-repeat;
	background-size:cover;
}

.conteiner .banner-conteiner:nth-child(2){
	background:url(../img/banner-home-02.jpg);
	background-position:center;
	animation-duration: 1s;
  	animation-name: slideContentY;
	background-repeat:no-repeat;
	background-size:cover;
}

.conteiner .banner-conteiner:nth-child(3){
	background:url(../img/banner-home-01.jpg);
	background-position:center;
	animation-duration: 1s;
  	animation-name: slideContentY;
	background-repeat:no-repeat;
	background-size:cover;
}

.conteiner #prev, .conteiner #next{
	position:absolute;
	top:60%;
	transform: translateY(-50%);
	color:#0D161B;
	background-color:#E4E7EC;
	height:50px;
	width:50px;
	line-height:50px;
	font-size:25px;
	text-align:center;
	cursor:pointer;
}

.conteiner #prev:hover, .conteiner #next:hover{
	background-color:#0D161B;
	transition: all 0.8s ease;
	color:#E4E7EC;
}

.conteiner #prev{
	left:20px;
}

.conteiner #next{
	right:20px;
}

/* SITE PC */
@media(min-width: 768px){
	
}

/* MOBILE */
@media(max-width: 768px){
	.conteiner .banner-conteiner{
		height:70vh;
	}
	
	.banner{
		width:70%;
		padding-top:25%;
		margin:0 auto;
	}
	
	.conteiner #prev, .conteiner #next{
		top:50%;
		height:35px;
		width:35px;
		line-height:35px;
		font-size:15px;
	}

	
	.conteiner .banner-conteiner .banner .banner-imagem p{
		font-size:15px;
		color:#FFF;
	}
	
	.conteiner .banner-conteiner .banner .banner-imagem h3{
		font-size:28px;
	}
	
	.conteiner .banner-conteiner .banner .banner-imagem .botao-banner{
		width:40%;
		font-size:80%;
		text-align: center;
	}
	
}

/* FIM DO BANNER HOME */



/* BANNER INTERNO */

.banner-interno{
	height:80vh;
}

.banner-produto{
	background:url(../img/banner-home-01.jpg);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	height:80vh;
	border: 1px solid #000;
	position: relative;
}

.banner-produto span{
	font-size:2.2em;
	background-color: #FF914D;
	color:#000;
	text-transform:uppercase;
	text-align:center;
	position: absolute;
	bottom: 15%;
	left: 15%;
	padding: 10px 15px;
}

/* FIM DO BANNER INTERNO */



/* CONTEUDO DO SITE GLOBAL */

.conteudo{
	width:100%;
    border: 1px solid #000;
}

.conteudo h1, .conteudo h2{
	font-size:1.9em;
	color:#333;
	text-transform:uppercase;
	font-family: 'PT Serif', serif;
}

/* MOBILE */
@media(max-width: 768px){
	.centralizar{
		width:90%;
		margin:auto auto;
	}
}

/* FIM CONTEUDO DO SITE GLOBAL */


/* HOME */

.home-inicio{
    text-align: center;
    margin: 30px 0;
    letter-spacing: 4px;
}

.home-inicio strong{
    font-variant: small-caps;
    text-transform: uppercase;
    font-size: 120%;
}

.home-inicio h1{
    margin: 20px;
    text-transform: uppercase;
    font-size: 400%;
    color: #FF914D;
}

.home-inicio p{
    width: 70%;
    margin: 0 auto;
}

.home-inicio img{
    width: 100%;
    margin: 30px 0;
}




.home-empresa {
	width:100%;
}

.home-empresa h1{
	color:#000;
	font-size:1.7em;
	margin-bottom:20px;
}


.home-empresa section img{
	width: 100%;
}

/* MOBILE */

@media(max-width: 768px){

	.home-empresa > div > div {
		width:90%;
		text-align:center;
		margin:0 auto;
		padding:20px 0;
	}
	
	.home-empresa > div > div > div{
		padding: 10px 0;
	}
	
	.home-empresa div div section img{
		padding: 10px;
		width: 90%;
	}
	
}









.home-servicos div div:hover{
	border:1px solid #0D161B;
	cursor:pointer;
}

.home-servicos h1 {
	text-align:center;
}

.home-servicos h2 {
	color:#0D161B;
	position: relative;
	transition: all 0.3s ease;
	font-size:1.3em;
	margin-bottom:20px;
	padding-bottom:10px;
}

.home-servicos div div{
	background-color: #FFF;
}

.home-servicos div div a{
	text-decoration:none;
	color:#0D161B;
	width: 100%;
}

.home-servicos div div p{
	padding: 20px 0;
	border-bottom: 1px solid #CCC;
}

.home-servicos div div span{
	padding: 10px;
	width: 60%;
	background-color: #eb5597;
	margin-top: 20px;
	display: inline-block;
	color: #FFF;
}

.home-servicos div div span:hover{
	background-color: #0B7EBD;
	transition: all 0.8s ease;
}

.home-servicos div div img{
	width: 100%;
	margin-bottom: 10px;
}

.home-servicos div div h2:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: -5px;
	left: 0;
	background-color: #CCC;
	transform: scaleX(0.3);
	transition: all 0.3s ease;
}
	
.home-servicos div div:hover h2:after {
	transform: scaleX(0.8);
	color:#666;
}

.home-servicos div div{
	display:flex;
	flex-direction: column;
	justify-content:start ;
	align-items: center;
	text-align:center;
	border:1px solid #CCC;
	padding-bottom: 20px;
}

/* SITE PC */
@media(min-width: 768px){	

	.home-servicos{
		margin:40px auto;
	}

	.home-servicos div{
		display:flex;
		justify-content: space-between;
	}
	
	.home-servicos div div{
		width:24%;
	}
}

/* MOBILE */
@media(max-width: 768px){	

	.home-servicos div div{
		width:80%;
		margin:20px auto;
	}
}






























 


.home-depoimento {
  position: relative;
  overflow: hidden;
  padding: 0 20px;
}

.home-depoimento > h2{
	text-align:center;
	font-size:280%;
}

.home-depoimento-conteudo {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
}

.home-depoimento-conteudo::-webkit-scrollbar {
  display: none;
}

.home-depoimento-box {
  flex: 0 0 auto;
  margin: 0px 0px 40px 0px;
}

.home-depoimento-box > div{
	padding:0px 0px;
	width:100%;
	position:relative;
}

.home-depoimento-box > div > div:first-child{
	border:1px solid #CCC;
	width:60%;
	margin:0 auto 20px auto;
	padding:20px;
	background-color: #FFF;
}

.home-depoimento-box > div > div i{
	position:absolute;
	top:35px;
	font-size:200%;
}

.home-depoimento-box > div > div h2{
	font-size:120%;
	margin-bottom:20px;
}

.home-depoimento-box > div > div:last-child{
	width:60%;
	padding:20px;
	margin:0 auto;
	display:flex;
}

.home-depoimento-box > div > div:last-child img{
	width:100%;
}

.home-depoimento-box > div > div:last-child section{
	display:flex;
	flex-direction: column;
	align-content: center;
	margin:auto 0;
}

@media(min-width: 768px){

.home-depoimento-box {
  width: 25%;
}

}

@media(max-width: 768px){

.home-depoimento-box {
  width: 100%;
}

}


.pre-btn,
.nxt-btn {
  border: none;
  position: absolute;
  top: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 1;
	padding:20px;
	transition: all 0.8s ease;
}

.pre-btn {
  left: 2%;
  transform: rotate(180deg);
}

.nxt-btn {
  right: 2%;
}

.pre-btn:hover,
.nxt-btn:hover{
	background-color:#999;
	transition: all 0.8s ease;
}

.pre-btn img,
.nxt-btn img {
  opacity: 1;
}

.pre-btn:hover img,
.nxt-btn:hover img {
  opacity: 0.9;
}




/* FIM HOME */



/* CONTEUDO PÁGINAS */


/* PÁGINA PRODUTOS */

.produtos ul li{
	list-style: none;
}

.menu_navegacao{
	color: #EE670B;
	text-transform: uppercase;
	font-size: 110%;
	width: 100%;
	margin: 40px 0;
}

.menu_navegacao h1{
	display: inline-block;
	font-size: 110%;
	color: #570F00;
}

.produtos_lista figure{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-align: center;
	font-size: 110%;
}

.produtos_lista figure img{
	width: 100%;
	border-radius: 20px;
}

.produtos_lista figure figcaption{
	margin: 15px 0;
}

.produtos_lista figure span{
	margin: 20px auto;
	width: 70%;
}

.produtos_lista figure span a{
	border-radius: 10px;
	padding: 10px 20px;
	border: 1px solid #EE670B;
	text-transform: uppercase;
	color: #EE670B;
	text-decoration: none;
}

.produtos_lista figure span a:hover{
	color: #FFF;
	background-color: #570F00;
	border: 1px solid #570F00;
	transition: all 0.3s ease;
}

.produto figure img{
	border-radius: 20px;
}

.produto section{
	display: flex;
	flex-direction: column;
	font-size: 120%;
}

.produto section h1{
	font-size: 140%;
	text-transform: uppercase;
	color: #EE670B;
}

.produto section h1{
	margin-bottom: 30px;
}

.produto section span{
	margin-top: 30px;
}

.produto span a{
	background-color:#009649;
	padding: 10px 20px;
	border-radius: 10px;
	color: #FFF;
	width: 65%;
	text-align: center;
	text-decoration: none;
}

.produto span a:hover{
	background-color:#CCC;
	color: #009649;
	transition: all 0.3s ease;
}

/* FIM PÁGINA PRODUTOS */


















/* SITE PC */
@media(min-width: 768px){
	.empresa-conteudo{
		display:flex;
		justify-content: space-between;
		width:100%;
	}
	
	.empresa-conteudo section{
		width:65%;
	}
	
	.empresa-conteudo div{
		width:30%;
	}
	
}
.empresa-conteudo div img{
	border:1px solid #000;
	width:100%;
}
	
.empresa-conteudo p{
	line-height:200%;
}

.empresa-conteudo h1{
	margin-bottom:30px;
}

.empresa{
	background-color:#333333;
}

.empresa .centralizar div section{
	background-color:#FFF;
}

/* SITE PC */
@media(min-width: 768px){
	.empresa{
		padding:50px 0;
	}

	.empresa .centralizar div{
		display:flex;
		align-items: center;
		justify-content: space-between;
	}
	
	.empresa .centralizar div section{
		width:32%;
		height:50vh;
	}
}

/* MOBILE */
@media(max-width: 768px){
	.empresa{
		padding:10px 0 30px 0;
	}
	
	.empresa .centralizar div section{
		width:100%;
		padding-bottom:30px;
		height:50vh;
	}
	
	.empresa .centralizar div section h3{
		padding-top:50px;
	}
}

.empresa .centralizar div section p{
	font-size: 0.9em;
	color:#85888A;
}

.empresa .centralizar div section h3{
	position:relative;
	display:block;
	padding-bottom:40px;
	margin:50px 0 20px 0;
	font-weight:normal;
	text-transform:uppercase;
	color: #333;
	text-align:center;
}

.empresa .centralizar div section h3:after{
	content:"";
	position:absolute;
	bottom:10px;
	left:50%;
	display:inline-block;
	width:30px;
	margin-left:-11px;
	border-bottom:#DF303B solid 2px;
}

.empresa .centralizar div section p{
	width:80%;
	margin:0 auto;
}


.depoimento{
  position: relative;
  padding: 20px;
	margin:30px 0;
}

.depoimento h1{
	margin-bottom:30px;
}

.depoimento-box > div{
	padding:30px 0px;
	width:100%;
	position:relative;
}

.depoimento-box > div > div:first-child{
	border:1px solid #CCC;
	padding:20px;
}

.depoimento-box > div > div i{
	position:absolute;
	top:15px;
	font-size:200%;
}

.depoimento-box > div > div h2{
	font-size:120%;
	margin-bottom:20px;
}

.depoimento-box > div > div:last-child{
	padding:10px;
	display:flex;
}

.depoimento-box > div > div:last-child img{
	border-radius:50%;
	width:12%;
	margin-right:20px;
}

.depoimento-box > div > div:last-child section{
	display:flex;
	flex-direction: column;
	align-content: center;
	margin:auto 0;
}

@media(min-width: 768px){

	.depoimento-box {
		width: 100%;
		display:flex;
	}
	.depoimento-box > div > div:first-child{
		height:30vh;
		width:70%;
	}
	.depoimento-box > div > div:last-child{
		width:80%;
	}
}

@media(max-width: 768px){

	.depoimento-box {
		width: 100%;
	}

}


.contato section p{
	text-align:justify;
	line-height:200%;
	width:80%;
}

.contato i{
	color:#666;
}

.contato iframe{
	border-radius: 20px;
	border: 1px solid #666;
}
/* FIM DO CONTEUDO PÁGINAS */



/* PARALLAX */

.parallax{
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding:100px 0;
	width:100%;
	position:relative;
	overflow:hidden;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;
	margin-top:30px;
}

.parallax h4{
	color:#FFF;
	text-align:center;
	margin:0 auto 50px auto;
	text-transform:uppercase;
	font-size:1.1em;
}

.parallax input{
	border:1px solid #000;
	background-color:#FFF;
	padding:10px 0 10px 10px;
	margin-bottom:5px;
}

/* SITE PC */
@media(min-width: 768px){
	.parallax form div{
		display:flex;
		justify-content: space-between;
	}
	.parallax input{
		width:95%;
	}
	.parallax h4{
		width:40%;
	}
}

/* MOBILE */
@media(max-width: 768px){
	.parallax input{
		width:98%;
	}
	.parallax h4{
		width:100%;
	}
}

.parallax section{
	width:100%;
}

.parallax section textarea{
	width:98%;
	background-color:#FFF;
	padding:10px 0 10px 10px;
	margin-bottom:5px;
	height:23vh;
}

.parallax :focus{
	outline:none;
}

.parallax button{
	margin-top:10px;
	background-color:#E4E7EC!important;
	width:100%;
	padding:10px 0;
	border:0;
	border-radius:5px;
	cursor:pointer;	
}

.parallax.parallax-contato{
	background-image:url(../img/banner-contato.png);
}

.parallax.parallax-estetica-facial{
	background-image:url(../img/banner-estetica-facial.jpg);
}

.parallax.parallax-registro-de-marcas{
	background-image:url(../img/banner-estetica-corporal.jpg);
}

.parallax.parallax-fisioterapia{
	background-image:url(../img/banner-fisioterapia.jpg);
}

.parallax.parallax-depilacao{
	background-image:url(../img/banner-depilacao.jpg);
}

/* FIM DO PARALLAX */



/* RODAPÉ INFORMATIVO */

footer {
	color: #FFF;
	background-color:#252525;
    margin-top: 30px;
}

/* SITE PC */
@media(min-width: 768px){
	footer section{
		display:flex;
		align-items: start;
		justify-content: space-between;
		padding-bottom: 20px;
	}
}

footer section div{
	width:100%;
}

footer div a img{
	width:60%;
	margin:20px 0;
}

/* SITE PC */
@media(min-width: 768px){
	.rodape-endereco{
		padding:20px 5px 20px 0;
		float:left;
	}
	
	footer section h3, footer section p, footer section a {
		width:90%;
	}
	
	footer section a{
		width:100%;
	}
	
}

/* MOBILE */
@media(max-width: 768px){
	footer section h3, footer section p, footer section a{
		width:100%;
	}
	
	footer div a img{
		width:40%;
	}
	
	.rodape-endereco{
		padding:10px 5px 10px 0;
		float:left;
	}
}

footer section h3{
	border-bottom:1px solid #CCC;
	padding-bottom:20px;
	margin:20px 0;
	text-transform:uppercase;
}

footer section p{
	padding-bottom:10px;
	font-size:0.9em;
}

footer section a{
	display:inline-block;
	text-decoration:none;
	color: #FFF;
	font-size:0.9em;
	padding-bottom:10px;
}

footer section a i span{
	font-family: 'Lato', sans-serif;
	font-weight:normal;
}

footer section a:hover{
	text-decoration:underline;
	color: #FFF;
	transition: all 0.8s ease;
}

/* FIM RODAPÉ INFORMATIVO */



/* RODAPÉ FINAL */

footer .rodape{
	border-top:1px solid #CCC;
	padding:20px 0;
	display:flex;
	align-items: center;
	justify-content: space-between;
	color: #FFF;
}

/* SITE PC */
@media(min-width: 768px){
	footer .rodape div{
		width:50%;
	}
}

/* MOBILE */
@media(max-width: 768px){
	footer .rodape div{
		width:80%;
	}
	footer .rodape div:last-child{
		width:20%;
	}
}

footer .rodape div:last-child{
	text-align:right;
}

footer .rodape div p:first-child{
	padding-bottom:20px;
}

footer .rodape div:first-child a{
	color:#FFF;
	text-decoration:none;
}

footer .rodape div:first-child a:hover{
	color:#FFF;
	text-decoration:underline;
}


footer .rodape div:last-child a i{
	width:30px;
	height: 30px;
	line-height: 30px;
	border-radius:50%;
	background-color:#0D161B;
	color:#FFF;
	text-align:center;
}

footer .rodape div:last-child a:hover i{
	background-color:#E4E7EC;
	transition: 0.3s;
	color:#0D161B;
}

/* FIM RODAPÉ FINAL */

}