@charset "UTF-8";
/*!
Theme Name: Landing
Theme URI: https://underscores.me/
Author: Automattic
Author URI: https://automattic.com/
Description: Hi. I'm a starter theme called <code>_s</code>, or <em>underscores</em>, if you like. I'm a theme meant for hacking so don't use me as a <em>Parent Theme</em>. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: _s
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

_s is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/*
composer lint:wpcs : checks all PHP files against PHP Coding Standards.
composer lint:php : checks all PHP files for syntax errors.
composer make-pot : generates a .pot file in the languages/ directory.
npm run compile:css : compiles SASS files to css.
npm run compile:rtl : generates an RTL stylesheet.
npm run watch : watches all SASS files and recompiles them to css when they change.
npm run lint:scss : checks all SASS files against CSS Coding Standards.
npm run lint:js : checks all JavaScript files against JavaScript Coding Standards.
npm run bundle : generates a .zip archive for distribution, excluding development and system files.

*/
@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);
.fw-semi_bold {
	font-weight: 600;
}

.fw-extra_light {
	font-weight: 200;
}

html {
	font-size: 16px;
	height: 100%;
	margin: 0;
}

body, html {
	-ms-scroll-chaining: none;
	overscroll-behavior: none;
	min-height: 100vh;
}

hr {
	margin: 2rem 0;
}

body {
	font-family: "Poppins", sans-serif;
	color: black;
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

#content {
	flex: 1;
}

a {
	color: black;
	text-decoration: none;
}

div#miolo .product .img-fluid {
	width: 100%;
}

h1, .h1 {
	font-size: 35px;
}

h1#collection {
	font-weight: 600;
}

h2, .h2 {
	font-size: 25px;
}

h3, .h3 {
	font-size: 20px;
}

h4, .h4 {
	font-size: 20px;
}

h5, .h5 {
	font-size: 20px;
}

h6, .h6 {
	font-size: 16px;
}

.round-corners {
	border-radius: 5px;
}

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

a {
	text-decoration: none;
	color: black;
	cursor: pointer;
}

a:hover {
	color: black;
	text-decoration: none;
}

.uppercase {
	text-transform: uppercase;
}

.mt-0 {
	margin-top: 0px;
}

.mt-1 {
	margin-top: 1px;
}

.mt-2 {
	margin-top: 2px;
}

.mt-3 {
	margin-top: 3px;
}

.mt-4 {
	margin-top: 4px;
}

.mt-5 {
	margin-top: 5px;
}

.mt-6 {
	margin-top: 6px;
}

.mt-7 {
	margin-top: 7px;
}

.mt-8 {
	margin-top: 8px;
}

.mt-9 {
	margin-top: 9px;
}

.mt-10 {
	margin-top: 10px;
}

.mt-11 {
	margin-top: 11px;
}

.mt-12 {
	margin-top: 12px;
}

.mt-13 {
	margin-top: 13px;
}

.mt-14 {
	margin-top: 14px;
}

.mt-15 {
	margin-top: 15px;
}

.mt-16 {
	margin-top: 16px;
}

.mt-17 {
	margin-top: 17px;
}

.mt-18 {
	margin-top: 18px;
}

.mt-19 {
	margin-top: 19px;
}

.mt-20 {
	margin-top: 20px;
}

.mt-21 {
	margin-top: 21px;
}

.mt-22 {
	margin-top: 22px;
}

.mt-23 {
	margin-top: 23px;
}

.mt-24 {
	margin-top: 24px;
}

.mt-25 {
	margin-top: 25px;
}

.mt-26 {
	margin-top: 26px;
}

.mt-27 {
	margin-top: 27px;
}

.mt-28 {
	margin-top: 28px;
}

.mt-29 {
	margin-top: 29px;
}

.mt-30 {
	margin-top: 30px;
}

.mt-31 {
	margin-top: 31px;
}

.mt-32 {
	margin-top: 32px;
}

.mt-33 {
	margin-top: 33px;
}

.mt-34 {
	margin-top: 34px;
}

.mt-35 {
	margin-top: 35px;
}

.mt-36 {
	margin-top: 36px;
}

.mt-37 {
	margin-top: 37px;
}

.mt-38 {
	margin-top: 38px;
}

.mt-39 {
	margin-top: 39px;
}

.mt-40 {
	margin-top: 40px;
}

.mt-41 {
	margin-top: 41px;
}

.mt-42 {
	margin-top: 42px;
}

.mt-43 {
	margin-top: 43px;
}

.mt-44 {
	margin-top: 44px;
}

.mt-45 {
	margin-top: 45px;
}

.mt-46 {
	margin-top: 46px;
}

.mt-47 {
	margin-top: 47px;
}

.mt-48 {
	margin-top: 48px;
}

.mt-49 {
	margin-top: 49px;
}

.mt-50 {
	margin-top: 50px;
}

.mt-51 {
	margin-top: 51px;
}

.mt-52 {
	margin-top: 52px;
}

.mt-53 {
	margin-top: 53px;
}

.mt-54 {
	margin-top: 54px;
}

.mt-55 {
	margin-top: 55px;
}

.mt-56 {
	margin-top: 56px;
}

.mt-57 {
	margin-top: 57px;
}

.mt-58 {
	margin-top: 58px;
}

.mt-59 {
	margin-top: 59px;
}

.mt-60 {
	margin-top: 60px;
}

.mt-61 {
	margin-top: 61px;
}

.mt-62 {
	margin-top: 62px;
}

.mt-63 {
	margin-top: 63px;
}

.mt-64 {
	margin-top: 64px;
}

.mt-65 {
	margin-top: 65px;
}

.mt-66 {
	margin-top: 66px;
}

.mt-67 {
	margin-top: 67px;
}

.mt-68 {
	margin-top: 68px;
}

.mt-69 {
	margin-top: 69px;
}

.mt-70 {
	margin-top: 70px;
}

.mt-71 {
	margin-top: 71px;
}

.mt-72 {
	margin-top: 72px;
}

.mt-73 {
	margin-top: 73px;
}

.mt-74 {
	margin-top: 74px;
}

.mt-75 {
	margin-top: 75px;
}

.mt-76 {
	margin-top: 76px;
}

.mt-77 {
	margin-top: 77px;
}

.mt-78 {
	margin-top: 78px;
}

.mt-79 {
	margin-top: 79px;
}

.mt-80 {
	margin-top: 80px;
}

.mt-81 {
	margin-top: 81px;
}

.mt-82 {
	margin-top: 82px;
}

.mt-83 {
	margin-top: 83px;
}

.mt-84 {
	margin-top: 84px;
}

.mt-85 {
	margin-top: 85px;
}

.mt-86 {
	margin-top: 86px;
}

.mt-87 {
	margin-top: 87px;
}

.mt-88 {
	margin-top: 88px;
}

.mt-89 {
	margin-top: 89px;
}

.mt-90 {
	margin-top: 90px;
}

.mt-91 {
	margin-top: 91px;
}

.mt-92 {
	margin-top: 92px;
}

.mt-93 {
	margin-top: 93px;
}

.mt-94 {
	margin-top: 94px;
}

.mt-95 {
	margin-top: 95px;
}

.mt-96 {
	margin-top: 96px;
}

.mt-97 {
	margin-top: 97px;
}

.mt-98 {
	margin-top: 98px;
}

.mt-99 {
	margin-top: 99px;
}

.mt-100 {
	margin-top: 100px;
}

.mt-15 {
	margin-top: 15px;
}

.mt-30 {
	margin-top: 30px;
}

.mt-60 {
	margin-top: 60px;
}

.mt-110 {
	margin-top: 50px;
}

@media only screen and (min-width: 993px) {
	.mt-110 {
		margin-top: 110px;
	}
}

.centercenter {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
}

.valign {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	/* vendor prefixes omitted due to brevity */
}

.search-header input#s {
	padding: 3px;
	border: none;
	border-bottom: 1px solid #9f9f9f;
	background: transparent;
	font-size: 12px;
	width: 115px;
}

.search-header button#searchsubmit {
	background: none;
	border: none;
}

.backgroud-grey {
	background: #eee;
}

.form-control, .form-select {
	padding: 10px;
	background-color: #f5f6fa;
}

.request-folder {
	background: #403f3f;
	color: white;
	padding: 13px 20px;
	border: 0;
	font-weight: 600;
	height: auto;
	border-radius: 5px;
}

.request-folder[disabled] {
	background: #ccc;
}

.request-folder-cross {
	color: #403f3f;
	background: white;
	padding: 13px 20px;
	border: 0;
	font-weight: 600;
	height: auto;
	border-radius: 5px;
	border: 2px solid #403f3f;
}

.btn-primary {
	display: flex;
	flex-direction: row;
	gap: 12px;
	align-items: center;
	justify-content: center;
	width: -moz-fit-content;
	width: fit-content;
	padding: 10px 20px;
	line-height: 1;
	color: var(--color-font-inverted);
	text-decoration: none;
	letter-spacing: .02em;
	cursor: pointer;
	background-color: var(--color-base-white);
	background-blend-mode: difference;
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	border: 1.5px solid rgba(34, 34, 34, 0.6);
	border-radius: 5px;
	transition: background-color .2s ease-out;
	font-size: var(--size-font-cta);
	font-style: normal;
	font-weight: 500;
	line-height: var(--line-height-cta);
	text-transform: uppercase;
	letter-spacing: .28px;
	font-size: 14px;
}

