/*=====
Theme Name: Inclass
Author: Pedro Gris
Author URI: https://pedrogris.es/
Description: A custom WordPress theme developed with ♥ by Pedro Gris, specifically designed for the Inclass website. All rights reserved. This theme is not intended for redistribution, modification, or resale.
Version: 1.3.0
Requires at least: 5.0
Tested up to: 6.8.1
Requires PHP: 7.0
License: Proprietary - All Rights Reserved
License URI: https://pedrogris.es/
Text Domain: inclass
Tags: custom, modern, responsive, SEO-friendly, accessible
=======*/


/* BASIC */

@font-face {
	font-family: 'Fustat';
	font-display: swap;
	src: url("assets/fonts/Fustat.woff2") format('woff2');
	font-weight: 200 800;
	font-style: normal;
}

@font-face {
    font-family: 'Novela';
	font-display: swap;
    src: url('assets/fonts/Novela-DisplayRegular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;

}

:root {
	--black: #000000;
	--white: #fff;
	--cream: #F4F3F0;
	--gray: #F3F3F2;
	--light-gray: #E1E1E1;
	--dark-gray: #ACACAC;
	--medium-light-gray: #F3F3F2;
	--medium-dark-gray: #979797;
	--gray-overlay: #4a4a4a4a;
	--black-overlay: #13131395;
	--green: #4E5949;
	--light-green: #747D5D;
	--sustainability-green: #DCDECC;
	--soft-green: #BFC1AE;
	--cubic-bezier: cubic-bezier(.5,0,.5,1);
	interpolate-size: allow-keywords;
}

::-moz-selection {
	color: var(--white);
	background: var(--black);
}
  
::selection {
	color: var(--white);
	background: var(--black);
}

* {
	/* border: 1px solid blue; */
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: transparent;
	scroll-behavior: smooth;
}

body,
html {
	overflow-x:hidden;
}

body {
	width: 100%;
	height: 100%;
	font-family: 'Fustat', sans-serif;
	font-weight: 400;
	font-variation-settings: 'wght' 400;
	color: var(--black);
	background-color: var(--white);
	font-size: 16px;
	letter-spacing: .5px;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}

.pause-animations * {
    animation-play-state: paused !important;
    transition: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 600;
	font-variation-settings: 'wght' 600;
}

h1 {
	font-size: 50px;
}

h2 {
	font-size: 18px;
}

h3 {  
	font-size: 26px;  
}

h4 {  
	font-size: 22px;  
}

h5 {  
	font-size: 20px;  
}

h6 {  
	font-size: 18px;  
}

b {
	font-weight: 500;
	font-variation-settings: 'wght' 500;
}

img {
	display: block;
}

::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-track {
	background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
	background: #888;
}
  
::-webkit-scrollbar-thumb:hover {
	background: #555;
}

/* STUFF */

.error {
	height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.spacer {
	height: 50px;
}

.spacer-medium {
	height: 80px;
}

.spacer-big {
	height: 150px;
}

.spacer-x-small {
	height: 2px;
}

.hidden {
    opacity: 0;
    transition: all .5s var(--cubic-bezier);
	visibility: hidden;
}

.hidden-slider {
	opacity: 0 !important;
	transform: translateX(200px) !important;
	visibility: hidden;
	transition: all .8s var(--cubic-bezier);
}

.show-slider {
	opacity: 1 !important;
	transform: translateX(0) !important;
	visibility: visible;
}

.hidden-slider-img {
	transform: scale(1.3);
}

.show-slider .hidden-slider-img {
	transform: scale(1.01);
}

.show-slider-img {
	transform: scale(1);
}

.hidden-image {
	opacity: 0;
	filter: blur(5px);
	transition: all .5s var(--cubic-bezier);
}

.show-image {
	opacity: 1;
	filter: blur(0);
}

hr .hidden {
	width: 0;
}

hr .show {
	opacity: 1;
	visibility: visible;
	width: 100%;
}

.show {
    opacity: 1;
    transform: translateY(0);
	visibility: visible;
}

.show:nth-of-type(2) {
	transition-delay: .05s;
}

.show:nth-of-type(3) {
	transition-delay: .1s;
}
.show:nth-of-type(4) {
	transition-delay: .15s;
}
.show:nth-of-type(5) {
	transition-delay: .2s;
}
.show:nth-of-type(6) {
	transition-delay: .25s;
}
.show:nth-of-type(7) {
	transition-delay: .3s;
}
.show:nth-of-type(8) {
	transition-delay: .35s;
}
.show:nth-of-type(9) {
	transition-delay: .4s;
}
.show:nth-of-type(10) {
	transition-delay: .45s;
}
.show:nth-of-type(11) {
	transition-delay: .5s;
}
.show:nth-of-type(12) {
	transition-delay: .55s;
}
.show:nth-of-type(13) {
	transition-delay: .6s;
}
.show:nth-of-type(14) {
	transition-delay: .65s;
}
.show:nth-of-type(15) {
	transition-delay: .7s;
}
.show:nth-of-type(16) {
	transition-delay: .75s;
}
.show:nth-of-type(17) {
	transition-delay: .8s;
}
.show:nth-of-type(18) {
	transition-delay: .85s;
}
.show:nth-of-type(19) {
	transition-delay: .9s;
}
.show:nth-of-type(20) {
	transition-delay: .95s;
}
.show:nth-of-type(21) {
	transition-delay: 1s;
}
.show:nth-of-type(22) {
	transition-delay: 1.05s;
}
.show:nth-of-type(23) {
	transition-delay: 1.1s;
}
.show:nth-of-type(24) {
	transition-delay: 1.15s;
}
.show:nth-of-type(25) {
	transition-delay: 1.2s;
}
.show:nth-of-type(26) {
	transition-delay: 1.25s;
}
.show:nth-of-type(27) {
	transition-delay: 1.3s;
}
.show:nth-of-type(28) {
	transition-delay: 1.35s;
}
.show:nth-of-type(29) {
	transition-delay: 1.4s;
}
.show:nth-of-type(30) {
	transition-delay: 1.45s;
}
.show:nth-of-type(31) {
	transition-delay: 1.5s;
}
.show:nth-of-type(32) {
	transition-delay: 1.55s;
}
.show:nth-of-type(33) {
	transition-delay: 1.6s;
}
.show:nth-of-type(34) {
	transition-delay: 1.65s;
}
.show:nth-of-type(35) {
	transition-delay: 1.7s;
}
.show:nth-of-type(36) {
	transition-delay: 1.75s;
}
.show:nth-of-type(37) {
	transition-delay: 1.8s;
}
.show:nth-of-type(38) {
	transition-delay: 1.85s;
}
.show:nth-of-type(39) {
	transition-delay: 1.9s;
}
.show:nth-of-type(40) {
	transition-delay: 1.95s;
}



/* HEADER */

#loading-transition {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: var(--white);
	z-index: 100000 !important;
	animation: loading-transition 4s var(--cubic-bezier);
}

@keyframes loading-transition {
	0% {
		opacity: 0;

		pointer-events: all;
	}
	12.5%, 100% {
		opacity: 1;
		pointer-events: all;
	}
}

lottie-player {
	max-width: 50vw;
}

/* NAVIGATION */
nav {
	position: fixed;
	inset: 0 0 auto 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 30px 5vw;
	background-color: transparent;
	color: var(--white);
	font-weight: 600;
	font-variation-settings: 'wght' 600;
	border-bottom: 0.3px solid var(--white);
	transition: all .3s var(--cubic-bezier);
	z-index: 20;

	@media (max-width: 1300px) {
		padding: 15px 5vw;
		border-bottom: none;

		&.open .logo path {
			fill: var(--black) !important;
		}

		&.mobileOpen::after {
			background-color: var(--cream);
			opacity: 1;
			height: 100svh !important;
			transition: height .7s var(--cubic-bezier), bottom .5s var(--cubic-bezier), background-color .3s !important;
		}
	}

	@media (max-width: 600px) {
		padding: 15px 20px;
	}

	&::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		background-color: transparent;
		transition: opacity .4s var(--cubic-bezier), height .5s var(--cubic-bezier), background-color .3s;
		z-index: -2;
	}

	&.nav-hidden {
		transform: translateY(-100%);
	}

	/* Al desplegar el menu (salvo movil):
	   < 300px transparente con blur; > 300px (scrolled) fondo crema con borde negro */
	&.fromMenu {
		@media (min-width: 1301px) {
			background-color: transparent !important;
			backdrop-filter: blur(10px);
			-webkit-backdrop-filter: blur(10px);

			&.scrolled {
				background-color: var(--cream) !important;
				backdrop-filter: none;
				-webkit-backdrop-filter: none;
				border-bottom: 0.3px solid var(--black) !important;
			}
		}
	}

	&.scrolled {
		background-color: var(--cream);
		border-bottom: 0.3px solid transparent;

		.logo svg path {
			fill: var(--black);
		}

		.mainMenu .scroll li a {
			color: var(--black);
		}

		.search-lang {
			.current-lang {
				color: var(--black);

				svg {
					stroke: var(--black);
				}
			}
			.search {
				color: var(--black);
				/* border-bottom: 1px solid var(--black) !important;
				box-shadow: inset 0 0 0 #00000000; */

				&::before {
					opacity: 0;
				}

				form ul .sf-field-search label input {
					color: var(--black);
					font-weight: 600;

					&::placeholder {
						color: var(--black);
					}
				}

				@media (max-width: 1300px) {
					color: var(--white);
					border: 1px solid transparent !important;

					&::before {
						opacity: 1;
					}

					form ul .sf-field-search label input {
						color: var(--white);

						&::placeholder {
							color: var(--white);
						}
					}
				}
			}

			.search-icon path,
			.close-search-icon path {
				fill: var(--black) !important;

				@media (max-width: 1300px) {
					fill: var(--white) !important;
				}
			}

			.clearSearch path {
				fill: var(--black);
			}
		}

		.lang .current-lang svg path {
			stroke: var(--black);
		}

		.burgerlabel span {
			background: var(--black);
		}

		.clear-search-icon path {
			stroke: var(--black) !important;
		}
	}

	/* LOGO */
	.logo {
		cursor: pointer;

		@media (max-width: 1300px) {
			width: 118px;
		}

		&::after {
			display: none;
		}

		svg {
			display: block;
            width: 150px;
            height: auto;

			path {
				fill: var(--white);
				transition: fill .5s 0.15s;
			}

			@media (max-width:1300px) {
				& {
					width: auto;
				}
			}
		}
	}

	/* LANGUAGE SELECTOR */
	.lang {
		cursor: pointer;
		position: relative;

		@media (max-width: 1300px) {
			display: none;
		}

		.current-lang {
			display: flex;
			flex-direction: row;
			align-items: center;
			gap: 6px;
			padding: 5px 14px;
			color: var(--white);
			transition: color .3s .1s;

			p {
				font-size: 15.5px;
				text-transform: uppercase;
			}

			svg {
				transition: transform .3s;

				path {
					stroke: var(--white);
					transition: all .3s var(--cubic-bezier);
				}
			}
		}

		.lang-dropdown {
			opacity: 0;
			pointer-events: none;
			position: absolute;
			height: fit-content;
			width: auto;
			left: 14px;
			top: 120%;
			background-color: var(--cream);
			box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			gap: 0;
			transition: all .3s var(--cubic-bezier);

			.current-lang {
				display: none;
			}

			li {
				opacity: 0;
				list-style: none;
				width: -webkit-fill-available;
				transition: opacity .3s;

				a {
					width: -webkit-fill-available;
					text-decoration: none;
					color: var(--black);
					font-size: 15.5px;
					padding: 5px 15px;

					&::after {
						display: none;
					}

					@media (min-width: 900px) {
						&:hover {
							background-color: var(--light-gray);
						}
					}
				}
			}

			.closeLang {
				margin-left: 10px;
				transform: rotate(-45deg);
				transition: transform .3s var(--cubic-bezier);
			}
		}

		&.open {
			.lang-dropdown {
				opacity: 1;
				pointer-events: all;

				.closeLang {
					transform: rotate(0);
				}
			}

			li {
				opacity: 1;

				&:nth-of-type(1) { transition-delay: .1s; }
				&:nth-of-type(2) { transition-delay: .15s; }
				&:nth-of-type(3) { transition-delay: .2s; }
				&:nth-of-type(4) { transition-delay: .25s; }
				&:nth-of-type(5) { transition-delay: .3s; }
			}

			.current-lang svg {
				transform: rotate(180deg);
			}
		}
	}

	.mainMenu {
		@media (max-width: 1300px) {
			position: fixed;
			inset: 0 0 auto 0;
			display: flex;
			justify-content: center;
			padding-top: 60px;
			background-color: transparent;
			border-top: 1px solid var(--dark-gray);
			z-index: -1;
			pointer-events: none;
			height: 0;
			opacity: 0;
			overflow-y: scroll;
			transition: height .5s var(--cubic-bezier), opacity .3s .4s;

			&.open {
				pointer-events: all;
				opacity: 1;
				height: calc(100svh - 60px);
				transition: height .7s var(--cubic-bezier), opacity .3s;

				.scroll {
					transform: translateY(0);
					overflow-y: scroll;
				}
			}
		}

		.scroll {
			display: flex;
			flex-direction: row;
			gap: 2.5rem;

			@media (max-width: 1300px) {
				width: fit-content;
				height: max-content;
				padding: 70px 0 120px;
				overflow-y: auto;
				flex-direction: column;
				gap: 10px;
				transition: transform .6s var(--cubic-bezier);
				-ms-overflow-style: none;
				scrollbar-width: none;

				&::-webkit-scrollbar { 
					display: none;
				}
			}

			li a {
				color: var(--white);
				transition: all .3s .1s var(--cubic-bezier);

				@media (max-width: 1300px) {
					padding: 3px 0;
					font-size: 24px;
				}
			}
		}

		.desplegable {
			position: fixed;
			inset: 92.5px 0 auto 0;
			height: 0;
			padding: 0 5vw;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: flex-start;
			background-color: var(--cream);
			color: var(--black);
			overflow: hidden;
			z-index: 9;
			transition: inset .5s var(--cubic-bezier), height .5s var(--cubic-bezier);

			@media (max-width: 1500px) {
				inset: 90px 0 auto 0;
			}

			@media (max-width: 1300px) {
				flex-direction: column;
				padding: 0;
				height: max-content;
				position: static;
				background-color: transparent;
			}

			.collapse li a {
				color: var(--black);
				font-weight: 500;
				font-variation-settings: 'wght' 500;
			}

			.menuWrapper {
				display: flex;
				flex-direction: row;
				justify-content: flex-start;
				gap: 9vw;
				width: auto;
				max-width: none;

				@media (max-width: 1500px) {
					gap: 4vw;
				}

				@media (max-width: 1300px) {
					flex-direction: column;
					padding: 0 !important;
					gap: 0;
					width: 100%;
				}

				.spacer {
					height: 0;
					width: 1px;
					background-color: var(--medium-dark-gray);
					transition: height .5s var(--cubic-bezier);

					&:nth-of-type(1) { transition-delay: .2s; }
					&:nth-of-type(2) { transition-delay: .4s; }
					&:nth-of-type(3) { transition-delay: .6s; }

					&:last-of-type {
						display: none;
					}

					@media (max-width: 1300px) {
						display: none !important;
					}
				}
		
				.collapse {
					display: flex;
					flex-direction: column;
					gap: 4px;
					width: fit-content;
					padding: 40px 0;

					@media (max-width: 1300px) {
						height: 36px;
						overflow: hidden;
						padding: 0;
						width: 100%;
						transition: height .6s var(--cubic-bezier);

						&.open {
							height: auto;

							.title svg {
								transform: rotate(180deg);
							}
						}
					}
		
					.title,
					li {
						opacity: 0;
						transform: translateY(-10px);
						transition: all .3s var(--cubic-bezier);

						@media (max-width: 1300px) {
							opacity: 1;
							transform: translateY(0);
						}
					}
		
					.title {
						@media (max-width: 1300px) {
							display: flex;
							flex-direction: row;
							align-items: center;
							justify-content: space-between;
							margin-top: 0 !important;
							padding: 0;
							transition: border-bottom .1s;
						}

						h4 {
							font-size: 22px;
							margin-bottom: 20px;
							white-space: nowrap;
							font-weight: 700;

							@media (max-width: 1300px) {
								margin-bottom: 0;
								padding-left: 20px;
								font-size: 20px;
								font-weight: 500;
								letter-spacing: -0.25px;
								color: var(--black);
							}
						}
		
						svg {
							display: none;

							@media (max-width: 1300px) {
								display: block;
								transition: transform .4s var(--cubic-bezier);
							}
						}
					}
		
					li {
						list-style: none;

						@media (max-width: 1300px) {
							border-bottom: none;

							&:nth-of-type(2) {
								padding-top: 15px;
							}

							&:last-of-type {
								padding-bottom: 15px;
							}

							a {
								font-size: 16px;
								padding-left: 40px;
								font-weight: 400;
							}
						}
					}
				}
		
				.verticalSpacer {
					width: 1px;
					height: 100%;
					background-color: var(--black);
		
					&:last-of-type {
						display: none;
					}
				}
			}

			&.open {
				height: max-content;
		
				.menuWrapper {
					.spacer {
						height: auto;
					}
					
					.collapse {
						.title,
						li {
							opacity: 1;
							transform: translateY(0);
						}
				
						.title { transition-delay: .3s; }
						li:nth-of-type(1) { transition-delay: .33s; }
						li:nth-of-type(2) { transition-delay: .36s; }
						li:nth-of-type(3) { transition-delay: .39s; }
						li:nth-of-type(4) { transition-delay: .42s; }
						li:nth-of-type(5) { transition-delay: .45s; }
						li:nth-of-type(6) { transition-delay: .48s; }
						li:nth-of-type(7) { transition-delay: .51s; }
						li:nth-of-type(8) { transition-delay: .54s; }
						li:nth-of-type(9) { transition-delay: .57s; }
						li:nth-of-type(10) { transition-delay: .6s; }
					}
				
					.collapse:nth-of-type(2) {
						.title { transition-delay: .4s; }
						li:nth-of-type(1) { transition-delay: .43s; }
						li:nth-of-type(2) { transition-delay: .46s; }
						li:nth-of-type(3) { transition-delay: .49s; }
						li:nth-of-type(4) { transition-delay: .52s; }
						li:nth-of-type(5) { transition-delay: .55s; }
						li:nth-of-type(6) { transition-delay: .58s; }
						li:nth-of-type(7) { transition-delay: .61s; }
						li:nth-of-type(8) { transition-delay: .64s; }
						li:nth-of-type(9) { transition-delay: .67s; }
						li:nth-of-type(10) { transition-delay: .7s; }
					}
				
					.collapse:nth-of-type(3) {
						.title { transition-delay: .5s; }
						li:nth-of-type(1) { transition-delay: .53s; }
						li:nth-of-type(2) { transition-delay: .56s; }
						li:nth-of-type(3) { transition-delay: .59s; }
						li:nth-of-type(4) { transition-delay: .62s; }
						li:nth-of-type(5) { transition-delay: .65s; }
						li:nth-of-type(6) { transition-delay: .68s; }
					}

					.collapse:last-of-type {
						border-bottom: 0;
					}
				}
			}
		
			.mobileMenu {
				display: none;

				@media (max-width: 1300px) {
					display: block;
				}
			}
		}

		li {
			list-style: none;

			svg {
				display: none;
			}

			@media (max-width: 1300px) {
				display: flex;
				flex-direction: row;
				align-items: center;
				justify-content: space-between;

				a {
					color: var(--black) !important;
					font-weight: 700;
				}

				svg {
					display: block;
				}
			}
		}

		.productsDropdown {
			@media (max-width: 1300px) {
				svg path {
					transform-origin: center center;
					transition: transform .4s var(--cubic-bezier);
				}

				&.open svg {
					path:first-of-type {
						transform: rotate(90deg);
					}
					path:last-of-type {
						transform: rotate(180deg);
					}
				}
			}
		}
	}

	.search-lang {
		display: flex;
		flex-direction: row;
		gap: .8rem;
		align-items: center;

		@media (max-width: 1300px) {
			.lang,
			span {
				display: none;
			}
		}

		.search {
			display: flex;
			flex-direction: row;
			align-items: center;
			position: relative;
			/* border-bottom: 1px solid var(--white); */
			/* border-radius: 100px;
			backdrop-filter: blur(5px);
			box-shadow: inset 0 0 5px #00000025; */
			transition: all .4s var(--cubic-bezier);

			@media (max-width: 1300px) {
				display: none;
			}

			/* &::before {
				content: "";
				position: absolute;
				z-index: -1;
				inset: -1px;
				padding: 1px;
				border-radius: 25px;
				background: linear-gradient(7deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 1) 100%);
				-webkit-mask: 
					linear-gradient(#fff 0 0) content-box, 
					linear-gradient(#fff 0 0);
				mask: 
					linear-gradient(#fff 0 0) content-box, 
					linear-gradient(#fff 0 0);
				-webkit-mask-composite: xor;
				mask-composite: exclude;
				transition: opacity .3s;
			} */

			form ul {
				.sf-field-search {
					padding: 0;

					label input {
						border: none;
						outline: none;
						background: transparent;
						color: var(--white);
						font-family: inherit;
						font-size: 16px;
						font-weight: 600;
						font-variation-settings: 'wght' 600;
						width: 60px;
						padding: 6px 0px;
						transition: width .3s var(--cubic-bezier), color .3s .1s;

						@media (max-width: 1300px) {
							width: 0;
							padding: 0;
						}

						&::placeholder {
							color: var(--white);
							opacity: 1;
							transition: color .3s .1s;
						}

						&:focus {
							width: 150px;
						}
					}
				}

				.sf-field-submit {
					display: none;
				}
			}

			.search-icon {
				cursor: pointer;
				width: 20px;
				height: 20px;
				display: block;
				animation: fadeIn .2s var(--cubic-bezier);

				@media (max-width: 1300px) {
					width: 28px;
					height: 28px;
					padding: 14px 24px;
				}

				path {
					fill: var(--white);
					transition: all .3s var(--cubic-bezier);
				}
			}

			&.open .close-search-icon {
				display: block;
			}
		}

		.clear-search-icon {
			width: 0;
			transform-origin: right;
			transition: width .3s var(--cubic-bezier);
			cursor: pointer;

			@media (max-width: 1300px) {
				display: none;
			}

			&.visible {
				width: 20px;
			}

			path {
				stroke: var(--white);
				transition: stroke .3s .1s;
			}
		}
	}

	.burgerlabel {
		display: none;
		flex-direction: column;
		gap: 6px;
		cursor: pointer;

		@media (max-width: 1300px) {
			display: flex;
		}

		span {
			width: 25.5px;
			height: 1px;
			/* border-radius: 5px; */
			display: block;
			background: var(--white);
			transition: transform 0.5s var(--cubic-bezier), width 0.5s var(--cubic-bezier), opacity 0.3s 0.15s, background-color .5s 0.15s;
		}

		&.open {
			span:nth-of-type(1) {
				width: 27px;
				transform: rotate(45deg) translate(5px, 5px);
			}

			span:nth-of-type(2) {
				opacity: 0;
				width: 0;
			}

			span:nth-of-type(3) {
				width: 27px;
				transform: rotate(-45deg) translate(5px, -5px);
			}
		}
	}
}

