.itens_mobile{display: none !important;}
.itens_main{display: block !important;}

/* - - - - - HEADER - - - - - */
header{
	width: 100%;
	height: 125px;
	position: sticky;
	top: 0;
	display: block;
	box-sizing: border-box;
	z-index: 10;
	background: url("../../imagens/bg-header.jpg") center top no-repeat;
	transition: 0.3s;
}
header .central{height: 125px; transition: 0.3s;}
header .central > *{transition: 0.3s;}

/* - - - logo - - - */
header .logo{width: 305px; height: auto; display: block; position: absolute; top: 20px; left: 30px;}
header .logo img{width: 100%; height: auto; position: relative; display: block; box-sizing: border-box; object-fit: cover;}
/* - - - logo - - - */

/* - - - nav - - - */
header .nav{width: 615px; height: auto; position: absolute; display: flex; flex-wrap: wrap; justify-content: space-between; left: 50%; top: 50%; margin: -9.5px 0 0 -132.5px;}
header .nav > *{width: auto; height: auto; font-size: 16px; color: #4C1F55; margin: 0; position: relative; cursor: pointer; transition: 0.3s;}
header .nav > *:hover{color: #1D0022;}
/* - - - nav - - - */

/* - - - block - - - */
header .block{width: auto; position: absolute; right: 0; top: 50%; margin: -8px 0 0 0;}
header .block .link{height: 16px;}
/* - - - block - - - */

/* - - - - alt - - - - */
header.alt{height: 80px;}
header.alt .central{height: 80px;}

header.alt .logo{top: 10px; left: 130px; width: 190px;}
/* - - - - alt - - - - */

/* - - - - - HEADER - - - - - */


/* - - - - - FOOTER - - - - - */
footer{
	width: 100%;
	height: 75px;
	position: relative;
	display: block;
	box-sizing: border-box;
	background-color: #64316E;
}
footer .central{height: 65px;}

footer .central > *{position: absolute; height: 45px; line-height: 45px; bottom: 0;}
footer .central .logo_class{background: url(../../imagens/class-logo.png) center center no-repeat; text-indent: -999999px; overflow: hidden; width: 70px; left: 0;}
footer .central .direitos{right: 0; width: auto; font-size: 14px; color: #f3f3f3; font-weight: 500; letter-spacing: 0.5px;}

/* - - - - - FOOTER - - - - - */

/* - - - - - BANNER - - - - - */
#banner{width: 100%; height: 515px; position: relative;}

/* - - - owl-carousel - - - */
#banner .owl-carousel{width: 100%; height: 515px; position: relative; display: block; overflow: hidden;}
#banner .owl-carousel .item{width: 100%; height: 515px; position: relative; box-sizing: border-box; overflow: hidden;}
#banner .owl-carousel .item img{width: 1920px; height: 515px; position: relative; left: 50%; margin-left: -960px; z-index: 1;object-fit: cover}

/* banner - owl-dots */
#banner .owl-carousel .owl-dots{display: block;} 
/* banner - owl-dots */

/* banner - owl-nav */
#banner .owl-carousel .owl-nav{top: 125px; display: block;}
#banner .owl-carousel .owl-nav .owl-next,#banner .owl-carousel .owl-nav .owl-prev{width: 50px; height: 50px;}
/* banner - owl-nav */

/* - - - owl-carousel - - - */

/* - - - bloco - - - */
#banner .bloco{z-index: 2; width: 485px; height: 515px; position: absolute; top: 0; left: 50%; margin-left: 65px; justify-content: center;}
#banner .bloco .title{font-size: 25px;}
#banner .bloco .title b{display: block; text-transform: uppercase; font-size: 30px;}
#banner .bloco .title:after{content: ""; display: block; box-sizing: border-box; width: 155px; height: 3px; margin: 20px auto 0 0; background-color: #64316E;}
#banner .bloco .description{color: #212121;}
#banner .bloco .button{}
/* - - - bloco - - - */

/* - - - - - BANNER - - - - - */


/* - - - - - SOBRE - - - - - */
.sobre{align-items: center !important;}

/* - - - bloco - - - */
.sobre .bloco{width: 600px;}
.sobre .bloco .description b{display: block; font-size: 20px; margin-bottom: 7.5px; color: #64316E;}
.sobre .bloco .imagem{display: none;}
.sobre .bloco .img{width: 385px; height: auto; position: relative; object-fit: cover;}
/* - - - bloco - - - */

/* - - - imagem - - - */
.sobre .imagem{width: 365px; height: auto; position: relative; object-fit: cover;}
.sobre .imagem:before{content: ""; width: 100%; height: 100%; position: absolute; display: block; border: 10px #64316E solid; box-sizing: border-box; left: -35px; bottom: -35px;}
.sobre .imagem img{width: 100%; height: auto; position: relative; object-fit: cover; display: block; z-index: 2;}
/* - - - imagem - - - */

/* - - - - - SOBRE - - - - - */


/* - - - - - JUNG - - - - - */
.jung{width: 100%; height: 400px; box-sizing: border-box; display: block; background: url("../../imagens/bg-jung.png") center center no-repeat; margin-bottom: 15px !important;}
.jung .central{height: 400px; justify-content: flex-end;}

/* - - - bloco - - - */
.jung .bloco{width: 485px; height: 100%; justify-content: center !important;}
/* - - - bloco - - - */

/* - - - - - JUNG - - - - - */


/* - - - - - TRATAMENTOS - - - - - */
.tratamentos{}

/* - - - bloco - - - */
.tratamentos .bloco{width: 100%; text-align: center; align-items: center; margin-bottom: 25px;}
.tratamentos .bloco .description{width: 600px;}
/* - - - bloco - - - */

/* - - - - box - - - - */
.tratamentos .box{width: 1100px; height: 485px; position: relative; display: flex; flex-wrap: wrap; justify-content: center;}
.tratamentos .box > *{height: 100%; position: relative; box-sizing: border-box; margin: 0;}

/* - - - nomes - - - */
.tratamentos .box .nomes{width: 350px; display: flex; flex-wrap: wrap; flex-direction: row; align-items: stretch;}

/* - - item - - */
.tratamentos .box .nomes .item_nome{
	color: #64316E;
	font-size: 16px; 
	font-weight: bold;
	width: 100%; 
	transition: 0.3s; 
	padding: 10px 15px; 
	display: flex; 
	flex-wrap: wrap; 
	align-items: center;
	cursor: pointer;
}
.tratamentos .box .nomes .item_nome:nth-child(even){background-color: #E8E8E8;}

.tratamentos .box .nomes .item_nome.active{background-color: #64316E; color: #fff;}
/* - - item - - */

/* - - - nomes - - - */

/* - - - tratamento - - - */
.tratamentos .box .tratamento{background-color: #64316E; width: 750px; flex-direction: row; justify-content: space-around; display: none;}

.tratamentos .box .tratamento.active{display: flex;}

.tratamentos .box .tratamento > *{margin: 0;}

/* - - description - - */
.tratamentos .box .tratamento .description{text-align: left; width: 395px;}
/* - - description - - */

/* - - img - - */
.tratamentos .box .tratamento .img{width: 265px; height: 350px; position: relative; overflow: hidden;}
.tratamentos .box .tratamento .img img{width: 100%; height: 100%; position: relative; object-fit: cover; box-sizing: border-box;}
/* - - img - - */

/* - - - tratamento - - - */

/* - - - - box - - - - */

/* - - - - - TRATAMENTOS - - - - - */


/* - - - - - ATENDIMENTOS - - - - - */
.atendimentos{width: 100%; height: 700px; position: relative; display: block; background: url("../../imagens/bg-atendimentos.jpg") center center no-repeat;}
.atendimentos .central{height: 530px;}

/* - - - BLOCO - - - */
.atendimentos .bloco{margin-bottom: 45px; width: 100%;}
/* - - - BLOCO - - - */

/* - - - item - - - */
.atendimentos .item{width: 470px; height: auto; position: relative; text-align: left; display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start;}
.atendimentos .item > *{position: relative; box-sizing: border-box; margin: 0 0 35px;}
.atendimentos .item > *:last-child{margin: 0 0 0;}

.atendimentos .item .titulo{color: #EAB9F3; font-size: 22px; font-weight: bold; width: 245px;}
.atendimentos .item .titulo:after{content: ""; display: block; clear: both;}
.atendimentos .item .titulo img{
	filter: invert(75%) sepia(57%) saturate(377%) hue-rotate(217deg) brightness(101%) contrast(91%); 
	width: 52px;
	margin-right: 15px;
	height: auto; 
	position: relative;
	float: left;
}

.atendimentos .item .descricao{color: #FFF; font-size: 14px;}
/* - - - item - - - */

/* - - - - - ATENDIMENTOS - - - - - */


/* - - - - - CONTATO - - - - - */
.contato{z-index: 2;}

/* - - - bloco - - - */
.contato .bloco{width: 460px;}
.contato .bloco .description{margin-bottom: 30px;}
/* - - - bloco - - - */

/* - - - mensagem - - - */
.contato .mensagem{width: 520px;}
/* - - - mensagem - - - */

/* - - - form - - - */
.contato .form{
	width: 620px; 
	border-radius: 10px;
	padding: 30px;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);
	margin-bottom: -20px !important;
}
/* - - - form - - - */

/* - - - - - CONTATO - - - - - */

/*------- slider-------------------*/

#blog_home{
	background: url("../../imagens/wepik-export-20240122165003xrrG.jpeg") no-repeat center top;
	height: 650px;
	width: 100%;
    margin-bottom: 400px;
}

#blog_home h5 span{
	color: #64316E;
	font-size: 35px;
	font-weight: 500;
}

#blog_home h5{
	font-size: 38px;
	color: #fff;
	font-weight: 300;
	text-transform: uppercase;
	padding-top: 100px;
}

#blog_home h5 b{
	font-size: 57px;
	font-weight: 700;
}

#blog_home p{
	color:#FFFFFF;
	font-size: 18px;
	width: 600px;
	margin: 20px auto auto 0px;
}

#blog_logo{
	position: absolute;
	width: 350px;
	height: 220px;
	left: 50%;
	margin-left: 100px;
	margin-top: -230px;
	display: none;
}

#blog_home ul{
	position: absolute;
	left: 0px;
	margin-top: 50px;
}

#blog_home ul li{
	width: 420px;
	height: 420px;
	background-color: #f3f3f3;
	margin-right: 30px;
}

#blog_home ul li img{
	width: 100%;
	height: 50%;
	object-fit: cover;
}