.btn-primary:hover {
	background-color: #333;
	border-color: #333;
	color: #fff !important;
	-webkit-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.btn-primary:hover button {
	color: white;
}

.btn-primary.disabled, .btn-primary:disabled {
	color: #333;
	background-color: #fff;
	border-color: #333;
}

a.underline {
	position: relative;
	background-image: linear-gradient(to right, #000 0%, #000 98%);
	background-size: 0 1px;
	background-repeat: no-repeat;
	background-position: left 100%;
	transition: .3s;
}

a.underline:hover {
	background-size: 100% 1px;
}

#menu a.underline {
	background-size: 0 3px;
}

#menu a.underline:hover {
	background-size: 100% 3px;
}

.btn-light {
	background: transparent;
	border-color: white;
	color: white;
}

.btn-light:hover {
	background: white;
	color: black;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #333;
	border-color: #333;
}

.breadcrumbs {
	margin-top: 10px;
}

@media (min-width: 1200px) {
	.modal-dialog.as-container {
		width: 1170px;
		max-width: 1170px;
	}
}

.sprite {
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url(../images/sprite.svg) no-repeat;
	background-size: 22px 1500px;
}

.sprite.play-video {
	background-position: 0px -896px;
	padding: 0 20px;
	position: absolute;
}

.sprite.download {
	background-position: 0 -716px;
	padding: 0 15px;
}

.sprite.view {
	background-position: 0 -804px;
	padding: 0 20px;
}

.button-wrapper {
	display: inline-block;
	width: 100%;
	margin-bottom: 50px;
}

@media only screen and (min-width: 993px) {
	.button-wrapper {
		margin-bottom: 0;
	}
}

.button-wrapper .btn.download {
	width: 100%;
}

@media only screen and (min-width: 993px) {
	.button-wrapper .btn.download {
		width: 49%;
	}
}

.btn.download {
	padding: .5em 1em .5em 2em;
}

.btn.download span.sprite.download {
	position: absolute;
	left: .3em;
	top: 1px;
}

.btn.download:hover span.sprite.download {
	background-position: 0px -831px;
}

.btn.download span.sprite.view {
	position: absolute;
	left: .3em;
	top: 1px;
}

.btn.download:hover span.sprite.view {
	background-position: 0px -861px;
}

button {
	border: 0;
}

li {
	padding: 0;
}

.float-right {
	float: right;
}

.icones {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(images/icons.svg) no-repeat;
	background-size: 160px 150px;
}

.icones.white {
	filter: invert(100%);
}

.icones.hamburguer {
	background-position: -120px -90px;
}

.icones.close-menu {
	background-position: -90px -90px;
}

.icones.white.close {
	background-position: -2px -90px;
}

.icones.close.black {
	background-position: -90px -90px;
	margin: 0;
}

.icones.fullscreen {
	background-position: -210px -90px;
	margin: 0;
}

.icones.arrow_down {
	background-position: -150px -90px;
	margin: 0;
}

.icones.search {
	background-position: -180px -90px;
	margin: 0;
}

.icones.wishlist {
	background-position: -120px -118px;
}

.icones.account {
	background-position: -60px -118px;
}

.icones.cart {
	background-position: -152px -118px;
	position: relative;
	height: 30px;
}

.show-mobile {
	display: block;
}

@media only screen and (min-width: 993px) {
	.show-mobile {
		display: none;
	}
}

.show-desktop {
	display: none;
}

@media only screen and (min-width: 993px) {
	.show-desktop {
		display: block;
	}
}

.icon.cart-mobile {
	background-position: -30px -118px;
	height: 30px;
	position: absolute;
	right: 50px;
	top: 17px;
}

@media only screen and (min-width: 993px) {
	.icon.cart-mobile {
		display: none;
	}
}

.overlay {
	background: black;
	width: 100%;
	position: absolute;
	top: 0;
	height: 100%;
	opacity: 0.2;
}

.big-icon {
	display: inline-block;
	width: 45px;
	height: 45px;
	background: url(images/sprite.svg) no-repeat;
	background-size: 45px 2000px;
}

.big-icon-title {
	display: inline-block;
	width: 38px;
	height: 38px;
	background: url(images/sprite.svg) no-repeat;
	background-size: 40px auto;
	margin-right: 10px;
	flex-grow: 0;
	flex-shrink: 0;
}

.big-icon-title.tipology.pt {
	background-position: 0 -10px;
}

.big-icon-title.tipology.wt, .big-icon-title.tipology.gwt {
	background-position: 0  -60px;
}

.big-icon-title.tipology.gt {
	background-position: 0 0;
}

.feature-icon {
	display: inline-block;
	position: relative;
	width: 45px;
	text-align: center;
	vertical-align: top;
}

.feature-icon span.text {
	bottom: 0;
	font-size: 10px;
	left: 50%;
	position: absolute;
	transform: translate(-50%, 0);
	line-height: 1;
	height: 0;
	width: 50px;
}

/*pt : Porcelain Tiles
wt : Wall Tiles
gt : Glazed Tiles
ept : Extruded porcelain tiles*/
.tipology-wrapper {
	display: flex;
	align-items: center;
}

.tipology.pt {
	background-position: 0 0px;
}

.tipology.wt, .tipology.eptw {
	background-position: 0 -45px;
}

.tipology.gt {
	background-position: 0 0;
}

/*
una : Uniform Appearance background-position: 0 -495px;
slv : Slight Variation background-position: 0px -557px;
mdv : Moderate Variation background-position: 0px -620px;
stv : Strong Variation     background-position: 0px -682px;
*/
.variation.v_1 {
	background-position: 0px calc(-5*45px);
}

.variation.v_2 {
	background-position: 0px calc(-6*45px);
}

.variation.v_3 {
	background-position: 0px calc(-7*45px);
}

.variation.v_4 {
	background-position: 0px calc(-8*45px);
}

.slip_resistance.r_9 {
	background-position: 0px calc(-13*45px);
}

.slip_resistance.r_10 {
	background-position: 0px calc(-14*45px);
}

.slip_resistance.r_11 {
	background-position: 0px calc(-15*45px);
}

.slip_resistance.r_12 {
	background-position: 0px calc(-16*45px);
}

.slip_resistance.r_13 {
	background-position: 0px calc(-17*45px);
}

.slip_resistance.a {
	background-position: 0px calc(-18*45px);
}

.slip_resistance.b {
	background-position: 0px calc(-19*45px);
}

.slip_resistance.c {
	background-position: 0px calc(-20*45px);
}

.slip_resistance.c_1 {
	background-position: 0px calc(-21*45px);
}

.slip_resistance.c_2 {
	background-position: 0px calc(-22*45px);
}

.slip_resistance.c_3 {
	background-position: 0px calc(-23*45px);
}

.group_slip {
	position: relative;
	display: inline-block;
	margin-left: 10px;
	font-size: 13px;
}

.centered {
	position: absolute;
	/* Position "Natural" text absolutely */
	bottom: 0;
	/* Align it to the bottom of the parent container */
	width: 100%;
	text-align: center;
}

.thickness {
	background-position: 0px calc(-8*60px);
}

.big-icon.random {
	background-position: 0px calc(-24*45px);
	position: absolute;
	bottom: -0;
	right: -0;
	width: 45px;
	height: 45px;
}

.big-icon.net-glued {
	background-position: 0px calc(-25*45px);
	position: absolute;
	bottom: -0;
	right: -0;
	width: 45px;
	height: 45px;
}

.big-icon.unit {
	background-position: 0px calc(-26*45px);
	position: absolute;
	bottom: -0;
	right: -0;
	width: 45px;
	height: 45px;
}

.icons {
	margin-bottom: 40px;
	-webkit-column-count: 5;
	-moz-column-count: 5;
	column-count: 5;
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
}

.icons__item,
.icons__item i {
	cursor: pointer;
	overflow: hidden;
}

.upec {
	height: 40px;
	margin-left: 10px;
}

.social {
	margin-top: 25px;
}

.social a {
	display: inline-block;
}

svg.spinner {
	width: 40px;
	height: 40px;
	x: 0px;
	y: 0px;
	viewBox: 0 0 40 40;
}

svg.spinner circle {
	fill: transparent;
	stroke: black;
	stroke-width: 4;
	stroke-linecap: round;
	stroke-dasharray: 125.6;
	-webkit-transform-origin: 20px 20px 0;
	-moz-transform-origin: 20px 20px 0;
	-ms-transform-origin: 20px 20px 0;
	-o-transform-origin: 20px 20px 0;
	transform-origin: 20px 20px 0;
	-webkit-animation: spinner 2s linear infinite;
	-moz-animation: spinner 2s linear infinite;
	-ms-animation: spinner 2s linear infinite;
	-o-animation: spinner 2s linear infinite;
	animation: spinner 2s linear infinite;
}

@-webkit-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		stroke-dashoffset: 26.4;
	}
	50% {
		-webkit-transform: rotate(720deg);
		stroke-dashoffset: 125.6;
	}
	100% {
		-webkit-transform: rotate(1080deg);
		stroke-dashoffset: 26.4;
	}
}

@-moz-keyframes spinner {
	0% {
		-moz-transform: rotate(0deg);
		stroke-dashoffset: 26.4;
	}
	50% {
		-moz-transform: rotate(720deg);
		stroke-dashoffset: 125.6;
	}
	100% {
		-moz-transform: rotate(1080deg);
		stroke-dashoffset: 26.4;
	}
}

@-ms-keyframes spinner {
	0% {
		-ms-transform: rotate(0deg);
		stroke-dashoffset: 26.4;
	}
	50% {
		-ms-transform: rotate(720deg);
		stroke-dashoffset: 125.6;
	}
	100% {
		-ms-transform: rotate(1080deg);
		stroke-dashoffset: 26.4;
	}
}

@-o-keyframes spinner {
	0% {
		-o-transform: rotate(0deg);
		stroke-dashoffset: 26.4;
	}
	50% {
		-o-transform: rotate(720deg);
		stroke-dashoffset: 125.6;
	}
	100% {
		-o-transform: rotate(1080deg);
		stroke-dashoffset: 26.4;
	}
}

