/* #####################################
########################################

	Theme name: Eduarda Lasta
	Theme URI: Não informado
	Description: Este tema foi desenvolvido exclusivamente para a Clínica Eduarda Lasta.

	Code: Gabriel Amarante | gabrielfreelancer.com.br
	Author: Visuality
	Author URI: http://visuality.com.br

	Version: 02.2020

########################################
##################################### */

@charset "UTF-8";

/* ######
   Básicos
############ */

* {
	outline: none;
	cursor: url(images/bg/cursor.svg), auto;
}

html , body {
	margin: 0;
	padding: 0;
}

body {
	color: #707070;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
}

p {
	line-height: 24px;
	margin: 0 0 20px;
}

a , a:hover , a:focus {
	text-decoration: none;
}

button , button:hover , button:focus {
	outline: none;
}

img {
	max-width: 100%;
	height: auto;
}

/* ######
   Gerais
############ */

.site {
	overflow: hidden;
}

/* box-slide */

.box-slide {
	position: relative;
}

/* display-table */

.display-table {
	display: table;
	margin: 0;
	padding: 0;
}
.table-cell {
	display: table-cell;
	vertical-align: middle;
}

/* df-center */

.df-center {
	align-items: center;
	display: flex;
	width: 100%;
	height: 100%;
}

/* read-more */

.read-more ,
.read-more:hover {
	color: #CB9E33;
	font-weight: 700;
	display: inline-block;
}
.read-more.white {
	color: #FFF;
}
.read-more::before {
	content: '';
	display: inline-block;
	width: 35px;
	height: 1px;
	margin: -4px 10px 4px 0;
	transition: .5s;
	background: #CB9E33;
}
.read-more.white::before {
	background: #FFF;
}
.read-more:hover::before {
	width: 50px;
}

/* slick-arrow */

.slick-arrow {
	font-size: 0;
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: -60px;
	left: 0;
	z-index: 1;
	transition: .3s;
	border: none;
	border-radius: 50%;
	background: #CB9E33 url(images/icons/arrow-slide.png) no-repeat center center;
	background-size: 12px auto;
}
.slick-arrow:hover {
	background-color: #E2A20E;
}
.slick-next {
	left: 40px;
	transform: rotate(180deg);
}

/* ######
   Cursor
############ */

.cursor {
	width: 40px;
	height: 40px;
	position: fixed;
	z-index: 9999;
	transform: translate(-35%,-35%);
	pointer-events: none !important;
	border-radius: 50%;
	background: rgba(233,233,233,.5);
}

/* ######
   Carregamento personalizado
############ */

#preloader {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	transition: 1s;
	background: #000;
}
#preloader.disabled {
	opacity: 0;
	z-index: -10;
}
#preloader img {
	width: 300px;
	max-width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* ######
   Página de login
############ */

.login {
	background: url(images/admin/bg.png) repeat left top;
}
.login h1 a {
	width: 150px;
	height: 100px;
	background: url(images/admin/login.png) no-repeat center center;
}
.login label {
	font-size: 12px;
}
.login input ,
.login input:hover ,
.login input:focus {
	outline: none;
	transition: .5s;
	box-shadow: none;
}

/* ######
   Cabeçalho
############ */

#header {
	padding: 10px 0;
	position: relative;
	z-index: 2;
	border-top: solid 1px #DBDBDB;
	border-bottom: solid 1px #DBDBDB;
	background: #FFF;
}

/* box-logo */

#header .box-logo {
	margin: 0;
}
#header .box-logo img {
	max-height: 55px;
}

/* box-contain */

#header .box-contain {
	text-align: right;
}

/* box-nav */

#header .box-nav {
	display: inline-block;
}

/* navbar-nav */

#header .navbar-nav {
	display: block;
}
#header .navbar-nav .nav-item {
	display: inline-block;
	margin: 0 0 0 25px;
}
#header .navbar-nav .nav-link {
	color: #707070;
	font-family: 'ZCOOL XiaoWei', serif;
	text-transform: uppercase;
	display: block;
	margin: -11px 0 0;
	padding: 26px 0 0;
	transition: .3s;
	border-top: solid 2px transparent;
}
#header .navbar-nav .nav-link:hover ,
#header .navbar-nav .current-menu-item .nav-link {
	color: #CB9E33;
	border-color: #CB9E33;
}

/* social-case */

#header .social-case {
	display: inline-block;
	margin: 0 0 0 30px;
}
#header .social-case a {
	color: #707070;
	font-size: 16px;
	display: inline-block;
	margin: 0;
	transition: .3s;
}
#header .social-case a:hover {
	color: #CB9E33;
}
#header .social-case span.icon-instagram-image {
	display: block;
	width: 16px;
	height: 16px;
	margin: 3px 0 -3px;
	filter: brightness(70%) grayscale(100%);
	transition: .3s;
	background: url(images/icons/instagram.png) center center no-repeat;
	background-size: contain;
}
#header .social-case span.icon-instagram-image:hover {
	filter: brightness(100%) grayscale(0);
}

