@font-face {font-family: 'open_sans';src: url('../fonts/opensans-extrabold-webfont.woff2') format('woff2'), url('../fonts/opensans-extrabold-webfont.woff') format('woff');font-weight: 900;font-style: normal;}
@font-face {font-family: 'open_sans';src: url('../fonts/opensans-extrabolditalic-webfont.woff2') format('woff2'), url('../fonts/opensans-extrabolditalic-webfont.woff') format('woff');font-weight: 900;font-style: italic;}
@font-face {font-family: 'open_sans';src: url('../fonts/opensans-bold-webfont.woff2') format('woff2'), url('../fonts/opensans-bold-webfont.woff') format('woff');font-weight: 800;font-style: normal;}
@font-face {font-family: 'open_sans';src: url('../fonts/opensans-bolditalic-webfont.woff2') format('woff2'), url('../fonts/opensans-bolditalic-webfont.woff') format('woff');font-weight: 800;font-style: italic;}
@font-face {font-family: 'open_sans';src: url('../fonts/opensans-semibold-webfont.woff2') format('woff2'), url('../fonts/opensans-semibold-webfont.woff') format('woff');font-weight: 700;font-style: normal;}
@font-face {font-family: 'open_sans';src: url('../fonts/opensans-semibolditalic-webfont.woff2') format('woff2'), url('../fonts/opensans-semibolditalic-webfont.woff') format('woff');font-weight: 700;font-style: italic;}
@font-face {font-family: 'open_sans';src: url('../fonts/opensans-italic-webfont.woff2') format('woff2'), url('../fonts/opensans-italic-webfont.woff') format('woff');font-weight: normal;font-style: italic;}
@font-face {font-family: 'open_sans';src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'), url('../fonts/opensans-regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'open_sans';src: url('../fonts/opensans-light-webfont.woff2') format('woff2'), url('../fonts/opensans-light-webfont.woff') format('woff');font-weight: 100;font-style: normal;}
@font-face {font-family: 'open_sans';src: url('../fonts/opensans-lightitalic-webfont.woff2') format('woff2'), url('../fonts/opensans-lightitalic-webfont.woff') format('woff');font-weight: 100;font-style: italic;}

@font-face {font-family: 'gulim';src: url('../fonts/gulim-webfont.woff2') format('woff2'), url('../fonts/gulim-webfont.woff') format('woff');font-weight: normal;font-style: normal;}

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	list-style: none;
	text-decoration: none;
	font-family: 'open_sans';
	font-weight: normal;
}

/*Variaveis*/
:root {
  --corPrimaria: #0084ff;
  --corSecundaria: #3bfcb6;
	--corDark: #222222;
}

::selection {
  background:#395271;
  color: #fff;
}
::-moz-selection {
  background:#395271;
  color: #fff;
}


