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

	Theme name: Ynova Teixeira Odontologia
	Theme URI: http://
	Description: Este tema foi desenvolvido exclusivamente para a Ynova Teixeira Odontologia.

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

	Version: WCG.12.2020

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

@charset "UTF-8";

/* ######
   Variáveis
############ */

html {
	--texto: #888;
	--cinza-claro: #DFDBD8;
	--cinza-escuro: #5E574C;
	--bege-claro: #FFF4EC;
	--bege-escuro: #F9E9DD;
	--marrom-claro: #BB805B;
	--marrom-medio: #7C4C2E;
	--marrom-escuro: #4E3524;
}

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

* {
	outline: none;
}

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

body {
	color: var(--texto);
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	/*font-family: 'Baloo Tammudu 2', cursive;*/
}

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

a , a:hover , a:focus {
	color: var(--texto);
	text-decoration: none;
}

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

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

/* ######
   Classes gerais
############ */

/* box-slide */

.box-slide {
	position: relative;
}

/* d-table */

.d-table {
	list-style: none;
	display: table;
	margin: 0;
	padding: 0;
}
.d-table li {
	list-style: none;
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

/* d-center */

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

/* wp-pagenavi */

.wp-pagenavi {
	text-align: center;
}
.wp-pagenavi a ,
.wp-pagenavi span {
	color: var(--texto);
	font-size: 13px;
	line-height: 18px;
	display: inline-block;
	margin: 0 4px;
	padding: 6px 12px;
	transition: .3s;
	border-radius: 3px;
	border: none;
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	background: #FFF;
}
.wp-pagenavi .current {
	color: #FFF;
	background: var(--texto);
}

/* box-header */

.box-header {
	margin: 0 0 40px;
}
.box-header h1 ,
.box-header h2 ,
.box-header h3 {
	color: var(--marrom-medio);
	font-size: 45px;
	font-family: 'Baloo Tammudu 2', cursive;
	margin: 0;
}
.box-header p {
	color: var(--marrom-claro);
	font-size: 25px;
	font-family: 'Baloo Tammudu 2', cursive;
	margin: 0;
}
.box-header hr {
	width: 80px;
	margin: 0;
	border: none;
	border-bottom: dotted 5px var(--cinza-claro);
}

/* read-more */

.read-more {
	color: #FFF;
	display: inline-block;
	padding: 10px 30px;
	transition: .3s;
	border-radius: 16px;
	border: solid 1px var(--marrom-claro);
	background: var(--marrom-claro);
}
.read-more:hover {
	color: var(--marrom-claro);
	background: transparent;
}

/* box-treatment */

.box-treatment {
	text-align: center;
	margin: 0 0 70px;
	transition: .3s;
	border-radius: 30px;
	border: solid 1px var(--cinza-claro);
	background: #FFF;
}
.box-treatment:hover {
	border-color: transparent;
	box-shadow: 0 10px 20px rgba(0,0,0,.2);
}
.box-treatment a {
	display: block;
	padding: 40px;
	position: relative;
}
.box-treatment a::after {
	content: '';
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	bottom: -30px;
	left: 50%;
	z-index: 2;
	transform: translateX(-50%);
	transition: .3s;
	border-radius: 50%;
	border: solid 1px var(--cinza-claro);
	background: #FFF url(images/icons/link-marrom.svg) no-repeat center center;
}
.box-treatment:hover a::after {
	border-color: var(--marrom-medio);
	background-color: var(--marrom-medio);
	background-image: url(images/icons/link-branco.svg);
}
.box-treatment span {
	line-height: 80px;
	display: inline-block;
	height: 80px;
}
.box-treatment img {
	display: inline-block;
	max-height: 80px;
}
.box-treatment h2 {
	color: var(--marrom-medio);
	font-size: 20px;
	line-height: 24px;
	min-height: 50px;
	margin: 20px 0 0;
}

/* ######
   Pré-carregamento
############ */

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

/* ######
   Padrão (Conteúdo)
############ */

.template-default #content {
	padding: 80px 0 60px;
}

/* box-content */

