* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

:root {
	--text-color: #272c2f;
	--bg-color: #fcf5ee;
	--white: #fff;
	--black-color: #181513;
	--bg-gray: #EAE6E4;
	--bg-dark-gray: #D5D0CE;
	--orange-color: #FF5800;
	--red-color: #D60808;

	--grayx: #42494D;
	--xpe-color-1: #9F5130;
	--xpe-color-2: #B9511B;
	--xpe-color-3: #C1926C;
	--xpe-color-4: #fcf5ee;
	--grayx700: #222324;
	--gold-gradient: linear-gradient(to right, rgba(219, 179, 41, 1) 0%, rgba(163, 112, 40, 1) 22%, rgba(213, 173, 40, 1) 50%, rgba(249, 238, 77, 1) 78%, rgba(168, 127, 44, 1) 100%);
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dbb329+0,a37028+22,d5ad28+50,f9ee4d+78,a87f2c+100 */
	--gold-gradient-diagonal: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
	--font-primary: "Bricolage Grotesque", sans-serif;
	--font-title: "Noto Serif", serif;
	--fw-300: 300;
	--fw-600: 600;
	--ls-title: 0.12em;
	--radius-btn: 0;
	--radius-ele: 0;
	--transition-normal: all .35s ease-in-out;
	--transition-fast: all .15s ease-in-out;
	--transition-slow: all .5s ease-in-out;
	--transition-especial: all .5s cubic-bezier(.35, 0, .49, .99);
	--hero-opacity: 100;
	--boxshadow: 4.1px 10.6px 6.7px rgba(0, 0, 0, 0.04), 8.5px 22px 24.7px rgba(0, 0, 0, 0.055), 33px 85px 113px rgba(0, 0, 0, 0.08);
	--line-height-base: 1.36;
	--font-size-small: .78rem;
	--font-size-base: .88rem;
	--font-size-h1: 3rem;
	--font-size-h2: 2.36rem;
	--font-size-h3: 2rem;
	--font-size-h4: 1.86rem;
	--font-size-h5: 1rem;
	--font-size-h6: .96rem;
	--font-size-xl: 2.8rem;
	--font-size-h1-cal: 3rem;
	--font-size-h2-cal: 2.36rem;
	--font-size-h3-cal: 2rem;
	--font-size-h4-cal: 1.86rem;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */
html {
	line-height: 1;
	/* 1 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
}

/* Sections ========================================================================== */
/** Remove the margin in all browsers. 

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.container{
	width: 1200px;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
}
*/


/** Render the `main` element consistently in IE. */
main {
	display: block;
}

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content ========================================================================== */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	/* 1 */
	height: 0;
	/* 1 */
	overflow: visible;
	border: none;
	overflow: visible;
	margin-bottom: 50px;
	border-top: 1px solid rgba(0, 0, 0, .1);
	/* 2 */
}

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre {
	font-family: monospace, monospace;
	/* 1 */
	font-size: 1em;
	/* 2 */
}

/* Text-level semantics ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a {
	background-color: transparent;
}

/** 1. Remove the bottom border in Chrome 57- 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] {
	border-bottom: none;
	/* 1 */
	text-decoration: underline;
	/* 2 */
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
	/* 2 */
}

/** Add the correct font weight in Chrome, Edge, and Safari. */
b,
strong {
	font-weight: bolder;
}

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code,
kbd,
samp {
	font-family: monospace, monospace;
	/* 1 */
	font-size: 1em;
	/* 2 */
}

/** Add the correct font size in all browsers. */
small {
	font-size: 80%;
}

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10. */
img {
	border-style: none;
	max-width: 100%;
	height: auto;
}

.fullwidth {
	width: 100vw;
	height: auto;
}

/* end new */

a {
	text-decoration: none;
}

ul {
	list-style-type: none;
}

li {
	list-style-type: disc;
}


/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	/* 1 */
	font-size: 100%;
	/* 1 */
	line-height: 1.15;
	/* 1 */
	margin: 0;
	/* 2 */
}

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button,
input {
	/* 1 */
	overflow: visible;
}

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button,
select {
	/* 1 */
	text-transform: none;
}

/** Correct the inability to style clickable types in iOS and Safari. */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/** Correct the padding in Firefox. */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* 1 */
	color: inherit;
	/* 2 */
	display: table;
	/* 1 */
	min-width: 100%;
	/* 1 */
	padding: 0;
	/* 3 */
	white-space: normal;
	/* 1 */
}

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress {
	vertical-align: baseline;
}

/** Remove the default vertical scrollbar in IE 10+. */
textarea {
	overflow: auto;
}

/** 1. Add the correct box sizing in IE 10. 2. Remove the padding in IE 10. */
[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
}

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	outline-offset: -2px;
	/* 2 */
}

/** Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	/* 1 */
	font: inherit;
	/* 2 */
}

/* Interactive ========================================================================== */
/* Add the correct display in Edge, IE 10+, and Firefox. */
details {
	display: block;
}

/* Add the correct display in all browsers. */
summary {
	display: list-item;
}

/* Misc ========================================================================== */
/** Add the correct display in IE 10+. */
template {
	display: none;
}

/** Add the correct display in IE 10. */
[hidden] {
	display: none;
}

/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain) */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

p,
li {
	display: block;
	margin-bottom: 2.18em;
	font-size: var(--font-size-base);
    line-height: 185%;
	font-weight: 300;
}

li {
	margin-bottom: 0;
}

h1 {
	font-size: var(--font-size-h1);
}

h2 {
	font-size: var(--font-size-h2);
}

h3 {
	font-size: var(--font-size-h3);
}

h4 {
	font-size: var(--font-size-h4);
}

h5 {
	font-size: var(--font-size-h5);
}