.search-mobile {
	display: none;

	@media (max-width:1100px) {
		& {
			position: fixed;
			top: 85svh;
			left: 50%;
			transform: translateX(-50%);
			margin: auto;
			padding: 10px 20px;
			display: flex;
			flex-direction: row;
			align-items: center;
			border: 1px solid transparent;
			border-radius: 100px;
			backdrop-filter: blur(5px);
			box-shadow: inset 0 0 5px #00000025;
			transition:
				top .55s var(--cubic-bezier),
				transform .55s var(--cubic-bezier),
				opacity .4s var(--cubic-bezier),
				background .45s var(--cubic-bezier),
				box-shadow .45s var(--cubic-bezier);
			z-index: 19;
			background: #00000020;
			will-change: top, transform;

			input {
				width: 0;
				opacity: 0;
				border: none;
				background: transparent;
				color: var(--white);
				font-size: 16px;
				transition:
					width .5s var(--cubic-bezier),
					opacity .35s ease;

				&:focus {
					outline: none;
				}
			}

			svg {
				width: 30px;
				height: 30px;
			}

			&::before {
				content: "";
				position: absolute;
				z-index: -1;
				inset: -1px;
				padding: 1px;
				border-radius: 100px;
				background: linear-gradient(7deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 1) 100%);
				-webkit-mask: 
					linear-gradient(#fff 0 0) content-box, 
					linear-gradient(#fff 0 0);
				mask: 
					linear-gradient(#fff 0 0) content-box, 
					linear-gradient(#fff 0 0);
				-webkit-mask-composite: xor;
				mask-composite: exclude;
				transition: opacity .3s;
			}

			&.open {
				top: 30svh;
				background: #00000038;
				box-shadow: inset 0 0 8px #00000035, 0 12px 35px #00000030;

				input {
					width: 60vw;
					opacity: 1;
				}
			}

			&.scroll-hidden {
				opacity: 0;
				pointer-events: none;
				transform: translateX(-50%) translateY(200%);
			}
		}
	}
}

.mobile-menu-overlay {
	display: none;
	opacity: 0;
	transition: opacity .3s .9s;
	
	@media (max-width:1100px) {
		display: block;
		position: fixed;
		inset: 0;
		pointer-events: none;
		z-index: 9998;

		&.open {
			opacity: 1;
			pointer-events: none;

			&::after {
				content: "";
				position: fixed;
				bottom: 0;
				left: 0;
				right: 0;
				height: 120px;
				background: linear-gradient(0deg, rgba(244, 243, 240, 1) 0%, rgba(244, 243, 240, 1) 50%, rgba(244, 243, 240, 0) 100%);
				z-index: -1;
			}
		}
	}
}

.mobile-lang-selector {
	display: none;
	opacity: 0;
	transition: all .3s var(--cubic-bezier);

	@media (max-width:1100px) {
		&.visible {
			display: flex;
			flex-direction: row;
			align-items: center;
			gap: 0;
			position: fixed;
			bottom: 20px;
			left: 20px;
			padding: 0 15px 0 0;
			border-radius: 50px;
			transition: all .3s var(--cubic-bezier);
			animation: logo .5s .5s var(--cubic-bezier) forwards;
			z-index: 9999;

			.current-lang {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 50px;
				height: 50px;
				border-radius: 40px;
				gap: 5px;
				text-transform: uppercase;
				font-size: 22px;
				font-weight: 600;
				transition: background-color .3s;
			}

			.lang-dropdown {
				display: flex;
				flex-direction: row;
				gap: 15px;
				width: 0;
				overflow: hidden;
				transition: width .3s var(--cubic-bezier);

				.current-lang {
					display: none;
				}

				.lang-item {
					text-transform: uppercase;
					font-weight: 500;
					list-style: none;

					a {
						font-weight: 500;
						font-size: 14px;

						&::after {
							display: none;
						}
					}
				}
			}

			.open-close-icon {
				position: relative;
				display: block;
				width: 20px;
				height: 20px;

				span {
					width: 10px;
					height: 1px;
					background-color: var(--black);
					position: absolute;
					inset: 0;
					margin: auto;
					transition: transform .3s var(--cubic-bezier), width .3s var(--cubic-bezier);

					&:first-of-type {
						transform: rotate(45deg) translateX(-5px);
					}

					&:last-of-type {
						transform: rotate(-45deg) translateX(-5px);
					}
				}
			}

			&.open {
				gap: 20px;
				background-color: var(--white);

				.current-lang {
					background-color: var(--gray-100);
				}

				.lang-dropdown {
					width: auto;
				}

				.open-close-icon {
					span {
						width: 20px;

						&:first-of-type {
							transform: rotate(45deg) translateX(0px);
						}

						&:last-of-type {
							transform: rotate(-45deg) translateX(0px);
						}
					}
				}
			}
		}
	}
}

.searchWrapper {
	position: fixed;
    /* border-top: 1px solid var(--dark-gray); */
	inset: 92px 0 auto 0;
    opacity: 0;
	height: 0;
	overflow: hidden;
    z-index: 9;
    transition: height .4s var(--cubic-bezier), opacity .4s .2s;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	gap: 3vw;
    background-color: var(--white);
    pointer-events: none;
	
	form {
		ul {
			display: flex;
			flex-direction: row;
			gap: 3vw;
			margin: 2rem 0;

			.sf-field-search {
				display: flex;
				flex-direction: row;
				gap: 1rem;
				padding: 4px 0;
				opacity: 0;
				border-bottom: 1px solid var(--medium-dark-gray);
				transition: opacity .4s;

				label {
					input {
						border: none;
						width: 30vw;
						max-width: 500px;
						padding: .25rem 0;
						font-size: 16px;

						&:focus {
							outline: none;
						}
					}
				}
			}

			.sf-field-submit {
				display: flex;
				align-items: center;
				padding: 4px 0;
				opacity: 0;
				transition: opacity .4s;

				input {
					border: none;
					background: none;
					font-size: 16px;
				}
			}
		}
	}

	.close {
		white-space: nowrap;
		cursor: pointer;
		font-size: 16px;
	}

	&.open {
		opacity: 1;
		height: min-content;
		pointer-events: all;
		transition: height .4s var(--cubic-bezier), opacity .4s;

		form {
			ul {
				.sf-field-search,
				.sf-field-submit {
					opacity: 1;
				}
			}
		}
	}

	@media (max-width:1500px) {
		& {
			inset: 90px 0 auto 0;
		}
	}

	@media (max-width:1100px) {
		& {
			inset: 60px 0 auto 0;
			padding: 0 7vw;
			border-top: none;

			form {
				width: 100%;

				ul {
					.sf-field-search {
						width: 100%;

						label {
							input {
								width: 100%;
								max-width: 100%;
							}
						}
					}
				}
			}
		}
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
		transform: scale(0.5);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

.searchWrapper {
	position: fixed;
    border-top: 1px solid var(--dark-gray);
	inset: 130px 0 auto 0;
    opacity: 0;
	height: 0;
	overflow: hidden;
    z-index: 9;
    transition: height .4s var(--cubic-bezier), opacity .4s .2s;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	gap: 3vw;
    background-color: var(--white);
    pointer-events: none;
	
	form {
		ul {
			display: flex;
			flex-direction: row;
			gap: 3vw;
			margin: 2rem 0;

			.sf-field-search {
				display: flex;
				flex-direction: row;
				gap: 1rem;
				padding: 4px 0;
				opacity: 0;
				border-bottom: 1px solid var(--black);
				transition: opacity .4s;

				&::before {
					content: "";
					display: block;
					margin: auto;
					width: 14px;
					height: 14px;
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath stroke='%231B1A18' stroke-linecap='round' stroke-linejoin='round' d='m13 13-2.9003-2.9m1.5679-3.76664c0 2.94554-2.38803 5.33334-5.3338 5.33334C3.38802 11.6667 1 9.2789 1 6.33336 1 3.38783 3.38802 1 6.3338 1c2.94577 0 5.3338 2.38783 5.3338 5.33336Z'/%3E%3C/svg%3E");
				}

				label {
					input {
						border: none;
						width: 30vw;
						max-width: 500px;
						padding: .25rem 0;
						font-size: 16px;

						&:focus {
							outline: none;
						}
					}
				}
			}

			.sf-field-submit {
				display: flex;
				align-items: center;
				padding: 4px 0;
				opacity: 0;
				transition: opacity .4s;

				input {
					border: none;
					background: none;
					font-size: 16px;
				}
			}
		}
	}

	.close {
		white-space: nowrap;
		cursor: pointer;
		font-size: 16px;
	}

	&.open {
		opacity: 1;
		height: min-content;
		pointer-events: all;
		transition: height .4s var(--cubic-bezier), opacity .4s;

		form {
			ul {
				.sf-field-search,
				.sf-field-submit {
					opacity: 1;
				}
			}
		}
	}

	@media (max-width:1500px) {
		& {
			inset: 90px 0 auto 0;
		}
	}

	@media (max-width:1100px) {
		& {
			inset: 60px 0 auto 0;
			padding: 0 7vw;
			border-top: none;

			form {
				width: 100%;

				ul {
					.sf-field-search {
						width: 100%;

						label {
							input {
								width: 100%;
								max-width: 100%;
							}
						}
					}
				}
			}
		}
	}
}

.blurOverlay {
	position: fixed;
	inset: 0 0 0 0;
	z-index: 3;
	backdrop-filter: blur(2px);
	filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
	height: 100vw;
	height: 100vh;
	border-radius: 100%;
	scale: 0;
	transition: scale .6s;
}

.blur {
	scale: 1.5;
}

@keyframes menuImage {
	0% {
		clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
		transform: translate(-50%, -50%) scale(1.3);
	}
	100% {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
		transform: translate(-50%, -50%) scale(1);
	}
}

@keyframes menuImageClose {
	0% {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
		transform: translate(-50%, -50%) scale(1);
	}
	100% {
		clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
		transform: translate(-50%, -50%) scale(1.3);
	}
}

header {
	width: 100%;
	height: 155px;
	display: block;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: var(--white);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	transition: height color;
	transition-duration: .4s;
	transition-timing-function: var(--cubic-bezier);
	z-index: 5;
	box-shadow: 0 0 0 #ffffff00;
}

.animated-header header {
	animation: header 3s var(--cubic-bezier);
}

@keyframes header {
	0%,
	70% {
		transform: translateY(-160px);
	}
	100% {
		transform: translateY(0);
	}
}

#home {
	animation: main 3.4s var(--cubic-bezier);
	transform-origin: top;
}

@keyframes main {
	0%,
	80% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.menuOpen {
	height: 530px;
	background-color: var(--gray);
	box-shadow: 0 250px 250px #1b191816;
}

.menuOpen .main-header {
	border-bottom: 1px solid var(--black);
}

.hidden-header .collapse .title,
.hidden-header .collapse hr,
.hidden-header .collapse li {
	transform: translateY(15px);
	opacity: 0;
	transition: all .3s var(--cubic-bezier);
}

.hidden-header .collapse hr {
	width: 0;
}

.mobile {
	display: none;
}

@keyframes logo {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

a,
.filesDownload,
.stopDownload {
	text-decoration: none;
	color: var(--black);
	display: inline-block;
	position: relative;
	cursor: pointer;
}

a::after,
.filesDownload::after,
.stopDownload::after  {
	content: '';
	position: absolute;
	width: 100%;
	transform: scaleX(0);
	height: 1px;
	bottom: -4px;
	left: 0;
	background-color: var(--medium-dark-gray);
	transform-origin: bottom center;
	transition: transform 0.15s var(--cubic-bezier);
}

.downloads a::after,
.filesDownload::after {
	bottom: 0 !important;
}

@media (min-width:881px) {
	a:hover::after,
	.stopDownload:hover::after {
		transform: scaleX(1);
	}
}

.hidden-header ul .title svg,
.hidden-header .search-lang {
	display: none;
}

.results {
	gap: 1rem;
}

.filterContainer .open .sf-field-search {
	width: 100%;
	height: auto;
	background-color: transparent;
}

.filterContainer .open .sf-field-search input {
	margin-top: 0;
	padding: 0;
	border: none;
	font-size: 25px;
	text-transform: uppercase;
	color: var(--black);
	line-height: 130%;
}

.filterContainer .open .sf-field-submit {
	position: static !important;
}

.filterContainer .open .sf-field-submit label {
	transform: translate(0,0);
}

.hidden-header {
	align-items: flex-start;
	margin: auto;
	font-size: 16px;
}

.hidden-header .title {
	margin-bottom: 2rem;
}

.hidden-header h4 {
	font-size: 22px;
	font-weight: 400;
	font-variation-settings: 'wght' 400;
}

.hidden-header ul {
	padding: 3rem 5%;
    height: 400px;
    width: 100%;
    max-width: 400px;
    border-right: 1px solid var(--black);
}

.hidden-header ul li {
	list-style: none;
	margin: .5rem 0;
}

.hidden-header ul li a {
	text-decoration: none;
	color: var(--black);
}

main img {
	width: 100%;
}

.contactPermanent {
	position: fixed;
	right: 0;
	bottom: 2rem;
	z-index: 14;
	background-color: var(--green);
	animation: 4s contactPermanent;
}

@keyframes contactPermanent {
	0%,85% {
		transform: translateX(100%);
	}
	100% {
		transform: translateX(0);
	}
}

.contactPermanent a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 1rem .7rem;
	gap: 1rem;
	color: var(--white);
	cursor: pointer;
}

.contactPermanent p {
	writing-mode: tb-rl;
	transform: rotate(180deg);
	text-transform: uppercase;
	font-weight: 500;
	font-variation-settings: 'wght' 500;
	font-size: 12px;
}

.contactPermanent svg {
	width: 20px;
	height: 20px;
	transform: translateX(2px);
}

@media (max-width:900px) {
	.contactPermanent a {
		padding: .95rem;
	}
	.contactPermanent p {
		display: none;
	}
	.contactPermanent svg {
		transform: rotate(90deg);
	}
}



/* SLIDER HOME */

main {
	&.noHeaderImage {
		margin-top: 92.5px;

		@media (max-width:1100px) {
			& {
				margin-top: 60px;
			}
		}
	}

	@media (max-width:1500px) {
		& {
			margin-top: 90px;
		}
	}

	@media (max-width:1100px) {
		& {
			margin-top: 60px;
		}
	}
}

#homeSlider .splide__arrow svg {
	opacity: 0;
	transition: all .3s var(--cubic-bezier);
}

#homeSlider .splide {
	position: relative;
}

.splide__slide {
	overflow: hidden;
	cursor: pointer;
}

.splide__slide img {
	transition: transform .3s var(--cubic-bezier);
}

.splide__slide a::after {
	display: none;
}

@media (min-width:881px) {
	#homeSlider:hover .splide__arrow svg {
		opacity: 1;
	}
	.splide__slide:hover img {
		transform: scale(1.03);
	}
}

#homeSlider .splide__slide::after {
	content: "";
	position: absolute;
	inset: 0 0 0 0;
	background-color: var(--gray-overlay);
	z-index: 1;
	mix-blend-mode: multiply;
	pointer-events: none;
	opacity: .5;
}

#homeSlider .splide__track ul li {
	height: 100vh;
	height: 100svh;
}