.template-default #content .box-content img {
	display: inline-block;
	margin: 0 auto 20px;
}
.template-default #content .box-content p {
	font-size: 15px;
	line-height: 30px;
	margin: 0 0 20px;
}

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

#header {
	padding: 5px 0;
	position: relative;
	z-index: 9;
	background: #FFF;
}

/* box-logo */

#header .box-logo {
	margin: 0;
}

/* box-info */

#header .box-info {
	margin: 15px 0 0;
}
#header .box-info ul {
	width: 100%;
}
#header .box-info li {
	vertical-align: top;
}
#header .box-info li:first-child {
	width: 35px;
}
#header .box-info span {
	display: block;
	width: 22px;
	height: 22px;
	transform: translateY(2px);
	background: url(images/icons/local.svg) no-repeat center center;
	background-size: contain;
}
#header .box-info span.icon-hour {
	background-image: url(images/icons/horario.svg);
}
#header .box-info p {
	color: var(--marrom-medio);
	font-size: 13px;
	line-height: 20px;
	margin: 0;
}
#header .box-info strong {
	font-size: 17px;
	font-family: 'Baloo Tammudu 2', cursive;
}

/* social-case */

#header .social-case {
	text-align: right;
	width: 100%;
}
#header .social-case a {
	display: inline-block;
	margin: 0 0 0 5px;
	transition: .3s;
}
#header .social-case a:hover {
	opacity: .5;
}
#header .social-case span {
	color: transparent;
	display: block;
	width: 25px;
	height: 25px;
	background: url(images/icons/facebook.svg) no-repeat center center;
	background-size: contain;
}
#header .social-case span.icon-instagram {
	background-image: url(images/icons/instagram.svg);
}

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

#nav {
	padding: 10px 0;
	position: relative;
	z-index: 9;
	transition: .3s;
	background: var(--bege-escuro);
}
#nav.fixed {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 8;
	opacity: 0;
}
#nav.fixed.active {
	opacity: 1;
}

/* navbar */

#nav .navbar {
	display: block;
	padding: 0;
}
#nav .navbar ul {
	list-style: none;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}
#nav .navbar li {
	display: inline-block;
	margin: 0 20px 0 0;
}
#nav .navbar a {
	font-size: 18px;
	font-family: 'Baloo Tammudu 2', cursive;
	display: inline-block;
	transform: translateY(5px);
}
#nav .navbar a:hover ,
#nav .navbar .current-menu-item a {
	color: var(--marrom-claro);
}

/* box-link */

#nav .box-link {
	text-align: right;
}
#nav .box-link a {
	color: #FFF;
	font-size: 18px;
	font-family: 'Baloo Tammudu 2', cursive;
	line-height: 28px;
	display: inline-block;
	padding: 12px 25px 2px;
	transition: .3s;
	border-radius: 16px;
	border: solid 1px var(--marrom-claro);
	background: var(--marrom-claro);
}
#nav .box-link a:hover {
	color: var(--marrom-claro);
	background: transparent;
}

/* box-menu */

#nav .box-menu button {
	color: transparent;
	display: block;
	width: 30px;
	height: 25px;
	padding: 0;
	border: none;
	background: url(images/icons/menu.svg) no-repeat center center;
	background-size: 32px auto;
}

/* ######
   Mobile
############ */

#mobile {
	width: 100%;
	height: 100%;
	padding: 180px 30px 30px;
	position: fixed;
	top: calc(-100vh - 50px);
	left: 0;
	z-index: 7;
	transition: .6s;
	background: #FFF;
}
#mobile.active {
	top: 0;
}

/* navbar */

#mobile .navbar {
	display: block;
	padding: 0;
}
#mobile .navbar ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}
#mobile .navbar li {
	text-align: center;
	display: block;
	margin: 0 0 20px;
}
#mobile .navbar a {
	font-size: 16px;
}

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

#footer {
	padding: 40px 0 60px;
	background: url(images/bg/rodape.svg) no-repeat bottom left;
	background-size: contain;
}

/* box-logo */

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

/* box-title */