@keyframes spinner {
	0% {
		transform: rotate(0deg);
		stroke-dashoffset: 26.4;
	}
	50% {
		transform: rotate(720deg);
		stroke-dashoffset: 125.6;
	}
	100% {
		transform: rotate(1080deg);
		stroke-dashoffset: 26.4;
	}
}

svg {
	display: block;
	margin: 0 auto;
}

ul.social {
	display: block;
	overflow: hidden;
	float: left;
	height: 29px;
	margin: 0;
	padding: 0 8px 0 0;
}

ul.social li {
	display: block;
	float: left;
	padding: 0 0 0 1px;
}

ul.social li a {
	width: 29px;
	height: 29px;
	display: block;
	text-align: center;
	line-height: 29px;
	font-size: 16px;
	color: #000;
	text-decoration: none !important;
}

ul.social li a span {
	height: 29px;
	display: block;
	text-align: center;
	line-height: 29px;
}

.zoomin {
	animation: zoomin 20s ease-in-out forwards;
}

@keyframes zoomin {
	0% {
		transform: scale(1) rotate(0deg);
	}
	100% {
		transform: scale(1.1) rotate(0.1deg);
	}
}

.zoomout {
	animation: zoomout 20s  ease forwards;
}

@keyframes zoomout {
	0% {
		transform: scale(1.1) rotate(0.1deg);
	}
	100% {
		transform: scale(1) rotate(0deg);
	}
}

.panleft {
	animation: panleft 20s  ease forwards;
}

@keyframes panleft {
	from {
		-webkit-transform: translateX(20px) scale(1.2);
	}
	to {
		-webkit-transform: translateX(-20px) scale(1.2);
	}
}

.panright {
	animation: panright 20s  ease forwards;
}

@keyframes panright {
	from {
		-webkit-transform: translateX(-20px) scale(1.2);
	}
	to {
		-webkit-transform: translateX(20px) scale(1.2);
	}
}

.panup {
	animation: panup 20s  ease forwards;
}

@keyframes panup {
	from {
		-webkit-transform: translateY(20px) scale(1.2);
	}
	to {
		-webkit-transform: translateY(-20px) scale(1.2);
	}
}

.pandown {
	animation: pandown 20s  ease forwards;
}

@keyframes pandown {
	from {
		-webkit-transform: translateY(-20px) scale(1.2);
	}
	to {
		-webkit-transform: translateY(20px) scale(1.2);
	}
}

.black-button {
	text-decoration: none !important;
	display: block;
	font-style: normal !important;
	width: 100%;
	color: #fff;
	text-transform: uppercase;
	background: #000;
	text-align: center;
	padding: 0 15px;
	cursor: pointer;
	position: relative;
	height: 42px;
	letter-spacing: .5px;
	line-height: 41px;
	border: 1px solid #000;
	font-size: 16px;
	height: 48px;
	line-height: 47px;
	transition: all .2s ease;
}

.black-button a {
	color: #fff;
}

.black-button:hover {
	background: #fff;
	color: #000;
}

.black-button:hover a {
	color: #000;
}

.grey-button {
	font-size: 100%;
	margin: 0;
	line-height: 1;
	cursor: pointer;
	position: relative;
	text-decoration: none;
	overflow: visible;
	padding: 0.618em 1em;
	border-radius: 3px;
	left: auto;
	color: #515151;
	background-color: #ebe9eb;
	border: 0;
	display: inline-block;
	background-image: none;
	box-shadow: none;
	text-shadow: none;
	text-decoration: none;
	background-image: none;
	color: #515151;
	font-weight: 700;
}

.grey-button a {
	color: #000;
}

.grey-button:hover {
	background-color: #dfdcde;
	text-decoration: none;
	color: #515151;
}

button.glass {
	color: #fff;
	background-color: rgba(255, 255, 255, 0.16);
	background-blend-mode: difference;
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	border: none;
	transition: all .2s ease-out;
}

button.glass.dark {
	color: black;
	background-color: rgba(74, 74, 74, 0.16);
}

button.glass.dark:hover {
	color: white;
	background-color: black;
}

button.icon-only {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px;
	margin: 0;
	border-radius: 20px;
}

button.with_text {
	padding: 12px 24px;
	font-size: 14px;
	letter-spacing: .28px;
	display: flex;
	flex-direction: row;
	gap: 12px;
	align-items: center;
	justify-content: center;
	width: -moz-fit-content;
	width: fit-content;
	border-radius: 35px;
}

button.inside {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 5px;
}

button:hover {
	background-color: rgba(74, 74, 74, 0.16);
}

button.no-background {
	color: #fff;
	background-color: transparent;
	padding: 5px;
}

button .small_icon {
	width: 15px;
	height: 15px;
}

.wpcf7-spinner {
	position: absolute;
}

img.social {
	width: 30px;
	margin: 10px;
}

#sync2 .owl-item, .zoom-in {
	overflow: hidden;
}

#sync2 .owl-item img, .zoom-in img {
	transition: transform 0.3s ease-in-out;
}

#sync2 .owl-item:hover img, .zoom-in:hover img {
	transform: scale(1.1);
	z-index: 10;
}

.read-more {
	font-weight: 600;
}

header {
	background: white;
	top: 0;
	position: fixed;
	z-index: 111;
	width: 100%;
	height: 60px;
}

header .wrapper {
	display: flex;
	justify-content: space-between;
	/* Logo Link */
	/* Navigation Menu */
	/* Menu and Button Wrapper */
	/* Open Menu Button */
}

header .wrapper .hdr-logo-link {
	flex: 1;
	/* Takes up available space on the left */
}

header .wrapper .nav-menu {
	display: flex;
	/* Align menu items in a row */
	align-items: center;
	/* Center the menu items vertically */
	margin-right: 10px;
	/* Optional spacing between menu and button */
}

header .wrapper .menu-button-wrapper {
	display: flex;
	/* Align menu and button together */
	align-items: center;
	/* Vertically align them */
	gap: 10px;
	/* Optional spacing between the menu and button */
}

header .wrapper .open-menu {
	flex: 0;
}

.logo {
	height: 40px;
	margin: 10px 0;
}

#menu {
	z-index: 2;
	transition: all 0.5s ease;
	display: flex;
	/* Align menu items in a row */
	align-items: center;
	/* Center the menu items vertically */
	margin-right: 10px;
	/* Optional spacing between menu and button */
}

#menu nav {
	text-transform: uppercase;
}

#menu nav ul li {
	font-size: 15px;
	padding: 10px;
}

#menu nav ul li a:hover {
	font-weight: bold;
}

#menu nav ul li.active a {
	font-weight: bold;
}

#menu-hover {
	display: none;
	position: fixed;
	width: 100%;
	top: 60px;
	left: 0;
	padding: 20px;
	background: beige;
	z-index: 1000;
}

#menu-hover .image-container {
	border: none;
	border-radius: 0%;
	width: 100px;
}

.show-menu {
	position: absolute;
	right: 0;
	top: 0;
	padding-right: 10px;
	padding-top: 15px;
}

@media only screen and (min-width: 993px) {
	.show-menu {
		display: none;
	}
}

#menu.fixed {
	position: fixed;
	top: 0;
	background: white;
	z-index: 111;
	width: 100%;
	border-bottom: 1px solid #ccc;
}

@media only screen and (min-width: 993px) {
	#menu.fixed {
		top: 30px;
	}
}

#menu.fixed nav {
	text-transform: uppercase;
	float: right;
	padding: 20px 0;
}

#menu.fixed nav ul li {
	font-size: 15px;
	padding: 0 0 0 20px;
}

#menu.fixed nav ul li a {
	color: black;
}

.spacer {
	padding-top: 49px;
}

@media only screen and (min-width: 993px) {
	.spacer {
		padding-top: 0;
	}
}

.langs {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.langs .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
	margin-bottom: 0;
}

.langs .wpml-ls-statics-footer a {
	background-color: transparent;
}

.langs ul li a {
	font-size: 20px !important;
}

button.open-menu {
	background: white;
	height: 60px;
}

.noscroll {
	overflow: hidden;
}

.overlay {
	position: fixed;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.7);
	display: none;
	z-index: 1500;
	opacity: 1;
}

.slide-menu {
	background: white;
	width: 100%;
	height: 100%;
	overflow: auto;
	position: fixed;
	top: 0;
	transition: all 0.4s ease-in-out;
	z-index: 2000;
	font-size: 1rem;
	max-width: 100%;
	right: -100%;
}

@media only screen and (min-width: 768px) {
	.slide-menu {
		background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, white 50%);
	}
}

.slide-menu.show {
	right: 0;
	z-index: 4000;
}

.slide-menu .close-menu {
	margin-top: 15px;
	float: right;
	-webkit-transition: all 180ms ease-out;
	-o-transition: all 180ms ease-out;
	transition: all 180ms ease-out;
	cursor: pointer;
	fill: black;
	transition: fill .4s ease;
	z-index: 999;
}

.slide-menu .close-menu .icon {
	width: 25px;
	height: 25px;
}

.slide-menu nav {
	margin: 103px 60px 0 60px;
}

.slide-menu nav li {
	padding-bottom: 2rem;
	width: 100%;
}

.slide-menu nav li a {
	font-size: 40px;
	line-height: 48px;
	display: inline-block;
	color: #222;
}

body.home #content, body.single-collection #content {
	margin-top: 0 !important;
}

body:not(.single-collection) #content,
body:not(.home) #content {
	/* Styles for elements inside non-home pages */
	margin-top: 60px;
}

/*
div{
	border: 1px solid black
}
*/
#content {
	flex: 1;
}

.featured-img {
	position: relative;
	background-position: center;
	text-align: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 400px;
	width: 100%;
}