#homeSlider ul li img,
#homeSlider ul li video {
	object-fit: cover;
	min-width: 100vw;
	max-height: 100vh;
	min-height: 100vh;
}

#homeSlider .splide__arrow {
	height: 4rem;
	width: 4rem;
	opacity: 1;
	background-color: transparent;
	z-index: 2;
}

#homeSlider .splide__arrow svg {
	width: 100%;
	height: 100%;
}

#homeSlider .splide__arrow--prev {
	left: 7vw;
}

#homeSlider .splide__arrow--next {
	right: 7vw;
}

#homeSlider .slider-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	height: fit-content;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.5rem;
	color: var(--white);
	z-index: 2;
}

#homeSlider .slider-text h1,
#homeSlider .slider-text h2 {
	text-align: center;
	font-weight: 300;
	font-variation-settings: 'wght' 300;
}

#homeSlider .slider-text h1 {
	font-size: 70px;
}

#homeSlider .slider-text h2 {
	font-size: 16px;
	text-transform: uppercase;
}

#homeSlider .splide__pagination {
	display: none;
}

#homeSlider .aditional-text {
	text-transform: uppercase;
	color: var(--white);
	text-align: right;
	font-size: 18px;
	border: 1px solid var(--white);
	padding: .5rem 1rem;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: .75rem;
	transition: all .3s;
}

#homeSlider .subcontentBlock {
	position: absolute;
	right: calc(5vw + 2rem);
	bottom: 4vw;
	height: fit-content;
	width: fit-content;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 2rem;
}

#homeSlider .subcontentBlock .premio {
	object-fit: contain;
}

@media (max-width:900px) {
	#homeSlider .subcontentBlock {
		right: 7vw;
		bottom: 6rem;
	}
}

#homeSlider .aditional-text svg path {
	transition: all .3s;
}

@media (min-width:881px) {
	#homeSlider .aditional-text:hover {
		background-color: var(--white);
		color: var(--black);
	}
	#homeSlider .aditional-text:hover svg path {
		stroke: var(--black);
	}
}

#homeSlider .slider-pagination {
	text-transform: uppercase;
	position: absolute;
	left: 7vw;
	bottom: 4vw;
	color: var(--white);
	text-align: left;
	z-index: 2;
}

#homeSlider .slider-scroll {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 4vw;
	cursor: pointer;
	z-index: 2;
}

/* PREMIO */
#homeSlider {
	position: relative;
}

.premioWrapper {
	position: absolute;
	right: 7vw;
	bottom: 4vw;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 1rem;
	color: var(--white);
}

.premio {
	height: 5rem;
	width: fit-content;
	display: block;
	object-fit: contain;
	max-width: 20rem;
	min-width: auto !important;
	min-height: auto !important;
}

.premioWrapper .textOverImage {
	border: 1px solid var(--white);
    padding: 0.5rem 1rem;
	cursor: default;
}

@media (max-width:880px) {
	.premio {
		height: 3rem;
		width: 10rem;
	}
	.premioWrapper .textOverImage {
		padding: 0.25rem .5rem;
	}
}




/* LATEST NEWS */

.half-text {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin: 4rem 5vw;
}

@media (max-width:1100px) {
	.half-text {
		margin: 2rem 7vw;
	}
}

.half-text h2 {
	font-size: 16px;
	font-weight: 400;
	font-variation-settings: 'wght' 400;
	text-transform: uppercase;
}

#latestNews .splide__track,
#ourCollections .splide__track,
#spaces .splide__track,
#relatedProducts .splide__track,
#designerProducts .splide__track {
	border-top: 1px solid var(--medium-dark-gray);
	position: relative;
}

#latestNews .splide__track .prev-arrow,
#ourCollections .splide__track .prev-arrow,
#spaces .splide__track .prev-arrow,
#relatedProducts .splide__track .prev-arrow,
#designerProducts .splide__track .prev-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 1rem;
	width: 2rem;
	height: 2rem;
}

#latestNews .splide__track .next-arrow,
#ourCollections .splide__track .next-arrow,
#spaces .splide__track .next-arrow,
#relatedProducts .splide__track .next-arrow,
#designerProducts .splide__track .next-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 1rem;
	width: 2rem;
	height: 2rem;
}

#latestNews .splide__arrows,
#ourCollections .splide__arrows,
#spaces .splide__arrows,
#relatedProducts .splide__arrows,
#designerProducts .splide__arrows {
	display: flex;
	flex-direction: row;
	width: fit-content;
}

.newArrowPrevRelated,
.newArrowNextRelated,
.newArrowPrevSpaces,
.newArrowNextSpaces {
	opacity: 0 !important;
	transition: all .2s;
}

#latestNews-track:hover .newArrowPrevNews,
#latestNews-track:hover .newArrowNextNews {
	opacity: 1 !important;
}

#ourCollections-track:hover .newArrowPrevRelated,
#ourCollections-track:hover .newArrowNextRelated {
	opacity: 1 !important;
}

#spaces-track:hover .newArrowPrevSpaces,
#spaces-track:hover .newArrowNextSpaces {
	opacity: 1 !important;
}

#designerProducts-track:hover .newArrowPrevRelated,
#designerProducts-track:hover .newArrowNextRelated,
.newArrowPrevRelated:hover,
.newArrowNextRelated:hover {
	opacity: 1 !important;
}

#spaces-track:hover .newArrowPrevSpaces,
#spaces-track:hover .newArrowNextSpaces {
	opacity: 1 !important;
}

#relatedProducts-track:hover .newArrowPrevRelated,
#relatedProducts-track:hover .newArrowNextRelated {
	opacity: 1 !important;
}

#latestNews .splide__arrow,
#ourCollections .splide__arrow,
#spaces .splide__arrow,
#relatedProducts .splide__arrow,
#designerProducts .splide__arrow  {
	position: static;
	transform: translate(0,0);
	left: auto;
	right: auto;
	height: 2rem;
	width: 2rem;
	opacity: 1;
	background-color: transparent;
	z-index: 2;
}

#latestNews .splide__arrow svg,
#ourCollections .splide__arrow svg,
#spaces .splide__arrow svg,
#relatedProducts .splide__arrow svg,
#designerProducts .splide__arrow svg {
	width: 20px;
	height: 20px;
}

#latestNews .splide__pagination,
#spaces .splide__pagination,
#relatedProducts .splide__pagination,
#designerProducts .splide__pagination {
	display: none;
}

#latestNews .slider-text,
#spaces .slider-text,
#relatedProducts .slider-text,
#designerProducts .slider-text {
	opacity: 0;
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin: 1rem;
	gap: .2rem;
	color: var(--white);
	z-index: 3;
	transition: opacity .3s var(--cubic-bezier);
}

#latestNews .splide__slide::after,
#spaces .splide__slide::after,
#relatedProducts .splide__slide::after,
#designerProducts .splide__slide::after {
	opacity: 0;
	content: "";
	position: absolute;
	inset: 0 0 0 0;
	width: 100% !important;
	background-color: var(--gray-overlay);
	z-index: 1;
	mix-blend-mode: multiply;
	pointer-events: none;
	transition: opacity .2s ease-out;
}

@media (min-width:881px) {
	#latestNews .splide__slide:hover .slider-text,
	#latestNews .splide__slide:hover::after,
	#spaces .splide__slide:hover .slider-text,
	#spaces .splide__slide:hover::after,
	#relatedProducts .splide__slide:hover .slider-text,
	#relatedProducts .splide__slide:hover::after,
	#designerProducts .splide__slide:hover .slider-text,
	#designerProducts .splide__slide:hover::after {
		opacity: 1;
	}
}

#latestNews .slider-text h1,
#latestNews .slider-text h5,
#spaces .slider-text h1,
#spaces .slider-text h5,
#relatedProducts .slider-text h1,
#relatedProducts .slider-text h5,
#designerProducts .slider-text h1,
#designerProducts .slider-text h5 {
	font-weight: 300;
	font-variation-settings: 'wght' 300;
}

#latestNews .slider-text h1,
#spaces .slider-text h1,
#relatedProducts .slider-text h1,
#designerProducts .slider-text h1 {
	font-size: 70px;
}

#latestNews .slider-text h5,
#spaces .slider-text h5,
#relatedProducts .slider-text h5,
#designerProducts .slider-text h5 {
	font-size: 16px;
	text-transform: uppercase;
}

#latestNews .splide__slide,
#spaces .splide__slide,
#relatedProducts .splide__slide,
#designerProducts .splide__slide {
	max-width: calc(25vw - .5rem);
	overflow: hidden;
}

#latestNews ul li img,
#latestNews ul li video,
#spaces ul li img,
#spaces ul li video.addSelection {
	object-fit: cover;
	min-height: calc(32.05vw - .5rem);
	min-width: calc(25vw - .5rem);
	width: 100%;
}

#designerProducts ul li img,
#designerProducts ul li video {
	object-fit: cover;
	min-height: calc(25vw - .5rem);
	min-width: calc(25vw - .5rem);
	width: 100%;
}

#relatedProducts ul li img,
#relatedProducts ul li video {
	object-fit: cover;
	min-height: calc(25vw - .5rem);
	min-width: calc(25vw - .5rem);
	width: 100%;
}

#latestNews .splide__slide,
#spaces .splide__slide,
#relatedProducts .splide__slide,
#designerProducts .splide__slide {
	margin-right: 1rem;
}

#latestNews .splide__list,
#spaces .splide__list,
#relatedProducts .splide__list,
#designerProducts .splide__list {
	gap: 0 !important;
}

.lastestNewsDestacado,
.collectionDesigner {
	display: flex;
	flex-direction: row;
	width: 100%;
	border-top: 1px solid var(--medium-dark-gray);
	border-bottom: 1px solid var(--medium-dark-gray);
}

.lastestNewsDestacado img,
.lastestNewsDestacado video,
.collectionDesigner img {
	width: calc(50vw - .25rem);
	object-fit: cover;
}

.lastestNewsDestacado .texto-destacado,
.collectionDesigner .texto-destacado {
	width: 50vw;
	background-color: var(--medium-light-gray);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 4rem;
	padding: 3vw;
}

.lastestNewsDestacado .texto-destacado h4,
.collectionDesigner .texto-destacado h4 {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 400;
	font-variation-settings: 'wght' 400;
}

.lastestNewsDestacado .texto-destacado p,
.collectionDesigner .texto-destacado p {
	width: 30vw;
	max-width: 500px;
	font-weight: 300;
	font-variation-settings: 'wght' 300;
	margin: auto;
	font-size: 18px;
}

