/*
 Theme Name: Pasteur
 Author: 14bits
 Version: 1.0
 */

/* -------------------------------------------------------------------------- */

/*	0. CSS Reset
/* -------------------------------------------------------------------------- */
html,
body {
	border: none;
	margin: 0;
	padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
address,
big,
cite,
code,
em,
font,
img,
small,
strike,
sub,
sup,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tr,
th,
td {
	border: none;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
	padding: 0;
	text-align: inherit;
}

blockquote::before,
blockquote::after {
	content: "";
}

/* ----------------------------------------------------------------------------------------------------
 Super Form Reset
 A couple of things to watch out for:
 - IE8: If a text input doesn't have padding on all sides or none the text won't be centered.
 - The default border sizes on text inputs in all UAs seem to be slightly different. You're better off using custom borders.
 - You NEED to set the font-size and family on all form elements
 - Search inputs need to have their appearance reset and the box-sizing set to content-box to match other UAs
 - You can style the upload button in webkit using ::-webkit-file-upload-button
 - ::-webkit-file-upload-button selectors can't be used in the same selector as normal ones. FF and IE freak out.
 - IE: You don't need to fake inline-block with labels and form controls in IE. They function as inline-block.
 - By turning off ::-webkit-search-decoration, it removes the extra whitespace on the left on search inputs
 ----------------------------------------------------------------------------------------------------*/

input,
label,
select,
button,
textarea
{
	margin:0;
	border:0;
	padding:0;
	display:inline-block;
	vertical-align:middle;
	white-space:normal;
	background:none;
	line-height:1;
	
	/* Browsers have different default form fonts */
	font-size:13px;
	font-family:Arial;
}

/* Remove the stupid outer glow in Webkit */
input:focus
{
	outline:0;
}

/* Box Sizing Reset
 -----------------------------------------------*/

/* All of our custom controls should be what we expect them to be */
input,
textarea
{
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}

/* These elements are usually rendered a certain way by the browser */
button,
input[type=reset],
input[type=button],
input[type=submit],
input[type=checkbox],
input[type=radio],
select
{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/* Text Inputs
 -----------------------------------------------*/

input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week]
{
}

/* Button Controls
 -----------------------------------------------*/

input[type=checkbox],
input[type=radio]
{
	width:13px;
	height:13px;
}

/* File Uploads
 -----------------------------------------------*/

input[type=file]
{

}

/* Search Input
 -----------------------------------------------*/

/* Make webkit render the search input like a normal text field */
input[type=search]
{
	-webkit-box-sizing:content-box;
	-webkit-appearance: none;
	border-radius: 0;
}

/* Turn off the recent search for webkit. It adds about 15px padding on the left */
::-webkit-search-decoration
{
	display:none;
}

/* Buttons
 -----------------------------------------------*/

button,
input[type="reset"],
input[type="button"],
input[type="submit"]
{
	/* Fix IE7 display bug */
	overflow:visible;
	width:auto;
	-webkit-appearance: none;
	border-radius: 0;
}

/* IE8 and FF freak out if this rule is within another selector */
::-webkit-file-upload-button
{	
	padding:0;
	border:0;
	background:none;
}

/* Textarea
 -----------------------------------------------*/

textarea 
{
	/* Move the label to the top */
	vertical-align:top;
	
	/* Turn off scroll bars in IE unless needed */
	overflow:auto;
}

/* Selects
 -----------------------------------------------*/

select[multiple] 
{
	/* Move the label to the top */
	vertical-align:top;
}

html,
body {
	display: flex;
  flex-direction: column;
  min-height: 100vh;
	font-family: "latoregular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	color: #35383c;
}

.menu-open {
	overflow: hidden;
}

a {
	color: #35383c;
  text-decoration: none;
}

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

.main-container > section h2 {
	line-height: 1;
}

.main-container > section,
#post-page > :nth-child(2),
.contact .guide2  {
	margin-top: 82px;
}

.main-container > section:last-child,
#post-page > :last-child  {
	margin-bottom: 82px;
}

.main-container figure{
	margin: 0;
}

.guide1 {
	max-width: 1274px;
	margin: 0 auto;
}

.guide2 {
	max-width: 940px;
	margin: 0 auto;
}

.guide3 {
	max-width: 625px;
	margin: 0 auto;
} 

.full-width {
	width: 100%;
	background-color: #f9f9f9;
}

.featured-img img {
	width: 100%;
}

h2,
h3 {
	color: #33348e;
	font-family: "poppinsblack", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	text-align: center;
}

h2,
h2.page-title {
	font-size: 2.9rem;	
	margin-bottom: 24px;
	line-height: 1;
}

h3 {
	font-size: 2.6rem;
	line-height: 1;
}

p,
.produtos-gallery span,
.home #n2-ss-3 .slider-base-text a,
.home #n2-ss-4 .slider-base-text a,
.home #n2-ss-5 .slider-base-text a,
.our-solutions .solution-item h3,
#post-page p,
#post-page ul,
.privacidade ul,
.list-topics li, 
.maos-produtos li  { font-size: 1.2rem; }

.home .pillar h3,
.company .steps h3,
.company .our-values-item h3 { font-size: 1.6rem; }

.our-brands .desc-brand p,
.our-brands .brand .guide2 p {
	font-size: 1.2rem;
}


.products > :nth-child(3),
.linha > :nth-child(3),
.clients > :nth-child(3),
.blog .grid-post {
	margin-top: 30px;
}

.product-child .grid-cosmetic {
	margin-top: 82px;
}

/* Fonts ------------------------------------- */