@media only screen and (min-width: 768px) {
	.featured-img {
		margin-top: 0;
		min-height: 80vh;
	}
}

.featured-img-color {
	position: relative;
	background-position: center;
	text-align: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 200px;
	width: 100%;
}

@media only screen and (min-width: 768px) {
	.featured-img-color {
		margin-top: 0;
		min-height: 30vh;
		background-position: center;
	}
}

@media only screen and (min-width: 993px) {
	.featured-img-color {
		height: 400px;
	}
}

.intro {
	font-size: 16px;
}

@media only screen and (min-width: 993px) {
	.intro {
		font-size: 25px;
		line-height: 35px;
	}
}

#sync2 img {
	border-radius: 5px;
}

.single-product #close {
	display: none;
}

@media only screen and (min-width: 768px) {
	.share-me {
		float: right;
	}
}

.container-fluid.pos {
	width: 100%;
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
}

.header-text {
	position: absolute;
	z-index: 1;
	color: #fff;
	left: 0;
	right: 0;
	bottom: 0;
}

.header-text h1 {
	font-size: 46px;
	line-height: 1.5;
	margin: 0;
}

.concept h2 {
	font-size: 20px;
}

@media only screen and (min-width: 993px) {
	.concept h2 {
		font-size: 40px;
	}
}

#collection_detail {
	padding: .5rem;
	z-index: 1041;
}

#collection_detail .close {
	opacity: 1;
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 2;
}

#collection_detail .auto {
	width: auto;
}

#collection_detail .modal-backdrop {
	position: fixed;
	width: 0;
	height: 0;
	background-color: rgba(0, 0, 0, 0.85);
	top: 0;
	left: 50%;
	z-index: 0;
	opacity: 0;
	-webkit-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
}

#collection_detail .modal-backdrop.active {
	width: 100%;
	height: 100%;
	left: 0;
	opacity: 1;
	-webkit-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
}

#collection_detail {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1050;
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	outline: 0;
}

.container-modal {
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	z-index: 1;
}

@media only screen and (min-width: 993px) {
	.container-modal {
		width: 80%;
	}
}

.image_box {
	width: 100%;
	position: relative;
	margin-top: 26px;
}

.image_box .image {
	width: 100%;
	background: #000;
	height: 100%;
	text-align: center;
	left: 0;
	top: 0;
	position: absolute;
	align-items: center;
	justify-content: center;
	display: flex;
}

.image_box .image img {
	vertical-align: middle;
	z-index: 1;
	max-width: 100%;
	max-height: 100%;
	height: auto;
	width: auto;
	display: inline;
}

.image_box .image .title {
	bottom: 12px;
	left: 18px;
	position: absolute;
	display: inline;
	line-height: 1em;
	color: #ffffff;
	font-size: 0.938em;
	z-index: 1;
}

.image_box .image .number {
	bottom: 12px;
	right: 18px;
	position: absolute;
	display: inline;
	line-height: 1em;
	color: #ffffff;
	font-size: 0.938em;
	z-index: 1;
}

.image_box .piece figure {
	margin-right: 10px;
}

span.more-info-amb {
	position: absolute;
	right: 12px;
	bottom: 40px;
	z-index: 1;
}

.info {
	display: none;
	background: #FFFFFF;
	color: black;
	right: 20px;
	bottom: 100px;
	position: absolute;
	width: 360px;
	height: 320px;
	padding: 15px;
	overflow-y: scroll;
	background-color: #fff;
	border-radius: 5px;
	-ms-overflow-style: none;
	scrollbar-width: none;
	z-index: 1;
	transition: opacity 0.3s ease;
}

.info .piece img {
	width: 70px !important;
	margin-right: 10px;
}

.info .piece a {
	display: flex;
	color: #000;
}

.close-modal {
	right: 20px;
	top: 20px;
	position: fixed;
	background: url(images/icon_close.png);
	text-indent: -9999px;
	font-size: 0;
	height: 26px;
	width: 26px;
}

.owl-nav {
	position: absolute;
	line-height: 45px;
	opacity: 1;
	z-index: 1111;
	top: 40%;
	width: 100%;
}

.owl-prev {
	position: absolute;
	text-indent: -9999px;
	left: 0;
	display: inline-block;
	width: 43px;
	height: 43px;
	background: url(images/icons.svg) no-repeat !important;
	background-size: 500px 500px !important;
	background-position: -59px -88px !important;
}

.owl-next {
	position: absolute;
	right: 0;
	text-indent: -9999px;
	display: inline-block;
	width: 43px;
	height: 43px;
	background: url(images/icons.svg) no-repeat !important;
	background-size: 500px 500px !important;
	background-position: -108px -88px !important;
}

#sync1 img {
	border-radius: 10px;
}

#sync1 .owl-prev {
	left: 0;
}

@media only screen and (min-width: 768px) {
	#sync1 .owl-prev {
		left: -40px;
	}
}

#sync1 .owl-next {
	right: 0;
}

@media only screen and (min-width: 768px) {
	#sync1 .owl-next {
		right: -40px;
	}
}

.owl-theme .owl-nav [class*='owl-'] {
	transition: all .3s ease;
}

.owl-theme .owl-nav [class*='owl-'].disabled:hover {
	background-color: #D6D6D6;
}

span.question {
	border: 1px solid;
	border-radius: 50%;
	padding: 0px 5px;
	font-size: 9px;
	color: #8c8c8c;
}

.single-collection.projectos .colors, .single-collection.urban .colors, .single-collection.ritmo .colors, .single-collection.twenties .colors, .single-collection.porto .colors, .single-collection.revival .colors, .single-collection.twist .colors {
	font-size: 12px;
	flex-wrap: wrap;
	justify-content: left;
}

.single-collection.projectos .colors li, .single-collection.urban .colors li, .single-collection.ritmo .colors li, .single-collection.twenties .colors li, .single-collection.porto .colors li, .single-collection.revival .colors li, .single-collection.twist .colors li {
	width: 25%;
	margin-bottom: 10px;
}

@media only screen and (min-width: 993px) {
	.single-collection.projectos .colors li, .single-collection.urban .colors li, .single-collection.ritmo .colors li, .single-collection.twenties .colors li, .single-collection.porto .colors li, .single-collection.revival .colors li, .single-collection.twist .colors li {
		width: 12%;
	}
}

.parent-projectos .colors {
	font-size: 12px;
	flex-wrap: wrap;
	justify-content: left;
}

.parent-projectos .colors li {
	width: 33%;
	margin-bottom: 10px;
}

@media only screen and (min-width: 993px) {
	.parent-projectos .colors li {
		width: 12%;
	}
}

.parent-urban .colors {
	font-size: 12px;
	flex-wrap: wrap;
	justify-content: left;
}

.parent-urban .colors li {
	width: 33%;
	margin-bottom: 10px;
}

@media only screen and (min-width: 993px) {
	.parent-urban .colors li {
		width: 12%;
	}
}

.parent-ritmo .colors {
	font-size: 12px;
	flex-wrap: wrap;
	justify-content: left;
}

.parent-ritmo .colors li {
	width: 33%;
	margin-bottom: 10px;
}

@media only screen and (min-width: 993px) {
	.parent-ritmo .colors li {
		width: 12%;
	}
}

.ajax-loader {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
}

.thicks {
	display: inline-block;
	position: relative;
}

.thicks span.text {
	position: absolute;
	bottom: 0;
	font-size: 9px;
	left: 50%;
	transform: translate(-50%, 0);
	line-height: 1;
	height: 16px;
}