#footer .box-title {
	margin: 0 0 20px;
}
#footer .box-title h4 {
	color: var(--marrom-escuro);
	font-size: 18px;
	line-height: 28px;
	margin: 0;
}
#footer .box-title h4::before {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 8px 0 0;
	transform: translateY(-2px);
	border-radius: 3px;
	background: var(--marrom-claro);
}
#footer .box-title hr {
	max-width: 70px;
	margin: 10px 0 0;
	border: none;
	border-bottom: dotted 4px var(--cinza-claro);
}

/* box-info */

#footer .box-info {
	margin: 0 0 20px;
}
#footer .box-info a {
	display: block;
}
#footer .box-info li:first-child {
	width: 35px;
}
#footer .box-info p {
	margin: 0;
}
#footer .box-info i {
	color: var(--marrom-claro);
	font-size: 20px;
	font-style: initial;
}
#footer .box-info span {
	display: inline-block;
	width: 22px;
	height: 22px;
	transform: translateY(3px);
	background: url(images/icons/whatsapp.svg) no-repeat center center;
	background-size: contain;
}
#footer .box-info span.icon-email {
	background-image: url(images/icons/email.svg);
}

/* social-case */

#footer .social-case a {
	text-align: center;
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 0 5px 0 0;
	padding: 10px 0 0;
	transition: .3s;
	border-radius: 4px;
	background: var(--marrom-medio);
}
#footer .social-case a:hover {
	opacity: .5;
}
#footer .social-case span {
	color: transparent;
	display: inline-block;
	width: 20px;
	height: 20px;
	filter: brightness(0) invert(1);
	background: url(images/icons/facebook.svg) no-repeat center center;
	background-size: contain;
}
#footer .social-case span.icon-instagram {
	background-image: url(images/icons/instagram.svg);
}

/* box-item */

#footer .box-item {
	display: inline-block;
	width: 48%;
	margin: 0 0 15px;
}
#footer .box-item a {
	transition: .3s;
}
#footer .box-item a:hover {
	color: var(--marrom-medio);
}

/* ######
   Direitos
############ */

#copyright {
	padding: 15px 0;
	background: var(--bege-claro);
}

/* box-text */

#copyright .box-text {
	text-align: center;
}
#copyright .box-text p {
	font-size: 13px;
	line-height: 20px;
	margin: 0;
}
#copyright .box-text a {
	color: var(--marrom-claro);
}

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

#contact {
	position: relative;
	z-index: 4;
}

/* box-contain */

#contact .box-contain {
	margin: -140px 0 0;
	padding: 50px 30px;
	position: relative;
	box-shadow: 0 6px 20px rgba(0,0,0,.2);
	border-radius: 15px;
	background: #FFF;
}
#contact .box-contain::before {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	border-left: solid 1px var(--marrom-escuro);
}

/* box-info */

#contact .box-info {
	padding: 0 30px;
}
#contact .box-info ul {
	margin: 0 auto;
}
#contact .box-info li {
	vertical-align: top;
}
#contact .box-info li:first-child {
	width: 50px;
}
#contact .box-info h4 {
	color: var(--marrom-claro);
	font-size: 35px;
	font-family: 'Baloo Tammudu 2', cursive;
	line-height: 45px;
	margin: 0;
}
#contact .box-info p {
	max-width: 210px;
	margin: 0 0 20px;
}
#contact .box-info span {
	display: block;
	width: 40px;
	height: 50px;
	transform: translateY(-12px);
	background: url(images/icons/telefone.svg) no-repeat center center;
	background-size: auto 50px;
}
#contact .box-info span.icon-location {
	background-image: url(images/icons/local.svg);
	background-size: auto 38px;
}

/* ######
   Voltar ao topo
############ */

#return {
	position: fixed;
	bottom: 20px;
	right: -80px;
	z-index: 5;
	transition: .3s;
}
#return.active {
	right: 10px;
}

/* box-link */

#return .box-link a {
	color: transparent;
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 20px;
	background: var(--marrom-medio) url(images/icons/arrow.svg) no-repeat center center;
	background-size: 40px auto;
}


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

#whatsapp {
	position: fixed;
	bottom: 90px;
	right: -80px;
	z-index: 5;
	transition: .3s;
	transition-delay: .15s;
}
#whatsapp.active {
	right: 10px;
}

/* box-link */