/* -------------------------------------------------------------------------- */
@font-face {
	font-family: 'poppinsregular';
	src: url('./assets/fonts/poppins-regular-webfont.woff2') format('woff2'),
			 url('./assets/fonts/poppins-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}
@font-face {
	font-family: 'poppinsmedium';
	src: url('./assets/fonts/poppins-medium-webfont.woff2') format('woff2'),
			 url('./assets/fonts/poppins-medium-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'poppinsbold';
	src: url('./assets/fonts/poppins-bold-webfont.woff2') format('woff2'),
			 url('./assets/fonts/poppins-bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'poppinsblack';
	src: url('./assets/fonts/poppins-black-webfont.woff2') format('woff2'),
			 url('./assets/fonts/poppins-black-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'latoregular';
	src: url('./assets/fonts/lato-regular-webfont.woff2') format('woff2'),
			 url('./assets/fonts/lato-regular-webfont.woff') format('woff');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'latobold';
	src: url('./assets/fonts/lato-bold-webfont.woff2') format('woff2'),
			 url('./assets/fonts/lato-bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

/* -------------------------------------------------------------------------- */
/*	. Site Header
/* -------------------------------------------------------------------------- */
#site-header {
	width: 100%;
	height: 148px;
	font-family: "poppinsmedium", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	white-space: nowrap;
	position: relative;
}

#pasteur {
	margin-top: 62px;
	display: inline-block;
	vertical-align: top;
}

#pasteur a {
	display: inline-block;
	background-image: url(./assets/images/pasteur.svg);
	background-repeat: no-repeat;
	background-size: cover;
	text-indent: -99999px;
	width: 124px;
	height: 73px;
}

.main-nav {
	display: inline-block;
	margin: 86px 0 0 92px;
}

.main-nav li {
	display: inline-block;
	margin-right: 30px;
	text-transform: lowercase;
	font-size: 1.13em;
}

.main-nav li.current_page_item a,
.main-nav li.current-page-ancestor a,
.main-nav li a:hover {
	color: #81c4ce;
}

.main-nav .menu-main-menu-container {
	display: inline-block;
}

.wpm-language-switcher,
.wpm-language-switcher li {
	display: inline-block;
	margin-right: 0px !important;
	text-transform: uppercase;
}

.wpm-language-switcher a {
	color: #33348e;
}

.wpm-language-switcher span {
	color: #81c4ce;
}

.wpm-language-switcher li:last-child span {
	display: none;
}

.social-mobile {
	display: none;
}

#hamburger-btn {
	width: 38px;
  height: 30px;
	position: absolute;
	top: 33px;
	left: calc(100% - 72px);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
	display: none;
}

#hamburger-btn span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #000;
  border-radius: 5px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#hamburger-btn span:nth-child(1) { top: 0px; }
#hamburger-btn span:nth-child(2), #hamburger-btn span:nth-child(3) { top: 12px; }
#hamburger-btn span:nth-child(4) { top: 24px; }
#hamburger-btn.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#hamburger-btn.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#hamburger-btn.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
	top: 12px;
}

#hamburger-btn.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.text-slider {
	color: #35383c;
	font-family: "poppinsblack", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}

/* -------------------------------------------------------------------------- */
/*	. Templates
/* -------------------------------------------------------------------------- */
/* featured-banner */
.featured-banner {
	position: relative;
	color: #35383c;
}

.featured-banner img {
	width: 100%;
}

.featured-banner .banner-text {
	position: absolute;
	top: 43%;
	left: 80px;
	max-width: 520px;
}

.featured-banner h1 {
	font-size: 2.8em;
	font-family: "poppinsblack", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	line-height: 1.2em;
}

.featured-banner p {
	font-size: 1.8em;
	line-height: 1.3em;
}

.company .featured-banner,
.products .featured-banner,
.repelentes .featured-banner,
.demaquilantes .featured-banner,
.tratamentos .featured-banner {
	color: #fff;
}

/* Media Text */
.media-text h3 {
	margin-top: -50px;
	margin-bottom: 18px;
	text-align: left;
	line-height: 1.3;
	font-family: "poppinsblack", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}

.media-text .t-mobile { display: none; }

.media-text > div {
	display: grid;
	grid-template-columns: 50% 1fr;
	grid-template-rows: auto;
	padding-top: 40px;
}

.media-text .left-image,
.media-text .right-image {
	grid-column: 1;
	grid-row: 1;
	position: relative;
}

.media-text .left-image img,
.media-text .right-image img  {
	position: relative;
}

.media-text .left-image .rect-image,
.media-text .right-image .rect-image {
	background-color: #82c5cf;
	width: 100%;
	height: 100%;
	position: absolute;
	top: -40px;
	left: -40px;
}

.media-text .right-image .rect-image {
	max-width: 460px;
	max-height: 460px;
}

.media-text .left-text, 
.media-text .right-text {
	grid-column: 1;
	grid-row: 1;
	align-self: center;
	padding-right: 10px;
}

.media-text .right-text {
	grid-column: 2;
	padding-right: 0px;
	padding-left: 10px;
}

.media-text .right-image {
	grid-column: 2;
} 

.media-text .right-image .rect-image {
	left: 40px;
}

.media-text .button-base {
	margin-top: 34px;
}

/* brand block */
.brand-block {
	margin-bottom: 50px;
}

.brand-block h2 {
	margin-bottom: 64px;
}

.brand-block p {
	font-size: 1.13em;
	padding-right: 1.5rem;
}

.brand-block strong {
	font-size: 1.22em;
}

.brand-block .brand {
	font-family: "latoregular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}

.brand-block .brand strong {
	font-family: "latobold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}

.brand-block .brand figure {
	background-color: #f5f3f4;
	height: 308px;
	position: relative;
	vertical-align: middle;
	margin-bottom: 18px;
}

.brand-block .brand figure img {
	margin: 0;
  position: absolute;
	max-width: 90%;
  top: 50%;
	left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* Button base */
.button-base {
	border: 2px solid #33348e;
	display: inline-block;
	text-align: left;
}
.button-base a,
.home #n2-ss-3 .slider-base-text a,
.home #n2-ss-4 .slider-base-text a,
.home #n2-ss-5 .slider-base-text a {
	font-family: "poppinsbold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	color: #33348e;
	cursor: pointer;
	padding: 14px 20px;
	display: block;
}

/* Button Link contato */
.wp-block-button.btn-contact {
	margin: 0 auto;
	max-width: 504px;
}

.btn-contact a,
#post-page .btn-contact a {
	font-size: 1.4em;	
	color: #33348e;
	font-family: "latobold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	background-color: #f9f9f9;
	padding: 0;
	min-height: 96px;
	position: relative;
}

#post-page p a {
	background-color: #c8eae5;
	padding: 0 5px;
}

#post-page p a:hover {
	background-color: #33348e;
	color: #fff;
	transition: all .2s;
}

.btn-contact a span {
	color: #33348e;
}

.btn-contact img {
	display: inline-block;
	vertical-align: middle;
}

.btn-contact span {
	display: inline-block;
	text-align: center;
	max-width: 63%;
	vertical-align: middle;
	margin: 20px 0;
	padding-left: 20px;
}

/* Product Gallery */
.produtos-gallery  {
	overflow: hidden;
}

.produtos-gallery figcaption{
	position: relative;
	pointer-events: none;
	/* height: 50px; */
	padding: 0;
	z-index: 10;
}

.produtos-gallery span {
	display: block;
	/* position: absolute; */
	line-height: 1;
	text-align: center;
	width: 100%;
	font-family: "poppinsblack", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	margin-top: 16px;
	margin-bottom: 10px;
	padding: 0 10px;
  box-sizing: border-box;
}

.produtos-gallery .shadow {
	background-color: #33348e;
	height: 100%;
	bottom: 0px;
	left: 0px;
	opacity: 90%;
	margin: 0;
	position: absolute;
	z-index: -1;
	padding: 0;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
	padding: 0;
	overflow: hidden;
}

.home .wp-block-columns {
	gap: 1.2em;
}

.products .wp-block-columns {
	gap: .5em;
}

.grid-post {
	display: flex;
	flex-wrap: wrap;
  gap:36px 20px; /* row-gap column gap */
	margin: 104px auto;
}

.grid-post li {
	max-width: 300px;
}

.grid-post li img {
	margin-bottom: 10px;
}

.grid-post h5 {
	font-family: "latobold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.125em;
	line-height: 1;
}

.grid-post time {
	margin-top: 14px;
	font-size: 0.9375em;
	display: block;
}

.no-pagination {
	display: none;
}

.found-items {
	font-size: 1.2em;
	margin-top: 20px;
	font-family: "latoregular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}

.grid-cosmetic .wp-block-columns {
	margin: 5px auto 0;
	gap: 0;
	text-align: center;
}

.grid-cosmetic figcaption {
	margin-top: 5px;
	margin-bottom: 0;
	text-align: center;
	font-size: 1.2rem;
}

.grid-cosmetic figcaption img {
	width: 180px;
}

.grid-cosmetic figure img {
	transform: scale(.80);
}

.grid-cosmetic .itens6 {
	max-width: 766px;
	flex-wrap: wrap!important;
	justify-content:center;
}

.grid-cosmetic .itens6 div.wp-block-column {
	flex-basis:auto;
	flex-grow: 0;
	width: 25%;
}

.grid-cosmetic .itens6 div:nth-child(5),
.grid-cosmetic .itens6 div:nth-child(6) {
	margin-top: 20px;
}

.grid-cosmetic .itens4 {
	max-width: 766px;
}

.grid-cosmetic .itens3 {
	max-width: 566px;
}

.grid-cosmetic .itens3 div:last-child {
	width: 176px;
}

.grid-cosmetic .itens2 {
	max-width: 375px;
}

/* -------------------------------------------------------------------------- */
/*	. Home
/* -------------------------------------------------------------------------- */
.home #n2-ss-3 .slider-base-text,
.home #n2-ss-4 .slider-base-text,
.home #n2-ss-5 .slider-base-text  {
	margin-left: 50px;
}

.home #n2-ss-3 .n2-ss-layer-col,
.home #n2-ss-4 .n2-ss-layer-col,
.home #n2-ss-5 .n2-ss-layer-col {
	padding: 0;
	margin: 2px;
}

.home #n2-ss-3 .slider-base-text h2,
.home #n2-ss-4 .slider-base-text h2,
.home #n2-ss-5 .slider-base-text h2 {
	line-height: 1.3em;
}

.home #n2-ss-3 .slider-base-text a,
.home #n2-ss-4 .slider-base-text a,
.home #n2-ss-5 .slider-base-text a {
	margin-top: 9%;
}

.home .full-width {
	padding: 78px 0 62px;
}

.home .pillar {
	display: inline-block;
	width: 33%;
	text-align: center;
	vertical-align: top;
}

.home .pillar > div {
	max-width: 65%;
	margin: 0 auto;
}

.home .pillar h3 {
	margin: 22px 0 6px;
}

.home .our-products .block-text {
	margin-bottom: 32px;
}

.home .our-values p {
	text-align: center;
	margin-bottom: 2.2em;
}

