:root{
	--white: #ffffff;
	--black: #000000;
	--primaria-100:#E8FCFF;
	--primaria-500:#04BDD5;
	--secundaria-500:#405364;
	--secundaria-900: #161C2D;
	--cinza-500: #797980;
	--color-bg1: rgb(108, 0, 162);
	--color-bg2: rgb(0, 17, 82);
	--color1: 101, 26, 104;
	--color2: 145, 17, 77;
	--color3: 191, 74, 48;
	--color4: 196, 73, 44;
	--color5: 168, 65, 81;
	--color-interactive: 236, 99, 26;
	--circle-size: 80%;
	--blending: hard-light;
}
::-webkit-scrollbar {width: 6px}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);-webkit-border-radius: 10px;border-radius: 10px}
::-webkit-scrollbar-thumb {-webkit-border-radius: 10px;border-radius: 10px;background: #999;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5)}
::-webkit-scrollbar-thumb:window-inactive {background: #999;}

body{-webkit-font-smoothing: antialiased;}
html { margin: 0; padding: 0; overflow-x:hidden!important}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-size: 100%; font-style: inherit; font-weight: inherit; outline: 0; vertical-align: baseline; margin: 0; padding: 0;}
:focus { outline: 0; }
ol, ul { list-style: none;}
table { border-collapse: separate; border-spacing: 0;}
caption, th, td {font-weight: normal; text-align: left;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
i, em {font-style: italic;}
b, strong {font-weight: bold;}
small {font-size: 12px;}
big {font-size: 16px;}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
h1, h2, h3, h4, h5, h6 { display: block; margin: 0;}
.clear { clear: both;}
body {margin: 0; padding: 0; font-size:16px;  font-family: "Onest", sans-serif; font-optical-sizing: auto;}


::-webkit-scrollbar {width: 6px}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);-webkit-border-radius: 10px;border-radius: 10px}
::-webkit-scrollbar-thumb {-webkit-border-radius: 10px;border-radius: 10px;background: #999;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5)}
::-webkit-scrollbar-thumb:window-inactive {background: #999;}

html { margin: 0; padding: 0; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-size: 100%; font-style: inherit; font-weight: inherit; outline: 0; vertical-align: baseline; margin: 0; padding: 0;}
:focus { outline: 0; }
ol, ul { list-style: none;}
table { border-collapse: separate; border-spacing: 0;}
caption, th, td {font-weight: normal; text-align: left;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
i, em {font-style: italic;}
b, strong {font-weight: bold;}
small {font-size: 12px;}
big {font-size: 16px;}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
h1, h2, h3, h4, h5, h6 { display: block; margin: 0; font-weight: 700;}
.cky-btn-revisit-wrapper{display: none !important;}
a {display: inline-block;}
a{text-decoration: none; color:var(--black);}
a:hover{text-decoration: none; color:var(--black-h);}
h1 {font-size: 50px; font-family: "Montserrat", sans-serif;}
h2 {font-size: 32px; margin-bottom: 15px; font-family: "Montserrat", sans-serif;}
h3 {font-size: 26px; font-family: "Montserrat", sans-serif;}
h4 {font-size: 18px; font-family: "Montserrat", sans-serif;}
h5 {font-size: 14px; font-family: "Montserrat", sans-serif;}
h6 {font-size: 10px; font-family: "Montserrat", sans-serif;}

.clear { clear: both;}

body {margin: 0; padding: 0; font-size:16px; font-family: "Onest", sans-serif; font-optical-sizing: auto; font-weight:400; overflow-x: hidden !important; line-height: 150%; color:var(--black);}
.grecaptcha-badge{display: none;}

.btn-1 {display: inline-block; background-color: var(--primaria-500) !important; color: var(--white) !important; padding: 10px 25px; font-size: 16px; font-weight: bold; border-radius: 10px; transition: all .3s ease-in-out; font-family: "Montserrat", sans-serif;}
.btn-2 {display: inline-block; background-color: var(--secundaria-500) !important; color: var(--white) !important; padding: 10px 25px; font-size: 16px; font-weight: bold; border-radius: 10px;  transition: all .3s ease-in-out; font-family: "Montserrat", sans-serif;}
.btn-3 {display: inline-block; background-color: var(--white) !important; color: var(--primaria-500) !important; border: solid 1px var(--white); padding: 10px 25px; font-size: 16px; font-weight: bold; border-radius: 10px;  transition: all .3s ease-in-out; font-family: "Montserrat", sans-serif;}
.btn-4 {display: inline-block; background-color: transparent !important; color: var(--white) !important; border: solid 1px var(--white); padding: 10px 25px; font-size: 16px; font-weight: bold; border-radius: 10px;  transition: all .3s ease-in-out; font-family: "Montserrat", sans-serif;}

.btn-1:hover, .btn-2:hover, .btn-3:hover, .btn-4:hover  {opacity: 0.8;}
.c-primary{color: var(--primaria-500) !important;}
.c-secondary{color: var(--secundaria-500) !important;}
.b-primary{border-color: var(--primaria-500) !important;}
.b-secondary{border-color: var(--secundaria-500) !important;}

.espacamento {padding: 120px 0px;}
.line-small { .btn-3 {}border: 6px solid  var(--primaria-500) !important; width: 150px; opacity: 100% !important;}


/* CABECALHO */

#cabecalho { height: 100vh; padding: 60px 0px; background-position: center bottom; background-size: cover; background-repeat: no-repeat; }
#cabecalho .text-cabecalho {margin-top: 40px;}
#cabecalho h1 { font-weight: 700; font-size: 68px; line-height: 100%; color: var(--white); }
#cabecalho p {font-weight: 500; font-size: 28px; line-height: 150%; color: var(--white); }
#cabecalho .btn-3 {font-size: 25px;}
#cabecalho #btn-down {position: absolute; bottom: 0; left: 0; margin-left: 50%; transform: translate(-50%, -50%); margin-right: 50%; margin-bottom: 25px;}
#btn-down-mobile {    margin-left: 50%; transform: translate(-50%, -50%);    margin-right: 46%; margin-bottom: -30px; margin-top: -55px;}

/* SOBRE */

#sobre {background-color: #F4F4F4; }
#sobre h1 {background-color: #F4F4F4; font-weight: 400; font-size: 50px; line-height: 130%; color: var(--secundaria-500); margin-bottom: 6px; }
#sobre h1 span {font-weight: bold;}
#sobre .line-small {border: 5px solid  var(--primaria-500) !important; width: 70px; margin-bottom: 50px;}
#sobre p {font-weight: 400; font-size: 20px; line-height: 150%; color: var(--secundaria-500); }
#sobre .card-numero {text-align: center;}
#sobre .card-numeros h2 {font-weight: 400; font-size: 40px; line-height: 130%; font-weight: bold; color: var(--primaria-500); margin-bottom: 6px;}
#sobre .card-numeros p {font-weight: 400; font-size: 18px; line-height: 150%; color: var(--secundaria-500);}

@keyframes moveUpDown {
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-10px);
	}
}

#btn-down svg { animation: moveUpDown 2s infinite;}

/* PARA QUEM É INDICADO */

#quem-indicado {padding-top: 150px; padding-bottom: 150px; background-size: cover; background-repeat: no-repeat; background-position: center bottom;}
#quem-indicado h1 {font-weight: 800; line-height: 130%; color: var(--secundaria-500) !important; margin-bottom: 20px; }
#quem-indicado .line-small {border: 5px solid  var(--white) !important; width: 70px;}
#quem-indicado p {  font-weight: 400; font-size: 20px; line-height: 150%; color: var(--white);}

/* TRATAMENTOS */

#tratamentos {background-color: var(--white); }
#tratamentos h1 {font-weight: 800; line-height: 130%; color: var(--primaria-500) !important; margin-bottom: 20px; }
#tratamentos .card-tratamentos img {object-fit: cover; object-position: center; border-radius: 15px; width: 100%; height: 222px; margin-bottom: 25px;}
#tratamentos .card-tratamentos {padding: 25px 20px; }
#tratamentos .card-tratamentos p {color:var(--secundaria-500); font-weight: 400; min-height: 60px; font-size: 16px; line-height: 150%; text-align: center; }
#tratamentos .card-tratamentos h4 {margin-bottom: 25px;font-weight: 700; font-size: 22px; line-height: 130%; text-align: center; color: var(--secundaria-500);}
#tratamentos .line-small {border: 3px solid  var(--primaria-500) !important; width: 80px;}


/* ATENDIMENTO */

#atendimento  {padding-top: 150px; padding-bottom: 150px; background-size: cover; background-repeat: no-repeat; background-position: center top;}
#atendimento h1 {font-weight: 800; line-height: 130%; color: var(--primaria-500); margin-bottom: 20px; }
#atendimento .card-atendimento {border-radius: 30px; padding: 25px; }
#atendimento .swiper-wrapper .swiper-slide:nth-child(odd) .card-atendimento {background: var(--secundaria-500); }
#atendimento .swiper-wrapper .swiper-slide:nth-child(even) .card-atendimento {background: var(--white); }
#atendimento .swiper-wrapper .swiper-slide:nth-child(odd) .card-atendimento p {color: var(--white);  }
#atendimento .swiper-wrapper .swiper-slide:nth-child(even) .card-atendimento p {color: var(--secundaria-500); }
#atendimento .card-atendimento p {font-weight: 400; min-height: 160px; font-size: 15px; line-height: 150%; text-align: center; }
#atendimento .card-atendimento h4 {margin-bottom: 30px; min-height: 75px; font-weight: 700; font-size: 18px; line-height: 130%; text-align: center; color: var(--primaria-500);}


/* DEPOIMENTOS */


#depoimentos h1 {font-weight: 800; line-height: 130%; color: var(--secundaria-500); margin-bottom: 30px; }
#depoimentos .card-depoimentos img {object-fit: cover; object-position: center; width: 55px; height: 55px; margin-bottom: 56px;}
#depoimentos .card-depoimentos {background: var(--white); border: 1px solid #E7E9ED; border-radius: 10px; padding: 30px; }
#depoimentos .card-depoimentos p {margin-bottom: 56px; min-height: 150px; font-weight: 300; font-size: 20px; line-height: 32px; letter-spacing: -0.5px; color: var(--secundaria-900);}
#depoimentos .card-depoimentos h4 { font-weight: 700; font-size: 17px; line-height: 29px; letter-spacing: -0.2px; color: var(--secundaria-900); }


/* DUVIDAS */

#duvidas {background: var(--primaria-100); }
#duvidas h1 {color: var(--secundaria-500); font-weight: bold;}
.accordion-item {border: none!important; }
.accordion-button {background-color: var(--primaria-100); border:none; padding-left: 0; border-top: 1px solid var(--secundaria-500); border-collapse: collapse; box-shadow: none !important; outline: none !important; font-weight: 700; font-size: 17px; line-height: 114.9%; color: var(--secundaria-500); transition: all  .3s ease-in-out;  border-radius: 0px !important;}
.accordion-button::after {background-image: url('../images/arrow-1.svg');background-size: contain;background-position: right center; width: 10px !important; height: 10px !important;}
.accordion-button:not(.collapsed)::after {background-image: url('../images/-1.svg');background-size: contain;background-position: right center;}
.accordion-item:last-child .accordion-button{border-bottom: 1px solid var(--secundaria-500);}
.accordion-button:not(.collapsed), .accordion-button:focus {background-color: var(--primaria-100);  border-top: 1px solid var(--secundaria-500);  color: var(--secundaria-500);}
.accordion-body {background-color: var(--primaria-100);}

/* INSTAGRAM  */

#instagram h1 {font-weight: 800; line-height: 130%; color: var(--secundaria-500); margin-bottom: 30px;}
#sbi_load{display: none;}
#sb_instagram .sbi_photo { padding: 0px 4px; }

/* FOOTER */

.footer-adress-area {background: var(--primaria-100); padding: 30px 0px 45px 0px;}
.footer-adress-area a {color: var(--secundaria-500); font-size: 17px; line-height: 131%; font-weight: 500;}
footer {background: var(--secundaria-500); padding: 43px 0px;}
footer h1 {font-size: 24px; font-weight: bold; text-align: end; color: var(--white); }
footer .text-redes-rodape {font-weight: bold; font-size: 15px; line-height: 111%; padding-right: 20px; border-right: 1px solid var(--white);}
footer p {font-size: 16px; font-weight: normal; text-align: end; color: var(--white); opacity: 0.8; margin-top: 7px;}
.divider {width: 1px; background-color: var(--white); margin: 0px 50px; height: 120px;}
#assinatura {background: var(--primaria-500); padding: 16px 0px;}
#assinatura p, #assinatura a{ font-size: 14px; color: var(--white);}

@media only screen and (max-width: 767px) {
	
	p{ line-height: 1.4; }

	h1{ font-size: 2.8em; line-height: 1; }
	h2{ font-size: 2.2em; line-height: 1.1; }
	h3{ font-size: 1.8em; }
		
}

@media only screen and (max-width: 479px) {
	body{ font-size: 12px; }
	
}



@media only screen and (max-device-width: 1500px), screen and (max-width: 1500px) {

	#cabecalho h1 {font-size: 49px;}
	#cabecalho p {font-size: 23px;}
	#cabecalho .btn-3 {font-size: 22px;}
	#cabecalho #btn-down {margin-bottom: 0px;}
}


@media only screen and (max-device-width: 1200px), screen and (max-width: 1200px) {

	
	#sobre .card-numeros h2 {font-size: 30px;}
}


@media only screen and (max-device-width: 860px), screen and (max-width: 860px	) {
	.container {padding: 0px 30px !important}
	.espacamento {padding: 60px 0px;}
/* 	#cabecalho { height: 105vh; background-position: right bottom; } */
	#cabecalho h1 {font-size: 33px;  padding: 20px;}
	#cabecalho p {font-size: 18px;  padding: 8px;}
	#cabecalho .btn-3 {font-size: 13px;}
	#cabecalho #btn-down {margin-bottom: 0px;}
	#sobre h1 {font-size: 33px;}
	#sobre .card-numeros h2 {font-size: 22px;}
	.footer-adress-area a {font-size: 13px;}
/* 	#quem-indicado {padding: 60px 0px; margin-bottom: 0px; background-position: left center;} */
/* 	#atendimento {padding: 60px 0px; margin-top: 0px; } */
	#tratamentos {border-radius: 0}
	.btn-next-depoimentos svg, .btn-prev-depoimentos svg, .btn-next-atendimento svg, .btn-prev-atendimento svg, .btn-next-tratamentos svg, .btn-prev-tratamentos svg {opacity: 0.6;}
	.footer-adress-area svg {width: 30px; height: 30px;}

}

@media only screen and (max-device-width: 680px), screen and (max-width: 680px	) {

}