#whatsapp .box-link a {
	color: transparent;
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 20px;
	background: #00C72E url(images/icons/whatsapp-branco.svg) no-repeat center center;
	background-size: 30px auto;
}

/* ######
   Tratamento
############ */

#treatment {
	padding: 60px 0 200px;
	background: url(images/bg/contato.svg) no-repeat top 50px center;
	background-size: 1400px auto;
}
.home #treatment {
	padding: 60px 0;
}

/* sld_item */

#treatment .sld_item {
	padding: 15px 20px 0;
}

/* slick-dots */

#treatment .slick-dots {
	list-style: none;
	text-align: center;
	display: block;
	margin: 0;
	padding: 0;
}
#treatment .slick-dots li {
	display: inline-block;
	margin: 0 3px;
}
#treatment .slick-dots button {
	color: transparent;
	display: block;
	width: 12px;
	height: 12px;
	padding: 0;
	transition: .3s;
	border-radius: 50%;
	border: none;
	background: var(--cinza-claro);
}
#treatment .slick-active button  {
	background: var(--marrom-claro);
}

/* box-link */

#treatment .box-link {
	margin: 30px 0 0;
}

/* ######
   Galeria
############ */

#gallery .sld_item a {
	display: block;
}
#gallery .sld_item img {
	width: 100%;
	margin: 0 0 -6px;
	transition: .3s;
}
#gallery .sld_item img:hover {
	opacity: .3;
}

/* ######
   Contato (Conteúdo)
############ */

.template-contato #content {
	padding: 50px 0;
	background: url(images/bg/contato.svg) no-repeat center center;
	background-size: 1400px auto;
}

/* box-contain */

.template-contato #content .box-contain {
	width: 100%;
}

/* box-text */

.template-contato #content .box-text {
	margin: 0 0 30px;
}
.template-contato #content .box-text p {
	font-size: 16px;
	line-height: 26px;
	margin: 0;
}

/* box-info */

.template-contato #content .box-info ul {
	width: 100%;
	margin: 0 0 20px;
}
.template-contato #content .box-info li:first-child {
	width: 35px;
}
.template-contato #content .box-info span {
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url(images/icons/local.svg) no-repeat center center;
	background-size: contain;
}
.template-contato #content .box-info span.icon-phone {
	background-image: url(images/icons/telefone.svg);
	background-size: 25px auto;
}
.template-contato #content .box-info span.icon-whatsapp {
	background-image: url(images/icons/whatsapp.svg);
}
.template-contato #content .box-info span.icon-email {
	background-image: url(images/icons/email.svg);
}
.template-contato #content .box-info p {
	margin: 0;
}
.template-contato #content .box-info i {
	color: var(--marrom-claro);
	font-size: 18px;
	font-style: initial;
}

/* box-form */

.template-contato #content .box-form {
	padding: 30px;
	box-shadow: 0 6px 20px rgba(0,0,0,.2);
	border-radius: 20px;
	background: #FFF;
}
.template-contato #content .box-form p {
	margin: 0;
}
.template-contato #content .box-form br {
	display: none;
}
.template-contato #content .box-form input ,
.template-contato #content .box-form textarea {
	width: 100%;
	height: 45px;
	margin: 0 0 20px;
	padding: 0 20px;
	border-radius: 10px;
	border: solid 1px var(--cinza-claro);
}
.template-contato #content .box-form textarea {
	height: 100px;
	margin: 0 0 12px;
	padding: 10px 20px;
}
.template-contato #content .box-form button {
	padding: 10px 40px;
	border-radius: 12px;
}

/* message */

.template-contato #content .wpcf7-not-valid-tip {
	font-size: 11px;
	margin: -20px 0 10px 20px;
}
.template-contato #content div.wpcf7-response-output {
	font-size: 13px;
	margin: 15px 0 0;
	padding: 0;
	border: none;
}

/* ######
   Contato (Mapa)
############ */

.template-contato #maps {
	padding: 0 0 30px;
}

/* box-code */

.template-contato #maps .box-code iframe {
	width: 100%;
	height: 450px;
}

/* ######
   Lista de tratamento | Conteúdo
############ */