.home .brand a {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.home section.recent-post {
	text-align: center;
	padding-bottom: 78px;
	margin-top: 0;
	margin-bottom: 0!important;
}
.home .recent-post {
	padding-top: 62px;
}

.home .recent-post ul{
	text-align: left;
}

.home .grid-post {
	margin-top: 0;
	margin-bottom: 58px;
}

.home .grid-post h5 {
	font-family: "latoregular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.125em;
	line-height: 1.2em;
}

.home .grid-post li img {
	margin-bottom: 16px;
}

.home .read-more {
	display: inline-block;
	background-color: #33348e;
	margin-top: 20px;
	padding: 5px 12px;
	color: #fff;
	font-family: "latobold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	text-align: center;
}

.n2-ss-slider .n2-ss-layer {
	--ssfont-scale: 1!important;
}


/* -------------------------------------------------------------------------- */
/*	. Page Empresa
/* -------------------------------------------------------------------------- */
.company .steps {
	text-align: center;
	gap: 0;
	padding: 68px 0 50px;
	margin-bottom: 0;
	box-sizing:content-box;
}

.company .steps > div {
	border-right: 2px solid #90d2d4;
	padding: 0 35px;
}

.company .steps > div:last-child {
	border-right: 0;
}

.company .steps h3 {
	line-height: 1;
	white-space: nowrap;
	margin-bottom: 10px;
}

.company .steps p {
	line-height: 1.2;
	font-family: "poppinsregular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}

.company .our-values h2.page-title {
	margin-bottom: 40px;
}

.company .our-values-item {
	margin-bottom: 40px;
}

.company .our-values-item:last-child {
	margin-bottom: 0px;
}

.company .our-values-item h3 {
	margin-bottom: 2px;
	text-align: left;
	line-height: 1;
	font-family: "poppinsblack", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}

.company .our-values-item figure {
	text-align: center;
}

.company .our-values-item img {
	width:auto;
	max-width: 100%;
}

.company .gallery-company {
	position: relative;
	max-width: 1100px;
}

.company .gallery-company figure {
	/* margin-right: 0 !impo;*/
	gap: 0;
}

.company .gallery-company .swiper-button-prev,
.company .gallery-company .swiper-button-next {
	color: #6da4ad;
}

.company .swiper-wrapper {
	flex-wrap: nowrap;
	width: 940px;
}

.company .gallery-company img {
	cursor: pointer;
}

#overlay-gallery {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1200000;
	visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
}

#overlay-gallery.show {
	visibility: visible;
  opacity: 1;
}

#overlay-gallery .swiper-wrapper {
	width: 100%;
	text-align: center;
}

#overlay-gallery .overlay-bg {
	background-color: #000;
	opacity: 0.95;
	width: 100vw;
	height: 100vh; 
	position: absolute;
} 

#overlay-gallery .swiper-slide {
	position: relative;
}
#overlay-gallery img {
	max-height: 80vh;
	max-width: calc(100% - 90px);
  position: absolute;
  top: 50%;
	left: 50%;;
  transform: translate(-50%, -50%);
}

#bt-close-gallery {
	position: absolute;
	top: 10px;
	left: calc(100% - 50px);
	font-size: 3em;
	color: #fff;
	z-index: 12000001;
	font-family: "poppinsregular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	cursor: pointer;
	-webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

/* -------------------------------------------------------------------------- */
/*	. Page Nossas Solucoes
/* -------------------------------------------------------------------------- */
.our-solutions .solution-item {
	background-color: #f5f4f4;
	width: 100%;
	max-width: 970px;
	margin: 0 auto 50px;
	padding: 10px 40px;
}

.our-solutions > :nth-child(3) {
	margin-top: 50px;
}

.our-solutions .solution-item h3 {
	color: #33348e;
	font-family: "poppinsmedium", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	line-height: 1.3;
	display: inline-block;
	width: 78%;
	vertical-align: middle;
	white-space: initial;
	text-align: left;
}

.our-solutions .solution-item:nth-child(even) figure {
	margin-left: 10px;
	margin-right: 10px;
	text-align: left;
}

.our-solutions .solution-item:nth-child(even) h3 {
	text-align: right;
	width: 77%;
}

.our-solutions .solution-item > div {
	height: 100%;
	white-space: nowrap;
}

.our-solutions .solution-item figure {
	display: inline-block;
	vertical-align: middle;
	width: 19%;
	white-space: initial;
	text-align: right;
}

.brand-block h2{
	margin-bottom: 40px;
}

.our-solutions .brand figure {
	background-color: #fff;
	height: 120px;
	margin-bottom: 52px;
}

.our-solutions .solution-item img {
	transform: scale(.80);
}

.our-solutions .brand:last-child figure{
	margin: 10px 0 42px;
}
/* -------------------------------------------------------------------------- */
/*	. Page Produtos
/* -------------------------------------------------------------------------- */
.protetores .featured-banner {
	color: #fff;
}

.list-topics,
.maos-produtos {
	text-align: center;
}

.maos-produtos h4 {
	font-size: 2em;
	font-family: "latobold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}

.list-topics ul:last-child,
.maos-produtos ul:last-child {
	margin-bottom: 0px;
}

.list-topics ul {
	margin-top: 20px;
}

.list-topics li {
	margin-bottom: 6px;
}

.list-topics li:last-child {
	margin-bottom: 0px;
}

.factors ul {
	display: flex;
	justify-content: space-around; 
	width: 101%;
	max-width: 750px;
	margin: 28px auto;
}

.factors ul li img {
	/* max-width: 90px; */
}

.block-blue {
	background-color: #33348e;
	max-width: 680px;
}

.block-blue p {
	text-align: center;
	font-size: 1.4rem;
	color: #fff;
	font-family: "latobold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	padding: 28px 10px;
}

.produtos-gallery.wp-block-gallery.has-nested-images {
	justify-content: center;
}

.produtos-gallery.wp-block-gallery.has-nested-images figure.wp-block-image  {
	flex-grow: 0;
	justify-content: center;
}

.tratamentos .featured-banner .banner-text,
.limpadores .featured-banner .banner-text,
.tonificantes .featured-banner .banner-text { 
	max-width: 580px;
}

.our-solutions .featured-banner .banner-text { 
	max-width: 420px;
}

.hidratantes section p {
	text-align: center;
	margin-top: 16px;
}

.hidratantes section p:last-child {
	margin-top: 22px;
}

.list-topics ul,
.maos-produtos ul,
.repelentes section p,
.desodorantes section:not(:first-child) p {
	margin-top: 20px;
}

.hidratantes .full-width {
	background-color: #d7e6e9;
}

.hidratantes .topics-skin section {
	margin-top: 50px;
}

.hidratantes .topics-skin section:nth-child(even) .guide2 {
	padding: 56px 0;
}

.acneica .featured-banner .banner-text {
	top: 24%;
	/* max-width: 600px; */
}

.acneica .featured-banner h1 {
	max-width: 485px;
}

/* -------------------------------------------------------------------------- */
/*	. Page Nossas Marcas
/* -------------------------------------------------------------------------- */
.our-brands section {
	margin-top: 68px;
}

.our-brands section:last-child {
	margin-top: 102px;
}

.our-brands .desc-brand img {
	max-width: 112px;
	height: auto;
}

.our-brands .desc-brand p,
.our-brands .desc-brand div div{
	display: inline-block;
	vertical-align: middle;
}

.our-brands .desc-brand p {
	width: calc(100% - 130px);
	margin-left: 10px;
}

.our-brands .desc-brand figure:first-child img {
	margin-bottom: 24px;
}

.our-brands .brand .guide2 {
	padding: 24px 0;
}

.our-brands .brand .brand-kilt {
	padding: 35px 0;
}

.our-brands .brand .guide2 > div {
	white-space: nowrap;
}

.our-brands .brand .guide2 p {
	white-space: initial
}

.our-brands .brand .guide2 figure,
.our-brands .brand .guide2 p {
	display: inline-block;
	width: 50%;
	vertical-align: middle;
	text-align: center;
}

.our-brands .brand .guide2 figure img {
	transform: scale(.80);
}

.our-brands .brand .guide2 p {
	text-align: right;
}

.our-brands .brand-white {
	background-color: #fff;
}

.our-brands .brand-white .guide2 {
	padding: 0
}

.our-brands .brand-white .guide2 p {
	text-align: left;
}

.maos-produtos h4 {
	margin-top: 28px;
}

.maos-produtos ul {
	margin-top: 10px;
}

/* -------------------------------------------------------------------------- */
/*	. Page Clientes
/* -------------------------------------------------------------------------- */
.clients .list-clients {
	text-align: center;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.clients .list-clients li {
	display: inline-block;
	margin: 0 30px 14px 0;
	vertical-align: middle;
	width: 150px;
}

.clients .list-clients li img {
	max-width: 150px;
}
/* -------------------------------------------------------------------------- */
/*	. Page Blog
/* -------------------------------------------------------------------------- */
.blog .featured-banner p {
	color: #35383c;
}

.blog input[type='search'] {
	font-family: "latoregular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	color: #35383c;
	font-size: 1.3em;
	box-sizing: border-box;
	height: 56px;
	border: 2px solid #33348e;
	padding: 12px 20px;
	outline: none;
}

.blog input[type='search']::placeholder {
  color: #35383c;
  opacity: 1; /* Firefox */
}
.blog input[type='search']:-ms-input-placeholder {
	color: #35383c;
}
.blog input[type='search']::-ms-input-placeholder {
	color: #35383c;
}

.blog button {
	background-color: #33348e;
	text-indent: -999999px;
	width: 66px;
	box-sizing: border-box;
	margin-left:0px;
	border: 2px solid #33348e;
	cursor: pointer;
	background-image: url(./assets/images/icon-lupa.png);
	background-repeat: no-repeat;
	background-position: center;
}

.post-nav-container div {
	font-family: "latobold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.375em;
	text-align: center;
}

.post-nav-container > p {
	font-size: 0.9375em;
	text-align: center;
	margin-top: 16px;
}

#post-page h1,
#post-page h2,
#post-page h3,
#post-page h4,
#post-page h5,
#post-page h6,
#post-page p,
#post-page ul,
.privacidade ul,
#post-page figure,
#post-page figcaption,
#post-page img {
	max-width: 940px;
	margin: 0 auto;
	margin-top: 28px;
	text-align: left;
	line-height: 1.3em;
}

#post-page .featured-banner figure,
#post-page .featured-banner img {
	max-width: 100%;
	margin-top: 0px;
}