/* box-search */

#header .box-search {
	display: inline-block;
	margin: 0 0 0 10px;
}
#header .box-search button {
	color: transparent;
	font-size: 16px;
	display: block;
	width: 22px;
	height: 22px;
	padding: 0px;
	border: none;
	background: url(images/icons/search.png) no-repeat center center;
	background-size: 16px auto;
}

/* ######
   Navegação
############ */

#navigation {
	width: 100%;
	padding: 5px 0;
	position: fixed;
	top: -100px;
	left: 0;
	z-index: 5;
	transition: .5s;
	box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.25);
	background: #FFF;
}
#navigation.active {
	top: 0;
}

/* box-logo */

#navigation .box-logo {
	margin: 0;
}
#navigation .box-logo img {
	max-height: 40px;
}

/* box-menu */

#navigation .box-menu {
	text-align: right;
}
#navigation .box-menu button {
	color: transparent;
	display: inline-block;
	width: 60px;
	height: 50px;
	margin: -5px 0;
	transition: .3s;
	border: none;
	background: #CB9E33 url(images/icons/menu.png) no-repeat center center;
	background-size: 25px auto;
}
#navigation .box-menu button:hover {
	background-color: #E2A20E;
}

/* ######
   Menu
############ */

#menu {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -5;
	opacity: 0;
	transition: .6s;
	background: url(images/bg/menu.jpg) no-repeat center center;
	background-size: cover;
}
#menu.active {
	z-index: 9;
	opacity: 1;
}
#menu button {
	font-size: 0;
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 30px;
	right: 30px;
	border: none;
	background: url(images/icons/close.png) no-repeat center center;
	background-size: contain;
}

/* box-logo */

#menu .box-logo {
	margin: 0;
	position: absolute;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
}
#menu .box-logo img {
	width: 250px;
}

/* box-content */

#menu .box-content {
	width: 90%;
	max-width: 700px;
	margin: 0 auto;
	padding: 15px 0;
	position: absolute;
	top: calc(50% + 30px);
	left: 50%;
	transform: translate(-50%,-50%);
}
#menu .box-content::before {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background: #CB9E33;
}

/* navbar-nav */

#menu .navbar-nav {
	text-align: right;
	display: block;
	width: 100%;
	padding: 0 30px 0 0;
}
#menu .navbar-nav .nav-item {
	display: block;
	margin: 20px 0;
}
#menu .navbar-nav .nav-link {
	color: #707070;
	font-size: 26px;
	font-family: 'ZCOOL XiaoWei', serif;
	text-transform: uppercase;
	display: inline-block;
	padding: 0;
	transition: .3s;
}
#menu .navbar-nav .nav-link:hover ,
#menu .navbar-nav .current-menu-item .nav-link {
	color: #CB9E33;
}

/* box-contact */

#menu .box-contact {
	padding: 0 0 0 30px;
}
#menu .box-contact h3 {
	color: #CB9E33;
	font-size: 26px;
	font-family: 'ZCOOL XiaoWei', serif;
	text-transform: uppercase;
	margin: 0 0 20px;
}
#menu .box-contact p {
	line-height: 30px;
	margin: 0;
}
#menu .box-contact a {
	color: #707070;
	line-height: 30px;
	display: inline-block;
}
#menu .box-contact hr {
	margin: 15px 0;
	border: none;
	border-bottom: solid 1px #CB9E33;
}

/* social-case */

#menu .social-case {
	margin: 10px 0 0;
}
#menu .social-case a {
	font-size: 16px;
	margin: 0 5px 0 0;
}
#menu .social-case span.icon-instagram-image {
	display: block;
	width: 16px;
	height: 16px;
	margin: 3px 0 -3px;
	filter: brightness(70%) grayscale(100%);
	transition: .3s;
	background: url(images/icons/instagram.png) center center no-repeat;
	background-size: contain;
}
#menu .social-case span.icon-instagram-image:hover {
	filter: brightness(100%) grayscale(0);
}

/* box-footer */

#menu .box-footer {
	position: absolute;
	bottom: 60px;
	left: 50%;
	transform: translateX(-50%);
}
#menu .box-footer img {
	width: 200px;
}

/* ######
   Whatsapp
############ */