.lastestNewsDestacado .texto-destacado h5,
.collectionDesigner .texto-destacado h5 {
	font-weight: 400;
	font-variation-settings: 'wght' 400;
	font-size: 12px;
	text-transform: uppercase;
	position: relative;
	margin-left: 3rem;
}

@media (min-width:881px) {
	.lastestNewsDestacado .texto-destacado h5:hover::after,
	.knowUsDestacadoSubTitulo h5:hover::after {
		width: 3rem;
	}
}

.lastestNewsDestacado .texto-destacado h5 a::after,
.collectionDesigner .texto-destacado h5 a::after,
.knowUsDestacadoSubTitulo h5 a::after {
	transform-origin: bottom right;
}

.lastestNewsDestacado .texto-destacado h5::after,
.collectionDesigner .texto-destacado h5::after {
	content: "";
	width: 2rem;
	height: 1px;
	display: block;
	position: absolute;
	left: -3rem;
	bottom: -4px;
	background-color: var(--medium-dark-gray);
	transition: width .15s var(--cubic-bezier);
}





/* OUR COLLECTIONS */

#ourCollections .splide__track {
	border-top: 1px solid var(--medium-dark-gray);
}

#ourCollections .splide__arrows {
	display: flex;
	flex-direction: row;
	width: fit-content;
}

#ourCollections .splide__arrow {
	position: static;
	transform: translate(0,0);
	left: auto;
	right: auto;
}

#ourCollections .splide__arrow {
	height: 2rem;
	width: 2rem;
	opacity: 1;
	background-color: transparent;
	z-index: 2;
}

#ourCollections .splide__pagination {
	display: none;
}

@media (min-width:881px) {
	#ourCollections .splide__slide:hover .slider-text,
	#ourCollections .splide__slide:hover::after {
		opacity: 1;
	}
}

#ourCollections .slider-text {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: .2rem;
	color: var(--white);
	z-index: 3;
	transition: opacity .3s var(--cubic-bezier);
}

#ourCollections .splide__slide::after {
	opacity: 0;
	content: "";
	position: absolute;
	inset: 0 0 0 0;
	width: 100%;
	background-color: var(--gray-overlay);
	z-index: 1;
	mix-blend-mode: multiply;
	pointer-events: none;
	transition: opacity .2s ease-out;
}

#ourCollections .slider-text h1,
#ourCollections .slider-text h5 {
	font-weight: 300;
	font-variation-settings: 'wght' 300;
}

#ourCollections .slider-text h1 {
	font-size: 70px;
}

#ourCollections .slider-text h5 {
	font-size: 16px;
	text-transform: uppercase;
}

#ourCollections ul li img,
#ourCollections ul li video {
	object-fit: cover;
	min-width: 50vw;
	width: 100%;
}

#ourCollections .splide__slide {
	margin-right: 1rem;
}

#ourCollections .splide__list {
	gap: 0 !important;
}




/* KNOW US */

#knowUs,
#whoWeAre,
#distribution {
	border-top: 1px solid var(--medium-dark-gray);
	display: flex;
	flex-direction: column;
	align-items: center;
}

.knowUs {
	display: flex;
	flex-direction: column;
	margin: 50px 15vw;
	max-width: 50rem;
}

.headquarters .emails a {
	padding: 1.5rem 0;
}

.headquarters .emails a p:first-of-type {
	margin-right: 1rem;
}

.headquarters .emails a p:last-of-type {
	font-style: italic;
	font-weight: 200;
	font-variation-settings: 'wght' 200;
	font-size: 16px;
}

.whoWeAre,
.quality,
.distribution,
.headquarters {
	display: flex;
	flex-direction: column;
	margin: 80px 15vw;
}

.knowUs h3,
.whoWeAre p,
.quality p,
.distribution p,
.headquarters p {
	font-size: 20px;
	line-height: 110%;
	font-weight: 400;
	font-variation-settings: 'wght' 400;
}

.whoWeAre p,
.quality p,
.distribution p,
.headquarters p {
	max-width: 80rem;
}

.knowUs h3::before,
.whoWeAre::before,
.quality::before,
.distribution::before,
.headquarters::before {
	text-transform: uppercase;
	font-size: 14px;
	position: absolute;
	transform: translateX(-10vw);
}

.knowUs h3::before {
	content: "About";
}

.knowUsIT h3::before {
	content: "Conoscici";
}

.knowUsFR h3::before {
	content: "Connaissez-nous";
}

.knowUsDE h3::before {
	content: "Kenne uns";
}

.knowUsES h3::before {
	content: "Conócenos";
}

.whoWeAre::before {
	content: "About us";
}

.whoWeAreIT::before {
	content: "Chi siamo";
}

.whoWeAreFR::before {
	content: "Qui sommes-nous";
}

.whoWeAreDE::before {
	content: "Wer wir sind";
}

.whoWeAreES::before {
	content: "Quienes somos";
}

.quality::before {
	content: "Quality";
}

.qualityIT::before {
	content: "Qualità";
}

.qualityFR::before {
	content: "Qualité";
}

.qualityDE::before {
	content: "Qualität";
}

.qualityES::before {
	content: "Calidad";
}

.distribution::before {
	content: "Distribution";
}

.distributionIT::before {
	content: "Distribuzione";
}

.distributionFR::before {
	content: "Distribution";
}

.distributionDE::before {
	content: "Verteilung";
}

.distributionES::before {
	content: "Distribución";
}

.knowUsLink {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 1rem 0;
	transition: background-color .3s;
}

.knowUsLink p {
	font-size: 14px;
	font-weight: 400;
	font-variation-settings: 'wght' 400;
	max-width: 85%;
}

.knowUsLink svg {
	max-width: 15%;
}

.knowUsLink::after {
	display: none;
}

.knowUsDestacado {
	position: relative;
	overflow: hidden;
	width: 100vw;
	height: 47vw;
	min-height: 17rem;
}

@media (min-width:881px) {
	.knowUsLink:hover {
		background-color: var(--gray);
	}
	.knowUsDestacado:hover img {
		transform: scale(1.03);
	}
}

.knowUsDestacado img,
.knowUsDestacado video {
	width: 100vw;
	object-fit: cover;
	min-height: 17rem;
	transition: transform .3s var(--cubic-bezier);
}

.knowUsDestacado::after {
	pointer-events: none;
	position: absolute;
	content: "";
	inset: 0 0 0 0;
	background-color: var(--gray-overlay);
}

.knowUsDestacadoTitulo,
.knowUsDestacadoSubTitulo {
	position: absolute;
	left: 10vw;
	z-index: 1;
}

.knowUsDestacadoTitulo a,
.knowUsDestacadoSubTitulo a {
	color: var(--white);
}

.knowUsDestacado a::after {
	background-color: var(--white);
}

.knowUsDestacadoTitulo {
	top: 4vw;
}

.knowUsDestacadoSubTitulo {
	bottom: 4vw;
}

.knowUsDestacadoTitulo h4 {
	font-size: 16px;
	font-weight: 400;
	font-variation-settings: 'wght' 400;
}

.knowUsDestacadoSubTitulo h5 {
	font-weight: 400;
	font-variation-settings: 'wght' 400;
	font-size: 12px;
	text-transform: uppercase;
	position: relative;
	margin-left: 3rem;
}

.knowUsDestacadoSubTitulo h5::after {
	content: "";
	width: 2rem;
	height: 1px;
	display: block;
	position: absolute;
	left: -3rem;
	bottom: -4px;
	background-color: var(--white);
	transition: width .15s var(--cubic-bezier);
}




/* NEWSLETTER */

.newsletter input:-webkit-autofill,
.newsletter input:-webkit-autofill:hover,
.newsletter input:-webkit-autofill:focus,
.newsletter input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: var(--white) !important;
	-webkit-box-shadow: 0 0 0px 1000px var(--green) inset !important;
}

.newsletter {
	background-color: var(--green);
	color: var(--white);
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 10vw;
	align-items: center;
	padding: 6rem 20vw;
	position: relative;
}

.newsletterText {
	display: flex;
	flex-direction: column;
	gap: .75rem;
}

.newsletterText ul {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: .5rem;
	margin-top: 2rem;
}

.newsletterText ul li {
	list-style: none;
	transition: all .2s;
}

@media (min-width:881px) {
	.newsletterText ul li:hover {
		opacity: .7;
	}
}

.newsletterText ul li a {
	width: 35px !important;
    height: 35px !important;
    background-color: var(--white);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: background-color .2s var(--cubic-bezier);
}

.newsletterText ul li a::after {
	display: none;
}

.newsletterText ul li svg {
	width: 18px !important;
    height: 18px !important;
}

.newsletterText ul li a svg path,
.newsletterText ul li a svg rect {
	fill: var(--green);
}

.newsletter h5 {
	font-size: 18px;
	font-weight: 300;
	font-variation-settings: 'wght' 300;
	text-transform: uppercase;
}

.newsletter h3 {
	font-size: 24px;
	font-weight: 400;
	font-variation-settings: 'wght' 400;
}

.newsletterSubmit {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.newsletter input {
	background-color: transparent;
	border: 1px solid var(--white);
	padding: 0 1rem;
	height: 2.5rem;
	width: 25vw;
	max-width: 30rem;
	text-align: left;
	font-size: 16px;
	color: var(--white);
	border-right: transparent;
}

footer input {
	background-color: transparent;
	border: 1px solid var(--black);
	padding: 0 1rem;
	height: 2rem;
	width: 25vw;
	max-width: 30rem;
	text-align: left;
	font-size: 14px;
	color: var(--black);
	border-right: transparent;
}

.newsletter input:focus,
footer input:focus {
	outline: none;
}

.newsletter input::-webkit-input-placeholder {
	color: var(--white);
	text-align: left;
}
  
.newsletter input:-moz-placeholder {
	color: var(--white);
	text-align: left;
}

.newsletter button {
	border: none;
	border-right: 1px solid var(--white);
	background-color: transparent;
	height: calc(2.5rem + 1px);
	width: 2.5rem;
	transition: all .2s var(--cubic-bezier);
	cursor: pointer;
	position: absolute;
    right: 0;
    top: 0;
}

.newsletter button svg {
	transform: translateY(1px);
}

.newsletter button svg path {
	transition: all .2s var(--cubic-bezier);
}

@media (min-width:881px) {
	.newsletter button:hover {
		background-color: var(--white);
	}
	.newsletter button:hover svg path {
		fill: var(--green) !important;
	}
}

.newsletter form,
footer form {
	display: flex;
	position: relative;
}

.newsletter .wpcf7-submit {
	background-color: transparent;
	background-image: url('assets/images/send-icon.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px;
	border: none;
	border-right: 1px solid var(--white);
	transform: translateX(-10px);
    height: calc(2.5rem + 2px);
	transition: all .2s;
	cursor: pointer;
}

footer .wpcf7-submit {
	background-color: transparent;
	background-image: url('assets/images/send-icon-black.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px;
	border: none;
	border-right: 1px solid var(--black);
	transform: translateX(-9px);
    height: calc(2rem + 2px);
	transition: all .2s;
	cursor: pointer;
}

.newsletter .wpcf7-submit:hover {
	background-color: var(--white);
	border-right: 1px solid var(--white);
	background-image: url('assets/images/send-icon-black.svg');
}

footer .wpcf7-submit:hover {
	background-color: var(--black);
	border-right: 1px solid var(--black);
	background-image: url('assets/images/send-icon.svg');
}

.wpcf7-response-output {
	position: absolute;
	left: 0;
	top: 3rem;
}





/* PRODUCT */

.product-header {
	width: calc(100% - 10vw);
    height: 80svh;
    background-color: var(--gray);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10vh 5vw;
    position: relative;
}

.product-header .product-title {
	max-width: 19rem;
}

.product-header .product-title h1 {
	font-size: 32px;
	font-weight: 400;
	font-variation-settings: 'wght' 400;
	margin-bottom: 1.5rem;
}

.product-header .product-title h3 {
	font-size: 14px;
	font-weight: 400;
	font-variation-settings: 'wght' 400;
	text-transform: uppercase;
}

.product-header img {
	position: absolute;
	right: 10vw;
	top: 50%;
	transform: translateY(-50%);
	max-height: 80vh;
	width: 75vw;
	align-self: center;
	object-fit: contain;
}

.product-header .technical {
	width: 250px;
	display: flex;
	flex-direction: column;
}

.product-header .technical a {
	padding: .3rem 0;
	transition: background-color .3s ease
}

.product-header .technical a::after {
	display: none;
}

@media (min-width:881px) {
	.product-header .technical a:hover {
		background-color: var(--medium-light-gray);
	}
}

#productDescription {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.productDescription {
	display: flex;
	flex-direction: column;
	margin: 50px 15vw 10px;
	max-width: 50rem;
}

.productDescription h3 {
	font-size: 20px;
	line-height: 110%;
	font-weight: 400;
	font-variation-settings: 'wght' 400;
}

.productDescription h3::before {
	content: "Description";
	text-transform: uppercase;
	font-size: 14px;
	position: absolute;
	transform: translateX(-10vw);
}

.configurator {
	background-color: var(--green);
	color: var(--white);
}

.configurator .half-text {
	min-height: 10rem;
	margin-bottom: 0;
}

#pcon {
	width: 100%;
	height: 740px;
}

@media (max-width:1002px) {
	#pcon {
		height: 1200px;
	}
}

#pcon.ampliado {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 99999;
	left: 0;
	top: 0;
	margin: 0 !important;
	padding: 0;
}

#pcon iframe {
	width: 100%;
	height: 100%;
	border: none;
}

.editor_coleccion,
.editor_modelo,
.property-class {
	width: 80% !important;
	max-width: 10rem !important;
}

.pconButton {
	margin-top: 3rem;
	border: 1px solid var(--black);
	padding: .75rem 1rem;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	font-weight: 500;
	font-variation-settings: 'wght' 500;
	font-size: 15px;
	cursor: pointer;
}

@media (max-width:880px) {
	.pconButton {
		font-size: 13px;
	}
}





.event-banner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: var(--white);
	font-weight: 500;
	font-size: 14px;
	text-align: center;

	.imageWrapper,
	.videoWrapper {
		position: relative;
		overflow: hidden;

		&::after {
			content: "";
			position: absolute;
			inset: 0;
			background: var(--black-overlay);
			z-index: 1;
			opacity: 0.45;
		}

		img,
		video {
			width: 100vw;
			height: 100svh;
			object-fit: cover;
		}
	}

	.textWrapper {
		position: absolute;
		inset: 0;
		margin: auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 25px;
		max-width: 400px;
		z-index: 2;

		h1 {
			font-size: clamp(24px, 4vw, 64px);
			line-height: 90%;
			font-weight: 500;
		}

		h2 {
			font-size: 18px;
			line-height: 90%;
			text-transform: uppercase;
		}
	}
}

#eventGallery {
	.splide__track {
		.splide__list {
			.splide__slide {
				position: relative;
				aspect-ratio: 1;

				&::after {
					content: "";
					position: absolute;
					inset: 0;
					background: var(--black-overlay);
					z-index: 1;
					opacity: 0.25;
				}

				a {
					width: 100%;
					height: 100%;
					display: block;

					img {
						height: 100%;
						width: 100%;
						object-fit: cover;
					}

					.slide-text {
						display: flex;
						flex-direction: column;
						justify-content: space-between;
						position: absolute;
						inset: 40px;
						margin: auto;
						z-index: 2;

						.texto-galeria {
							font-size: var(--text-section-title);
							line-height: 100%;
							color: var(--white);
							font-weight: 500;
							width: fit-content;
							max-width: 80%;
							text-wrap: balance;
						}

						.texto-pastilla {
							font-size: 18px;
							color: var(--black);
							font-weight: 500;
							background-color: var(--white);
							padding: 14px 24px;
							border-radius: 2px;
							width: fit-content;
						}
					}
				}
			}
		}
	}

	@media (max-width:880px) {
		.splide__arrow {
			display: none;
		}

		.splide__track {
			.splide__list {
				.splide__slide {
					a {
						.slide-text {
							inset: 20px;

							.texto-galeria {
								max-width: 90%;
							}
						}
					}
				}
			}
		}
	}
}






/* COLLECTION */

.collection-header {
	height: 100svh;
}

.collection-header img {
	width: 100%;
	height: 100svh;
	object-fit: cover;
}

@media (max-width:880px) {
	.headerAbout,
	.headerAbout img {
		min-height: 80vw !important;
		height: 100% !important;
	}
}

.designBy,
.collectionText {
	border-top: 1px solid var(--medium-dark-gray);
}