#blog_home ul li p:first-of-type{
	width: auto;
	font-size: 17px;
	color: #1F1E24;
	font-weight: 700;
	margin: 20px auto;
		padding-left: 10px;
}

#blog_home ul li p:nth-of-type(2){
	font-size: 14px;
	color: #707070;
	height: 110px;
	width: auto;
	margin: 20px auto;
	padding: 0 10px;
}

#blog_home ul li a{
	width: 105px;
	height: 30px;
	background-color:#64316E;
	border-radius: 20px;
	text-align: center;
	color: #fff;
	line-height: 30px;
	display: block;
}

.bread{
	width: 100%;
	height: 270px;
	background: url("../../imagens/bg-atendimentos.jpg") no-repeat center center;
	margin-bottom: auto;
	background-size: cover;
}
.bread div{
	text-align: center;
	top: 85px;
}

.bread div .way li a, .bread div .way{
	color:#fff;
	font-size: 15px;
}

.bread h1{
	font-size: 25px;
	color: #FFF;
	margin-top: 10px;
	text-transform: uppercase;
}

.bread h1 span{
	color: #9c72a4;
	font-size: 40px;
	text-transform: none;
}

.bread p{
	font-size: 22px;
	color: #96A3BE;
	margin: 15px auto;
		text-transform: none;
}
/*--------------------------Blog---------------------*/
.container {
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  background-color: #14161a;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.125);  
  padding: 38px;  
  filter: drop-shadow(0 30px 10px rgba(0,0,0,0.125));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content:center;
  text-align: center;
	width: 30%;
  margin-top:60px;
	transition: 0.3s;
}