#whatsapp {
	position: fixed;
	bottom: 20px;
	right: -100px;
	z-index: 4;
	transition: .5s;
}
#whatsapp.active {
	right: 10px;
}
#whatsapp a {
	font-size: 0;
	display: block;
	width: 50px;
	height: 50px;
	transition: .3s;
	background: #CB9E33 url(images/icons/whatsapp.png) no-repeat top 13px left 15px;
	background-size: 22px auto;
}
#whatsapp a:hover {
	background-color: #E2A20E;
}

/* ######
   Busca
############ */

#search {
	margin: -40px 0 0;
	transition: .5s;
	background: #FFF;
}
#search.active {
	margin: 0;
}

/* box-contain */

#search .box-contain {
	margin: 0 auto;
	position: relative;
}
#search .box-contain input {
	font-size: 13px;
	text-align: center;
	width: calc(100% - 100px);
	height: 40px;
	padding: 0;
	border: none;
}
#search .box-contain input[type='submit'] {
	color: #FFF;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	width: 90px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	transition: .3s;
	background: #CB9E33;
}
#search .box-contain input[type='submit']:hover {
	background: #E2A20E;
}

/* ######
   Complemento
############ */

#complementary {
	padding: 60px 0;
	position: relative;
	z-index: 2;
	background: #CB9E33;
}

/* box-title */

#complementary .box-title {
	margin: 0 0 30px;
}
#complementary .box-title h2 {
	color: #FFF;
	font-size: 50px;
	font-family: 'ZCOOL XiaoWei', serif;
	line-height: 60px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0;
}

/* box-text */

#complementary .box-text {
	text-align: center;
	max-width: 700px;
	margin: 0 auto;
}
#complementary .box-text p {
	color: #FFF;
	line-height: 24px;
	margin: 0 0 20px;
}

/* ######
   Contato
############ */

#contact {
	padding: 30px 0;
	position: relative;
	z-index: 2;
	background: #BC8D1D;
}
#contact::after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 2;
	transform: translateY(-50%);
	background: #CB9E33;
}

/* box-contain */

#contact .box-contain {
	text-align: center;
	margin: 0 0 30px;
}

/* box-text */

#contact .box-text {
	display: inline-block;
}
#contact .box-text p {
	color: #FFF;
	display: inline-block;
	margin: 0;
}
#contact .box-text a {
	color: #FFF;
}
#contact .box-text span {
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: -2px 15px 2px;
	border-radius: 50%;
	background: #FFF;
}

/* social-case */

#contact .social-case {
	display: inline-block;
	margin: 0 0 0 20px;
}
#contact .social-case a {
	color: #FFF;
	font-size: 18px;
}
#contact .social-case span.icon-instagram-image {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 3px 0 -3px;
	filter: brightness(0) grayscale(100%) invert(100%);
	transition: .3s;
	background: url(images/icons/instagram.png) center center no-repeat;
	background-size: contain;
}

/* box-location */

#contact .box-location {
	text-align: center;
}
#contact .box-location p {
	color: #FFF;
	margin: 0;
}

/* ######
   Rodapé
############ */

#footer {
	padding: 40px 0;
	position: relative;
	z-index: 2;
	background: #FFF;
}

/* box-logo */

#footer .box-logo {
	margin: 0 0 30px;
}

/* box-copyright */

#footer .box-copyright p {
	font-size: 13px;
	line-height: 23px;
	margin: 0;
}
#footer .box-copyright a {
	color: #CB9E33;
	font-weight: 700;
}

/* box-title */

#footer .box-title {
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: solid 1px #DBDBDB;
}
#footer .box-title h3 {
	color: #CB9E33;
	font-size: 14px;
	font-weight: 700;
	margin: 0;
}

/* box-item */

#footer .box-item {
	margin: 0 0 5px;
}
#footer .box-item a {
	color: #707070;
	line-height: 24px;
	display: inline-block;
	transition: .3s;
}
#footer .box-item a:hover {
	color: #CB9E33;
}

/* navbar-nav */

#footer .navbar-nav {
	display: block;
	width: 100%;
}

/* nav-item */

#footer .navbar-nav .nav-item {
	display: block;
	margin: 0 0 5px;
}
#footer .navbar-nav .nav-link {
	color: #707070;
	line-height: 24px;
	display: inline-block;
	padding: 0;
	transition: .3s;
}
#footer .navbar-nav .nav-link:hover {
	color: #CB9E33;
}

/* ######
   Procedimentos
############ */

#procedure {
	padding: 80px 0 0;
	position: relative;
	z-index: 2;
	background: #FFF;
}

/* box-title */

#procedure .box-title {
	margin: 0 0 30px;
}
#procedure .box-title h1 {
	color: #CB9E33;
	font-size: 50px;
	font-family: 'ZCOOL XiaoWei', serif;
	line-height: 60px;
	letter-spacing: 2px;
	text-transform: uppercase;
	display: inline-block;
	width: auto;
	margin: 0;
	position: relative;
}
#procedure .box-title h1::before {
	content: '';
	display: block;
	width: 100vw;
	height: 1px;
	position: absolute;
	top: 50%;
	left: -30px;
	z-index: 1;
	transform: translateY(-50%);
	background: #DBDBDB;
}
#procedure .box-title h1 span {
	position: relative;
	z-index: 2;
}