.group {
	margin-top: 20px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

@media only screen and (min-width: 993px) {
	.group {
		margin-right: 20px;
		margin-top: 10px;
	}
}

.group ul {
	display: flex;
	align-items: baseline;
	gap: 10px;
	list-style-type: none !important;
	padding: 0;
	margin: 0;
}

@media only screen and (min-width: 993px) {
	.group ul {
		gap: 20px;
	}
}

.group .with-line {
	margin-top: auto;
	/* Pushes the paragraph to the bottom */
	text-align: center;
	width: 100%;
	/* Makes the paragraph span the same width as the group */
	margin-bottom: 0;
}

.formats {
	align-items: flex-end;
	font-size: 12px;
	width: 100%;
	justify-content: center;
}

.formats li {
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
}

@media only screen and (min-width: 1170px) {
	.formats {
		padding-right: 10px;
		display: flex;
	}
}

.formats .format {
	--transition-duration: 500ms;
	--transition-easing: ease-out;
	transition: transform var(--transition-duration) var(--transition-easing);
}

.formats .format:hover {
	transform: translateY(-15px);
}

.colors {
	margin: 0;
	font-size: 1rem;
	padding: 5px;
	display: flex;
	justify-content: center;
}

.colors li {
	display: inline-block;
	width: 50%;
	margin-bottom: 10px;
	padding: 5px;
}

@media only screen and (min-width: 993px) {
	.colors li {
		width: 24%;
	}
}

.colors li img {
	border-radius: 5px;
}

.single-color .with-line {
	margin-top: 0;
	display: flex;
}

.with-line {
	position: relative;
	display: flex;
	align-items: center;
	/* Ensures vertical alignment */
	text-align: center;
}

.with-line:before,
.with-line:after {
	content: '';
	flex-grow: 1;
	/* Makes the lines expand to fill the space */
	height: 1px;
	/* Line thickness */
	background: lightgray;
}

.with-line:before {
	margin-right: 10px;
	/* Space between the line and text */
}

.with-line:after {
	margin-left: 10px;
	/* Space between the line and text */
}

.hr-lines {
	position: relative;
	text-align: center;
}

.hr-lines:before {
	content: " ";
	display: block;
	height: 1px;
	width: 130px;
	position: absolute;
	top: 50%;
	left: 0;
	background: lightgray;
}

.hr-lines:after {
	content: " ";
	height: 1px;
	width: 130px;
	background: lightgray;
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
}

.format {
	background: #eee;
	border: 1px solid black;
	margin-bottom: 2px;
}

.f6-5x13 {
	width: 7px;
	height: 13px;
}

@media only screen and (min-width: 993px) {
	.f6-5x13 {
		width: 13px;
		height: 26px;
	}
}

.f7-5x15 {
	width: 8px;
	height: 15px;
}

@media only screen and (min-width: 993px) {
	.f7-5x15 {
		width: 15px;
		height: 30px;
	}
}

.f7-5x30 {
	width: 8px;
	height: 30px;
}

@media only screen and (min-width: 993px) {
	.f7-5x30 {
		width: 15px;
		height: 60px;
	}
}

.fm7-5x30 {
	width: 8px;
	height: 30px;
}

@media only screen and (min-width: 993px) {
	.fm7-5x30 {
		width: 15px;
		height: 60px;
	}
}

.fm10x10 {
	width: 10px;
	height: 10px;
}

@media only screen and (min-width: 993px) {
	.fm10x10 {
		width: 20px;
		height: 20px;
	}
}

.fm10x10C {
	width: 30px;
	height: 30px;
	background-color: #eee;
	/* Add background color */
	background-image: url(images/formatos/M10x10C.svg);
	background-repeat: no-repeat;
	background-position: center;
}

@media only screen and (min-width: 993px) {
	.fm10x10C {
		width: 60px;
		height: 60px;
	}
}

.fm10x20 {
	width: 10px;
	height: 20px;
}

@media only screen and (min-width: 993px) {
	.fm10x20 {
		width: 20px;
		height: 40px;
	}
}

.f12x24 {
	width: 12px;
	height: 24px;
}

@media only screen and (min-width: 993px) {
	.f12x24 {
		width: 24px;
		height: 48px;
	}
}

.f13x13 {
	width: 13px;
	height: 13px;
}

@media only screen and (min-width: 993px) {
	.f13x13 {
		width: 26px;
		height: 26px;
	}
}

.f14x14 {
	width: 14px;
	height: 14px;
}

@media only screen and (min-width: 993px) {
	.f14x14 {
		width: 28px;
		height: 28px;
	}
}

.f15x15, .fm15x15 {
	width: 15px;
	height: 15px;
}

@media only screen and (min-width: 993px) {
	.f15x15, .fm15x15 {
		width: 30px;
		height: 30px;
	}
}

.f15x30 {
	width: 15px;
	height: 30px;
}

@media only screen and (min-width: 993px) {
	.f15x30 {
		width: 30px;
		height: 60px;
	}
}

.f15x60 {
	width: 15px;
	height: 60px;
}

@media only screen and (min-width: 993px) {
	.f15x60 {
		width: 30px;
		height: 120px;
	}
}

.f15x90 {
	width: 30px;
	height: 180px;
}

.f15x120 {
	width: 30px;
	height: 240px;
}

.f20x20, .fm20x20 {
	width: 20px;
	height: 20px;
}

@media only screen and (min-width: 993px) {
	.f20x20, .fm20x20 {
		width: 40px;
		height: 40px;
	}
}

.f20x40 {
	width: 20px;
	height: 40px;
}

@media only screen and (min-width: 993px) {
	.f20x40 {
		width: 40px;
		height: 80px;
	}
}

.f20x50 {
	width: 20px;
	height: 50px;
}

@media only screen and (min-width: 993px) {
	.f20x50 {
		width: 40px;
		height: 100px;
	}
}

.f20x60 {
	width: 20px;
	height: 60px;
}

@media only screen and (min-width: 993px) {
	.f20x60 {
		width: 40px;
		height: 120px;
	}
}

.f20x120 {
	width: 20px;
	height: 120px;
}

@media only screen and (min-width: 993px) {
	.f20x120 {
		width: 40px;
		height: 240px;
	}
}

.f22x22 {
	width: 22px;
	height: 22px;
}

@media only screen and (min-width: 993px) {
	.f22x22 {
		width: 44px;
		height: 44px;
	}
}

.f22x90 {
	width: 22px;
	height: 90px;
}

@media only screen and (min-width: 993px) {
	.f22x90 {
		width: 44px;
		height: 180px;
	}
}

.f25x40 {
	width: 25px;
	height: 40px;
}

@media only screen and (min-width: 993px) {
	.f25x40 {
		width: 50px;
		height: 80px;
	}
}

.f27x42 {
	width: 27px;
	height: 42px;
}

@media only screen and (min-width: 993px) {
	.f27x42 {
		width: 56px;
		height: 84px;
	}
}

.f30x30 {
	width: 30px;
	height: 30px;
}

@media only screen and (min-width: 993px) {
	.f30x30 {
		width: 60px;
		height: 60px;
	}
}

.f30x30-35x35C {
	width: 30px;
	height: 30px;
	background-color: #eee;
	/* Add background color */
	background-image: url(images/formatos/P30x30_3-5.svg);
	background-repeat: no-repeat;
	background-position: center;
}

@media only screen and (min-width: 993px) {
	.f30x30-35x35C {
		width: 60px;
		height: 60px;
	}
}

.fm30x30_4-5C {
	width: 60px;
	height: 60px;
	background-color: #eee;
	/* Add background color */
	background-image: url(images/formatos/M30x30_4-5.svg);
	background-repeat: no-repeat;
	background-position: center;
}

.fp30x30_3-5C {
	width: 30px;
	height: 30px;
	background-color: #eee;
	/* Add background color */
	background-image: url(images/formatos/P30x30_3-5.svg);
	background-repeat: no-repeat;
	background-position: center;
}

@media only screen and (min-width: 993px) {
	.fp30x30_3-5C {
		width: 60px;
		height: 60px;
	}
}

.f30x30-44x5C {
	width: 30px;
	height: 30px;
	background-color: #eee;
	/* Add background color */
	background-image: url(images/formatos/f30x30-44x5C.svg);
	background-repeat: no-repeat;
	background-position: center;
}

@media only screen and (min-width: 993px) {
	.f30x30-44x5C {
		width: 60px;
		height: 60px;
	}
}

.f30x30-5x30C {
	width: 30px;
	height: 30px;
	background-color: #eee;
	/* Add background color */
	background-image: url(images/formatos/f30x30-5x30C.svg);
	background-repeat: no-repeat;
	background-position: center;
}

@media only screen and (min-width: 993px) {
	.f30x30-5x30C {
		width: 60px;
		height: 60px;
	}
}

.f30x30-10x5C {
	width: 30px;
	height: 30px;
	background-color: white;
	/* Add background color */
	background-image: url(images/formatos/M30x30_10x5.svg);
	background-repeat: no-repeat;
	background-position: center;
	border: none;
}

@media only screen and (min-width: 993px) {
	.f30x30-10x5C {
		width: 60px;
		height: 60px;
	}
}

.fl3-5x30_3-5C {
	width: 50px;
	height: 30px;
	background-color: #eee;
	/* Add background color */
	background-image: url(images/formatos/L3-5x30_3-5.svg);
	background-repeat: no-repeat;
	background-position: center;
}

@media only screen and (min-width: 993px) {
	.fl3-5x30_3-5C {
		width: 10px;
		height: 60px;
	}
}

.f30x278C {
	border: none;
	background: none;
	width: 30px;
	height: 30px;
	background-image: url(images/formatos/M30x27-8.svg);
	background-repeat: no-repeat;
	background-position: center;
}

@media only screen and (min-width: 993px) {
	.f30x278C {
		width: 60px;
		height: 60px;
	}
}

.f30x30-15x45C {
	background: none;
	width: 30px;
	height: 30px;
	background-image: url(images/formatos/f30x30-15x45C.svg);
	background-repeat: no-repeat;
	background-position: center;
}

@media only screen and (min-width: 993px) {
	.f30x30-15x45C {
		width: 60px;
		height: 60px;
	}
}

.fm_fitC {
	border: none;
	background: none;
	width: 32px;
	height: 32px;
	background-image: url(images/formatos/fm_fitC.svg);
	background-repeat: no-repeat;
	background-position: center;
}

@media only screen and (min-width: 993px) {
	.fm_fitC {
		width: 64px;
		height: 60px;
	}
}

.fm_way_2C {
	background: none;
	width: 32px;
	height: 30px;
	background-color: #eee;
	/* Add background color */
	background-image: url(images/formatos/fm_way_2C.svg);
	background-repeat: no-repeat;
	background-position: center;
}

@media only screen and (min-width: 993px) {
	.fm_way_2C {
		width: 64px;
		height: 60px;
	}
}

.f30x30-22x97C {
	width: 30px;
	height: 30px;
	background-color: #eee;
	/* Add background color */
	background-image: url(images/formatos/f30x30-22x97C.svg);
	background-repeat: no-repeat;
	background-position: center;
}

@media only screen and (min-width: 993px) {
	.f30x30-22x97C {
		width: 60px;
		height: 60px;
	}
}

.f35x30C {
	background: none;
	width: 30px;
	height: 4px;
	background-image: url(images/formatos/f35x30C.svg);
	background-repeat: no-repeat;
	background-position: center;
}

@media only screen and (min-width: 993px) {
	.f35x30C {
		width: 60px;
		height: 8px;
	}
}

.f30x60 {
	width: 30px;
	height: 60px;
}

@media only screen and (min-width: 993px) {
	.f30x60 {
		width: 60px;
		height: 120px;
	}
}

.f30x90 {
	width: 30px;
	height: 90px;
}

@media only screen and (min-width: 993px) {
	.f30x90 {
		width: 60px;
		height: 180px;
	}
}

.f32x32 {
	width: 32px;
	height: 32px;
}

@media only screen and (min-width: 993px) {
	.f32x32 {
		width: 64px;
		height: 64px;
	}
}

.f33x33 {
	width: 33px;
	height: 33px;
}

@media only screen and (min-width: 993px) {
	.f33x33 {
		width: 66px;
		height: 66px;
	}
}

.f40x40 {
	width: 40px;
	height: 40px;
}

@media only screen and (min-width: 993px) {
	.f40x40 {
		width: 80px;
		height: 80px;
	}
}

.f45x45 {
	width: 45px;
	height: 45px;
}

@media only screen and (min-width: 993px) {
	.f45x45 {
		width: 90px;
		height: 90px;
	}
}

.f45x90 {
	width: 45px;
	height: 90px;
}

@media only screen and (min-width: 993px) {
	.f45x90 {
		width: 90px;
		height: 180px;
	}
}

.f60x60 {
	width: 60px;
	height: 60px;
}

@media only screen and (min-width: 993px) {
	.f60x60 {
		width: 120px;
		height: 120px;
	}
}

.f60x120 {
	width: 60px;
	height: 120px;
}

@media only screen and (min-width: 993px) {
	.f60x120 {
		width: 120px;
		height: 240px;
	}
}

.f90x90 {
	width: 90px;
	height: 90px;
}

@media only screen and (min-width: 993px) {
	.f90x90 {
		width: 180px;
		height: 180px;
	}
}

.open-color {
	display: inline-block;
}

.open-color.active img {
	border: 2px solid black;
}

.color-sample {
	display: block;
	height: 100px;
}

figure {
	position: relative;
	margin: 0;
}

span.more {
	position: absolute;
	bottom: 0;
	right: 0;
	color: #fff;
	background: rgba(0, 0, 0, 0.5);
	padding: 3px;
	border-radius: 50%;
	font-size: 16px;
	font-weight: bolder;
	line-height: 7px;
	margin: 4px;
}

.special-title {
	text-transform: uppercase;
	font-weight: 700;
}

.open-color, .open-product {
	transition: all .2s ease;
	position: relative;
}

.open-color .color, .open-product .color {
	background: white;
}

.colors:hover .open-color {
	opacity: .8;
	box-shadow: none;
}

.colors:hover .open-color:hover {
	transform: scale(1.1);
	opacity: 1;
	box-shadow: 0 8px 20px 0px rgba(0, 0, 0, 0.125);
	z-index: 1;
}

#more-info {
	display: none;
}