h6 {
	font-size: var(--font-size-h6);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-title);
	font-weight: 400;
	line-height: 110%;
	margin-bottom: .88em;
}
em{
	font-style: italic;
}
.titulo-chamada{
	font-size: var(--font-size-small);
	font-family: var(--font-primary);
	font-weight: 400;
	display: block;
	text-transform: uppercase;
}
.zindex-10 {
	z-index: 10;
	position: relative;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

button:focus {
	outline: 0;
}

html {
	scroll-behavior: smooth;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

strong,
b {
	font-weight: 900;
}

.t-right {
	text-align: right;
}

.t-left {
	text-align: left;
}

.t-center {
	text-align: center;
}

/* NEW CSS */
main {
	display: block;
}
.globo{
	background-image: url(../design/clouds.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
body {
	margin: 0;
	background-color: var(--xpe-color-4);
	color: var(--text-color);
	font-family: var(--font-primary);
	font-size: var(--font-size-base);
	line-height: var(--line-height-base);
	overflow-x: hidden;
}

.h-100 {
	min-height: 100%;
	height: 100%;
}

.h-auto {
	height: auto;
}

/* ////// HEADER */

.btn-cta {
	border-radius: var(--radius-btn);
	display: inline-flex;
	align-items: center;
	margin-left: 5px;
}

.btn-cta .icon {
	width: 32px;
	height: 32px;
	display: inline-block;
	line-height: 0;
	padding: 4px;
	position: relative;
	z-index: 2;
}
.calc-h1,
.calc-h1 h1{
	font-size: var(--font-size-h1-cal);
}
.calc-h2,
.calc-h2 h2{
	font-size: var(--font-size-h2-cal);
}
.calc-h3,
.calc-h3 h3{
	font-size: var(--font-size-h3-cal);
}
.o-title, .orange-block h1, .orange-block h2 {
	font-size: var(--font-size-h2);
	line-height: .88em;
	font-family: var(--font-title);
	margin-bottom: .25em;
}
.cat-title{
	font-size: var(--font-size-h5);
	line-height: .88em;
	font-family: var(--font-title);
	margin-bottom: 1em;
	line-height: 1;
	font-weight: 500;
}
.cat-title span{
	display: block;
	font-weight: 700;
	font-size: var(--font-size-h2);
}
.orange-block .img{
	width: 200px;
	max-width: 100%;
	margin: 0 auto;
	display: block;
}
.meta.pagemeta{
	font-size: var(--font-size-small);
	margin-bottom: 2em;
	margin-top: .36em;
}
.o-title.big {
	font-size: var(--font-size-h1);
}
.oferta .o-title {
	font-size: var(--font-size-h1);
	margin-bottom: .5em;
}
.o-title.o-ofertas__block-title{
	font-size: var(--font-size-h4)
}
.globo .o-title{
	color: var(--xpe-color-1);
	font-size: var(--font-size-h4);
}
.oferta .o-title.o-title__filters {
	margin-bottom: 1rem;
	margin-top: .5em;
	margin-right: 30px;
	font-size: var(--font-size-h3);
}

.o-subtitle {
	font-size: 1.36em;
	line-height: 1.2em;
	font-family: var(--font-title);
	margin-bottom: 0;
}

input[type="text"],
input[type="date"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea {
	border: 1px solid var(--bg-dark-gray);
	border-radius: var(--radius-btn);
	font-size: var(--font-size-base);
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-weight: 300;
	text-align: left;
	padding: 0 14px;
	color: var(--text-color);
	max-width: 100%;
}
textarea{
	height: 120px;
	line-height: 120%;
	padding: 10px;

}
input[type="date"]:hover, 
input[type="date"]:focus,
input[type="search"]:hover, 
input[type="search"]:focus,
input[type="text"]:hover,
input[type="password"]:hover,
input[type="email"]:hover,
input[type="tel"]:hover,
textarea:hover,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus{
	border: 1px solid var(--text-color);
}
.contato input[type="submit"], 
input[type="submit"]{
	display: inline-flex;
align-items: center;
justify-content: center;
width: auto;
text-align: center;
color: var(--bg-color);
text-align: center;
border-radius: var(--radius-btn);
padding: 0 1.86em;
font-weight: 500;
font-size: 1.1rem;
line-height: 1em;
min-height: 44px;
letter-spacing: -0.025em;
position: relative;
transition: var(--transition-especial);
cursor: pointer;
	border: none;
	background-color: var(--xpe-color-3);
color: var(--bg-color);
margin-top: 1em;
}
.bg-orange input[type="submit"]{
	background-color: var(--text-color);
	color: var(--bg-color);
}
.bg-xpe{
	background-color: var(--xpe-color-1);
	color: var(--bg-color);
}
.bg-xpe-2{
	background-color: var(--xpe-color-3);
	color: var(--bg-color);
}
.bg-xpe-3{
	background-color: var(--xpe-color-4);
	color: var(--xpe-color-1);
}
.bg-orange input[type="submit"]:hover{
	background-color: var(--black-color);
}
.bg-orange input{
	margin-top: 5px;
}

.bg-laranja-new {
	 background: url(../design/imagem-banner-fundolaranja.png) right center no-repeat!important;
	 background-size:cover;
}


form .group{
	width: 100%;
}
.contato label, form label{
	margin-top: 1em;
	font-size: var(--font-size-small);
	text-align: left;
	display: inline-block;
	width: 100%;
}
.contato select, form select {
    border: 1px solid var(--bg-dark-gray);
	border-radius: var(--radius-btn);
	font-size: 16px;
	width: 100%;
	height: 44px;
	line-height: 44px;
	font-weight: 500;
	text-align: left;
	padding: 0 15px;
	color: var(--text-color);
	max-width: 100%;
    display: inline-block;
    cursor: pointer;
    color: var(--text-color);
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(../design/select.svg) right center no-repeat;
    background-size: 25px;
    box-sizing: border-box;
    -webkit-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
    -ms-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;
}

.contato select:hover, form select:hover {
	border: 1px solid var(--text-color);
}
.anbbt_ordering{
	width: 300px;
	max-width: 100%;
}
.site-main .eb-accordion-container .eb-accordion-content-wrapper .eb-accordion-content{
	background-color: #fff;
	border: none;
	padding: 10px 20px 15px 44px;
}
.site-main .eb-accordion-container .eb-accordion-wrapper + .eb-accordion-wrapper,
.site-main .eb-accordion-container .eb-accordion-wrapper + .eb-accordion-wrapper{
	padding-top: 5px;
}
.search-ofertas,
.search-post{
	position: relative;
}
.search-ofertas input[type="search"],
.search-post input[type="search"]{
	border: none;
	height: 38px;
	line-height: 38px;
}
.search-ofertas input[type="search"]:hover,
.search-ofertas input[type="search"]:focus,
.search-post input[type="search"]:hover,
.search-post input[type="search"]:focus{
	box-shadow: inset 0 0 0 1px rgb(0 0 0 / 20%);
}
.search-ofertas button,
.search-post button{
	position: absolute;
	cursor: pointer;
	height: 38px;
	width: 38px;
	min-height: 38px;
	padding: 0;
	top: 0;
	right: 0;
  }
  .search-ofertas button img,
  .search-post button img{
	width: 18px;
	margin: 0!important;
  }
.btn-search .wp-block-search__inside-wrapper {
	position: relative;
}
.btn-search button[type="submit"]{
	background-image: url(../design/search.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    background-color: transparent;
    border: none;
    top: 2px;
    right: 2px;
    font-size: 0;
}
.popmake .wpcf7 form.sent .wpcf7-response-output{
	position: absolute;
	z-index: 999;
	top: 0;
	background-color: var(--bg-color);
	height: 100%;
	margin: 0;
	display: flex;
	align-items: center;
	text-align: center;
	border: none;
	font-size: var(--font-size-h5);
}
.input-top {
	margin-right: 15px;
	width: 240px;
	max-width: 100%;
}

.icon-w {
	width: 4vw;
	min-width: 30px;
}

.icon-80 {
	width: 80px;
}

.icon-60 {
	width: 60px;
}

.icon-50 {
	width: 50px;
}

.icon-40 {
	width: 40px;
}

.icon-20 {
	width: 20px;
}

.p-b {
	padding: 2rem !important;
}

.pt-b,
.py-b {
	padding-top: 2rem !important;
}

.pr-b,
.px-b {
	padding-right: 2rem !important;
}

.py-4 {
	padding-bottom: 2rem !important;
	padding-top: 2rem !important;
}

.py-6 {
	padding-bottom: 4rem !important;
	padding-top: 4rem !important;
}

.py-8 {
	padding-bottom: 6rem !important;
	padding-top: 6rem !important;
}


.o-hamburguer {
	width: 32px;
	height: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	cursor: pointer;
	align-items: flex-start;
	margin: 0 0 0 20px;
}

.o-hamburguer__line {
	width: 28px;
	height: 2px;
	background-color: var(--bg-dark-gray);
	display: block;
	border-radius: 0;
	margin: 3px 0;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.o-hamburguer.active .o-hamburguer__line:nth-child(1) {
	-webkit-transform: translateY(8px) rotate(45deg);
	transform: translateY(8px) rotate(45deg);
}

.o-hamburguer.active .o-hamburguer__line:nth-child(2) {
	opacity: 0;
}

.o-hamburguer.active .o-hamburguer__line:nth-child(3) {
	-webkit-transform: translateY(-8px) rotate(-45deg);
	transform: translateY(-8px) rotate(-45deg);
}

.mainmenu.desktop,
.o-header .mainmenu-secundary .menu-item {
	display: none;
}
.o-header .mainmenu-secundary .menu-item.btn.btn-login{
	display: inline-flex;
}
.is-open .mainmenu {
	display: block;
}

.mainmenu .menu,
.mainmenu-secundary .menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.mainmenu-secundary {
	margin: 0 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: end;
	flex-grow: 10;
	position: relative;
}
.mainmenu-secundary .menu-main-menu-container{
	display: flex;
    flex-grow: 10;
    justify-content: end;
}
.mainmenu .menu .sub-menu,
.mainmenu-secundary .menu .sub-menu {
	display: block;
	visibility: hidden;
	opacity: 0;
	position: relative;
	top: 0;
	left: 0;
	line-height: 1em;
	transition: var(--transition-especial);
	width: 100%;
	background-color: var(--bg-color);
	padding: 1em;
	border-radius: 0 0 6px 6px;
	box-shadow:var(--boxshadow);
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4efed+57,fcf8f7+100 */
background: -moz-linear-gradient(top,  #f4efed 57%, #fcf8f7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f4efed 57%,#fcf8f7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f4efed 57%,#fcf8f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4efed', endColorstr='#fcf8f7',GradientType=0 ); /* IE6-9 */

  }
.mainmenu .menu li:hover .sub-menu,
.mainmenu-secundary .menu li:hover .sub-menu{
	display: block;
	visibility: visible;
	opacity: 1;
	left: 0;
	top: 0;
  }
.mainmenu ul li,
.mainmenu-secundary ul li {
	padding: 0;
	margin: 0;
	position: relative;
}
.mainmenu .menu .sub-menu li,
.mainmenu-secundary .menu .sub-menu li {
	display: block;
	width: 100%;
  }

.mainmenu ul li a,
.submenu-item ul li a,
.mainmenu-secundary ul li a,
.mainmenu ul li a:not([href]):not([tabindex]),
.mainmenu-secundary ul li a:not([href]):not([tabindex]) {
	font-weight: 300;
	font-size: var(--font-size-base);
	letter-spacing: 0.015em;
	color: var(--bg-color);
	    padding: 1em 0;
    line-height: 1.2em;
    margin: 0 .8em;
	position: relative;
	z-index: 10;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	text-align: center;
	opacity: .75;
	transition: var(--transition-especial);
}
.menu-item{
	cursor: pointer;
}
.mainmenu ul li a:hover,
.submenu-item ul li a:hover,
.mainmenu-secundary ul li a:hover {
	opacity: 1;
}
.mainmenu ul li a::before,
.mainmenu-secundary ul li a::before {
	content: "";
	display: block;
	width: 100%;
	bottom: 0;
	right: 0;
	position: absolute;
	height: 1px;
	opacity: 0;
	background-color: var(--bg-color);
	transition: var(--transition-especial);
}
.mainmenu-secundary ul li .sub-menu a {
	justify-content: start;
	text-align: left;
}
.mainmenu ul li a:hover:before,
.mainmenu ul li.droplink.active a:before,
.mainmenu-secundary ul li a:hover::before {
	opacity: 1;
}
.mainmenu ul.sub-menu li a,
.mainmenu-secundary ul.sub-menu li a  {
	padding: .5em 0;

}
.JS__mobile .mainmenu ul {
	flex-direction: column;
}

.JS__mobile .mainmenu ul li {
	display: block;
	width: 100%;
	margin-bottom: 2px;
}
.nav-mobile .mainmenu.navbar-nav{
	padding: 0;
	margin-bottom: 50px;
	margin-top: 30px;
}
.JS__mobile .mainmenu ul li a,
.JS__mobile .mainmenu ul li a:not([href]):not([tabindex]), 
.JS__mobile .mainmenu-secundary ul li a:not([href]):not([tabindex]),
.JS__mobile .submenu-item ul li a {
	color: var(--bg-color);
	font-size: var(--font-size-h5);
	padding: .6em;
	margin: 0;
	border-radius: 0;
	border-bottom: 1px solid #00000013;
	text-align: left;
}
.JS__mobile .mainmenu ul.sub-menu li a,
.JS__mobile .mainmenu ul li.active a{
	border-bottom: none!important;
}
.submenu-item ul li a {
	padding: 0 10px;
}

.mainmenu ul li a img,
.submenu-item li a img {
	width: 42px;
	margin-right: 15px;
	-webkit-transition: var(--transition-fast);
	transition: var(--transition-fast);
}

.submenu-item ul li a:hover img {
	margin-right: 20px;
	transform: scale(1.2);
}

.submenu-item ul li a {
	text-transform: inherit;
	border-bottom: 1px solid rgb(0 0 0 / 10%);
}

.submenu-item ul li:last-child a {
	border-bottom: none;
}

.menu-close-search {
	cursor: pointer;
}

.mainmenu ul li.droplink.active .sub-menu a:before,
.nav-mobile .mainmenu ul li a:before {
	display: none;
}

.nav-mobile .droplink a:after {
	top: 18px;
}

.nav-mobile .mainmenu ul li a img {
	width: 35px;
}

.nav-mobile .mainmenu ul.sub-menu li a {
	padding: .6em 0 .6em 1.6em;
}
.wpml-ls-legacy-list-vertical a{
	text-align: left;
	color: var(--text-color);
}

.relative {
	position: relative;
}
.nav-mobile .menu-item-has-children a::after{
	right: 15px;
}
.nav-mobile .mainmenu .menu li .sub-menu{
	max-height: 0;
	transition: var(--transition-especial);
	visibility: hidden;
	opacity: 0;
    padding: 0;
}
.nav-mobile .mainmenu .menu li.active .sub-menu{
	max-height: 1000px;
	opacity: 1;
    visibility: visible;
}
.alert {
	width: 100%;
	position: relative;
	z-index: 9999;
	background-color: var(--xpe-color-3);
	overflow: hidden;
	height: 40px;
	top: 0;
	left: 0;
	transition: var(--transition-normal);
}

.alert.remove {
	height: 0;
}

.bg-terra {
	background-color: var(--xpe-color-1);
	color: var(--bg-color);
}
.bg-orange {
	background-color: var(--xpe-color-3);
	color: var(--bg-color);
}
.bg-black {
	background-color: var(--text-color);
	color: var(--bg-color);
}
.bg-white {
	background-color: #fff;
	color: var(--text-color);
}
.logo-parceiros {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
	margin-top: 4em;
	margin-bottom: 6em;
	flex-wrap: wrap;
}
.logo-parceiros img{
	height: auto;
    max-width: 100%;
    width: 22%;
}
.logo-parceiros .div{
	width: auto;
	height: 80px;
	display: none;
}
.logo-parceiros.horizontal img{
	height: auto;
    max-width: 100%;
    width: 150px;
}
.btn-alert {
	padding: 1px 5px;
	margin-left: 10px;
	border-radius: 20px;
	border: 1px solid #fff;
	transition: var(--transition-fast);
	white-space: nowrap;
}

.btn-alert:hover {
	background-color: var(--text-color);
	border-color: var(--text-color);
	text-decoration: none;
}
.hidden-mobile{
	visibility: hidden;
	display: none;
}
.closebtn {
	margin-left: 15px;
	color: white;
	font-weight: bold;
	float: right;
	font-size: 22px;
	line-height: 20px;
	cursor: pointer;
	transition: 0.3s;
	position: absolute;
	right: 30px;
	top: 10px;
	z-index: 999;
}

.closebtn:hover {
	color: black;
}

.o-header {
	position: fixed;
	z-index: 998;
	width: 100%;
	top: 0;
	left: 0;
	padding: 20px 0;
	height: auto;
	background-color: var(--black-color);
	-webkit-transition: var(--transition-slow);
	transition: var(--transition-slow);
	border: none;
	display: flex;
	align-items: center;
}
.home .o-header,
.single-regiao .o-header {
	padding: 20px 0;
	background-color: transparent;
}
.o-header.active,
.home .o-header.active {
	background-color: #000000de;
}
.o-header.active.hide{
	top: -180px;
}
.o-header .container {
	z-index: 10;
	position: relative;
}
.print-brand{
	display: none;
}
.brand {
	max-width: 200px;
	position: relative;
	z-index: 10;
	display: flex;
	flex-grow: 1;
}

.brand .xpe-brand {
	width: 100%;
	margin-bottom: 5px;
	height: auto;
	display: block;
}

.brand .door-hanger {
	width: 26px;
	height: auto;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	animation: doorhanger cubic-bezier(0.5, 0, 0.5, 1) 7s infinite;
	transform-origin: 55% 10%;
}

.br{
	border-radius: var(--radius-ele);
}
@keyframes doorhanger {
	0% {
		transform: rotate(0deg);
	}

	92% {
		transform: rotate(0deg);
	}

	94% {
		transform: rotate(-5deg);
	}

	96% {
		transform: rotate(7deg);
	}

	98% {
		transform: rotate(-3deg);
	}
}

.submenu-page {
	background-color: var(--blue-color);
}

.submenu-page a {
	font-weight: 600;
	color: var(--bg-color);
	padding: 14px 0;
	line-height: 1.2em;
	margin: 0;
	text-transform: uppercase;
	position: relative;
	z-index: 10;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	text-align: center;
	font-size: 14px;
	letter-spacing: .025em;
	padding: 8px 15px;
	border-radius: 20px;
	margin: 5px;
	transition: var(--transition-fast);
	box-shadow: inset 0 0 0 2px #fff;
}

.submenu-page a:hover {
	background-color: var(--bg-color);
	color: var(--text-color);
}

.hide {
	top: -180px;
}


.nav-right {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: end;
	justify-content: end;
}


.no-gutter-r {
	padding-right: 0 !important;
}

.space-top-25 {
	margin-top: 2vw;
}

.space-top-50 {
	margin-top: 4vw;
}

.space-top-80 {
	margin-top: 5vw;
}

.space-top-100 {
	margin-top: 8vw;
}

.space-top-120 {
	margin-top: 10vw;
}

.space-bottom-25 {
	margin-bottom: 2vw;
}

.space-bottom-50 {
	margin-bottom: 4vw;
}

.space-bottom-80 {
	margin-bottom: 5vw;
}

.space-bottom-100 {
	margin-bottom: 8vw;
}

.space-bottom-120 {
	margin-bottom: 10vw;
}

.login-form-xpe {
	background: var(--xpe-color-1);
	color: var(--bg-color);
	padding: 30px;
	border-radius: var(--radius-btn);
	margin: 0 auto;
	margin-top: 30px;
	position: relative;
	z-index: 990;
}
.login-form-xpe .top-login{
	display: block;
	padding-top: 10px;
}
.login-form-xpe .top-login-input{
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
}
.login-form-xpe label {
	width: 100%;
	font-weight: 400;
	font-size: var(--font-size-h5);
	font-family: var(--font-title);
	margin-bottom: 1.5em;
	margin-top: 0;
	line-height: 100%;
	text-align: left;
}
.multiply{
	mix-blend-mode: multiply;
}
.login-form-xpe.header-login .top-login,
.login-form-xpe__modal .top-login{
	display: block;
}
/* FORM CONTATO */
.cadastro-container {
	max-width: 580px;
	margin: 0 auto;
	text-align: center;
	padding: 3em 15px;
  }

input.previous.action-button {
    border: none;
    background-color: transparent;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    z-index: 10;
    position: relative;
    display: block;
    cursor: pointer;
    box-shadow: none;
	width: 100%;
	height: 100%;
}

.voltar {
	display: block;
	position: absolute;
	top: auto;
	left: 0;
	width: 60px;
	height: 50px;
	font-size: 3em;
	font-weight: 400;
	margin: 0 auto;
	box-sizing: content-box;
	opacity: .5;
	bottom: 0;
	right: 0;
}
.voltar:hover{
	opacity: 1;
}
.voltar:before {
	content: "";
	display: block;
	width: 35px;
	height: 35px;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(../design/arrow-voltar.svg);
	background-repeat: no-repeat;
	background-size: contain;
	right: 0;
	margin: 7px auto;
}

#msform {
    min-height: 700px;
    text-align: center;
    position: relative;
    margin-bottom: 3em;
}

#msform fieldset {
    box-sizing: border-box;
    width: 100%;
    min-height: 500px;
    /*stacking fieldsets above each other*/
    position: relative;
}

.reveal-if-active {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: 0.2s;
	position: absolute;
left: 200px;
top: 0px;
display: flex;
}

.reveal-if-active label {
    display: inline-block;
    margin: 0 0 3px 0;
    width: 30%;
}

.content-form.como-conheceu ul li input[type=radio]:checked ~ .reveal-if-active {
    opacity: 1;
    max-height: 100px;
    padding: 0;
    overflow: visible;
	z-index: 10;
}

.content-form.como-conheceu input[type=text] {
    width: 70%;
    max-width: 300px;
    float: left;
	margin-top: -3px;
}

/*Hide all except first fieldset*/
.contato .title{
	font-size: var(--font-size-h3);
}
#msform fieldset:not(:first-of-type) {
    display: none;
}

.contato .upload {
    padding: 20px;
    background-color: var(--bg-gray);
    display: inline-block;
    margin: 0 0 30px 0;
    width: 100%;
	border-radius: var(--radius-btn);
}

.contato .upload button {
    width: 100%;
    background-color: #41494d;
}

.contato .upload button:hover {
    background-color: #fff;
    color: #41494d;
}

.contato label.sr-only {
    display: none;
}

.content-form ul.ul-form {
    margin: 0 0 30px 0;
    display: inline-block;
}

.content-form ul.ul-form li {
    margin-bottom: .25em;
	list-style: none;
	text-align: left;
}
.content-form h2{
	font-size: var(--font-size-h5);
	font-weight: 500;
	margin-top: 2em;
}
.contato .inputdnd input.form-control-file {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 6em;
    margin: 0 0 20px 0;
    padding: 0;
    outline: none;
    visibility: hidden;
    cursor: pointer;
    background-color: #fff;
    box-shadow: 0 0 5px solid #4D5357;
}

.form-control-file:before {
    content: attr(data-title);
    position: absolute;
    left: 0;
    width: 100%;
    min-height: 6em;
    line-height: 5.5em;
    padding-top: 0;
    opacity: 1;
    visibility: visible;
    text-align: center;
    border: 0.25em dashed #4D5357;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    overflow: hidden;
    border-radius: var(--radius-btn);
}

.form-control-file:hover:before {
    border-style: solid;
    box-shadow: inset 0px 0px 0px 0.25em #4D5357;
}

.content-area.cadastro header {
    min-height: 150px;
	width: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}


.content-form {
    min-height: 250px;
    float: left;
    width: 100%;
    position: relative;
    padding: 0;
}

.content-area.cadastro .first header {
    min-height: 200px
}

.first .content-form {
    min-height: 200px;
}


.percent {
    display: inline-block;
    width: 50%;
    text-align: left;
    margin-top: .5em;
    font-weight: 400;
}

.percent .label {
    display: block;
    text-align: center;
    font-size: 1em;
    margin-bottom: 2em;
}

.percent.right {
    float: right;
    text-align: right;
}

.label {
    width: auto;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    color: #4D5357;
    font-size: .8em;
    font-weight: 400;
}

.slider-form {
    width: 100%;
    float: none;
}

input.amount {
    color: #ff5800;
    font-weight: bold;
    width: auto;
    display: block;
    text-align: center;
    border: 0;
    box-shadow: none;
    margin: 0 auto;
    padding: 0;
    float: none;
    font-size: 1.4em;
    height: 2em;
    font-family: 'Roboto', sans-serif;
	background-color: transparent;
}

.content-form ul {
    list-style: none;
    margin: 2em auto;
    padding: 0;
    display: block;
    max-width: 540px;
}

.content-form ul li {
    color: #4D5357;
    display: block;
    position: relative;
    float: left;
    width: 100%;
    background: none;
    padding: 0;
}

.content-form ul li input[type=radio],
.content-form ul li input[type=checkbox] {
    position: absolute;
    visibility: hidden;
    left: 0;
}

.content-form ul li label {
    display: block;
    position: relative;
    font-weight: 400;
    font-size: 1em;
    color: #4D5357;
    padding: .5em 2.2em;
    margin: .25em auto;
    height: auto;
    z-index: 9;
    line-height: 1.2em;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
    -ms-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;
}

.content-form ul li:hover label {
    color: #333;
}
.errors-box .errors {
	margin: 0 auto 1.5em;
	padding: .25em .75em;
	text-transform: uppercase;
	text-align: center;
	background-color: var(--xpe-color-3);
	color: var(--bg-color);
	font-weight: 700;
	display: block;
  }
.contato .next.action-button{
	min-width: 180px;
}
.content-form ul li .check {
    display: block;
    position: absolute;
    border: 4px solid #cccccc;
    background-color: #cccccc;
    height: 22px;
    width: 22px;
    top: 50%;
	transform: translateY(-50%);
    left: 0;
    z-index: 5;
    -webkit-transition: border 0.25s ease 0s;
    -moz-transition: border 0.25s ease 0s;
    -o-transition: border 0.25s ease 0s;
    -ms-transition: border 0.25s ease 0s;
    transition: border 0.25s ease 0s;
	border-radius: var(--radius-btn);
}

.content-form ul li:hover .check {
    background-color: #999;
}

.content-form ul li .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 0;
    height: 15px;
    width: 15px;
    top: 5px;
    left: 5px;
    margin: auto;
    -webkit-transition: background 0.25s ease 0s;
    -moz-transition: background 0.25s ease 0s;
    -o-transition: background 0.25s ease 0s;
    -ms-transition: background 0.25s ease 0s;
    transition: background 0.25s ease 0s;
}

.content-form ul li input[type=radio]:checked ~ .check,
.content-form ul li input[type=checkbox]:checked ~ .check {
    border: 4px solid #cccccc;
    background-color: #ff5800
}

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-bottom: 5px;
    margin-left: -80px;
    padding: 7px;
    width: 160px;
    border-radius: var(--radius-btn);
    background-color: #000;
    background-color: hsla(0, 0%, 20%, 0.9);
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 14px;
    line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-left: -5px;
    width: 0;
    border-top: 5px solid #000;
    border-top: 5px solid hsla(0, 0%, 20%, 0.9);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    /*CSS counters to number the steps*/
    counter-reset: step;
    display: none;
}

#progressbar li {
    list-style-type: none;
    color: #999;
    text-transform: uppercase;
    font-size: 9px;
    width: 16.66%;
    float: left;
    position: relative;
    background: none;
    padding: 0;
}

#progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 20px;
    line-height: 20px;
    display: block;
    font-size: 1em;
    color: #fff;
    background: #ddd;
    border-radius: 100%;
    margin: 0 auto 5px auto;
}

#progressbar li.active:before {
    background-color: #ff5800;
}