.designBy {
	border-bottom: 1px solid var(--medium-dark-gray);
}

.designBy .half-text {
	gap: 4vw;
	align-items: end;
	justify-content: flex-start;
}

.designBy .half-text h1 {
	font-weight: 400;
	font-variation-settings: 'wght' 400;
	font-size: 34px;
	line-height: 34px;
}

.designBy .half-text h3 {
	font-weight: 300;
	font-variation-settings: 'wght' 300;
	font-size: 24px;
	line-height: 25px;
}

.collectionDescription {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	padding: 4rem 0;
}

.downloadOverlay {
	position: fixed;
	z-index: 11;
	inset: 0;
	background-color: var(--black-overlay);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	color: var(--white);
	text-align: center;
	backdrop-filter: blur(5px);
	opacity: 0;
	pointer-events: none;
	transition: all .3s;
	cursor: wait;
}

.downloadOverlayOpen {
	opacity: 1;
	pointer-events: all;
}

.downloadOverlay svg {
	animation: downloadPath 5s linear infinite;
	transform-origin: center;
}

@keyframes downloadPath {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}

.stopDownload {
	color: var(--white);
}

.collectionDescription h4,
.collectionText h4 {
	margin-left: 7vw;
	font-size: 16px;
	font-weight: 400;
	font-variation-settings: 'wght' 400;
	text-transform: uppercase;
}

.collectionDescription .description {
	margin: 0 5vw;
	font-weight: 400;
	font-variation-settings: 'wght' 400;
	font-size: 20px;
	max-width: 50rem;
}

.collectionDescription .collectionLinks {
	display: flex;
	flex-direction: column;
	margin-right: 5vw;
}

.collectionDescription .collectionLinks li {
	list-style: none;
	border-bottom: 1px solid var(--medium-dark-gray);
	padding: .4rem 0;
	min-width: 150px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 400;
	font-variation-settings: 'wght' 400;
	transition: background-color .3s ease;
}

@media (min-width:881px) {
	.collectionDescription .collectionLinks li:hover {
		background-color: var(--medium-light-gray);
		font-weight: 700;
		font-variation-settings: 'wght' 700;
		cursor: pointer;
	}
}

.collectionDescription .collectionLinks li::after {
	display: none;
}

.collectionLinks li a::after {
	display: none;
}

.collectionText {
	padding: 3rem 0;
}

.productList {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 1rem;
	grid-auto-rows: minmax(100px, auto);
}

.productList .product {
	position: relative;
	overflow: hidden;
	width: calc((100vw / 4) - 1rem);
	height: calc((100vw / 4) - 1rem);
}

.productList .product .slider-text {
	text-transform: uppercase;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
	width: 75%;
	padding: .5rem 0;
	border-top: 1px solid var(--white);
	border-bottom: 1px solid var(--white);
	transition: opacity .2s ease-out;
}

.productList .product .slider-text h5 {
	font-size: 16px;
	color: var(--white);
	font-weight: 400;
	font-variation-settings: 'wght' 400;
}

@media (max-width:900px) {
	.productList .product .slider-text h5 {
		font-size: 13px;
	}
}

.productList .product a img {
	width: calc(100vw / 4 - 1rem);
	transition: transform .3s var(--cubic-bezier);
}

.productList .product a::before {
	opacity: 0;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--gray-overlay);
	z-index: 1;
	mix-blend-mode: multiply;
	pointer-events: none;
	transition: opacity .2s ease-out;
}

@media (min-width:881px) {
	.productList .product:hover a img {
		transform: scale(1.1);
	}
	
	.productList .product:hover a::before {
		opacity: 1;
	}
	
	.productList .product:hover a .slider-text {
		opacity: 1;
	}
}

.productList .product a::after {
	display: none;
}

.collectionDownloads {
	padding: 6rem 10vw;
	margin: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	background-color: var(--medium-light-gray);
	border-top: 1px solid var(--medium-dark-gray);
}

.collectionDownloads h4 {
	font-size: 16px;
	font-weight: 400;
	font-variation-settings: 'wght' 400;
	text-transform: uppercase;
}

@media (max-width:880px) {
	.collectionDownloads h4 {
		margin-left: 8vw;
	}
}

.collectionDownloads .downloads {
	max-width: 1200px;
	margin-right: 5vw;
	font-weight: 400;
	font-variation-settings: 'wght' 400;
	font-size: 16px;
	display: flex;
	flex-direction: column;
	width: 60vw;
}

.collectionDownloads .downloads a, .collectionDownloads .downloads .filesDownload {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	width: 100%;
	padding: 1.75rem 0;
	transition: all 0.2s ease;
	cursor: pointer;
	position: relative;
}
.collectionDownloads .downloads .filesDownload .buttons .plusDropdown {
	transition: all 0.2s ease;
}
.collectionDownloads .downloads .filesDownload.open .buttons .plusDropdown {
	transform: rotate(45deg);
}
.collectionDownloads .downloads a .buttons, .collectionDownloads .downloads .filesDownload .buttons {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
}
.collectionDownloads .downloads a .buttons svg, .collectionDownloads .downloads .filesDownload .buttons svg {
	display: block;
	width: 22px;
}
@media (max-width: 880px) {
	.collectionDownloads .downloads a .buttons svg, .collectionDownloads .downloads .filesDownload .buttons svg {
		width: 16px;
   }
}

@media (max-width:880px) {
	.collectionDownloads .downloads a,
	.collectionDownloads .downloads .filesDownload {
		width: 70vw;
		padding: 0.8rem 0;
	}
	
	.collectionDownloads .downloads {
		width: 70vw;
		margin: 0 15vw;
		font-size: 14px;
	}
}

@media (min-width:881px) {
	.collectionDownloads .downloads a:hover,
	.collectionDownloads .downloads .filesDownload:hover {
		background-color: var(--light-gray);
	}
}

.collectionDownloads .downloads a::after,
.collectionDownloads .downloads .filesDownload::after {
	transform: scaleX(1);
}

.download-grid {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr);
	align-items: start;
	gap: 3rem 1rem;
	margin-bottom: 1.5rem;
	padding-bottom: 1.5rem;
	opacity: 1;
	transition: opacity .45s;
}

.hide {
	opacity: 0;
}

.download-grid-item {
	cursor: pointer;
	text-align: left;
	aspect-ratio: .8;
	position: relative;
}

.download-grid-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.item-file .image {
	align-items: flex-start !important;
	aspect-ratio: 0.85 !important;
}

.item-file img {
	height: 100%;
	margin: .85rem;
	width: calc(100% - 1.7rem);
}

.download-grid .selected img {
	filter: brightness(.8);
}

.download-grid-item input {
	display: none;
}

.download-grid-item .image {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	aspect-ratio: 1;
	background-color: var(--white);
	padding: 2rem 0;
	transition: all .2s;
	position: relative;
}

@media (min-width:881px) {
	.download-grid-item:hover .image {
		filter: brightness(.75);
	}
	
	.download-grid-item:hover .viewMore {
		opacity: 1;
	}
}

.download-grid-item .viewMore {
	opacity: 0;
	color: var(--white);
	position: absolute;
	left: 1rem;
	top: .5rem;
	transition: all .2s;
	z-index: 1;
	filter: brightness(1);
}

.downloadCheck {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	border-radius: 0 0 0 30px;
	background-color: var(--gray);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}

.downloadCheck .downloadCheckInner {
	width: 13px;
	height: 13px;
	border-radius: 100%;
	outline: 1px solid var(--white);
	outline-offset: 2px;
	background-color: var(--white);
}

.selected .downloadCheck .downloadCheckInner {
	background-color: var(--green);
}

.download-grid-item .downloadText {
	font-size: 16px;
	word-break: break-word;
}

.download-grid-item .image .check {
	position: absolute;
	width: 1.5rem;
	height: 1.5rem;
	right: 1rem;
	top: 1rem;
	transition: all .2s;
	opacity: 0;
}

.download-grid-item.selected .image .check {
    opacity: 1;
}

.download-grid-item p {
	text-transform: uppercase;
	margin-top: .5rem;
	font-weight: 300;
	font-variation-settings: 'wght' 300;
}

.download-grid-item .image {
	padding: 0;
	aspect-ratio: .8;
}

.dropdown {
	max-height: 0px;
	overflow: hidden;
	transition: all .5s var(--cubic-bezier);
}

.dropdownOpen {
	max-height: 6000px;
}

.filesDownload svg {
	transition: all .3s ease-out;
}

.buttonRow {
	display: flex;
	flex-direction: row;
	gap: .5rem;
	margin-top: 1rem;
}

.buttonRow input,
.professionalButtons input {
	padding: 0.7rem 1.3rem;
	background-color: transparent;
	border: 1px solid var(--medium-dark-gray);
	color: var(--black);
	transition: all .2s;
	width: 100%;
}

@media (min-width:881px) {
	.buttonRow input,
	.professionalButtons input {
		padding: 0.8rem 2.25rem;
		width: fit-content;
	}
	.buttonRow input:hover,
	.professionalButtons input:hover {
		background-color: var(--black);
		border: 1px solid var(--black);
		color: var(--white);
	}
}

.selectAll,
.selectAllImages,
.downloadSustainabilitySelection,
.downloadFilesSelection,
.downloadCertificatesSelection,
.downloadImagesSelection {
	cursor: pointer;
	border: none;
	width: fit-content;
	padding: .4rem 1rem;
	margin: 0 0 1rem 0;
	background-color: var(--light-gray);
	transition: all .2s;
}

@media (min-width:881px) {
	.selectAll:hover,
	.selectAllImages:hover,
	.downloadSustainabilitySelection:hover,
	.downloadFilesSelection:hover,
	.downloadCertificatesSelection:hover,
	.downloadImagesSelection:hover {
		background-color: var(--medium-dark-gray);
	}
}

.collectionDesigner .texto-destacado {
	background-color: var(--white);
}

.collectionDesigner .texto-destacado h4::after {
	content: "Designer";
	position: absolute;
	right: 3vw;
	font-size: 12px;
}

@media (max-width:880px) {
	.collectionDesigner .texto-destacado h4::after {
		right: 7vw;
	}
}

.collectionDesigner .texto-destacado h4.texto-destacadoES::after {
	content: "Diseñador";
}

.collectionDesigner .texto-destacado h4.texto-destacadoIT::after {
	content: "Progettista";
}

.collectionDesigner .texto-destacado h4.texto-destacadoFR::after {
	content: "Designer";
}

.collectionDesigner .texto-destacado h4.texto-destacadoDE::after {
	content: "Designer";
}

.searchandfilter label {
	width: 100%;
}

.main-header .searchandfilter label {
	width: fit-content;
}

.filterWrap {
	border-top: 1px solid transparent;
	border-bottom: 1px solid var(--medium-dark-gray);
}

.filterContainer {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	grid-area: 1rem;
	margin: 4rem 5vw;
	width: calc(100% - 10vw);
	position: relative;
	z-index: 3;
}

.filterContainer h3 {
	font-size: 25px;
	font-weight: 300;
	font-variation-settings: 'wght' 300;
	white-space: nowrap;
	width: fit-content;
}

.filterContainer .filter {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.filterContainer .filter form ul .sf-field-submit input {
	border: none;
	background: none;
}

.filterContainer .filter form {
	width: fit-content;
}

@media (max-width:880px) {
	.spacesFilter form,
	.catalogFilter form {
		transform: translateY(-5px);
	}
}

.filterContainer .filter p {
    font-size: 16px;
	font-weight: 400;
	font-variation-settings: 'wght' 400;
	text-wrap: nowrap;
}

.filterContainer .filter form ul {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	z-index: 3;
}

.filterWrap .filterContainer .filter form ul {
	position: relative;
}

@media (max-width:880px) {
	.filterWrap .filterContainer .filter form ul {
		position: static;
	}
}

.filterContainer .filter form ul li {
	padding: 0;
	position: relative;
	list-style: none;
}

.filterContainer .filter form ul li h4 {
	padding: 0;
	font-weight: 300;
	font-variation-settings: 'wght' 300;
	position: relative;
	padding: 0 30px 0 0;
	margin-left: 3vw;
	cursor: pointer;
	font-size: 16px;
}

.filterContainer .filter form ul li:not(.sf-field-taxonomy-new) h4::after {
    display: block;
    content: '';
    background-image: url('assets/images/filter-arrow.svg');
    background-size: 16px 16px;
    height: 16px;
    width: 16px;
    position: absolute;
    right: 0px;
    top: 3px;
    transition: transform .3s ease;
}

.filterContainer .filter form ul li {
    font-variation-settings: 'wght' 300;
}

.filterContainer .filter form ul li .dropdownOpen::after {
	transform: rotate(180deg);
}

.filterContainer .filter form ul li:not(.sf-field-taxonomy-new) ul {
	display: none;
	flex-direction: column;
	position: absolute;
	z-index: 3;
	top: 40px;
	left: 0;
	background-color: var(--white);
	box-shadow: 0 30px 30px 0 rgba(0, 0, 0, 0.1);
	animation: dropDown .3s var(--cubic-bezier);
}

@keyframes dropDown {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.sf-field-taxonomy-new h4 {
	display: none;
}

.filterContainer .filter form ul .sf-field-taxonomy-new {
	margin-left: 3rem;
}

.filterContainer .filter form ul .sf-field-taxonomy-new ul li label {
	padding: 0;
}

.filterContainer .filter form ul li:last-of-type ul {
	left: auto;
	right: 0px;
}

.filterContainer .filter form ul li ul li input {
	display: none;
}

@media (min-width:881px) {
	.filterContainer .filter form ul li ul li input:checked:hover + label {
		font-weight: 700;
		font-variation-settings: 'wght' 700;
	}
	
	.filterContainer .filter form ul li ul li input:checked + label:hover::after,
	.filterContainer .filter form ul li ul li input:checked:hover + label:hover::after {
		display: none;
	}
}

.filterContainer .filter form ul li ul li input:checked + label {
	font-weight: 700;
	font-variation-settings: 'wght' 700;
}

.filterContainer .filter form ul li ul li label::after {
	content: '';
	position: absolute;
	width: 100%;
	transform: scaleX(0);
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: var(--medium-dark-gray);
	transform-origin: bottom center;
	transition: transform 0.15s var(--cubic-bezier);
	z-index: 1;
}

@media (min-width:881px) {
	.filterContainer .filter form ul li ul li label:hover::after {
		transform: scaleX(1);
	}
}

.filterContainer .filter form ul li ul li label {
	padding: 0;
	white-space: pre;
	width: calc(100% - 20px) !important;
	padding: 10px;
	background-color: var(--white);
	transition: all .2s ease;
	cursor: pointer;
    font-size: 16px;
}

.filterContainer span {
	width: 1px;
	height: 20px;
	margin: 0 0 0 3vw;
	background-color: var(--medium-dark-gray);
}

.search-filter-results {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 3rem 1rem;
	grid-auto-rows: minmax(100px, auto);
	/* margin: 0 5vw; */
}

.spacesResults .search-filter-results {
	display: block;
	width: 90vw;
	margin: auto;
}

.collectionsWrapper,
.catalogesWrapper {
	padding: 0 !important;
}

.collectionsWrapper .search-filter-results {
	margin: 0 5vw;
}

.professionalWrapper .search-filter-results {
	display: block;
}

.search-results {
	transition: all .5s;
}

.search-filter-results .product-preview,
.search-filter-results .product-preview {
	opacity: 0;
	animation: logo .2s .4s ease forwards;
}

.search-filter-results .product-preview[data-hide-from-general="true"] {
	display: none;
}

.product-preview:nth-of-type(2) {
	animation-duration: .4s;
}

.product-preview:nth-of-type(3) {
	animation-duration: .6s;
}

.product-preview:nth-of-type(4) {
	animation-duration: .8s;
}

.product-preview:nth-of-type(5) {
	animation-duration: 1s;
}

.product-preview:nth-of-type(6) {
	animation-duration: 1.2s;
}

.product-preview:nth-of-type(7) {
	animation-duration: 1.4s;
}

.product-preview:nth-of-type(8) {
	animation-duration: 1.6s;
}

.product-preview:nth-of-type(9) {
	animation-duration: 1.8s;
}

.product-preview:nth-of-type(10) {
	animation-duration: 2s;
}

.product-preview:nth-of-type(11) {
	animation-duration: 2.2s;
}

.product-preview:nth-of-type(12) {
	animation-duration: 2.4s;
}

.product-preview:nth-of-type(13) {
	animation-duration: 2.6s;
}

.product-preview:nth-of-type(14) {
	animation-duration: 2.8s;
}

.product-preview:nth-of-type(15) {
	animation-duration: 3s;
}

.product-preview:nth-of-type(16) {
	animation-duration: 3.2s;
}

.product-preview:nth-of-type(17) {
	animation-duration: 3.4s;
}

.product-preview:nth-of-type(18) {
	animation-duration: 3.6s;
}

.product-preview:nth-of-type(19) {
	animation-duration: 3.8s;
}

.product-preview:nth-of-type(20) {
	animation-duration: 4s;
}

.product-preview a .imgWrapper,
.product-preview a .imgWrapper {
	overflow: hidden;
	width: calc((100vw - 10vw) / 4 - 1rem);
	height: calc((120vw - 10vw) / 4 - 1rem);
}

@media (min-width:881px) {
	.product-preview a:hover .imgWrapper img,
	.product-preview a:hover .imgWrapper img {
		transform: scale(1.05);
	}
}

.product-preview a .imgWrapper img,
.product-preview a .imgWrapper img {
	width: calc((100vw - 10vw) / 4 - 1rem);
	height: calc((120vw - 10vw) / 4 - 1rem);
	transition: transform .3s var(--cubic-bezier);
	position: relative;
	object-fit: cover;
}

.product-preview a .product-text,
.product-preview a .product-text {
	margin-top: .5rem;
}

.product-preview a .product-text p,
.product-preview a .product-text p {
	font-size: 14px;
	text-transform: uppercase;
}

.product-preview .textOverImage {
	position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 2;
    color: var(--light-green);
    font-weight: 600;
	font-variation-settings: 'wght' 600;
    font-style: italic;
    font-size: 18px;
}

@media (max-width:880px) {
	.product-preview .textOverImage {
		font-size: 14px;
	}
}





/* PROFESSIONAL AREA */

/* .professionalArea h3 {
	margin: 0 5vw;
	font-size: 20px;
	margin-bottom: 3rem;
} */

.professionalArea .filterWrapFilter {
	padding: 1rem 5vw;
	border-bottom: 1px solid var(--medium-dark-gray);
	display: flex;
	align-items: center;
	gap: 1rem;
}

.professionalArea .filterWrapFilter input {
	border: none;
	padding: 1rem 0;
	width: 100%;
	max-width: 85vw;
	min-width: 5rem;
	font-weight: 600;
	font-variation-settings: 'wght' 600;
	color: var(--black);
}

.professionalArea .filterWrapFilter input:focus {
	outline: none;
}

@media (max-width:1100px) {
	.professionalArea .filterWrapFilter {
		padding: .75rem 7vw;
	}
	
	.professionalArea .filterWrapFilter input {
		padding: .75rem 0;
	}
}

@media (max-width:880px) {
	.professionalArea .filterWrapFilter {
		padding: .5rem 7vw;
	}
	.professionalArea .filterWrapFilter input {
		padding: .7rem 0;
	}
}

.professionalArea .filterWrapFilter .clearSearch {
	cursor: pointer;
	pointer-events: none;
	opacity: 0;
	transition: all .2s;
}

#search-input {
	display: none;
}

.filterDropdown {
	display: none;
}

.filterButtons {
	font-size: 16px;
	text-transform: uppercase;
	display: flex;
	flex-direction: column;
	gap: .7rem;
	min-width: 14rem;
	margin-top: 1.5rem;
}

.filterButtons.open {
	max-height: 400px;
}

.filterButtons a {
	width: fit-content;
}

.selectedFilter {
	font-weight: 700;
	font-variation-settings: 'wght' 700;
}

.professionalWrapper {
	display: flex;
	flex-direction: row;
	padding: 2rem 5vw;
	gap: calc(2rem + 5vw);
}

.collectionFilterTitle {
	cursor: pointer;
	display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
	gap: 1rem;
}

.collectionFilterTitle svg {
	transition: all .2s;
}

.collectionFilterTitle.open svg {
	transform: rotate(180deg);
}

.collectionFilter {
	height: 0px;
	overflow-y: scroll;
	margin: .5rem 0 1rem;
	transition: all .5s;
}

.collectionFilter.open {
	height: 360px;
}

.collectionFilter ul li a::after {
	display: none;
}

.collectionFilter ul li a {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: .5rem;
}

.collectionFilter ul li a::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background-color: var(--dark-gray);
}