.container:hover{
	box-shadow: 0px 9px 30px 0px rgba(100,49,110, 0.8);
	transform: scale(1.01);
	backdrop-filter:none;
}

.wrapper {
  width: 100%;
  height: 100%;
  
}

.flex{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 60px;
}

.banner-image {
  background-position: center;
  background-size: cover;
  height: 300px;
  width: 100%;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255, 0.255)
}

.container h1{
  font-family: 'Righteous', sans-serif;
  color: rgba(255,255,255,0.98);
  text-transform: uppercase;
  font-size: 2.4rem;
	margin: 15px auto;
}

.container  p {
  color: #fff;
  font-family: 'Lato', sans-serif;
  text-align: center;
  font-size: 0.8rem;
  line-height: 150%;
  letter-spacing: 2px;
  text-transform: uppercase;
	margin: 10px auto;
}

.button-wrapper{
  margin-top: 18px;
}

.button-wrapper a{color: #fff;}

.btn {
  border: none;
  padding: 12px 24px;
  border-radius: 24px;
  font-size: 12px;
  font-size: 0.8rem;  
  letter-spacing: 2px;  
  cursor: pointer;
}

.btn + .btn {
  margin-left: 10px;
}

.outline {
  background: transparent;
  color: rgba(0, 212, 255, 0.9);
  border: 1px solid rgba(0, 212, 255, 0.6);
  transition: all .3s ease;
  
}

.outline:hover{
  transform: scale(1.125);
  color: rgba(255, 255, 255, 0.9);
  border-color: rgba(255, 255, 255, 0.9);
  transition: all .3s ease;  
}

.fill {
  background: rgba(100,49,110, 0.9);
  color: rgba(100,49,110,0.95);
  filter: drop-shadow(0);
  font-weight: bold;
  transition: all .3s ease; 
}

.fill:hover{
  transform: scale(1.125);  
  border-color: rgba(255, 255, 255, 0.9);
  filter: drop-shadow(0 10px 5px rgba(0,0,0,0.125));
  transition: all .3s ease;    
}

#blog_inside{
    display: flex;
    margin: 50px auto;
}
#blog_inside #texto_blog{
    width: 750px;
	color: #000;
}
#blog_inside #texto_blog h1{
    text-transform: none;
    margin-bottom: 20px;
	font-size: 28px;
	color: #000;
    text-align: center;
    
}