#post-page img {
	margin-top: 0px;
}



#post-page figcaption,
#post-page .featured-banner .wp-block-group__inner-container p {
	margin-top: 20px;
	font-size: 22px;
	line-height: 1em;
	color: #35383c;
}

#post-page figcaption { width: 100%!important; margin-top: 15px;}

#post-page .featured-banner .wp-block-group__inner-container p,
#post-page .featured-banner .wp-block-group__inner-container div {
	display: inline-block;
	margin-top: 0;
	vertical-align: middle;
}

#post-page .featured-banner .wp-block-group__inner-container p {
	width: auto!important;
	max-width: auto!important;
}

#post-page .featured-banner .wp-block-group__inner-container a {
	margin-left: 15px;
}

#post-page .featured-banner div.wp-block-group {
	position: absolute;
  left: 50%; 
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100%;
	max-width: 940px;
	text-align: right;
	margin-top: 10px;
}

#post-page p,
#post-page ul,
.privacidade ul {
	line-height: 1.2em;
}

#post-page > p a,
#post-page  ul a {
	color: #33348e;
}

#post-page ul,
#post-page ul li,
.privacidade ul,
.privacidade ul li {
	margin-top: 20px;
}

#post-page ul,
.privacidade ul {
	list-style-type: disc;
	padding-left: 50px;
}

#post-page ul ul,
.privacidade ul ul {
	list-style-type: circle;
}

/* -------------------------------------------------------------------------- */
/*	. Page Contato
/* -------------------------------------------------------------------------- */
.contact .featured-banner p {
	color: #35383c;
}

.contact .guide2 {
	max-width: 858px;
}

.contact .wpcf7-text,
.contact .wpcf7-textarea,
.contact .split select {
	font-family: "latoregular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	color: #35383c;
	font-size: 1.25rem;
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 20px;
	border: 2px solid #9394c2;
	padding: 12px 20px;
	outline: none;
}

.contact .invalid .wpcf7-not-valid,
.contact .invalid .accept-terms .wpcf7-not-valid .wpcf7-list-item span {
	border: 4px solid #aa3232;
}

.contact .invalid .accept-terms .wpcf7-not-valid .wpcf7-list-item span {
	margin-top: -5px;
}

.contact .wpcf7-text:focus,
.contact .wpcf7-textarea:focus {
	border: 2px solid #9394c2;
}

.contact .wpcf7-textarea {
	height: 230px;
	margin-bottom: 14px;
}

.contact .split input,
.contact .split select {
	width: 48%;
	display: inline-block;
	margin-right: 4%;
}

.contact input::placeholder,
.contact textarea::placeholder {
  color: #35383c;
  opacity: 1; /* Firefox */
}
.contact input:-ms-input-placeholder {
	color: #35383c;
}
.contact input::-ms-input-placeholder {
	color: #35383c;
}

.contact .split select:last-child {
	margin-right: 0;
	cursor: pointer;
}

.contact .split select {
	border-radius: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;

	background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem top 50%;
  background-size: 1rem auto;
}

.contact span {
	font-family: "latobold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	color: #6da4ad;
}

.contact label {
	font-family: "latoregular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.25rem;
}

.contact a {
	font-family: "latobold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}

.contact .line-chk {
	margin-top: 28px;
}

.contact .accept-terms .wpcf7-not-valid {
	border: none;
}

.contact .line-chk label:first-child span {
	font-family: "latoregular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	color: #000;
	line-height: 1.2rem;
}

.contact .accept p {
	display: inline-block;
	vertical-align: top;
}
.contact .accept p strong {
	font-family: "latobold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}
.contact .wpcf7-list-item {
	margin-left: 0;
}

.contact .accept-contact .wpcf7-list-item {
	margin: 10px 10px 10px 0;
}

.contact .accept label {
	display: flex;
  align-items: flex-start;
	gap: 10px;
}

.contact .accept input[type=checkbox] {
	flex: 0 0 25px;
	margin-top: 1px;
}

.contact .accept-contact label {
	display: inline-block;
}

.contact input[type=checkbox] {
	width: 25px;
	height: 25px;
  cursor: pointer;
}

.contact input[type=checkbox]:before {
	border: 2px solid #bcbcbc;
  border-radius: 2px;
}

.contact .base-submit {
	text-align: center;
	margin-top: 36px;
}

.contact input[type=submit] {
	font-family: "poppinsblack", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.2rem;
	text-transform: uppercase;
	color: #33348e;
	border: 3px solid #33348e;
	padding: 18px 30px 16px;
	cursor: pointer;
	margin-left: 72px;
}

.contact .info {
	background-color: #f9f9f9;
	font-size: 2em;
	text-align: center;
	padding: 20px 0;
	margin-bottom: 82px;
}

.contact .step-data:first-child {
	margin-top: 0px;
}

.contact .step-data {
	margin-top: 36px;
}

.contact .form-response p:first-child,
.contact .step-data p:first-child {
	font-family: "latobold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
} 

.contact form[data-status="sent"] .guide2{
	display: none;
}

.contact .form-response {
	margin-top: 82px;
	margin-bottom: 82px;
	display: none;
}

.contact form[data-status="sent"] .form-response {
	display: block;
}

.contact .form-response p{
	text-align: center;
	font-size: 1.2rem;
}

.contact .wpcf7 div.visible-only-if-invalid {
	background-color: #33348e;
	width: 100%;
	color: #fff;
	margin-top: 82px;
}

.contact .wpcf7 div.visible-only-if-invalid p {
	text-align: center;
	font-size: 1.2rem;
	padding: 20px 20px;
	max-width: 630px;
	margin: 0 auto;
}

.contact .wpcf7 form div.visible-only-if-invalid {
  display: none;
}
 
.contact .wpcf7 form.invalid div.visible-only-if-invalid {
  display: block;
}
.contact .wpcf7-not-valid-tip,
.contact .wpcf7-response-output {
	display: none;
}

.contact input[type=submit]:disabled,
.contact button:disabled {
	border-color: #bcbcbc;
	color: #bcbcbc;
}

/* -------------------------------------------------------------------------- */
/*	. 
/* -------------------------------------------------------------------------- */

.page-404 {
	background-color: #33348e;
	color: #fff;
	text-align: center;
}

.page-404 h2 {
	color: #fff;
	font-size: 2.9em;
	margin-top: 114px;
	margin-bottom: 0;
	text-transform: uppercase;
}

.page-404 p {
	font-size: 1.2rem;
}

.page-404 .button-base {
	border: 2px solid #fff;
	margin: 104px auto 110px;
}

.page-404 .button-base a {
	color: #fff;
	font-size: 1.375rem;
}

.termos h1,
.privacidade h1 {
	max-width: 100%;
}

.termos h2,
.privacidade h2  {
	max-width: 940px;
	font-size: 2em;
	font-family: "latobold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	color: #35383c;
	text-align: left;
}

.termos p,
.privacidade p {
	max-width: 940px;
	font-size: 1.2rem;
	margin: 22px auto 0px;
}

/* -------------------------------------------------------------------------- */
/*	. Site Footer
/* -------------------------------------------------------------------------- */
.site-footer {
	background-color: #6da4ad;
	margin-top: auto;
}

.site-footer .guide2 {
	display: flex;
}

.site-footer .side-menu,
.site-footer .side-newsletter {
	flex: 1;
}

.site-footer > div {
	margin-top: 40px;
	margin-bottom: 60px;
}

.site-footer .logo-footer img {
	margin-bottom: 30px;
}

.site-footer nav {
	display: inline-block;
	vertical-align: top;
}

.site-footer li {
	margin-bottom: 20px;
}

.site-footer a {
	font-family: "poppinsbold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.38em;	
	color: #fff;
	line-height: 1;
}

#footer-menu-extra {
	margin-left: 8%;
}

#menu-footer-menu-extra li {
	margin-bottom: 23px;
}