/* box-text */

#procedure .box-text {
	max-width: 600px;
	margin: 0 0 30px;
}
#procedure .box-text p {
	line-height: 24px;
	margin: 0;
}

/* box-slide */

#procedure .box-slide {
	width: 100vw;
	margin: 0 0 30px;
	padding: 60px 0 0;
}

/* box-item */

#procedure .box-item {
	padding: 0 30px 0 0;
}
#procedure .box-item a {
	color: #707070;
	display: block;
}

/* item-image */

#procedure .item-image {
	margin: 0;
	position: relative;
	background: #E2A20E;
}
#procedure .item-image img {
	width: 100%;
	transition: .3s;
}
#procedure .box-item:hover .item-image img {
	opacity: .2;
	filter: grayscale(50%);
}

/* item-info */

#procedure .item-info {
	padding: 25px 20px 20px;
	background: #EFEFEF;
}
#procedure .item-info h3 {
	color: #535353;
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 10px;
	transition: .3s;
}
#procedure .box-item:hover .item-info h3 {
	color: #CB9E33;
}
#procedure .item-info p {
	margin: 0;
}

/* ######
   Procedimentos simples
############ */

#procedure-simple {
	padding: 200px 0 60px;
	position: relative;
}
#procedure-simple::before {
	content: '';
	display: block;
	width: 1px;
	height: 90px;
	position: absolute;
	top: 60px;
	left: 50%;
	transform: translateX(-50%);
	background: #707070;
}

/* box-title */

#procedure-simple .box-title {
	text-align: center;
	margin: 0 0 30px;
}
#procedure-simple .box-title h1 {
	color: #CB9E33;
	font-size: 50px;
	font-family: 'ZCOOL XiaoWei', serif;
	line-height: 60px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0;
}

/* box-text */

#procedure-simple .box-text {
	text-align: center;
	max-width: 700px;
	margin: 0 auto;
}
#procedure-simple .box-text p {
	margin: 0 0 20px;
}

/* ######
   Breadcrumb
############ */

#breadcrumb {
	padding: 15px 0;
}

/* box-link */

#breadcrumb .box-link a {
	color: #707070;
	font-size: 13px;
	display: inline-block;
}
#breadcrumb .box-link p {
	font-size: 13px;
	font-weight: 700;
	display: inline-block;
	margin: 0;
}
#breadcrumb .box-link span {
	display: inline-block;
	margin: 0 10px;
}

/* ######
   Página inicial | Banner
############ */

.home #banner {
	height: calc(100vh - 100px);
}

/* box-slide */

.home #banner .box-slide {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
}
.home #banner .box-slide::after {
	content: '';
	display: block;
	width: 50vw;
	height: 80px;
	position: absolute;
	top: calc(100vh - 100px);
	left: 0;
	z-index: 2;
	background: #FFF;
}
.home #banner .box-slide img {
	display: block;
	width: 100%;
}

/* slick-arrow */

.home #banner .slick-arrow {
	position: absolute;
	top: calc(100vh - 70px);
	left: calc(50vw - 60px);
	z-index: 3;
	border-radius: 0;
	background: url(images/icons/arrow-banner.png) no-repeat center center;
	background-size: 12px auto;
}
.home #banner .slick-prev {
	top: calc(100vh - 70px);
	left: calc(50vw - 120px);
	z-index: 3;
}

/* ######
   Página inicial | Sobre
############ */

.home #about {
	padding: 60px 0 0;
	position: relative;
	z-index: 2;
	background: #FFF;
}

/* box-title */

.home #about .box-title {
	margin: 0 0 -60px;
}
.home #about .box-title h1 {
	color: #707070;
	font-size: 60px;
	font-family: 'ZCOOL XiaoWei', serif;
	line-height: 70px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0 0 0 100px;
}
.home #about .box-title h2 {
	color: #CB9E33;
	font-size: 50px;
	font-family: 'ZCOOL XiaoWei', serif;
	line-height: 60px;
	letter-spacing: 2px;
	text-transform: uppercase;
	display: inline-block;
	width: auto;
	margin: 0 0 0 230px;
	position: relative;
}
.home #about .box-title h2::before {
	content: '';
	display: block;
	width: 100vw;
	height: 1px;
	position: absolute;
	top: 50%;
	right: -30px;
	z-index: 1;
	transform: translateY(-50%);
	background: #DBDBDB;
}
.home #about .box-title h2 span {
	position: relative;
	z-index: 2;
}