.single-post .wp-block-list {
	list-style: initial;
	padding-left: 30px;
}

ul.filter-typ {
	display: flex;
	border-bottom: 1px solid #d4d4d4;
}

ul.filter-typ .filter-btn {
	position: relative;
	display: flex;
	gap: 8px;
	font-size: 1.5rem;
	text-transform: none;
	text-wrap: nowrap;
	cursor: pointer;
	padding: 10px 20px;
	color: #d4d4d4;
}

ul.filter-typ .filter-btn.active {
	color: black;
}

ul.filter-typ .filter-btn.active::before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	content: "";
	background: black;
}

.product-group {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
	/* Optional: Adds spacing between different format groups */
}

.product-box {
	display: inline-block;
	margin-bottom: 10px;
	padding: 0 1px 14px;
	position: relative;
	vertical-align: top;
}

.product-box.show-right {
	z-index: 88;
}

.product-box.show-right .product .preview {
	position: relative;
	z-index: 99;
}

.product-box.show-right .product .details {
	opacity: 1;
	left: 100%;
	padding-bottom: 15px;
	position: absolute;
	top: 0;
	z-index: 77;
}

.product-box.show-right .product .details::before {
	background-color: #fff;
	border: 1px solid lightgray;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
	content: '';
	display: block;
	height: 100%;
	left: -100%;
	position: absolute;
	width: 200%;
	z-index: -1;
}

.product-box .product {
	background: #fff;
	padding: 15px 20px 0;
	word-wrap: break-word;
}

.product-box .product .details {
	padding-right: 10px;
}

.product-box .preview {
	display: inline-block;
	padding-bottom: 10px;
	vertical-align: top;
	width: 100%;
	height: fit-content;
}

.product-box .details {
	padding-left: 10px;
	position: absolute;
	width: 100%;
	top: -9999999px;
	transition: opacity 0.5s ease, visibility 0.5s ease;
	opacity: 0;
}

/* Hide the radio buttons */
input.radio-hidden {
	display: none;
}

/* Style the labels */
label.radio-label {
	cursor: pointer;
	margin-right: 10px;
	color: lightgrey;
	transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* Default style for selected labels */
input.radio-hidden:checked + label.radio-label {
	color: black;
}

/* Style for unselected labels */
input.radio-hidden + label.radio-label {
	color: lightgrey;
}

/*!
 * fullPage 4.0.29
 * https://github.com/alvarotrigo/fullPage.js
 *
 * @license GPLv3 for open source use only
 * or Fullpage Commercial License for commercial use
 * http://alvarotrigo.com/fullPage/pricing/
 *
 * Copyright (C) 2021 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo
 */
.fp-enabled body, html.fp-enabled {
	margin: 0;
	padding: 0;
	overflow: hidden;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fp-section {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	display: block;
}

.fp-slide {
	float: left;
}

.fp-slide, .fp-slidesContainer {
	height: 100%;
	display: block;
}

.fp-slides {
	z-index: 1;
	height: 100%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.fp-table {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
}

.fp-slidesContainer {
	float: left;
	position: relative;
}

.fp-controlArrow {
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
	position: absolute;
	z-index: 4;
	top: 50%;
	cursor: pointer;
	margin-top: -38px;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.fp-prev {
	left: 15px;
}

.fp-next {
	right: 15px;
}

.fp-arrow {
	width: 0;
	height: 0;
	border-style: solid;
}

.fp-arrow.fp-prev {
	border-width: 38.5px 34px 38.5px 0;
	border-color: transparent #fff transparent transparent;
}

.fp-arrow.fp-next {
	border-width: 38.5px 0 38.5px 34px;
	border-color: transparent transparent transparent #fff;
}

.fp-notransition {
	-webkit-transition: none !important;
	transition: none !important;
}

#fp-nav {
	position: fixed;
	z-index: 100;
	top: 50%;
	opacity: 1;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translate3d(0, -50%, 0);
	pointer-events: none;
}

#fp-nav.fp-right {
	right: 17px;
}

#fp-nav.fp-left {
	left: 17px;
}

.fp-slidesNav {
	position: absolute;
	z-index: 4;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	left: 0 !important;
	right: 0;
	margin: 0 auto !important;
	pointer-events: none;
}

.fp-slidesNav.fp-bottom {
	bottom: 17px;
}

.fp-slidesNav.fp-top {
	top: 17px;
}

#fp-nav ul, .fp-slidesNav ul {
	margin: 0;
	padding: 0;
}

#fp-nav ul li, .fp-slidesNav ul li {
	display: block;
	width: 14px;
	height: 13px;
	margin: 7px;
	position: relative;
}

.fp-slidesNav ul li {
	display: inline-block;
}

#fp-nav ul li a, .fp-slidesNav ul li a {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	pointer-events: all;
}

#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
	height: 12px;
	width: 12px;
	margin: -6px 0 0 -6px;
	border-radius: 100%;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
	border-radius: 50%;
	position: absolute;
	z-index: 1;
	height: 4px;
	width: 4px;
	border: 0;
	background: #333;
	left: 50%;
	top: 50%;
	margin: -2px 0 0 -2px;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
	width: 10px;
	height: 10px;
	margin: -5px 0 0 -5px;
}

#fp-nav ul li .fp-tooltip {
	position: absolute;
	top: -2px;
	color: #fff;
	font-size: 14px;
	font-family: arial,helvetica,sans-serif;
	white-space: nowrap;
	max-width: 220px;
	overflow: hidden;
	display: block;
	opacity: 0;
	width: 0;
	cursor: pointer;
}

#fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip {
	-webkit-transition: opacity .2s ease-in;
	transition: opacity .2s ease-in;
	width: auto;
	opacity: 1;
}

#fp-nav ul li .fp-tooltip.fp-right {
	right: 20px;
}

#fp-nav ul li .fp-tooltip.fp-left {
	left: 20px;
}

.fp-auto-height .fp-slide, .fp-auto-height.fp-section {
	height: auto !important;
}

.fp-responsive .fp-is-overflow.fp-section {
	height: auto !important;
}

.fp-scrollable .fp-section, .fp-scrollable .fp-slide, .fp-scrollable.fp-responsive .fp-is-overflow.fp-section {
	height: 100vh;
	height: calc(var(--vh,1vh) * 100);
}

.fp-scrollable .fp-section:not(.fp-auto-height):not([data-percentage]), .fp-scrollable .fp-slide:not(.fp-auto-height):not([data-percentage]), .fp-scrollable.fp-responsive .fp-is-overflow.fp-section:not(.fp-auto-height):not([data-percentage]) {
	min-height: 100vh;
	min-height: calc(var(--vh,1vh) * 100);
}

.fp-overflow {
	justify-content: flex-start;
	max-height: 100vh;
}

.fp-scrollable .fp-auto-height .fp-overflow {
	max-height: none;
}

.fp-is-overflow .fp-overflow.fp-auto-height, .fp-is-overflow .fp-overflow.fp-auto-height-responsive, .fp-is-overflow > .fp-overflow {
	overflow-y: auto;
}

.fp-overflow {
	outline: 0;
}

.fp-overflow.fp-table {
	display: block;
}

.fp-responsive .fp-auto-height-responsive .fp-overflow, .fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive.fp-section {
	height: auto !important;
	min-height: auto !important;
}

.fp-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.fp-scroll-mac .fp-overflow::-webkit-scrollbar {
	background-color: transparent;
	width: 9px;
}