.collectionFilter ul li a.active::before {
	background-color: var(--black);
}

.mobileButtons {
	display: none;
}

@media (max-width:880px) {
	.professionalWrapper {
		padding: 0 !important;
	}
	.collectionFilterTitle {
		font-size: 14px;
		padding: 0.75rem 7vw;
		width: calc(100% - 14vw);
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.collectionFilter,
	.filterButtons {
		margin: 0 7vw;
	}
	.collectionFilter.open {
		margin: 0.25rem 7vw 1rem;
	}
	.filterButtons.open {
		margin: 1rem 7vw;
	}
	.mobileButtons {
		display: flex;
		font-size: 14px;
	}
	.mobileButtons a::after {
		display: none;
	}
}

.professionalFilter .download-grid-item .image {
	aspect-ratio: 0 !important;
}

@media (max-width:880px) {
	.professionalFilter .download-grid {
		padding: 0 7vw;
	}
}

.professionalFilter .download-grid-item .image img {
	margin: 0;
	width: 100%;
}


/* PROFESSIONAL OVERLAY */

.downloadContainer {
	display: flex;
	flex-direction: row;
	gap: 2rem;
	width: 100%;
}

@media (max-width:1100px) {
	.downloadContainer {
		flex-direction: column;
		padding: 1rem 7vw;
		width: calc(100% - 7vw);
	}
}

.downloadContainer .innerImage {
	width: 70%;
}

.downloadContainer .downloadDetails {
	width: 100%;
	color: var(--black);
	font-size: 16px;
}

.downloadDetails h5 {
	font-weight: 700;
	font-variation-settings: 'wght' 700;
	text-transform: uppercase;
	margin-bottom: 3rem;
}

.downloadInfo {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
	gap: 1rem;
}

.downloadRow {
	display: flex;
	flex-direction: row;
	gap: 1rem;
}

.downloadButton,
.addSelection,
.shareButton {
	display: flex;
    flex-direction: row;
	align-items: center;
    gap: 1rem;
	white-space: nowrap;
	cursor: pointer;
}

.downloadButton::before,
.addSelection::before,
.shareButton::before {
	content: "";
	display: block;
	width: 1px;
	height: 20px;
	background-color: var(--black);
}




/* SPACES */

#search-filter-results-213 {
	margin: auto;
    padding: 0;
	width: 90vw;

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	
	gap: 2rem 0;
}

.masonry {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
	-webkit-column-gap: 1em;
	-moz-column-gap: 1em;
	column-gap: 1em;
	padding: 0;
	width: 100%;
}

.space-item {
	display: block;
	background: #fff;
	padding: 0;
	margin: 0 0 1em;
	width: 100%;
	-webkit-transition:1s ease all;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: relative;
	cursor: pointer;
}

.space-item img{
	max-width:100%;
	display: block;
}

.space-item .imgWrapper {
	overflow: hidden;
}

.space-item .imgWrapper img {
	transition: all .2s var(--cubic-bezier);
}

.space-item .imgWrapper::after {
	opacity: 0;
	content: "";
	position: absolute;
	inset: 0 0 0 0;
	background-color: var(--gray-overlay);
	z-index: 1;
	mix-blend-mode: multiply;
	pointer-events: none;
	transition: opacity .2s ease-out;
}

.space-item .space-text {
	position: absolute;
	bottom: 2vw;
	left: 2vw;
	color: var(--white);
	opacity: 0;
	transition: all .2s;
	z-index: 2;
	transform: translateY(5px);
	width: calc(100% - 4vw);
}

@media (min-width:881px) {
	.space-item:hover .space-text {
		transform: translateY(0);
		opacity: 1;
	}
	
	.space-item:hover .imgWrapper::after {
		opacity: 1;
	}
	
	.space-item:hover .imgWrapper img {
		transform: scale(1.03);
	}
}

.spaceContent {
	opacity: 0;
	padding: 4rem 12vw;
	pointer-events: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-45%);
	width: calc(90vw - 24vw);
	max-width: 55rem;
	background-color: var(--white);
	overflow: hidden;
	z-index: 15;
	transition: all .3s var(--cubic-bezier);
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.spaceContentView {
	opacity: 1;
	pointer-events: all;
	transform: translate(-50%,-50%);
}

.spaceTitle,
.innerImage,
.spaceFooter {
	opacity: 1;
	transition: all .3s;
}

.spaceContentTransition .spaceTitle,
.spaceContentTransition .innerImage,
.spaceContentTransition .spaceFooter {
	opacity: 0;
}

.spaceOverlay {
	opacity: 0;
	pointer-events: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--gray-overlay);
	backdrop-filter: blur(1px);
	filter: blur(1.5px);
	-webkit-backdrop-filter: blur(1px);
	z-index: 11;
	transition: all .3s var(--cubic-bezier);
}

.spaceOverlayView {
	opacity: 1;
	pointer-events: all;
}

.spaceContent .closeSpace {
	position: absolute;
	top: 1rem;
	right: 1rem;
	padding: 1rem;
	width: 1.5rem;
	height: 1.5rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: transform .2s var(--cubic-bezier);
}

.spaceOverlayView + .spaceContent .closeSpace {
	transform: rotate(90deg);
}

.spaceContent .closeSpace span {
	width: 1.5rem;
	height: 1px;
	border-radius: 2px;
	background-color: var(--medium-dark-gray);
}

.spaceContent .closeSpace span:first-of-type {
	transform: rotate(45deg) translateY(1px);
}

.spaceContent .closeSpace span:last-of-type {
	transform: rotate(-45deg) translateY(-1px);
}

.previousSpace,
.nextSpace {
	cursor: pointer;
	position: absolute;
	z-index: 1000000000;
	transform: translateY(-50%);
	padding: 1rem;
}

.previousSpace {
	top: 50%;
	left: 1rem;
}

.nextSpace {
	top: 50%;
	right: 1rem;
}

.innerImage {
	max-height: 60vh;
	height: 100%;
	width: 100%;
	display: block;
	object-fit: contain;
}

.spaceFooter {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	font-size: 16px;
}

.spaceFooter p a {
	text-decoration: none;
	margin-right: .5rem;
}

.spaceFooter .downShare {
	display: flex;
	flex-direction: row;
	gap: 1rem;
}







/* Catalogue */

#search-filter-results-251,
.designersGrid,
.catalogesWrapper .search-filter-results {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 3rem 1rem;
	grid-auto-rows: minmax(100px, auto);
	margin: 0 5vw;
}

@media (max-width:1100px) {
	#search-filter-results-251,
	.designersGrid,
	.catalogesWrapper .search-filter-results {
		margin: 0 7vw;
	}
}

#search-filter-results-251 .product-preview a,
.designersGrid .product-preview a,
.catalogesWrapper .search-filter-results a {
	display: flex;
	flex-direction: column;
	gap: 0;
}

@media (max-width:880px) {
	.catalogesWrapper .search-filter-results {
		grid-template-columns: repeat(2, 1fr);
	}
	.designersGrid .product-preview a,
	.catalogesWrapper .product-preview a {
		gap: 0 !important;
	}
	.catalogesWrapper .search-filter-results {
		grid-gap: 1rem !important;
	}
}

@media (min-width:881px) {
	#search-filter-results-251 .product-preview a:hover .imgWrapper img,
	.designersGrid .product-preview a:hover .imgWrapper img {
		transform: scale(1.05);
	}
}

#search-filter-results-251 .product-preview .imgWrapper,
.designersGrid .product-preview .imgWrapper,
.catalogesWrapper .search-filter-results .product-preview .imgWrapper {
	width: 100%;
	height: 100%;
	background-color: var(--gray);
}

#search-filter-results-251 .product-preview .imgWrapper img,
.catalogesWrapper .search-filter-results .product-preview .imgWrapper img {
	transition: transform .2s var(--cubic-bezier);
	margin: 3vw;
	object-fit: contain;
	width: calc(100% - 6vw);
    height: calc(100% - 6vw);
}

.designersGrid .product-preview .imgWrapper {
	overflow: hidden;
}

.designersGrid .product-preview .imgWrapper img {
	transition: transform .2s var(--cubic-bezier);
	object-fit: cover;
	width: 100%;
    height:100%;
}







/* DESIGNERS */

.noBorderBottom {
	border-bottom: none;
}

.designerDescription img {
	width: 40vw;
}

.designerDescription .texto-destacado {
	width: 60vw;
}







/* ABOUT */

.headerAbout .video-slide {
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

.headerAbout .video-slide svg {
	position: absolute;
	inset: 0;
	margin: auto;
	width: 3rem;
}

.headerAbout .video-slide img {
	transition: all .3s var(--cubic-bezier);
}

@media (min-width:900px) {
	.headerAbout .video-slide:hover img {
		transform: scale(1.02);
	}
}

@media (max-width:900px) {
	.headerAbout .video-slide svg {
		width: 2rem;
	}	
}

.whoWeAreImage {
	width: 100%;
	height: fit-content;
	position: relative;
}

.whoWeAreImage img {
	width: 100%;
	object-fit: cover;
	display: block;
}

.whoWeAreImage h1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: var(--white);
	font-size: 60px;
	font-weight: 200;
	font-variation-settings: 'wght' 200;
	text-align: center;
	width: calc(100% - 6rem);
	font-family: 'Novela', serif;
}

.qualityGallery .splide__arrows {
	display: none !important;
}

.qualityGallery .splide__slide {
	position: relative;
}

.qualityGallery .splide__slide svg {
	position: absolute;
	inset: 0;
	margin: auto;
}

.qualityGallery .videoPopup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.qualityGallery .videoPopup.visible {
    display: flex;
}

.qualityGallery .videoPopup video {
    max-width: 90%;
    max-height: 90%;
}

.qualityGallery .videoPopup .close {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    width: 30px;
    height: 30px;
}





/* CONTACT */

.mailBox {
	background-color: var(--gray);
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 6rem 10vw;
}

@media (max-width:550px) {
	.mailBox {
		padding: 6rem 7vw;
	}
}

.mailBox form {
	margin: auto;
	max-width: 60rem;
}

.mailBox form p {
	border-top: 1px solid var(--medium-dark-gray);
	margin-top: 1.5rem;
	padding-top: .5rem;
	font-weight: 400;
	font-variation-settings: 'wght' 400;
}

.mailBox form p:nth-of-type(1) {
	border-top: none;
}

.mailBox form .dual-row p:nth-of-type(1) {
	border-top: 1px solid var(--medium-dark-gray);
}

.mailBox form .submit {
	float: right;
}

.mailBox form .submit p {
	border: none;
	margin: 0;
}

.mailBox form input,
.mailBox form textarea {
	background-color: transparent;
	outline: none;
	border: none;
	margin-top: .5rem;
	padding: .3rem 0;
}

.mailBox form textarea {
	resize: none;
}

.wpcf7 form .recaptcha {
	display: block;
	border-top: 1px solid var(--medium-dark-gray);
}

.mailBox form input[type=submit] {
	border: 1px solid var(--medium-dark-gray);
	padding: .5rem 1.5rem;
	width: fit-content;
	margin-left: auto;
	cursor: pointer;
	text-align: right;
	transition: all .2s;
}

@media (min-width:881px) {
	.mailBox form input[type=submit]:hover {
		background-color: var(--black);
		color: var(--white);
	}
}

.mailBox .dual-row {
	display: flex;
	flex-direction: row;
	gap: 2vw;
}

.wpcf7 form h2 {
	font-weight: 400;
	font-variation-settings: 'wght' 400;
	margin-bottom: 2rem;
}

.wpcf7 form .wpcf7-radio {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 1.75rem 1rem;
	margin-bottom: 3rem;
}

.wpcf7 form .wpcf7-list-item label span {
	font-size: 14px;
	text-transform: uppercase;
	padding: .5rem;
	border: 1px solid var(--dark-gray);
	cursor: pointer;
}

.wpcf7 form .wpcf7-list-item label input:checked + span {
	background-color: var(--green);
	border: 1px solid var(--green);
	color: var(--white);
}

.wpcf7 form .wpcf7-radio .wpcf7-list-item input {
	display: none;
}

.wpcf7 form span[data-name="file"] {
	padding-bottom: 1rem;
	display: block;
}