/* box-image */

.home #about .box-image {
	margin: 0;
	position: relative;
	z-index: 3;
}

/* box-text */

.home #about .box-text {
	margin: 180px 0 0;
}

/* box-contain */

.home #about .box-contain {
	text-align: right;
	width: 300px;
	position: absolute;
	top: 0;
	right: 0;
}
.home #about .box-contain::before ,
.home #about .box-contain::after {
	content: '';
	display: inline-block;
	width: 80px;
	height: 80px;
	margin: 0;
	background: #CB9E33;
}
.home #about .box-contain img {
	display: block;
	width: 100%;
	margin: -10px 0 0;
}

/* ######
   Página inicial | Blog
############ */

.home #blog {
	padding: 80px 0;
	position: relative;
	z-index: 2;
	background: #FFF;
}

/* box-title */

.home #blog .box-title {
	text-align: center;
	margin: 0 0 30px;
}
.home #blog .box-title h1 {
	color: #CB9E33;
	font-size: 50px;
	font-family: 'ZCOOL XiaoWei', serif;
	line-height: 60px;
	letter-spacing: 2px;
	text-transform: uppercase;
	display: inline-block;
	width: auto;
	margin: 0;
	position: relative;
}
.home #blog .box-title h1::before {
	content: '';
	display: block;
	width: 100vw;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	transform: translate(-50%,-50%);
	background: #DBDBDB;
}
.home #blog .box-title h1 span {
	position: relative;
	z-index: 2;
}

/* box-text */

.home #blog .box-text {
	text-align: center;
	max-width: 600px;
	margin: 0 auto 50px;
}
.home #blog .box-text p {
	margin: 0;
}

/* box-item */

.home #blog .box-item {
	margin: 0 0 30px;
}

/* item-image */

.home #blog .item-image {
	margin: 0;
	position: relative;
	background: #E2A20E;
}
.home #blog .item-image img {
	width: 100%;
	transition: .3s;
}
.home #blog .box-item:hover .item-image img {
	opacity: .2;
	filter: grayscale(50%);
}

/* item-info */

.home #blog .item-info {
	margin: 0 0 20px;
}
.home #blog .item-info.bottom {
	margin: 20px 0 0;
}
.home #blog .item-info h2 {
	color: #535353;
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 10px;
	transition: .3s;
}
.home #blog .box-item:hover .item-info h2 {
	color: #CB9E33;
}
.home #blog .item-info p {
	color: #707070;
	margin: 0;
}

/* box-more */

.home #blog .box-more {
	padding: 0 0 10px;
	position: relative;
}
.home #blog .box-more::before {
	content: '';
	display: block;
	width: 100vw;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #DBDBDB;
}

/* ######
   Página sobre | Conteúdo
############ */

.page-sobre #content {
	padding: 60px 0 0;
}

/* box-title */

.page-sobre #content .box-title {
	margin: 0 0 60px;
}
.page-sobre #content .box-title h1 {
	color: #CB9E33;
	font-size: 60px;
	font-family: 'ZCOOL XiaoWei', serif;
	line-height: 70px;
	letter-spacing: 2px;
	text-transform: uppercase;
	display: inline-block;
	margin: 0 0 0 120px;
	position: relative;
}
.page-sobre #content .box-title h1::before {
	content: '';
	display: block;
	width: 100vw;
	height: 1px;
	position: absolute;
	top: 50%;
	right: -30px;
	z-index: 1;
	transform: translateY(-50%);
	background: #DBDBDB;
}
.page-sobre #content .box-title h1 span {
	position: relative;
	z-index: 2;
}
.page-sobre #content .box-title h2 {
	color: #707070;
	font-size: 70px;
	font-family: 'ZCOOL XiaoWei', serif;
	line-height: 80px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0;
}

/* box-image */

.page-sobre #content .box-image {
	text-align: right;
	margin: 0 0 50px;
	position: relative;
}
.page-sobre #content .box-image span.image-1 {
	display: block;
	margin: 100px 0;
	position: relative;
}
.page-sobre #content .box-image span.image-1::before{
	content: '';
	display: block;
	width: 100px;
	height: calc(100% + 200px);
	position: absolute;
	top: 50%;
	right: 0;
	z-index: -1;
	transform: translateY(-50%);
	background: #CB9E33;
}
.page-sobre #content .box-image span.image-1 img {
	width: 75vw;
}
.page-sobre #content .box-image span.image-2 {
	position: absolute;
	bottom: 100px;
	left: 0;
}
.page-sobre #content .box-image span.image-2 img {
	width: 35vw;
}
.page-sobre #content .box-image span.image-3 {
	position: absolute;
	bottom: -300px;
	right: 20vw;
}
.page-sobre #content .box-image span.image-3 img {
	width: 30vw;
}