.fp-scroll-mac .fp-overflow::-webkit-scrollbar-track {
	background-color: transparent;
}

.fp-scroll-mac .fp-overflow::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.4);
	border-radius: 16px;
	border: 4px solid transparent;
}

.fp-warning, .fp-watermark {
	z-index: 9999999;
	position: absolute;
	bottom: 0;
}

.fp-warning, .fp-watermark a {
	text-decoration: none;
	color: #000;
	background: rgba(255, 255, 255, 0.6);
	padding: 5px 8px;
	font-size: 14px;
	font-family: arial;
	color: #000;
	display: inline-block;
	border-radius: 3px;
	margin: 12px;
}

.fp-noscroll .fp-overflow {
	overflow: hidden;
}

/*# sourceMappingURL=fullpage.min.css.map */
[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
	transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
	transition-delay: 50ms;
}

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
	transition-duration: .1s;
}

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
	transition-delay: .1s;
}

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
	transition-duration: .15s;
}

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
	transition-delay: .15s;
}

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
	transition-duration: .2s;
}

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
	transition-delay: .2s;
}

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
	transition-duration: .25s;
}

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
	transition-delay: .25s;
}

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
	transition-duration: .3s;
}

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
	transition-delay: .3s;
}

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
	transition-duration: .35s;
}

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
	transition-delay: .35s;
}

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
	transition-duration: .4s;
}

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
	transition-delay: .4s;
}

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
	transition-duration: .45s;
}

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
	transition-delay: .45s;
}

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
	transition-duration: .5s;
}

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
	transition-delay: .5s;
}

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
	transition-duration: .55s;
}

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
	transition-delay: .55s;
}

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
	transition-duration: .6s;
}

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
	transition-delay: .6s;
}

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
	transition-duration: .65s;
}

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
	transition-delay: .65s;
}

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
	transition-duration: .7s;
}

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
	transition-delay: .7s;
}

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
	transition-duration: .75s;
}

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
	transition-delay: .75s;
}

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
	transition-duration: .8s;
}

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
	transition-delay: .8s;
}

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
	transition-duration: .85s;
}

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
	transition-delay: .85s;
}

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
	transition-duration: .9s;
}

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
	transition-delay: .9s;
}

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
	transition-duration: .95s;
}

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
	transition-delay: .95s;
}

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
	transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
	transition-delay: 1s;
}

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
	transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
	transition-delay: 1.05s;
}

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
	transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
	transition-delay: 1.1s;
}

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
	transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
	transition-delay: 1.15s;
}

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
	transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
	transition-delay: 1.2s;
}

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
	transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
	transition-delay: 1.25s;
}

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
	transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
	transition-delay: 1.3s;
}

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
	transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
	transition-delay: 1.35s;
}

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
	transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
	transition-delay: 1.4s;
}

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
	transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
	transition-delay: 1.45s;
}

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
	transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
	transition-delay: 1.5s;
}

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
	transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
	transition-delay: 1.55s;
}

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
	transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
	transition-delay: 1.6s;
}

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
	transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
	transition-delay: 1.65s;
}

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
	transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
	transition-delay: 1.7s;
}

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
	transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
	transition-delay: 1.75s;
}

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
	transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
	transition-delay: 1.8s;
}

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
	transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
	transition-delay: 1.85s;
}

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
	transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
	transition-delay: 1.9s;
}

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
	transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
	transition-delay: 1.95s;
}

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
	transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
	transition-delay: 2s;
}

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
	transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
	transition-delay: 2.05s;
}

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
	transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
	transition-delay: 2.1s;
}

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
	transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
	transition-delay: 2.15s;
}

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
	transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
	transition-delay: 2.2s;
}

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
	transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
	transition-delay: 2.25s;
}

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
	transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
	transition-delay: 2.3s;
}

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
	transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
	transition-delay: 2.35s;
}

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
	transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
	transition-delay: 2.4s;
}

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
	transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
	transition-delay: 2.45s;
}

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
	transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
	transition-delay: 2.5s;
}

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
	transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
	transition-delay: 2.55s;
}

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
	transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
	transition-delay: 2.6s;
}

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
	transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
	transition-delay: 2.65s;
}

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
	transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
	transition-delay: 2.7s;
}

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
	transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
	transition-delay: 2.75s;
}

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
	transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
	transition-delay: 2.8s;
}

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
	transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
	transition-delay: 2.85s;
}

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
	transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
	transition-delay: 2.9s;
}

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
	transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
	transition-delay: 2.95s;
}

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
	transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
	transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
	transition-delay: 3s;
}

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
	transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
	transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
	transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
	transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
	transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
	transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
	transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
	transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
	transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
	transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
	transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
	transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
	transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
	transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
	transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
	transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
	transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
	transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
	transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos^=fade][data-aos^=fade] {
	opacity: 0;
	transition-property: opacity,transform;
}

[data-aos^=fade][data-aos^=fade].aos-animate {
	opacity: 1;
	transform: translateZ(0);
}

[data-aos=fade-up] {
	transform: translate3d(0, 100px, 0);
}

[data-aos=fade-down] {
	transform: translate3d(0, -100px, 0);
}

[data-aos=fade-right] {
	transform: translate3d(-100px, 0, 0);
}

[data-aos=fade-left] {
	transform: translate3d(100px, 0, 0);
}

[data-aos=fade-up-right] {
	transform: translate3d(-100px, 100px, 0);
}

[data-aos=fade-up-left] {
	transform: translate3d(100px, 100px, 0);
}

[data-aos=fade-down-right] {
	transform: translate3d(-100px, -100px, 0);
}

[data-aos=fade-down-left] {
	transform: translate3d(100px, -100px, 0);
}

[data-aos^=zoom][data-aos^=zoom] {
	opacity: 0;
	transition-property: opacity,transform;
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
	opacity: 1;
	transform: translateZ(0) scale(1);
}

[data-aos=zoom-in] {
	transform: scale(0.6);
}

[data-aos=zoom-in-up] {
	transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos=zoom-in-down] {
	transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos=zoom-in-right] {
	transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos=zoom-in-left] {
	transform: translate3d(100px, 0, 0) scale(0.6);
}

[data-aos=zoom-out] {
	transform: scale(1.2);
}

[data-aos=zoom-out-up] {
	transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos=zoom-out-down] {
	transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos=zoom-out-right] {
	transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos=zoom-out-left] {
	transform: translate3d(100px, 0, 0) scale(1.2);
}

[data-aos^=slide][data-aos^=slide] {
	transition-property: transform;
}

[data-aos^=slide][data-aos^=slide].aos-animate {
	transform: translateZ(0);
}

[data-aos=slide-up] {
	transform: translate3d(0, 100%, 0);
}

[data-aos=slide-down] {
	transform: translate3d(0, -100%, 0);
}

[data-aos=slide-right] {
	transform: translate3d(-100%, 0, 0);
}

[data-aos=slide-left] {
	transform: translate3d(100%, 0, 0);
}

[data-aos^=flip][data-aos^=flip] {
	backface-visibility: hidden;
	transition-property: transform;
}

[data-aos=flip-left] {
	transform: perspective(2500px) rotateY(-100deg);
}

[data-aos=flip-left].aos-animate {
	transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-right] {
	transform: perspective(2500px) rotateY(100deg);
}

[data-aos=flip-right].aos-animate {
	transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-up] {
	transform: perspective(2500px) rotateX(-100deg);
}

[data-aos=flip-up].aos-animate {
	transform: perspective(2500px) rotateX(0);
}

[data-aos=flip-down] {
	transform: perspective(2500px) rotateX(100deg);
}

[data-aos=flip-down].aos-animate {
	transform: perspective(2500px) rotateX(0);
}

.page-template-page-landing, .metalcrete {
	/*

.formats {
   padding: 15px 0;
   font-size: 15px;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 10px; // Adjust spacing between items 
   flex-wrap: wrap;   
   color: grey;
   @include MQ(L) {
   padding: 20px 0;
   font-size: 20px;
   }
}

.formats div {
   @include MQ(L) {
   position: relative;
   white-space: nowrap; // Ensures items stay on one line 
   padding: 10px;
}
}

.formats div:not(:first-child)::before {
   @include MQ(L) {
   content: "•"; // Dot between items 
   position: absolute;
   left: -10px; // Adjust the spacing of the dot 
   font-size: 20px; // Adjust dot size 
   color: grey;  // Dot color 
}
}
*/
}

.page-template-page-landing body, .metalcrete body {
	font-family: "Poppins", sans-serif;
	color: #403f3f;
	font-size: 16px;
	line-height: 24px !important;
}

.page-template-page-landing div#menu, .metalcrete div#menu {
	display: none;
}

.page-template-page-landing button.open-menu, .metalcrete button.open-menu {
	display: none;
}

.page-template-page-landing .featured-img, .metalcrete .featured-img {
	position: relative;
	background-position: center;
	text-align: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 400px;
	width: 100%;
}

@media only screen and (min-width: 768px) {
	.page-template-page-landing .featured-img, .metalcrete .featured-img {
		margin-top: 0;
		min-height: 88vh;
		background-position: bottom;
	}
}

@media only screen and (min-width: 993px) {
	.page-template-page-landing .title-wrapper, .metalcrete .title-wrapper {
		padding: 3rem !important;
		display: flex;
		flex-flow: column;
		justify-content: end;
	}
}

.page-template-page-landing h1#collection, .metalcrete h1#collection {
	font-weight: 700;
	font-size: 40px;
}

