/*--------------------*/
/* RESET              */
/*--------------------*/
footer {opacity: 0}
.popup-content {opacity: 0}
.qtranxs_widget_end {
	display: none;
}

.qtranxs_language_chooser {
	display: flex;
	align-items: flex-start;
	-moz-column-gap: var(--sp-xs2);
	column-gap: var(--sp-xs2);
	flex-direction: row-reverse;
}

.qtranxs_language_chooser li {
	text-transform: uppercase;
}

.qtranxs_language_chooser {
	display: flex;
	align-items: flex-start;
	-moz-column-gap: var(--sp-xs2);
	column-gap: var(--sp-xs2);
}



html {height: auto;box-sizing: border-box;font-synthesis: none;-webkit-font-smoothing: antialiased;scroll-behavior: smooth;scroll-padding-top: var(--h-height, 0);}
html:not(.touch-screen)::-webkit-scrollbar {width: 0.5rem;height: 0.5rem;}
html:not(.touch-screen)::-webkit-scrollbar-track {background: transparent;}
html:not(.touch-screen)::-webkit-scrollbar-thumb {background: #c2c2c2;border-radius: 0.25rem;}
html:not(.touch-screen)::-webkit-scrollbar-thumb:active {background: #8d8d8d;}
body {height: auto;overflow-y: scroll;background-color: var(--clr-white);}
body:not(.touch-screen) *::-webkit-scrollbar {width: 0.25rem;height: 0.25rem;}
body:not(.touch-screen) *::-webkit-scrollbar-track {background: transparent;border-radius: 0.25rem;}
body:not(.touch-screen) *::-webkit-scrollbar-thumb {background: #c2c2c2;}
:where(body.touch-screen *::-webkit-scrollbar) {display: none;} 
* {border: 0;margin: 0;padding: 0;font: inherit;font-size: 100%;line-height: inherit;vertical-align: baseline;-webkit-text-size-adjust: none;-webkit-locale: auto;}
:is(*, *:before, *:after) {box-sizing: inherit;}
:is(:focus, :hover, :active, :visited) {outline: none;}
::-moz-selection {color: var(--clr-white);background: var(--clr-black);}
::selection {color: var(--clr-white);background: var(--clr-black);}
a {display: inline-block;text-decoration: none;cursor: pointer;outline: none;color: inherit;transition: var(--transition-1);}
a:hover {text-decoration: none;}
:is(ul, ol) {list-style: none;}
:is(sub, sup) {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
picture {font-size: 0;-webkit-user-select: none;-moz-user-select: none;user-select: none;}
:is(img, svg, iframe) {width: auto;height: auto;max-width: 100%;-webkit-user-select: none;-moz-user-select: none;user-select: none;vertical-align: middle;}
img {position: relative;}
img::before {content: "";position: absolute;inset: 0;background: no-repeat center/5rem 5rem var(--clr-grey) url(../img/placeholder.svg);}
input {-webkit-appearance: none;-moz-appearance: none;font-size: 1rem;font-weight: 400;color: var(--clr-black);}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input:-moz-placeholder,
textarea:-moz-placeholder,
input::-moz-placeholder,
textarea::-moz-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {display: none;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance: textfield;}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {-webkit-appearance: none;height: 0.7em;width: 0.7em;background-size: contain;cursor: pointer;}
:is(input, textarea, select) {border-radius: 0;background: none;border: none;margin: 0;width: 100%;padding: 0;}
textarea {display: block;resize: none;overflow: auto;}
select::-ms-expand {display: none;}
button {background: none;}



/*----------------------*/
/* MAIN GLOBAL SETTINGS */
/*----------------------*/
:root {
	--root-scale: 1rem;
	--svh: 100vh;
	--dvh: 100vh;
	--container-width: 100%;
	--pd-block-btn-arrow: clamp(0.875rem, 0.3902rem + 1.0101vi, 1.5rem);
	--ff-1: "Inter", sans-serif;
	--h1: 6rem;
	--h2: 3rem;
	--h2-1024: clamp(2rem, 1.4222rem + 2.4653vi, 3rem);
	--h3: clamp(1rem, 1.3644rem + 0.5785vi, 1.125rem);
	--h4: clamp(1rem, 1.3644rem + 0.5785vi, 1.125rem);
	--h5: clamp(0.875rem, 0.839286vi + 0.011161vw, 1rem);
	--h6: clamp(0.875rem, 1.0809rem + 0.188vi, 1rem);
	--text: clamp(1.125rem, 1.0911rem + 0.1446vi, 1.25rem);
	--text-sm: clamp(1rem, calc(0.8947rem + 0.2193vw), 1.125rem);
	--text-xs: clamp(0.875rem, 0.831rem + 0.1878vi, 1rem);
	--sp-xls: clamp(6.25rem, 3.8774rem + 10.1229vi, 15rem);
	--sp-xl: clamp(7.5rem, 5.4664rem + 8.6768vi, 15rem);
	--sp-xlss: clamp(6.25rem, 5.2332rem + 4.3384vi, 10rem);
	--sp-lg: clamp(3.75rem, 2.8697rem + 3.7559vi, 6.25rem);
	--sp-md: clamp(2.5rem, calc(0.39rem + 4.39vw), 5rem);
	--sp-sm: clamp(1.88rem, calc(0.3rem + 3.29vw), 3.75rem);
	--sp-sms: clamp(1.5rem, 1.0933rem + 1.7354vi, 3rem);
	--sp-xs: clamp(0.94rem, calc(0.15rem + 1.64vw), 1.88rem);
	--sp-xs2: 1.5rem;
	--sp-xs3: 1rem;
	--rd-1: 0.5rem;
	--clr-title: #171717;
	--clr-text: #171717;
	--clr-plc: #4a5055;
	--clr-input: #d3d3d3;
	--clr-border: #171717;
	--clr-white-50: rgba(255, 255, 255, 0.5);
	--clr-white-80: rgba(255, 255, 255, 0.8);
	--clr-white: #ffffff;
	--clr-black: #171717;
	--clr-grey: #a3a3a3;
	--clr-red: #ff0000;
	--clr-primary: #171717;
	--clr-secondary: #a3a3a3;
	--bg-1: #ffffff;
	--bg-2: #171717;
	--bg-3: var(--clr-text);
	--transition-1: 0.3s ease;
	--transition-2: 0.6s ease;
}

@supports (height: 100svh) and (height: 100dvh) {
:root {--svh: 100svh;--dvh: 100dvh;}
}
html {font-size: var(--root-scale);}
html.keyboard-focus:focus {outline: auto;}
html.overflow-menu,
html.overflow-hidden {overflow: hidden;}
html.overflow-menu body,
html.overflow-hidden body {overflow: hidden;}
#content-block {position: relative;display: flex;flex-direction: column;}
main {display: flex;flex-direction: column;}
main.seo-sec {order: 2;}
main .seo-sec {order: 1;}
body {padding-top: var(--h-height);}
body.home,
body.links {padding-top: 0;overflow: hidden;}
footer {margin-top: auto;}
.title:not(.no-anim), .subtitle {opacity: 0;}
.title:not(.no-anim), .subtitle {animation: focus-in-contract 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;animation-delay: 0.6s;animation-fill-mode: forwards;}
.section {position: relative;overflow: clip;opacity: 0;transition: 0.15s linear opacity;}
.section p,
.section h2,
.section h3,
.section h4,
.section h5,
.section h6,
.section span,
.section .h2,
.section .h3,
.section .h4,
.section .h5,
.section .h6,
.section input,
.section .input-label,
.section button,
.section svg {opacity: 0;}
.section:not(.banner-sec).animated {opacity: 1;animation: fadeInUp 0.6s linear;}
.section:not(.banner-sec).animated p,
.section:not(.banner-sec).animated h2,
.section:not(.banner-sec).animated h3,
.section:not(.banner-sec).animated h4,
.section:not(.banner-sec).animated h5,
.section:not(.banner-sec).animated h6,
.section:not(.banner-sec).animated span,
.section:not(.banner-sec).animated .h2,
.section:not(.banner-sec).animated .h3,
.section:not(.banner-sec).animated .h4,
.section:not(.banner-sec).animated .h5,
.section:not(.banner-sec).animated .h6,
.section:not(.banner-sec).animated input,
.section:not(.banner-sec).animated .input-label,
.section:not(.banner-sec).animated button,
.section:not(.banner-sec).animated svg {animation: text-focus-in 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;animation-delay: 0.5s;animation-fill-mode: forwards;visibility: visible;}
.category-products {opacity: 0;transition: ease-in 0.5s;}
.product-row,
.sidebar {opacity: 0;}
.container,
.container-fluid {--bs-gutter-x: 1.5rem;--bs-gutter-y: 3rem;width: 100%;margin-inline: auto;padding-inline: calc(var(--bs-gutter-x) * 0.5);}
.swiper-slide:not(:first-child) {display: block;}
.swiper-container {opacity: 0;transition: var(--transition-1);}
.swiper-container.swiper-initialized {opacity: 1;}
.popup-wrapper {content-visibility: auto;}
.sale-informer,
.cookies-informer,
.cart-informer,
.cart_bg-layer,
.cart {content-visibility: auto;}
/* sticky block */

@media (min-width: 1024px) {
.show-sticky {overflow: visible;}
.sticky-block {position: sticky;top: calc(var(--h-height) + 1rem);}
}
/* container size change */
@media (min-width: 1200px) {
:root {--container-width: 92vw;}
.container {width: var(--container-width);}
}

@media (min-width: 1440px) {
	:root {--h5: 1rem}
}
@media (min-width: 1200px) and (max-width: 1366px) {
:root {--root-scale: 0.75rem;}
}
@media (min-width: 2100px) {
html {font-size: 1.375rem;}
}
@media (min-width: 2600px) {
html {font-size: 1.5rem;}
}
@media (max-width: 1024px) {
:root {--h1: 48px;--h2: 32px;}
.sticky-block {overflow: hidden;}
.container,.container-fluid {--bs-gutter-x: 4rem;}
}
@media (max-width: 767px) {
:root {--h4: 1.25rem;}
}
@media (max-width: 575px) {
:root {--h1: 48px;--h2: 32px;--h4: 1.125rem;}
.container,.container-fluid {--bs-gutter-x: 2rem;}
}


/*--------------------*/
/*  Helpers           */
/*--------------------*/
[class*=spacer] {clear: both;width: 100%;}
.spacer-xl {height: var(--sp-xl);}
.spacer-xls {height: var(--sp-xls);}
.spacer-xlss {height: var(--sp-xlss);}
.spacer-lg {height: var(--sp-lg);}
.spacer-md {height: var(--sp-md);}
.spacer-sm {height: var(--sp-sm);}
.spacer-xs {height: var(--sp-xs);}
@media (max-width: 1024px) {
	.hide-lg {display: none;}
}
@keyframes fadeInUp {
	0% {opacity: 0;transform: translateY(180px);}
	100% {opacity: 1;transform: translateY(0);}
}
@keyframes text-focus-in {
	0% {filter: blur(0.8rem);opacity: 0;}
	100% {filter: blur(0px);opacity: 1;}
}
@keyframes focus-in-contract {
	0% {filter: blur(1rem);opacity: 0;}
	100% {filter: blur(0rem);opacity: 1;}
}
.clr-white {color: var(--clr-white);}
.image {position: relative;}
.image img {display: block;position: relative;width: 100%;}
:where(.image-cover),
:where(.video-cover),
:where(.image-contain) {position: relative;overflow: hidden;padding-bottom: 50%;}
:where(.image-round) {overflow: hidden;border-radius: 100%;padding-bottom: 100%;}
.video-cover video,
.image-cover img,
.image-contain img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;}
.image-contain img {-o-object-fit: scale-down;object-fit: scale-down;}
a .image-cover img,
a .video-cover video {transition: transform 1s;transform: scale(1.0001);}
@media (min-width: 1200px) {
	a:hover .image-cover img,
	a:hover .video-cover video {transform: scale(1.05);}
}
.icon {--size: 1.5rem;display: inline-block;width: var(--size);height: var(--size);flex-shrink: 0;}
.icon > * {display: block;width: 100%;height: 100%;}


/*--------------------*/
/* HEADER             */
/*--------------------*/
:root {
	--h-height: 4.3125rem;
	--h-logo-width: 15.55rem;
}

header {height: var(--h-height);opacity: 0;position: fixed;z-index: 100;inset: 0;}
.h-langs {display: flex;align-items: flex-start;-moz-column-gap: var(--sp-xs2);column-gap: var(--sp-xs2);}
.h-langs a {color: var(--clr-black);}
.h-wrap {position: fixed;z-index: 100;top: 0;left: 0;width: 100%;transition: var(--transition-1);background-color: transparent;}
header.scrolled .h-wrap header:not(.type2) {box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.04);background-color: var(--clr-white-50);}
header.scrolled .h-wrap header:not(.type2) .h-logo img {filter: invert(1);}
header.scrolled .h-wrap header:not(.type2) .h-links-list a,
header.scrolled .h-wrap header:not(.type2) .h-langs a {color: var(--clr-black);}
header.scrolled .h-wrap header:not(.type2) .burger-576 i,
header.scrolled .h-wrap header:not(.type2) .burger-576 i:before {background-color: var(--clr-black);}
header.scrolled .h-wrap header:not(.type2) .burger-1024 {color: var(--clr-black);}
/*header.type2 .h-wrap {background-color: var(--clr-white);}*/
/*header.type2 .h-logo img {filter: invert(1);}*/
header.type2 .h-links a,
header.type2 .h-langs a {color: var(--clr-black);}
/*header.type2 .burger-1024 {color: var(--clr-black);}*/
/*header.type2 .burger-576 i {background-color: var(--clr-black);}*/
/*header.type2 .burger-576 i:before {background-color: var(--clr-black);}*/

header.scrolled.type2 .h-wrap {
	/*background-color: var(--clr-white);*/
	color: var(--clr-black);
}

header.scrolled.type2.open-menu .h-logo img {filter: invert(1);}
header.scrolled.type2.open-menu .h-links a,
header.scrolled.type2.open-menu .h-langs a,
header.scrolled.type2.open-menu .burger-1024 {color: var(--clr-black);}
header.scrolled.type2.open-menu .burger-576 i,
header.scrolled.type2.open-menu .burger-576 i:before,
header.scrolled.type2.open-menu .burger-1024 i,
header.scrolled.type2.open-menu .burger-1024 i:before {background-color: var(--clr-black);}
.h-inner {position: relative;width: 100%;height: var(--h-height);display: flex;align-items: flex-start;justify-content: space-between;padding-block: var(--sp-xs2);}
.h-logo {display: block;width: var(--h-logo-width);flex-shrink: 0;transition: var(--transition-1);}
.h-logo img {display: block;max-width: 100%;transition: var(--transition-1);}
.h-logo-mb {display: none;}
.open-menu .h-logo img {filter: invert(1);}
@media (max-width: 1024px) {
.h-logo-mb {display: block;opacity: 0;visibility: hidden;}
}
.h-menu {flex-grow: 0;display: flex;align-items: flex-start;color: var(--clr-white);-moz-column-gap: var(--sp-sm);column-gap: var(--sp-sm);}

/*.h-menu {
	position: fixed;
	z-index: -1;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	padding: 1rem;
	padding-inline: var(--sp-xs);
	padding-bottom: 120px;
	padding-top: 1.5625rem;
	transform: translateY(100%);
	background-color: var(--clr-white);
	transition: var(--transition-1);
	overflow-y: auto;
	overflow-x: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	opacity: 0;
}*/

.h-menu {
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 1rem;
	padding-inline: var(--sp-xs);
	/*padding-bottom: 120px;*/
	padding-top: var(--h-height);
	transform: translateY(100%);
	opacity: 0;
	background-color: var(--clr-white);
	transition: transform 0.45s ease, opacity 0.45s ease;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	overflow-y: auto;
	overflow-x: hidden;
}

.h-menu-inner {
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 160px;
}

.h-links {margin-inline: auto;display: flex;align-items: center;gap: 0.75rem;flex-direction: column}
.h-links ul {display: flex;flex-direction: column;flex-wrap: wrap;row-gap: 0.75rem;align-items: center}
.h-links a {font-size: var(--h5);line-height: 1em;color: var(--clr-black);}
.h-menu-overlay,
.h-burger {display: none;}
.burger-1024 {display: block;text-transform: capitalize;color: var(--clr-white);cursor: pointer;}

header.open-menu .h-menu {
	transform: translateY(0);
	opacity: 1;
}


/*.open-menu .burger-1024 {color: var(--clr-black);}*/
@media (min-width: 1200px) {
.h-links a:hover,
.h-langs a:hover {color: var(--clr-grey) !important;}

	header .burger-1024:hover {
		opacity: 0.6;
	}
}
@media (max-width: 1024px) {
	:root {--h-height: 4.25rem;--h-logo-width: 9.55rem;}
	.burger-1024 {position: relative;color: var(--clr-white);display: block;}
	.h-inner {justify-content: space-between;background-color: transparent;padding-block: 0;align-items: center;}

	.h-menu {
		position: fixed;
		z-index: -1;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		padding: 1rem;
		padding-inline: var(--sp-xs);
		transform: translateX(-100%);
		background-color: var(--clr-white);
		transition: var(--transition-1);
		overflow-y: auto;
		overflow-x: hidden;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-around;
		opacity: 0;
		padding-top: var(--h-height);
		padding-bottom: 20%;
	}
	.h-menu > * + * {margin-top: 2rem;}
	.open-menu .h-logo img {filter: invert(1);}
	.open-menu .h-burger i {top: 40%;background-color: var(--clr-black);}
	.open-menu .h-burger i:before {top: 0;background-color: var(--clr-black);}

	.open-menu .burger-1024 {
		/*color: var(--clr-black);*/
		/*font-size: 1.125rem;*/
		font-weight: 400;
	}
	.open-menu .h-menu {transform: translateX(0%);opacity: 1;}
	.open-menu .h-menu-overlay {opacity: 1;visibility: visible;}
	.h-langs {gap: 3rem;position: absolute; bottom: 0}
	.h-langs a {color: var(--clr-black);font-size: 18px;font-weight: 300;}
	.h-links {margin-block: unset;flex-direction: column;align-items: center;gap: 50px;text-align: center;}
	.h-links ul {gap: 50px;flex-direction: column;}
	.h-links a {font-size: 18px;color: var(--clr-black);font-weight: 300;letter-spacing: -0.015em;}
}
@media (max-width: 767px) {
	.h-links a, .h-langs a{font-size: 16px;}
}
@media (max-width: 575px) {
	.burger-1024 {display: none;}
	.burger-576 {position: relative;display: block;width: 2.5rem;height: 2.5rem;transform: translateY(0.1875rem);}
	.burger-576 i {display: inline-block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 24px;height: 1px;background-color: var(--clr-white);transition: var(--transition-1);}
	.burger-576 i:before {content: "";position: absolute;left: 0;top: -0.375rem;width: 100%;height: 100%;background-color: var(--clr-white);transition: var(--transition-1);}
	.h-links, .h-links ul {gap: 30px;}
	.h-links a, .h-langs a{font-size: 16px;}
}



header {opacity: 1; }
header.type2 {mix-blend-mode: difference;}
header.open-menu {mix-blend-mode: normal;}
header.type2.open-menu .burger-1024 {
	color: var(--clr-black);
}


/*--------------------*/
/* TYPOGRAPHY         */
/*--------------------*/
body {font-family: var(--ff-1);font-weight: 400;font-size: var(--h5);line-height: 1.4em;color: var(--clr-text);}
.text {--text-space: 1.5rem;--text-rd: var(--rd-1);--text-li-padding: 2rem;--text-th-height: 4rem;--text-th-padding: 1.5rem;font-size: var(--text);line-height: 1.4em;font-weight: 400;color: var(--clr-text);}
.text * + :where(*) {margin-top: calc(var(--text-space) * 3);}
.text * + :is(p, ul, ol, li) {margin-top: var(--text-space);}
.text :is(img, table, iframe, figure, picture, blockquote, .swiper-entry) + *:not(figcaption) {margin-top: calc(var(--text-space) * 3);}
.text .swiper-entry > * * {margin-top: 0;}
.text b {font-weight: 500;}
.text b,
.text span {color: var(--clr-primary);}
.text strong {font-weight: 700;}
.text em {font-style: italic;font-weight: 500;}
.text a:not(.btn) {display: inline;font-weight: 500;color: var(--clr-primary);text-decoration: underline;text-decoration-color: transparent;}
.text ul li,
.text ol li {position: relative;padding-left:  1.5rem;}
.text ul li:before {content: "";position: absolute;left: calc(var(--text-li-padding) / 2 - 0.5em);top: 0.6em;width: 0.3em;height: 0.3em;border-radius: 100%;background-color: var(--clr-primary);}
.text ol {counter-reset: number;}
.text ol li:before {counter-increment: number;content: counter(number) ".";display: inline-block;position: absolute;left: 0;font-weight: 500;line-height: inherit;color: var(--clr-primary);}
.text ol li ul li:before {
	content: "";
	left: calc(var(--text-li-padding) / 2 - 0.5em);
	counter-increment: none;
}
.text ol li ul, .text ol li ol {
	margin-top: 24px;
}
.text ol li ul li, .text ol li ol li {
	margin-top: 0;
}
.text img {display: block;width: 100%;border-radius: var(--text-rd);}
.text figure {line-height: 0;width: 100%;}
.text figure.aligncenter {text-align: center;}
.text figure.alignright {text-align: right;}
.text figure > img {width: auto;}
.text figure figcaption {font-size: 0.75rem;font-weight: 500;line-height: 1.5em;color: var(--clr-black);margin: 0.25rem;}
.text iframe {display: block;max-width: 100%;width: 100%;height: 100%;aspect-ratio: 16/9;border: 0;border-radius: var(--text-rd);}
.text blockquote {text-align: left;font-weight: 500;padding-block: calc(var(--text-space) * 3);padding-inline: clamp(1rem, -6.54rem + 15.6vw, var(--text-space) * 6);color: var(--clr-black);background-color: var(--clr-grey);border-radius: var(--text-rd);}
.text table {border-collapse: collapse;width: 100%;}
.text tbody tr {text-align: left;}
.text tbody tr:nth-child(even) th,
.text tbody tr:nth-child(even) td {background-color: var(--clr-grey);}
.text tbody tr:last-child:not(:nth-child(even)) {border-bottom: 0.0625rem solid var(--clr-grey);}
.text thead tr {border: none;}
.text thead th,
.text thead td {height: var(--text-th-height);font-weight: 500;color: var(--clr-black);background-color: var(--clr-grey);}
.text td,
.text th {vertical-align: middle;height: calc(var(--text-th-height) / 1.4);padding: calc(var(--text-th-padding) / 3);font-size: inherit;line-height: inherit;font-weight: inherit;color: var(--clr-text);}
.text td:first-child,
.text th:first-child {padding-left: var(--text-th-padding);border-radius: var(--text-rd) 0 0 var(--text-rd);}
.text td:last-child,
.text th:last-child {padding-right: var(--text-th-padding);border-radius: 0 var(--text-rd) var(--text-rd) 0;}
.text *:first-child img {margin-top: 0;}
:is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {font-weight: 300;color: var(--clr-title);}
h1,
.h1 {font-size: var(--h1);line-height: 1.15em;letter-spacing: -2px;}
h2,
.h2 {font-size: var(--h2);line-height: 1.15em;}
h3,
.h3 {font-size: var(--h3);line-height: 1.5em;}
h4,
.h4 {font-size: var(--h4);line-height: 1.25em; font-weight: 200}
h5,
.h5 {font-size: var(--h5);line-height: 1.4em;}
h6,
.h6 {font-size: var(--h6);line-height: 1.4em;font-weight: 200}
.title-margin {margin-bottom: max(0.875rem, 2.5vw);}
.title {text-wrap: balance;}
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.block {width: 100%;}
.p-top-0 {padding-top: 0 !important;}
.p-top-lg {padding-top: var(--sp-lg);}
.p-bottom-lg {padding-bottom: var(--sp-lg);}
.p-block-lg {padding-block: var(--sp-lg);}
.p-top-md {padding-top: var(--sp-md);}
.p-top-sm {padding-top: var(--sp-sm);}
@media (max-width: 575px) {
.p-top-sm {padding-top: 1rem;}
}
.p-top-xs {padding-top: var(--sp-xs);}
.p-block-md {padding-top: var(--sp-md);}
.p-top-sms {padding-top: var(--sp-sms);}
@media (max-width: 575px) {
.p-top-sms {padding-top: 1rem;}
}
@media (max-width: 767px) {
.md-p-bottom-0 {padding-bottom: 0 !important;}
}
.f-wrap-reverse {flex-wrap: wrap-reverse !important;}
@media (min-width: 1200px) {
.text a:not(.btn):hover {text-decoration-color: currentColor;}
}
@media (max-width: 1024px) {
.text {--text-space: 0.75rem;--text-li-padding: 1.5rem;--text-th-height: 3.5rem;--text-th-padding: 0.5rem;}
}
/*--------------------*/
/* BUTTONS            */
/*--------------------*/
.btn {z-index: 1;position: relative;-webkit-user-select: none;-moz-user-select: none;user-select: none;cursor: pointer;overflow: hidden;font-size: 1.25rem;line-height: 1em;font-weight: 500;color: var(--clr-white);text-decoration: none;padding: 0.9em 1.6em;border: none;border-radius: var(--rd-1);background-color: var(--clr-black);transition: var(--transition-1);flex-shrink: 0;display: inline-flex;align-items: center;justify-content: center;}
.btn b {display: inline-block;line-height: inherit;font-weight: inherit;color: currentColor;}
.btn > * + * {margin-left: 0.8em;}
.btn-primary {background-color: var(--clr-primary);color: var(--clr-white);}
.btn-secondary {background-color: var(--clr-white);color: var(--clr-black);}
.btn-svg svg {color: currentColor;}
.btn-svg svg *[stroke] {stroke: currentColor;}
.btn-svg svg *[fill] {fill: currentColor;}
.btn-block {width: 100%;}
.btn.disabled {pointer-events: none;background-color: var(--clr-grey);}
.btn:has(svg:only-child) {padding: 0.9em;}
.btn:has(svg:only-child) svg {width: 1.2em;height: 1.2em;}
.btn-arrow {position: relative;display: inline-flex;align-items: center;gap: var(--sp-xs3);font-size: var(--h5);line-height: 2;transition: var(--transition-1);text-align: center;}
.btn-arrow::before {content: "";position: absolute;display: block;width: 0;height: 0.0625rem;background-color: var(--clr-black);left: 0;bottom: 0;transition: var(--transition-1);}
.btn-arrow svg {transition: var(--transition-1);}
.btn-arrow span {transition: var(--transition-1);}
@media (min-width: 1200px) {
	.btn-arrow:hover::before {
		/*width: 100%;*/
	}

	.btn-arrow:hover svg {
		transition: var(--transition-1);
		opacity: 0.6 !important;
	}
	.btn-arrow:hover span {
		transform: translateX(0.5em);
		transition: var(--transition-1);
		color: var(--clr-grey);
	}
}
.btn-arrow__border {padding-block: var(--pd-block-btn-arrow);padding-inline: 2rem;border: 0.0625rem solid var(--clr-black);height: 4rem;line-height: 1;}
.btn-arrow__border span {transition: var(--transition-1);}
.btn-arrow__border svg {transition: var(--transition-1);}
.btn-arrow__border::before {position: absolute;width: 0;height: 100%;background-color: var(--clr-black);left: 0;bottom: 0;transition: var(--transition-1);z-index: -1;}
@media (min-width: 1200px) {
.btn-arrow__border:hover span {color: var(--clr-white);}
.btn-arrow__border:hover svg path {fill: white;}
.btn-arrow__border:hover::before {width: 100%;}
}
@media (max-width: 1024px) {
.btn-arrow__border {height: 3.5rem;}
}
@media (max-width: 767px) {
.btn-arrow__border {height: 2.5rem;font-size: 1rem;}
}
.btn-arrow__border-white {background-color: var(--clr-black);color: var(--clr-white);height: 4rem;font-size: 1.25rem;}
.btn-arrow__border-white::before {position: absolute;width: 100%;height: 0;background-color: var(--clr-white);left: 0;right: 0;top: 0;transition: var(--transition-1);z-index: 1;}
.btn-arrow__border-white span,
.btn-arrow__border-white svg {z-index: 2;position: relative;}
.btn-arrow__border-white svg path {fill: white;}
@media (max-width: 1024px) {
.btn-arrow__border-white {height: 3.5rem;font-size: 1.125rem;}
}
@media (max-width: 767px) {
.btn-arrow__border-white {height: 2.5rem;font-size: 1rem;}
}
@media (min-width: 1200px) {
.btn-arrow__border-white:hover span {color: var(--clr-black);}
.btn-arrow__border-white:hover svg path {fill: var(--clr-black);}
.btn-arrow__border-white:hover::before {height: 100%;}
}
.btn-close {display: inline-block;position: relative;cursor: pointer;--bw: 2.75rem;width: var(--bw);height: var(--bw);color: var(--clr-white);background-color: var(--clr-black);transition: var(--transition-1);}
.btn-close::before,
.btn-close::after {content: "";position: absolute;top: 50%;left: 50%;width: 50%;height: 0.125rem;transform: translate(-50%, -50%) rotate(45deg);background-color: currentColor;}
.btn-close::after {transform: translate(-50%, -50%) rotate(-45deg);}
.btn-link {display: inline-block;cursor: pointer;font-size: 1.25rem;line-height: 1.38em;color: var(--clr-title);font-weight: 500;text-decoration: underline;text-decoration-color: transparent;transition: var(--transition-1);}
.btn-project {background-color: transparent;display: inline-flex;align-items: center;color: var(--clr-black);gap: 1rem;padding-left: 0;border: 0.125rem solid transparent;border-radius: 0.25rem;transition: var(--transition-1);}
@media (min-width: 1200px) {
/*.btn-project:hover svg {transform: rotate(45deg);}*/
}
.btn-wrap {display: flex;flex-direction: column;align-items: flex-start;gap: 1.875rem;}
.btn-wrap.direction-row {flex-direction: row;align-items: center;}
.btn-block {width: 100%;text-align: center;justify-content: center;align-items: center;}
@media (min-width: 1200px) {
.btn:hover {color: var(--clr-white);background-color: var(--clr-primary);}
.btn-primary:hover {color: var(--clr-white);background-color: var(--clr-secondary);}
.btn-secondary:hover {color: var(--clr-white);background-color: var(--clr-secondary);}
.btn-close:hover {color: var(--clr-red);background-color: var(--clr-grey);}
.btn-link:hover {color: var(--clr-primary);text-decoration: underline;text-decoration-color: currentColor;}
}
@media (max-width: 1440px) {
.btn,
.btn-link {font-size: 1.125rem;}
}
@media (max-width: 1024px) {
	.btn,
	.btn-link {font-size: 1rem;}
	.btn-close {--bw: 2rem;}
}
@media (max-width: 767px) {
.btn-wrap {gap: 1.125rem;}
}


/*--------------------*/
/*  FILTERS           */
/*--------------------*/
.filter-block{position:relative;margin-bottom: 48px;}
.reset-btn{font-size: 18px;font-weight: 400;line-height: 1.5;letter-spacing: -0.27px;color: var(--clr-grey);cursor:pointer;padding:1rem 2rem;margin-left: auto;width: fit-content;transition: var(--transition-1);}
.choose-filters{display:flex;align-items: flex-start;gap: 24px;flex-wrap: wrap;}
.filter-item{position: relative;max-width:21.5vw;width: 100%;}
.filter-caption{font-size: 16px;font-weight: 400;line-height: 1.1;letter-spacing: -0.24px;color: var(--clr-grey);cursor:pointer;display: flex;align-items: center;gap: 1rem;padding-block: 0.25rem;padding-left: 0.75rem;border-top: 1px solid var(--clr-grey);transition: var(--transition-1);}
.filter-caption svg{width:24px;height:24px;flex-shrink: 0;transition: var(--transition-1);}
.filter-toggle{padding: 1rem;display: block;position: absolute;top: 100%;left: 0;background-color: var(--clr-white);z-index: 1;width: 100%;opacity:0;visibility: hidden;transition: var(--transition-1);}
.filter-toggle .ch-box span{color: var(--clr-grey);}
.filter-toggle >*+*{margin-top:0.5rem;}
.filter-item.open .filter-caption{border-color: var(--clr-black);color: var(--clr-black);}
.filter-item.open .filter-caption svg{transform: rotate(180deg);}
.filter-item.open .filter-caption svg path{fill: var(--clr-black);}
.filter-item.open .filter-toggle{opacity:1;visibility: visible;}
@media(min-width: 1200px){
	.reset-btn:hover{color: var(--clr-black);}
	.filter-caption:hover{border-color: var(--clr-black);}
}
@media (max-width: 1199px) {
	.filter-block{margin-bottom: 24px;}
	.choose-filters{gap: 24px 20px;}
	.filter-item {max-width: 100%;width: calc(50% - 10px);}
	.reset-btn{padding-inline: 0;font-size: 16px;}
}
@media (max-width: 575px) {
	.filter-item {width: 100%;}
}