html {background: #395271}
body {overflow-x: hidden;max-width: 1920px;margin: auto;background: #395271;position: relative;font-size:14px;}

.content {max-width: calc(1420px - 30px);margin: auto;position: relative;padding-left: 15px;padding-right: 15px;width: calc(100% - 30px)}
.clear {clear: both;}

.owl-nav {display: none!important}
.owl-nav button {background-image: url(../img/setas.png)!important;width: 12px;height: 18px;position: absolute;background-repeat: no-repeat!important;z-index: 8;top: calc(50% - 9px);outline: none;}
.owl-nav button.owl-prev {left: -60px}
.owl-nav button.owl-next {right: -60px;background-position: -10px 0!important;}
.owl-dots {margin: auto;width: auto;display: table;padding-top: 20px;}
.owl-dots .owl-dot {width: 16px;height: 16px;background: transparent!important;float: left;border: 5px solid #c2c2cb!important;border-radius: 50%;margin: 8px;outline: none;transition-duration: 0.5s}
.owl-dots .owl-dot:hover,.owl-dots .owl-dot.active {border: 5px solid #c2c2cb!important;background: #c2c2cb!important}

.menu header .menu-mobile {height: 100%;padding-top: 15px;}
.menu header .icon-menu span {background: #fff}
.menu header .icon-menu span:nth-child(1) {transform: rotate(45deg);top: 12px;}
.menu header .icon-menu span:nth-child(2) {opacity: 0}
.menu header .icon-menu span:nth-child(3) {transform: rotate(-45deg);top: -12px;}

.voltar {padding: 60px 0;}
.voltar a {background: #395271;color: #c2c2cb;display: block;width: 110px;text-align: center;margin: auto;padding: 10px;text-transform: uppercase;letter-spacing: 1px;border-radius: 30px;transition-duration: 0.5s}
.voltar a:hover {background: #627189;color: #f1f1f1;}

.m {background: url(../img/m.png);width: 379px;position: absolute;z-index: 7;right: 0;top: 500px;height: 995px;background-size: cover;opacity: 0.9;transition-duration: 0.1s;}

.menu-tratamentos {position: fixed;width: 600px;height: 100%;right: -650px;transition-duration: 0.5s;background-image: url(../img/bg-menu-tratamentos.png), url(../img/bg-menu-tratamentos2.png);background-repeat: no-repeat, repeat;z-index: 9;background-size: contain, auto;background-position: top right;top: 0;transition-duration: 0.8s}
.menu-tratamentos.show {right: 0}
.menu-tratamentos h3 {font-family: 'gulim';color: #3a444f;font-size: 40px;text-transform: uppercase;margin-top: 60px;padding-left: 30px;letter-spacing: 3px;opacity: 0.5;}
.menu-tratamentos h3 img {position: relative;top: -7px;left: -33px;}
.menu-tratamentos .itens {margin-top: 30px}
.menu-tratamentos a .item {color: #dde6ed;text-transform: uppercase;font-size: 14px;letter-spacing: 4px;margin-top: 50px;margin-left: 44px;transition-duration: 0.5s;opacity: 0.5;font-weight: 700;}
.menu-tratamentos a:hover .item, .menu-tratamentos a.active .item {color: #dde6ed;opacity: 1}
.menu-tratamentos a .item span {width: 20px;height: 4px;background: #1a2b3d;display: block;position: relative;left: -53px;top: -15px;transition-duration: 0.5s;}
.menu-tratamentos a:hover .item span {background: #91a2bb;left: 0px;}
.mascara-menu-tratamentos {position: fixed;background: #0a1119; opacity: 0.8;width: 100%; height: 100%; left: 100%; top: 0; z-index: 8;transition-duration: 0.4s}
.mascara-menu-tratamentos.show {left: 0}

header {width: 100%;height: 150px;transition-duration: 0.5s;position: absolute;top: 0;z-index: 7;}
header a.logo {display: block;float: left;margin-top: 20px;transition-duration: 0.5s}
header a.logo img {max-width: 100%;transition-duration: 0.5s}
header ul.menu {float: right;margin-right: 80px;position: relative;}
header ul.menu > li {float: left;position: relative;}
header ul.menu > li > a {padding: 70px 20px;font-size: 11px;text-transform: uppercase;font-weight: 400;color: #c2c2cb;letter-spacing: 3px;transition-duration: 0.5s;text-align: center;display: block;position: relative;}
header ul.menu > li > a:hover,header ul.menu > li.active a {color: #fff;padding: 60px 20px 80px 20px;}
header ul.menu > li > a::before {content: '';position: absolute;width: 100%;height: 0px;display: block;background: #7c8793;top: 0;left: 0;transition-duration: 0.2s;}
header ul.menu > li > a::after {content: url(../img/hover-menu.png);position: absolute;display: block;bottom: 0px;left: 5px;transition-duration: 0.2s;opacity: 0;}
header ul.menu > li > a:hover::before, header ul.menu > li.active a::before {height: 4px}
header ul.menu > li > a:hover::after, header ul.menu > li.active a::after {bottom: 50px;opacity: 1}
header .icon-menu {position: absolute;right: 20px;top: 24px;width: 40px;height: 42px;cursor: pointer;display: none;    z-index: 9;}
header .icon-menu span {width: 40px;height: 4px;display: block;background: #dae7ee;border-radius: 10px;margin-bottom: 8px;transition-duration: 0.5s;transform: rotate(0deg);position: relative;top: 0;}
header .menu-mobile {background: rgba(34, 34, 34, 0.97);position: fixed;top: 74px;z-index: 9;width: 100%;height: 0%;overflow: scroll;transition-duration: 0.5s;padding-top: 0px;}
header .menu-mobile li a {color: #fff;width: calc(100% - 40px);text-align: left;display: block;font-size: 18px;padding: 10px 20px;text-transform: uppercase;letter-spacing: 4px;}
header .menu-mobile li.active > a {color: #dae7ee;font-weight: 800}
header .menu-mobile li ul li img {width: 20px;}
header .menu-mobile li ul li a {text-transform: lowercase;font-weight: 100;}
header .menu-mobile .submenu {margin-left:20px;display:none;}
header .menu-mobile .submenu .item {color: #dde6ed;text-transform: uppercase;font-size: 14px;letter-spacing: 4px;margin-top: 30px;transition-duration: 0.5s;opacity: 1;font-weight: 700;}
header .menu-mobile .submenu .item span {width: 20px;height: 4px;background: #1a2b3d;display: block;position: relative;left: -53px;top: -15px;transition-duration: 0.5s;background: #91a2bb;left: 0px;}
header .social {float: right;margin-top: 65px;}
header .social li {float: left;padding: 4px;}
header .social li a {width: 20px;height: 20px;display: block;background: url(../img/social.png);transition-duration: 0.5s;}
header .social li a.facebook {background-position: 41px 0}
header .social li a.instagram {background-position: 20px 0}
header .social li a.facebook:hover {background-position: 41px 20px}
header .social li a.instagram:hover {background-position: 20px 20px}
header .sombra {background: url(../img/sombra-topo.png);position: absolute;width: 100%;height: 250px;background-repeat: repeat-x;top: 0;}

#banner {background:#0c1925;}
#banner .owl-dots {padding-top: 0px;z-index: 9;position: absolute;left: 50%;transform: translate(-50%);bottom: 40px;width: calc(100% - 30px);max-width: 1410px;}
#banner .owl-dots .owl-dot {background: transparent!important;border: 5px solid #fff!important;}
#banner .owl-dots .owl-dot:hover,#banner .owl-dots .owl-dot.active {border: 5px solid #fff!important;background: #fff!important}
#banner .banner-mobile {display: none}
#banner .texto {position: absolute;z-index: 3;left: 0;width: 100%;bottom:100px;}
#banner .texto h1 {font-family: 'gulim';color: #ffffff;font-size: 38px;line-height: 48px;position: relative;width: 700px;letter-spacing: 3px;margin-top:100px;}
#banner .texto p {color: #fff;font-weight: 100;font-size: 13px;margin-top:20px;padding-right: 100px;letter-spacing: 1px;position: relative;}
#banner .texto a {color: #f6a600;font-weight: 900;text-transform: uppercase;letter-spacing: 1px;font-size: 14px;border: 2px solid #f6a600;padding: 4px 20px;border-radius: 20px;background: transparent;position: relative;top: 50px;transition-duration: 0.5s;position: relative;}
#banner .texto a:hover {background: #f6a600;color: #4c2895}

#home {background: #fff}
#home .tratamentos {height: 380px;background-color: #142230;}
#home .tratamentos a {display:block;}
#home .tratamentos a .item {background: #0f1c2a;width: calc(25% - 16px);float: left;height: 330px;margin-top: 20px;margin-right: 20px;position: relative;overflow:hidden;}
#home .tratamentos a:nth-child(4) .item {margin-right: 0}
#home .tratamentos a .item .imagem {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;background-position: center;opacity: 0.2;z-index: 5}
#home .tratamentos a .item h3 {color: #fff;text-transform: uppercase;font-weight: 400;letter-spacing: 3px;z-index: 6;position: absolute;left: 40px;top: 240px;width: calc(100% - 100px);transition-duration: 0.5s;}
#home .tratamentos a .item h3::before {content: '';background: #91a2bb;width: 20px;height: 4px;display: block;position: absolute;top: -30px;transition-duration: 0.5s;}
#home .tratamentos a .item .texto {position: absolute;z-index: 5;background: #fff;width: 100%;height: 0;left: 0;bottom: 0;transition-duration: 0.5s;opacity: 0;}
#home .tratamentos a .item .texto p {color: #0f1c2a;letter-spacing: 1px;text-align: justify;position: absolute;left: 40px;width: calc(100% - 80px);top: 200px;opacity: 0;transition-duration: 0.8s;overflow: hidden;display: -webkit-box;
-webkit-line-clamp: 9;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;}
#home .tratamentos a:hover .item h3 {color: #0f1c2a;top: 70px;}
#home .tratamentos a:hover .item h3::before {background: #0f1c2a;top: -20px;}
#home .tratamentos a:hover .item .texto {height: 100%;display: block;opacity: 1}
#home .tratamentos a:hover .item .texto p {top: 140px;opacity: 1}
#home .frase {padding: 130px 0;}
#home .frase .imagem {width: 50%; float: left;}
#home .frase .imagem img {max-width: 100%;position: relative;top: 0}
#home .frase .texto {width: 50%; float: left;padding-top: 80px;}
#home .frase .texto * {font-family: 'gulim';color: #c2c2cb;letter-spacing: 2px;font-size: 30px;line-height: 40px;padding-bottom: 20px;}
#home .blog {height: 920px;background-color: #fff;}
#home .blog h2 {text-align: center;color: #395271;text-transform: uppercase;font-size: 18px;font-weight: 600;padding: 90px 0 80px;letter-spacing: 1px;}
#home .blog .item {background: white; /* FF3.6-15 */overflow: hidden;min-height: 560px;box-shadow: 0 9px 20px rgba(0, 0, 0, 0.08);;margin: 20px 10px 20px 10px;transition-duration: 0.5s;}
#home .blog .item:hover {box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.08);margin: 10px 10px 20px 10px}
#home .blog .item .imagem {height: 250px;background-size: cover;opacity: 0.8;transition-duration: 0.8s}
#home .blog .item:hover .imagem {opacity: 0.6}
#home .blog .item .texto {padding: 30px 50px;background: #fff;}
#home .blog .item .texto small {color: #777777;font-weight: 100;font-size: 10px;}
#home .blog .item .texto h4 {color: #666d77;margin-top: 8px;font-weight: 700;letter-spacing: 1px;font-size: 16px;}
#home .blog .item .texto p {text-align: justify;color: #777777;font-weight: 100;margin-top: 20px}
#home .blog .item .texto .tags {margin-top: 20px;}
#home .blog .item .texto .tags li {float: left;background: #333;color: #fff;padding: 4px 10px;margin-right: 8px;margin-top: 10px;border-radius: 30px;font-size: 10px;text-transform: uppercase;font-weight: 700;letter-spacing: 1px;}

#quem-somos .topo {width: 100%;height: 900px;background: url(../img/bg-topo.png);position: relative;background-color: #01c2d;position: relative;z-index: 6;background-position: top center }
#quem-somos .topo .content .imagem {width: 50%;float: left;text-align: right;padding-top: 380px;}
#quem-somos .topo .content .texto {font-family: 'gulim';color: #d6dfe5;width: calc(50% - 50px);float: left;padding-top: 440px;letter-spacing: 2px;font-style: italic;padding-left: 50px;line-height: 26px;}
#quem-somos .topo .content .texto * {font-family: 'gulim';color:#d6dfe5;padding-bottom: 20px;}
#quem-somos .topo .content h1 {font-family: 'gulim';color: #d6dfe5;text-align: center;font-size: 40px;letter-spacing: 4px;padding-top: 20px;}
#quem-somos .topo .content h3 {font-family: 'gulim';color: #d6dfe5;text-align: center;font-size: 14px;letter-spacing: 4px;padding-top: 27px;}
#quem-somos {background: #fff}
#quem-somos .box {padding-top: 100px;}
#quem-somos .box .texto {color: #777777;width: calc(50% - 200px);float: left;padding: 0 100px;text-align: justify;letter-spacing: 0px;}
#quem-somos .box .texto * {color: #777777;padding-bottom: 20px;}
#quem-somos .box .texto strong {font-weight: bold;}
#quem-somos .box .texto em {font-style: italic;}
#quem-somos .box .texto h2 {color: #395271;text-transform: uppercase;font-weight: 700;margin-top: 20px;margin-bottom: 40px;font-size: 18px;}
#quem-somos .box .imagem {width: 50%; float: left;}
#quem-somos .box .imagem img {max-width: 100%}
#quem-somos .texto-centro {color: #777777;width: calc(100% - 500px);padding: 110px 250px;text-align: justify;letter-spacing: 0px;}
#quem-somos .texto-centro * {color: #777777;padding-bottom: 20px;}
#quem-somos .texto-centro strong {font-weight: bold;}
#quem-somos .texto-centro em {font-style: italic;}
#quem-somos .texto-centro h2 {color: #395271;text-transform: uppercase;font-weight: 700;margin-top: 20px;margin-bottom: 40px;font-size: 18px;}
#quem-somos .tratamentos {height: 520px;}
#quem-somos .tratamentos h2 {color: #395271;text-transform: uppercase;font-weight: 700;margin-top: 20px;margin-bottom: 40px;font-size: 18px;text-align: center;}
#quem-somos .tratamentos a .item {background: #0f1c2a;width: calc(100% );float: left;height: 330px;margin-top: 20px;position: relative;}
#quem-somos .tratamentos a .item .imagem {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;background-position: center;opacity: 0.2;z-index: 5}
#quem-somos .tratamentos a .item h3 {color: #fff;text-transform: uppercase;font-weight: 400;letter-spacing: 3px;z-index: 6;position: absolute;left: 40px;top: 240px;width: calc(100% - 100px);transition-duration: 0.5s;}
#quem-somos .tratamentos a .item h3::before {content: '';background: #91a2bb;width: 20px;height: 4px;display: block;position: absolute;top: -30px;transition-duration: 0.5s;}
#quem-somos .tratamentos a .item .texto {position: absolute;z-index: 5;background: #c2c2cb;width: 100%;height: 0;left: 0;bottom: 0;transition-duration: 0.5s;opacity: 0;overflow: hidden;}
#quem-somos .tratamentos a .item .texto p {color: #0f1c2a;letter-spacing: 1px;text-align: justify;position: absolute;left: 40px;width: calc(100% - 80px);top: 200px;opacity: 0;transition-duration: 0.8s;}
#quem-somos .tratamentos a:hover .item h3 {color: #0f1c2a;top: 70px;}
#quem-somos .tratamentos a:hover .item h3::before {background: #0f1c2a;top: -20px;}
#quem-somos .tratamentos a:hover .item .texto {height: 100%;display: block;opacity: 1}
#quem-somos .tratamentos a:hover .item .texto p {top: 140px;opacity: 1;overflow: hidden;display: -webkit-box;
-webkit-line-clamp: 9;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;}

#formulario {background: url(../img/bg-formulario.png);height: 520px;background-size: cover;text-align: center;}
#formulario h2 {font-family: 'gulim';color: #fff;font-size: 30px;letter-spacing: 2px;padding-top: 100px;margin-bottom: 12px;line-height: 40px;}
#formulario p {color: #fff;font-weight: 100;letter-spacing: 1px;}
#formulario .form {padding-top: 70px;width: 640px;margin: auto;position: relative;}
#formulario .form input {background: #627187;border: none;box-shadow: none;color: #fff;outline: none;width: 100%;padding: 25px 45px;font-size: 18px;letter-spacing: 1px;border-radius: 40px;}
#formulario .form input::-webkit-input-placeholder {color:#fff;}
#formulario .form input::-moz-placeholder {color:#fff;}
#formulario .form input:-ms-input-placeholder {color:#fff;}
#formulario .form .btn {cursor: pointer;position: absolute;background: #395271;color: #fff;top: 70px;right: 0;width: 200px;padding: 23px;border-radius: 40px;font-size: 18px;letter-spacing: 1px;line-height: 25px;transition-duration: 0.5s;}
#formulario .form .btn:hover {background: #fff;color: #395271;}

#tratamento {background: #fff}
#tratamento .topo {width: 100%;height: 900px;background: url(../img/bg-topo.png);position: relative;background-color: #011c2d;position: relative;z-index: 6;background-position: top center }
#tratamento .topo .content .imagem {width: 50%;float: left;text-align: left;padding-top: 100px;}
#tratamento .topo .content .imagem img {max-width: 100%}
#tratamento .topo .content .texto {color: #dde6ed;width: calc(50% - 100px);float: left;padding-top: 130px;letter-spacing: 2px;padding-right: 100px;text-align: justify;}
#tratamento .topo .content .texto strong {font-weight: bold;}
#tratamento .topo .content .texto em {font-style: italic;}
#tratamento .topo .content .texto h2 {color: #dde6ed;text-transform: uppercase;font-weight: 700;margin-top: 0px;margin-bottom: 40px;font-size: 18px;}
#tratamento .topo .content h1 {font-family: 'gulim';color: #d6dfe5;text-align: center;font-size: 40px;letter-spacing: 4px;padding-top: 350px;}
#tratamento .topo .content h3 {font-family: 'gulim';color: #d6dfe5;text-align: center;font-size: 14px;letter-spacing: 4px;padding-top: 27px;}
#tratamento .box.indicacoes {padding-top: 100px;}
#tratamento .box.indicacoes .texto {color: #777777;width: calc(100% - 400px);float: left;padding: 0 200px;text-align: justify;letter-spacing: 0px;margin-bottom: 50px;}
#tratamento .box.indicacoes .texto * {color: #777777;}
#tratamento .box.indicacoes .texto p {margin-bottom:20px;}
#tratamento .box.indicacoes .texto strong {font-weight: bold;}
#tratamento .box.indicacoes .texto em {font-style: italic;}
#tratamento .box.indicacoes .texto h2 {color: #395271;text-transform: uppercase;font-weight: 700;margin-top: 20px;margin-bottom: 40px;font-size: 18px;}
#tratamento .box.indicacoes .imagem {width: 100%; float: left;}
#tratamento .box.indicacoes .faixa {background: #142230; width: 100%; height: 70px}
#tratamento .box.indicacoes .faixa span {float: left;display: block;width: 50%;color: #dde6ed;text-transform: uppercase;font-weight: 700;font-size: 18px;text-align: center;line-height: 70px;}
#tratamento .box.causas {padding-top: 100px;}
#tratamento .box.causas .texto {color: #777777;width: calc(100% - 1110px);float: left;padding-left: 200px;text-align: justify;letter-spacing: 0px;margin-bottom: 50px;padding-right: 20px;}
#tratamento .box.causas .texto * {color: #777777;}
#tratamento .box.causas .texto p {margin-bottom:20px;}
#tratamento .box.causas .texto strong {font-weight: bold;}
#tratamento .box.causas .texto em {font-style: italic;}
#tratamento .box.causas .texto h2 {color: #395271;text-transform: uppercase;font-weight: 700;margin-top: 20px;margin-bottom: 40px;font-size: 18px;}
#tratamento .box.causas .imagem {width: 700px; float: left;padding-top: 83px;}
#tratamento .box.resultados {padding-top: 80px;}
#tratamento .box.resultados .texto {color: #777777;width: calc(100% - 1094px);float: left;padding-left: 500px;text-align: justify;letter-spacing: 0px;margin-bottom: 50px;padding-right: 20px;}
#tratamento .box.resultados .texto * {color: #777777;}
#tratamento .box.resultados .texto p {margin-bottom:20px;}
#tratamento .box.resultados .texto strong {font-weight: bold;}
#tratamento .box.resultados .texto em {font-style: italic;}
#tratamento .box.resultados .texto h2 {color: #395271;text-transform: uppercase;font-weight: 700;margin-top: 20px;margin-bottom: 40px;font-size: 18px;}
#tratamento .box.resultados .imagem {width: 383px; float: left;padding-top: 83px;}
#tratamento .box.resultados .imagem img {max-width:100%;}
#tratamento .box.casos {padding-top: 80px;}
#tratamento .box.casos .texto {color: #777777;width: calc(100% - 400px);float: left;padding-left: 200px;text-align: justify;letter-spacing: 0px;margin-bottom: 50px;padding-right: 20px;}
#tratamento .box.casos .texto * {color: #777777;pad}
#tratamento .box.casos .texto p {margin-bottom:20px;}
#tratamento .box.casos .texto strong {font-weight: bold;}
#tratamento .box.casos .texto em {font-style: italic;}
#tratamento .box.casos .texto h2 {color: #395271;text-transform: uppercase;font-weight: 700;margin-top: 20px;margin-bottom: 40px;font-size: 18px;}
#tratamento .box.casos .owl-carousel {}
#tratamento .box.casos .owl-carousel .item {}
#tratamento .box.casos .owl-carousel .item .titulo {color: #395271;text-transform: uppercase;font-weight: 700;font-size: 18px;}
#tratamento .box.casos .owl-carousel .item .texto {padding: 0;width: 100%;margin-bottom: 20px;}
#tratamento .box.casos .owl-carousel .item .antes, #tratamento .box.casos .owl-carousel .item .depois {float: left;width: calc(50% - 10px);}
#tratamento .box.casos .owl-carousel .item .antes {padding-right: 10px}
#tratamento .box.casos .owl-carousel .item .depois {padding-left: 10px}
#tratamento .box.casos .owl-carousel .item .imagem {height: 220px;background-size: cover;background-position: center;width: 100%}
#tratamento .box.casos .owl-carousel .item span {background: #c2c2cb;color: #142230;width: calc(100% - 20px);display: block;text-transform: uppercase;font-weight: 800;padding: 10px;font-size: 14px;transition-duration: 0.5s}
#tratamento .box.casos .owl-carousel .item:hover span {background: #142230;color: #c2c2cb;}
#tratamento .box.duvidas {padding-top: 80px;}
#tratamento .box.duvidas .texto {color: #777777;width: calc(100% - 400px);float: left;padding-left: 200px;text-align: justify;letter-spacing: 0px;margin-bottom: 50px;padding-right: 20px;}
#tratamento .box.duvidas .texto * {color: #777777;}
#tratamento .box.duvidas .texto p {margin-bottom:20px;}
#tratamento .box.duvidas .texto strong {font-weight: bold;}
#tratamento .box.duvidas .texto em {font-style: italic;}
#tratamento .box.duvidas .texto h2 {color: #395271;text-transform: uppercase;font-weight: 700;margin-top: 20px;margin-bottom: 40px;font-size: 18px;}
#tratamento .box.duvidas .perguntas {margin-top: 30px}
#tratamento .box.duvidas .perguntas .pergunta {cursor: pointer;}
#tratamento .box.duvidas .perguntas .pergunta .titulo {background-color: #142230;color: #c2c2cb;padding: 10px 20px;margin-top: 10px;background-image: url(../img/seta-baixo.png);background-repeat: no-repeat;background-position: calc(100% - 13px) center;}
#tratamento .box.duvidas .perguntas .pergunta .titulo.ativo {background-image: url(../img/seta-cima.png);}
#tratamento .box.duvidas .perguntas .pergunta .resposta {padding: 30px;}
#tratamento .tratamentos {height: 520px;}
#tratamento .tratamentos h2 {color: #395271;text-transform: uppercase;font-weight: 700;margin-top: 20px;margin-bottom: 40px;font-size: 18px;text-align: center;}
#tratamento .tratamentos a .item {background: #0f1c2a;width: calc(100% );float: left;height: 330px;margin-top: 20px;position: relative;}
#tratamento .tratamentos a .item .imagem {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;background-position: center;opacity: 0.2;z-index: 5}
#tratamento .tratamentos a .item h3 {color: #fff;text-transform: uppercase;font-weight: 400;letter-spacing: 3px;z-index: 6;position: absolute;left: 40px;top: 240px;width: calc(100% - 100px);transition-duration: 0.5s;}
#tratamento .tratamentos a .item h3::before {content: '';background: #91a2bb;width: 20px;height: 4px;display: block;position: absolute;top: -30px;transition-duration: 0.5s;}
#tratamento .tratamentos a .item .texto {position: absolute;z-index: 5;background: #c2c2cb;width: 100%;height: 0;left: 0;bottom: 0;transition-duration: 0.5s;opacity: 0;overflow: hidden;}
#tratamento .tratamentos a .item .texto p {color: #0f1c2a;letter-spacing: 1px;text-align: justify;position: absolute;left: 40px;width: calc(100% - 80px);top: 200px;opacity: 0;transition-duration: 0.8s;
display: -webkit-box;
-webkit-line-clamp: 9;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;}
#tratamento .tratamentos a:hover .item h3 {color: #0f1c2a;top: 70px;}
#tratamento .tratamentos a:hover .item h3::before {background: #0f1c2a;top: -20px;}
#tratamento .tratamentos a:hover .item .texto {height: 100%;display: block;opacity: 1}
#tratamento .tratamentos a:hover .item .texto p {top: 140px;opacity: 1}

#caso {background: #fff}
#caso .topo {width: 100%;height: auto;background: url(../img/bg-topo.png);position: relative;background-color: #01c2d;position: relative;z-index: 6;background-position: top center;margin-bottom: 50px;}
#caso .topo .content h1 {font-family: 'gulim';color: #d6dfe5;text-align: center;font-size: 40px;letter-spacing: 4px;padding-top: 350px;}
#caso .topo .content h3 {font-family: 'gulim';color: #d6dfe5;text-align: center;font-size: 14px;letter-spacing: 4px;padding-top: 27px;}
#caso .box.indicacoes {padding-top: 100px;}
#caso .box.indicacoes .imagem {width: 100%; float: left;}
#caso .box.indicacoes .faixa {background: #142230; width: 100%; height: 70px}
#caso .box.indicacoes .faixa span {float: left;display: block;width: 50%;color: #dde6ed;text-transform: uppercase;font-weight: 700;font-size: 18px;text-align: center;line-height: 70px;}
#caso .texto {color: #777777;width: calc(100% - 400px);float: left;padding: 0 200px;text-align: justify;letter-spacing: 0px;margin-bottom: 0px;margin-top: 30px;}
#caso .texto * {color: #777777;padding-bottom: 20px;}
#caso .texto strong {font-weight: bold;}
#caso .texto em {font-style: italic;}
#caso .texto h2 {color: #395271;text-transform: uppercase;font-weight: 700;margin-top: 20px;margin-bottom: 40px;font-size: 18px;}
#caso .galeria {margin-top: 30px}
#caso .galeria a {width: calc(33.33% - 2px);float: left;height: 350px;display: block;overflow: hidden;margin: 1px;}
#caso .galeria a img {object-fit: cover;width: 100%;height: 100%;}
#caso .box.casos {padding-top: 80px;padding-bottom: 60px}
#caso .box.casos .texto {color: #777777;width: calc(100% - 400px);float: left;padding-left: 200px;text-align: justify;letter-spacing: 0px;margin-bottom: 50px;padding-right: 20px;}
#caso .box.casos .texto h2 {color: #395271;text-transform: uppercase;font-weight: 700;margin-top: 20px;margin-bottom: 40px;font-size: 18px;text-align: center;}
#caso .box.casos .owl-carousel .item .titulo {color: #395271;text-transform: uppercase;font-weight: 700;font-size: 18px;}
#caso .box.casos .owl-carousel .item .texto {padding: 0;width: 100%;margin-bottom: 20px;}
#caso .box.casos .owl-carousel .item .antes, #caso .box.casos .owl-carousel .item .depois {float: left;width: calc(50% - 10px);}
#caso .box.casos .owl-carousel .item .antes {padding-right: 10px}
#caso .box.casos .owl-carousel .item .depois {padding-left: 10px}
#caso .box.casos .owl-carousel .item .imagem {height: 220px;background-size: cover;background-position: center;width: 100%}
#caso .box.casos .owl-carousel .item span {background: #c2c2cb;color: #142230;width: calc(100% - 20px);display: block;text-transform: uppercase;font-weight: 800;padding: 10px;font-size: 14px;transition-duration: 0.5s}
#caso .box.casos .owl-carousel .item:hover span {background: #142230;color: #c2c2cb;}

#contato {background: #fff}
#contato .topo {width: 100%;height: 900px;background: url(../img/bg-topo.png);position: relative;background-color: #01c2d;position: relative;z-index: 6;background-position: top center;margin-bottom: 20px;}
#contato .topo .content h1 {font-family: 'gulim';color: #d6dfe5;text-align: center;font-size: 40px;letter-spacing: 4px;padding-top: 350px;}
#contato .topo .content h3 {font-family: 'gulim';color: #d6dfe5;text-align: center;font-size: 14px;letter-spacing: 4px;padding-top: 27px;}
#contato .topo form {margin-top:80px;margin-bottom: 80px;}
#contato .topo form input,
#contato .topo form textarea {border-radius: 4px;padding: 0px 25px;color: #bbbbbb;font-weight: 700;margin-right: 20px;margin-bottom: 20px;background: #fff;border: 0px;font-size: 16px;width: calc(33.33% - 14px);height: 100px;line-height: 100px;float: left;box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);transition-duration:0.5s;font-weight: 700;}
#contato .topo form input[name="telefone"] {margin-right: 0}
#contato .topo form input:focus,
#contato .topo form textarea:focus {background:#395271;color:#fff;outline: none}
#contato .topo form textarea {width:calc(66.6% - 8px);resize: none;margin-right: 0}
#contato .topo form button {float: right;font-size: 20px;margin-right: 40px;height: 70px;cursor: pointer;border: 0px;color: white;font-weight: 200;letter-spacing: 2px;background: #395271;border-radius: 40px;padding: 0px 40px;margin-top: -55px;transition: ease-out all 0.4s;outline: none!important}
#contato .topo form button:hover {color: #666;background: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}
#contato .topo form input:focus::-webkit-input-placeholder {color:#fff;}
#contato .topo form input:focus::-moz-placeholder {color:#fff;}
#contato .topo form input:focus:-ms-input-placeholder {color:#fff;}
#contato .topo form textarea:focus::-webkit-input-placeholder {color:#fff;}
#contato .topo form textarea:focus::-moz-placeholder {color:#fff;}
#contato .topo form textarea:focus:-ms-input-placeholder {color:#fff;}
#contato .topo .retorno .success {background: #01c2d;color: #fff;text-align: center;padding: 10px 0;margin-bottom: 20px;border-radius: 6px;}
#contato .topo .retorno .error {background: #F44336;color: #fff;text-align: center;padding: 10px 0;margin-bottom: 20px;border-radius: 6px;}
#contato .contatos {margin: auto;width: 770px;padding-top: 80px;}
#contato .contatos h2 {color: #395271;text-transform: uppercase;font-size: 20px;font-weight: 800;letter-spacing: 1px;padding-bottom: 20px;text-align: center;padding-top: 20px;}
#contato .contatos a {font-size: 16px;font-weight: 100;color: #888;letter-spacing: 1px;background-repeat: no-repeat;margin: 0px 20px 0px 20px;position: relative;    display: block;float: left;}
#contato .contatos a::before {background: #395271;color: #fff;position: absolute;display: block;height: 10px;top: 0px;left: calc(50% - 60px);padding: 5px;width: 120px;font-size: 9px;border-radius: 10px;text-align: center;line-height: 11px;opacity: 0;transition-duration: 0.5s;}
#contato .contatos a:hover::before {opacity: 1;top: -20px}
#contato .contatos a span {background-image: url(../img/icones-contato.png);display: block;height: 27px;background-repeat: no-repeat;float: left;width: 27px;margin-right: 7px;position: relative;top: -3px;}
#contato .contatos a.whatsapp span {background-position: -53px 0px;}
#contato .contatos a.telefone span {background-position: -26px 0px;}
#contato .contatos a.email span {background-position: -80px 0px;}
#contato .contatos a.whatsapp::before {content:'Enviar mensagem'}
#contato .contatos a.telefone::before {content:'Ligar'}
#contato .contatos a.email::before {content:'Enviar e-mail'}
#contato .localizacao {width: 100%; height: 630px;padding-top: 80px;padding-bottom: 30px;}
#contato .localizacao h2 {color: #395271;text-transform: uppercase;font-size: 20px;font-weight: 800;letter-spacing: 1px;padding-bottom: 20px;text-align: center;padding-top: 20px;}
#contato .localizacao h3 {color: #666666;font-size: 14px;font-weight: 100;letter-spacing: 1px;padding-bottom: 40px;text-align: center;padding-top: 40px;border-radius: 0 0 5px 5px;z-index: 7;position: relative;width: 550px;margin: auto;}
#contato .localizacao h3 span {background-image: url(../img/icones-contato.png);display: block;height: 27px;background-repeat: no-repeat;float: left;width: 27px;margin-right: 7px;position: relative;top: -3px;}
#contato .localizacao .mapa {width: 100%;height: 440px;border-radius: 5px 5px 0 0;box-shadow: 0 0 20px rgba(0, 0, 0, 0.22);z-index: 6;position: relative;}


#footer {height: 1000px;width: 100%;background-image: url(../img/bg-footer.jpg);background-size:cover;position: relative;}
#footer h4 {font-family: 'gulim';color: #fff;text-align: center;font-size: 30px;padding-top: 150px;}
#footer .ligue {background: #91a2bb;color: #fff;font-weight: 800;font-size: 16px;width: 300px;text-align: center;padding: 14px;margin: auto;margin-top: 60px;border-radius: 30px;display: block;transition-duration: 0.5s}
#footer .ligue:hover {background: #ffffff;color: #91a2bb;transition-duration: 0.5s}
#footer .logo {position: relative;top: 0;left: calc(50% - 152px);margin-top: 120px;}
#footer .textos {padding-top: 240px;float: left;width: calc(100% - 70px);}
#footer .textos .endereco {color: #fff;font-weight: 100;font-size: 14px;float: left;}
#footer .textos .endereco span {background: url(../img/icones-contato.png);display: block;height: 27px;background-repeat: no-repeat;float: left;width: 27px;margin-right: 7px;position: relative;top: -5px;}
#footer .textos .endereco .agende {transition-duration: 0.5s;float: right;color: #142230;background: #fff;font-weight: 800;text-transform: uppercase;font-size: 11px;padding: 5px 20px;border-radius: 20px;margin-left: 20px;margin-top: -3px;cursor: pointer;transition-duration: 0.3gs;}
#footer .textos .endereco .agende:hover {margin-left: 30px;transition-duration: 0.5s}
#footer .textos .contatos {float: right;}
#footer .textos .contatos .telefone {color: #fff;font-weight: 100;font-size: 14px;float: left;}
#footer .textos .contatos .telefone span {background: url(../img/icones-contato.png);display: block;height: 27px;background-repeat: no-repeat;float: left;width: 27px;margin-right: 7px;position: relative;top: -5px;background-position: -26px 0px;}
#footer .textos .contatos .whatsapp {color: #fff;font-weight: 100;font-size: 14px;margin-left: 20px;float: left;}
#footer .textos .contatos .whatsapp span {background: url(../img/icones-contato.png);display: block;height: 27px;background-repeat: no-repeat;float: left;width: 27px;margin-right: 7px;position: relative;top: -5px;background-position: -53px 0px;}
#footer .egge {width: 41px;height: 32px;background: url(../img/egge.png) no-repeat;overflow: hidden;-webkit-transition: ease-out all 0.4s;transition: ease-out all 0.4s;position: absolute;left: calc(50% - 20px);bottom: 40px;}
#footer .egge .part1 {width:8px;height:19px;background:url(../img/egge2.png) no-repeat;position:absolute;margin-top:4px;margin-left:3px;-webkit-transition:ease-out all 0.2s;transition:ease-out all 0.2s;}
#footer .egge .part2 {width:8px;height:26px;background:url(../img/egge3.png) no-repeat;position:absolute;margin-top:4px;margin-left:12px;-webkit-transition:ease-out all 0.4s;transition:ease-out all 0.4s;}
#footer .egge .part3 {width:8px;height:26px;background:url(../img/egge3.png) no-repeat;position:absolute;margin-top:4px;margin-left:21px;-webkit-transition:ease-out all 0.6s;transition:ease-out all 0.6s;}
#footer .egge .part4 {width:8px;height:19px;background:url(../img/egge2.png) no-repeat;position:absolute;margin-top:4px;margin-left:30px;-webkit-transition:ease-out all 0.8s;transition:ease-out all 0.8s;}
#footer .egge:hover {background-position:bottom;}
#footer .egge:hover .part1 {background-position:bottom;}
#footer .egge:hover .part2 {background-position:bottom;}
#footer .egge:hover .part3 {background-position:bottom;}
#footer .egge:hover .part4 {background-position:bottom;}
#footer .social {float: right;margin-top: 234px;}
#footer .social li {float: left;padding: 4px;}
#footer .social li a {width: 20px;height: 20px;display: block;background: url(../img/social.png);transition-duration: 0.5s;}
#footer .social li a.linkedin {background-position: 0 0}
#footer .social li a.facebook {background-position: 41px 0}
#footer .social li a.instagram {background-position: 20px 0}
#footer .social li a.linkedin:hover {background-position: 0 20px}
#footer .social li a.facebook:hover {background-position: 41px 20px}
#footer .social li a.instagram:hover {background-position: 20px 20px}