#menu-footer-menu-extra li:first-child a {
	font-family: "poppinsbold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.38em;
}

#menu-footer-menu-extra li a {
	font-family: "latoregular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	font-size: .95em;
}

.side-newsletter {
	text-align: right;
	color: #fff;
}

.side-newsletter h5 {
	font-family: "poppinsbold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.38em;
	margin-top: 36px;
	line-height: 1;
}

.side-newsletter form {
	margin: 8px 0 16px;
}

.side-newsletter input[type=name],
.side-newsletter input[type=email] {
	background-color: #fff;
	width: 324px;
	height: 40px;
	margin-right: 16px;
	display: block;
	margin: 14px 0 0 auto;
	font-family: "poppinsbold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	color: #33348e;
	padding: 2px 10px 0;
	box-sizing: border-box;
}

.side-newsletter input[type=name]::placeholder,
.side-newsletter input[type=email]::placeholder {
  color: #33348e;
  opacity: 1; /* Firefox */
}

.side-newsletter input[type=name]:-ms-input-placeholder,
.side-newsletter input[type=email]:-ms-input-placeholder {
	color: #33348e;
}

.side-newsletter input[type=name]::-ms-input-placeholder,
.side-newsletter input[type=email]::-ms-input-placeholder {
	color: #33348e;
}

.side-newsletter input[type=submit] {
	font-family: "poppinsbold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	background-color: #33348e;
	color: #fff;
	font-size: 1.38em;
	width: 144px;
	height: 42px;
	line-height: 1;
	padding-top: 4px;
	cursor: pointer;
	margin-top: 20px;
}

.side-newsletter p {
	font-size: .95em;
	max-width: 432px;
	margin-left: auto;
	margin-bottom: 20px;
}

.side-newsletter .social {
	margin-top: 76px;
}

.side-newsletter p  a {
	font-family: "latoregular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1em;
}

.side-newsletter .social a:last-child {
	margin-left: 17px;
}

.page-img {
	position: relative;
}

.page-img .page-img-text {
	position: absolute;
	top: 60%;
	left: 10%;
}

@media (max-width: 1432px) {
	#site-header { max-width: 100%; }
	#pasteur { margin-left: 5%; }
	#hamburger-btn {	left: calc(95%px);}
	.main-nav {
    margin-left: 5%;
	}
	.featured-banner .banner-text {
		left: 5%;
	}
}

@media (max-width: 1368px) {
	#pasteur {
		margin-left: 3%;
	}
	.main-nav {
    margin-left: 4%;
	}
	.main-nav li {
		/* margin-right: 5%; */
	} 
	.featured-banner .banner-text {
		left: 3%;
	}

	.home #n2-ss-3 .slider-base-text,
	.home #n2-ss-4 .slider-base-text,
	.home #n2-ss-5 .slider-base-text {
		margin-left: 3%;
	}
}

@media (max-width: 1320px) {

	#site-header { height: 130px; }
	#pasteur { margin-top: 45px; }

	.media-text h3 {
		width: 95%;
	}

	.main-nav { margin-top: 76px; }
	.main-nav li {font-size: 1em;  }

	.button-base a,
	.home .recent-post .button-base a { padding: 14px 22px; font-size: 16px; }

	.main-container > section,
	.product-child .grid-cosmetic  { margin-top: 68px; }

	.featured-banner .banner-text { max-width: 440px; }

	.home section.recent-post { padding-bottom: 55px; }

	.home #n2-ss-3 .slider-base-text h2,
	.home #n2-ss-4 .slider-base-text h2,
	.home #n2-ss-5 .slider-base-text h2{ font-size: 2.8em; max-width: 420px; }

	.home #n2-ss-3 .slider-base-text a,
	.home #n2-ss-4 .slider-base-text a,
	.home #n2-ss-5 .slider-base-text a { margin-top: 0; width: 130px; font-size: 16px;}

	.home .full-width { padding: 50px 0 50px; }
	/* .home .our-products .block-text { margin-bottom: 60px;} */

	.language-en .company .steps h3 { font-size: 1.2rem; }

	.wp-block-button.btn-contact,
	#post-page .wp-block-button.btn-contact { max-width: 500px; }
	.wp-block-button.btn-contact a,
	#post-page .wp-block-button.btn-contact a{ min-height: auto; }

	.tratamentos .featured-banner .banner-text,
	.limpadores .featured-banner .banner-text,
	.tonificantes .featured-banner .banner-text { 
		max-width: 480px;
	}
	
	.produtos-gallery span {
		font-size: 1.4em;
	}
}

@media (max-width: 1199px) {
	div#n2-ss-3 .n2-ss-layers-container .n2-ss-layer,
	div#n2-ss-4 .n2-ss-layers-container .n2-ss-layer,
	div#n2-ss-5 .n2-ss-layers-container .n2-ss-layer {
		padding: 0;
	} 

	.main-nav li { margin-right: 20px; }
}

@media (max-width: 1160px) {

	.guide2 {
		max-width: 850px;
		margin: 0 auto;
	}

	.grid-post {
		gap: 26px 2%;
	}

	.grid-post li {
		max-width: 32%;
	}

	.grid-post li img {
		width: 100%;
		height: auto;
	}

	.media-text img {
		max-width: 400px;
	}

	.media-text .left-image .rect-image,
	.media-text .right-image .rect-image {
		width: 94%;
	}
	
	.media-text .right-image .rect-image {
		margin-left: 20px;
	}

	.media-text .right-image figure {
		margin-left: 25px;
	}

	#post-page h1,
	#post-page h2,
	#post-page h3,
	#post-page h4,
	#post-page h5,
	#post-page h6,
	#post-page p,
	#post-page > ul,
	#post-page figure,
	.company .gallery-company { width: 95%; max-width: 850px; }
	.company .swiper-wrapper { width: 100%;}
	.company .gallery-company .swiper-button-prev { left: -40px; }
	.company .gallery-company .swiper-button-next { right: -40px; }

	#post-page img { width: 100%}
	#post-page .featured-banner figure {margin: 0; width: 100%}
	#post-page figcaption { font-size: 18px; margin-top: 15px;}

	.our-solutions .solution-item {
		max-width: 850px;
	}

	.contact .accept-contact label:first-child {
		display: block;
		margin-bottom: 6px;
	}

	.contact .accept-contact span:nth-child(2) span {
		margin-left: 0;
	}

	.site-footer {
		font-size: 14px;
	}

	.site-footer .side-menu {
		max-width: 320px;
	}

	.site-footer .logo-footer img {
		width: 140px;
	}

	.site-footer.en #footer-menu-extra,
	.site-footer.es #footer-menu-extra {
		margin-left: 0px;
		display: block;
	}

	
}

@media (max-width: 1128px) {
	.main-nav li { margin-right: 14px; }

	.our-solutions .featured-banner .banner-text { max-width: 320px;}
}