.page-template-page-landing h2, .page-template-page-landing .h2, .metalcrete h2, .metalcrete .h2 {
	font-weight: 600;
	font-size: 20px;
}

@media only screen and (min-width: 993px) {
	.page-template-page-landing h2, .page-template-page-landing .h2, .metalcrete h2, .metalcrete .h2 {
		font-size: 34px;
	}
}

.page-template-page-landing h3, .page-template-page-landing .h3, .metalcrete h3, .metalcrete .h3 {
	line-height: 30px;
	font-weight: 400;
	font-size: 16px;
}

@media only screen and (min-width: 993px) {
	.page-template-page-landing h3, .page-template-page-landing .h3, .metalcrete h3, .metalcrete .h3 {
		font-size: 20px;
	}
}

@media only screen and (min-width: 993px) {
	.page-template-page-landing .mt-100, .metalcrete .mt-100 {
		margin-top: 100px !important;
	}
}

.page-template-page-landing footer#footer, .metalcrete footer#footer {
	display: none;
}

.page-template-page-landing .top, .metalcrete .top {
	padding: 30px 0;
}

@media only screen and (min-width: 993px) {
	.page-template-page-landing .top, .metalcrete .top {
		height: 50%;
		vertical-align: revert-layer;
		display: flex;
		flex-flow: column;
		justify-content: center;
	}
}

.page-template-page-landing.opal .formats, .page-template-page-landing.dune .formats, .metalcrete.opal .formats, .metalcrete.dune .formats {
	padding: 0;
	font-size: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	/* Adjust spacing between items */
	flex-wrap: wrap;
	color: grey;
}

@media only screen and (min-width: 993px) {
	.page-template-page-landing.opal .formats, .page-template-page-landing.dune .formats, .metalcrete.opal .formats, .metalcrete.dune .formats {
		padding: 20px 0;
		font-size: 20px;
	}
}

.page-template-page-landing.opal .colors .color, .page-template-page-landing.dune .colors .color, .metalcrete.opal .colors .color, .metalcrete.dune .colors .color {
	width: 40%;
	height: 85px;
	margin: auto;
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
}

@media only screen and (min-width: 992px) {
	.page-template-page-landing.opal .colors .color, .page-template-page-landing.dune .colors .color, .metalcrete.opal .colors .color, .metalcrete.dune .colors .color {
		height: 200px;
	}
}

@media only screen and (min-width: 993px) {
	.page-template-page-landing.opal .colors .color, .page-template-page-landing.dune .colors .color, .metalcrete.opal .colors .color, .metalcrete.dune .colors .color {
		height: 240px;
	}
}

@media only screen and (min-width: 1200px) {
	.page-template-page-landing.opal .colors .color, .page-template-page-landing.dune .colors .color, .metalcrete.opal .colors .color, .metalcrete.dune .colors .color {
		height: 280px;
	}
}

.page-template-page-landing .img-container, .metalcrete .img-container {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.page-template-page-landing .img-container img, .metalcrete .img-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.page-template-page-landing .colors, .metalcrete .colors {
	display: flex;
}

.page-template-page-landing .colors .color, .metalcrete .colors .color {
	width: 300px;
	/* Or whatever */
	height: 300px;
	/* Or whatever */
	margin: auto;
	/* Magic! */
	position: relative;
	display: inline-block;
	overflow: hidden;
	/* Prevents enlarged image from affecting surrounding layout */
	padding: 0;
}

.page-template-page-landing .colors span.legend, .metalcrete .colors span.legend {
	position: absolute;
	bottom: 11px;
	left: 20px;
	color: white;
	font-size: 16px;
	text-shadow: 2px 2px grey;
}

@media only screen and (min-width: 993px) {
	.page-template-page-landing .colors span.legend, .metalcrete .colors span.legend {
		font-size: 20px;
	}
}

.page-template-page-landing .color img, .metalcrete .color img {
	transition: transform 0.3s ease-in-out;
}

.page-template-page-landing .color:hover img, .metalcrete .color:hover img {
	transform: scale(1.2);
	z-index: 10;
}

.page-template-page-landing .pasta, .metalcrete .pasta {
	transition: transform 0.3s ease-in-out;
}

.page-template-page-landing .pasta:hover, .metalcrete .pasta:hover {
	transform: scale(1.5);
	z-index: 10;
}

@media only screen and (min-width: 993px) {
	.page-template-page-landing .float-icon, .metalcrete .float-icon {
		display: flex;
		flex-flow: column;
		text-align: center;
		width: 200px;
		align-items: center;
		position: fixed;
		right: 20px;
		bottom: 20px;
		z-index: 11;
	}
	.page-template-page-landing .float-icon img, .metalcrete .float-icon img {
		width: 80px;
	}
	.page-template-page-landing .float-icon span, .metalcrete .float-icon span {
		background: white;
		border-radius: 20px;
		padding: 10px;
	}
}

.page-template-page-landing .obrigado h3, .page-template-page-landing .obrigado .h3, .metalcrete .obrigado h3, .metalcrete .obrigado .h3 {
	font-weight: 400;
	font-size: 16px;
}

@media only screen and (min-width: 993px) {
	.page-template-page-landing .obrigado h3, .page-template-page-landing .obrigado .h3, .metalcrete .obrigado h3, .metalcrete .obrigado .h3 {
		font-size: 18px;
	}
}

.page-template-page-landing .obrigado .siga-nos, .metalcrete .obrigado .siga-nos {
	font-size: 25px;
}

.intro {
	font-size: 16px;
}

@media only screen and (min-width: 993px) {
	.intro {
		font-size: 20px;
		line-height: 20px;
	}
}

.tek-deck span.legend {
	position: relative;
	bottom: 0;
	left: 0;
	color: white;
	font-size: 12px;
	text-shadow: none;
}

@media only screen and (min-width: 993px) {
	.tek-deck span.legend {
		font-size: 12px;
	}
}

.tek-deck .formats {
	font-size: 13px;
}

.projectos .colors {
	display: flex;
	justify-content: start;
}

.projectos .colors .color {
	width: 16%;
	height: auto;
	/* Or whatever */
	margin: 5px;
	/* Magic! */
	position: relative;
	display: inline-block;
	overflow: hidden;
	/* Prevents enlarged image from affecting surrounding layout */
	padding: 0;
}

@media only screen and (min-width: 993px) {
	.projectos .colors .color {
		width: 11.5%;
		/* Or whatever */
	}
}

.projectos .colors .color:hover .color-overlay {
	transform: translateY(0);
}

.projectos .colors .color.white .legend {
	color: black;
}

.projectos .colors span.legend {
	position: relative;
	bottom: 0;
	left: 0;
	color: white;
	font-size: 12px;
	text-shadow: none;
}

@media only screen and (min-width: 993px) {
	.projectos .colors span.legend {
		font-size: 12px;
	}
}

.projectos .formats {
	font-size: 13px;
}

.projectos .color-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px;
	background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.4)), transparent 50%/cover no-repeat;
	color: #fff;
	transition: transform 0.4s ease-in-out;
	transform: translateY(100%);
	text-align: center;
}

.magnes .colors {
	display: flex;
	justify-content: start;
}

.magnes .colors .color {
	width: 10%;
	height: auto;
	/* Or whatever */
	margin: 5px;
	/* Magic! */
	position: relative;
	display: inline-block;
	overflow: hidden;
	/* Prevents enlarged image from affecting surrounding layout */
	padding: 0;
}

@media only screen and (min-width: 993px) {
	.magnes .colors .color {
		width: 11.5%;
		/* Or whatever */
	}
}

.magnes .colors .color:hover .color-overlay {
	transform: translateY(0);
}

.magnes .colors .color.white .legend {
	color: black;
}

.magnes .colors span.legend {
	position: relative;
	bottom: 0;
	left: 0;
	color: white;
	font-size: 12px;
	text-shadow: none;
}

@media only screen and (min-width: 993px) {
	.magnes .colors span.legend {
		font-size: 12px;
	}
}

.magnes .formats {
	font-size: 13px;
}

.magnes .color-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px;
	background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.4)), transparent 50%/cover no-repeat;
	color: #fff;
	transition: transform 0.4s ease-in-out;
	transform: translateY(100%);
	text-align: center;
}

.ritmo .colors {
	display: flex;
	justify-content: start;
}

.ritmo .colors .color {
	width: 11.5%;
	height: auto;
	/* Or whatever */
	margin: 5px;
	/* Magic! */
	position: relative;
	display: inline-block;
	overflow: hidden;
	/* Prevents enlarged image from affecting surrounding layout */
	padding: 0;
}

@media only screen and (min-width: 993px) {
	.ritmo .colors .color {
		width: 13.5%;
		/* Or whatever */
	}
}

.ritmo .colors .color:hover .color-overlay {
	transform: translateY(0);
}

.ritmo .colors .color.white .legend {
	color: black;
}

.ritmo .colors span.legend {
	position: relative;
	bottom: 0;
	left: 0;
	color: white;
	font-size: 12px;
	text-shadow: none;
}

@media only screen and (min-width: 993px) {
	.ritmo .colors span.legend {
		font-size: 12px;
	}
}

.ritmo .formats {
	font-size: 13px;
}

.ritmo .color-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px;
	background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.4)), transparent 50%/cover no-repeat;
	color: #fff;
	transition: transform 0.4s ease-in-out;
	transform: translateY(100%);
	text-align: center;
}

.hero {
	position: relative;
	width: 100%;
	height: 80vh;
	/* Set the height to 80% of the viewport */
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: white;
}

.hero video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	object-fit: cover;
}

.overlay {
	position: relative;
	z-index: 2;
	background: rgba(0, 0, 0, 0.4);
	/* Optional: Dark overlay for text readability */
	padding: 20px;
	border-radius: 10px;
}

/*# sourceMappingURL=style.css.map */