.template-list #content {
	padding: 50px 0 160px;
	background: url(images/bg/tratamento.svg) no-repeat center center;
	background-size: 1400px auto;
}

/* ######
   Interna de tratamento | Conteúdo
############ */

.single-tratamento #content {
	padding: 60px 0 0;
	background: url(images/bg/tratamento.svg) no-repeat center center;
	background-size: 1400px auto;
}

/* box-image */

.single-tratamento #content .box-image {
	margin: 0;
}
.single-tratamento #content .box-image img {
	width: 100%;
	border-radius: 30px;
	/*object-fit: cover;*/
}

/* ######
   Interna de tratamento | Complemento
############ */

.single-tratamento #complementary {
	padding: 80px 0 200px;
}

/* box-item */

.single-tratamento #complementary .box-item {
	padding: 6px 0;
	border-right: solid 1px var(--cinza-claro);
}
.single-tratamento #complementary .box-item a {
	transition: .3s;
}
.single-tratamento #complementary .box-item a:hover {
	color: var(--marrom-medio);
}

/* ######
   Invisalign | Capa
############ */

.template-invisalign #cover {
	position: relative;
}

/* box-image */

.template-invisalign #cover .box-image {
	margin: 0;
	background: #000;
}
.template-invisalign #cover .box-image img {
	width: 100%;
	height: 450px;
	object-fit: cover;
	opacity: .4;
}

/* box-video */

.template-invisalign #cover .box-video {
	background: #000;
}
.template-invisalign #cover .box-video video {
	width: 100%;
	height: 450px;
	object-fit: cover;
	opacity: .4;
}

/* box-contain */

.template-invisalign #cover .box-contain {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 2;
	transform: translateY(-50%);
}

/* box-info */

.template-invisalign #cover .box-info {
	max-width: 560px;
}
.template-invisalign #cover .box-info h1 {
	color: #FFF;
	font-size: 40px;
	font-weight: 700;
	font-family: 'Baloo Tammudu 2', cursive;
	line-height: 45px;
	margin: 0 0 25px;
}
.template-invisalign #cover .box-info p {
	color: #FFF;
	font-size: 15px;
	line-height: 25px;
	margin: 0;
}

/* ######
   Invisalign | Conteúdo
############ */

.template-invisalign #content {
	padding: 60px 0 200px;
	background: url(images/bg/invisalign.svg) no-repeat top -50px center;
	background-size: 1200px auto;
}

/* box-intro */

.template-invisalign #content .box-intro {
	margin: 0 0 20px;
}

/* intro-topic */

.template-invisalign #content .intro-topic p {
	font-size: 16px;
	line-height: 22px;
	margin: 0 0 10px;
}
.template-invisalign #content .intro-topic p span {
	color: var(--marrom-claro);
	font-size: 30px;
	font-weight: bold;
	display: inline-block;
	margin: 0 5px 0 0;
	transform: translateY(2px);
}

/* box-item */

.template-invisalign #content .box-item {
	margin: 0 0 100px;
}

/* item-image */

.template-invisalign #content .item-image {
	margin: 0;
}
.template-invisalign #content .item-image a {
	display: block;
	position: relative;
}
.template-invisalign #content .item-image a::before {
	content: '';
	display: block;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background: url(images/icons/play.svg) no-repeat center center;
	background-size: contain;
}
.template-invisalign #content .item-image img {
	width: 100%;
	border-radius: 30px;
}

/* item-video */

.template-invisalign #content .item-video video {
	width: 100%;
	border-radius: 30px;
}

/* item-info */

.template-invisalign #content .item-info > p {
	font-size: 16px;
	line-height: 26px;
	margin: 0;
}

/* box-questions */

.template-invisalign #content .box-title {
	text-align: center;
	margin: 0 0 30px;
}
.template-invisalign #content .box-title h3 {
	color: var(--marrom-medio);
	font-size: 45px;
	font-family: 'Baloo Tammudu 2', cursive;
	line-height: 55px;
	margin: 0 0 5px;
}
.template-invisalign #content .box-title hr {
	width: 80px;
	margin: 0;
	border: none;
	border-bottom: dotted 5px var(--cinza-claro);
}