@media (max-width: 1060px) {

	#site-header { height: 95px; }
	#pasteur { margin-top: 18px; }
	#pasteur a { width: 100px; height: 59px; }

	.home #n2-ss-3 .slider-base-text h2,
	.home #n2-ss-4 .slider-base-text h2,
	.home #n2-ss-5 .slider-base-text h2,
	.featured-banner h1 {
		font-size: 2.24em;
	}
	.featured-banner p {
		font-size: 1.44em;
	}

	.home #n2-ss-3 .slider-base-text h2,
	.home #n2-ss-4 .slider-base-text h2,
	.home #n2-ss-5 .slider-base-text h2 {
		max-width: 340px;
	}

	h2, h2.page-title {
		font-size: 2.24em;	
		margin-bottom: 8px;
	}

	#post-page h1,
	#post-page h2,
	#post-page h3,
	#post-page h4,
	#post-page h5,
	#post-page h6,
	h3 {
		font-size: 2.24em;
	}

	.featured-banner .banner-text { top: 20%; }

	.home #n2-ss-3 .slider-base-text a,
	.home #n2-ss-4 .slider-base-text a,
	.home #n2-ss-5 .slider-base-text a  {
		width: 104px;
		font-size: 16px;
	}

	#hamburger-btn { display: block; z-index: 99999;}
	.social-mobile { display: block; margin-left: 30px; margin-top: 30px; }
	.social-mobile a:last-child { margin-left: 18px; }
	
	.main-nav { 
		background-color: #fff;
		margin: 0;
		top: 0px;
		left: 0px;
		z-index: 99998;
		display: block;
		position: fixed;
		height: 0;
		opacity: 1;
		transform: translateY(-100vh);
		transition: transform 1s, height 1s, opacity 1s;
		width: 100vw;
	}

	.main-nav.open {
		top: 90px;
		opacity: 1;
		height: 100vh;
		transform: translateY(0);
		transition: transform 1s, height 1s, opacity 1s;
	 }

	 .main-nav ul{
		margin-top: 20px;
		
	 }
	 .main-nav li {
		margin-right: 0px;
		margin-left: 30px;
		margin-bottom: 12px;
		display: block;
	 }
	 
	 .main-nav li a { font-size: 22px; }

	 .main-nav .wpm-language-switcher { 
		position: absolute;
		top: 0px;
		right: 30px;
		margin-top: 20px;
	 }

	 .main-nav .wpm-language-switcher li {
		display: inline-block;
		margin-left: 0px;
		margin-right: 0px;
	 }

	 .main-nav .wpm-language-switcher li span {
		font-size: 1.3em;
	 }

	 p,
	.produtos-gallery span,
	.home #n2-ss-3 .slider-base-text a,
	.home #n2-ss-4 .slider-base-text a,
	.home #n2-ss-5 .slider-base-text a,
	.our-solutions .solution-item h3,
	#post-page p,
	#post-page ul,
	.privacidade ul,
	.list-topics li, 
	.maos-produtos li,
	.home .pillar p,
	.brand-block p,
	.company .steps p,
	.grid-post h5,
	.home .grid-post h5,
	.termos p, .privacidade p { font-size: 1rem; }

	.company .steps h3 { font-size: 1.4rem; }

	.facial .featured-banner .banner-text { max-width: 280px; }
}

@media (max-width: 980px) {

	#pasteur { margin-left: 30px; }
	.featured-banner .banner-text { left: 30px; }


	.featured-banner .banner-text { max-width: 320px; }
	.products .featured-banner .banner-text { max-width: 440px; }

	.produtos-gallery span { font-size: 1.2em }
	
	.media-text h3 { width: 100%; }
	.media-text img { max-width: 320px; }
	.media-text .left-image .rect-image { left: 0; width: 320px; max-height: 400px; }
	.media-text .left-image img { left: 40px; }
	
	.media-text .right-image .rect-image {
		max-width: 310px;
		max-height: 320px;
	}

	.media-text > div { grid-template-columns: 370px 1fr; }
	.media-text img { max-width: 310px; }
	.media-right > div { grid-template-columns: auto 370px; }

	.company .gallery-company {  max-width:85% }
	.company .gallery-company .swiper-button-prev { left: -40px; }
	.company .gallery-company .swiper-button-next { right: -40px; }

	.language-en .company .steps h3 { font-size: 1rem; }
	
	.guide2,
	.our-solutions .guide1,
	.contact .guide2,
	#post-page h1,
	#post-page h2,
	#post-page h3,
	#post-page h4,
	#post-page h5,
	#post-page h6,
	#post-page p,
	#post-page figure,
	#post-page > ul  { max-width: calc(100% - 60px);}
	#post-page .featured-banner div.wp-block-group { width: calc(100% - 30px); margin-top: 10px;}
	
	.our-solutions .solution-item { margin-left: 0; margin-right: 0; max-width: 100%;}
	.our-solutions .featured-banner .banner-text { max-width: 280px;}

	#post-page .featured-banner figure {margin: 0; width: 100%}
	#post-page .featured-banner div.wp-block-group p { font-size: 16px; }
	#post-page .featured-banner .wp-block-group__inner-container a  span{ width: 25px!important; height: 25px!important; }
	#post-page ul,
	.privacidade ul { padding-left: 30px; }
}

@media (max-width: 900px) {
	.featured-banner figure { overflow: hidden; }
	.featured-banner img { min-height: 314px; max-width: 1920px; width: auto; margin-left: auto; }

	#post-page .featured-banner img { min-height: auto; margin: 0;}

	.home .slider-base-text {
		display: none;
	}

	.language-en .company .steps h3 { font-size: .9rem; }
}

@media (max-width: 830px) {
	.site-footer { position: relative; }
	.site-footer .guide2 { flex-direction: column-reverse; width: 100%; margin: 0 auto; }
	.site-footer .side-newsletter { border-bottom: 2px solid #fff; }
	.side-menu,
	.side-newsletter > div { max-width: 100%; white-space: nowrap; }
	.side-newsletter div a:first-child {  margin-right: 0; }
	.side-newsletter .social { margin-top: 0; position: absolute; top:90%; left: calc(100% - 105px ); }
	.side-newsletter h5 { margin-top: 26px; text-align: left; }
	.side-newsletter p { max-width: initial; text-align: left; white-space: initial; margin-bottom: 26px; }
	.side-newsletter input[type=email] { width: calc(100% - 163px); }
	.side-menu { margin-top: 28px; }

	.side-newsletter input[type=name],
	.side-newsletter input[type=email] {
		width: 100%;
	}

	.our-solutions .featured-banner .banner-text { max-width: 220px;}
	
	.clients .list-clients li { width: 33.3%; margin: 0 0 25px; }

	#post-page figcaption { font-size: 15px; margin-top: 10px;}

	.site-footer.en #footer-menu-extra,
	.site-footer.es #footer-menu-extra {
		margin-left: 8%;
		display: inline-block;
	}

	.language-en .company .steps h3,
	.company .steps h3 { font-size: 1.4rem; }
	
}

@media (max-width: 781px) {

	/* .guide1,
 	.guide2 { width: 90%; max-width: 600px;} */

	.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
    width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2)!important;
    margin: 0;
	}

	/* post grid */
	.grid-post { gap: 26px 2%; }
	.grid-post li {	max-width: 49%; width: 49%; }

	.grid-cosmetic .wp-block-columns {
		justify-content: center;
	}
	
	.grid-cosmetic .wp-block-columns > div {
		display: inline-block;
		max-width: 25%;
	}

	.grid-cosmetic figcaption { font-size: 1rem;}
	
	.guide2 figure.produtos-gallery { max-width: 625px; margin-left: auto; margin-right: auto; }

	/* HOME */
	.media-text > div,
	.media-text .left-image,
	.media-text .t-mobile,
	.media-text .right-image { display: block; }
	.media-text > div { padding-top: 25px; text-align: center;}
	.media-text h3 { text-align: center; }
	.media-text h3 { margin-top: 1px; }
	.media-right > div { display: flex; flex-direction: column-reverse}
	.media-text div h3 { display: none; }
	.media-text .left-image .rect-image, 
	.media-text .right-image .rect-image,
	.media-text .left-image img, 
	.media-text .right-image img { max-width: 460px; }
	.media-text .left-image .rect-image, 
	.media-text .right-image .rect-image {
		max-height: 100%;
		width: 100%;
	}
	
	.media-text .left-text p, 
	.media-text .right-text p { margin-top: 30px; text-align: left; }
	.media-text .right-image figure { margin-left: 0; }
	.media-text .right-image .rect-image { margin-left: 0;}
	.media-text .left-image .rect-image { top: -40px; left: 50%; transform: translateX(-50%);}
	.media-text .right-image .rect-image { top: -40px; left: 50%; transform: translateX(-41%);}


	.home .pillar { display: block; width: 100%; margin-bottom: 59px; }
	.home .pillar:last-child { margin-bottom: 0;}
	.home .pillar > div { max-width: 420px; }

	.home .our-products .block-text { margin-bottom: 20px; }

	.brand-block .brand { position: relative; }
	.brand-block .brand .size-full { display: block; }
	.brand-block .brand {
		background-color: #f5f3f4;
		margin-bottom: 56px;
	}
	.brand-block p {
		padding: 0 10% 20px;
		text-align: center;
	}
	.brand-block .brand figure {
		min-height: 130px;
		height: auto;
		position: initial;
	}
	.brand-block .brand figure img {
		top: 30px;
		max-width: 280px;
		-ms-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);
	}
	.brand-block .brand:first-child figure { min-height: 80px; }

	
	.home .grid-post li:last-child { display: none; }
	/* End Home */

	.company .full-width,
	.company .our-values { width: 65%; margin-left: auto; margin-right: auto; }
	.company .steps { padding: 0; }
	.company .steps > div h3 { font-size: 2em; margin: 34px 0 0; margin-bottom: 10px; }
	.company .steps > div { display: block; border-right: 0; }
	.company .steps > div:last-child { border-bottom: none; }
	.company .steps > div:last-child p { border-bottom: none; }
	.company .steps p { 
		border-bottom: 2px solid #90d2d4; 
		width: 95%;
		max-width: 340px;
		margin: 0 auto; 
		padding-bottom: 20px;
	}
	.company .our-values h2.page-title { margin-bottom: 62px; }
	.company .our-values-item h3,
	.company .our-values-item p { text-align: center; }
	.company .our-values { display: block; }
	.company .our-values .our-values-item { display: block; grid-template-columns: 100%!important; }
	.company .our-values img { margin-bottom: 20px; } 
	
	.our-solutions .solution-item:nth-child(even) h3 { text-align: right; width: 74%; }

	.products > :nth-child(3), .linha > :nth-child(3), .clients > :nth-child(3), .blog .grid-post { margin-top: 20px;}
	.product-child .grid-cosmetic { margin-top: 68px;}
	
	.our-brands .desc-brand p { display: block; width: 100%; text-align: left; }
	.our-brands .desc-brand figure:first-child img { margin-bottom: 0px; margin-top: 60px; margin-right: 40px; }
	.our-brands .desc-brand div { text-align: center; }
	.our-brands .desc-brand figure { display: inline-block; }
	.our-brands .brand { max-width: 60%; margin-left: auto; margin-right: auto; }
	.our-brands .brand .guide2 figure, .our-brands .brand .guide2 p { display: block; width: 100%; text-align: center; }
	.our-brands .brand-white .guide2 div { display: flex; flex-direction: column-reverse}


	.btn-contact a, #post-page .btn-contact a { font-size: 1.2rem; }
	.btn-contact img,
	#post-page .btn-contact img { max-width: 64px; }
	.wp-block-button.btn-contact, #post-page .wp-block-button.btn-contact { max-width: 410px; }

	.solar .featured-banner img { margin-left: -40px;}
	.contact .featured-banner img { margin-left: -40px;}
}

