article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block }
audio, canvas, video { display: inline-block }
audio:not([controls]) { display: none; height: 0 }
[hidden] { display: none }
html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
button, html, input, select, textarea { font-family: sans-serif }
body { margin: 0 }
a:focus { outline: 0 }
a:active, a:hover { outline: 0 }
h1 { font-size: 2em; margin: .67em 0 }
h2 { font-size: 1.5em; margin: .83em 0 }
h3 { font-size: 1.17em; margin: 1em 0 }
h4 { font-size: 1em }
h6 { font-size: .67em; margin: 2.33em 0 }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; color: #333 }
abbr[title] { border-bottom: 1px dotted }
b, strong { font-weight: 700 }
blockquote { margin: 1em 40px }
dfn { font-style: italic }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0 }
mark { background: #ff0; color: #000 }
p, pre { margin: 1em 0 }
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:after, q:before { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -.5em }
sub { bottom: -.25em }
dl, menu, ol, ul { margin: 1em 0 }
dd { margin: 0 0 0 40px }
menu, ol, ul { padding: 0 }
nav ol, nav ul { list-style: none; list-style-image: none }
img { border: 0; -ms-interpolation-mode: bicubic; max-width: 100%; height: auto; }
svg:not(:root) { overflow: hidden }
figure { margin: 0 }
form { margin: 0 }
fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em }
legend { border: 0; padding: 0; white-space: normal }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline }
button, input { line-height: normal; border: 1px solid #ccc; padding: 5px }
button, select { text-transform: none }
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer }
button[disabled], html input[disabled] { cursor: default }
input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 }
input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 }
textarea { overflow: auto; vertical-align: top }
table { border-collapse: collapse; border-spacing: 0 }
audio, canvas, img, video { vertical-align: middle }
address { font-style: normal }
ul { list-style-type: none; list-style: none; margin: 0; padding: 0 }
/* BASE STYLES CSS */
* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	box-sizing: border-box;
}

/* SCROLL LATERAL */
::-webkit-scrollbar-track { background-color: #f0f0f0; }
::-webkit-scrollbar { width: 8px; background-color: var(--primary-color); }
::-webkit-scrollbar-thumb { background-color: var(--primary-color); }

/*CUSTOMIZE THEME*/
:root {

	/* COLORS */
	--primary-color: #00aeef;
	--secondary-color: #FD1A16;
	--tertiary-color: #FFF200;
	--grey: #525252;
	--dark: #231F1F;
	--light: #F7F7F9;
	--alert: #b31610;
	--success: #4caf50;	

	/* DEFAULT BORDER RADIUS */
	--border-radius: .25em;
	--border-color: #dee2e6;

	/* SPACING */

	--wrapper-width: 1180px;

	/* SLICK BANNER */

	--slider-height: 600px;
}

body {
	font-size: 16px; 
	font-family: var(--primary-font);
	color: var(--grey);
	text-decoration: none;
}

/* SMALL DEVICE */
@media only screen and (max-width: 576px) {
	body { font-size: 12px; }	
}

h1, h2, h3, h4 {
	font-family: var(--primary-font);
	color: var(--primary-color);
	margin: 25px 0;
}

h1 { font-size: 2.25em; } /* 36px */

h2 { font-size: 1.5em; } /* 24px */

h3 { font-size: 1.125em; } /* 18px */

p  {
	font: 1em/1.5em var(--primary-font);
	line-height: 1.8;
	margin: 15px 0;
	color: var(--grey);
	text-align: justify;
}

a {
	color: var(--primary-color);
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

hr {
	display: block;
	margin: 1em 0;
	height: 1px;
	border-top: 1px solid #ccc;
}

/* COOKIES */

#cookies-message p {
	color: #FFF;
}

/* FIM COOKIES */

/* PAGE LOADING */

.page-loading {
	position: fixed;
	background-color: var(--dark);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 50px;
	width: 100%;
	height: 100%;
	z-index: 999999999;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 16px;
	overflow: hidden;
}

.page-loading__spinner {
	width: 60px;
	height: auto;
	aspect-ratio: 1/1;
	position: relative;
}

.page-loading__spinner::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 50%;
	animation-name: pageloadingRotate;
	animation-duration: 1s;        
	animation-iteration-count: infinite;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	border: 4px solid var(--light);
	border-top: 4px solid var(--primary-color);
	box-sizing: border-box;
}

.page-loading__logo {
	width: 100%;
	max-width: 250px;
	transition: 0.5s;
	position: relative;
	bottom: 0;
	opacity: 1;
}

.page-loading__logo--fade {
	opacity: 0;
	transform: scale(1.5);
}

@keyframes pageloadingRotate {
	from {
		transform: rotate(0);
	}
	to {
		transform: rotate(360deg);
	}
}

/* FIM PAGE LOADING */

/* HEADER */

/* header fixo */
.headerFixed { position: fixed !important; width: 100%; z-index: 999; top: 0px; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; }
.headerFixed .topo { display: none; }

.headerFixed .logo img {
	max-width: 160px;
	margin: 16px auto;
}

.headerFixed:is(.headerSlide, .headerFade) {
	animation-delay: 0.5s; animation-duration: 0.30s; animation-timing-function: ease-out; animation-fill-mode: forwards;
}

/* header fixo - efeito slide */
.headerSlide { animation-name: headerSlide; transform: translateY(-100%); }

@keyframes headerSlide {
	from { transform: translateY(-100%); }
	to { transform: translateY(0); }
}

/* header fixo - efeito fade */
.headerFade { animation-name: headerFade; opacity: 0; }

@keyframes headerFade {
	from { opacity: 0; }
	to { opacity: 1; }
}

/* LARGE DEVICE */
@media only screen and (max-width: 912px) {
	
	header .topo.show-mobile {
		background-color: #222222;
	}

	.flex-top-icons {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.flex-top-icons a {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 50px;
		height: 50px;
		margin: 5px;
		background: var(--primary-color);
		color: #fff;
		border-radius: 50%;
		font-size: 22px;
	}

}

/* MENU */
header #menu {
	text-align: center;
}

header #menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

header #menu li {
	position: relative;
	display: inline-block;
}

header #menu a {
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 8px 12px;
	text-align: center;
	-webkit-transition: .3s;
	transition: .3s;
}

/* ACTIVE MENU TOPO */
.active-menu-topo {
	color: var(--primary-color);
	font-weight: bold !important;
}

/* SUB MENU */
header #menu .dropdown :is(.sub-menu, .sub-menu-info) {
	display: none;
	margin: 0;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 7;
	width: 230px;
	height: auto;
	background-color: var(--primary-color);
}

header #menu ul > li.dropdown:hover > :is(.sub-menu, .sub-menu-info) {
	display: block;
}

header #menu ul > li.dropdown > :where(.sub-menu, .sub-menu-info) > li.dropdown > :where(.sub-menu, .sub-menu-info) {
	display: none;
	top: 0;
	left: 100%;
}

header #menu > ul > li:nth-last-child(-n+3).dropdown > :is(.sub-menu, .sub-menu-info) {
	left: initial;
	right: 0;
}

header #menu > ul > li:nth-last-child(-n+3).dropdown > :is(.sub-menu, .sub-menu-info) :is(.sub-menu, .sub-menu-info) {
	left: initial;
	right: 100%;
}

header #menu ul > li.dropdown > :is(.sub-menu, .sub-menu-info) > li.dropdown:hover > :is(.sub-menu, .sub-menu-info) {
	display: block;
}

header #menu .dropdown :is(.sub-menu, .sub-menu-info) li {
	position: relative;
	display: block;
	margin: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 0 10px;
}

header #menu .dropdown :is(.sub-menu, .sub-menu-info) li:first-of-type {
	padding-top: 10px;
}

header #menu .dropdown :is(.sub-menu, .sub-menu-info) li:last-of-type {
	padding-bottom: 10px;
}

header #menu .dropdown :is(.sub-menu, .sub-menu-info) li a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	font-size: 12px;
	padding: 10px;
	text-align: left;
	text-decoration: none;
	color: #fff;
}

header #menu .dropdown > :is(.sub-menu, .sub-menu-info) > li:hover > a {
	background-color: #fff;
	color: var(--primary-color);
}

/* SUB MENU SCROLL */
header #menu .dropdown :is(.sub-menu, .sub-menu-info).sub-menu-scroll {
	max-height: 400px;
	height: auto;
	overflow-y: auto;
	overflow-x: hidden;
}

/* BROWSE HAPPY PROMPT */
.browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* SCROLL UP BUTTON */
#scrollUp { position: fixed; bottom: -100px; right: 12px; z-index: 9999; width: 65px; height: 65px; display: flex; align-items: center; justify-content: center; border-radius: 5px 5px 0 0; background-color: var(--primary-color); cursor: pointer; opacity: 0; -webkit-transition: .3s; transition: .3s; }
#scrollUp::after { content: '\f077'; font: 18px/normal FontAwesome; color: #fff; }
#scrollUp.is-active { -webkit-transition: .5s; transition: .5s; bottom: 0; opacity: 1; }

/* SMALL DEVICE */
@media only screen and (max-width: 576px) {
	#scrollUp { width: 40px; height: 40px; }
	#scrollUp::after { font-size: 12px; }	
}

/* BODY */
.wrapper {
	max-width: var(--wrapper-width);
	width: 100%;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 10px;
}

.container {
	max-width: 1920px; 
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 25px 0;
	clear: both;
}

section {
	float: left;
	width: 100%;
}

article {
	float: left;
	width: 67.5%;
}

article.full {
	width: 100%;
}

/* SMALL DEVICE */
@media only screen and (max-width:576px) {
	article {
		float: none;
		width: 100%;
	}

}