#blog_inside #texto_blog div img{
    width: 750px;
    height: 400px;
    margin-bottom: 30px;
    object-fit: contain;
       
}

#texto_blog h2{font-size: 20px; font-weight: 600; color: #1A4568;}
#texto_blog ul li{list-style: disc;list-style-position: inside;}
#texto_blog a{text-decoration: underline; color: #B6D0E1;}

.sidebar{display: flex; flex-wrap: wrap; justify-content: center; width: 400px; align-self: flex-start; position: relative;}

/* - - - share - - - */
.sidebar .share{width: 100%; height: auto; position: relative; box-sizing: border-box; text-align: left; padding: 20px; background-color: #F5F8FF; margin-bottom: 35px;}

/* - - bloco - - */
.sidebar .share .bloco{width: 100%; margin-bottom: 0;}
.sidebar .share .bloco > *{text-align: left;}
.sidebar .share .bloco .title{font-size: 18px;}
.sidebar .share .bloco .description{font-size: 15px; width: 100%;}
/* - - bloco - - */

/* - - share-btn - - */
.sidebar .share .share-btn{
  	display: inline-block;
	vertical-align: middle;
  	color: #ffffff;
	background-color: #EBF0F8;
  	border: none;
  	padding: 7px;
	border-radius: 25px;
  	outline: none;
	box-sizing: border-box;
  	text-align: center;
  	margin: 0 2.5px 0 0;
  	height: 30px;
	width: 30px;
	transition: 0.3s;
	cursor: pointer;
}
.sidebar .share .share-btn:nth-of-type(2){margin: 0 2.5px 0 0;}
.sidebar .share .share-btn:last-of-type{margin: 0;}
.sidebar .share .share-btn img{
	height: 100%;
	width: auto; 
	position: relative; 
	display: block; 
	box-sizing: border-box; 
	filter: invert(45%) sepia(9%) saturate(826%) hue-rotate(180deg) brightness(94%) contrast(93%);
}

.sidebar .share .share-btn:hover > img{filter: brightness(0) invert(1);}

.sidebar .share .share-btn.twitter:hover{background: #55acee;}
.sidebar .share .share-btn.telegram:hover{background: #0088cc;}
.sidebar .share .share-btn.facebook:hover{background: #3B5998;}
.sidebar .share .share-btn.whatsapp:hover{background: #25d366;}
.sidebar .share .share-btn.linkedin:hover{background: #0077b5;}
.sidebar .share .share-btn.print:hover{background: #000;}
/* - - share-btn - - */

/* - - - share - - - */

/* - - - BLOG REL - - - */
.sidebar .blog_rel{width: 100%; height: auto; position: relative; margin-bottom: 45px;}

/* - - bloco - - */
.sidebar .blog_rel .bloco{margin-bottom: 10px; justify-content: flex-start; align-items: flex-start; width: 100%;}
.sidebar .blog_rel .bloco:last-child{margin: 25px 0 0 0;}

.sidebar .blog_rel .bloco .title{font-size: 22px; margin-bottom: 0;}
.sidebar .blog_rel .bloco .linkout{text-align: center; align-self: center; padding: 0 10px; width: auto; font-size: 14px;line-height: 14px;}
/* - -  bloco - - */

/* - -  artigo - - */
.sidebar .blog_rel .artigo{
	width: 100%; 
	height: auto;
	padding: 10px 10px 10px 35px; 
	text-align: left;
	display: block; 
	margin: 0 auto 10px;
	border: none;
	border-bottom: 1px #393939 solid;
	background: none;
}
.sidebar .blog_rel .artigo:last-child{margin: 0 auto 0; border-bottom: none;}
.sidebar .blog_rel .artigo .img{width: 150px; height: 150px; display: none;}
.sidebar .blog_rel .artigo .nome{font-size: 14px; color: #393939; margin-bottom: 0;}
.sidebar .blog_rel .artigo .nome:before{
	content: ""; 
	display: block;
	width: 8px;
	height: 8px; 
	position: absolute; 
	left: 50%; 
	top: 50%; 
	margin: -4px 0 0 -198px;
	transition: 0.3s;
	background-color: #393939;
}
.sidebar .blog_rel .artigo .descricao{font-size: 14px; display: none;}
.sidebar .blog_rel .artigo .link{display: none;}

.sidebar .blog_rel .artigo:hover{background-color: #336463;}
.sidebar .blog_rel .artigo:hover > .nome{color: #fff;}
.sidebar .blog_rel .artigo:hover > .nome:before{background-color: #fff;}
/* - -  artigo - - */

/* - - - BLOG REL - - - */

/* - - - formulario - - -*/
.sidebar .formulario{width: 100%;}

.blog_rel p{
	font-size: 22px;
	font-style: normal;
	color: #64316E;
	letter-spacing: 3px;
	margin-bottom: 10px;
}

#veja{border-bottom: 2px solid #64316E;}

#veja p{
	margin-top: 20px;
	font-size: 14px;
	color: #000;
	font-weight: bolder;
	font-style: normal;
	transition: 0.3s;
    letter-spacing: 0;
	display: list-item;
	list-style-position: inside;
}

#veja p:hover{transform: scale(1.03); }

.without a{
	box-sizing: border-box;
	padding: 10px 5px!important;
	text-align: center;
	font-style: normal;
	color: #64316E;
	border: 1px solid #64316E;
	border-radius: 6px 0px;
	margin-left: 150px;
	transition: 0.3s;
}

.without a:hover{
	background-color: #64316E;
	color: #ffffff;
	border: 1px solid #ffffff;
	
}

.formulario{
	border: 2px solid #f5f5f5;
	border-radius: 6px;
	box-sizing: border-box;
	padding: 20px;
}

.formulario form{
	display: flex;
	flex-wrap: wrap;
}

.formulario form input{
	width: 100%;
	height: 50px;
	border: 1px solid #ccc;
	background-color: transparent;
	color: #ababab;
	font-size:16px;
	font-style: normal;
	margin-bottom: 20px;
}

.formulario form textarea{
	width: 100%;
	height: 150px;
	border: 1px solid #ccc;
	background-color: transparent;
	color: #ababab;
	font-size:16px;
	font-style: normal;
}

#aceitar {
	font-size: 11px;
	font-style: normal;
	margin-left: -4px;
	margin-top: 25px;
	width: 50%;
	position: absolute;
	bottom: 10px;
	
}
#aceitar input{
	width: 15px;height: 15px;
	float: left;
}

#aceitar a{
	color: #707070;
	text-decoration: underline;
	font-size: 10px;
	border: none!important;
}

.formulario button{
	width: 100px!important;
	height: 45px!important;
	border: 1px solid #ababab;
	border-radius: 6px;
	margin-top: 20px;
	transition: 0.3s;
}

.formulario button:hover{background-color: #FFA900;color: #ffffff;}

#texto_blog {font-style: normal;}

#video{
	margin: auto;
	text-align: center;
	margin-bottom: 40px;
}

#video iframe{
	width: 1000px;
	height: 700px;
	border-radius: 30px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	object-fit: cover;
	border-style: none;
}

/*-------------Inside---------------*/

/*--------------------------Blog---------------------*/