@media (max-width: 680px) {
	.featured-banner h1,
	h2, h2.page-title { font-size: 2.2em; }
	.main-container > section { margin: 50px auto 0}
	.product-child .grid-cosmetic { margin-top: 50px;}

	.featured-banner .banner-text,
	.acneica .featured-banner .banner-text { top:14%; }
	
	.guide1,
	.guide2,
	.guide3,
	.side-newsletter > div,
	.our-solutions .guide1 { width: 88%; margin-left: auto; margin-right: auto; }

	.side-newsletter .social { left: 94%;  margin-left: -75px; }
	.side-newsletter > div { width: 100%; margin-left: 0px; margin-right: 0px; white-space: nowrap; }

	.our-brands .desc-brand figure:first-child img { margin-top: 50px; margin-right: 34px;}
	.our-brands .desc-brand figure img { max-width: 94px; }

	.company .gallery-company {  max-width:100% }
	.company .gallery-company .swiper-button-prev,
	.company .gallery-company .swiper-button-next { transform: scale(.50); }
	.company .gallery-company .swiper-button-prev { left: -30px; }
	.company .gallery-company .swiper-button-next { right: -30px; }

	.contact .split input,
	.contact .split select { display: block; width: 100%; }
	.contact .guide2,
	.contact .wpcf7 form.invalid div.visible-only-if-invalid  { margin-top: 50px; }
	.contact .guide2 { margin-bottom: 56px; }

	.blog section.guide2 { margin-bottom: 0px; }
	.blog section.guide2:last-child { margin-bottom: 58px; }

	#post-page h1,
	#post-page h2,
	#post-page h3,
	#post-page h4,
	#post-page h5,
	#post-page h6,
	#post-page p,
	#post-page figure{
		margin-top: 20px;
	}

	.solar .featured-banner img { margin-left: -100px;}
	.contact .featured-banner img { margin-left: -100px;}
}