/* question-item */

.template-invisalign #content .question-item {
	margin: 0 0 30px 50px;
	padding: 30px 80px 30px 30px;
	position: relative;
	cursor: pointer;
	transition: .6s;
	border-radius: 15px;
	border: solid 2px var(--marrom-claro);
	background: #FFF;
}
.template-invisalign #content .question-item span {
	color: var(--marrom-escuro);
	font-size: 45px;
	font-weight: 500;
	font-family: 'Baloo Tammudu 2', cursive;
	line-height: 55px;
	position: absolute;
	top: 10px;
	left: -50px;
}

/* question-title */

.template-invisalign #content .question-title {
	position: relative;
}
.template-invisalign #content .question-title::after {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: calc(50% - 8px);
	right: -50px;
	transform: translateY(-50%) rotate(-45deg);
	background: url(images/icons/close.svg) no-repeat center center;
	background-size: contain;
}
.template-invisalign #content .active .question-title::after {
	transform: translateY(-50%);
}
.template-invisalign #content .question-title h4 {
	color: var(--marrom-escuro);
	font-size: 30px;
	font-family: 'Baloo Tammudu 2', cursive;
	line-height: 35px;
	margin: 0 0 -15px;
}

/* question-info */

.template-invisalign #content .question-info {
	max-height: 0;
	transition: 1s;
}
.template-invisalign #content .active .question-info {
	max-height: 500px;
}
.template-invisalign #content .question-info p {
	line-height: 24px;
	width: 100%;
	height: 0;
	margin: 0;
	opacity: 0;
	transition: .2s;
}
.template-invisalign #content .active .question-info p {
	height: initial;
	margin: 20px 0 0;
	transition: .6s;
	opacity: 1;
}

/* ######
   Sobre | Conteúdo
############ */

.template-sobre #content {
	padding: 60px 0 0;
	background: url(images/bg/tratamento.svg) no-repeat center center;
	background-size: 1400px auto;
}

/* box-medic */

.template-sobre #content .box-medic {
	margin: 80px 0 0;
}

/* box-image */

.template-sobre #content .box-image {
	margin: 0;
	border-radius: 30px;
	background: #000;
}
.template-sobre #content .box-image a {
	display: block;
	position: relative;
}
.template-sobre #content .box-image a::before {
	content: '';
	display: block;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	transform: translate(-50%,-50%);
	background: url(images/icons/play.svg) no-repeat center center;
	background-size: contain;
}
.template-sobre #content .box-image img {
	width: 100%;
	opacity: .7;
	border-radius: 30px;
}

/* box-figure */

.template-sobre #content .box-figure {
	text-align: center;
	margin: 0;
}

/* box-content */

.template-sobre #content .box-content p {
	font-size: 15px;
	line-height: 25px;
	margin: 0 0 15px;
}

/* box-contain */

.template-sobre #content .box-contain {
	width: 100%;
}

/* box-title */

.template-sobre #content .box-title {
	margin: 0 0 30px;
}
.template-sobre #content .box-title h1 {
	color: var(--marrom-medio);
	font-size: 45px;
	font-family: 'Baloo Tammudu 2', cursive;
	margin: 0;
}
.template-sobre #content .box-title p {
	font-size: 13px;
	line-height: 20px;
}
.template-sobre #content .box-title hr {
	width: 80px;
	margin: 0;
	border: none;
	border-bottom: dotted 5px var(--cinza-claro);
}

/* box-info */

.template-sobre #content .box-info p {
	font-size: 15px;
	line-height: 25px;
	margin: 0 0 15px;
}

/* ######
   Home (Banner)
############ */

/* box-slide */

.home #banner .box-slide a {
	display: block;
}
.home #banner .box-slide img {
	width: 100%;
	min-height: 500px;
	object-fit: cover;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
}

/* slick-dots */

.home #banner .slick-dots {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 30px;
	z-index: 2;
	transform: translateY(-50%);
}
.home #banner .slick-dots li {
	display: block;
	margin: 10px 0;
}
.home #banner .slick-dots button {
	color: transparent;
	display: block;
	width: 10px;
	height: 10px;
	padding: 0;
	transition: .3s;
	border-radius: 50%;
	border: none;
	background: #FFF;
}
.home #banner .slick-active button {
	background: var(--marrom-medio);
}