/* box-content */

.page-sobre #content .box-content {
	max-width: 460px;
}
.page-sobre #content .box-content p {
	line-height: 24px;
	margin: 0 0 15px;
}

/* ######
   Página sobre | Valores
############ */

.page-sobre #value {
	padding: 80px 0 0;
}

/* box-info */

.page-sobre #value .box-info {
	margin: 50px 0 0;
}
.page-sobre #value .box-info h2 {
	color: #CB9E33;
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 10px;
}
.page-sobre #value .box-info p {
	line-height: 24px;
	margin: 0;
}

/* box-title */

.page-sobre #value .box-title {
	margin: 0 0 15px;
	position: relative;
}
.page-sobre #value .box-title::before {
	content: '';
	display: block;
	width: 1px;
	height: 200px;
	position: absolute;
	top: 0;
	left: 30px;
	z-index: 2;
	background: #DBDBDB;
}
.page-sobre #value .box-title h2 {
	color: #CB9E33;
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 20px;
	padding: 0 0 0 60px;
}

/* box-item */

.page-sobre #value .box-item {
	padding: 40px 0 15px 60px;
	position: relative;
}
.page-sobre #value .box-item::before {
	content: '';
	display: block;
	width: 100vw;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	background: #CB9E33;
}
.page-sobre #value .box-item p {
	color: #FFF;
	line-height: 20px;
	margin: 0 0 25px;
}

/* ######
   Página sobre | Galeria
############ */

.page-sobre #gallery {
	padding: 80px 0 0;
}

/* box-item */

.page-sobre #gallery .box-item {
	margin: 0 0 -6px;
	position: relative;
	background: #E2A20E;
}
.page-sobre #gallery .box-item a {
	display: block;
}
.page-sobre #gallery .box-item img {
	width: 100%;
	margin: 0;
	transition: .3s;
}
.page-sobre #gallery .box-item:hover img {
	opacity: .2;
	filter: grayscale(50%);
}

/* slick-arrow */

.page-sobre #gallery .slick-arrow {
	top: calc(50% - 20px);
	left: -45px;
	transform: translateY(-50%);
}
.page-sobre #gallery .slick-next {
	top: calc(50% + 20px);
	transform: translateY(-50%) rotate(180deg);
}

/* ######
   Página sobre | Sobre
############ */

.page-sobre #about {
	padding: 80px 0 0;
}

/* box-title */

.page-sobre #about .box-title {
	text-align: right;
	max-width: 600px;
	margin: 0 auto -25px;
	position: relative;
}
.page-sobre #about .box-title h1 {
	color: #CB9E33;
	font-size: 60px;
	font-family: 'ZCOOL XiaoWei', serif;
	line-height: 70px;
	letter-spacing: 2px;
	text-align: center;
	text-transform: uppercase;
	margin: 0;
}
.page-sobre #about .box-title h2 {
	color: #707070;
	font-size: 50px;
	font-family: 'ZCOOL XiaoWei', serif;
	line-height: 60px;
	letter-spacing: 2px;
	text-transform: uppercase;
	display: inline-block;
	margin: 0;
	position: relative;
}
.page-sobre #about .box-title h2::before {
	content: '';
	display: block;
	width: 100vw;
	height: 1px;
	position: absolute;
	top: 50%;
	left: -30px;
	z-index: 1;
	transform: translateY(-50%);
	background: #DBDBDB;
}
.page-sobre #about .box-title h2 span {
	position: relative;
	z-index: 2;
}

/* box-image */

.page-sobre #about .box-image {
	margin: 0;
}
.page-sobre #about .box-image img {
	width: 100%;
}

/* box-text */

.page-sobre #about .box-text {
	text-align: center;
	max-width: 800px;
	margin: 80px auto 0;
	position: relative;
}
.page-sobre #about .box-text::before {
	content: '';
	display: block;
	width: 1px;
	height: 90px;
	position: absolute;
	top: -120px;
	left: 50%;
	transform: translateX(-50%);
	background: #707070;
}
.page-sobre #about .box-text p {
	line-height: 30px;
	margin: 0 0 15px;
}
.page-sobre #about .box-text strong ,
.page-sobre #about .box-text b {
	color: #CB9E33;
}

/* ######
   Página profissionais | Conteúdo
############ */

.page-profissionais #content {
	padding: 60px 0 0;
}

/* box-title */