/* BREADCRUMB BASE */

.bread {
	padding: 64px 0;
	background-image: linear-gradient(rgba(0, 174, 239, 0.2), rgba(0, 174, 239, 0.2)), url("/imagens/breadcrumbs/bread-default.webp");
	background-position: center top;
	background-size: cover;
}

.bread--mpi {
	margin-bottom: 50px;
}

.bread__title { margin: 1rem 0 0 0; color: #FFF; }

#breadcrumb {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 5px;
	clear: both;
	color: #fff;
}

#breadcrumb * {
	-webkit-transition: .3s;
	transition: .3s;
}

#breadcrumb a {
	display: inline-flex;
	align-items: center;
	color: #FFF;
	height: fit-content;
}

#breadcrumb a:hover * {
	color: var(--primary-color);
}

#breadcrumb .bread__column {
	display: inline-flex;
	align-items: center;
}

#breadcrumb :is([itemprop="title"], [itemprop="name"]) {
	font: 14px var(--primary-font);
	color: #FFF;
}
.bread:is(.bread--default, .bread--mpi) .bread__column:first-child:before {
	content: "\e3af";
	font-family: "FontAwesome";
	font-size: 12px;
	margin-right: 4px;
	color: #FFF;
}

.bread:is(.bread--default, .bread--mpi) .bread__column:not(:last-child)::after {
	content: "❱";
	margin-left: 6px;
	font-size: 14px;
	color: #FFF;
}

/* SMALL DEVICE */
@media only screen and (max-width: 576px) {
	#breadcrumb :is([itemprop="title"], [itemprop="name"])  {
		display: inline-block;
		max-width: 82px;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}

/* ASIDE */
aside { float: left; width: 27.5%; margin-left: 5%; }
aside nav { list-style: none; list-style-type: none; margin: 0; padding: 0; max-height: 400px; height: auto; overflow-y: auto; overflow-x: hidden; }
aside nav > ul > li > ul { display: none; }
aside li { margin: 5px 0 0 0; }
aside .active-menu-aside { color: var(--primary-color); font-weight: bold !important; }

/* SMALL DEVICE */
@media only screen and (max-width:576px) {
	aside { width: 100%; float: none; margin: 15px 0; }
}