.wpcf7,
.wpcf7 form,
.wpcf7 form input,
.wpcf7 form .dual-row p,
.wpcf7 form textarea{
	width: 100%;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 100px var(--white) inset !important;
}

.screen-reader-response {
	display: none;
}

#sbi_images {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 1rem;
}

#sb_instagram.sbi_col_4 #sbi_images .sbi_item {
	width: 100% !important;
}

.recaptcha span div {
	margin-top: 1.5rem;
}

@media (max-width:880px) {
	.recaptcha span div {
		margin-top: .75rem;
	}
}

.wpcf7-spinner {
	display: none !important;
}

.acceptance {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: .5rem;
	cursor: pointer;
}

.acceptance input[type="checkbox"] {
    appearance: none;
    background-color: transparent;
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 1.5em !important;
    height: 1.5em;
    border: 1px solid currentColor !important;
    transform: translateY(-0.075em);
	position: relative;
	border-radius: 20px;
	transform: translateY(.1rem);
}

.acceptance input[type="checkbox"]:checked {
	background-color: var(--black) !important;
}

.acceptance input[type="checkbox"]:checked::after {
	content: "✓";
	color: var(--white);
	position: absolute;
	left: 50%;
	top: 50%;
	font-size: 15px;
	transform: translate(-50%, -50%);
}

.wpcf7-list-item {
	margin: 0 !important;
}

@media (max-width:880px) {
	.acceptance {
		gap: .25rem;
		font-size: 14px;
	}
	.acceptance input[type="checkbox"]:checked::after {
		font-size: 10px;
	}
}

.wpcf7 form .wpcf7-response-output {
	border: none !important;
	padding: 0 !important;
	margin: 1em 0 3rem !important;
}

.showrooms {
	background-color: var(--sustainability-green);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.showroomList {
	width: -webkit-fill-available;
	max-width: 60rem;
	margin: 5rem 7vw 7rem;
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.showrooms h2 {
	width: -webkit-fill-available;
	padding: 4rem 7vw;
	font-weight: 400;
	font-variation-settings: 'wght' 400;
    font-size: 34px;
    line-height: 34px;
	border-bottom: 1px solid var(--medium-dark-gray);
}

.showroom h3 {
	font-size: 26px;
	font-weight: 400;
	font-variation-settings: 'wght' 400;
	text-transform: uppercase;
	color: var(--white);
	border-bottom: 1px solid var(--white);
}

.showroom .info {
	margin-top: 1rem;
	display: flex;
	flex-direction: row;
	gap: 1rem;
}

.showroom .info .location,
.showroom .info .contact {
	display: flex;
	flex-direction: column;
	font-weight: 400;
	font-variation-settings: 'wght' 400;
}

.showroom .info .location span,
.showroom .info .contact span {
	font-size: 14px;
	text-transform: uppercase;
}

.showroom .info .location {
	width: calc(70% - 1.25rem);
}

.showroom .info .contact {
	width: calc(30% - 1.25rem);
}

.showroom .info svg {
	width: 2.5rem;
}

@media (max-width:880px) {
	.showroomList {
		margin: 3rem 7vw 5rem;
		gap: 2rem;
	}

	.showrooms h2 {
		padding: 1rem 7vw;
		font-size: 24px;
	}

	.showroom .info {
		flex-direction: column;
		gap: 1rem;
		position: relative;
	}

	.showroom .info .location {
		width: 100%;
	}
	
	.showroom .info .contact {
		width: 100%;
		z-index: 1;
	}

	.showroom .info svg {
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: 0;
		transform: scale(.8);
	}
}






/* SUSTAINABILITY */
.subtitle {
	margin: 5rem;
	max-width: 65rem;
	font-size: 22px;
	font-weight: 500;
	font-variation-settings: 'wght' 500;
}

@media (max-width:880px) {
	.subtitle {
		margin: 3rem 2.5rem;
		font-size: 18px;
	}
}

.reverse {
	flex-direction: row-reverse !important;
}

@media (max-width:880px) {
	.reverse {
		flex-direction: column !important;
	}
}

.sustainability .lastestNewsDestacado {
	border-bottom: none;
}

.lastestNewsDestacado p {
	max-width: 100%;
}

.textAndButton {
	width: 30vw;
    max-width: 500px;
    font-weight: 300;
	font-variation-settings: 'wght' 300;
    margin: auto;
    font-size: 20px;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.textAndButton .buttons {
	max-width: 22rem;
	width: 100%;
}

.textAndButton .buttons .downloadCertificate {
	max-width: 18rem;
	width: 100%;
}

.textAndButton .buttons .downloadCertificate:first-of-type {
	border-top: 1px solid var(--black);
}

.downloadCertificate {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 500;
	font-variation-settings: 'wght' 500;
	border-bottom: 1px solid var(--black);
	transition: all .2s;
	width: fit-content;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 1rem 0;
}

@media (min-width:881px) {
	.downloadCertificate:hover {
		background-color: var(--light-gray);
	}
	.downloadCertificate:hover::after {
		display: none;
	}
}

@media (max-width:880px) {
	.textAndButton {
		width: 80vw;
	}
}

.certificatesWrapper {
	background-color: var(--green);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 5rem;
	padding: 7rem 1rem;
}

.certificatesWrapper img {
	width: 300px;
}

@media (max-width:880px) {
	.certificatesWrapper {
		flex-direction: column;
		gap: 2rem;
		padding: 4rem 1rem;
	}
	
	.certificatesWrapper img {
		width: 100%;
		max-width: 200px;
		margin: 0 1rem;
	}
}

.certificatesStandaloneWrapper {
	background-color: var(--sustainability-green);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 5rem;
	padding: 7rem 1rem;
}

.certificatesStandaloneWrapper img {
	width: 125px;
}

.certificatesStandaloneWrapper .text {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	gap: 1rem;
	color: var(--green);
}

.certificatesStandaloneWrapper span {
	width: 1px;
	height: 100px;
	background-color: var(--green);
}

.certificatesStandaloneWrapper .text h2 {
	font-size: 90px;
	line-height: 80%;
}

.certificatesStandaloneWrapper .text h3 {
	font-size: 25px;
	font-weight: 400;
	font-variation-settings: 'wght' 400;
	line-height: 100%;
}

@media (max-width:880px) {
	.certificatesStandaloneWrapper {
		gap: 1.5rem;
		padding: 7rem 1rem;
	}
	
	.certificatesStandaloneWrapper img {
		width: 75px;
	}
	
	.certificatesStandaloneWrapper .text {
		gap: .5rem;
	}
	
	.certificatesStandaloneWrapper span {
		height: 50px;
	}
	
	.certificatesStandaloneWrapper .text h2 {
		font-size: 40px;
	}
	
	.certificatesStandaloneWrapper .text h3 {
		font-size: 16px;
	}
}

.fsc {
	background-color: var(--green);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 7rem 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.fsc img {
	width: 150px;
}

@media (max-width:880px) {
	.fsc {
		padding: 4rem 1rem;
	}
	
	.fsc img {
		width: 100px;
	}
}








/* LEGAL */
.legalText {
	padding: 5rem 7vw;
	max-width: 50rem;
	margin: auto;
}
.legalText h1 {
	font-size: 22px;
	text-transform: uppercase;
	margin: 2rem 0 1rem;
}
.legalText h2 {
	margin: 2rem 0 1rem;
}
.legalText p {
	margin: 1rem 0 0.5rem;
	font-size: 14px;
}
.legalText a {
	text-decoration: underline;
}
.legalText a::after {
	display: none;
}
.cookies table {
	border: none;
    border-collapse: collapse;
	table-layout: fixed;
  	width: 100%;
	font-size: 14px;
}
.cookies table thead {
	font-weight: 600;
	font-variation-settings: 'wght' 600;
	border-top: 1px solid var(--black);
	border-bottom: 1px solid var(--black);
}
.cookies table tr {
	border-bottom: 1px solid var(--black);
}
.cookies table td {
	width: 20%;
	padding: 1rem 0;
	vertical-align: top;
	word-break: break-word;
}









/* FOOTER */

footer {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 5rem 15vw 6rem;
	background-color: var(--gray);
}

footer ul li {
	list-style: none;
}

footer a::after {
	bottom: 2px;
}

.footerFirstBlock,
.footerSecondBlock,
.footerSubBlock {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 2vw;
}

.footerFirstBlock {
	margin-bottom: 2rem;
}

.footerFirstBlock .logo,
.footerSecondBlock .footerPlaceholder {
	min-width: 10vw;
	margin-bottom: 2rem;
	height: fit-content;
}

.footerFirstBlock .logo {
	cursor: pointer;
}

.footerFirstBlock .logo::after {
	background-image: url("assets/images/top-arrow.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 40px;
	width: 80px;
	height: 50px;
	position: absolute;
	left: .5rem;
	top: 2rem;
	content: "";
	opacity: 0;
	transition: opacity .3s var(--cubic-bezier);
}

@media (min-width:881px) {
	.footerFirstBlock .logo:hover::after {
		opacity: 1;
	}
}

.footerSubBlock ul {
	width: 100%;
	min-width: 10vw;
	border-top: 1px solid var(--medium-dark-gray);
	padding: 1rem 0;
}

.social ul {
	width: 100% !important;
	justify-content: center;
}

.footerSubBlock ul li a {
	font-size: 15px;
	font-weight: 400;
	font-variation-settings: 'wght' 400;
	padding: .3rem 0;
}

.social ul li a {
	padding: 0 !important;
}

.footerSubBlock .location {
	margin-bottom: 2rem;
}

.footerSecondBlock .footerSubBlock {
	border-top: 1px solid var(--medium-dark-gray);
	padding: 1rem 0;
}

.footerSecondBlock h5 {
	font-size: 14px;
	font-weight: 400;
	font-variation-settings: 'wght' 400;
}

.footerSecondBlock .footerNewsletter {
	height: fit-content;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 2rem;
	background-color: transparent;
	color: var(--black);
	justify-content: space-between;
}

/* .footerNewsletter .newsletterText {
	width: fit-content;
}

.footerNewsletter .newsletterSubmit {
	width: 100%;
}

.footerSecondBlock .footerNewsletter input {
	width: auto;
	position: relative;
	border: 1px solid var(--medium-dark-gray);
	border-right: transparent;
	background-color: transparent;
	color: var(--black);
	padding: .5rem 1rem;
	width: calc(100% - 2rem);
	height: 1rem;
}

.footerSecondBlock .footerNewsletter input:focus {
	outline-style: none;
}

.footerNewsletter button {
	background-color: transparent;
	border: none;
	border-right: 1px solid var(--medium-dark-gray);
	border-left: transparent;
	height: calc(2rem + 1px);
	width: 2rem;
	transition: all .2s var(--cubic-bezier);
	cursor: pointer;
	position: absolute;
	right: 0;
}

.footerNewsletter button svg {
	width: 18px;
}

.footerNewsletter button svg path {
	transition: all .3s var(--cubic-bezier);
	fill: var(--black);
}

@media (min-width:881px) {
	.footerNewsletter button:hover {
		background-color: var(--black);
	}
	.footerNewsletter button:hover svg path {
		fill: var(--white);
	}
} */

.social {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: auto;
}

.social h5 {
	width: fit-content;
	white-space: nowrap;
}

.social ul {
	width: fit-content;
	border-top: none;
	display: flex;
	flex-direction: row;
	gap: .5rem;
	padding: 0;
	flex-wrap: wrap;
}

.social li {
	list-style: none;
}

.social ul li a {
	width: 35px !important;
	height: 35px !important;
	background-color: var(--medium-dark-gray);
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	transition: background-color .2s var(--cubic-bezier);
}

@media (min-width:881px) {
	.social ul li a:hover {
		background-color: var(--black);
	}
}

@media (max-width:880px) {
	.social ul {
		justify-content: flex-start;
	}
}

.social ul li a::after {
	display: none;
}


.social ul li a svg {
	width: 50%;
	height: 50%;
}

.socialLinks {
	display: flex;
}

.socialLinks .social {
	justify-content: center;
}

.socialLinks .social ul li a {
	width: 45px !important;
	height: 45px !important;
}






/* RESPONSIVE */

@media (min-width: 1740px) {
	#latestNews .splide__slide::after,
	#spaces .splide__slide::after {
		width: calc(100% - .6rem);
	}
}

@media (max-width: 1500px) {

	header {
		height: 100px;
	}

	.main-header {
		height: 100px;
		margin-bottom: 2rem;
	}

	#homeSlider .splide__track ul li,
	.product-header,
	.collection-header,
	.collection-header img {
		min-height: calc(100vh - 90px);
		min-height: calc(100svh - 90px);
	}
	
	#homeSlider  ul li img,
	#homeSlider  ul li video {
		max-height: calc(100vh - 90px);
		min-height: calc(100vh - 90px);
	}

	.configurator .half-text {
		min-height: 7rem;
	}

	.filterContainer {
		margin: 2.1rem 5vw;
	}

	.collectionDesigner .texto-destacado p {
		font-size: 16px;
	}

	footer {
		padding: 5rem 10vw 6rem;
	}
}

@media (max-width: 1100px) {
	.downloadContainer .downloadDetails,
	.downloadRow {
		font-size: 14px;
	}
	.mobile {
		display: block;
	}

	header {
		height: 70px;
		transition-duration: .6s;
	}

	header::-webkit-scrollbar {
		display: none;
	  }

	.hidden-header .search-lang {
		opacity: 0;
		transition: all .3s var(--cubic-bezier);
		transition-delay: .5s;
	}

	.hidden-header .collapse .title,
	.hidden-header .collapse li,
	.hidden-header ul li {
		transform: translateY(5px);
		opacity: 0;
		transition: all .3s var(--cubic-bezier);
		transition-delay: .1s;
	}

	.hidden-header ul li:nth-of-type(2) {
		transition-delay: .15s;
	}

	.hidden-header ul li:nth-of-type(3) {
		transition-delay: .2s;
	}

	.hidden-header ul li:nth-of-type(4) {
		transition-delay: .25s;
	}

	.hidden-header ul li:nth-of-type(5) {
		transition-delay: .3s;
	}

	.hidden-header ul li:nth-of-type(6) {
		transition-delay: .35s;
	}

	.hidden-header .collapse .title:nth-of-type(1) {
		transition-delay: .4s;
	}

	.hidden-header hr:nth-of-type(1) {
		transition-delay: .5s;
	}
	
	.hidden-header .collapse .title:nth-of-type(2) {
		transition-delay: .45s;
	}

	.hidden-header hr:nth-of-type(2) {
		transition-delay: .55s;
	}

	.hidden-header .collapse .title:nth-of-type(3) {
		transition-delay: .5s;
	}

	.hidden-header hr:nth-of-type(3) {
		transition-delay: .6s;
	}

	.hidden-header .collapse hr {
		transition: all .3s var(--cubic-bezier);
		opacity: 0;
		width: 60vw !important;
		transform: translateY(0);
	}

	#burger:checked ~ header .hidden-header .collapse hr {
		opacity: 1;
		width: 60vw;
	}

	#burger:checked ~ header .hidden-header .collapse .title,
	#burger:checked ~ header .hidden-header .collapse li,
	#burger:checked ~ header .hidden-header ul li {
		transform: translateY(0);
		opacity: 1;
	}

	#burger:checked ~ header .hidden-header .search-lang {
		opacity: 1;
	}

	.main-header {
		height: 70px;
		margin-bottom: 1rem;
	}

	.hidden-header ul .title svg,
	.hidden-header .search-lang {
		display: flex;
	}

	.hidden-header {
		flex-direction: column;
		margin: 4rem auto;
		width: fit-content;
		gap: 2rem;
		margin-bottom: 12rem;
	}

	.hidden-header .mobile {
		margin-bottom: 2rem;
	}

	.hidden-header hr {
		width: 60vw;
	}

	.main-header ul,
	.main-header .search-lang {
		display: none;
	}

	/* .logo svg {
		width: 118px;
	} */

	#burger + label {
		position: fixed;
		top: 25px;
		right: 5vw;
		height: 20px;
		width: 27px !important;
		z-index: 10;
		cursor: pointer;
	}

	#burger + label span {
		position: absolute;
		width: 27px;
		height: 1px;
		top: 50%;
		margin-top: -1px;
		left: 0;
		display: block;
		background: var(--black);
		transition: 0.25s var(--cubic-bezier);
	}

	#burger + label span:first-child {
		top: 3px;
	}

	#burger + label span:last-child {
		top: 16px;
	}

	#burger:checked + label span {
		opacity: 0;
		top: 50%;
	}

	#burger:checked + label span:first-child {
		opacity: 1;
		transform: rotate(45deg);
	}
	
	#burger:checked + label span:last-child {
		opacity: 1;
		transform: rotate(-45deg);
	}

	#burger ~ nav {
		background: white;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100px;
		z-index: 3;
		transition: 0.5s;
		transition-delay: 0.5s;
		overflow: hidden;
	}

	#burger ~ nav > ul {
		text-align: center;
		position: absolute;
		top: 35%;
		left: 20%;
		right: 20%;
	}

	#burger ~ nav > ul > li {
		opacity: 0;
		transition: 0.5s;
		transition-delay: 0s;
	}

	#burger ~ nav > ul > li > a {
		text-decoration: none;
		text-transform: uppercase;
		color: #020304;
		font-weight: 700;
		font-variation-settings: 'wght' 700;
		display: block;
		padding: 30px;
	}

	#burger:checked ~ header {
		height: 100vh;
		background-color: var(--gray);
		transition-delay: 0s;
		overflow-y: scroll !important;
	}

	/* HOME SLIDER */

	#homeSlider .splide__track ul li,
	.product-header,
	.collection-header,
	.collection-header img {
		min-height: calc(100vh - 60px);
		min-height: calc(100svh - 60px);
	}
	
	#homeSlider  ul li img,
	#homeSlider  ul li video {
		object-fit: cover;
		min-width: 100vw;
		max-height: calc(100vh - 60px);
		max-height: calc(100svh - 60px);
		min-height: calc(100vh - 60px);
		min-height: calc(100svh - 60px);
	}

	#homeSlider .splide__arrow,
	#homeSlider .aditional-text {
		display: none;
	}

	.download-grid {
		grid-template-columns: 1fr 1fr;
		gap: 1rem;
		padding: 0;
	}

	.collectionDescription .description {
		font-size: 18px;
	}

	.filterContainer {
		margin: 1.4rem 7vw;
	}

	#sbi_images {
		grid-template-columns: 1fr 1fr;
	}

	.masonry {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}

	.filterButtons {
		font-size: 14px;
		gap: .7rem;
		min-width: 12rem;
	}

	.professionalWrapper {
		gap: 7vw;
	}

	footer {
		padding: 5rem 10vw 6rem;
	}

	.footerFirstBlock .logo::after {
		display: none;
	}

	.footerSubBlock ul li a {
		font-size: 13px;
		font-weight: 400;
		font-variation-settings: 'wght' 400;
		padding: .3rem 0;
	}

	.footerFirstBlock,
	.footerSecondBlock {
		display: flex;
		flex-direction: column;
		gap: 4vw;
	}

	.footerSubBlock {
		flex-direction: row;
		gap: 0;
	}

	.footerSubBlock ul {
		width: 40vw;
	}
	
}