/*progressbar connectors*/

#progressbar li:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #ddd;
    position: absolute;
    left: -50%;
    top: 9px;
    z-index: -1;
    /*put it behind the numbers*/
}

#progressbar li.active:after {
    background-color: #ff5800;
}

#progressbar li:first-child:after {
    /*connector not needed before the first step*/
    content: none;
}

.contato .ui-widget.ui-widget-content {
    border: none;
    background-color: #4D5357;
    height: .4em;
    border-radius: .2em;
}

.contato .ui-slider-horizontal .ui-slider-range-min {
    background-color: #4D5357;
}

.contato .ui-state-default,
.contato .ui-widget-content .ui-state-default,
.contato .ui-widget-header .ui-state-default,
.contato .ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    background-color: #4D5357;
    border: none;
    border-radius: .5em;
    width: 2em;
    height: 2em;
    top: -.8em;
    margin-left: -1em;
    cursor: pointer;
}

.contato .ui-state-default:hover,
.contato .ui-widget-content .ui-state-default:hover,
.contato .ui-widget-header .ui-state-default:hover,
.contato .ui-button:hover {
    background-color: #ff5800;
}
.illustration{
	width: 80px;
	margin: 30px auto;
}
/* SWIPER STYLE */
.swiper-creative .swiper-slide {
	line-height: 0;
}