@media (max-width: 580px) {

	.featured-banner img,
	#post-page .featured-banner img { margin-left: -150px; }

	#post-page .featured-banner img { margin-left: 0px; }

	.social-mobile { margin-top: 14px; }
	.main-nav ul { margin-top: 12px; }
	.main-nav li { margin-bottom: 8px; }
	.main-nav li a { font-size: 18px; }

	.main-nav .wpm-language-switcher  { margin-top: 8px; }

	.main-nav .wpm-language-switcher ul { height: 22px;}

	.main-nav .wpm-language-switcher li span,
	.main-nav .wpm-language-switcher li a { font-size: 20px; }


	.media-text > div { padding-top: 25px; text-align: center;}
	.media-text .left-image img,
	.media-text .right-image img { max-width: 322px; left: 0; }
	.media-text h3 { margin-top: 1px; }
	.media-text .left-text, 
	.media-text .right-text { padding: 0; }
	.media-text .left-text p, 
	.media-text .right-text p { line-height: 1.2em;}
	.media-text .left-image .rect-image, 
	.media-text .right-image .rect-image {
		max-width: 322px;
	}
	.media-text .left-image .rect-image { top: -28px; left: 50%; transform: translateX(-60%); }
	.media-text .right-image .rect-image { top: -28px; left: 50%; transform: translateX(-41%);}


	.home #n2-ss-3 .slider-base-text h2,
	.home #n2-ss-4 .slider-base-text h2,
	.home #n2-ss-5 .slider-base-text h2,
	.featured-banner h1 { font-size: 1.6875em; }
	.featured-banner p { font-size: 1.44em; }
	.featured-banner .banner-text { width: 85%; }
	
	h2, 
	h2.page-title, 
	h3,
	.company .steps > div h3,
	.company .our-values-item h3 { font-size: 1.6875em; margin-bottom: 18px; }

	.featured-banner h1 { margin-bottom: 5px; }
	.featured-banner p { line-height: 1.4em; }

	figure.produtos-gallery { gap: 5px }
	.produtos-gallery span { font-size: 1em; margin-top: 10px; margin-bottom: 8px; }

	.main-container > section:last-child,
	#post-page > :last-child  { margin-bottom: 58px; }

	.block-text,
	.featured-banner p,
	.home .pillar h3,
	.home .our-values p
	.company .our-values-item h3,
	.company .our-values-item p,
	.company .our-values-item p,
	.maos-produtos h4,
	.list-topics li,
	.maos-produtos li,
	.block-blue p,
	.repelentes section p,
	.desodorantes section p,
	.hidratantes section p,
	.our-brands .desc-brand p,
	.contact .wpcf7 div.visible-only-if-invalid p,
	.btn-contact a,
	.termos h2,
	.privacidade h2,
	.termos p,
	.privacidade p,
	.media-text .left-text p, 
	.media-text .right-text p,
	#post-page p,
	#post-page ul,
	.privacidade ul,
	#post-page a,
	#post-page .btn-contact a {
		font-size: 1rem;
	}

	.home #n2-ss-3 .slider-base-text a,
	.home #n2-ss-4 .slider-base-text a,
	.home #n2-ss-5 .slider-base-text a {
		width: auto;
		padding: .5em .7em;
	}
	.home #n2-ss-3 .slider-base-text h2,
	.home #n2-ss-4 .slider-base-text h2,
	.home #n2-ss-5 .slider-base-text h2 { max-width: 240px; }
	.home .full-width { padding-top: 24px; padding-bottom: 24px; }
	.home .pillar { margin-bottom: 24px; }
	.home .pillar figure img { transform: scale(0.70); }
	.home .pillar h3 { margin-top: 10px; font-size: 27px; }
	.home .pillar p {  max-width: 320px; margin-left: auto; margin-right: auto; }
	.home .brand-block h2 { margin-bottom: 18px; }
	.home .brand-block .brand { margin-bottom: 40px; }
	.home .brand-block .brand:last-child { margin-bottom: 0px; }
	.home .recent-post { padding-top: 60px; }
	.home .read-more { margin-top: 28px; }
	.blog .guide2 ul,
	.home .recent-post .guide2 { max-width: 310px; }
	.grid-post { gap: 26px 2%; margin-bottom: 56px; }
	.grid-post li {	max-width: 100%; width: 100%; margin-bottom: 30px; }
	.home .grid-post li:last-child { display: block; margin-bottom: 0px; }

	.brand-block .brand {
		margin-bottom: 14%;
	}

	.company .steps > div { margin: 24px 0 0; }
	.company .steps > div h3 { margin: 0px auto 8px;  }
	.company .steps > div p { width: 95%; max-width: 240px; margin: 0 auto; padding-bottom: 24px; }
	.company .our-values h2.page-title { margin-bottom: 18px;}
	.company .our-values img { margin-bottom: 0px; transform: scale(0.70); }
	.company .our-values-item h3 { margin-bottom: 5px; }
	.company .our-values-item { margin-bottom: 24px; }

	.our-solutions .featured-banner img { display: none; }
	.our-solutions .featured-banner figure { 
		height: 314px;
		background-image: url(./assets/images/solucoes_pasteur_mobile.jpg);
		background-position: center;
	}

	.language-en .our-solutions .featured-banner figure { 
		background-image: url(./assets/images/solucoes_pasteur_mobile-en.jpg);
	}

	.language-es .our-solutions .featured-banner figure { 
		background-image: url(./assets/images/solucoes_pasteur_mobile-es.jpg);
	}


	.our-solutions .featured-banner .banner-text {max-width: 90%;}
	.our-solutions .solution-item { min-height: 50px; padding: 0px; margin-bottom: 50px; }
	.our-solutions .solution-item > div { padding: 16px 40px;}
	.our-solutions .solution-item h3 { font-size: 1rem; width: 44%; margin-left: 20px; }
	.our-solutions .solution-item figure { width: 50%; text-align: center; }
	.our-solutions .solution-item figure img { max-height: 100px; width: auto; }
	.our-solutions .solution-item:nth-child(even) h3 { width: 47%; margin-left: 0; text-align: right;}
	.our-solutions .solution-item:nth-child(even) figure { width: 36%; margin-left: 40px; margin-right: 0;}

	.products .featured-banner .banner-text {
		background-image: url(./assets/images/filter-blur.png);
		background-position: center;
		height: 314px;
		max-width: 100%;
		width: 100%;
		left: 0;
		top: 0;
		color: #fff;
	}

	.grid-cosmetic .wp-block-columns { margin-top: -5px; }

	.facial .featured-banner .banner-text,
	.tonificantes .featured-banner .banner-text,
	.limpadores .featured-banner .banner-text { max-width: 180px; }

	.acneica .featured-banner .banner-text { max-width: 200px; }

	.mãos .featured-banner .banner-text { max-width: 260px; }

	.capilar .featured-banner .banner-text,
	.corporal .featured-banner .banner-text,
	.repelentes .featured-banner .banner-text { max-width: 230px; }

	.products .featured-banner .banner-text div { margin-top: 42px; margin-left: 24px; width: 80%;}
	.hidratantes section p:last-child { margin-top: 12px; }
	.grid-cosmetic .wp-block-columns > div {
		display: inline-block;
		max-width: 33%;
	}

	.grid-cosmetic .wp-block-columns div:nth-child(4),
	.grid-cosmetic .wp-block-columns div:nth-child(5), 
	.grid-cosmetic .wp-block-columns div:nth-child(6) { margin-top: 10px; }

	.our-brands .brand { width: 88%; max-width: 360px; }
	.our-brands .desc-brand figure:first-child img { margin-top: 55px; }
	.our-brands .brand .guide2 { padding: 28px; }
	.our-brands .brand .guide2 p { font-size: 1rem; margin-top: 6px;}
	.our-brands .brand figure img { max-width: 150px; }
	.our-brands .brand-white .guide2 { padding: 0px; }
	.our-brands .brand-white figure img { max-width: 280px; width: 90%;}
	.our-brands .brand-white .guide2 p { max-width: 90%; margin: 10px auto 0px;}
	.our-brands .brand .brand-kilt figure img { max-width: 130px; }
	.our-brands section:last-child { margin-top: 0px; }

	.clients .list-clients li { width: 50%; margin: 0 0 15px; }
	.clients .list-clients li img { transform: scale(0.92); }
	.clients > section:nth-child(3) { margin-bottom: -12px; }

	.blog input[type='search'] { font-size: 1em; padding: 8px 14px; height: 44px;}
	.blog button { background-size: 26px; width: 52px; }
	.blog .grid-post { margin-top: 0px; margin-bottom: 18px;}

	#post-page h1,
	#post-page h2,
	#post-page h3,
	#post-page h4,
	#post-page h5,
	#post-page h6 {
		font-size: 1.6875em;
	}

	#post-page > :nth-child(2) { margin-top: 90px;}

	.contact .line-chk label,
	.contact .line-chk label:first-child,
	.contact .info { font-size: 16px; }
	.contact .wpcf7-text,
	.contact .wpcf7-textarea,
	.contact .split select { font-size: 16px; height: 42px; margin-bottom: 10px; padding: 12px 12px; }
	.contact .split select { padding-top: 4px; padding-bottom: 4px; }
	.contact .wpcf7-textarea { height: 200px;}
	.contact .line-chk { margin-top: 36px;}
	.contact .accept-contact, .contact .base-submit { margin-top: 48px; }
	.contact .wpcf7 form.invalid div.visible-only-if-invalid  { margin-top: 50px; }
	.contact .guide2 {  margin-top: 56px; margin-bottom: 56px; }
	.contact .required-fields { font-size: 16px; }
	.contact .info { padding-top: 30px; padding-bottom: 30px;}
	.contact input[type=submit] {
		font-size: 16px;
		padding: 10px 22px 8px;
		border: 2px solid;
	}

	.site-footer .logo-footer img { width: 98px; height: auto; margin-bottom: 20px; }
	#menu-footer-menu-extra li { margin-bottom: 20px; }
	.site-footer a,
	#menu-footer-menu-extra li:first-child a,
	#menu-footer-menu-extra li a { font-size: 16px; }

	.page-404 h2 {
		font-size: 1.6875em;
	}
	.page-404 p,
	.page-404 .button-base a {
		font-size: 1rem;
	}

	.product-child .featured-banner img { margin: 0; width: 100%; min-height: auto;}
	.product-child .featured-banner .banner-text { position: initial; width: 88%; max-width: 100%; text-align: center; margin: 30px auto 0;}
	.product-child .featured-banner .banner-text h1 { color: #33348e; margin-bottom: 0;}
	.product-child .featured-banner .banner-text p { color: #35383c;}

	.contact .featured-banner img { margin-left: -200px;}
}

@media (max-width: 480px) {
	#pasteur { margin-left: 6%; }
	.featured-banner .banner-text { left: 6%; }
	
	.contact .featured-banner img { margin-left: -250px;}
}

@media (max-width: 474px) {
	.btn-contact a, 
	#post-page .btn-contact a { font-size: 1.1em;	}

	.our-solutions .featured-banner .banner-text { top: 7%; }
	.our-solutions .featured-banner .banner-text p { font-size: 20px;}
}

@media (max-width: 440px) {


	.media-text .left-image .rect-image,
	.media-text .right-image .rect-image,
	.media-text .left-image img,
	.media-text .right-image img { max-width: 280px; }

	.our-solutions .solution-item > div { padding: 16px 20px; }
	.our-solutions .solution-item:nth-child(even) figure { margin: 0; }
	.our-solutions .solution-item h3 { width: 60%; margin: 0;}
	.our-solutions .solution-item:nth-child(even) h3 { width: 64%; }

	.contact .featured-banner img { margin-left: -290px;}
}

@media (max-width: 390px) {
	.btn-contact a,
	#post-page .btn-contact a { font-size: 1em;	}
	.btn-contact a span,
	#post-page .btn-contact a span {
		padding-left: 10px;
	}
	.company .full-width,
	.company .our-values { width: 88%; }

	footer.es .guide2 { max-width: calc(100% - 30px); }
	footer.es h5 { font-size: 16px; }
}

@media (max-width: 360px) {
	.btn-contact a,
	#post-page .btn-contact a { font-size: .95em;	}

	footer.es a, 
	footer.es #menu-footer-menu-extra li:first-child a,
	footer.es #menu-footer-menu-extra li a { font-size: 14px; }
}


@media (max-width: 348px) {
	.media-text .left-image img,
	.media-text .right-image img { max-width: 250px; }
	.media-text .left-image .rect-image { top: -20px; left: 50%; transform: translateX(-60%); }
	.media-text .right-image .rect-image { top: -20px; left: 50%; transform: translateX(-41%);}
	.media-text .left-image .rect-image, 
	.media-text .right-image .rect-image {
		max-width: 252px;
	}
}