/* ######
   Home (Sobre)
############ */

.home #about {
	padding: 80px 0 0;
	background: url(images/bg/contato.svg) no-repeat center center;
	background-size: 1400px auto;
}

/* box-contain */

.home #about .box-contain {
	width: 100%;
}

/* box-info */

.home #about .box-info p {
	font-size: 15px;
	line-height: 25px;
	margin: 0 0 15px;
}

/* box-image */

.home #about .box-image {
	text-align: center;
	margin: 0;
}

/* ######
   Home (Vídeo)
############ */

.home #video {
	padding: 80px 0;
}

/* box-slide */

.home #video .box-slide {
	max-width: 800px;
	margin: 0 auto;
}

/* sld_item */

.home #video .sld_item {
	padding: 0 10px;
}
.home #video .sld_item iframe {
	width: 100%;
	height: 500px;
	margin: 0 0 30px;
	border-radius: 30px;
}
.home #video .sld_item span {
	display: block;
	position: relative;
	cursor: pointer;
	transition: .3s;
	border-radius: 15px;
	background: #000;
}
.home #video .slick-current span {
	opacity: .3;
}
.home #video .sld_item span::before {
	content: '';
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	transform: translate(-50%,-50%);
	background: url(images/icons/play.svg) no-repeat center center;
	background-size: contain;
}
.home #video .sld_item img {
	width: 100%;
	opacity: .7;
	border-radius: 15px;
}

/* slick-dots */

.home #video .slick-dots {
	list-style: none;
	text-align: center;
	display: block;
	margin: 20px 0 0;
	padding: 0;
}
.home #video .slick-dots li {
	display: inline-block;
	margin: 0 3px;
}
.home #video .slick-dots button {
	color: transparent;
	display: block;
	width: 12px;
	height: 12px;
	padding: 0;
	transition: .3s;
	border-radius: 50%;
	border: none;
	background: var(--cinza-claro);
}
.home #video .slick-active button  {
	background: var(--marrom-claro);
}

/* ######
   Home (Comentário)
############ */

.home #comment {
	padding: 80px 0 200px;
	background: url(images/bg/comentario.jpg) no-repeat center center;
	background-size: cover;
}

/* box-header */

.home #comment .box-header hr {
	border-color: var(--marrom-medio);
}

/* sld_item */

.home #comment .sld_item {
	padding: 0 15px;
}

/* box-item */

.home #comment .box-item {
	padding: 30px;
	border-radius: 10px;
	background: #FFF;
}
.home #comment .box-item::before {
	content: '';
	display: block;
	width: 35px;
	height: 27px;
	margin: 0 0 15px;
	background: url(images/icons/comentario.svg) no-repeat center center;
	background-size: contain;
}
.home #comment .box-item ul {
	width: 100%;
}
.home #comment .box-item li:first-child {
	width: 70px;
}
.home #comment .box-item img {
	width: 60px;
	height: 60px;
	object-fit: cover;
	border-radius: 50%;
}
.home #comment .box-item span {
	display: block;
	width: 76px;
	height: 15px;
	background: url(images/icons/star.svg) no-repeat center center;
}
.home #comment .box-item h3 {
	color: var(--marrom-medio);
	font-size: 16px;
	font-family: 'Baloo Tammudu 2', cursive;
	margin: 0 0 5px;
}
.home #comment .box-item p {
	font-size: 15px;
	line-height: 25px;
	margin: 0 0 20px;
}

/* slick-dots */

.home #comment .slick-dots {
	list-style: none;
	text-align: center;
	display: block;
	margin: 30px 0 0;
	padding: 0;
}
.home #comment .slick-dots li {
	display: inline-block;
	margin: 0 3px;
}
.home #comment .slick-dots button {
	color: transparent;
	display: block;
	width: 12px;
	height: 12px;
	padding: 0;
	transition: .3s;
	border-radius: 50%;
	border: none;
	background: var(--cinza-claro);
}
.home #comment .slick-active button  {
	background: var(--marrom-claro);
}