.JS__home-banner {
	line-height: 0;
}
.blobo{
	min-height: 50vw;
}
.swiper-container.JS__home-banner .image {
	width: 100%;
	height: 50vw;
	background-size: cover;
}
.swiper-container{
	position: relative;
}
.swiper-slide-shadow {
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgb(0 0 0 / 80%);
	position: absolute;
}

.swiper-navigation {
	display: none;
	visibility: hidden;
}

.o-image-container {
	width: 100%;
	height: auto;
	position: sticky;
	top: 120px;
	overflow: hidden;
}

.c-home__banner {
	position: relative;
	width: 100vw;
	max-width: 100vw;
	overflow: hidden;
	height: auto;
	margin: 0 auto;
	z-index: 2;
}
.c-home__banner__item.c-home__banner__desktop:after,
.c-home__banner__item.c-home__banner__mobile:after,
.footer_image:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.85+0,0.65+40,0.65+100 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.4) 40%,rgba(0,0,0,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.c-home__banner__item.c-home__banner__desktop,
.c-home__banner__item.c-home__banner__mobile,
.footer_image{
	height: 86vh;
	min-height: 800px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-position-x: 20%;
	background-position-y: 50%;
	-webkit-transition:background-position 5s linear;
	-moz-transition:background-position 5s linear;
	-o-transition:background-position 5s linear;
	transition:background-position 5s linear;
}
.footer_image{
	filter: saturate(.8) sepia(.2);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.newsletter{
	overflow: hidden;
	position: relative;
	background-color: var(--xpe-color-1);
	color: var(--bg-color);
}
.newsletter .container{
	position: relative;
	z-index: 10;
}
.newsletter h3{
	font-size: var(--font-size-h4);
}
.c-home__banner__item.c-home__banner__mobile {
	display: block;
}

.c-home__banner__item.c-home__banner__desktop {
	display: none;
}

.c-home__banner__item.c-home__banner__desktop img {
	width: 100vw;
	margin-right: 0;
	margin-left: 0;
	height: auto;
	object-fit: cover;
	display: block;
}

.c-home__banner__item.c-home__banner__desktop img.fullimage {
	width: 100vw;
	margin-left: 0;
}

.c-home__banner__item.c-home__banner__desktop a {
	display: inline-block;
	width: 100%;
	color: var(--text-color);
}

.c-home__banner_content {
	height: 100%;
	padding-top: 160px;
	padding-bottom: 30px;
	top: 0;
	position: absolute;
	left: 0;
	right: 0;
	text-align: left;
	box-sizing: border-box;
	z-index: 99999;
	opacity: 1;
	-webkit-transition: var(--transition-fast);
	transition: var(--transition-fast);
}
.c-home__banner_content h1 {
	font-size: var(--font-size-xl);
	line-height: 90%;
	letter-spacing: var(--ls-title);
	font-family: var(--font-title);
	font-weight: var(--fw-300);
	text-transform: uppercase;
	margin-bottom: .35em;
	text-align: center;
	display: block;
	width: auto;
	color: var(--bg-color);
}

.c-home__banner_content h1 .chamada {
	font-family: var(--font-primary);
	font-weight: 300;
	display: block;
	font-size: var(--font-size-h6);
	letter-spacing: .25em;
	line-height: 110%;
	margin-top: 1em;
}

.c-home__banner_content b {
	font-weight: 800;
	display: block;
}
.c-home__banner .swiper-slide.swiper-slide-active .c-home__banner__item.c-home__banner__mobile{
	background-position-x: 70%;
	background-position-y: 50%;
	-webkit-transition:background-position 10s linear;
	-moz-transition:background-position 10s linear;
	-o-transition:background-position 10s linear;
	transition:background-position 10s linear;
}
.c-home-title-inner{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.swiper-slide .c-home-title-inner h1,
.swiper-slide .chamada,
.swiper-slide .c-home-title-inner .btn-box{
	font-weight: 300;
	position: relative;
	opacity: 0;
	transition-delay: .1s;
	-webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
    -webkit-transition: all 1s cubic-bezier(.35,.34,0,1);
    transition: all 1s cubic-bezier(.35,.34,0,1);
}
.swiper-slide .c-home-title-inner .btn-box{
	display: block;
	margin-top: 5em;
	margin-left: auto;
	margin-right: auto;
}
.swiper-slide-active .c-home-title-inner h1{
	transition-delay: 1s;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.swiper-slide-active .c-home-title-inner .chamada{
	transition-delay: 1.2s;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.swiper-slide-active .c-home-title-inner .btn-box{
	transition-delay: 1.4s;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.border-top{
	border-top: 1px solid rgba(255, 255, 255, .1);
}
#antidesign {
	background-image: url(../design/antidesign.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	height: 28px;
	width: 60px;
	display: block;
	margin: 0 auto;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	opacity: .5;
  }
  #antidesign:hover {
	opacity: 1;
  }
.c-home__banner_content .btn,
.footer .btn,
.btn,
#navigation .button a, 
#agente-menu .button a, 
a.button, button, 
.contato input[type="submit"], 
.action-button.next,
.o-header .btn a {
	display: inline-flex;
	border: none;
	align-items: center;
	justify-content: center;
	width: auto;
	text-align: center;
	color: var(--bg-color);
	text-align: center;
	border-radius: var(--radius-btn);
	padding: 1.16em 1.86em;
	font-weight: 300;
	font-size: var(--font-size-base);
	position: relative;
	transition: var(--transition-especial);
	cursor: pointer;
}
.o-header .btn.btn-light a {
	box-shadow: 0 0 0 1px var(--text-color);
	color: var(--text-color);
}
.o-header .btn.btn-light a:hover {
	box-shadow: 0 0 0 1px var(--text-color);
	color: var(--bg-color);
	background-color: var(--text-color);
}
.o-header .menu-main-menu-direita-container .btn:last-child a{
	margin-right: 0;
}
.o-header .btn a:before {
	display: none;
}

.o-header .btn a {
	margin: 0;
}
.btn.btn-submit,
.o-header .btn.btn-orange a,
#navigation .button a, 
#agente-menu .button a, 
a.button, button, 
.contato input[type="submit"], 
.action-button.next,
.btn.btn-orange,
.o-header .btn.btn-login.active a {
	background-color: var(--xpe-color-3);
	color: var(--white);
	opacity: 1;
}
.btn.btn-black {
	background-color: var(--black-color);
	color: var(--bg-color);
}
.btn.btn-black:hover{
	background-color: var(--text-color);
}
.printomatictext{
	margin-left: 10px;
}
.o-header .btn.btn-login a:before{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	z-index: -1;
	opacity: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 0;
	height: 0;
	border: 0 solid transparent;
	border-left-width: 6px;
	border-right-width: 6px;
	border-top: 6px solid var(--xpe-color-3);
	background-color: transparent;
	transition: var(--transition-fast);
}
.o-header .btn.btn-login.active a:before{
		bottom: -6px;
		opacity: 1;
		border-top: 6px solid var(--xpe-color-3);
}
.o-header .btn.btn-login a {
	background-color: var(--xpe-color-3);
	color: var(--black-color);
	margin-left: 12px;
	padding: 1em!important;
	border-radius: var(--radius-btn);
	margin-right: 0!important;
}
.o-header .btn.btn-login a:hover {
	background-color: var(--xpe-color-3);
	opacity: 1;
}
/*
.o-header .btn.btn-login a:after {
	content: "";
	background-image: url(../design/user.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 16px;
	height: 16px;
	margin-left: 8px;
}
	*/

.o-header .ico-regiao a:after{
	content: "";
	background-image: url(../design/globo.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 20px;
	height: 20px;
	margin-left: .35em;
}
.btn.btn-ghost {
	background-color: transparent;
	color: var(--text-color);
	box-shadow: inset 0 0 0 1px var(--text-color);
}

.btn.btn-ghost:hover {
	background-color: var(--text-color);
	color: var(--bg-color);
}

.btn.btn-ghostnew {
	background-color: transparent;
	color: var(--bg-color);
	box-shadow: inset 0 0 0 1px var(--xpe-color-3);
	font-size: .88rem;
}

.btn.btn-ghostnew:hover {
	box-shadow: inset 0 0 0 1px var(--bg-color);
}

.o-header .btn a:hover,
.btn-submit:hover,
.btn.btn-orange:hover,
.action-button.next:hover,
.contato input[type="submit"]:hover {
	background-color: var(--xpe-color-1);
}

.btn-white {
	background-color: transparent;
	color: var(--text-color);
	box-shadow: inset 0 0 0 1px var(--text-color);
}

.btn-white:hover {
	background-color: var(--xpe-color-1);
	color: var(--bg-color);
	box-shadow: none;
}
.btn.btn-white:hover:after {
	right: 1em;
}
.o-header .btn.btn-orange,
.o-header .btn.btn-orange:hover {
	background-color: transparent;
}
.btn-min{
	min-width: 210px;
}
.a-arrow {
	padding: 0;
	padding-right: 50px;
	box-sizing: border-box;
	align-items: end;
	line-height: 1.2em;
	align-self: end;
	font-size: 1.06rem;
	color: var(--bg-color);
	position: relative;
	letter-spacing: var(--ls-title);
	font-family: var(--font-primary);
}

.btn-arrow:after,
.a-arrow:after {
	content: "";
	background-image: url(../design/seta-d.svg);
	background-repeat: no-repeat;
	background-size: 30px;
	background-position: center;
	display: inline-block;
	width: 30px;
	height: 30px;
	min-height: 30px;
	margin-left: 30px;
	transition: var(--transition-especial);
	bottom: -6px;
	right: 0;
	position: absolute;
}

.btn-arrow:after {
	height: 100%;
	bottom: 0;
	top: 0;
	right: 1.86em;
}
.btn-big,
.btn.btn-arrow.btn-big{
	font-size: var(--font-size-base);
	background-color: var(--xpe-color-1);
	color: var(--bg-color);
	padding-top: 1.2em;
	padding-bottom: 1.2em;
	box-shadow: none;
}
.btn.btn-arrow.btn-big:after{
	background-image: url(../design/seta-d.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center;
}
.btn.btn-arrow.btn-big:hover{
	background-color: var(--xpe-color-3);
	box-shadow: none;
	color: var(--bg-color);
}
.a-arrow:hover:after {
	right: 1em;
}
.btn.btn-arrow{
	padding-right: 5.3em;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5);
    transition: var(--transition-especial);
    padding: 1.26em 1.86em;
    padding-right: 5.6em;
    font-weight: 300;
    font-size: var(--font-size-base);
    position: relative;
	line-height: 1;
}
.btn.btn-arrow:hover{
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);
}
.btn:hover:after {
	right: 1em;
}
.content-area table{
	border-collapse: collapse;
    border-spacing: 0;
	width: 100%;
    border: 1px solid #0000002e;
	height: auto!important;
    margin-bottom: 1.68em;
}
.content-area th, td {
	padding: 0.25rem;
	text-align: left;
	border: 1px solid #0000002e;
  }
.content-area tbody tr:hover {
	background:var(--bg-dark-gray);
  }
.content-area ul{
	margin-left: 1.86em;
	margin-bottom: 2.16em;
	margin-top: .28em;
}
.content-area ul li{
	margin-bottom: .36em;
	list-style-type: disc;
	list-style-position: inside;
	display: list-item;
	
}
.content-area ul li.o-list_item{
	margin-bottom: 0;
	display: block;
}
.c-home__banner__item.c-home__banner__desktop a:hover .btn {
	background-color: var(--xpe-color-3);
}
.c-home__banner .swiper-container .swiper-pagination-bullets {
	width: auto;
	margin: 0 auto;
	padding: 0 0 15px 30px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
	text-align: center !important;
	border-radius: 0;
	line-height: 0;
}

.c-home__banner .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-bullet {
	border-radius: 0;
	width: 20px;
	height: 20px;
	margin: 2px;
	background-color: transparent;
	border-bottom: 1px solid var(--bg-color);
	opacity: .15;
	transition: var(--transition-especial);
}
.c-home__banner .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active{
	background-color: transparent;
	border-bottom: 3px solid var(--bg-color);
	opacity: 1;
}
.swiper-pagination-bullets {
	bottom: 0!important;
}
.institucional .swiper-pagination-bullets{
	bottom: 30px!important;
}
.institucional .swiper-nav-equipe{
    width: 160px;
    height: 50px;
    position: absolute;
    margin: 10px auto;
    bottom: 10px;
    left: 0;
    right: 0;
    z-index: 9;
    align-items: center;
	justify-content: space-between;
    /* justify-content: center; */
    display: flex;
}
.swiper-nav-equipe .o-swiper-button-prev, .swiper-nav-equipe .o-swiper-button-next{
	position: relative;
	left: auto;
	right: auto;
}
.swiper-gallery .swiper-pagination-bullets{
	bottom: 25px!important;
}
.swiper-ofertas-home .swiper-pagination-bullets{
	text-align: right;
}
.swiper-pagination-bullet{
	border-bottom: 1px solid var(--text-color);
}
.swiper-pagination-bullet-active {
	background-color: transparent;
	border-bottom: 1px solid var(--text-color);
	opacity: 1;
}

.swiper-button-container {
	position: absolute;
	left: auto;
	right: 10vw;
	bottom: 10px;
	z-index: 9;
	display: flex;
}

.o-swiper-button-next,
.o-swiper-button-prev {
	background:transparent;
	opacity: .5;
	box-shadow: none;
	color: var(--text-color);
	font-weight: 600;
	line-height: 44px;
	margin: 0 4px;
	height: 60px;
	width: 60px;
	border-radius: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer;
	outline: none;
	-webkit-transition: var(--transition-fast);
	transition: var(--transition-fast);
	background-image: url(../design/seta-d.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
    right: 5vw;
    left: auto;
}

.o-swiper-button-prev,
.swiper-button-prev {
	border-radius: 0;
	background-image: url(../design/seta-e.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
    right: auto;
}

.o-swiper-button-next:hover,
.o-swiper-button-prev:hover {
	opacity: 1;
}

.swiper-button-disabled,
.swiper-button-disabled.o-swiper-button-next:hover,
.swiper-button-disabled.o-swiper-button-prev:hover {
	opacity: .1;
	pointer-events: auto ! important;
	cursor: not-allowed ! important;
}
.JS__contato .nf-response-msg,
.newsletter .nf-response-msg{
    text-align: center;
    font-size: var(--font-size-base) !important;
    border: 1px solid var(--xpe-color-3);
    padding: 2em;
}
.JS__contato .nf-response-msg p,
.newsletter .nf-response-msg p{
    font-size: var(--font-size-base);
    }
.JS__contato .nf-response-msg p:last-child,
.newsletter .nf-response-msg p:last-child{
    margin-bottom: 0;
    }
.submenu-search,
.submenu-item {
	height: auto;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	position: absolute;
	background: var(--bg-color);
	top: -1px;
	width: 100%;
	-webkit-transition: var(--transition-normal);
	transition: var(--transition-normal);
	will-change: transform;
	overflow: hidden;
	min-height: inherit;
	padding: 30px 0 30px 175px;
	opacity: 1;
	z-index: 888;
}
.submenu-search.open,
.submenu-item.open {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
	box-shadow: 0 30px 30px 0 #00000047;
}

.submenu-search.open {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}

.submenu-search {
	top: auto;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	background-color: var(--bg-gray);
	-webkit-transition: var(--transition-fast);
	transition: var(--transition-fast);
}

.submenu-search button {
	position: relative;
	cursor: pointer;
}

.submenu-search button svg,
.menu-close-search svg {
	width: 42px;
}

.submenu-search input[type="search"] {
	border-radius: 0;
	width: 400px;
	background-color: transparent;
	border: none;
	border-bottom: 2px solid;
}

.site-main {
	margin-bottom: 5vw;
}
.single .post img{
	margin-bottom: 1.36em;
}
.all-image {
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	flex-direction: column;
}

.self-right {
	margin: 0 0 0 auto;
}

input:focus {
	outline: none;
}

button {
	-webkit-appearance: none;
	border: 0;
	background: transparent;
}

.o-container {
	padding: 0 15px;
	width: 100%;
}


.JS__menu,
.JS__regioes,
.JS__login {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100vh;
	max-height: 100vh;
	-webkit-transform: translate3d(0, -101%, 0);
	transform: translate3d(0, -101%, 0);
	-webkit-transition: all .75s cubic-bezier(.75,0,0,1.01);
	transition: all .75s cubic-bezier(.75,0,0,1.01);
	will-change: transform, opacity;
	background-color: var(--bg-color);
	opacity: 0;
	z-index: 1;
	overflow-x: hidden;
	visibility: hidden;
	padding: 0;
}
.JS__regioes{
	color: var(--bg-gray);
	background-color: var(--black-color);
	background-image: url(../design/mapa.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 999;
}
.JS__menu_regioes_close,
.JS__menu_mobile_close,
.JS__menu_login_close,
.JS__menu_contato_close{
	background-image: url(../design/close.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	cursor: pointer;
	position: absolute;
	width: 60px;
	height: 60px;
	right: 20px;
	top: 20px;
}
.JS__login,
.JS__mobile,
.JS__contato {
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100vh;
	max-height: 100vh;
	background-color: #0000009e;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 0;
	z-index: 99999;
	visibility: hidden;
	-webkit-transition: all .35s cubic-bezier(.65, .65, .21, 1);
	transition: all .35s cubic-bezier(.65, .65, .21, 1);
}
.JS__contato,
.JS__mobile{
	position: fixed;
	z-index: 99999;
	display: flex;
}
.JS__login .login-form-xpe{
	position: relative;
	top: 95px;
	width: 360px;
	max-width: 100%;
    margin: 0 auto;
    padding: 3em;
	border-radius: 0 0 4px 4px;
	-webkit-transform: translate3d(0, 20px, 0);
	transform: translate3d(0, 20px, 0);
	-webkit-transition: all .35s cubic-bezier(.65, .65, .21, 1);
	transition: all .35s cubic-bezier(.65, .65, .21, 1);
}
.JS__menu.is-open,
.JS__mobile.is-open,
.JS__regioes.is-open,
.JS__login.is-open,
.JS__contato.is-open {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
	visibility: visible;
}
.JS__login.is-open .login-form-xpe {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.JS__regioes .link-menu{
	opacity: 0;
	display: block;
	position: relative;
	-webkit-transform: translate3d(0, 15px, 0);
	transform: translate3d(0, 15px, 0);
	-webkit-transition: all .5s cubic-bezier(.35,.34,0,1);
	transition: all .5s cubic-bezier(.35,.34,0,1);
	transition-delay: 1s;
}
.JS__regioes.is-open .link-menu{
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
}
.JS__regioes .link-menu:nth-child(1){
	transition-delay: .6s;
}
.JS__regioes .link-menu:nth-child(2){
	transition-delay: .7s;
}
.JS__regioes.is-open .link-menu:nth-child(3){
	transition-delay: .8s;
}
.JS__regioes.is-open .link-menu:nth-child(4){
	transition-delay: .9s;
}
.JS__regioes.is-open .link-menu:nth-child(5){
	transition-delay: 1s;
}
.JS__regioes.is-open .link-menu:nth-child(6){
	transition-delay: 1.1s;
}
.JS__regioes.is-open .link-menu:nth-child(7){
	transition-delay: 1.2s;
}
.JS__contato .container-menu,
.JS__mobile .container-menu{
	background-color: var(--xpe-color-1);
	color: var(--bg-color);
	margin: 0 0 0 auto;
	padding-right: 2rem;
    padding-left: 2rem;
	padding-top: 120px;
	width: 100%;
	max-width: 480px;
	position: relative;
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	-webkit-transition: var(--transition-especial);
	transition: var(--transition-especial);
	transition-delay: 0s;
	z-index: 1;
	overflow-x: hidden;
}
.JS__contato.is-open .container-menu,
.JS__mobile.is-open .container-menu{
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	transition-delay: .25s;
}
.JS__contato .nf-form-content .label-above .nf-field-label,
.JS__contato .nf-before-form-content,
.newsletter .nf-form-content .label-above .nf-field-label,
.newsletter .nf-before-form-content{
	display: none;;
}
.newsletter .nf-form-content .list-select-wrap .nf-field-element>div, 
.newsletter .nf-form-content input:not([type=button]), 
.JS__contato .nf-form-content .list-select-wrap .nf-field-element>div, 
.JS__contato .nf-form-content input:not([type=button]), 
.JS__contato .nf-form-content textarea{
	background: var(--bg-color);
	border: none;
	color: var(--text-color);
}
.newsletter .nf-form-content button, 
.newsletter .nf-form-content input[type=button], 
.newsletter .nf-form-content input[type=submit],
.JS__contato .nf-form-content button, 
.JS__contato .nf-form-content input[type=button], 
.JS__contato .nf-form-content input[type=submit]  {
	background-color: var(--xpe-color-3);
    margin: 0 auto;
    text-align: center;
    padding: 1.16em 3em;
	width: 100%;
	height: 50px;
    display: flex;
	font-weight: 300;
    color: var(--bg-color);
}
.newsletter .nf-form-content input[type=submit]:hover,
.JS__contato .nf-form-content input[type=submit]:hover {
	background-color: var(--black-color);
	color: var(--bg-color);
}
.newsletter .nf-form-content nf-fields-wrap{
	display: flex;
	flex-direction: column;
    
	gap: 10px;
}
.newsletter .nf-form-content nf-fields-wrap input{
	width: 100%;
	max-width: 360px;
}
.nf-form-cont{
	width: 100%;
}
.newsletter .nf-field-container {
	margin-bottom: 0;
	text-align: center;
}
.JS__contato .nf-field-container{
	margin-bottom: 10px;
}
.JS__contato .nf-form-content{
	padding: 0;
}
.JS__contato .nf-input-limit{
	margin-top: 0;
}
.JS__contato .label-above .nf-field-element, .JS__contato .label-below .nf-field-element{
	display: flex;
}
.nav-mobile {
	display: block;
}

.JS__login .login-form-xpe .input-top input[type="text"]:placeholder{
	color: var(--text-color);
}
.submenu-search,
.mainmenu,
.submenu-item {
	padding-left: 1em;
	padding-right: 0;
}

.col-submenu-item {
	display: none;
}

.menu-categorias-container,
.menu-categorias-emporio-container {
	width: 100%;
}



.droplink a,
.dropsubmenu a,
.menu-item-has-children a {
	cursor: pointer;
	padding-right: 1em !important;
}

.droplink>a:after,
.dropsubmenu>a:after,
.menu-item-has-children a::after{
	content: '';
	background-image: url("../design/arrow-down.svg");
	background-repeat: no-repeat;
	background-position: center;
	width: 12px;
	height: 12px;
	display: inline-block;
	position: absolute;
	top: 50%;
	margin-top: -6px;
	right: 0;
	-webkit-transition: var(--transition-fast);
	transition: var(--transition-fast);
}

.droplink.active a:after,
.menu-item-has-children:hover a::after,
.nav-mobile .menu-item-has-children.active:hover a::after {
	transform: rotate(180deg);
}
.nav-mobile .menu-item-has-children:hover a::after {
	transform: rotate(0deg);
}
.droplink .sub-menu a:after,
.menu-item-has-children .sub-menu a::after {
	display: none;
}

.o-header__breadcrumb {
	width: 100%;
	background: transparent;
	height: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	position: relative;
}

.o-header__breadcrumb__content {
	overflow-x: auto;
	overflow-y: hidden;
	padding: 0;
}

.antidesign {
	width: 70px;
	opacity: .5;
	margin: 20px auto;
	display: block;
}

.antidesign:hover {
	opacity: 1;
}
.container-menu{
	width: 100%;
    max-width: 1200px;
	padding-right: 2rem;
    padding-left: 2rem;
    margin-right: auto;
    margin-left: auto;
}
.ac-content {
	display: none;
	padding-bottom: 15px;
}
.menu-regioes-container{
	display: flex;
    align-items: center;
}
.JS__regioes a{
	font-family: var(--font-title);
	font-size: var(--font-size-h4);
	display: block;
	line-height: 110%;
	font-weight: 300;
	padding: 0;
	color: var(--xpe-color-4);
	margin-bottom: 1.5rem;
	-webkit-transition: all .5s cubic-bezier(.65, .65, .21, 1);
	transition: all .5s cubic-bezier(.65, .65, .21, 1);
}
.JS__regioes a:hover{
	color: var(--xpe-color-3);
	transform: translateX(.2em);
	-webkit-transform: translateX(.2em);
}
.JS__regioes .menu {
	opacity: 0;
	-webkit-transition: opacity 1s cubic-bezier(.65, .65, .21, 1);
	transition: opacity 1s cubic-bezier(.65, .65, .21, 1);
	transition-delay: 1s;
	-webkit-animation-delay: 1s;
}
.JS__regioes.is-open .menu {
	opacity: 1;
}
.pre-contato{
	position: relative;
	overflow: hidden;
}
.pre-contato em{
	display: block;
}
.pre-contato .btn-big.btn.btn-arrow{
	box-shadow: inset 0 0 0 1px var(--bg-color);
	color: var(--bg-color);
}
.pre-contato .btn-big.btn.btn-arrow:after{
	background-image: url(../design/seta-d.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center;
}
.prefooter {
	padding-top: 40px;
	margin-top: 20px;
	background-color: var(--bg-color);
}
.footer .wp-block-social-links.is-style-logos-only .wp-social-link svg{
	width: 35px;
	height: 35px;
}
.footer {
	padding: 5em 0 8em;
	background: var(--black-color);
	width: 100%;
	color: var(--bg-color);
}

.footer p,
.footer a,
.footer h2,
.footer h3 {
	color: var(--bg-color);
}

.footer .menu li a {
	margin-bottom: .6em;
	display: block;
	opacity: .75;
}
.footer .menu li a:hover{
	color: var(--bg-color);
	opacity: 1;
}
.footer p,
.footer .menu a{
	font-size: var(--font-size-h6);
	font-weight: 300;
}
.footer h2 {
	font-size: var(--font-size-small);
	font-family: var(--font-primary);
	letter-spacing: var(--ls-title);
	text-transform: uppercase;
	margin-bottom: 1em;
	padding-bottom: 1em;
	margin-top: 3em;
	line-height: 136%;
	opacity: 0.5;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.footer h2,
.footer h3,
.footer h4,
.footer h5 {
	font-weight: 300;
}

.footer-logo {
	margin-top: 5em;
}

.footer-logo img {
	display: block;
	margin: 30px auto;
	width: 100px;
}

.icon-footer {
	display: flex;
	align-items: center;
	margin-right: 20px;
	font-size: var(--font-size-base);
	line-height: 1.2em;
	color: var(--text-color);
}

.icon-footer:last-child {
	margin-right: 0;
}

a.icon-footer {
	border-radius: 30px;
	padding: 10px;
}

.footer-social .icon-footer {
	font-size: 0;
	margin-right: 0;
}

.icon-footer img {
	margin-right: 15px;
}

.footer-social .icon-footer img {
	margin-right: 0;
	width: 36px;
}

.footer-social,
.footer-info {
	-ms-flex-pack: center !important;
	justify-content: center !important;
	align-items: center;
}

a.icon-footer:hover {
	background-color: var(--bg-color);
}

.footer-bar {
	background-color: var(--bg-gray);
	padding: 25px 0;
}

.hidden {
	overflow: hidden;
}

section.hidden {
	width: 100vw;
}

.swiper-container-fade .swiper-slide {
	line-height: 0;
}

.inner-flex {
	padding: 0;
	display: inline-flex;
	align-items: center;
	gap: 20px;
	width: 100%;
	height: 100%;
}

.institucional .header-icone {
	width: 250px;
	height: auto;
	margin: 50px auto;
}

.institucional iframe {
	min-height: 80%;
	min-width: 100%;
	width: 100%;
}
.institucional ol{
    display: block;
	margin-bottom: 1.68em;
	margin-left: 1.26em;
}
.institucional ol li{
	margin-bottom: 1.68em;
	display: list-item;
	list-style-type: decimal;
}
.institucional ol ol{
	margin-bottom: 1.68em;
}
.institucional ol ol li {
	display: list-item;
  list-style-type: upper-roman;
}
.institucional li strong{
	 font-size: var(--font-size-h5);
    margin-bottom: 1em;
    display: block;
}
.institucional ul li, .institucional ul ul li{
	margin-bottom: 1.68em;
	display: list-item;
	list-style-type: initial!important;
}
.institucional p{
	font-size: var(--font-size-h6);
}
.img-full{
	line-height: 0;
}
.xpe-icon{
	position: relative;
	overflow: hidden;
	padding-bottom: 30vw;
}
.xpe-icon:before{
    position: absolute;
    bottom: 0;
    left: 33vw;
    content: "";
    display: block;
    width: 30vw;
    height: 30vw;
    background-image: url(../design/x-xperience.svg);
    background-size: 100%;
    background-position: bottom right;
    background-repeat: no-repeat;
}
.arq{
	border-radius: var(--radius-btn);
	background-color: var(--bg-gray);
	padding: 2em;
	position: relative;
	height: 100%;
}
.arq h2{
	font-size: var(--font-size-h3);
}
.arq h3{
	font-size: var(--font-size-h6);
}
.arq p{
	margin-bottom: 0;
}
.arq .icon-60{
	position: absolute;
	right: 1em;
	top: 1em;
}
.inner-height-25 {
	height: 25vw;
}

.bg-offset-50 {
	position: absolute;
	width: 50vw;
	max-width: 50vw;
	left: 0;
	top: 0;
	margin-right: calc(50% - 50vw);
	background-position: center;
	background-size: cover;
	min-height: 100%;
	display: block;
	z-index: -1;
}

.bg-offset-50.offset-left-50 {
	margin-left: calc(100% - 50vw);
	right: auto;
}
.descricao{
	margin-bottom: .86em;
	margin-top: 1.36em;
	background-color: var(--xpe-color-3);
	color: var(--bg-color);
	padding: .5em 1.2em;
	border: dashed 1px var(--bg-color);
	border-radius: var(--radius-btn);
	display: inline-block;
}
.content-box{
	padding-bottom: 0;
}
.content-box p:last-child{
	margin-bottom: 0;
}
.content-box h2, .content-box h3, .content-box h4, .content-box p{
	margin-bottom: 1rem;
}
.content-box p{
	font-size: var(--font-size-small);
}
.content-box h2{
		font-size: var(--font-size-h3);
		color: var(--xpe-color-1);
	}
.swiper-gallery {
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 60px;
	position: relative;
}
.swiper-gallery .card-box{
	position: relative;
    overflow: hidden;
    padding-bottom: 100%;
}
.swiper-gallery .slider-gallery {
	width: auto;
}

.swiper-gallery-nav{
	display: none;
}
.swiper-gallery-nav .o-swiper-button-next, .swiper-gallery-nav .o-swiper-button-prev{
	position: relative;
	width: 44px;
	height: 44px;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	opacity: 1;
	background-image: url(../design/seta-dark-d.svg);
	background-repeat: no-repeat;
    background-size: 40px;
    background-color: transparent;
	margin: 10px 0 0 0;
}
.swiper-gallery-nav .o-swiper-button-prev{
	background-image: url(../design/seta-dark-e.svg);
}
.swiper-gallery-nav .o-swiper-button-next:hover{
	transform: translateX(5px);
}
.swiper-gallery-nav .o-swiper-button-prev:hover{
	transform: translateX(-5px);
}
.video-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	width: 100%;
  }
.video-container iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  }
/* blog */
.categorias_bullets {
	display: flex;
    flex-wrap: wrap;
}
.categorias_bullets li {
	display: inline-block;
}
.card-flags {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1;
	display: flex;
	gap: 5px;
	align-items: flex-end;
}

.card-flags .card-flag {
	width: 30px;
	height: 30px;
	background-color: var(--bg-color);
	border-radius: 100%;
	display: block;
	text-align: center;
	padding: 7px;
	display: flex;
}

.card-flags .card-flag img {
	width: auto;
	filter: brightness(.7) invert(1);
	margin-right: 5px;
}
.swiper-ofertas-home .swiper-wrapper{
	padding-bottom: 1.5rem !important;
}
.card-box .card-title {
	position: absolute;
	bottom: 0;
	padding: 2em;
	-moz-transition: all .6s cubic-bezier(.23, 1, .32, 1);
	-webkit-transition: all .6s cubic-bezier(.23, 1, .32, 1);
	-o-transition: all .6s cubic-bezier(.23, 1, .32, 1);
	transition: all .6s cubic-bezier(.23, 1, .32, 1);
}
.card-box .card-title h2 {
	font-size: var(--font-size-h3);
	color: var(--bg-color);
	font-weight: 600;
	font-family: var(--font-title);
	line-height: 1em;
	margin-bottom: 0;
}

.card-box .card-image {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0;
	transform: scale(1);
	position: absolute;
	border-radius: var(--radius-ele);
	-moz-transition: all 2s cubic-bezier(.23, 1, .32, 1);
	-webkit-transition: all 2s cubic-bezier(.23, 1, .32, 1);
	-o-transition: all 2s cubic-bezier(.23, 1, .32, 1);
	transition: all 2s cubic-bezier(.23, 1, .32, 1);
	margin-bottom: 0;
}

.card-box .card-image:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
	opacity: .75;
    background: var(--xpe-color-1);
	-moz-transition: all 2s cubic-bezier(.23, 1, .32, 1);
	-webkit-transition: all 2s cubic-bezier(.23, 1, .32, 1);
	-o-transition: all 2s cubic-bezier(.23, 1, .32, 1);
	transition: all 2s cubic-bezier(.23, 1, .32, 1);
}

.card-box .card-image img {
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
	z-index: -1;
	-moz-transition: transform 2s cubic-bezier(.23, 1, .32, 1);
	-webkit-transition: transform 2s cubic-bezier(.23, 1, .32, 1);
	-o-transition: transform 2s cubic-bezier(.23, 1, .32, 1);
	transition: transform 2s cubic-bezier(.23, 1, .32, 1);
}
.swiper-gallery .card-box .card-image{
	padding-bottom: 0;
	line-height: 0;
}
.swiper-gallery .card-box .card-image img{
	position: relative;
}

.card-box:hover .card-image:after,
.slider-gallery.swiper-slide-active .card-box .card-image:after {
	opacity: .30;
}
.slider-gallery.swiper-slide-active .card-box .card-image:after,
.institucional .img-full {
	background: var(--black-color);
}
.card-box:hover .card-title{
	padding-bottom: 3em;
}
.institucional .img-full .swiper img{
	opacity: .70;
}
.gold-border:after,
.slider-gallery.swiper-slide-active .card-box:after {
	height: 5px;
}
.card-box:after,
.gold-border:after {
	display: none;
}
.blocos .row:nth-child(odd){
	flex-direction: row-reverse;
}
.blocos .row{
	padding-top: 2em;
	padding-bottom: 2em;
}
.blocos .row.hr{
	border-bottom: 1px solid #0000002e;
	padding-top: 4em;
	padding-bottom: 4em;
}
.chamada-content{
	padding-top: 8em;
	padding-bottom: 4em;
}
.chamada-content p{
	font-size: var(--font-size-h6);
	line-height: 185%;
}
.chamada-content h1{
	color: var(--xpe-color-1);
	font-size: var(--font-size-h2);
}
.chamada-content h1, .chamada-content h2, .chamada-content h3{
	color: var(--xpe-color-1);
    }
.wp-block-tag-cloud a{
	padding: .25em .5em;
	border-radius: var(--radius-ele);
	background-color: var(--bg-gray);
	color: var(--text-color);
	margin: 0 2px 2px 0;
}
.wp-block-tag-cloud a:hover{
	background-color: var(--xpe-color-3);
	color: var(--bg-color);
}
.content-area ul.wp-block-categories-list,
.content-area ul.wp-block-latest-posts{
	margin: 30px 0;
}
.content-area ul.wp-block-categories-list li,
.content-area ul.wp-block-latest-posts li{
	display: block;
}
.content-area ul.wp-block-categories-list li a,
.content-area ul.wp-block-latest-posts li a{
	font-weight: 500;
	letter-spacing: -0.025em;
	color: var(--text-color);
	padding: .5em .75em;
	border-radius: var(--radius-ele);
	line-height: 1.2em;
	margin: 0;
	position: relative;
	z-index: 10;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	text-align: center;
}
.content-area .tool-bar ul.wp-block-categories-list{
	margin: 0 0 10px 0;
}
.content-area .tool-bar ul.wp-block-categories-list li a {
	margin: 0 2px 2px 0;
	background-color: var(--bg-gray);
}
.content-area .tool-bar ul.wp-block-categories-list li a:hover{
	background-color: var(--xpe-color-3);
	color: var(--bg-color);
}
.content-area ul.wp-block-categories-list li a:hover{
	background-color: var(--bg-gray);
	color: var(--text-color);
}
.card-box .card-tags,
.o-oferta__tags__link {
	font-size: var(--font-size-small);
	color: var(--text-color);
	margin: 0 5px 5px 0;
	background-color: var(--bg-gray);
	display: inline-block;
	padding: .15em .75em;
	border-radius: 20px;
}
a.o-oferta__tags__link:hover{
	background-color: var(--bg-dark-gray);
}
.o-oferta__tags{
	font-size: var(--font-size-small);
	color: var(--text-color);
}
.o-oferta__tags .o-oferta__tags__link{
	margin-right: 0;
}
.posts-home.posts-width .post-box:nth-child(4),
.posts-home.posts-width .post-box:nth-child(5) {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

.posts-home.posts-width .post-box:nth-child(4) .card-box .card-image,
.posts-home.posts-width .post-box:nth-child(5) .card-box .card-image {
	padding-bottom: 65%;
}

.posts-home .card-tags {
	margin-bottom: 0;
}

.xpe_login_form__recovery_pass .input-top,
.JS__login .login-form-xpe .input-top,
.JS__login .login-form-xpe .btn,
.login-form-xpe .input-top,
.login-form-xpe .btn {
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	max-width: 100%;
	width: 100%;
}
.JS__login .login-form-xpe .btn:hover{
	background-color: var(--black-color);
}
.login-form-xpe.login-form-xpe__modal{
padding: 30px 30px 30px 30px;
min-width: 300px;
}

.xpe__modal__opened {
    overflow-y: hidden;
}
.login-form-xpe__modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    display: none;
}
.login-form-xpe__modal--opened {
    display: block;
    z-index: 999;
}
.login-form-xpe__modal__overlay {
    display: none;
}
.login-form-xpe__modal--opened ~ .login-form-xpe__modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 998;
    background-color: #fff;
    opacity: 0.6;
}
.login-form-xpe__modal__close {
	cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.5em;
    line-height: 0.5em;
    font-size: 1.8em;
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.xpe_login_form__recovery_pass .input-top label.error {
    font-size: 0.9em;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-instagram{
	background-color: var(--xpe-color-1)!important;
}
.footer .wp-block-social-links .wp-social-link svg{
	height: 1.2em;
    width: 1.2em;
}
@media (min-width: 768px) {
	
	.logo-parceiros .div{
		display: block;
	}
	.JS__contato .container-menu,
.JS__mobile .container-menu{
	width: 85%;
	max-width: 600px;
	padding-left: 60px;
	padding-right: 60px;
}
	.newsletter .nf-form-content nf-fields-wrap {
		flex-direction: row;
        justify-content: center;
	}
	.p-b {
		padding: 2.5rem !important;
	}
	
	.pt-b,
	.py-b {
		padding-top: 2.5rem !important;
	}
	
	.pr-b,
	.px-b {
		padding-right: 2.5rem !important;
	}
	
	.pb-b,
	.py-b {
		padding-bottom: 2.5rem !important;
	}
	
	.pl-b,
	.px-b {
		padding-left: 2.5rem !important;
	}
.JS__regioes a{
	font-size: var(--font-size-h3);
	padding: 0 30px;
}
	.login-form-xpe {
		margin-top: -35px;
	}

	.mainmenu.desktop,
	.o-header .mainmenu-secundary .menu-item {
		display: inline-flex;
	}

	.o-hamburguer {
		display: none;
	}
	.c-home-title-inner{
		display: block;
	}
	.JS__login .login-form-xpe{
		margin: 0 0 50px auto;
	}
	.xpe-icon{
		position: relative;
		overflow: hidden;
		padding-bottom: 0;
	}
	.xpe-icon:before{
		position: absolute;
		bottom: 0;
		left: -22vw;
		content: "";
		display: block;
		width: 65vw;
		height: 65vw;
		background-image: url(../design/x-xperience.svg);
		background-size: 100%;
		background-position: bottom right;
		background-repeat: no-repeat;
	}
	.JS__menu_regioes_close,
	.JS__menu_contato_close{
		width: 80px;
		height: 80px;
		right: 60px;
		top: 60px;
	}
	
.login-form-xpe .input-top{
	width: 35%;
	margin-bottom: 0;
}

.login-form-xpe .btn{
	width: 25%;
	margin-bottom: 0;
}
.login-form-xpe .btn.forgot{
	width: auto;
	margin-bottom: 0;
	margin-top: 5px;
	margin-right: auto;
}
.xpe_login_form__recovery_pass .input-top,
.xpe_login_form__recovery_pass .btn{
	width: 100%;
	margin-bottom: 10px;
}
.JS__login .login-form-xpe .btn.forgot{
	width: 100%;
}
	.orange-block .img{
		width: auto;
		margin: 0 auto;
	}
	.col-oferta,
	.col-oferta.sem-menu{
		flex: 0 0 auto;
		width: 33.33%;
	}
	
	.c-home__banner_content h1 {
		font-size: var(--font-size-h2);
		width: 40vw;
		text-align: left;
	}

	.posts-home.posts-width .post-box:nth-child(4) {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.posts-home.posts-width .post-box:nth-child(5) {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.posts-home.posts-width .post-box:nth-child(4) .card-box .card-image {
		padding-bottom: 65%;
	}
	.posts-home.posts-width .post-box:nth-child(5) .card-box .card-image {
		padding-bottom: 31.5%;
	}
	.c-home__banner__item.c-home__banner__mobile {
		display: none;
	}
	.c-home__banner__item.c-home__banner__desktop {
		display: block;
		background-position-x: 50%;
		background-position-y: 0%;
	}
	.c-home__banner .swiper-slide.swiper-slide-active .c-home__banner__item.c-home__banner__desktop{
		background-position-x: 50%;
		background-position-y: 100%;
		-webkit-transition:background-position 10s linear;
		-moz-transition:background-position 10s linear;
		-o-transition:background-position 10s linear;
		transition:background-position 10s linear;
	}
}
@media (min-width: 992px) {


	:root{
		--font-size-small: .78rem;
		--font-size-base: .96rem;
		--font-size-h1: 4.86rem;
		--font-size-h2: 3.375rem;
		--font-size-h3: 1.85rem;
		--font-size-h4: 1.66rem;
		--font-size-h5: 1.25rem;
		--font-size-h6: 1rem;
		--font-size-xl: 6rem;
    --font-size-h1-cal: calc(85 * (100vw / 1440));
    --font-size-h2-cal: calc(60 * (100vw / 1440));
    --font-size-h3-cal: calc(45 * (100vw / 1440));
    --font-size-h4-cal: calc(35 * (100vw / 1440));
	}
	.swiper-gallery .card-box{
		position: relative;
		overflow: hidden;
		padding-bottom: 70%;
	}
	.blocos .row, .blocos .row.hr{
		padding-top: 6em;
		padding-bottom: 6em;
		border-bottom: none;
	}

.py-4 {
	padding-bottom: 4rem !important;
	padding-top: 4rem !important;
}

.py-6 {
	padding-bottom: 6rem !important;
	padding-top: 6rem !important;
}

.py-8 {
	padding-bottom: 8rem !important;
	padding-top: 8rem !important;
}
	.swiper-gallery .swiper-pagination-bullets{
		display: none;
	}
	.swiper-gallery-nav{
		display: flex;
		justify-content: space-between;
		padding: 0;
		z-index: 10;
		width: 120px;
		height: 50px;
		margin: 0 auto;
	}
	.swiper-gallery{
		padding-bottom: 0;
	}
	.content-box{
		padding-left: 20px;
		padding-right: 2em;
		padding-bottom: 0;
	}
	.content-box h2, .content-box p{
		margin-bottom: 1rem;
	}

	.blocos .row:nth-child(odd) .content-box{
		padding-left: 2em;
		padding-right: 20px;
	}
	.p-b {
		padding: 3.5rem !important;
	}
	
	.pt-b,
	.py-b {
		padding-top: 3.5rem !important;
	}
	
	.pr-b,
	.px-b {
		padding-right: 3.5rem !important;
	}
	
	.pb-b,
	.py-b {
		padding-bottom: 3.5rem !important;
	}
	
	.pl-b,
	.px-b {
		padding-left: 3.5rem !important;
	}
	.oferta .o-title.o-title__filters {
		margin-bottom: .5em;
		margin-right: auto;
		margin-top: 0;
	  }
	.o-filters__container{
		display: inherit
	}
	.o-filters__container .o-list__filters{
		width: 100%;
	padding: 0;
	margin: 0;
	white-space: inherit;
	display: inherit;
	}
	.o-list_item__link {
		text-decoration: none;
		display: block;
		padding: .5em 0;
		color: var(--text-color);
		border-bottom: 1px solid rgba(0, 0, 0, .1);
	}
	.content-area ul li.o-list_item{
		margin-bottom: 0;
		display: block;
	}
	.o-list_item:last-child .o-list_item__link{
		border-bottom: none;
	}
	.hidden-mobile{
		visibility: visible;
		display: initial;
	}
	.col-oferta,
	.col-oferta.sem-menu{
		flex: 0 0 auto;
		width: 33.33%;
	}
.p-b {
	padding: 5rem !important;
}

.pt-b,
.py-b {
	padding-top: 5rem !important;
}

.pr-b,
.px-b {
	padding-right: 5rem !important;
}

.pb-b,
.py-b {
	padding-bottom: 5rem !important;
}

.pl-b,
.px-b {
	padding-left: 5rem !important;
}
	.c-home__banner .swiper-container .swiper-pagination-bullets {
		width: auto;
		margin: 0 auto;
		padding: 0 0 15px 30px;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 20px!important;
		text-align: center !important;
		border-radius: 0;
		line-height: 0;
	}


	.swiper-navigation {
		display: flex;
		visibility: visible;
	}
	
.inner-flex {
	padding: 30px;
	display: inline-flex;
	align-items: center;
	gap: 30px;
	width: 100%;
	height: 100%;
}
	.login-form-xpe {
		padding: 40px 50px;
	}
	.login-form-xpe .top-login{
		display: block;
	}
	.login-form-xpe label, .login-form-xpe .top-login-input{
		width: 100%;
	}
	.login-form-xpe label{
		text-align: left;
	}
	.login-form-xpe .input-top{
		width: 240px;
		margin-right: 10px;
		margin-left: 0;	
	}
	.login-form-xpe .btn{
		width: auto;
	}
	.login-form-xpe.page-login .btn.btn.btn-forgot{
		margin: 5px auto 0;
	}
	.xpe_login_form__recovery_pass .input-top,
	.xpe_login_form__recovery_pass .btn{
		margin-bottom: 10px;
		margin-right: auto;
		margin-left: auto;
		max-width: 100%;
		width: 100%;
}

}

@media (min-width: 1200px) {
		:root{
		--font-size-small: .78rem;
		--font-size-base: .96rem;
		--font-size-h1: 5.16rem;
		--font-size-h2: 4.375rem;
		--font-size-h3: 2.85rem;
		--font-size-h4: 2rem;
		--font-size-h5: 1.75rem;
		--font-size-h6: 1.125rem;
		--font-size-xl: 6rem;
    --font-size-h1-cal: calc(85 * (100vw / 1440));
    --font-size-h2-cal: calc(60 * (100vw / 1440));
    --font-size-h3-cal: calc(45 * (100vw / 1440));
    --font-size-h4-cal: calc(35 * (100vw / 1440));
	}
	.content-box p{
		font-size: var(--font-size-base);
	}
.mainmenu .menu .sub-menu,
.mainmenu-secundary .menu .sub-menu {
	display: block;
	visibility: hidden;
	position: absolute;
	top: 35px;
	opacity: 0;
	left: 0;
	line-height: 1em;
	width: 280px;
	background-color: var(--bg-color);
	padding: 1em;
	border-radius: 0 0 6px 6px;
  }
  .mainmenu .menu li:hover .sub-menu,
  .mainmenu-secundary .menu li:hover .sub-menu {
	top: 45px;
  }
	.p-b {
		padding: 3.5rem !important;
	}
	
	.pt-b,
	.py-b {
		padding-top: 3.5rem !important;
	}
	
	.pr-b,
	.px-b {
		padding-right: 3.5rem !important;
	}
	
	.pb-b,
	.py-b {
		padding-bottom: 3.5rem !important;
	}
	
	.pl-b,
	.px-b {
		padding-left: 3.5rem !important;
	}
	.o-title.big {
		font-size: var(--font-size-xl);
	}
	.col-oferta{
		flex: 0 0 auto;
		width: 33.33%;
	}
	.col-oferta.sem-menu{
		flex: 0 0 auto;
		width: 25%;
	}

.p-b {
	padding: 5.5rem !important;
}

.pt-b,
.py-b {
	padding-top: 5.5rem !important;
}

.pr-b,
.px-b {
	padding-right: 5.5rem !important;
}

.pb-b,
.py-b {
	padding-bottom: 5.5rem !important;
}

.pl-b,
.px-b {
	padding-left: 5.5rem !important;
}


	.swiper-button-container {
		bottom: 50%;
        width: 250px;
        left: auto;
	}

	.posts-home.posts-width .post-box:nth-child(4),
	.posts-home.posts-width .post-box:nth-child(5) {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.posts-home.posts-width .post-box:nth-child(4) .card-box .card-image,
	.posts-home.posts-width .post-box:nth-child(5) .card-box .card-image {
		padding-bottom: 50%;
	}
}

@media (min-width: 1400px) {
	.p-b {
		padding: 4.5rem !important;
	}
	
	.pt-b,
	.py-b {
		padding-top: 4.5rem !important;
	}
	
	.pr-b,
	.px-b {
		padding-right: 4.5rem !important;
	}
	
	.pb-b,
	.py-b {
		padding-bottom: 4.5rem !important;
	}
	
	.pl-b,
	.px-b {
		padding-left: 4.5rem !important;
	}
	.col-oferta{
		flex: 0 0 auto;
		width: 25%;
	}
	.col-oferta.sem-menu{
		flex: 0 0 auto;
		width: 20%;
	}

.p-b {
	padding: 6rem !important;
}

.pt-b,
.py-b {
	padding-top: 6rem !important;
}

.pr-b,
.px-b {
	padding-right: 6rem !important;
}

.pb-b,
.py-b {
	padding-bottom: 6rem !important;
}

.pl-b,
.px-b {
	padding-left: 6rem !important;
}

}