/* CARDS */
.card-group { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.card { -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; width: 100%; position: relative; overflow: hidden; -webkit-transition: .3s; transition: .3s; }
.card__image { display: block; width: 100%; object-fit: cover; -webkit-transition: .3s; transition: .3s; }
.card__title { font-size: 16px; color: var(--grey); -webkit-transition: .3s; transition: .3s; }
.card__text { font-size: 14px; color: var(--grey); }
.card__btn { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 15px; border-radius: 3px; font-size: 14px; background-color: var(--primary-color); color: #fff; -webkit-transition: .3s; transition: .3s; }
.card__overlay { position: absolute; opacity: 0; width: 100%; height: 100%; -webkit-transition: .5s; transition: .5s; }
.card:hover .card__overlay { opacity: 1; }

@media only screen and (max-width: 992px) {
	.card-group {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media only screen and (max-width: 768px) {
	.card-group {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media only screen and (max-width: 480px) {
	.card-group {
		grid-template-columns: 1fr;
	}
}

/* CARD MPI */

.card--mpi {
	border-radius: 16px 0;
	overflow: hidden;
}

.card--mpi .card__image { 
	width: 100%;
	height: auto;
	aspect-ratio: 1/1; 
}
.card--mpi .card__image:hover { opacity: 0.8; }
.card--mpi .card__title { display: flex; justify-content: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 5px; height: 45px; margin: 0; font-size: 12px; text-align: center; background: var(--primary-color); color: #fff; text-transform: uppercase; }
.card--mpi:hover .card__title { background-color: var(--secondary-color); }

/* BTN */
.btn {
	display: inline-block;
	margin: 1em 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1em 2em;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	border-radius: var(--border-radius);
	background-color: var(--primary-color);
	color: #fff;
	-webkit-transition: .3s;
	transition: .3s;
}

.btn:hover {
	background-color: var(--secondary-color);
}

/* SMALL DEVICE */
@media only screen and (max-width:576px) {
	.btn {
		display: block;
		width: 100%;
	}

}

/* SOCIAL ICONS */
.social { display: flex; align-items: center; gap: 1em; }
.social__icons { color: #fff; font-size: 1em; transition: .3s; }

/* TABELA */
.table { border-collapse: collapse; border-spacing: 0; table-layout: fixed; width: 100%; }
.table td { font-size: 12px; text-align: center; line-height: 30px; border-style: solid; border-width: 1px; overflow: hidden; word-break: normal; color: #000; }
.table th { font-size: 14px; font-weight: normal; padding: 10px 5px; border-style: solid; border-width: 1px; overflow: hidden; word-break: normal; }

/* LIST */
.list { margin: 0 0 20px 40px; }
.list li { list-style: disc; margin: 5px 0; font-size: 1em; line-height: 1.5em; text-align: left; }
.list--no-ls li { list-style: none; }
.list li::first-letter {
	text-transform: uppercase;
}

/* LAZY LOAD VIDEO */
[data-video] { cursor: pointer; position: relative; aspect-ratio: 16/9; background-color: #000; overflow: hidden; }
.ytvideo[data-video]::before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; cursor: pointer; background-color: rgba(0, 0, 0, 0.2);}
.ytvideo[data-video]::after { content: '\f167'; position: absolute; z-index: 1; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); font: 70px/normal FontAwesome; color: var(--light); -webkit-transition: .3s; transition: .3s; }
[data-video]:hover::after { color: red; }
[data-video] * {
	width: 100%;
	height: 100%;
}

/* SEARCH PAGE */
.search { position: relative; }
.search input { width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid #ccc; border-radius: 3px; color: var(--grey); font: normal 14px/normal var(--primary-font); }
.search input::placeholder { font: normal 14px/normal var(--primary-font); color: var(--grey);}
.search button { border: none; outline: none; text-decoration: none; background-color: transparent; color: var(--grey); font-size: 18px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.search--topo button { position: absolute; top: 50%; transform: translateY(-50%); right: 10px; }
.search button:hover { color: var(--dark); }

.search .button-group { position: absolute; top: 50%; transform: translateY(-50%); right: 10px; display: flex; align-items: center; justify-content: center; }

.search-content {  opacity: 0; transition: opacity .2s ease .2s; }
.search-content.search-active { opacity: 1; }

.search-content .no-results {
	margin: 0 0 32px 0;
	text-align: left;
	font-size: 18px;
}

.search-content li a {
  float: left;
  appearance: button;
  background-color: var(--primary-color);
  background-image: none;
  border: 1px solid var(--primary-color);
  border-radius: 4px;
  box-shadow: #fff 4px 4px 0 0, var(--primary-color) 4px 4px 0 1px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 5px 5px 10px 5px;
  overflow: visible;
  padding: 12px 40px;
  text-align: center;
  text-transform: none;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
  vertical-align: middle;
  transition: .3s;
}

.search-content li a:focus {
  text-decoration: none;
}

.search-content li a:not([disabled]):active,
.search-content li a:not([disabled]):hover {
  box-shadow: unset;
  transform: translate(3px, 3px);
}


/* FORMULARIO / CONTATO PAGE */
.form {
	display: flex;
	flex-direction: column;
	width: 100%;
	background-color: #fff;
}

.form *:focus, .form *:active {
	outline: unset;
}

.form :is(input, textarea, select) {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;

	width: 100%;
	margin: 0.5em 0;

	border: 1px solid var(--grey);
	border-radius: 3px;

	font: 12px/normal var(--primary-font);
	background-color: #fff;
	color: var(--grey);

	-webkit-transition: .3s;
	transition: .3s;
}

.form label, .form :is(input, textarea)::placeholder {
	font: 12px/normal var(--primary-font);
	color: var(--grey);
}

.form [type="submit"] {
	max-width: 280px;
	width: 100%;
	margin-top: 1em;
	border: 1px solid var(--primary-color);
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background-color: var(--primary-color);
	cursor: pointer;
}

.form [type="submit"]:hover {
	background-color: var(--dark);
	border: 1px solid var(--dark);
}

.form__obrigatory {
	display: block;
	margin: 1em 0;
	font-size: 12px;
	color: var(--grey);
}

.address-map {
	width: 100%;
	height: 450px;
	margin: 15px 0;
}

.g-recaptcha {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

/* MAPA DO SITE */
.sitemap { margin-left: 30px; list-style: none; list-style-type: none; }
.sitemap li { font-size: 15px; margin: 10px 0; }
.sitemap li a { color: #777; font-size: 20px; line-height: 25px; text-decoration: none; }
.sitemap li a:hover { color: #222 !important; }
.sitemap li ul { margin-left: 35px; list-style: none; list-style-type: none; }
.sitemap li ul li { margin: 5px 0; padding: 0; }
.sitemap li ul li a { font-size: 14px; color: #777; }
.sitemap li ul li ul li { margin: 5px 0; }
.sitemap li ul li ul li a { font-size: 13px; color: #777; }
.sitemap li a:hover { color: #999; }
.sitemap i { display: none; }
.sitemap br { display: none; }

/* 404 */
.page-404 .container > .wrapper * { text-align: center; }
.title-404 { color: #fff; font-weight: 700; letter-spacing: 1px; text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgb(0 0 0 / 10%), 0 0 5px rgb(0 0 0 / 10%), 0 1px 3px rgb(0 0 0 / 30%), 0 3px 5px rgb(0 0 0 / 20%), 0 5px 10px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 20%), 0 20px 20px rgb(0 0 0 / 15%); }
.msg-404 { font-size: 22px; line-height: 34px; color: #A7A9AC; margin-bottom: 30px; }
.menu-404 a { display: block; line-height: 25px; }
.menu-404 a:hover { color: var(--dark); }

/* FOOTER */
footer {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px;
	clear: both;
}

.copyright-footer {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px 100px;
	background-color: var(--dark);
}

.copyright-footer .wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.copyright-footer * {
	color: #eee;
	font-size: 10px;
}

.copyright-footer .selos {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
}

.copyright-footer .selos a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
}

.copyright-footer .selos i {
	font-size: 14px;
}

.copyright-footer .selos strong {
	background: #fff;
	color: #363b36;
	padding: 1px 6px;
}

/* SMALL DEVICE */
@media only screen and (max-width:576px) {
	footer * {
		text-align: center;
	}

	footer .social {
		justify-content: center;
	}

	.copyright-footer {
		padding: 15px;
	}

	.copyright-footer * {
		text-align: center
	}

	.copyright-footer .wrapper {
		flex-direction: column;
	}
}
/*=============================== WHATSAPP BALLOON ===============================*/

.whatsapp--ballon {
	position: fixed;
	bottom: 180px;
	right: 30px;
	z-index: 999;
}

.whatsapp--ballon .whatsapp__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	animation: animateWpp 1s forwards infinite;
	width: 68px; height: 68px;
	border-radius: 100%;
	background-color: rgb(85, 205, 108);
	color: #fff;
	padding: 1em;
}

@keyframes animateWpp {
	0% {
		box-shadow: 0 0 0 0px rgba(85, 205, 108, 0.10);
	}

	100% {
		box-shadow: 0 0 0 20px rgba(85, 205, 108, 0.50);
	}

}

@media only screen and (max-width:765px) {
	.whatsapp--ballon {
		bottom: 65px;
		left: 20px;
	}

}
 

/* ANIMATE */

.scrollanimation:not(.fadeIn, .fadeInLeft, .fadeInRight) {
    animation: none !important;
}

@media only screen and (max-width: 768px) {
    .scrollanimation {
        animation: none !important;
    }
}

/* FIM ANIMATE */

/* *** RULES CSS *** */
	/* MARGIN */
	.m-auto { margin-left: auto !important ; margin-right: auto !important }
	.m-0 { margin: 0 !important }
	.m-1 { margin: .25rem !important }
	.m-2 { margin: .5rem !important }
	.m-3 { margin: .75rem !important }
	.m-4 { margin: 1rem !important }
	.m-5 { margin: 1.25rem !important }
	.mx-0 { margin-left: 0 !important ; margin-right: 0 !important }
	.mx-1 { margin-left: .25rem !important ; margin-right: .25rem !important }
	.mx-2 { margin-left: .5rem !important ; margin-right: .5rem !important }
	.mx-3 { margin-left: .75rem !important ; margin-right: .75rem !important }
	.mx-4 { margin-left: 1rem !important ; margin-right: 1rem !important }
	.mx-5 { margin-left: 1.25rem !important ; margin-right: 1.25rem !important }
	.my-0 { margin-top: 0 !important ; margin-bottom: 0 !important }
	.my-1 { margin-top: .25rem !important ; margin-bottom: .25rem !important }
	.my-2 { margin-top: .5rem !important ; margin-bottom: .5rem !important }
	.my-3 { margin-top: .75rem !important ; margin-bottom: .75rem !important }
	.my-4 { margin-top: 1rem !important ; margin-bottom: 1rem !important }
	.my-5 { margin-top: 1.25rem !important ; margin-bottom: 1.25rem !important }
	.mt-0 { margin-top: 0 !important }
	.mt-1 { margin-top: .25rem !important }
	.mt-2 { margin-top: .5rem !important }
	.mt-3 { margin-top: .75rem !important }
	.mt-4 { margin-top: 1rem !important }
	.mt-5 { margin-top: 1.25rem !important }
	.mb-0 { margin-bottom: 0 !important }
	.mb-1 { margin-bottom: .25rem !important }
	.mb-2 { margin-bottom: .5rem !important }
	.mb-3 { margin-bottom: .75rem !important }
	.mb-4 { margin-bottom: 1rem !important }
	.mb-5 { margin-bottom: 1.25rem !important }
	.ml-0 { margin-left: 0 !important }
	.ml-1 { margin-left: .25rem !important }
	.ml-2 { margin-left: .5rem !important }
	.ml-3 { margin-left: .75rem !important }
	.ml-4 { margin-left: 1rem !important }
	.ml-5 { margin-left: 1.25rem !important }
	.mr-0 { margin-right: 0 !important }
	.mr-1 { margin-right: .25rem !important }
	.mr-2 { margin-right: .5rem !important }
	.mr-3 { margin-right: .75rem !important }
	.mr-4 { margin-right: 1rem !important }
	.mr-5 { margin-right: 1.25rem !important }

	/* PADDING */
	.p-0 { padding: 0 !important }
	.p-1 { padding: .25rem !important }
	.p-2 { padding: .5rem !important }
	.p-3 { padding: .75rem !important }
	.p-4 { padding: 1rem !important }
	.p-5 { padding: 1.25rem !important }
	.px-0 { padding-left: 0 !important ; padding-right: 0 !important }
	.px-1 { padding-left: .25rem !important ; padding-right: .25rem !important }
	.px-2 { padding-left: .5rem !important ; padding-right: .5rem !important }
	.px-3 { padding-left: .75rem !important ; padding-right: .75rem !important }
	.px-4 { padding-left: 1rem !important ; padding-right: 1rem !important }
	.px-5 { padding-left: 1.25rem !important ; padding-right: 1.25rem !important }
	.py-0 { padding-top: 0 !important ; padding-bottom: 0 !important }
	.py-1 { padding-top: .25rem !important ; padding-bottom: .25rem !important }
	.py-2 { padding-top: .5rem !important ; padding-bottom: .5rem !important }
	.py-3 { padding-top: .75rem !important ; padding-bottom: .75rem !important }
	.py-4 { padding-top: 1rem !important ; padding-bottom: 1rem !important }
	.py-5 { padding-top: 1.25rem !important ; padding-bottom: 1.25rem !important }
	.pt-0 { padding-top: 0 !important }
	.pt-1 { padding-top: .25rem !important }
	.pt-2 { padding-top: .5rem !important }
	.pt-3 { padding-top: .75rem !important }
	.pt-4 { padding-top: 1rem !important }
	.pt-5 { padding-top: 1.25rem !important }
	.pb-0 { padding-bottom: 0 !important }
	.pb-1 { padding-bottom: .25rem !important }
	.pb-2 { padding-bottom: .5rem !important }
	.pb-3 { padding-bottom: .75rem !important }
	.pb-4 { padding-bottom: 1rem !important }
	.pb-5 { padding-bottom: 1.25rem !important }
	.pl-0 { padding-left: 0 !important }
	.pl-1 { padding-left: .25rem !important }
	.pl-2 { padding-left: .5rem !important }
	.pl-3 { padding-left: .75rem !important }
	.pl-4 { padding-left: 1rem !important }
	.pl-5 { padding-left: 1.25rem !important }
	.pr-0 { padding-right: 0 !important }
	.pr-1 { padding-right: .25rem !important }
	.pr-2 { padding-right: .5rem !important }
	.pr-3 { padding-right: .75rem !important }
	.pr-4 { padding-right: 1rem !important }
	.pr-5 { padding-right: 1.25rem !important }

	/* EXTRA LARGE DEVICE */
	@media only screen and (min-width: 1024px) {

		/* WIDTH/HEIGHT */
		.w-100 { width: 100% }
		.mw-100 { max-width: 100% }
		.h-100 { height: 100% }
		.mh-100 { max-height: 100% }
		.w-75 { width: 75% }
		.mw-75 { max-width: 75% }
		.h-75 { height: 75% }
		.mh-75 { max-height: 75% }
		.w-50 { width: 50% }
		.mw-50 { max-width: 50% }
		.h-50 { height: 50% }
		.mh-50 { max-height: 50% }
		.w-25 { width: 25% }
		.mw-25 { max-width: 25% }
		.h-25 { height: 25% }
		.mh-25 { max-height: 25% }
		.w-0 { width: 0% }
		.mw-0 { max-width: 0% }
		.h-0 { height: 0% }
		.mh-0 { max-height: 0% }

	}

	/* IMAGE ALIGN */
	.picture-center { display: block; margin-left: auto; margin-right: auto; }
	.picture-left { float: left; }
	.picture-right { float: right; }

	/* FONT SIZE */
	.large { font-size: large }
	.larger { font-size: larger }
	.x-large { font-size: x-large }
	.xx-large { font-size: xx-large }
	.medium { font-size: medium }
	.small { font-size: small }
	.smaller { font-size: smaller }
	.x-small { font-size: x-small }
	.xx-small { font-size: xx-small }
	.display-1 { font-size: 6em }
	.display-2 { font-size: 5.5em }
	.display-3 { font-size: 4.5em }
	.display-4 { font-size: 3.5em }

	/* RESPONSIVE FONT-SIZE */
	.fs-14 { font-size: 1em }
	.fs-16 { font-size: 1.14em }
	.fs-18 { font-size: 1.28em }
	.fs-20 { font-size: 1.42em }
	.fs-22 { font-size: 1.57em }
	.fs-24 { font-size: 1.71em }
	.fs-26 { font-size: 1.85em }

	.fs-28 { font-size: 2em }
	.fs-30 { font-size: 2.14em }
	.fs-32 { font-size: 2.28em }
	.fs-34 { font-size: 2.42em }
	.fs-36 { font-size: 2.57em }
	.fs-38 { font-size: 2.71em }
	.fs-40 { font-size: 2.85em }

	.fs-42 { font-size: 3em }
	.fs-44 { font-size: 3.14em }
	.fs-46 { font-size: 3.28em }
	.fs-48 { font-size: 3.42em }
	.fs-50 { font-size: 3.57em }
	.fs-52 { font-size: 3.71em }
	.fs-54 { font-size: 3.85em }

	.fs-56 { font-size: 4em }
	.fs-58 { font-size: 4.14em }
	.fs-60 { font-size: 4.28em }
	.fs-62 { font-size: 4.42em }
	.fs-64 { font-size: 4.57em }
	.fs-66 { font-size: 4.71em }
	.fs-68 { font-size: 4.85em }

	.fs-70 { font-size: 5em }
	.fs-72 { font-size: 5.14em }
	.fs-74 { font-size: 5.28em }
	.fs-76 { font-size: 5.42em }
	.fs-78 { font-size: 5.57em }
	.fs-80 { font-size: 5.71em }
	.fs-82 { font-size: 5.85em }

	.fs-84 { font-size: 6em }
	.fs-86 { font-size: 6.14em }
	.fs-88 { font-size: 6.28em }
	.fs-90 { font-size: 6.42em }
	.fs-92 { font-size: 6.57em }
	.fs-94 { font-size: 6.71em }
	.fs-96 { font-size: 6.85em }

	.fs-98  { font-size: 7em }
	.fs-100 { font-size: 7.14em }
	.fs-102 { font-size: 7.28em }
	.fs-104 { font-size: 7.42em }
	.fs-106 { font-size: 7.57em }
	.fs-108 { font-size: 7.71em }
	.fs-110 { font-size: 7.85em }


	/* SMALL DEVICE */
	@media only screen and (max-width: 576px) {

		[class*='fs-3'] {
			font-size: calc(2.14em - 0.14vw - 0.14vh);
		}

		[class*='fs-4'] {
			font-size: calc(2.85em - 0.85vw - 0.85vh);
		}

		[class*='fs-5'] {
			font-size: calc(3.57em - 0.57vw - 0.57vh);
		}

		[class*='fs-6'], [class*='fs-7'], [class*='fs-8'], [class*='fs-9'], [class*='fs-10'], [class*='fs-11']:not(.fs-11) {
			font-size: calc(4.28em - 0.28vw - 0.28vh);
		}
	}

	/* FONT WEIGHT */
	.fw-normal { font-weight: 400 }
	.fw-bold { font-weight: 700 }

	.fw-200 { font-weight: 200; }
	.fw-300 { font-weight: 300; }
	.fw-400 { font-weight: 400; }
	.fw-500 { font-weight: 500; }
	.fw-600 { font-weight: 600; }
	.fw-700 { font-weight: 700; }
	.fw-800 { font-weight: 800; }
	.fw-900 { font-weight: 900; }

	/* TEXT TRANSFORM */
	.text-lowercase { text-transform: lowercase }
	.text-uppercase { text-transform: uppercase }
	.text-capitalize { text-transform: capitalize }
	.text-left { text-align: left }
	.text-center { text-align: center }
	.text-right { text-align: right }
	.text-justify { text-align: justify }

	/* DISPLAY */
	.d-none { display: none }
	.d-inline { display: inline }
	.d-inline-block { display: inline-block }
	.d-block { display: block }
	.d-table { display: table }
	.d-table-cell { display: table-cell }
	.d-table-row { display: table-row }
	.d-flex { display: flex }
	.d-flex-wrap { flex-wrap: wrap }
	.d-inline-flex { display: inline-flex }

	/* JUSTIFY CONTENT */
	.justify-content-center { justify-content: center }
	.justify-content-start { justify-content: flex-start }
	.justify-content-end { justify-content: flex-end }
	.justify-content-between { justify-content: space-between }
	.justify-content-around { justify-content: space-around }

	/* MEDIUM DEVICE */
	@media only screen and (max-width: 768px) {
		.justify-content-md-center { justify-content: center }
		.justify-content-md-start { justify-content: flex-start }
		.justify-content-md-end { justify-content: flex-end }
		.justify-content-md-between { justify-content: space-between }
		.justify-content-md-around { justify-content: space-around }
	}

	/* SMALL DEVICE */
	@media only screen and (max-width: 576px) {
		.justify-content-sm-center { justify-content: center }
		.justify-content-sm-start { justify-content: flex-start }
		.justify-content-sm-end { justify-content: flex-end }
		.justify-content-sm-between { justify-content: space-between }
		.justify-content-sm-around { justify-content: space-around }
	}

	/* ALIGN ITEMS */
	.align-items-center { align-items: center }
	.align-items-start { align-items: flex-start }
	.align-items-end { align-items: flex-end }

	/* MEDIUM DEVICE */
	@media only screen and (max-width: 768px) {
		.align-items-md-center { align-items: center }
		.align-items-md-start { align-items: flex-start }
		.align-items-md-end { align-items: flex-end }
	}

	/* SMALL DEVICE */
	@media only screen and (max-width: 576px) {
		.align-items-sm-center { align-items: center }
		.align-items-sm-start { align-items: flex-start }
		.align-items-sm-end { align-items: flex-end }
	}

	/* FLEX DIRECTION */
	.flex-row { flex-direction: row }
	.flex-column { flex-direction: column }
	.flex-column-reverse { flex-direction: column-reverse }
	.flex-row-reverse { flex-direction: row-reverse }

	/* MEDIUM DEVICE */
	@media only screen and (max-width: 768px) {
		.flex-md-row { flex-direction: row }
		.flex-md-column { flex-direction: column }
		.flex-md-column-reverse { flex-direction: column-reverse }
		.flex-md-row-reverse { flex-direction: row-reverse }
	}

	/* SMALL DEVICE */
	@media only screen and (max-width: 576px) {
		.flex-sm-row { flex-direction: row }
		.flex-sm-column { flex-direction: column }
		.flex-sm-column-reverse { flex-direction: column-reverse }
		.flex-sm-row-reverse { flex-direction: row-reverse }
	}

	/* FLOAT */
	.float-left { float: left }
	.float-right { float: right }
	.float-none { float: none }

	/* POSITION */
	.position-relative { position: relative }
	.position-absolute { position: absolute }
	.position-fixed { position: fixed }
	.t-0 { top: 0 }
	.b-0 { bottom: 0 }
	.l-0 { left: 0 }
	.r-0 { right: 0 }
	.t-50 { top: 50% }
	.b-50 { bottom: 50% }
	.l-50 { left: 50% }
	.r-50 { right: 50% }

	/* Z-INDEX */
	.z-minus-1 { z-index: -1; }
	.z-0 { z-index: 0; }
	.z-1 { z-index: 1; }
	.z-2 { z-index: 2; }
	.z-3 { z-index: 3; }
	.z-4 { z-index: 4; }
	.z-5 { z-index: 5; }
	.z-6 { z-index: 6; }
	.z-7 { z-index: 7; }
	.z-8 { z-index: 8; }
	.z-9 { z-index: 9; } 
	.z-999 { z-index: 999; } 

	/* OBJECT FIT */
	.object-fit-cover { object-fit: cover }
	.object-fit-contain { object-fit: contain }

	/* BORDER  */
	.rounded { border-radius: 15px }
	.rounded-circle { border-radius: 50% }

	.border { border: 1px solid #dee2e6 }
	.border-top { border-top: 1px solid #dee2e6 }
	.border-bottom { border-bottom: 1px solid #dee2e6 }
	.border-left { border-left: 1px solid #dee2e6 }
	.border-right { border-right: 1px solid #dee2e6 }
	.border-dark { border-color: var(--dark) }
	.border-light { border-color: var(--light) }

	/* COLORS */
	.primary-color { color: var(--primary-color); }
	.secondary-color { color: var(--secondary-color); }
	.grey { color: var(--grey); }
	.black { color: #000; }
	.white { color: #FFF; }
	.dark { color: var(--dark); }
	.light { color: var(--light); }

	/* BG COLORS */
	.bg-primary-color { background-color: var(--primary-color); }
	.bg-secondary-color { background-color: var(--secondary-color); }
	.bg-grey { background-color: var(--grey); }
	.bg-black { background-color: #000; }
	.bg-white { background-color: #FFF; }
	.bg-dark { background-color: var(--dark); }
	.bg-light { background-color: var(--light); }

	/* HIDDEN */
	.hidden { display: none; visibility: hidden }
	.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px }
	.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto }
	.invisible { visibility: hidden }

	/* CLEAR */
	.clearfix { overflow: auto }
	.clearfix::after { content: ""; clear: both; display: block }
	.clear { clear: both }

	/* HIDDEN/SHOW DEVICES */
	.show-mobile { display: none }
	.show-desk { display: block }
	.hide-mobile { display: block }
	.hide-desk { display: none }

	/* MEDIUM DEVICE */
	@media only screen and (max-width: 768px) {
		.show-mobile { display: block }
		.show-desk { display: none }
		.hide-desk { display: block }
		.hide-mobile { display: none }
	}

	/* COL SYSTEM  */
	.row { display: flex; flex-wrap: wrap }
	.row::after, .row::before { clear: both }

	.col-1 { width: 8.33%; }
	.col-2 { width: 16.66%; }
	.col-3 { width: 25%; }
	.col-4 { width: 33.33%; }
	.col-5 { width: 41.66%; }
	.col-6 { width: 50%; }
	.col-7 { width: 58.33%; }
	.col-8 { width: 66.66%; }
	.col-9 { width: 75%; }
	.col-10 { width: 83.33%; }
	.col-11 { width: 91.66%; }
	.col-12 { width: 100%; }

	/* EXTRA LARGE DEVICE */
	@media only screen and (max-width: 1024px) {
		.col-xl-1 { width: 8.33%; }
		.col-xl-2 { width: 16.66%; }
		.col-xl-3 { width: 25%; }
		.col-xl-4 { width: 33.33%; }
		.col-xl-5 { width: 41.66%; }
		.col-xl-6 { width: 50%; }
		.col-xl-7 { width: 58.33%; }
		.col-xl-8 { width: 66.66%; }
		.col-xl-9 { width: 75%; }
		.col-xl-10 { width: 83.33%; }
		.col-xl-11 { width: 91.66%; }
		.col-xl-12 { width: 100%; }
	}

	/* LARGE DEVICE */
	@media only screen and (max-width: 992px) {
		.col-lg-1 { width: 8.33%; }
		.col-lg-2 { width: 16.66%; }
		.col-lg-3 { width: 25%; }
		.col-lg-4 { width: 33.33%; }
		.col-lg-5 { width: 41.66%; }
		.col-lg-6 { width: 50%; }
		.col-lg-7 { width: 58.33%; }
		.col-lg-8 { width: 66.66%; }
		.col-lg-9 { width: 75%; }
		.col-lg-10 { width: 83.33%; }
		.col-lg-11 { width: 91.66%; }
		.col-lg-12 { width: 100%; }
	}

	/* MEDIUM DEVICE */
	@media only screen and (max-width: 768px) {
		.col-md-1 { width: 8.33%; }
		.col-md-2 { width: 16.66% }
		.col-md-3 { width: 25%; }
		.col-md-4 { width: 33.33%; }
		.col-md-5 { width: 41.66%; }
		.col-md-6 { width: 50%; }
		.col-md-7 { width: 58.33%; }
		.col-md-8 { width: 66.66%; }
		.col-md-9 { width: 75%; }
		.col-md-10 { width: 83.33%; }
		.col-md-11 { width: 91.66%; }
		.col-md-12 { width: 100%; }
	}

	/* SMALL DEVICE */
	@media only screen and (max-width: 576px) {
		[class*=col-] { width: 100%; }
		.col-sm-1 { width: 8.33%; }
		.col-sm-2 { width: 16.66%; }
		.col-sm-3 { width: 25%; }
		.col-sm-4 { width: 33.33%; }
		.col-sm-5 { width: 41.66%; }
		.col-sm-6 { width: 50%; }
		.col-sm-7 { width: 58.33%; }
		.col-sm-8 { width: 66.66%; }
		.col-sm-9 { width: 75%; }
		.col-sm-10 { width: 83.33%; }
		.col-sm-11 { width: 91.66%; }
		.col-sm-12 { width: 100%; }
	}

	/* EXTRA SMALL DEVICE */
	@media only screen and (max-width: 320px) {
		.col-xs-1 { width: 8.33%; }
		.col-xs-2 { width: 16.66%; }
		.col-xs-3 { width: 25%; }
		.col-xs-4 { width: 33.33%; }
		.col-xs-5 { width: 41.66%; }
		.col-xs-6 { width: 50%; }
		.col-xs-7 { width: 58.33%; }
		.col-xs-8 { width: 66.66%; }
		.col-xs-9 { width: 75%; }
		.col-xs-10 { width: 83.33%; }
		.col-xs-11 { width: 91.66%; }
		.col-xs-12 { width: 100%; }
	}

	/* GRID SYSTEM */
	.grid { display: grid; }

	.grid-col-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px; width: 100%; }
	.grid-col-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; width: 100%; }
	.grid-col-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; width: 100%; }
	.grid-col-5 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 25px; width: 100%; }
	.grid-col-6 { display: grid; grid-template-columns: repeat(6, 1fr); gap: 25px; width: 100%; }
	.grid-col-7 { display: grid; grid-template-columns: repeat(7, 1fr); gap: 25px; width: 100%; }
	.grid-col-8 { display: grid; grid-template-columns: repeat(8, 1fr); gap: 25px; width: 100%; }

	.grid-col-1-2 { display: grid; grid-template-columns: 1fr 2fr; gap: 25px; width: 100%; }
	.grid-col-2-1 { display: grid; grid-template-columns: 2fr 1fr; gap: 25px; width: 100%; }

	.grid-col-1-3 { display: grid; grid-template-columns: 1fr 3fr; gap: 25px; width: 100%; }
	.grid-col-3-1 { display: grid; grid-template-columns: 3fr 1fr; gap: 25px; width: 100%; }

	.grid-col-1-4 { display: grid; grid-template-columns: 1fr 4fr; gap: 25px; width: 100%; }
	.grid-col-4-1 { display: grid; grid-template-columns: 4fr 1fr; gap: 25px; width: 100%; }

	.grid-col-1-5 { display: grid; grid-template-columns: 1fr 5fr; gap: 25px; width: 100%; }
	.grid-col-5-1 { display: grid; grid-template-columns: 5fr 1fr; gap: 25px; width: 100%; }

	.grid-col-2-3 { display: grid; grid-template-columns: 2fr 3fr; gap: 25px; width: 100%; }
	.grid-col-3-2 { display: grid; grid-template-columns: 3fr 2fr; gap: 25px; width: 100%; }

	/* SMALL DEVICE TO LARGE DEVICE */
	@media only screen and (min-width: 577px) and (max-width: 992px) {
		[class*="grid-col"]:not(.grid-col-3) { grid-template-columns: repeat(2, 1fr) }
	}

	/* SMALL DEVICE */
	@media only screen and (max-width: 576px) {
		[class*="grid-col-"] { grid-template-columns: 100%; }
	}

	/* GAP FOR FLEX and GRID ELEMENTS */
	
	.gap-0 { gap: 0 }
	.gap-10 { gap: 10px }
	.gap-20 { gap: 20px }
	.gap-30 { gap: 30px }
	.gap-40 { gap: 40px }
	.gap-50 { gap: 50px }
	.gap-60 { gap: 60px }
	.gap-70 { gap: 70px }
	.gap-80 { gap: 80px }
	.gap-90 { gap: 90px }
	.gap-100 { gap: 100px }

	/* ASSIMETRICAL GAP FOR FLEX AND GRID ELEMENTS (ROW GAP/ COLUMN GAP) */

	.gap-0-10 { gap: 0 10px; }
	.gap-0-20 { gap: 0 20px; }
	.gap-0-30 { gap: 0 30px; }
	.gap-0-40 { gap: 0 40px; }
	.gap-0-50 { gap: 0 50px; }
	.gap-0-60 { gap: 0 60px; }
	.gap-0-70 { gap: 0 70px; }
	.gap-0-80 { gap: 0 80px; }
	.gap-0-90 { gap: 0 90px; }
	.gap-0-100 { gap: 0 100px; }

	.gap-10-0 { gap: 10px 0; }
	.gap-10-20 { gap: 10px 20px; }
	.gap-10-30 { gap: 10px 30px; }
	.gap-10-40 { gap: 10px 40px; }
	.gap-10-50 { gap: 10px 50px; }
	.gap-10-60 { gap: 10px 60px; }
	.gap-10-70 { gap: 10px 70px; }
	.gap-10-80 { gap: 10px 80px; }
	.gap-10-90 { gap: 10px 90px; }
	.gap-10-100 { gap: 10px 100px; }

	.gap-20-0 { gap: 20px 0; }
	.gap-20-10 { gap: 20px 10px; }
	.gap-20-30 { gap: 20px 30px; }
	.gap-20-40 { gap: 20px 40px; }
	.gap-20-50 { gap: 20px 50px; }
	.gap-20-60 { gap: 20px 60px; }
	.gap-20-70 { gap: 20px 70px; }
	.gap-20-80 { gap: 20px 80px; }
	.gap-20-90 { gap: 20px 90px; }
	.gap-20-100 { gap: 20px 100px; }

	.gap-30-0 { gap: 30px 0; }
	.gap-30-10 { gap: 30px 10px; }
	.gap-30-20 { gap: 30px 20px; }
	.gap-30-40 { gap: 30px 40px; }
	.gap-30-50 { gap: 30px 50px; }
	.gap-30-60 { gap: 30px 60px; }
	.gap-30-70 { gap: 30px 70px; }
	.gap-30-80 { gap: 30px 80px; }
	.gap-30-90 { gap: 30px 90px; }
	.gap-30-100 { gap: 30px 100px; }

	.gap-40-0 { gap: 40px 0; }
	.gap-40-10 { gap: 40px 10px; }
	.gap-40-20 { gap: 40px 20px; }
	.gap-40-30 { gap: 40px 30px; }
	.gap-40-50 { gap: 40px 50px; }
	.gap-40-60 { gap: 40px 60px; }
	.gap-40-70 { gap: 40px 70px; }
	.gap-40-80 { gap: 40px 80px; }
	.gap-40-90 { gap: 40px 90px; }
	.gap-40-100 { gap: 40px 100px; }

	.gap-50-0 { gap: 50px 0; }
	.gap-50-10 { gap: 50px 10px; }
	.gap-50-20 { gap: 50px 20px; }
	.gap-50-30 { gap: 50px 30px; }
	.gap-50-40 { gap: 50px 40px; }
	.gap-50-60 { gap: 50px 60px; }
	.gap-50-70 { gap: 50px 70px; }
	.gap-50-80 { gap: 50px 80px; }
	.gap-50-90 { gap: 50px 90px; }
	.gap-50-100 { gap: 50px 100px; }

	.gap-60-0 { gap: 60px 0; }
	.gap-60-10 { gap: 60px 10px; }
	.gap-60-20 { gap: 60px 20px; }
	.gap-60-30 { gap: 60px 30px; }
	.gap-60-50 { gap: 60px 50px; }
	.gap-60-70 { gap: 60px 70px; }
	.gap-60-80 { gap: 60px 80px; }
	.gap-60-90 { gap: 60px 90px; }
	.gap-60-100 { gap: 60px 100px; }

	.gap-70-0 { gap: 70px 0; }
	.gap-70-10 { gap: 70px 10px; }
	.gap-70-20 { gap: 70px 20px; }
	.gap-70-30 { gap: 70px 30px; }
	.gap-70-50 { gap: 70px 50px; }
	.gap-70-60 { gap: 70px 60px; }
	.gap-70-80 { gap: 70px 80px; }
	.gap-70-90 { gap: 70px 90px; }
	.gap-70-100 { gap: 70px 100px; }

	.gap-80-0 { gap: 80px 0; }
	.gap-80-10 { gap: 80px 10px; }
	.gap-80-20 { gap: 80px 20px; }
	.gap-80-30 { gap: 80px 30px; }
	.gap-80-50 { gap: 80px 50px; }
	.gap-80-60 { gap: 80px 60px; }
	.gap-80-70 { gap: 80px 70px; }
	.gap-80-90 { gap: 80px 90px; }
	.gap-80-100 { gap: 80px 100px; }

	.gap-90-0 { gap: 90px 0; }
	.gap-90-10 { gap: 90px 10px; }
	.gap-90-20 { gap: 90px 20px; }
	.gap-90-30 { gap: 90px 30px; }
	.gap-90-50 { gap: 90px 50px; }
	.gap-90-60 { gap: 90px 60px; }
	.gap-90-70 { gap: 90px 70px; }
	.gap-90-80 { gap: 90px 80px; }
	.gap-90-100 { gap: 90px 100px; }

	.gap-100-0 { gap: 100px 0; }
	.gap-100-10 { gap: 100px 10px; }
	.gap-100-20 { gap: 100px 20px; }
	.gap-100-30 { gap: 100px 30px; }
	.gap-100-50 { gap: 100px 50px; }
	.gap-100-60 { gap: 100px 60px; }
	.gap-100-70 { gap: 100px 70px; }
	.gap-100-80 { gap: 100px 80px; }
	.gap-100-90 { gap: 100px 90px; }

	/* SMALL DEVICE */
	@media only screen and (max-width: 576px) {
		[class="gap-"] {
			gap: 1.5em;
		}
	}


	/* ADDRESS */
	.address { font-style: normal; }
	.address :is(span, a) { display: block; font: 13px/22px var(--primary-font); color: var(--grey);}
	.address a:hover { color: var(--primary-color); }
	

	/* *** PULL YOUR CUSTOM SITE CSS *RULES* BELLOW *** */

/* *** END RULES CSS *** */
/* =============================== HEADER =============================== */

header { background-color: #fff; }
header .logo img { display: block; margin: 16px auto; width: 100%; max-width: 200px; height: auto; }

/* TOPO */
header .topo { background-color: var(--primary-color); padding: 8px 0; font-size: 13px; color: #fff; }
header .topo :is(span, a) { font: 13px var(--primary-font); color: #fff; transition: .3s; }
header .topo a:hover { opacity: 0.75;}


/* MENU */
header #menu > ul { display: flex; align-items: center; justify-content: center; height: 100%; gap: 4px;}
header #menu > ul > li { margin: 0; }
header #menu > ul > li > a { color: var(--grey); padding: 11px 15px; border-radius: 4px;}
header #menu > ul > li:hover > a,
header #menu > ul > li > a.active-menu-topo { background-color: var(--primary-color); color: #fff; }
header #menu > ul > li.dropdown [class*='sub-menu'] { background-color: var(--primary-color); }
header #menu > ul > li.dropdown [class*='sub-menu'] > li:hover > a,
header #menu > ul > li.dropdown [class*='sub-menu'] > li > a.active-menu-topo { background-color: #fff; color: var(--primary-color); }

header .topo-search-button {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

header .topo-search-button i {
    color: var(--primary-color);
    position: relative;
    transition: 0.3s;
}

/* MENU DROPDOWN ARROWS */

header #menu > ul > li.dropdown:not([data-icon-menu]) > a::after {
    content: "\f107";
    font-family: "FontAwesome";
    color: var(--grey);
    margin-left: 4px;
    font-size: 12px;
    transition: 0.3s;
}

header #menu > ul > li.dropdown:not([data-icon-menu]) > a.active-menu-topo::after,
header #menu > ul > li.dropdown:not([data-icon-menu]):hover > a::after {
    color: #FFF;
}

/* ASIDE */
.aside .aside__btn, .aside .aside__menu h2, .aside .aside__contato h2 { font-size: 14px; background-color: var(--primary-color); padding: 10px; display: block; transition: .3s; color: #fff; }
.aside .aside__btn { color: #fff; text-align: center; border-radius: 3px; }
.aside .aside__btn:hover { background-color: var(--dark); }
.aside .aside__menu h2 a { color: #fff; }
.aside .aside__menu nav ul li { border-left: 2px solid var(--primary-color); margin: 10px 0; padding: 5px; transition: .2s; }
.aside .aside__menu nav ul li a { color: var(--dark); font-size: 12px; border-left: 0; padding: 0; transition: .3s; }
.aside .aside__menu nav ul li:hover { border-left-color: var(--dark); background-color: #f0f0f0; }
.aside .aside__menu nav ul li a.active-menu-aside { color: var(--primary-color); font-weight: bold; }
.aside .aside__contato h2 { text-align: center; }
.aside .aside__contato a { color: var(--dark); text-align: center; display: block; margin: 10px; transition: all .2s ease; }
.aside .aside__contato a:hover { color: #5492c3; }
.aside .fb-page { display: block; margin-bottom: 25px; }


/* FOOTER */
footer { background-color: #FFF; padding: 70px 0;}
footer .footer__cover {
	display: flex;
	align-items: center;
	padding-right: 20px;
}

footer .footer__logo {
	width: 100%;
	max-width: 350px;
    height: auto;
}

footer .address :is(a, span) { color: var(--grey); font-size: 16px; line-height: 28px; transition: .3s; display: flex;  margin-bottom: 10px;}
footer .address a:hover { color: var(--primary-color); }
footer .address i { color: var(--primary-color); margin-right: 20px; margin-top: 5px; font-size: 20px;}

footer .footer__menu nav ul { display: block; }
footer .footer__menu nav ul li { display: block; margin: 0 auto;}
footer .footer__menu nav ul li a { color: var(--grey); font-size: 16px; transition: .3s; display: block; padding: 8px 16px; line-height: 16px;}
footer .footer__menu nav ul li a:hover { color: var(--primary-color); }

/* LARGE DEVICE */
@media only screen and (max-width: 992px) {
    footer .address * { text-align: center; }
    footer .footer__menu nav ul { align-items: center; justify-content: center; }
    footer .social { justify-content: center; }
}

/* MEDIUM DEVICE */
@media only screen and (max-width: 768px) {
    footer .footer__menu nav ul li { display: block; padding: 0;}
    footer .footer__menu nav ul li a { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 14px; display: block; margin: 0 auto; }
    footer .footer__cover {
    	padding: 0 0 30px 0;
    	justify-content: center;
    }
}

/* SMALL DEVICE */
@media only screen and (max-width: 576px) {
    footer .footer__menu nav ul { flex-direction: column; width: 100% }
    footer .footer__menu nav ul li { max-width: 80%; width: 100%; }
    footer .footer__menu nav ul li a { width: 100%; margin: 5px auto; color: #fff; background: var(--secondary-color); }
    footer .address :is(a, span) {
    	margin: 0 auto 12px auto;
    	width: fit-content;
        justify-content: center;
        flex-wrap: wrap;
    }

    footer .address i { margin-right: 8px;  }
}

/* DESTAQUES */

.destaques-mpi {
    margin: 50px 0;
}

.destaques-mpi__title {	margin: 0 0 30px 0;	color: var(--primary-color); text-align: center; color: var(--dark); text-transform: uppercase; letter-spacing: 1px; }

.destaques-mpi__title span { color: var(--primary-color); }

/* FIM DESTAQUES */

/* CLIENTES */

.clientes {
    padding: 32px 0;
}

.clientes__title { margin: 0 0 30px 0; }
.clientes__item { display: flex !important; justify-content: center; align-items: center; width: 100%; aspect-ratio: 1/1; padding: 8px; margin: 0 10px; background-color: #fff;}

.clientes__carousel {
    padding: 0 16px;
}

.clientes__image {
	max-width: 100%;
	max-height: 100%;
}

/* FIM CLIENTES */

/* =============================== SEÇÃO CONTATO =============================== */
/* FORMULÁRIO */
.contato .contato__form {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.contato .contato__form :is(input, textarea, select) {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1em;

	width: 100%;
	margin: 0.8em 0;

	border: 2px solid #ccc;

	font: 12px var(--primary-font);
	color: var(--grey);

	-webkit-transition: .3s;
	transition: .3s;

	outline: none;
	text-align: left;
}

.contato .contato__form select {
	padding: 0.9em;
}

.contato .contato__form :is(input, textarea, select):focus {
	border-color: var(--grey);
	outline: none;
}

.contato .contato__form label,
.contato .contato__form option, 
.contato .contato__form :is(input, textarea)::placeholder {
	font: 12px var(--primary-font);
	color: var(--grey);
}

.contato .contato__form label {
	text-transform: uppercase;
}

/* BOTÃO SUBMIT */
.contato .contato__form .ir {
	display: block;
	position: relative;

	max-width: 242px;
	width: 100%;
	height: 50px;

	border: 2px solid var(--grey);

	transition: .3s;
}

.contato .contato__form .ir:hover {
	border-color: var(--primary-color);
}

.contato .contato__form .ir:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 1%;
	height: 100%;
	background-color: var(--primary-color);
	transition: .3s;
	z-index: 0;
	opacity: 0;
}

.contato .contato__form .ir:hover:before {
	width: 100%;
	opacity: 1;
}

.contato .contato__form .ir label, 
.contato .contato__form .ir [type="submit"] {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	width: 100%;
	margin: 0;
	text-align: center;
}

.contato .contato__form .ir label {
	color: var(--grey);
	font-size: 14px;
	font-weight: bold;
}

.contato .contato__form .ir:hover label {
	color: #fff;
}

.contato .contato__form .ir [type="submit"] {
	background-color: transparent;
	outline: none;
	border: none;
}

/* INFORMAÇÕES DE CONTATO */

.contato .contato__item {
	display: block;
	width: 100%;
}

.contato .contato__icon {
	width: 65px;
	height: 65px;
	border-radius: 100%;
	font-size: 1.8em;
	background-color: var(--primary-color);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1em;
	float: left;
	transition: .3s;
	outline: 2px solid transparent;
}

.contato .contato__icon:hover {
	background-color: var(--dark);
	outline-color: var(--dark);
	outline-offset: 0.3em;
}

.contato .contato__info {
	float: left;
	padding: 0 0 2rem 1.5rem;
}

.contato .contato__info strong {
	display: block;
	margin-bottom: 1em;
	font: bold 15px var(--primary-font);
	text-transform: uppercase;
	color: var(--primary-color);
}

.contato .contato__info :is(span, a):not(.social__link, .roll) {
	display: block;

	color: var(--grey);
	font-size: 13px;
	line-height: 22px;
	transition: .3s;
}

.contato .contato__info a:hover {
	color: var(--primary-color);
}

/* ÍCONES REDES SOCIAIS */

.contato .contato__social {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 5px;
}

.contato .social__link {
	width: 35px;
	height: 35px;
	border: 2px solid #ccc;

	overflow: hidden;
	position: relative;
	transition: .3s;
}

.contato .social__link .roll {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 100%;
	height: 100%;
	text-align: center;
	color: var(--grey);
	font-size: 1rem;


	position: absolute;
	top: 50%;
	left: 50%;
	transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.contato .social__link:hover {
	border-color: var(--primary-color);
	background-color: var(--primary-color);
	color: #fff;
}

.contato .social__link:hover .roll {
	color: #fff;
}

.contato .social__link .roll:first-child {
	transform: translate(-50%, -50%);
}

.contato .social__link .roll:last-child {
	transform: translate(-50%, 100%);
}

.contato .social__link:hover .roll:first-child {
	top: 0;
	transform: translate(-50%, -100%);
}

.contato .social__link:hover .roll:last-child {
	transform: translate(-50%, -50%);
}

.contato-heading {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 16px;
    position: relative;
    padding: 50px 0 80px 0;
    max-width: 800px;
    margin: 0 auto;
}

.contato-heading__title {
    text-align: center;
    color: var(--dark);
    text-transform: uppercase;
    font-size: 36px;
    font-weight: 800;
    margin: 0;
}

.contato-heading__text {
    text-align: center;
    font-weight: 300;
    margin: 0;
    font-size: 22px;
    line-height: 1.5;
}

.contato-heading::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 40px;
    display: block;
    width: 120px;
    height: 6px;
    background-color: var(--primary-color);
}


/* EXTRA SMALL DEVICE */

@media only screen and (max-width: 420px) {
	.contato .contato__icon,
	.contato .contato__info {
		float: none;
		margin: 0 auto;
		padding: 1rem;
		text-align: center;
	}

	.contato .contato__social {
		justify-content: center;
	}
}
/* ===============================  END SEÇÃO CONTATO =============================== */

/* MAPA */

.mapa {
    height: 400px;
}

.mapa iframe {
    width: 100%;
    height: 100%;
}

.whatsapp-button {
	background-color: #fff;
}

/* FIM MAPA */

.fancy-card-overlay {
	position: relative;
	overflow: hidden;
}

.fancy-card-overlay::before {
	content: "\2b";
	font-family: "FontAwesome";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, 0.5);
	color: #FFF;
	text-align: center;
	font-size: 36px;
	transition: 0.3s;
	opacity: 0;
	z-index: 10;
	padding-bottom: 80px;
	box-sizing: border-box;
}

.fancy-card-overlay:hover::before {
	opacity: 1;
	padding-bottom: 0;
}

/* SERVICOS */

.servicos {
	margin: 50px 0;
}

.servicos__gallery-item {
	aspect-ratio: 4/3;
	font-size: 15px;
}

.servicos__gallery-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.servicos__title {
	text-align: left;
	margin: 0 0 32px 0;
}

.servicos__text {
	text-align: left;
}

/* FIM SERVICOS */

/* PRIMARY BUTTON */

.primary-button  {
	background-color: var(--secondary-color);
	color: #FFF;
	text-align: center;
	width: fit-content;
	display: block;
	padding: 14px 28px;
	font-weight: 500;
	border-radius: 35px 35px 35px 0px;
	margin: 32px 0;
	transition: 0.3s;
}

.primary-button:hover {
	background-color: var(--primary-color);
}

.primary-button--white {
	background-color: #FFF;
	color: var(--secondary-color);
}

.primary-button--white:hover {
	background-color: var(--dark);
	color: #FFF;
}

/* FIM PRIMARY BUTTON */

/* QUEM SOMOS */

.quem-somos__heading {
	display: flex;
	align-items: center;
	flex-direction: column;
	padding-bottom: 24px;
	position: relative;
	max-width: 800px;
	margin: 0 auto 50px auto;
}

.quem-somos__heading::after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	width: 60px;
	height: 4px;
	background-color: var(--primary-color);
}

.quem-somos__heading-text {
	font-size: 22px;
	text-align: center;
	margin: 0;
}

.quem-somos__cover {
    position: relative;
}

.quem-somos__image {
    display: block;
    width: 100%;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.quem-somos__title {
    height: auto;
    color: var(--dark);
    font-weight: 900;
    text-transform: uppercase;
    margin: 0;
    font-size: 36px;
}

.quem-somos__title span {
    display: block;
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-top: 8px;
}

.quem-somos__info {
    display: flex;
    flex-direction: column;
	justify-content: center;
    gap: 20px;
	padding: 64px 48px;
}

.quem-somos__cover {
	width: 100%;
	height: 100%;
}
.quem-somos__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.quem-somos__text {
    text-align: left;
    margin: 0;
    font-size: 18px;
}

.quem-somos__button {
    text-transform: uppercase;
    letter-spacing: 2px;
    position: relative;
    color: var(--grey);
    transition: 0.3s;
    border: 2px solid var(--grey);
    background-color: transparent;
    display: block;
    width: fit-content;
    padding: 16px 32px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

.quem-somos__button::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    transition: 0.3s;
    background-color: var(--grey);
    display: block;
    z-index: -1;
}

.quem-somos__button:hover {
    color: #FFF;
}

.quem-somos__button:hover::before {
    width: 100%;
}

@media only screen and (max-width: 576px) {
	.quem-somos__info {
		padding: 32px 16px;
	}

    .quem-somos__button {
        width: 100%;
    }
}

/* FIM QUEM SOMOS */

/* MAPA HOME */

.mapa-home {
	position: relative;
	width: 100%;
	overflow: hidden;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.mapa-home__iframe {
	width: 100%;
	height: 100%;
	min-height: 350px;
}

.mapa-home__info {
	position: absolute;
	top: 0;
	right: calc((100vw - var(--wrapper-width)) / 2 + 10px);
	height: 100%;
	width: fit-content;
	background-color: var(--light);
	max-width: 300px;
	padding: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-shadow: 0 0 5px #999;
}

.mapa-home__address * {
	font-size: 13px;
}

.mapa-home__address :is(a, span) {
	display: block;
	color: var(--grey);
	line-height: 22px;
}

.mapa-home__contact {
	transition: 0.3s;
}

.mapa-home__contact:hover {
	color: var(--primary-color);
}

.mapa-home__title {
	font-size: 24px;
	margin: 0;
	color: var(--grey);
	font-weight: 500;
}

.mapa-home__strong {
	margin: 20px 0 10px 0;
	display: block;
}

@media only screen and (max-width: 1200px) {
	.mapa-home__info {
		right: 5%;
	}
}

@media only screen and (max-width: 768px) {
	.mapa-home {
		display: flex;
		flex-direction: column;
	}
	.mapa-home__info {
		position: initial;
		max-width: initial;
		order: -1;
	}
}

@media only screen and (max-width: 480px) {
	.mapa-home__info {
		right: 0;
		width: 100%;
	}
}

/* FIM MAPA HOME */

/* TARJA SOCIAL MEDIA */

.tarja-social-media {
	padding: 20px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 30px;
}

.tarja-social-media__title {
	color: #FFF;
	margin: 0;
	text-transform: uppercase;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
}

.tarja-social-media .social .social__icons {
	background-color: var(--primary-color);
	color: #FFF;
	padding: 12px;
	border-radius: 10px;
	transition: 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
}

.tarja-social-media .social .social__icons:hover {
	background-color: #FFF;
	color: var(--secondary-color);
}

.tarja-social-media .social .social__icons i {
	font-size: 23px;
}

.tarja-social-media .social {
	gap: 5px;
}

@media only screen and (max-width: 768px) {
	.tarja-social-media {
		flex-direction: column;
		padding: 50px 0;
	}
}

/* FIM TARJA SOCIAL MEDIA */

/* GALERIA */

.galeria__item {
	aspect-ratio: 4/3;
	font-size: 15px;
	margin: 0 10px;
}

.galeria__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.galeria__carousel {
	padding-bottom: 16px;
}

/* FIM GALERIA */

/* CTA HOME */

.cta-home {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 32px;
	padding: 50px 0;
}

.cta-home__title {
	text-align: center;
	margin: 0;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.cta-home__button {
	margin: 0 auto;
}

/* FIM CTA HOME */

/* SOBRE HOME */

.sobre-home {
	position: relative;
	margin-top: -100px;
}

.sobre-home__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.sobre-home__content {
	padding: 64px 32px;
	background-color: var(--grey);
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.sobre-home__title {
	margin: 0;
	color: var(--primary-color);
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 2px;
	font-size: 18px;
	line-height: 1;
}

.sobre-home__subtitle {
	color: #FFF;
	font-weight: 400;
	font-size: 32px;
	margin: 0;
	letter-spacing: 2px;
	line-height: 1;
	width: fit-content;
}

.sobre-home__text {
	color: #FFF;
	text-align: left;
	margin: 0;
}

.sobre-home__button {
	margin: 0;
	display: block;
	width: fit-content;
	transition: 0.3s;
	background-color: var(--primary-color);
	padding: 16px 32px;
	border-radius: 4px;
	color: #FFF;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
}

.sobre-home__button:hover {
	background-color: var(--dark);
}

@media only screen and (max-width: 992px) {
	.sobre-home {
		margin-top: 0;
	}
}

@media only screen and (max-width: 576px) {
	.sobre-home__content {
		padding: 32px 16px;
	}

	.sobre-home__button {
		width: 100%;
	}
}

/* FIM SOBRE HOME */

/* WHATSAPP BUTTON */
.whatsbutton-popup, .whatsbutton-container { z-index: 9999998; }
.whatsbutton-popup { display: none; justify-content: center; align-items: center; position: fixed; font-family: 'Arial', sans-serif; }
.whatsbutton-layer { width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.7); z-index: -1; }
.whatsbutton-popup, .whatsbutton-layer { top: 0; left: 0; width: 100%; height: 100%; }
.whatsbutton-form { display: block; min-width: 280px; max-width: 400px; width: 28%; -webkit-animation-name: WhatsFormShow; -webkit-animation-duration: 1s; animation-name: WhatsFormShow; animation-duration: 1s; }
.disabledbutton { user-select: none !important; }
.wb-head, .wb-body { width: 100%; }
.wb-head { height: 16%; min-height: 80px; padding: 1em; background: #009688; border-radius: 10px 10px 0 0; }
.wb-body { display: flex; height: auto; overflow-y: auto; flex-wrap: nowrap; flex-direction: column; background: #e9e9e9; border-radius: 0 0 10px 10px; padding: 1em; }

/* COMPONENTS WB */
.wb-icon { float: left; width: 45px; height: 45px; overflow: hidden; position: relative; line-height: normal; margin-left: .4em }
.wb-icon img { width: 100%; height: 100%; object-fit: cover; object-position: left; }
.wb-info { float: left; display: block; color: #eee; padding-left: .9em; }
.wb-title, .wb-text, .wb-statusOn { clear: both; display: block; }
.wb-title { font-size: .8em; font-weight: bold; }
.wb-text { font-size: .75em; font-weight: normal; margin: .25em 0; }
.wb-statusOn { font-size: .75em; }
.wb-statusOn::before { content: ' '; width: 5px; height: 5px; margin: 6px 3px 0 0; background: #4be726; float: left; border-radius: 50%; }
.wb-label { display: block; font-size: .9em; padding: 6px; border-radius: 4px; width: 100%; height: auto; text-align: center; color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; margin-bottom: .25em; }
.whatsbutton-form-input { margin: .5em 0; }
.box-input { position: relative; float: left; width: 100%; margin-bottom: .5em; }
.box-input .icon, .box-input .wb-input { padding: .6em .4em; height: 45px; }
.box-input .icon { float: left; width: 15%; border-radius: 25px 0 0 25px; background: #fff; display: flex; align-items: center; justify-content: center; }
.box-input .icon::after { color: #b96766; content: "!"; width: 18px; height: 18px; border-radius: 50%; background: #c80000; text-align: center; color: #fff; display: block; position: absolute; font-size: 12px; font-weight: 700; line-height: 18px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 13px; }
.box-input .icon svg { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
.visibleError::after { opacity: 1 !important; }
.box-input .icon::after { opacity: 0; }
.box-input .wb-input { float: right; width: 85%; border: none; border-radius: 0 25px 25px 0; background: #fff; font-size: .8em }
.whatsbutton-popup .loader { display: none; margin: 1em auto; border: 3px solid #f8f8f8; border-top: 3px solid #009688; border-radius: 50%; width: 30px; height: 30px; animation: spin .5s linear infinite; }
.wb-sendMessage { background: #068377; color: #fff; font-weight: 500; font-size: 14px; line-height: 1.5; color: #fff; border-radius: 25px; background: #3dc15e; align-items: center; padding: 10px; border: none; -webkit-transition: all .4s; -o-transition: all .4s; -moz-transition: all .4s; transition: all .4s; margin: auto; float: none; outline: none; height: auto; display: flex; justify-content: center; align-items: center; margin-top: 1em; }
.wb-buttonClose { position: absolute; top: 2%; right: 1%; background: #009688; color: #fff; padding: 1em 1.35em; border-radius: 50%; cursor: pointer; transition: all .2s ease; }
.wb-buttonClose:hover { filter: brightness(90%); }
.wb-sendMessage:hover { background: #068377 !important; }
.wb-hidded { right: 0% !important; }
.messageAlert-success { display: none; }
.messageAlert-success p { text-align: center; margin: 1em 0; }
.whatsbutton-container { position: fixed; display: block; bottom: 25%; right: -90px; padding: 7px 25px 7px 8px; border-radius: 25px 0 0 25px; background-color: rgba(82.2, 208, 77.3, 0.91); transition: all .2s ease; cursor: pointer; -webkit-animation-name: WhatsButtonShow; -webkit-animation-duration: 1s; animation-name: WhatsButtonShow; animation-duration: 2s; }
.whatsbutton-icon { text-align: left; cursor: pointer; font: initial; box-sizing: border-box; vertical-align: initial; background-image: url(/imagens/icones/whatsapp-button.svg); background-size: 140px; background-repeat: no-repeat; background-position-y: center; width: 40px; height: 40px; display: inline-block; font-size: inherit; text-rendering: auto; margin-right: 0; color: #fff; float: left; }
.whatsbutton-text { float: left; display: flex; flex-direction: column; flex-wrap: wrap; padding-left: 1em; margin: .25em 0; }
.whatsbutton-text span { color: #fff !important; }
.wb-small, .wb-big { font-weight: 400; float: left; width: 100%; color: #fff; }
.wb-small { font-size: .75em; }
.wb-big { font-size: .85em; }
.whatsbutton-container:hover { right: 0; }
.whatsbutton-icon::before { content: '1'; width: 15px; height: 15px; border-radius: 50%; opacity: 0; background-color: red; line-height: 15px; position: absolute; font-size: .65em; font-weight: 700; font-family: Poppins, sans-serif; text-align: center; color: #fff; animation: WhatsButtonPulse .2s forwards; animation-delay: 15s; left: 8px; }
.whatsbutton-icon::after { content: ''; border-radius: 50%; background-color: #00e676; position: absolute; left: 10px; top: 9px; width: 36px; height: 36px; animation: WhatsButtonIcon 1.3s infinite; z-index: -1; }
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
@keyframes WhatsButtonShow {
	0% { margin-right: 100px; opacity: 0 }
}
@keyframes WhatsFormShow {
	0% { margin-left: 20%; opacity: 0 }
}
@keyframes WhatsButtonPulse {
	0% { opacity: 0; transform: translateY(-10px) }
	100% { opacity: 1; transform: translateY(0px) }
}
@keyframes WhatsButtonIcon {
	0% { box-shadow: 0 0 0 0 rgba(0, 230, 118, .8) }
	100% { box-shadow: 0 0 0 25px transparent }
}
@media only screen and (max-width:767px) {
	.wb-buttonClose { display: none; }
}
/* END WHATSAPP BUTTON */

.alert {
	color:red ;
}                    
/* GBL WhatsApp roles — Vendas/Comercial e RH/Recrutamento */
header .topo .gbl-wa-tag { display: inline-flex; align-items: center; gap: 4px; background-color: #52d04d; color: #fff; font-size: 11px; font-weight: 600; line-height: 1; padding: 3px 9px; border-radius: 12px; margin-left: 8px; white-space: nowrap; }
header .topo .gbl-wa-tag i { font-size: 12px; }
.contato__info .gbl-rh-line { display: block; margin-top: 8px; }
.contato__info .gbl-rh-line small { opacity: .85; }
address.address a small { font-weight: 400; opacity: .9; }
.gbl-wa-cta { display: inline-block; margin-top: 16px; background-color: #52d04d; color: #fff !important; font-size: 16px; font-weight: 600; padding: 12px 24px; border-radius: 25px; text-align: center; }
.gbl-wa-cta small { display: block; font-size: 12px; font-weight: 400; }
@media only screen and (max-width: 767px) {
	.whatsbutton-container { right: -10px; }
	.whatsbutton-text { padding-left: .6em; }
	.wb-small { font-size: .7em; }
	.wb-big { font-size: .8em; }
}