/* ---------------------------------------------------------------------- */
/*	GLOBAL
/* ---------------------------------------------------------------------- */
:root {
	--corBranco: #FFF !important;
	--corPreto: #59595B !important;
	--corMarrom: #755038 !important;
	--corAzul: #43aae6 !important;
	--corBg: #eff2f5;
	--borderRadius: 5px;
}

body {
	font-family: "Dosis", sans-serif;
	font-size: 14px;
	color: var(--corPreto) !important;
	background: var(--corBg);
}

.clear {
	clear: both;
	width: 100%;
	font-size: 1px;
}

img {
	max-width: 100% !important;
}

.whatsapp {
	z-index: 99;
	position: fixed;
	padding: 0px 10px 5px 10px;
	bottom: 10px;
	right: 10px;
	background: #198754;
	border-radius: 5px;
}

.whatsapp a {
	color: var(--corBranco) !important;
	text-decoration: none;
	font-size: 20px;
}

ul,
li {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Definir o elemento que irá piscar */
.elemento-piscando {
	animation: piscar 1.5s infinite;
}

/* Definir a animação */
@keyframes piscar {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.bg-primary-gradient {
	background-image: linear-gradient(to right, #56bbd8, #1a4b78);
}

.bg-multiply {
	mix-blend-mode: multiply;
}

.bg-image+* {
	position: relative;
}

.bg-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 0;
	overflow: hidden;
}

.zooming {
	-webkit-animation: zooming 18s infinite both;
	-moz-animation: zooming 18s infinite both;
	-ms-animation: zooming 18s infinite both;
	-o-animation: zooming 18s infinite both;
	animation: zooming 18s infinite both
}

/* ---------------------------------------------------------------------- */
/*	desktop
/* ---------------------------------------------------------------------- */
@media (min-width: 991px) {

	.top {
		position: relative;
		padding: 50px 0;
		text-align: center;
	}

	.data-top .avatar {
		position: relative;
		width: 180px;
		height: 180px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
		overflow: hidden;
		border: 5px solid #fff;
		display: inline-block;
	}

	.data-top .avatar img {
		width: 100%;
		height: 100%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
	}

	.data-top h1 {
		margin-top: 20px;
		font-size: 50px;
		color: var(--corBranco);
		line-height: 1.1;
	}

	.data-top h4 {
		font-size: 30px;
		font-weight: 100;
		color: rgba(255, 255, 255, 0.6);
	}

	.data-top h3 {
		margin: 0;
		font-size: 20px;
		font-weight: 100;
		color: rgba(255, 255, 255, 0.6);
	}

	.data-top .location {
		margin-top: 20px;
		margin-bottom: 40px;
		font-weight: 600;
		font-size: 16px;
		text-transform: uppercase;
		color: var(--corBranco);
	}

	.data-top .location a {
		color: var(--corBranco);
		text-decoration: none;
	}

	.data-top .location i {
		margin-right: 10px;
	}

	.data-top .buttons {
		text-transform: uppercase;
	}

	.data-top .buttons .wpp {
		display: inline-block;
		margin-right: 20px;
		padding: 10px 20px;
		font-size: 20px;
		background-color: #66B552;
		color: var(--corBranco);
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
		border-radius: 30px;
		text-decoration: none;
	}

	.data-top .buttons .wpp img {
		margin-right: 10px;
	}

	.data-top .buttons .btn-link {
		color: var(--corBranco);
		text-decoration: none;
	}

	.head {
		background: var(--corBranco);
	}

	.head .container {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.left {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 20px 0;
	}

	.left img {
		max-height: 70px;
	}

	.left .data {
		padding-left: 20px;
		text-align: center;
	}

	.left .data h1 {
		margin: 0;
		font-size: 20px;
	}

	.left .data h2 {
		margin: 0 0 5px 0;
		font-size: 18px;
	}

	.left .data h3 {
		margin: 0;
		font-size: 11px;
	}

	.right {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 20px 0;
	}

	.right .socialmedias a {
		display: inline-block;
		padding: 0 5px;
		text-decoration: none;
		color: var(--corMarrom);
		font-size: 20px;
	}

	.right .officehours {
		padding: 0 20px;
		text-align: center;
		font-weight: 500;
		line-height: 18px;
	}

	.right .officehours span {
		font-weight: 600;
	}

	.right .whats {
		padding: 0 20px;
		text-align: center;
		font-weight: 500;
		line-height: 25px;
	}

	.right .whats a {
		color: var(--corPreto);
		text-decoration: none;
	}

	.right .whats i {
		margin-right: 5px;
		font-size: 25px;
		font-weight: 600;
		background: linear-gradient(45deg, #25D366, #128C7E);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.right .whats span {
		font-weight: 600;
	}

	.content {
		padding-top: 50px;
	}

	.content h1 {
		margin-bottom: 40px;
		text-align: center;
	}

	.content .data {
		column-count: 3;
		column-gap: 20px;
	}

	.content .data .item {
		break-inside: avoid;
		margin-bottom: 20px;
		background: var(--corBranco);
		padding: 20px 50px;
		font-size: 17px;
	}

	.content .data .item h2 {
		margin-top: 5px;
		margin-bottom: 30px;
		text-transform: uppercase;
		font-size: 20px;
		text-align: center;
	}

	.content .data .item .i {
		text-align: center;
	}

	.content .data .item i {
		color: var(--corMarrom);
		font-size: 50px;
		text-align: center;
		text-align: justify !important;
	}

	.content .data .item ul i {
		margin-right: 5px;
		color: var(--corAzul);
		font-size: 17px;
	}

	.content .data .item ul li {
		display: flex;
		margin-bottom: 10px;
	}

	.content .data .item.b-m {
		padding-bottom: 40px;
	}

	.content .data .item.b-r {
		padding-bottom: 30px;
	}

	.bt-whats {
		padding: 20px 0;
		text-align: center;
	}

	.bt-whats a {
		display: inline-block;
		padding: 10px 20px;
		background: #198754;
		border-radius: 30px;
		color: var(--corBranco) !important;
		text-decoration: none;
		font-size: 20px;
	}

	.maps {
		margin-top: 20px;
		padding: 40px 0;
		background: var(--corBranco);
	}

	.maps h1 {
		text-align: center;
	}

	.maps .fence-maps {
		position: relative;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 40px;
		background: var(--corBg);
	}

	.maps .fence-maps .data-map {
		padding: 20px;
		width: 40%;
	}

	.maps .fence-maps .data-map h2 {
		text-transform: uppercase;
		font-size: 25px;
	}

	.maps .fence-maps .data-map h3 {
		font-size: 20px;
	}

	.maps .fence-maps .data-map a {
		display: inline-block;
		margin-top: 20px;
		padding: 10px 20px;
		background: #198754;
		border-radius: 30px;
		color: var(--corBranco) !important;
		text-decoration: none;
		font-size: 20px;
	}

	.maps .fence-maps .data-map h3 {
		font-size: 18px;
	}

	.maps .fence-maps iframe {
		width: 60%;
		height: 250px;
	}

	.footer {
		position: relative;
		padding: 50px 0;
		text-align: center;
	}

	.footer-top .avatar {
		position: relative;
		width: 180px;
		height: 180px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
		overflow: hidden;
		border: 5px solid #fff;
		display: inline-block;
	}

	.footer-top .avatar img {
		width: 100%;
		height: 100%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
	}

	.footer-top h1 {
		margin-top: 20px;
		font-size: 50px;
		color: var(--corPreto);
		line-height: 1.1;
	}

	.footer-top h4 {
		font-size: 30px;
		font-weight: 100;
	}

	.footer-top a {
		display: inline-block;
		margin-top: 20px;
		padding: 10px 20px;
		background: #198754;
		border-radius: 30px;
		color: var(--corBranco) !important;
		text-decoration: none;
		font-size: 20px;
	}

}

/* ---------------------------------------------------------------------- */
/*	tablet
/* ---------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 990px) {

	.top {
		position: relative;
		padding: 50px 0;
		text-align: center;
	}

	.data-top .avatar {
		position: relative;
		width: 180px;
		height: 180px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
		overflow: hidden;
		border: 5px solid #fff;
		display: inline-block;
	}

	.data-top .avatar img {
		width: 100%;
		height: 100%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
	}

	.data-top h1 {
		margin-top: 20px;
		font-size: 50px;
		color: var(--corBranco);
		line-height: 1.1;
	}

	.data-top h4 {
		font-size: 30px;
		font-weight: 100;
		color: rgba(255, 255, 255, 0.6);
	}

	.data-top h3 {
		margin: 0;
		font-size: 20px;
		font-weight: 100;
		color: rgba(255, 255, 255, 0.6);
	}

	.data-top .location {
		margin-top: 20px;
		margin-bottom: 40px;
		font-weight: 600;
		font-size: 16px;
		text-transform: uppercase;
		color: var(--corBranco);
	}

	.data-top .location a {
		color: var(--corBranco);
		text-decoration: none;
	}

	.data-top .location i {
		margin-right: 10px;
	}

	.data-top .buttons {
		text-transform: uppercase;
	}

	.data-top .buttons .wpp {
		display: inline-block;
		margin-right: 20px;
		padding: 10px 20px;
		font-size: 20px;
		background-color: #66B552;
		color: var(--corBranco);
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
		border-radius: 30px;
		text-decoration: none;
	}

	.data-top .buttons .wpp img {
		margin-right: 10px;
	}

	.data-top .buttons .btn-link {
		color: var(--corBranco);
		text-decoration: none;
	}

	.head {
		background: var(--corBranco);
	}

	.left {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 20px 0 0 0;
	}

	.left img {
		max-height: 70px;
	}

	.left .data {
		padding-left: 20px;
		text-align: center;
	}

	.left .data h1 {
		margin: 0;
		font-size: 20px;
	}

	.left .data h2 {
		margin: 0 0 5px 0;
		font-size: 18px;
	}

	.left .data h3 {
		margin: 0;
		font-size: 11px;
	}

	.right {
		padding: 20px 0;
		text-align: center;
	}

	.right .socialmedias a {
		display: inline-block;
		padding: 0 5px;
		text-decoration: none;
		color: var(--corMarrom);
		font-size: 20px;
	}

	.right .officehours {
		margin: 20px 0;
		padding: 0 20px;
		text-align: center;
		font-weight: 500;
		line-height: 18px;
	}

	.right .officehours span {
		font-weight: 600;
	}

	.right .whats {
		padding: 0 20px;
		text-align: center;
		font-weight: 500;
		line-height: 25px;
	}

	.right .whats a {
		color: var(--corPreto);
		text-decoration: none;
	}

	.right .whats i {
		margin-right: 5px;
		font-size: 25px;
		font-weight: 600;
		background: linear-gradient(45deg, #25D366, #128C7E);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.right .whats span {
		font-weight: 600;
	}

	.content {
		padding-top: 50px;
	}

	.content h1 {
		margin-bottom: 40px;
		text-align: center;
	}

	.content .data {
		column-count: 1;
		column-gap: 0;
	}

	.content .data .item {
		break-inside: avoid;
		margin-bottom: 20px;
		background: var(--corBranco);
		padding: 20px 50px;
		font-size: 17px;
	}

	.content .data .item h2 {
		margin-top: 5px;
		margin-bottom: 30px;
		text-transform: uppercase;
		font-size: 20px;
		text-align: center;
	}

	.content .data .item .i {
		text-align: center;
	}

	.content .data .item i {
		color: var(--corMarrom);
		font-size: 50px;
		text-align: center;
		text-align: justify !important;
	}

	.content .data .item ul i {
		margin-right: 5px;
		color: var(--corAzul);
		font-size: 17px;
	}

	.content .data .item ul li {
		display: flex;
		margin-bottom: 10px;
	}

	.content .data .item.b-m {
		padding-bottom: 40px;
	}

	.content .data .item.b-r {
		padding-bottom: 30px;
	}

	.bt-whats {
		padding: 20px 0;
		text-align: center;
	}

	.bt-whats a {
		display: inline-block;
		padding: 10px 20px;
		background: #198754;
		border-radius: 30px;
		color: var(--corBranco) !important;
		text-decoration: none;
		font-size: 20px;
	}

	.maps {
		margin-top: 20px;
		padding: 40px 0;
		background: var(--corBranco);
	}

	.maps h1 {
		text-align: center;
	}

	.maps .fence-maps {
		position: relative;
		margin-top: 40px;
		background: var(--corBg);
	}

	.maps .fence-maps .data-map {
		padding: 20px;
		width: 100%;
		text-align: center;
	}

	.maps .fence-maps .data-map h2 {
		text-transform: uppercase;
		font-size: 25px;
	}

	.maps .fence-maps .data-map h3 {
		font-size: 20px;
	}

	.maps .fence-maps .data-map a {
		display: inline-block;
		margin-top: 20px;
		padding: 10px 20px;
		background: #198754;
		border-radius: 30px;
		color: var(--corBranco) !important;
		text-decoration: none;
		font-size: 20px;
	}

	.maps .fence-maps .data-map h3 {
		font-size: 18px;
	}

	.maps .fence-maps iframe {
		width: 100%;
		height: 250px;
	}

	.footer {
		position: relative;
		padding: 50px 0;
		text-align: center;
	}

	.footer-top .avatar {
		position: relative;
		width: 180px;
		height: 180px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
		overflow: hidden;
		border: 5px solid #fff;
		display: inline-block;
	}

	.footer-top .avatar img {
		width: 100%;
		height: 100%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
	}

	.footer-top h1 {
		margin-top: 20px;
		font-size: 50px;
		color: var(--corPreto);
		line-height: 1.1;
	}

	.footer-top h4 {
		font-size: 30px;
		font-weight: 100;
	}

	.footer-top a {
		display: inline-block;
		margin-top: 20px;
		padding: 10px 20px;
		background: #198754;
		border-radius: 30px;
		color: var(--corBranco) !important;
		text-decoration: none;
		font-size: 20px;
	}
}

/* ---------------------------------------------------------------------- */
/*	mobile
/* ---------------------------------------------------------------------- */
@media (max-width: 767px) {

	.top {
		position: relative;
		padding: 50px 0;
		text-align: center;
	}

	.data-top .avatar {
		position: relative;
		width: 180px;
		height: 180px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
		overflow: hidden;
		border: 5px solid #fff;
		display: inline-block;
	}

	.data-top .avatar img {
		width: 100%;
		height: 100%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
	}

	.data-top h1 {
		margin-top: 20px;
		font-size: 50px;
		color: var(--corBranco);
		line-height: 1.1;
	}

	.data-top h4 {
		font-size: 30px;
		font-weight: 100;
		color: rgba(255, 255, 255, 0.6);
	}

	.data-top h3 {
		margin: 0;
		font-size: 20px;
		font-weight: 100;
		color: rgba(255, 255, 255, 0.6);
	}

	.data-top .location {
		margin-top: 20px;
		margin-bottom: 40px;
		font-weight: 600;
		font-size: 16px;
		text-transform: uppercase;
		color: var(--corBranco);
	}

	.data-top .location a {
		color: var(--corBranco);
		text-decoration: none;
	}

	.data-top .location i {
		margin-right: 10px;
	}

	.data-top .buttons {
		text-transform: uppercase;
	}

	.data-top .buttons .wpp {
		display: inline-block;
		margin-right: 20px;
		padding: 10px 20px;
		font-size: 20px;
		background-color: #66B552;
		color: var(--corBranco);
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
		border-radius: 30px;
		text-decoration: none;
	}

	.data-top .buttons .wpp img {
		margin-right: 10px;
	}

	.data-top .buttons .btn-link {
		color: var(--corBranco);
		text-decoration: none;
	}

	.head {
		background: var(--corBranco);
	}

	.left {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 20px 0 0 0;
	}

	.left img {
		max-height: 70px;
	}

	.left .data {
		padding-left: 20px;
		text-align: center;
	}

	.left .data h1 {
		margin: 0;
		font-size: 20px;
	}

	.left .data h2 {
		margin: 0 0 5px 0;
		font-size: 18px;
	}

	.left .data h3 {
		margin: 0;
		font-size: 11px;
	}

	.right {
		padding: 20px 0;
		text-align: center;
	}

	.right .socialmedias a {
		display: inline-block;
		padding: 0 5px;
		text-decoration: none;
		color: var(--corMarrom);
		font-size: 20px;
	}

	.right .officehours {
		margin: 20px 0;
		padding: 0 20px;
		text-align: center;
		font-weight: 500;
		line-height: 18px;
	}

	.right .officehours span {
		font-weight: 600;
	}

	.right .whats {
		padding: 0 20px;
		text-align: center;
		font-weight: 500;
		line-height: 25px;
	}

	.right .whats a {
		color: var(--corPreto);
		text-decoration: none;
	}

	.right .whats i {
		margin-right: 5px;
		font-size: 25px;
		font-weight: 600;
		background: linear-gradient(45deg, #25D366, #128C7E);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.right .whats span {
		font-weight: 600;
	}

	.content {
		padding-top: 50px;
	}

	.content h1 {
		margin-bottom: 40px;
		text-align: center;
	}

	.content .data {
		column-count: 1;
		column-gap: 0;
	}

	.content .data .item {
		break-inside: avoid;
		margin-bottom: 20px;
		background: var(--corBranco);
		padding: 20px 50px;
		font-size: 17px;
	}

	.content .data .item h2 {
		margin-top: 5px;
		margin-bottom: 30px;
		text-transform: uppercase;
		font-size: 20px;
		text-align: center;
	}

	.content .data .item .i {
		text-align: center;
	}

	.content .data .item i {
		color: var(--corMarrom);
		font-size: 50px;
		text-align: center;
		text-align: justify !important;
	}

	.content .data .item ul i {
		margin-right: 5px;
		color: var(--corAzul);
		font-size: 17px;
	}

	.content .data .item ul li {
		display: flex;
		margin-bottom: 10px;
	}

	.content .data .item.b-m {
		padding-bottom: 40px;
	}

	.content .data .item.b-r {
		padding-bottom: 30px;
	}

	.bt-whats {
		padding: 20px 0;
		text-align: center;
	}

	.bt-whats a {
		display: inline-block;
		padding: 10px 20px;
		background: #198754;
		border-radius: 30px;
		color: var(--corBranco) !important;
		text-decoration: none;
		font-size: 20px;
	}

	.maps {
		margin-top: 20px;
		padding: 40px 0;
		background: var(--corBranco);
	}

	.maps h1 {
		text-align: center;
	}

	.maps .fence-maps {
		position: relative;
		margin-top: 40px;
		background: var(--corBg);
	}

	.maps .fence-maps .data-map {
		padding: 20px;
		width: 100%;
		text-align: center;
	}

	.maps .fence-maps .data-map h2 {
		text-transform: uppercase;
		font-size: 25px;
	}

	.maps .fence-maps .data-map h3 {
		font-size: 20px;
	}

	.maps .fence-maps .data-map a {
		display: inline-block;
		margin-top: 20px;
		padding: 10px 20px;
		background: #198754;
		border-radius: 30px;
		color: var(--corBranco) !important;
		text-decoration: none;
		font-size: 20px;
	}

	.maps .fence-maps .data-map h3 {
		font-size: 18px;
	}

	.maps .fence-maps iframe {
		width: 100%;
		height: 250px;
	}

	.footer {
		position: relative;
		padding: 50px 0;
		text-align: center;
	}

	.footer-top .avatar {
		position: relative;
		width: 180px;
		height: 180px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
		overflow: hidden;
		border: 5px solid #fff;
		display: inline-block;
	}

	.footer-top .avatar img {
		width: 100%;
		height: 100%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
	}

	.footer-top h1 {
		margin-top: 20px;
		font-size: 50px;
		color: var(--corPreto);
		line-height: 1.1;
	}

	.footer-top h4 {
		font-size: 30px;
		font-weight: 100;
	}

	.footer-top a {
		display: inline-block;
		margin-top: 20px;
		padding: 10px 20px;
		background: #198754;
		border-radius: 30px;
		color: var(--corBranco) !important;
		text-decoration: none;
		font-size: 20px;
	}
}