@media (max-width: 1000px) {
	.pconVisible {
		height: 1550px !important;
	}
}

@media (max-width: 880px) {
	.collectionSlider ul li img,
	.collectionSlider ul li video,
	.collectionSlider .splide__list {
		object-fit: cover;
		min-width: 100vw !important;
		max-height: 80vw !important;
		min-height: 80vw !important;
	}

	.downloadDetails h5 {
		margin-bottom: 1rem;
	}

	.blurOverlay {
		transition: scale .3s var(--cubic-bezier);
	}

	#latestNews .splide__slide,
	#spaces .splide__slide,
	#relatedProducts .splide__slide {
		max-width: calc(50vw - .5rem);
	}

	#designerProducts .splide__slide {
		max-width: calc(50vw - .5rem);
		height: calc(64vw - .5rem);
	}

	#designerProducts ul li img {
		max-width: calc(50vw - .5rem);
		height: calc(64vw - .5rem);
	}

	#latestNews .splide__slide::after,
	#spaces .splide__slide::after,
	#relatedProducts .splide__slide::after,
	#designerProducts .splide__slide::after {
		max-width: 100%;
	}

	.lastestNewsDestacado,
	.collectionDesigner {
		flex-direction: column;
	}
	
	.lastestNewsDestacado img,
	.lastestNewsDestacado video,
	.lastestNewsDestacado .texto-destacado,
	.collectionDesigner img {
		width: 100%;
	}

	.collectionDesigner .texto-destacado {
		width: calc(100% - 14vw);
	}
	
	.lastestNewsDestacado .texto-destacado,
	.collectionDesigner .texto-destacado {
		padding: 10vw 7vw;
	}

	.lastestNewsDestacado .texto-destacado p,
	.collectionDesigner .texto-destacado p {
		width: 80vw;
		max-width: 100%;
	}

	.half-text {
		margin: 1rem 7vw;
	}
	
	.configurator .half-text {
		min-height: 3.75rem;
	}

	.knowUs,
	.productDescription,
	.whoWeAre,
	.quality,
	.distribution {
		margin-top: 5rem;
		margin-bottom: 20px;
	}

	.knowUs h3,
	.productDescription h3,
	.whoWeAre p,
	.quality p,
	.distribution p,
	.headquarters p {
		font-size: 17px;
	}

	.knowUs h3::before,
	.productDescription h3::before,
	.whoWeAre::before,
	.quality::before,
	.distribution::before,
	.headquarters::before {
		transform: translateX(-7vw) translateY(-3rem);
	}

	.knowUsDestacadoTitulo {
		left: 7vw;
		top: 5vw;
	}
	
	.knowUsDestacadoSubTitulo {
		left: 7vw;
		bottom: 5vw;
	}

	.knowUsDestacadoTitulo h4 {
		font-size: 14px;
	}
	
	.knowUsDestacadoSubTitulo h5 {
		font-size: 10px;
	}

	.whoWeAreImage h1 {
		font-size: 40px;
	}

	.newsletter {
		flex-direction: column;
		align-items: flex-start;
		padding: 6rem 10vw;
	}

	.newsletterText,
	.newsletterSubmit {
		width: fit-content;
	}

	.newsletter input {
		width: calc(80vw - 3rem);
		font-size: 14px;
		max-width: 100%
	}

	.product-header {
		justify-content: space-between;
		padding: 0 7vw;
		width: calc(100% - 10vw);
		height: 100%;
	}
	
	.product-header .product-title {
		position: static;
		top: 5vh;
		left: 7vw;
		max-width: 19rem;
		margin-top: 5vh;
	}
	
	.product-header .product-title h1 {
		font-size: 28px;
		margin-bottom: 1rem;
	}
	
	.product-header img {
		width: 80vw;
		position: static;
		right: auto;
		top: auto;
		margin: auto;
		transform: translate(0,0);
	}
	
	.product-header .technical {
		position: static;
		bottom: auto;
		left: auto;
		min-width: auto;
		max-width: 250px;
		width: 70%;
		display: flex;
		flex-direction: column;
		gap: .3rem;
		margin-bottom: 5vh;
	}

	.product-header .technical a {
		font-size: 14px;
	}

	.designBy .half-text {
		gap: 1rem;
		justify-content: space-between;
		align-items: center;
	}

	.designBy .half-text h1 {
		font-size: 24px;
	}
	
	.designBy .half-text h3 {
		font-size: 14px;
	}

	.collectionDescription {
		flex-direction: column;
		gap: 2rem;
	}

	.collectionDescription h4,
	.collectionText h4,
	.collectionDownloads h4 {
		font-size: 14px;
	}

	.collectionText {
		padding: 1.5rem 0;
	}

	.collectionDescription .description {
		font-size: 14px;
		max-width: 70vw;
		margin: auto;
	}

	.collectionDescription .collectionLinks {
		margin-left: 7vw;
		width: 84vw;
	}

	#search-filter-results-251 {
		grid-template-columns: repeat(2, 1fr);
		width: 90vw;
		/* grid-gap: 4.5rem .7rem; */
	}

	.search-filter-results,
	.designersGrid {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 1rem;
	}

	.search-filter-results .product-preview,
	.search-filter-results .product-preview .imgWrapper {
		width: 100%;
		height: 100%;
	}

	.designersGrid .product-preview .imgWrapper {
		width: 100%;
		height: 100%;
	}

	..designersGrid .product-preview {
		width: 100%;
		height: 100%;
	}
	
	.productList .product {
		width: calc(50vw - .5rem);
		height: calc(50vw - .5rem);
	}

	.product-text {
		font-size: 14px;
	}

	.productList .product a::before,
	.productList .product a .slider-text {
		display: none;
	}

	.productList .product a img {
		width: calc(50vw - .5rem);
		transition: transform .3s var(--cubic-bezier);
	}

	.collectionDownloads {
		padding: 2.5rem 0;
		flex-direction: column;
		gap: 1.5rem;
	}
	
	.collectionDownloads .downloads a {
		width: 100%;
		padding: .8rem 0;
	}

	.collectionDownloads .downloads a svg,
	.collectionDownloads .downloads .filesDownload svg {
		width: 20px;
		height: 20px;
	}

	.filterContainer {
		flex-direction: column;
		gap: 1rem;
		margin: 1rem 7vw;
	}

	.professionalArea .filterContainer {
		margin: 1rem 0;
	}

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

	.filterContainer span {
		margin: 0 1.5rem;
	}

	.filterContainer .filter {
		justify-content: flex-start;
	}

	.filterContainer .filter form ul {
		justify-content: space-between;
		flex-direction: column;
		gap: 0;
		width: auto;
	}

	.results .filter form ul {
		flex-direction: row;
	}
	
	.filterContainer .filter form ul .sf-field-taxonomy-new {
		margin-left: 0;
		margin-bottom: 0.5rem;
	}

	.filterContainer .filter p,
	.filterContainer .filter form ul li h4,
	.filterContainer .filter form ul li ul li label {
		font-size: 14px
	}

	.filterContainer .filter form ul li h4::after {
		background-size: 14px 14px;
		height: 14px;
		width: 14px;
		top: 10px !important;
	}

	.filterContainer .filter form ul li h4 {
		padding: 0;
		font-weight: 300;
		font-variation-settings: 'wght' 300;
		position: relative;
		padding: .5rem 25px .5rem 0;
		margin-left: auto;
		cursor: pointer;
	}

	.filterContainer .filter form ul li ul {
		gap: 0;
		top: 40px;
		left: 0;
		box-shadow: 0 30px 30px 0 rgba(0, 0, 0, 0.1);
		width: max-content;
		animation: dropDown .3s var(--cubic-bezier);
	}

	.filterContainer .filter form ul li:last-of-type ul {
		left: 0;
		right: auto;
	}

	.filterContainer .filter form ul li ul li label {
		padding: 8px;
		width: calc(100% - 16px);
	}

	.search-filter-results .product-preview a .imgWrapper {
		width: calc((100vw - 10vw) / 2 - .75rem);
		height: calc((120vw - 10vw) / 2 - .75rem);
	}
	
	.search-filter-results .product-preview a .imgWrapper img {
		width: calc((90vw) / 2 - .75rem);
		height: calc((110vw) / 2 - .75rem);
	}

	.spaceContent {
		padding: 1.5rem 0;
		width: 100%;
		gap: 1.2rem;
	}

	.spaceContent .closeSpace {
		top: .5rem;
		right: .5rem;
	}

	.previousSpace {
		left: .5rem;
	}
	
	.nextSpace {
		right: .5rem;
	}

	.spaceTitle {
		margin: 0 1.5rem;
		font-size: 14px;
	}

	#spaceSlider .splide__arrows .splide__arrow--prev {
		translate: 0;
		left: 0;
	}
	
	#spaceSlider .splide__arrows .splide__arrow--next {
		translate: 0;
		right: 0;
	}

	.spaceFooter {
		margin: 0 1.5rem;
	}

	.spaceFooter .downShare {
		gap: .5rem;
	}

	.spaceFooter p,
	.spaceFooter .downShare {
		font-size: 13px;
	}

	.spaceFooter .downShare a::before {
		margin: 0 .2rem;
	}

	.mailBox form p {
		margin-top: 1rem;
		padding-top: .5rem;
	}

	.mailBox form p {
		font-size: 14px;
	}

	.mailBox .dual-row {
		flex-direction: column;
		gap: 0;
	}

	.professionalArea h3 {
		font-size: 18px;
		font-weight: 400;
		font-variation-settings: 'wght' 400;
	}

	.professionalArea .filterWrap {
		padding: 0 7vw;
	}

	.professionalArea .filterWrap input {
		padding: .5rem 0;
	}

	.filterDropdown {
		display: block;
		font-size: 14px;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		padding: .72rem 7vw;
	}

	.filterPlaceholder {
		font-size: 14px;
		font-weight: 300;
		font-variation-settings: 'wght' 300;
	}

	.filterButtons {
		max-height: 0;
		height: 100%;
		overflow: hidden;
		transition: all .3s var(--cubic-bezier);
		padding: 0;
	}

	.showFilters {
		padding: 2rem 0;
		max-height: 230px;
	}

	.filterSVG {
		transition: all .3s var(--cubic-bezier);
	}

	.filterOpen {
		transform: rotate(180deg);
	}

	.professionalButtons {
		display: flex;
		flex-direction: row;
		width: 100vw;
	}
	
	.professionalButtons .selectAll,
	.professionalButtons .downloadFilesSelection {
		margin: 0;
		padding: .8rem 7vw;
		background-color: transparent;
	}
	
	.professionalButtons .selectAll {
		border-right: 1px solid var(--medium-dark-gray);
	}

	.professionalWrapper .selectAll {
		margin: 0;
		color: var(--black);
		width: 100%;
		border: none;
		border-right: 1px solid var(--medium-dark-gray);
		border-bottom: 1px solid var(--medium-dark-gray);
		border-top: 1px solid var(--medium-dark-gray);
	}

	.professionalWrapper .downloadFilesSelection {
		margin: 0;
		color: var(--black);
		width: 100%;
		border: none;
		border-bottom: 1px solid var(--medium-dark-gray);
		border-top: 1px solid var(--medium-dark-gray);
	}

	.professionalWrapper {
		flex-direction: column;
		padding: 0 7vw;
		gap: 0;
	}


	.download-grid-item .downloadText {
		font-size: 14px;
	}

	.download-grid-item .viewMore {
		display: none;
	}

	footer {
		padding: 5rem 6vw 6rem;
	}
}

@media (max-width: 550px){
	#latestNews .splide__slide,
	#spaces .splide__slide,
	#relatedProducts .splide__slide,
	#designerProducts .splide__slide {
		max-width: calc(75vw - .5rem);
	}

	#designerProducts ul li img {
		max-width: calc(75vw - .5rem);
		height: calc(96vw - .5rem);
	}

	#designerProducts .splide__track,
	#designerProducts .splide__slide {
		height: calc(96vw - .5rem);
	}

	#latestNews .splide__slide::after,
	#spaces .splide__slide::after,
	#relatedProducts .splide__slide::after,
	#designerProducts .splide__slide::after {
		max-width: calc(100%) !important;
	}

	#ourCollections .splide__slide {
		margin-right: 1rem;
		width: calc(75vw) !important;
	}

	#ourCollections .splide__slide::after {
		width: 100%;
	}

	#search-filter-results-213 {
		width: 100%;
		flex-direction: column;
		gap: 1rem 0;
	}

	.masonry {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}

	.space-item .imgWrapper::after {
		opacity: 1;
		background: linear-gradient(0deg, var(--gray-overlay) 0%, rgba(0,0,0,0) 50%);
		mix-blend-mode: none;
	}
	
	.space-item .space-text,
	.splide__slide .slider-text {
		position: absolute;
		bottom: .5rem;
		left: .5rem;
		opacity: 1;
		width: 70%;
		transition: all .2s;
		z-index: 2;
		transform: none;
	}
	
	/* .productList .product .slider-text {
		display: block !important;
		opacity: 1;
	} */

	.space-item .space-text p {
		font-size: 14px;
	}
	
	.space-item:hover .imgWrapper img {
		transform: none;
	}
	
	#sbi_images {
		grid-template-columns: 1fr;
		gap: .5rem;
	}

	.downloadCheck {
		width: 35px;
		height: 35px;
		border-radius: 0 0 0 20px;
	}

	.footerSecondBlock .footerNewsletter {
		flex-direction: column;
		align-items: flex-start;
		gap: 1rem;
	}

	.social {
		flex-direction: column;
		gap: .75rem;
	}
}