.page-profissionais #content .box-title {
	text-align: center;
	margin: 0 0 60px;
}
.page-profissionais #content .box-title h1 {
	color: #CB9E33;
	font-size: 70px;
	font-family: 'ZCOOL XiaoWei', serif;
	line-height: 80px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0;
}
.page-profissionais #content .box-title h2 {
	color: #707070;
	font-size: 50px;
	font-family: 'ZCOOL XiaoWei', serif;
	line-height: 60px;
	letter-spacing: 2px;
	text-transform: uppercase;
	display: inline-block;
	margin: 0 0 0 180px;
	position: relative;
}
.page-profissionais #content .box-title h2::before {
	content: '';
	display: block;
	width: 100vw;
	height: 1px;
	position: absolute;
	top: 50%;
	left: -30px;
	z-index: 1;
	transform: translateY(-50%);
	background: #DBDBDB;
}
.page-profissionais #content .box-title h2 span {
	position: relative;
	z-index: 2;
}

/* box-item */

.page-profissionais #content .box-item {
	margin: 0 0 30px;
	position: relative;
	overflow: hidden;
}

/* item-image */

.page-profissionais #content .item-image {
	margin: 0;
}
.page-profissionais #content .item-image img {
	width: 100%;
	filter: grayscale(100%);
	opacity: .7;
	transition: .4s;
}
.page-profissionais #content .box-item:hover .item-image img {
	filter: grayscale(0);
	opacity: 1;
}

/* item-info */

.page-profissionais #content .item-info {
	text-align: center;
	width: 100%;
	padding: 20px 10px;
	position: absolute;
	bottom: -150px;
	left: 0;
	z-index: 2;
	transition: .8s;
	transition-delay: .1s;
	background: rgba(226,162,14,.8);
}
.page-profissionais #content .box-item:hover .item-info {
	bottom: 0;
}
.page-profissionais #content .item-info h2 {
	color: #FFF;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	margin: 0 0 5px;
	opacity: 0;
	transition: .4s;
	transition-delay: .5s;
}
.page-profissionais #content .box-item:hover .item-info h2 {
	opacity: 1;
}
.page-profissionais #content .item-info p {
	color: #FFF;
	font-size: 13px;
	line-height: 20px;
	margin: 0;
	opacity: 0;
	transition: .4s;
	transition-delay: .5s;
}
.page-profissionais #content .box-item:hover .item-info p {
	opacity: 1;
}

/* ######
   Página (lista) procedimentos | Conteúdo
############ */

.page-procedimentos #content {
	padding: 60px 0 70px;
}

/* box-title */

.page-procedimentos #content .box-title {
	text-align: center;
	margin: 0 0 30px;
}
.page-procedimentos #content .box-title h1 {
	color: #CB9E33;
	font-size: 70px;
	font-family: 'ZCOOL XiaoWei', serif;
	line-height: 80px;
	letter-spacing: 2px;
	text-transform: uppercase;
	display: inline-block;
	margin: 0;
	position: relative;
}
.page-procedimentos #content .box-title h1::before {
	content: '';
	display: block;
	width: 100vw;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	transform: translateY(-50%);
	background: #DBDBDB;
}
.page-procedimentos #content .box-title h1 span {
	position: relative;
	z-index: 2;
}

/* box-filter */

.page-procedimentos #content .box-filter {
	text-align: center;
	margin: 0 0 50px;
}
.page-procedimentos #content .box-filter a {
	color: #707070;
	font-size: 16px;
	font-weight: 700;
	display: inline-block;
	margin: 0 10px;
	transition: .3s;
}
.page-procedimentos #content .box-filter a:hover ,
.page-procedimentos #content .box-filter a.active {
	color: #CB9E33;
}
.page-procedimentos #content .box-filter a::before {
	content: '';
	display: inline-block;
	width: 0px;
	height: 1px;
	margin: -5px 8px 5px 0;
	transition: .5s;
	background: #CB9E33;
}
.page-procedimentos #content .box-filter a:hover::before ,
.page-procedimentos #content .box-filter a.active::before {
	width: 30px;
}

/* box-item */

.page-procedimentos #content .box-item {
	height: calc(100% - 30px);
	margin: 0 0 30px;
	background: #F8F8F8;
}
.page-procedimentos #content .box-item a {
	display: block;
}

/* item-image */

.page-procedimentos #content .item-image {
	margin: 0;
	position: relative;
	background: #E2A20E;
}
.page-procedimentos #content .item-image img {
	width: 100%;
	transition: .3s;
}
.page-procedimentos #content .box-item:hover .item-image img {
	opacity: .2;
	filter: grayscale(50%);
}

/* item-info */

.page-procedimentos #content .item-info {
	padding: 20px 15px;
}
.page-procedimentos #content .item-info h2 {
	color: #535353;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	margin: 0 0 10px;
	transition: .3s;
}
.page-procedimentos #content .box-item:hover .item-info h2 {
	color: #CB9E33;
}
.page-procedimentos #content .item-info p {
	color: #707070;
	font-size: 13px;
	line-height: 23px;
	margin: 0;
}

/* ######
   Página procedimentos | Capa
############ */

.single-procedimento #cover {
	position: relative;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
}
.single-procedimento #cover::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: rgba(188,141,29,.6);
}

/* box-contain */

.single-procedimento #cover .box-contain {
	height: 600px;
	position: relative;
	z-index: 2;
}

/* box-title */

.single-procedimento #cover .box-title {
	text-align: right;
	width: 600px;
	max-width: 100%;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.single-procedimento #cover .box-title h1 {
	color: #FFF;
	font-size: 60px;
	font-family: 'ZCOOL XiaoWei', serif;
	line-height: 75px;
	text-transform: uppercase;
	margin: 0;
}

/* ######
   Página procedimentos | Conteúdo
############ */

.single-procedimento #content {
	padding: 80px 0 0;
}

/* box-content */

.single-procedimento #content .box-content {
	column-count: 2;
	column-gap: 30px;
}
.single-procedimento #content .box-content p {
	line-height: 30px;
	margin: 0 0 20px;
}

/* ######
   Página procedimentos | Outro
############ */

.single-procedimento #outher {
	padding: 200px 0 60px;
	position: relative;
}
.single-procedimento #outher::before {
	content: '';
	display: block;
	width: 1px;
	height: 90px;
	position: absolute;
	top: 60px;
	left: 50%;
	transform: translateX(-50%);
	background: #707070;
}

/* box-title */

.single-procedimento #outher .box-title {
	text-align: center;
	margin: 0 0 30px;
}
.single-procedimento #outher .box-title h1 {
	color: #CB9E33;
	font-size: 50px;
	font-family: 'ZCOOL XiaoWei', serif;
	line-height: 60px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0;
}

/* box-filter */

.single-procedimento #outher .box-filter {
	text-align: center;
}
.single-procedimento #outher .box-filter a {
	color: #707070;
	font-size: 16px;
	font-weight: 700;
	display: inline-block;
	margin: 0 10px;
	transition: .3s;
}
.single-procedimento #outher .box-filter a:hover {
	color: #CB9E33;
}
.single-procedimento #outher .box-filter a::before {
	content: '';
	display: inline-block;
	width: 0px;
	height: 1px;
	margin: -5px 8px 5px 0;
	transition: .5s;
	background: #CB9E33;
}
.single-procedimento #outher .box-filter a:hover::before {
	width: 30px;
}

/* ######
   Página contato | Conteúdo
############ */

.page-contato #content {
	padding: 60px 0 80px;
}

/* box-title */

.page-contato #content .box-title {
	text-align: center;
	margin: 0 0 30px;
	position: relative;
}
.page-contato #content .box-title::before {
	content: '';
	display: block;
	width: 100vw;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	transform: translateX(-50%);
	background: #DBDBDB;
}
.page-contato #content .box-title h1 {
	color: #CB9E33;
	font-size: 60px;
	font-family: 'ZCOOL XiaoWei', serif;
	line-height: 70px;
	letter-spacing: 2px;
	text-align: center;
	text-transform: uppercase;
	margin: 0;
	position: relative;
	z-index: 2;
}

/* box-text */

.page-contato #content .box-text {
	text-align: center;
	max-width: 700px;
	margin: 0 auto 50px;
}
.page-contato #content .box-text p {
	line-height: 30px;
	margin: 0;
}

/* box-form */

.page-contato #content .box-form {
	padding: 30px 30px 0;
	background: #F9F9F9;
}
.page-contato #content .box-form p {
	margin: 0;
}
.page-contato #content .box-form br {
	display: none;
}
.page-contato #content .box-form input ,
.page-contato #content .box-form textarea {
	width: 100%;
	margin: 0 0 30px;
	padding: 0 0 10px;
	border: none;
	border-bottom: solid 1px #C9C9C9;
	background: transparent;
}
.page-contato #content .box-form textarea {
	height: 150px;
	margin: 0 0 25px;
}
.page-contato #content .box-form input[type='submit'] {
	color: #FFF;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	width: calc(100% + 60px);
	height: auto;
	margin: 0 -30px;
	padding: 15px 0;
	transition: .5s;
	border: none;
	background: #BC8D1D;
}
.page-contato #content .box-form input[type='submit']:hover {
	background: #E2A20E;
}

/* message */

.page-contato #content .box-form .ajax-loader {
	display: none;
}
.page-contato #content .box-form span.wpcf7-not-valid-tip {
	display: none;
}
.page-contato #content .box-form .wpcf7-not-valid {
	border-color: red;
}
.page-contato #content .box-form div.wpcf7-response-output {
	text-align: center;
	margin: 0;
	padding: 10px 0;
	border: none;
}