.lenis.lenis-smooth {
	scroll-behavior: auto
}

.lenis.lenis-smooth [data-lenis-prevent] {
	overscroll-behavior: contain
}

.lenis.lenis-stopped {
	overflow: hidden
}

.lenis.lenis-wheeling {
	pointer-events: none
}

#html {
	margin-top: 0!important
}

#wpadminbar {
	top: 0!important
}

body {
	-ms-overflow-style: none;
	display: block;
	height: auto;
	min-height: 100%;
	scrollbar-width: none;
	width: 100%
}

body::-webkit-scrollbar {
	display: none
}

.hidden,.hidden * {
	visibility: hidden!important
}

@media (max-width:1100px) {
[	data-desktop] {
		display: none!important
	}
}

.debugger,.todo {
	display: none
}

.debug section {
	outline: 2px solid #ff4329
}

@media (max-width:1100px) {
	.debug section {
		outline: 1px solid #ff4329
	}
}

.debug .todo {
	background-color: #ff4329;
	border-radius: 10px;
	color: #0a0a0a;
	color: var(--black);
	display: block;
	font-size: 1vw;
	font-weight: 800;
	line-height: 1.33;
	margin-bottom: 1vw;
	margin-top: 2vw;
	padding: 5px 10px
}

.debug .debugger {
	background-color: #ff4329;
	border-radius: 0 0 10px 10px;
	color: #0a0a0a;
	color: var(--black);
	display: block;
	font-size: .8333vw;
	font-weight: 500;
	line-height: 1;
	padding: 5px 10px;
	position: absolute;
	right: 5pc;
	top: 0
}

@media (max-width:1100px) {
	.debug .debugger {
		font-size: 3vw
	}
}

@media (min-width:1025px) {
[	data-mobile] {
		display: none!important
	}
}

@media (max-width:1024px) {
[	data-desktop] {
		display: none!important
	}
}

#app {
	display: block;
	height: auto;
	min-height: 100%;
	min-height: calc(1vh * 100);
	min-height: calc(var(--vh, 1vh) * 100);
/*	overflow-x: hidden;*/
	width: 100%
}

#app>div {
	display: block;
	height: auto;
	min-height: 100%;
	min-height: calc(1vh * 100);
	min-height: calc(var(--vh, 1vh) * 100);
	position: relative
}

#app>div>.background {
	background-color: #0a0a0a;
	background-color: var(--black);
	bottom: 0;
	height: 100%;
	left: 0;
	opacity: .0001;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%
}

#app>div>.background .video {
	mix-blend-mode: lighten
}

#app>div>.inner {
	background-color: #1d1d1d;
	background-color: var(--dark);
	position: relative;
	transform-origin: 50% 50vh
}

#app>div>.bg {
	background-color: #0a0a0a;
	background-color: var(--black);
	height: 100%;
	left: 0;
	opacity: .0001;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%
}

#app section {
	position: relative;
	width: 100%
}

/*.container {
	margin: auto;
	max-width: calc(100% - max(4.4pc, min(5.556vw, 6.65pc)))
}*/

@media (max-width:1100px) {
	.container {
		max-width: calc(100% - max(1.1pc, min(1.389vw, 26.6px)))
	}
}

.container.--wide {
	width: 100%
}

.component {
	padding: max(6.6pc,min(8.333vw,9.975000000000001pc)) 0;
	position: relative
}

@media (max-width:1100px) {
	.component {
		padding: min(15.385vw,69px) 0
	}
}

.columns {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-left: max(-.694vw,-13.3px);
	margin-right: max(-.694vw,-13.3px)
}

@media (max-width:1100px) {
	.columns {
		margin-left: max(-1.282vw,-5.75px);
		margin-right: max(-1.282vw,-5.75px)
	}
}

.columns.--centered {
	align-items: center
}

.columns.--center {
	justify-content: center
}

.columns.--stretch {
	justify-content: stretch
}

.columns.--start {
	justify-content: flex-start
}

.columns.--end {
	justify-content: flex-end
}

.columns.--reverse {
	flex-direction: row-reverse
}

@media (max-width:1100px) {
	.columns.--reverse {
		flex-direction: row
	}
}

.columns__item {
	padding-left: max(8.8px,min(.694vw,13.3px));
	padding-right: max(8.8px,min(.694vw,13.3px))
}

@media (max-width:1100px) {
	.columns__item {
		padding-left: min(1.282vw,5.75px);
		padding-right: min(1.282vw,5.75px)
	}
}

#info {
	background-color: #000;
	bottom: 0;
	cursor: pointer;
	display: block;
	height: 30px;
	min-width: 75pt;
	opacity: .6;
	overflow: hidden;
	pointer-events: all;
	position: fixed;
	right: 0;
	width: auto;
	will-change: transform
}

#guides {
	bottom: 0;
	display: block;
	height: 100%;
	left: 0;
	opacity: 1;
	pointer-events: none;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 1000000
}

#guides .guides__switcher {
	background-color: red;
	bottom: 0;
	cursor: pointer;
	display: block;
	height: 30px;
	left: 0;
	opacity: .6;
	overflow: hidden;
	pointer-events: all;
	position: absolute;
	width: auto;
	width: 40px;
	will-change: transform
}

#guides .guides__switcher2 {
	background-color: aqua;
	bottom: 0;
	cursor: pointer;
	display: block;
	height: 30px;
	left: 50px;
	opacity: .6;
	overflow: hidden;
	pointer-events: all;
	position: absolute;
	width: auto;
	width: 40px;
	will-change: transform
}

#guides .guides__horizontal {
	display: none;
	height: 100%;
	left: 50%;
	margin: auto;
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	width: 100%;
	z-index: 1000000
}

#guides .guides__horizontal .guide {
	border-left: 1px solid skyblue;
	border-right: 1px solid skyblue;
	float: left;
	height: 100vh;
	height: calc(1vh * 100);
	height: calc(var(--vh, 1vh) * 100);
	opacity: 1;
	position: relative;
	width: 5vw
}

@media (max-width:1100px) {
	#guides .guides__horizontal .guide {
		width: 10vw
	}
}

#guides .guides__horizontal2 {
	display: none;
	height: 100%;
	left: 0;
	margin: auto;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 100000
}

#guides .guides__horizontal2 .guide {
	border-right: 1px solid #d6d6d6;
	float: left;
	height: calc(1vh * 100);
	height: calc(var(--vh, 1vh) * 100);
	height: 100vh;
	opacity: .5;
	position: relative;
	width: .417vw
}

@media (max-width:1100px) {
	#guides .guides__horizontal2 .guide {
		width: .833vw
	}
}

#guides .guides__vertical {
	display: none;
	height: 100%;
	left: 50%;
	margin: auto;
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	width: 100%;
	z-index: 1000000
}

#guides .guides__vertical .guide {
	border-bottom: 1px solid skyblue;
	border-left: 1px solid skyblue;
	border-right: 1px solid skyblue;
	height: 5vw;
	opacity: 1;
	position: relative;
	width: 100%
}

@media (max-width:1100px) {
	#guides .guides__vertical .guide {
		height: 10vw
	}
}

#guides .guides__vertical2 {
	display: none;
	height: 100%;
	left: 50%;
	margin: auto;
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	width: 100%;
	z-index: 100000
}

#guides .guides__vertical2 .guide {
	border-bottom: 1px solid #d6d6d6;
	height: .417vw;
	opacity: .5;
	position: relative;
	width: 100%
}

@media (max-width:1100px) {
	#guides .guides__vertical2 .guide {
		height: .833vw
	}
}

#vhr {
	height: 100vh;
	left: 0;
	opacity: .0001;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	visibility: hidden;
	width: 100%;
	z-index: -1
}

.otgs-development-site-front-end,.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
	display: none!important
}

#rank-math-analytics-stats-wrapper {
	display: none!important
}

.grecaptcha-badge {
	display: none!important
}

.clearfix {
	clear: both;
	display: block;
	width: 100%
}

.floating.--center {
	left: 50%;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateX(-50%) translateY(-50%)
}

.floating.--bottom {
	bottom: max(44px,min(3.472vw,66.5px));
	left: 50%;
	position: absolute;
	text-align: center;
	transform: translateX(-50%)
}

@media (max-width:1100px) {
	.floating.--bottom {
		bottom: min(5.128vw,23px)
	}
}

.floating.--top {
	left: 50%;
	position: absolute;
	text-align: center;
	top: max(44px,min(3.472vw,66.5px));
	transform: translateX(-50%)
}

@media (max-width:1100px) {
	.floating.--top {
		top: min(5.128vw,23px)
	}
}

.floating.--topleft {
	left: max(44px,min(3.472vw,66.5px));
	position: absolute;
	text-align: left;
	top: max(44px,min(3.472vw,66.5px))
}

@media (max-width:1100px) {
	.floating.--topleft {
		left: min(5.128vw,23px);
		top: min(5.128vw,23px)
	}
}

.floating.--topright {
	position: absolute;
	right: max(44px,min(3.472vw,66.5px));
	text-align: right;
	top: max(44px,min(3.472vw,66.5px))
}

@media (max-width:1100px) {
	.floating.--topright {
		right: min(5.128vw,23px);
		top: min(5.128vw,23px)
	}
}

.floating.--bottomleft {
	bottom: max(44px,min(3.472vw,66.5px));
	left: max(44px,min(3.472vw,66.5px));
	position: absolute;
	text-align: left
}

@media (max-width:1100px) {
	.floating.--bottomleft {
		bottom: min(5.128vw,23px);
		left: min(5.128vw,23px)
	}
}

.floating.--bottomright {
	bottom: max(44px,min(3.472vw,66.5px));
	position: absolute;
	right: max(44px,min(3.472vw,66.5px));
	text-align: right
}

@media (max-width:1100px) {
	.floating.--bottomright {
		bottom: min(5.128vw,23px);
		right: min(5.128vw,23px)
	}
}

.navigation {
	-ms-overflow-style: none;
	display: flex;
	scrollbar-width: none
}

.navigation::-webkit-scrollbar {
	display: none
}

@media (max-width:1100px) {
	.navigation {
		left: 50%;
		overflow-x: auto;
		overflow-y: hidden;
		padding: 0 min(5.128vw,23px) min(3.846vw,17.25px);
		position: relative;
		transform: translateX(-50%);
		white-space: nowrap;
		width: 100vw
	}
}

.navigation li {
	display: inline-block;
	margin-right: max(2.2pc,min(2.778vw,53.2px));
	white-space: nowrap
}

.navigation li>a,.navigation li>div {
	align-items: flex-start;
	cursor: pointer;
	display: flex;
	font-size: max(1.87pc,min(2.361vw,45.22px));
	font-weight: 500;
	opacity: .4
}

.navigation li>a .count,.navigation li>div .count {
	font-size: 40%;
	margin-left: max(8.8px,min(.694vw,13.3px));
	min-width: max(26.4px,min(2.083vw,.4156250000000001in))
}

.navigation li>a.--active,.navigation li>a:hover,.navigation li>div.--active,.navigation li>div:hover {
	opacity: 1
}

.gradient {
	background: #000;
	background: linear-gradient(0deg,#000,rgba(0,0,0,.66) 33%,rgba(0,0,0,.302) 66%,transparent);
	bottom: 0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
	height: 70%;
	left: 0;
	opacity: .5;
	position: absolute;
	right: 0;
	width: 100%
}

.overlay {
	background: #000;
	bottom: 0;
	height: 100%;
	left: 0;
	opacity: .3;
	position: absolute;
	right: 0;
	width: 100%
}

.box {
	border-radius: max(1.1pc,min(1.389vw,26.6px));
	height: 100%;
	overflow: hidden;
	padding: max(44px,min(3.472vw,66.5px));
	position: relative;
	width: 100%
}

@media (max-width:1100px) {
	.box {
		border-radius: min(4.103vw,18.4px);
		padding: min(5.128vw,23px)
	}
}

.box.--main {
	background-color: #ff5710;
	background-color: var(--main);
	color: #1d1d1d;
	color: var(--dark)
}

.box.--dark {
	background-color: #252525;
	background-color: var(--bg-dark-alt);
	color: #fff;
	color: var(--white)
}

.box.--white {
	background-color: #fff;
	background-color: var(--white);
	color: #1d1d1d;
	color: var(--dark)
}

.box.--arrow {
	background-image: url(img/arrow.svg);
	background-position: calc(100% - max(44px, min(3.472vw, 66.5px))) calc(100% - max(44px, min(3.472vw, 66.5px)));
	background-repeat: no-repeat;
	background-size: auto max(11pc,min(13.889vw,266px))
}

@media (max-width:1100px) {
	.box.--arrow {
		background-position: calc(100% - min(5.128vw, 23px));
		background-size: auto min(23.077vw,77.625pt)
	}
}

.box.--fvertical {
	align-items: flex-start;
	display: flex;
	flex: 1 0 0;
	flex-direction: column;
	justify-content: space-between
}

.box.--fvertical .top {
	position: relative
}

.box.--fvertical .bottom {
	position: relative
}

.flex {
	align-items: center;
	display: flex
}

.icon {
	height: max(1.76pc,min(2.222vw,2.66pc));
	position: relative;
	width: max(1.76pc,min(2.222vw,2.66pc))
}

@media (max-width:1100px) {
	.icon {
		height: min(4.103vw,18.4px);
		width: min(4.103vw,18.4px)
	}
}

.icon img {
	height: 100%;
	left: 0;
	-o-object-fit: contain;
	object-fit: contain;
	opacity: 1;
	position: absolute;
	top: 0;
	vertical-align: middle;
	width: 100%
}

.image {
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%
}

.strength1 .image img {
	height: 100%;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	opacity: 1;
	position: absolute;
	top: 0;
	vertical-align: middle;
	width: 100%
}

.image img.lazyload[src=""] {
	opacity: .0001
}

/*.image:before {
	content: "";
	display: block;
	padding-bottom: var(--ratio)
}*/

.image:before img {
	height: 100%;
	width: 100%
}

.image.--cover {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%
}



.carousel {
	cursor: grab;
	height: 500px;
	overflow: hidden;
	position: relative;
	width: 100%
}

.carousel.is-dragging {
	cursor: grabbing
}

.carousel__inner {
	counter-reset: count;
	display: flex;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: auto;
	z-index: 1
}

.carousel__item {
	counter-increment: count;
	height: 100%;
	left: 0;
	margin-right: 1.5vw;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: auto;
	will-change: transform;
	z-index: 1
}

.notfound {
	margin-bottom: 15vw
}

@media (max-width:1100px) {
	.notfound {
		width: 150px
	}
}

.slider {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative
}

.slider__inner {
	display: flex;
	justify-content: space-between;
	position: relative;
	width: auto;
	will-change: transform
}

.slider__progress {
	background: var(--line-alpha);
	bottom: 0;
	height: 1px;
	left: 0;
	position: relative;
	right: 0;
	width: 100%
}

.slider__progress .progress {
	background: #757474;
	background: var(--medium);
	display: block;
	height: 100%;
	position: absolute;
	transform: scaleX(0);
	transform-origin: 0 50%;
	width: 100%
}

.slider__count {
	bottom: 0;
	color: #0a0a0a;
	color: var(--black);
	font-family: Roobert,Helvetica,Arial,sans-serif;
	font-family: var(--font-primary);
	font-size: 1rem;
	font-weight: 500;
	left: 0;
	line-height: 2;
	position: absolute;
	right: 0;
	transform: translateY(100%);
	width: 100%
}

.slider--initialized {
	justify-content: flex-start
}

.slider__proxy {
	height: 100%;
	left: 0;
	opacity: .3;
	position: absolute;
	top: 0;
	width: 100%;
	will-change: transform
}

.slider.--draggable {
	display: flex;
	justify-content: center
}

.slider.--draggable .slider--initialized {
	justify-content: flex-start
}

.slider.--draggable .slider__inner {
	cursor: grab;
	display: flex;
	margin: auto;
	width: 100vw;
	will-change: transform
}

.slider.--draggable .slider__inner__draggable {
	cursor: grab;
	display: flex;
	width: auto;
	will-change: transform
}

.slider.--draggable .slider__item {
	position: relative;
	will-change: transform
}

.slider.--draggable .slider__progress {
	background: var(--line-alpha);
	bottom: 0;
	height: 1px;
	left: 0;
	position: absolute;
	right: 0;
	width: 100%
}

.slider.--draggable .slider__progress .progress {
	background: #757474;
	background: var(--medium);
	display: block;
	height: 100%;
	position: absolute;
	transform: scaleX(0);
	transform-origin: 0 50%;
	width: 100%
}

.slider.--draggable .slider__count {
	bottom: 0;
	color: #0a0a0a;
	color: var(--black);
	font-family: Roobert,Helvetica,Arial,sans-serif;
	font-family: var(--font-primary);
	font-size: 1rem;
	font-weight: 500;
	left: 0;
	line-height: 1.7;
	position: absolute;
	right: 0;
	transform: translateY(100%);
	width: 100%
}

.slider.--draggable .slider__arrows {
	bottom: 0;
	color: #0a0a0a;
	color: var(--black);
	display: flex;
	font-family: Roobert,Helvetica,Arial,sans-serif;
	font-family: var(--font-primary);
	font-size: 1rem;
	font-weight: 500;
	justify-content: flex-end;
	left: 0;
	line-height: 1.7;
	position: absolute;
	right: 0;
	text-align: revert;
	transform: translateY(100%);
	white-space: nowrap;
	width: 100%
}

.slider.--draggable .slider__arrows .arrows {
	display: flex
}

.slider.--draggable .slider__arrows .arrows__left,.slider.--draggable .slider__arrows .arrows__right {
	cursor: pointer;
	display: block;
	height: max(44px,min(3.472vw,66.5px));
	opacity: 1;
	position: relative;
	transition: all .4s cubic-bezier(.05,.76,.38,1.015);
	transition: all .4s var(--ease-out);
	width: max(3.3pc,min(4.167vw,79.80000000000001px))
}

@media (max-width:1100px) {
	.slider.--draggable .slider__arrows .arrows__left,.slider.--draggable .slider__arrows .arrows__right {
		height: 50px;
		width: mpx(60)
	}
}

.slider.--draggable .slider__arrows .arrows__left:first-child,.slider.--draggable .slider__arrows .arrows__right:first-child {
	margin-right: max(3.3pc,min(4.167vw,79.80000000000001px))
}

.slider.--draggable .slider__arrows .arrows__left.disabled,.slider.--draggable .slider__arrows .arrows__right.disabled {
	opacity: .2
}

.slider.--draggable .slider__arrows .arrows__left img,.slider.--draggable .slider__arrows .arrows__right img {
	height: auto;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: max(3.3pc,min(4.167vw,79.80000000000001px))
}

@media (max-width:1100px) {
	.slider.--draggable .slider__arrows .arrows__left img,.slider.--draggable .slider__arrows .arrows__right img {
		width: mpx(60)
	}
}

.slider.--draggable .slider__proxy {
	height: 100%;
	left: 0;
	opacity: .3;
	position: absolute;
	top: 0;
	width: 100%;
	will-change: transform
}

.slider--disabled .slider__inner {
	justify-content: center;
	width: 100%
}

.slider--disabled .slider__progress {
	display: none
}

.draggable {
	display: flex;
	justify-content: flex-start;
	margin-bottom: max(61.6px,min(4.861vw,93.10000000000001px));
	position: relative
}

@media (max-width:1100px) {
	.draggable {
		margin-bottom: min(10.256vw,46px)
	}
}

.draggable__inner {
	z-index: 60!important
}

.draggable__inner {
	display: flex;
	justify-content: space-between;
	position: relative;
	width: auto;
	will-change: transform
}

.draggable__progress {
	background-color: var(--grey);
	bottom: 0;
	bottom: -2.5vw;
	height: 2px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 100%;
	width: 20vw
}

@media (max-width:1100px) {
	.draggable__progress {
		bottom: calc(-40px);
		width: 40vw
	}
}

.draggable__progress .progress {
	background: #0a0a0a;
	background: var(--black);
	display: block;
	height: 100%;
	position: absolute;
	transform: scaleX(0);
	transform-origin: 0 50%;
	width: 100%
}

.draggable__count {
	bottom: 0;
	color: #0a0a0a;
	color: var(--black);
	font-family: Roobert,Helvetica,Arial,sans-serif;
	font-family: var(--font-primary);
	font-size: 1rem;
	font-weight: 500;
	left: 0;
	line-height: 1.7;
	position: absolute;
	right: 0;
	transform: translateY(100%);
	width: 100%
}

.draggable__arrows {
	bottom: 0;
	color: #0a0a0a;
	color: var(--black);
	display: flex;
	font-family: Roobert,Helvetica,Arial,sans-serif;
	font-family: var(--font-primary);
	font-size: 1rem;
	font-weight: 500;
	justify-content: flex-end;
	left: 0;
	line-height: 1.7;
	position: absolute;
	right: 0;
	text-align: revert;
	transform: translateY(100%);
	white-space: nowrap;
	width: 100%
}

.draggable__arrows .arrows {
	display: flex
}

.draggable__arrows .arrows__left,.draggable__arrows .arrows__right {
	cursor: pointer;
	display: block;
	height: 3.75vw;
	opacity: 1;
	position: relative;
	transition: all .4s cubic-bezier(.05,.76,.38,1.015);
	transition: all .4s var(--ease-out);
	width: max(61.6px,min(4.861vw,93.10000000000001px))
}

@media (max-width:1100px) {
	.draggable__arrows .arrows__left,.draggable__arrows .arrows__right {
		height: 50px;
		width: mpx(70)
	}
}

.draggable__arrows .arrows__left:first-child,.draggable__arrows .arrows__right:first-child {
	margin-right: max(61.6px,min(4.861vw,93.10000000000001px))
}

.draggable__arrows .arrows__left.disabled,.draggable__arrows .arrows__right.disabled {
	opacity: .2
}

.draggable__arrows .arrows__left img,.draggable__arrows .arrows__right img {
	height: auto;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: max(61.6px,min(4.861vw,93.10000000000001px))
}

@media (max-width:1100px) {
	.draggable__arrows .arrows__left img,.draggable__arrows .arrows__right img {
		width: mpx(70)
	}
}

.draggable__dots {
	align-items: center;
	display: flex;
	justify-content: center;
	left: 50%;
	position: absolute;
	transform: translateX(-50%)
}

.draggable__dots .dots__item {
	background-color: #fff;
	background-color: var(--white);
	border: 1px solid #fff;
	border: 1px solid var(--white);
	border-radius: 100%;
	cursor: pointer;
	display: block;
	height: max(.44pc,min(.556vw,.665pc));
	position: relative;
	transform: rotate(45deg) scale(.5);
	transition: all .2s ease-out;
	width: max(.44pc,min(.556vw,.665pc))
}

@media (max-width:1100px) and (orientation:portrait) {
	.draggable__dots .dots__item {
		height: min(2.051vw,9.2px);
		width: min(2.051vw,9.2px)
	}
}

.draggable__dots .dots__item:not(:last-child) {
	margin-right: max(44px,min(3.472vw,66.5px))
}

@media (max-width:1100px) and (orientation:portrait) {
	.draggable__dots .dots__item:not(:last-child) {
		margin-right: min(10.256vw,46px)
	}
}

@media (min-width:1101px) {
	.draggable__dots .dots__item:hover {
		background-color: var(--primary);
		transform: rotate(45deg) scale(2)
	}
}

.draggable__dots .dots__item.active {
	background-color: var(--primary);
	border: 1px solid var(--primary);
	transform: rotate(45deg) scale(2)
}

@media (max-width:1100px) and (orientation:portrait) {
	.draggable__dots .dots__item.active {
		transform: rotate(45deg) scale(1)
	}
}

.draggable--initialized {
	justify-content: flex-start
}

.draggable__proxy {
	height: 100%;
	left: 0;
	opacity: .3;
	position: absolute;
	top: 0;
	width: 100%;
	will-change: transform
}

.draggable--draggable .draggable__inner {
	cursor: grab;
	display: flex
}

.draggable--disabled .draggable__inner {
	justify-content: center;
	width: 100%
}

.draggable--disabled .draggable__progress {
	display: none
}

.accordion__item {
	margin-bottom: 0
}

@media (max-width:1100px) {
	.accordion__item {
		margin-bottom: 1.5vw
	}
}

.accordion__item__header {
	border-bottom: 1px solid;
	cursor: pointer;
	display: flex;
	line-height: max(3.3pc,min(4.167vw,79.80000000000001px));
	min-height: max(44px,min(3.472vw,66.5px));
	position: relative
}

@media (max-width:1100px) {
	.accordion__item__header {
		line-height: mpx(60);
		min-height: mpx(60)
	}
}

.accordion__item__header .number {
	color: #0a0a0a;
	color: var(--black);
	font-family: Roobert,Helvetica,Arial,sans-serif;
	font-family: var(--font-primary);
	font-size: 1.2rem;
	font-weight: 500;
	height: max(44px,min(3.472vw,66.5px));
	line-height: max(3.3pc,min(4.167vw,79.80000000000001px));
	width: 10vw
}

@media (max-width:1100px) {
	.accordion__item__header .number {
		font-size: 14px;
		line-height: mpx(60);
		min-height: mpx(60)
	}
}

.accordion__item__header .title {
	margin-bottom: 0;
	min-height: max(44px,min(3.472vw,66.5px));
	width: 60vw
}

@media (max-width:1100px) {
	.accordion__item__header .title {
		min-height: mpx(60)
	}
}

.accordion__item__header .title--medium {
	line-height: max(3.3pc,min(4.167vw,79.80000000000001px))
}

@media (max-width:1100px) {
	.accordion__item__header .title--medium {
		line-height: mpx(60)
	}
}

.accordion__item__header .title--small {
	padding: max(8.8px,min(.694vw,13.3px)) 0
}

.accordion__item__header .icon {
	height: max(44px,min(3.472vw,66.5px));
	line-height: max(3.3pc,min(4.167vw,79.80000000000001px));
	position: absolute;
	right: 0;
	top: 0;
	transform-origin: 50% 50%;
	transition: all .4s cubic-bezier(.05,.76,.38,1.015);
	transition: all .4s var(--ease-out);
	width: 1.75vw
}

@media (max-width:1100px) {
	.accordion__item__header .icon {
		line-height: mpx(60);
		min-height: mpx(60);
		width: mpx(60)
	}
}

.accordion__item__header .icon span {
	background-color: #0a0a0a;
	background-color: var(--black);
	height: 3px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	transform-origin: 50% 50%;
	width: 1.75vw
}

@media (max-width:1100px) {
	.accordion__item__header .icon span {
		height: 2px;
		width: mpx(20)
	}
}

.accordion__item__header .icon span:first-child {
	transform: translateX(-50%) translateY(-50%) rotate(-90deg)
}

.accordion__item__header .icon span:nth-child(2) {
	transform: translateX(-50%) translateY(-50%)
}

.accordion__item__content {
	display: none;
	padding: max(3.3pc,min(4.167vw,79.80000000000001px)) 10vw max(8.8px,min(.694vw,13.3px))
}

@media (max-width:1100px) {
	.accordion__item__content {
		padding: mpx(10) mpx(10) mpx(10) mpx(60)
	}
}

.accordion__item__content .wysiwyg {
	margin-bottom: 0
}

@media (max-width:1100px) {
	.accordion__item__content .columns__item {
		width: 100%
	}
}

.accordion__item.active .accordion__item__header .icon {
	transform: rotate(225deg)
}

.tabs__navigation {
	display: flex;
	justify-content: center;
	margin-bottom: max(44px,min(3.472vw,66.5px))
}

.tabs__navigation__item {
	display: block;
	position: relative
}

.tabs__content__item {
	display: none;
	opacity: .0001
}

.tabs__content__item.active {
	display: block
}

.form label,.wpcf7 label {
	color: inherit;
	display: none;
	font-family: Roobert,Helvetica,Arial,sans-serif;
	font-family: var(--font-primary);
	font-size: max(.77pc,min(.972vw,18.62px));
	font-weight: 400;
	letter-spacing: -.01em;
	line-height: 1.3
}

@media (max-width:1100px) {
	.form label,.wpcf7 label {
		font-size: 18px
	}
}

@media (max-width:1100px) {
	.form h3,.wpcf7 h3 {
		font-size: 24px;
		margin-bottom: mpx(10)
	}
}

.form .form-group,.wpcf7 .form-group {
	margin-bottom: max(1.1pc,min(1.389vw,26.6px));
	width: 100%
}

@media (max-width:1100px) {
	.form .form-group,.wpcf7 .form-group {
		margin-bottom: max(3.3pc,min(4.167vw,79.80000000000001px))
	}
}

.form .form-group-double,.wpcf7 .form-group-double {
	display: flex;
	margin-left: max(-.694vw,-13.3px);
	margin-right: max(-.694vw,-13.3px)
}

@media (max-width:1100px) {
	.form .form-group-double,.wpcf7 .form-group-double {
		display: block;
		margin: 0
	}
}

.form .form-group-double .form-group,.wpcf7 .form-group-double .form-group {
	padding: 0 max(8.8px,min(.694vw,13.3px));
	width: 50%
}

@media (max-width:1100px) {
	.form .form-group-double .form-group,.wpcf7 .form-group-double .form-group {
		padding: 0;
		width: 100%
	}
}

.form .form-row,.wpcf7 .form-row {
	margin: 0;
	padding: 0
}

.form input[type=email],.form input[type=password],.form input[type=phone],.form input[type=search],.form input[type=tel],.form input[type=text],.form input[type=url],.wpcf7 input[type=email],.wpcf7 input[type=password],.wpcf7 input[type=phone],.wpcf7 input[type=search],.wpcf7 input[type=tel],.wpcf7 input[type=text],.wpcf7 input[type=url] {
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid rgba(0,0,0,.2);
	border-bottom: 1px solid var(--border-dark);
	border-radius: 0;
	color: #0a0a0a;
	color: var(--black);
	font-family: Roobert,Helvetica,Arial,sans-serif;
	font-family: var(--font-primary);
	font-size: max(.22in,min(1.667vw,31.92px));
	font-weight: 500;
	line-height: max(3.3pc,min(4.167vw,79.80000000000001px));
	margin: 0;
	padding: 0;
	width: 100%
}

@media (max-width:1100px) {
	.form input[type=email],.form input[type=password],.form input[type=phone],.form input[type=search],.form input[type=tel],.form input[type=text],.form input[type=url],.wpcf7 input[type=email],.wpcf7 input[type=password],.wpcf7 input[type=phone],.wpcf7 input[type=search],.wpcf7 input[type=tel],.wpcf7 input[type=text],.wpcf7 input[type=url] {
		font-size: 20px;
		line-height: 50px
	}
}

.form input[type=email]::-webkit-input-placeholder,.form input[type=password]::-webkit-input-placeholder,.form input[type=phone]::-webkit-input-placeholder,.form input[type=search]::-webkit-input-placeholder,.form input[type=tel]::-webkit-input-placeholder,.form input[type=text]::-webkit-input-placeholder,.form input[type=url]::-webkit-input-placeholder,.wpcf7 input[type=email]::-webkit-input-placeholder,.wpcf7 input[type=password]::-webkit-input-placeholder,.wpcf7 input[type=phone]::-webkit-input-placeholder,.wpcf7 input[type=search]::-webkit-input-placeholder,.wpcf7 input[type=tel]::-webkit-input-placeholder,.wpcf7 input[type=text]::-webkit-input-placeholder,.wpcf7 input[type=url]::-webkit-input-placeholder {
	color: #9c9b99;
	color: var(--hint);
	font-size: max(.22in,min(1.667vw,31.92px));
	font-weight: 500
}

@media (max-width:1100px) {
	.form input[type=email]::-webkit-input-placeholder,.form input[type=password]::-webkit-input-placeholder,.form input[type=phone]::-webkit-input-placeholder,.form input[type=search]::-webkit-input-placeholder,.form input[type=tel]::-webkit-input-placeholder,.form input[type=text]::-webkit-input-placeholder,.form input[type=url]::-webkit-input-placeholder,.wpcf7 input[type=email]::-webkit-input-placeholder,.wpcf7 input[type=password]::-webkit-input-placeholder,.wpcf7 input[type=phone]::-webkit-input-placeholder,.wpcf7 input[type=search]::-webkit-input-placeholder,.wpcf7 input[type=tel]::-webkit-input-placeholder,.wpcf7 input[type=text]::-webkit-input-placeholder,.wpcf7 input[type=url]::-webkit-input-placeholder {
		font-size: 20px
	}
}

.form input[type=email]::-moz-placeholder,.form input[type=password]::-moz-placeholder,.form input[type=phone]::-moz-placeholder,.form input[type=search]::-moz-placeholder,.form input[type=tel]::-moz-placeholder,.form input[type=text]::-moz-placeholder,.form input[type=url]::-moz-placeholder,.wpcf7 input[type=email]::-moz-placeholder,.wpcf7 input[type=password]::-moz-placeholder,.wpcf7 input[type=phone]::-moz-placeholder,.wpcf7 input[type=search]::-moz-placeholder,.wpcf7 input[type=tel]::-moz-placeholder,.wpcf7 input[type=text]::-moz-placeholder,.wpcf7 input[type=url]::-moz-placeholder {
	color: #9c9b99;
	color: var(--hint);
	font-size: max(.22in,min(1.667vw,31.92px));
	font-weight: 500
}

@media (max-width:1100px) {
	.form input[type=email]::-moz-placeholder,.form input[type=password]::-moz-placeholder,.form input[type=phone]::-moz-placeholder,.form input[type=search]::-moz-placeholder,.form input[type=tel]::-moz-placeholder,.form input[type=text]::-moz-placeholder,.form input[type=url]::-moz-placeholder,.wpcf7 input[type=email]::-moz-placeholder,.wpcf7 input[type=password]::-moz-placeholder,.wpcf7 input[type=phone]::-moz-placeholder,.wpcf7 input[type=search]::-moz-placeholder,.wpcf7 input[type=tel]::-moz-placeholder,.wpcf7 input[type=text]::-moz-placeholder,.wpcf7 input[type=url]::-moz-placeholder {
		font-size: 20px
	}
}

.form input[type=email]:-ms-input-placeholder,.form input[type=password]:-ms-input-placeholder,.form input[type=phone]:-ms-input-placeholder,.form input[type=search]:-ms-input-placeholder,.form input[type=tel]:-ms-input-placeholder,.form input[type=text]:-ms-input-placeholder,.form input[type=url]:-ms-input-placeholder,.wpcf7 input[type=email]:-ms-input-placeholder,.wpcf7 input[type=password]:-ms-input-placeholder,.wpcf7 input[type=phone]:-ms-input-placeholder,.wpcf7 input[type=search]:-ms-input-placeholder,.wpcf7 input[type=tel]:-ms-input-placeholder,.wpcf7 input[type=text]:-ms-input-placeholder,.wpcf7 input[type=url]:-ms-input-placeholder {
	color: #9c9b99;
	color: var(--hint);
	font-size: max(.22in,min(1.667vw,31.92px));
	font-weight: 500
}

@media (max-width:1100px) {
	.form input[type=email]:-ms-input-placeholder,.form input[type=password]:-ms-input-placeholder,.form input[type=phone]:-ms-input-placeholder,.form input[type=search]:-ms-input-placeholder,.form input[type=tel]:-ms-input-placeholder,.form input[type=text]:-ms-input-placeholder,.form input[type=url]:-ms-input-placeholder,.wpcf7 input[type=email]:-ms-input-placeholder,.wpcf7 input[type=password]:-ms-input-placeholder,.wpcf7 input[type=phone]:-ms-input-placeholder,.wpcf7 input[type=search]:-ms-input-placeholder,.wpcf7 input[type=tel]:-ms-input-placeholder,.wpcf7 input[type=text]:-ms-input-placeholder,.wpcf7 input[type=url]:-ms-input-placeholder {
		font-size: 20px
	}
}

.form input[type=email]:-moz-placeholder,.form input[type=password]:-moz-placeholder,.form input[type=phone]:-moz-placeholder,.form input[type=search]:-moz-placeholder,.form input[type=tel]:-moz-placeholder,.form input[type=text]:-moz-placeholder,.form input[type=url]:-moz-placeholder,.wpcf7 input[type=email]:-moz-placeholder,.wpcf7 input[type=password]:-moz-placeholder,.wpcf7 input[type=phone]:-moz-placeholder,.wpcf7 input[type=search]:-moz-placeholder,.wpcf7 input[type=tel]:-moz-placeholder,.wpcf7 input[type=text]:-moz-placeholder,.wpcf7 input[type=url]:-moz-placeholder {
	color: #9c9b99;
	color: var(--hint);
	font-size: max(.22in,min(1.667vw,31.92px));
	font-weight: 500
}

@media (max-width:1100px) {
	.form input[type=email]:-moz-placeholder,.form input[type=password]:-moz-placeholder,.form input[type=phone]:-moz-placeholder,.form input[type=search]:-moz-placeholder,.form input[type=tel]:-moz-placeholder,.form input[type=text]:-moz-placeholder,.form input[type=url]:-moz-placeholder,.wpcf7 input[type=email]:-moz-placeholder,.wpcf7 input[type=password]:-moz-placeholder,.wpcf7 input[type=phone]:-moz-placeholder,.wpcf7 input[type=search]:-moz-placeholder,.wpcf7 input[type=tel]:-moz-placeholder,.wpcf7 input[type=text]:-moz-placeholder,.wpcf7 input[type=url]:-moz-placeholder {
		font-size: 20px
	}
}

.form input[type=email]:focus,.form input[type=password]:focus,.form input[type=phone]:focus,.form input[type=search]:focus,.form input[type=tel]:focus,.form input[type=text]:focus,.form input[type=url]:focus,.wpcf7 input[type=email]:focus,.wpcf7 input[type=password]:focus,.wpcf7 input[type=phone]:focus,.wpcf7 input[type=search]:focus,.wpcf7 input[type=tel]:focus,.wpcf7 input[type=text]:focus,.wpcf7 input[type=url]:focus {
	box-shadow: 0;
	outline: 0
}

.form input[type=email][aria-invalid=true],.form input[type=password][aria-invalid=true],.form input[type=phone][aria-invalid=true],.form input[type=search][aria-invalid=true],.form input[type=tel][aria-invalid=true],.form input[type=text][aria-invalid=true],.form input[type=url][aria-invalid=true],.wpcf7 input[type=email][aria-invalid=true],.wpcf7 input[type=password][aria-invalid=true],.wpcf7 input[type=phone][aria-invalid=true],.wpcf7 input[type=search][aria-invalid=true],.wpcf7 input[type=tel][aria-invalid=true],.wpcf7 input[type=text][aria-invalid=true],.wpcf7 input[type=url][aria-invalid=true] {
	border-bottom: 1px solid #d30000;
	border-bottom: 1px solid var(--error);
	color: #d30000;
	color: var(--error)
}

.form input[type=checkbox],.wpcf7 input[type=checkbox] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid rgba(0,0,0,.2);
	border: 1px solid var(--border-dark);
	border-radius: max(.22pc,min(.278vw,5.32px));
	cursor: pointer;
	height: max(.77pc,min(.972vw,18.62px));
	margin-right: max(.44pc,min(.556vw,.665pc));
	vertical-align: middle;
	width: max(.77pc,min(.972vw,18.62px))
}

.form input[type=checkbox]:checked,.wpcf7 input[type=checkbox]:checked {
	border: 1px solid #1d1d1d;
	border: 1px solid var(--dark)
}

.form input[type=checkbox]:checked+label,.wpcf7 input[type=checkbox]:checked+label {
	color: #1d1d1d;
	color: var(--dark)
}

.form textarea,.wpcf7 textarea {
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid rgba(0,0,0,.2);
	border-bottom: 1px solid var(--border-dark);
	border-radius: 0;
	color: #0a0a0a;
	color: var(--black);
	font-family: Roobert,Helvetica,Arial,sans-serif;
	font-family: var(--font-primary);
	font-size: max(.22in,min(1.667vw,31.92px));
	font-weight: 500;
	height: max(6.6pc,min(8.333vw,9.975000000000001pc));
	line-height: max(3.3pc,min(4.167vw,79.80000000000001px));
	margin: 0;
	max-width: 100%;
	min-height: max(6.6pc,min(8.333vw,9.975000000000001pc));
	padding: 0;
	width: 100%
}

@media (max-width:1100px) {
	.form textarea,.wpcf7 textarea {
		font-size: 20px;
		height: 150px;
		line-height: 30px;
		padding-bottom: 10px;
		padding-top: 10px
	}
}

.form textarea::-webkit-input-placeholder,.wpcf7 textarea::-webkit-input-placeholder {
	color: #9c9b99;
	color: var(--hint);
	font-size: max(.22in,min(1.667vw,31.92px));
	font-weight: 500
}

@media (max-width:1100px) {
	.form textarea::-webkit-input-placeholder,.wpcf7 textarea::-webkit-input-placeholder {
		font-size: 20px
	}
}

.form textarea::-moz-placeholder,.wpcf7 textarea::-moz-placeholder {
	color: #9c9b99;
	color: var(--hint);
	font-size: max(.22in,min(1.667vw,31.92px));
	font-weight: 500
}

@media (max-width:1100px) {
	.form textarea::-moz-placeholder,.wpcf7 textarea::-moz-placeholder {
		font-size: 20px
	}
}

.form textarea:-ms-input-placeholder,.wpcf7 textarea:-ms-input-placeholder {
	color: #9c9b99;
	color: var(--hint);
	font-size: max(.22in,min(1.667vw,31.92px));
	font-weight: 500
}

@media (max-width:1100px) {
	.form textarea:-ms-input-placeholder,.wpcf7 textarea:-ms-input-placeholder {
		font-size: 20px
	}
}

.form textarea:-moz-placeholder,.wpcf7 textarea:-moz-placeholder {
	color: #9c9b99;
	color: var(--hint);
	font-size: max(.22in,min(1.667vw,31.92px));
	font-weight: 500
}

@media (max-width:1100px) {
	.form textarea:-moz-placeholder,.wpcf7 textarea:-moz-placeholder {
		font-size: 20px
	}
}

.form textarea:focus,.wpcf7 textarea:focus {
	box-shadow: 0;
	outline: 0
}

.form textarea[aria-invalid=true],.wpcf7 textarea[aria-invalid=true] {
	border-bottom: 1px solid #d30000;
	border-bottom: 1px solid var(--error);
	color: #d30000;
	color: var(--error)
}

.form select,.wpcf7 select {
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid rgba(0,0,0,.2);
	border-bottom: 1px solid var(--border-dark);
	border-radius: 0;
	color: #9c9b99;
	color: var(--hint);
	font-family: Roobert,Helvetica,Arial,sans-serif;
	font-family: var(--font-primary);
	font-size: max(.22in,min(1.667vw,31.92px));
	font-weight: 500;
	line-height: max(3.3pc,min(4.167vw,79.80000000000001px));
	margin: 0;
	padding: 0;
	width: 100%
}

@media (max-width:1100px) {
	.form select,.wpcf7 select {
		font-size: 20px;
		line-height: 50px
	}
}

.form select:focus,.wpcf7 select:focus {
	box-shadow: 0;
	outline: 0
}

.form select[aria-invalid=true],.wpcf7 select[aria-invalid=true] {
	border-bottom: 1px solid #d30000;
	border-bottom: 1px solid var(--error);
	color: #d30000;
	color: var(--error)
}

.form .wpcf7-form-control-wrap,.wpcf7 .wpcf7-form-control-wrap {
	margin-bottom: max(3.3pc,min(4.167vw,79.80000000000001px))
}

.form .wpcf7-form-control-wrap .wpcf7-checkbox,.wpcf7 .wpcf7-form-control-wrap .wpcf7-checkbox {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: max(3.3pc,min(4.167vw,79.80000000000001px))
}

.form .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item,.wpcf7 .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item {
	margin: 0;
	width: 50%
}

@media (max-width:1100px) {
	.form .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item,.wpcf7 .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item {
		width: 100%
	}
}

.form .wpcf7-form-control-wrap .wpcf7-acceptance,.wpcf7 .wpcf7-form-control-wrap .wpcf7-acceptance {
	display: block;
	margin-bottom: max(2.2pc,min(2.778vw,53.2px))
}

.form .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item,.wpcf7 .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item {
	margin: 0;
	position: relative
}

@media (max-width:1100px) {
	.form .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item,.wpcf7 .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item {
		padding-left: 50px
	}
}

.form .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item label,.wpcf7 .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item label {
	align-items: center;
	display: flex
}

.form .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item input[type=checkbox],.wpcf7 .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item input[type=checkbox] {
	margin: 0 max(8.8px,min(.694vw,13.3px)) 0 0
}

.form .wpcf7-form-control-wrap .wpcf7-acceptance label,.wpcf7 .wpcf7-form-control-wrap .wpcf7-acceptance label {
	color: inherit;
	display: flex;
	font-family: DM Mono,Georgia,Times new roman,serif;
	font-family: var(--font-secondary);
	font-size: max(.66pc,min(.833vw,15.96px));
	font-weight: 500;
	margin-top: max(8.8px,min(.694vw,13.3px));
	text-transform: uppercase
}

.form .wpcf7-form-control-wrap .wpcf7-acceptance label a,.wpcf7 .wpcf7-form-control-wrap .wpcf7-acceptance label a {
	color: inherit;
	font-family: DM Mono,Georgia,Times new roman,serif;
	font-family: var(--font-secondary);
	font-size: max(.66pc,min(.833vw,15.96px));
	font-weight: 500;
	text-transform: uppercase
}

.form .wpcf7-form-control-wrap input[type=checkbox],.wpcf7 .wpcf7-form-control-wrap input[type=checkbox] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid rgba(0,0,0,.2);
	border: 1px solid var(--border-dark);
	border-radius: max(.22pc,min(.278vw,5.32px));
	cursor: pointer;
	height: max(.77pc,min(.972vw,18.62px));
	margin-right: max(.44pc,min(.556vw,.665pc));
	vertical-align: middle;
	width: max(.77pc,min(.972vw,18.62px))
}

.form .wpcf7-form-control-wrap input[type=checkbox]:checked,.wpcf7 .wpcf7-form-control-wrap input[type=checkbox]:checked {
	background-image: url(img/check.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: max(8.8px,min(.694vw,13.3px)) auto;
	border: 1px solid #1d1d1d;
	border: 1px solid var(--dark)
}

.form .wpcf7-form-control-wrap input[type=checkbox]:checked+label,.wpcf7 .wpcf7-form-control-wrap input[type=checkbox]:checked+label {
	color: #1d1d1d;
	color: var(--dark)
}

.form .wpcf7-not-valid-tip,.wpcf7 .wpcf7-not-valid-tip {
	color: inherit;
	color: #d30000;
	color: var(--error);
	font-family: DM Mono,Georgia,Times new roman,serif;
	font-family: var(--font-secondary);
	font-size: max(.66pc,min(.833vw,15.96px));
	font-weight: 500;
	margin-top: max(8.8px,min(.694vw,13.3px));
	text-transform: uppercase
}

@media (max-width:1100px) {
	.form .wpcf7-not-valid-tip,.wpcf7 .wpcf7-not-valid-tip {
		font-size: 18px
	}
}

.form .wysiwyg.--small,.wpcf7 .wysiwyg.--small {
	margin-top: .75vw
}

@media (max-width:1100px) {
	.form .wysiwyg.--small,.wpcf7 .wysiwyg.--small {
		margin-top: 20px
	}
}

.form .wysiwyg.--small fieldset,.wpcf7 .wysiwyg.--small fieldset {
	font-size: .8333vw;
	margin-bottom: .75vw
}

@media (max-width:1100px) {
	.form .wysiwyg.--small fieldset,.wpcf7 .wysiwyg.--small fieldset {
		font-size: 14px;
		margin-bottom: 20px
	}
}

.form .wysiwyg.--small label,.wpcf7 .wysiwyg.--small label {
	font-size: .8333vw
}

@media (max-width:1100px) {
	.form .wysiwyg.--small label,.wpcf7 .wysiwyg.--small label {
		font-size: 14px
	}
}

.wpcf7 form .wpcf7-response-output {
	border: 0!important;
	margin: 0 0 max(26.4px,min(2.083vw,.4156250000000001in))!important;
	padding: max(2.64px,min(.208vw,3.99px)) max(.44pc,min(.556vw,.665pc))!important
}

.wpcf7 form .wpcf7-response-output {
	background-color: #fff;
	background-color: var(--white);
	border: 1px solid #fff;
	border: 1px solid var(--white);
	border-radius: max(16.72px,min(1.319vw,.2632291666666667in));
	color: inherit;
	color: #1d1d1d;
	color: var(--dark);
	display: inline-flex;
	font-family: DM Mono,Georgia,Times new roman,serif;
	font-family: var(--font-secondary);
	font-size: max(.66pc,min(.833vw,15.96px));
	font-weight: 500;
	line-height: 1.2;
	line-height: max(.715pc,min(.903vw,17.29px));
	position: relative;
	text-transform: uppercase
}

@media (max-width:1100px) {
	.wpcf7 form .wpcf7-response-output {
		margin-top: min(5.128vw,23px)
	}
}

.wpcf7 a {
	text-decoration: underline
}

.wpcf7 form.invalid .wpcf7-response-output {
	background-color: #ffd702!important;
	background-color: var(--alert)!important;
	color: #1d1d1d!important;
	color: var(--dark)!important
}

.wpcf7 form.sent .wpcf7-response-output {
	background-color: #42ec8b!important;
	background-color: var(--success)!important;
	color: #1d1d1d!important;
	color: var(--dark)!important
}

.wpcf7 form.error .wpcf7-response-output {
	background-color: #d30000!important;
	background-color: var(--error)!important;
	color: #1d1d1d!important;
	color: var(--dark)!important
}

hr {
	border: 0;
	border-bottom: 1px solid #f3f3f3;
	border-bottom: 1px solid var(--light);
	border-top: 0;
	margin: 0 0 max(8.8px,min(.694vw,13.3px));
	padding: 0
}

@media (max-width:1100px) {
	hr {
		margin: 10px 0
	}
}

.card {
	display: block;
	overflow: hidden;
	position: relative
}

.card .image {
	overflow: hidden
}

.card.--featured {
	height: max(23.87pc,min(30.139vw,577.22px));
	position: relative;
	width: max(277.2px,min(21.875vw,4.3640625in))
}

@media (min-width:1920px) {
	.card.--featured {
		height: max(419.76px,min(33.125vw,634.4100000000001px));
		width: max(19.03pc,min(24.028vw,460.18px))
	}
}

.card.--featured .content {
	bottom: max(26.4px,min(2.083vw,.4156250000000001in));
	color: #fff;
	color: var(--white);
	left: max(26.4px,min(2.083vw,.4156250000000001in));
	position: absolute;
	width: calc(100% - max(3.3pc, min(4.167vw, 79.80000000000001px)))
}

.card.--featured .content .title {
	margin: 0
}

.card.--benefit {
	text-align: left
}

@media (max-width:1100px) {
	.card.--benefit {
		margin-bottom: min(5.128vw,23px)
	}
}

.card.--benefit .image {
	--ratio: 130%;
	border-radius: max(1.1pc,min(1.389vw,26.6px));
	margin-bottom: max(8.8px,min(.694vw,13.3px))
}

@media (max-width:1100px) {
	.card.--benefit .image {
		border-radius: max(.66pc,min(.833vw,15.96px));
		margin-bottom: min(2.564vw,11.5px)
	}
}

.card.--benefit .image .label {
	position: absolute;
	right: max(9.9pt,min(1.042vw,19.950000000000003px));
	top: max(9.9pt,min(1.042vw,19.950000000000003px))
}

.card.--benefit .content {
	background-color: #252525;
	background-color: var(--bg-dark-alt);
	border-radius: max(.66pc,min(.833vw,15.96px));
	padding: max(1.1pc,min(1.389vw,26.6px)) max(26.4px,min(2.083vw,.4156250000000001in))
}

.card.--case,.card.--post {
	text-align: left
}

@media (max-width:1100px) {
	.card.--case,.card.--post {
		margin-bottom: min(5.128vw,23px)
	}
}

.card.--case .image,.card.--post .image {
	--ratio: 93.5%;
	border-radius: max(1.1pc,min(1.389vw,26.6px));
	margin-bottom: max(8.8px,min(.694vw,13.3px))
}

@media (max-width:1100px) {
	.card.--case .image,.card.--post .image {
		border-radius: max(.66pc,min(.833vw,15.96px));
		margin-bottom: min(2.564vw,11.5px)
	}
}

.card.--case .image .label,.card.--post .image .label {
	position: absolute;
	right: max(9.9pt,min(1.042vw,19.950000000000003px));
	top: max(9.9pt,min(1.042vw,19.950000000000003px))
}

.card.--case .content,.card.--post .content {
	background-color: #252525;
	background-color: var(--bg-dark-alt);
	border-radius: max(.66pc,min(.833vw,15.96px));
	padding: max(1.1pc,min(1.389vw,26.6px)) max(26.4px,min(2.083vw,.4156250000000001in))
}

.card.--case .content .title,.card.--post .content .title {
	margin-bottom: max(1.1pc,min(1.389vw,26.6px))
}

.card.--team {
	height: calc(100% - max(2.2pc, min(2.778vw, 53.2px)));
	margin-bottom: max(2.2pc,min(2.778vw,53.2px));
	text-align: left
}

.card.--team .image {
	--ratio: 126%;
	border-radius: max(1.1pc,min(1.389vw,26.6px));
	margin-bottom: max(8.8px,min(.694vw,13.3px))
}

.card.--team .image .label {
	position: absolute;
	right: max(9.9pt,min(1.042vw,19.950000000000003px));
	top: max(9.9pt,min(1.042vw,19.950000000000003px))
}

.card.--team .content {
	background-color: #d3cac3;
	background-color: var(--bg-light-alt);
	border-radius: max(.66pc,min(.833vw,15.96px));
	padding: max(18.48px,min(1.458vw,27.93px)) max(.88pc,min(1.111vw,1.33pc));
	position: relative
}

.card.--team .content .linkedin {
	color: #f3f3f3;
	color: var(--light);
	opacity: .0001;
	position: absolute;
	right: max(.88pc,min(1.111vw,1.33pc));
	top: max(18.48px,min(1.458vw,27.93px));
	transition: all .6s cubic-bezier(.16,1,.3,1);
	transition: all .6s var(--expoOut)
}

.card.--team .content .title {
	margin-bottom: max(8.8px,min(.694vw,13.3px));
	padding-right: max(44px,min(3.472vw,66.5px))
}

.card.--team:hover .content .linkedin {
	opacity: 1
}

.card.--product {
	margin-bottom: max(1.1pc,min(1.389vw,26.6px))
}

@media (max-width:1100px) {
	.card.--product {
		margin-bottom: min(7.692vw,34.5px)
	}
}

.card.--product .image {
	--ratio: 115%;
	background: linear-gradient(336.1deg,#f5f1ed 15.42%,#ede6de 80.01%);
	border-radius: max(1.1pc,min(1.389vw,26.6px));
	margin-bottom: max(8.8px,min(.694vw,13.3px));
	transition: all .6s cubic-bezier(.16,1,.3,1);
	transition: all .6s var(--expoOut)
}

.card.--product .image img {
	transform: translateY(0) translateX(0) rotate(0deg) scale(1);
	transition: all .6s cubic-bezier(.16,1,.3,1);
	transition: all .6s var(--expoOut)
}

.card.--product .image .label {
	margin: 0;
	position: absolute;
	right: max(9.9pt,min(1.042vw,19.950000000000003px));
	top: max(9.9pt,min(1.042vw,19.950000000000003px))
}

.card.--product .image .label.--sleeve-type {
	background-color: #eae4df;
	background-color: var(--bg-light);
	border-color: #eae4df;
	border-color: var(--bg-light);
	bottom: max(9.9pt,min(1.042vw,19.950000000000003px));
	top: auto;
	top: initial
}

.card.--product .content {
	display: block;
	margin-bottom: max(8.8px,min(.694vw,13.3px));
	min-height: max(3.63pc,min(4.583vw,87.78px))
}

@media (max-width:1100px) {
	.card.--product .content {
		min-height: auto
	}
}

.card.--product .content .title {
	color: #1d1d1d;
	color: var(--dark);
	font-weight: 600;
	margin-bottom: max(8.8px,min(.694vw,13.3px))
}

.card.--product .content .wysiwyg {
	opacity: .5
}

.card.--product .compare {
	cursor: pointer;
	display: flex;
	justify-content: flex-end;
	margin-top: max(8.8px,min(.694vw,13.3px))
}

.card.--product .compare input[type=checkbox] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #d3cac3;
	border: 1px solid var(--bg-light-alt);
	border-radius: 0;
	height: max(.66pc,min(.833vw,15.96px));
	margin-right: max(8.8px,min(.694vw,13.3px));
	transition: .4s cubic-bezier(.16,1,.3,1);
	transition: .4s var(--expoOut);
	width: max(.66pc,min(.833vw,15.96px))
}

.card.--product .compare input[type=checkbox]:checked {
	background-color: #1d1d1d;
	background-color: var(--dark);
	border: 1px solid #1d1d1d;
	border: 1px solid var(--dark)
}

.card.--product .compare label {
	cursor: pointer
}

.card.--product .compare:hover input[type=checkbox] {
	border: 1px solid #1d1d1d;
	border: 1px solid var(--dark)
}

.card.--product .technical {
	background-color: #faf9f8;
	background-color: var(--bg-light-alt2);
	border-radius: max(.22pc,min(.278vw,5.32px));
	padding: max(8.8px,min(.694vw,13.3px))
}

.card.--product .technical .solutions {
	background-color: #eae4df;
	background-color: var(--bg-light);
	border-radius: max(.22pc,min(.278vw,5.32px));
	margin-bottom: max(1.1pc,min(1.389vw,26.6px));
	padding: max(8.8px,min(.694vw,13.3px)) max(.77pc,min(.972vw,18.62px))
}

.card.--product .technical .solutions li {
	align-items: center;
	display: flex;
	justify-content: flex-start;
	margin-bottom: max(8.8px,min(.694vw,13.3px))
}

.card.--product .technical .solutions li .icon {
	height: max(1.1pc,min(1.389vw,26.6px));
	margin-right: max(.66pc,min(.833vw,15.96px));
	width: max(1.1pc,min(1.389vw,26.6px))
}

.card.--product .technical .solutions li .icon img {
	width: 100%
}

.card.--product .technical .solutions li:last-child {
	margin-bottom: 0
}

.card.--product .technical .group {
	margin-bottom: max(8.8px,min(.694vw,13.3px))
}

.card.--product .technical .group:last-child {
	margin-bottom: 0
}

.card.--product .technical .group .wysiwyg {
	display: block
}

.card.--product .technical .group .wysiwyg.--xsmall {
	opacity: .5
}

.card.--product:hover .image img {
	transform: scale(1.1)
}

.card.--product-compare {
	margin-bottom: max(2.2pc,min(2.778vw,53.2px))
}

@media (max-width:1100px) {
	.card.--product-compare {
		margin-bottom: min(7.692vw,34.5px)
	}
}

.card.--product-compare .image {
	--ratio: 115%;
	background: linear-gradient(336.1deg,#f5f1ed 15.42%,#ede6de 80.01%);
	border-radius: max(1.1pc,min(1.389vw,26.6px));
	margin-bottom: max(8.8px,min(.694vw,13.3px));
	transition: all .6s cubic-bezier(.16,1,.3,1);
	transition: all .6s var(--expoOut)
}

.card.--product-compare .image img {
	transform: translateY(0) translateX(0) rotate(0deg) scale(1);
	transition: all .6s cubic-bezier(.16,1,.3,1);
	transition: all .6s var(--expoOut)
}

.card.--product-compare .image .label {
	margin: 0;
	position: absolute;
	right: max(9.9pt,min(1.042vw,19.950000000000003px));
	top: max(9.9pt,min(1.042vw,19.950000000000003px))
}

.card.--product-compare .image .label.--sleeve-type {
	background-color: #eae4df;
	background-color: var(--bg-light);
	border-color: #eae4df;
	border-color: var(--bg-light);
	bottom: max(9.9pt,min(1.042vw,19.950000000000003px));
	top: auto;
	top: initial
}

.card.--product-compare .content {
	display: block;
	margin-bottom: max(1.1pc,min(1.389vw,26.6px));
	min-height: max(.77in,min(5.833vw,83.79pt))
}

@media (max-width:1100px) {
	.card.--product-compare .content {
		min-height: auto
	}
}

.card.--product-compare .content .title {
	color: #1d1d1d;
	color: var(--dark);
	font-weight: 600;
	margin-bottom: max(8.8px,min(.694vw,13.3px))
}

.card.--product-compare .content .wysiwyg {
	opacity: .5
}

.card.--product-minicompare {
	display: flex
}

.card.--product-minicompare .image {
	--ratio: 115%;
	border-radius: max(1.1pc,min(1.389vw,26.6px));
	margin-right: max(8.8px,min(.694vw,13.3px));
	transition: all .6s cubic-bezier(.16,1,.3,1);
	transition: all .6s var(--expoOut);
	width: max(4.4pc,min(5.556vw,6.65pc))
}

.card.--product-minicompare .image img {
	transition: all .6s cubic-bezier(.16,1,.3,1);
	transition: all .6s var(--expoOut)
}

.card.--product-minicompare .image .label {
	margin: 0;
	position: absolute;
	right: max(9.9pt,min(1.042vw,19.950000000000003px));
	top: max(9.9pt,min(1.042vw,19.950000000000003px))
}

.card.--product-minicompare .image .label.--sleeve-type {
	background-color: #eae4df;
	background-color: var(--bg-light);
	border-color: #eae4df;
	border-color: var(--bg-light);
	bottom: max(9.9pt,min(1.042vw,19.950000000000003px));
	top: auto;
	top: initial
}

.card.--product-minicompare .content {
	display: block;
	width: calc(100% - max(79.2px, min(6.25vw, 119.7px)))
}

@media (max-width:1100px) {
	.card.--product-minicompare .content {
		min-height: auto
	}
}

.card.--product-minicompare .content .title {
	color: #1d1d1d;
	color: var(--dark);
	font-weight: 600;
	margin-bottom: max(8.8px,min(.694vw,13.3px))
}

.card.--product-minicompare .content .wysiwyg {
	opacity: .5
}

.--regular {
	font-weight: 400
}

.--uppercase {
	text-transform: uppercase
}

#header {
	color: #fff;
	color: var(--white);
	height: auto;
	padding: max(.935pc,min(1.181vw,22.61px)) 0;
	pointer-events: none;
	position: fixed;
	width: 100%;
	will-change: transform;
	z-index: 80
}

@media (max-width:1100px) {
	#header {
		padding: min(2.564vw,11.5px) 0
	}
}

#header .container {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center
}

#header .group {
	-webkit-backdrop-filter: blur(max(1.1pc,min(1.389vw,26.6px)));
	backdrop-filter: blur(max(1.1pc,min(1.389vw,26.6px)));
	background-color: hsla(0,0%,100%,.2);
	border-radius: max(1.1pc,min(1.389vw,26.6px));
	display: flex;
	justify-content: space-between;
	padding: max(.33pc,min(.417vw,7.98px));
	pointer-events: all;
	width: calc(32% + max(7.92px, min(.625vw, 11.97px)))
}

@media (max-width:1240px) {
	#header .group {
		width: 90vw
	}
}

#header .group .logo {
	display: inline-block;
	display: flex;
	height: auto;
	line-height: 1;
	margin-left: max(.99pc,min(1.25vw,23.94px));
	overflow: visible;
	text-align: center;
	transform: translateX(max(0px,min(0vw,0px)));
	transition: all .6s cubic-bezier(.16,1,.3,1);
	transition: all .6s var(--expoOut);
	width: max(5.83pc,min(7.361vw,8.811250000000001pc))
}

@media (max-width:1240px) {
	#header .group .logo {
		width: max(79.2px,min(6.25vw,119.7px))
	}
}

#header .group .logo>img,#header .group .logo>svg {
	height: auto;
	transition: all .6s cubic-bezier(.16,1,.3,1);
	transition: all .6s var(--expoOut);
	vertical-align: middle;
	width: 100%
}

#header .group .mask {
	background-color: #0a0a0a;
	background-color: var(--black);
	border: 1px solid #0a0a0a;
	border: 1px solid var(--black);
	border-radius: max(9.9pt,min(1.042vw,19.950000000000003px));
	color: #fff;
	color: var(--white);
	display: block;
	font-size: max(9.9pt,min(1.042vw,19.950000000000003px));
	height: max(2.2pc,min(2.778vw,53.2px));
	left: 0;
	line-height: max(2.2pc,min(2.778vw,53.2px));
	opacity: .0001;
	padding: 0 max(1.76pc,min(2.222vw,2.66pc));
	position: absolute;
	top: 0;
	width: max(8.8px,min(.694vw,13.3px))
}

#header .group .menu {
	display: flex;
	gap: max(.44pc,min(.556vw,.665pc));
	opacity: 1;
	position: relative;
	transition: all .6s cubic-bezier(.16,1,.3,1);
	transition: all .6s var(--expoOut);
	z-index: 1
}

#header .group .menu li {
	display: inline-block
}

#header .group .menu li a {
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: max(9.9pt,min(1.042vw,19.950000000000003px));
	color: #fff;
	color: var(--white);
	display: block;
	font-size: max(9.9pt,min(1.042vw,19.950000000000003px));
	height: max(2.2pc,min(2.778vw,53.2px));
	line-height: max(2.2pc,min(2.778vw,53.2px));
	opacity: .6;
	padding: 0 max(1.76pc,min(2.222vw,2.66pc));
	transition: all .6s cubic-bezier(.16,1,.3,1);
	transition: all .6s var(--expoOut)
}

@media (max-width:1240px) {
	#header .group .menu li a {
		padding: 0 max(1.1pc,min(1.389vw,26.6px))
	}
}

#header .group .menu li a:hover {
	opacity: 1
}

#header .group .menu li.current-menu-item a {
	color: #fff;
	color: var(--white);
	opacity: 1
}

.page-id-351 #header .group {
	background-color: transparent;
	width: auto
}

.page-id-351 #header .group .logo {
	margin: 0
}

.page-id-351 #header .group .menu {
	display: none
}

#footer {
	background-color: #1d1d1d;
	background-color: var(--dark);
	color: #757474;
	color: var(--medium);
	display: block;
	margin-top: -1px;
	overflow: hidden;
	padding: max(26.4px,min(2.083vw,.4156250000000001in)) 0;
	position: relative
}

#footer hr {
	border-bottom: 1px solid hsla(0,0%,100%,.2);
	border-bottom: 1px solid var(--border-light);
	margin-bottom: max(3.3pc,min(4.167vw,79.80000000000001px))
}

#footer .columns {
	justify-content: space-between
}

@media (max-width:1100px) {
	#footer .columns {
		align-items: flex-start!important
	}

	#footer .columns {
		flex-direction: column
	}
}

@media (max-width:1100px) {
	#footer .columns__item:first-child {
		align-self: center
	}
}

#footer .logo {
	display: inline-block;
	height: max(.33in,min(2.5vw,47.88px));
	line-height: 1;
	mix-blend-mode: difference;
	text-align: center;
	width: auto
}

@media (max-width:1100px) {
	#footer .logo {
		margin-bottom: min(7.692vw,34.5px)
	}
}

#footer .logo img,#footer .logo svg {
	height: 100%;
	vertical-align: middle;
	width: auto
}

#footer .menu {
	white-space: nowrap
}

@media (max-width:1100px) {
	#footer .menu {
		margin-bottom: min(7.692vw,34.5px)
	}
}

#footer .menu li {
	display: inline-block;
	margin-left: max(.33in,min(2.5vw,47.88px))
}

@media (max-width:1100px) {
	#footer .menu li {
		display: block;
		margin-bottom: min(2.564vw,11.5px);
		margin-left: 0;
		text-align: left
	}
}

#footer .menu li a {
	color: #757474;
	color: var(--medium);
	font-size: max(9.9pt,min(1.042vw,19.950000000000003px));
	line-height: max(9.9pt,min(1.042vw,19.950000000000003px));
	transition: all .6s cubic-bezier(.16,1,.3,1);
	transition: all .6s var(--expoOut)
}

#footer .menu li a:hover {
	color: #fff;
	color: var(--white)
}

#footer .link {
	color: #757474;
	color: var(--medium);
	display: flex;
	transition: all .6s cubic-bezier(.16,1,.3,1);
	transition: all .6s var(--expoOut)
}

@media (max-width:1100px) {
	#footer .link {
		display: flex;
		margin-bottom: min(2.564vw,11.5px);
		text-align: left;
		width: 100%
	}
}

#footer .link .circle {
	color: #fff;
	color: var(--white)
}

#footer .link:hover {
	color: #fff;
	color: var(--white)
}

@media (max-width:1100px) {
	#footer .link+.link {
		margin-left: 0
	}
}

@media (max-width:1100px) {
	#footer .flex {
		flex-direction: column;
		margin-bottom: min(7.692vw,34.5px)
	}
}

#footer .copyright {
	color: #fff;
	color: var(--white);
	font-family: DM Mono,Georgia,Times new roman,serif;
	font-family: var(--font-secondary);
	font-size: max(.66pc,min(.833vw,15.96px));
	line-height: max(9.9pt,min(1.042vw,19.950000000000003px))
}

#footer .top {
	color: #ff5710;
	color: var(--main);
	display: block;
	font-size: max(1.1pc,min(1.389vw,26.6px));
	opacity: 1;
	transition: all .6s cubic-bezier(.16,1,.3,1);
	transition: all .6s var(--expoOut)
}

@media (max-width:1100px) {
	#footer .top {
		bottom: min(5.128vw,23px);
		position: absolute;
		right: min(5.128vw,23px)
	}
}

#footer .top:hover {
	opacity: .5
}

@keyframes bounce2 {
	0%,20%,50%,80%,to {
		transform: translateY(0)
	}

	40% {
		transform: translateY(max(-1.389vw,-26.6px))
	}

	60% {
		transform: translateY(max(-1.042vw,-19.950000000000003px))
	}
}

body .cky-consent-container {
	background-color: rgba(0,0,0,.25)!important;
	color: #fff!important;
	color: var(--white)!important
}

body .cky-consent-container {
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	border-radius: max(1.1pc,min(1.389vw,26.6px));
	bottom: max(44px,min(3.472vw,66.5px));
	box-shadow: none;
	left: 50%;
	opacity: .0001;
	transform: translateX(-50%);
	width: max(466.4px,min(36.806vw,704.9000000000001px))
}

@media (max-width:1100px) {
	body .cky-consent-container {
		border-radius: min(5.128vw,23px);
		bottom: auto;
		bottom: initial;
		left: 50%;
		max-width: 100%;
		top: 50%;
		transform: translateX(-50%) translateY(-50%);
		width: calc(100% - max(2.2pc, min(2.778vw, 53.2px)))
	}
}

body .cky-consent-container .cky-consent-bar {
	background-color: transparent!important;
	color: #fff!important;
	color: var(--white)!important
}

body .cky-consent-container .cky-consent-bar {
	border: 0;
	box-shadow: none;
	padding: max(1.1pc,min(1.389vw,26.6px))
}

@media (max-width:1100px) {
	body .cky-consent-container .cky-consent-bar {
		padding: min(5.128vw,23px)
	}
}

body .cky-consent-container .cky-consent-bar .cky-title {
	color: #fff!important;
	color: var(--white)!important;
	display: none!important
}

body .cky-consent-container .cky-consent-bar .cky-title {
	color: inherit;
	font-family: Roobert,Helvetica,Arial,sans-serif;
	font-family: var(--font-primary);
	font-size: max(.22in,min(1.667vw,31.92px));
	font-weight: 500;
	letter-spacing: -.05em;
	line-height: 1.2
}

@media (max-width:1100px) {
	body .cky-consent-container .cky-consent-bar .cky-title {
		font-size: min(5.128vw,23px)
	}
}

body .cky-consent-container .cky-consent-bar .cky-notice-group {
	font-size: max(.77pc,min(.972vw,18.62px))
}

body .cky-consent-container .cky-consent-bar .cky-notice-group .cky-notice-des {
	color: #fff!important;
	color: var(--white)!important
}

body .cky-consent-container .cky-consent-bar .cky-notice-group .cky-notice-des {
	color: inherit;
	font-family: Roobert,Helvetica,Arial,sans-serif;
	font-family: var(--font-primary);
	font-size: max(.715pc,min(.903vw,17.29px));
	font-weight: 500;
	line-height: 1.4;
	margin-bottom: max(1.1pc,min(1.389vw,26.6px));
	padding: 0
}

@media (max-width:1100px) {
	body .cky-consent-container .cky-consent-bar .cky-notice-group .cky-notice-des {
		font-size: min(3.333vw,14.95px)
	}
}

body .cky-consent-container .cky-consent-bar .cky-notice-group .cky-notice-des p {
	font-size: max(.715pc,min(.903vw,17.29px));
	font-weight: 500;
	line-height: 1.4
}

@media (max-width:1100px) {
	body .cky-consent-container .cky-consent-bar .cky-notice-group .cky-notice-des p {
		font-size: 9pt
	}
}

body .cky-consent-container .cky-consent-bar .cky-notice-group .cky-notice-btn-wrapper {
	flex-direction: row-reverse;
	padding: 0
}

@media (max-width:1100px) {
	body .cky-consent-container .cky-consent-bar .cky-notice-group .cky-notice-btn-wrapper {
		flex-direction: row!important
	}

	body .cky-consent-container .cky-consent-bar .cky-notice-group .cky-notice-btn-wrapper {
		justify-content: space-between
	}
}

body .cky-consent-container .cky-consent-bar .cky-notice-group .cky-notice-btn-wrapper button {
	background-color: #fff!important;
	background-color: var(--white)!important;
	border: 1px solid #fff!important;
	border: 1px solid var(--white)!important;
	color: #0a0a0a!important;
	color: var(--black)!important
}

body .cky-consent-container .cky-consent-bar .cky-notice-group .cky-notice-btn-wrapper button {
	align-items: center;
	border: 0;
	border-radius: max(9.9pt,min(1.042vw,19.950000000000003px));
	box-shadow: none;
	cursor: pointer;
	display: inline-flex;
	font-family: Roobert,Helvetica,Arial,sans-serif;
	font-family: var(--font-primary);
	font-size: max(9.9pt,min(1.042vw,19.950000000000003px));
	font-weight: 500;
	height: max(.44in,min(3.333vw,3.99pc));
	justify-content: center;
	line-height: max(.44in,min(3.333vw,3.99pc));
	outline: none;
	padding: 0 max(1.76pc,min(2.222vw,2.66pc));
	position: relative;
	text-align: center;
	transition: all .6s cubic-bezier(.16,1,.3,1);
	transition: all .6s var(--expoOut);
	width: auto
}

@media (max-width:1100px) {
	body .cky-consent-container .cky-consent-bar .cky-notice-group .cky-notice-btn-wrapper button {
		border-radius: min(3.846vw,17.25px);
		font-size: min(3.59vw,12.075pt);
		height: min(10.256vw,46px);
		line-height: min(10.256vw,46px);
		white-space: nowrap
	}
}

@media (max-width:1100px) {
	body .cky-consent-container .cky-consent-bar .cky-notice-group .cky-notice-btn-wrapper button.cky-btn-accept {
		max-width: 100%;
		width: 100%
	}
}

body .cky-consent-container .cky-consent-bar .cky-notice-group .cky-notice-btn-wrapper button.cky-btn-customize,body .cky-consent-container .cky-consent-bar .cky-notice-group .cky-notice-btn-wrapper button.cky-btn-reject {
	background: transparent!important;
	border-color: transparent!important;
	color: #fff!important;
	color: var(--white)!important
}

body .cky-consent-container .cky-consent-bar .cky-notice-group .cky-notice-btn-wrapper button.cky-btn-customize,body .cky-consent-container .cky-consent-bar .cky-notice-group .cky-notice-btn-wrapper button.cky-btn-reject {
	padding: 0 max(8.8px,min(.694vw,13.3px))
}

@media (max-width:1100px) {
	body .cky-consent-container .cky-consent-bar .cky-notice-group .cky-notice-btn-wrapper button.cky-btn-customize,body .cky-consent-container .cky-consent-bar .cky-notice-group .cky-notice-btn-wrapper button.cky-btn-reject {
		max-width: calc(50% - 5px);
		width: calc(50% - 5px)
	}
}

body .cky-modal {
	border-radius: max(1.1pc,min(1.389vw,26.6px))
}

@media (max-width:1100px) {
	body .cky-modal {
		border-radius: min(4.103vw,18.4px)
	}
}

body .cky-preference-center .cky-prefrence-btn-wrapper button {
	background-color: transparent!important;
	border: 1px solid rgba(0,0,0,.2)!important;
	border: 1px solid var(--border-dark)!important;
	color: #1d1d1d!important;
	color: var(--dark)!important
}

body .cky-preference-center .cky-prefrence-btn-wrapper button {
	align-items: center;
	border: 0;
	border-radius: max(9.9pt,min(1.042vw,19.950000000000003px));
	box-shadow: none;
	cursor: pointer;
	display: inline-flex;
	font-family: Roobert,Helvetica,Arial,sans-serif;
	font-family: var(--font-primary);
	font-size: max(9.9pt,min(1.042vw,19.950000000000003px));
	font-weight: 500;
	height: max(.44in,min(3.333vw,3.99pc));
	justify-content: center;
	line-height: max(.44in,min(3.333vw,3.99pc));
	outline: none;
	padding: 0 max(1.76pc,min(2.222vw,2.66pc));
	position: relative;
	text-align: center;
	transition: all .6s cubic-bezier(.16,1,.3,1);
	transition: all .6s var(--expoOut);
	width: auto
}

@media (max-width:1100px) {
	body .cky-preference-center .cky-prefrence-btn-wrapper button {
		border-radius: min(3.846vw,17.25px);
		font-size: min(3.59vw,12.075pt);
		height: min(10.256vw,46px);
		line-height: min(10.256vw,46px);
		white-space: nowrap
	}
}

body .cky-preference-center .cky-prefrence-btn-wrapper button.cky-btn-accept {
	background-color: #ff5710!important;
	background-color: var(--main)!important;
	border: 1px solid #ff5710!important;
	border: 1px solid var(--main)!important;
	color: #fff!important;
	color: var(--white)!important
}

body .cky-btn-revisit-wrapper {
	display: none!important
}
/*
#loader {
	bottom: 0;
	display: block;
	height: 100%;
	left: 0;
	position: fixed;
	width: 100%;
	z-index: 1000;
	z-index: 100
}

#loader .inner {
	background-color: #eae4df;
	background-color: var(--bg-light);
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	width: 100%;
	will-change: transform
}

#loader .inner .floating .gif {
	height: auto;
	opacity: .0001;
	transform: scale(0);
	width: max(2.2pc,min(2.778vw,53.2px))
}

@media (max-width:1100px) {
	#loader .inner .floating .gif {
		width: min(10.256vw,46px)
	}
}

#loader .inner .floating .gif img,#loader .inner .floating .gif svg {
	height: auto;
	opacity: 1;
	width: 100%
}

#loader .inner .floating .progress {
	color: #d3cac3;
	color: var(--bg-light-alt);
	font-size: max(99pt,min(10.417vw,199.5px));
	font-weight: 500;
	left: 50%;
	opacity: .0001;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%)
}*/

#mask {
	bottom: 0;
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	width: 100%;
	z-index: 140
}

#mask .inner {
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	width: 100%;
	will-change: transform,opacity
}

#mask .inner .top {
	background-color: #ff5710;
	background-color: var(--main);
	height: 50%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform-origin: 50% 0;
	width: 100%
}

#mask .inner .bottom {
	background-color: #ff5710;
	background-color: var(--main);
	bottom: 0;
	height: 50%;
	left: 0;
	position: absolute;
	right: 0;
	transform-origin: 50% 100%;
	width: 100%
}

#mask .inner .left {
	background-color: #ff5710;
	background-color: var(--main);
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transform-origin: 0 50%;
	width: 50%
}

#mask .inner .right {
	background-color: #ff5710;
	background-color: var(--main);
	bottom: 0;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	transform-origin: 100% 50%;
	width: 50%
}

#mask .inner .floating .logo,#mask .inner .floating .lottie {
	height: 10vh;
	width: 100%
}

#mask .inner .floating .logo img,#mask .inner .floating .logo svg,#mask .inner .floating .lottie img,#mask .inner .floating .lottie svg {
	height: 100%;
	opacity: 1;
	width: 100%
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

#popup {
	align-items: center;
	bottom: 0;
	display: flex;
	display: none;
	height: 100%;
	justify-content: center;
	left: 0;
	position: fixed;
	width: 100%;
	z-index: 1000;
	z-index: 100
}

#popup .background {
	background-color: rgba(0,0,0,.7);
	bottom: 0;
	cursor: pointer;
	height: 100%;
	left: 0;
	opacity: .0001;
	position: absolute;
	width: 100%;
	will-change: opacity
}

#popup .content {
	background-color: #fff;
	background-color: var(--white);
	border-radius: max(2.2pc,min(2.778vw,53.2px));
	display: block;
	height: auto;
	height: calc(100vh - max(.33in, min(2.5vw, 47.88px)));
	opacity: .0001;
	padding: 0;
	position: relative;
	transform: scale(.9);
	width: max(77.66pc,min(98.056vw,1877.96px));
	z-index: 1
}

@media (max-width:1100px) {
	#popup .content {
		border-radius: min(5.128vw,23px);
		height: 96dvh;
		padding: 0;
		width: calc(100% - min(8.205vw, 2.3pc))
	}
}

#popup .content .inner {
	display: none;
	height: 100%;
	max-height: calc(100vh - max(.33in, min(2.5vw, 47.88px)));
	overflow: hidden
}

@media (max-width:1100px) {
	#popup .content .inner {
		-ms-overflow-style: none;
		overflow: scroll;
		padding: min(12.308vw,41.4pt) min(10.256vw,46px);
		scrollbar-width: none
	}
}

@media (max-width:1100px) {
	#popup .content .inner::-webkit-scrollbar {
		display: none
	}
}

#popup .content .columns {
	height: 100%;
	max-height: calc(100vh - max(.33in, min(2.5vw, 47.88px)))
}

@media (max-width:1100px) {
	#popup .content .columns {
		display: block;
		margin: 0;
		width: 100%
	}
}

#popup .content .columns .item {
	-ms-overflow-style: none;
	height: 100%;
	max-height: calc(100vh - max(.33in, min(2.5vw, 47.88px)));
	overflow-y: scroll;
	scrollbar-width: none
}

#popup .content .columns .item::-webkit-scrollbar {
	display: none
}

@media (max-width:1100px) {
	#popup .content .columns .item {
		height: auto;
		max-height: none;
		max-height: initial;
		width: 100%
	}
}

#popup .content .columns .item .scroll {
	height: auto;
	padding: max(3.3pc,min(4.167vw,79.80000000000001px)) max(44px,min(3.472vw,66.5px));
	position: relative
}

@media (max-width:1100px) {
	#popup .content .columns .item .scroll {
		padding: 0
	}
}

#popup .content .columns .item:first-child {
	-ms-overflow-style: none;
	overflow-y: auto;
	scrollbar-width: none;
	width: 50%
}

#popup .content .columns .item:first-child::-webkit-scrollbar {
	display: none
}

@media (max-width:1100px) {
	#popup .content .columns .item:first-child {
		overflow: hidden;
		padding: 0;
		width: 100%
	}
}

#popup .content .columns .item:first-child .logo {
	margin-bottom: max(1.76pc,min(2.222vw,2.66pc))
}

#popup .content .columns .item:first-child .title {
	line-height: 1;
	margin-bottom: max(1.76pc,min(2.222vw,2.66pc))
}

#popup .content .columns .item:nth-child(2) {
	-ms-overflow-style: none;
	overflow-y: auto;
	scrollbar-width: none;
	width: 50%
}

#popup .content .columns .item:nth-child(2)::-webkit-scrollbar {
	display: none
}

@media (max-width:1100px) {
	#popup .content .columns .item:nth-child(2) {
		overflow: hidden;
		padding: 0;
		width: 100%
	}
}

#popup .content .columns .item:nth-child(2) .scroll {
	padding-top: max(79.2px,min(6.25vw,119.7px))
}

@media (max-width:1100px) {
	#popup .content .columns .item:nth-child(2) .scroll {
		padding: 0
	}
}

#popup .content .mask {
	position: absolute;
	right: 0;
	top: 0;
	width: max(33pc,min(41.667vw,798px))
}

@media (max-width:1100px) {
	#popup .content .mask {
		display: none
	}
}

#popup .content .label.--transparent {
	opacity: .5
}

#popup .content .group {
	border-bottom: 1px solid rgba(0,0,0,.2);
	padding: max(2.2pc,min(2.778vw,53.2px)) 0
}

#popup .content .group .title {
	margin-bottom: max(1.1pc,min(1.389vw,26.6px))
}

#popup .content .group .image {
	border-radius: max(.88pc,min(1.111vw,1.33pc));
	margin-top: x
}

#popup .content .group .wysiwyg {
	align-items: center;
	display: flex;
	gap: max(1.1pc,min(1.389vw,26.6px))
}

#popup .content .group .wysiwyg+.image,#popup .content .group .wysiwyg+.wysiwyg {
	margin-top: max(1.1pc,min(1.389vw,26.6px))
}

#popup .content .images {
	display: flex;
	gap: max(8.8px,min(.694vw,13.3px));
	margin-top: max(23.76px,min(1.875vw,.3740625in))
}

#popup .content .colors {
	align-items: center;
	display: flex;
	font-family: DM Mono,Georgia,Times new roman,serif;
	font-family: var(--font-secondary);
	font-size: max(.66pc,min(.833vw,15.96px));
	font-weight: 500;
	line-height: 1.2;
	margin-bottom: max(1.1pc,min(1.389vw,26.6px));
	margin-top: max(26.4px,min(2.083vw,.4156250000000001in));
	text-transform: uppercase
}

#popup .content .colors .swatches {
	align-items: center;
	display: flex;
	margin-left: max(1.1pc,min(1.389vw,26.6px))
}

#popup .content .colors .swatches .swatch {
	align-items: center;
	background-color: #f3f3f3;
	background-color: var(--light);
	border: 1px solid #f3f3f3;
	border: 1px solid var(--light);
	border-radius: max(29.04px,min(2.292vw,43.89px));
	cursor: pointer;
	display: flex;
	height: max(29.04px,min(2.292vw,43.89px));
	line-height: max(29.04px,min(2.292vw,43.89px));
	margin-right: max(9.9pt,min(1.042vw,19.950000000000003px));
	padding: 0 max(9.9pt,min(1.042vw,19.950000000000003px));
	transition: all .6s cubic-bezier(.16,1,.3,1);
	transition: all .6s var(--expoOut)
}

#popup .content .colors .swatches .swatch .dot {
	border-radius: max(8.8px,min(.694vw,13.3px));
	height: max(8.8px,min(.694vw,13.3px));
	margin-right: max(8.8px,min(.694vw,13.3px));
	width: max(8.8px,min(.694vw,13.3px))
}

#popup .content .colors .swatches .swatch img {
	margin-right: max(8.8px,min(.694vw,13.3px))
}

#popup .content .wpcf7 {
	margin-top: max(.33in,min(2.5vw,47.88px))
}

#popup .content .wpcf7 .form-group {
	margin-bottom: max(8.8px,min(.694vw,13.3px))
}

#popup .content .wpcf7 .form-group:last-child {
	margin-bottom: 0
}

#popup .content .wpcf7 .button {
	width: 100%
}

#popup .content .closer {
	align-items: center;
	background-color: #f3f3f3;
	background-color: var(--light);
	border-radius: max(2.2pc,min(2.778vw,53.2px));
	cursor: pointer;
	display: flex;
	height: max(2.2pc,min(2.778vw,53.2px));
	justify-content: center;
	opacity: 1;
	position: absolute;
	right: max(26.4px,min(2.083vw,.4156250000000001in));
	top: max(26.4px,min(2.083vw,.4156250000000001in));
	transition: all .2s cubic-bezier(.16,1,.3,1);
	transition: all .2s var(--expoOut);
	width: max(2.2pc,min(2.778vw,53.2px))
}

@media (max-width:1100px) {
	#popup .content .closer {
		border: 1px solid #0a0a0a;
		border: 1px solid var(--black);
		border-radius: min(7.692vw,34.5px);
		height: min(7.692vw,34.5px);
		right: min(4.615vw,20.7px);
		top: min(4.615vw,20.7px);
		width: min(7.692vw,34.5px)
	}
}

#popup .content .closer svg {
	height: auto;
	width: max(.66pc,min(.833vw,15.96px))
}

@media (max-width:1100px) {
	#popup .content .closer svg {
		height: auto;
		width: min(2.564vw,11.5px)
	}
}

#popup .content .closer:hover {
	opacity: .4
}

#floating {
	-webkit-backdrop-filter: blur(max(22px,min(1.736vw,33.25px)));
	backdrop-filter: blur(max(22px,min(1.736vw,33.25px)));
	background-color: hsla(0,0%,100%,.2);
	border-radius: max(1.1pc,min(1.389vw,26.6px));
	bottom: max(2.2pc,min(2.778vw,53.2px));
	height: max(.44in,min(3.333vw,3.99pc));
	left: 50%;
	opacity: .0001;
	overflow: hidden;
	padding: max(.22pc,min(.278vw,5.32px));
	position: fixed;
	transform: translateX(-50%);
	width: 0;
	z-index: 80
}

#floating .button {
	background-color: transparent;
	border: 0;
	height: max(.44in,min(3.333vw,3.99pc));
	left: 50%;
	opacity: .0001;
	padding-left: max(.22pc,min(.278vw,5.32px));
	padding-right: max(26.4px,min(2.083vw,.4156250000000001in));
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: auto
}

#floating .button .image {
	background-color: #0a0a0a;
	background-color: var(--black);
	border-radius: max(.88pc,min(1.111vw,1.33pc));
	height: max(36.08px,min(2.847vw,54.53px));
	margin-right: max(.66pc,min(.833vw,15.96px));
	transition: all .6s cubic-bezier(.16,1,.3,1);
	transition: all .6s var(--expoOut);
	width: max(36.08px,min(2.847vw,54.53px))
}

#floating .button .image img {
	transform: scale(1.2);
	transition: all .6s cubic-bezier(.16,1,.3,1);
	transition: all .6s var(--expoOut)
}

#floating .button:hover {
	background-color: hsla(0,0%,100%,.2)
}

#floating .button:hover .image img {
	transform: scale(1.01)
}

.component--uikit {
	padding: max(7.7pc,min(9.722vw,186.20000000000002px)) 0
}

.component--uikit .mark {
	margin-bottom: max(26.4px,min(2.083vw,.4156250000000001in))
}

.component--uikit hr {
	margin: max(3.3pc,min(4.167vw,79.80000000000001px)) 0 max(26.4px,min(2.083vw,.4156250000000001in))
}

.component--page {
	padding: max(7.7pc,min(9.722vw,186.20000000000002px)) 0
}

.component--page .title {
	margin-bottom: max(26.4px,min(2.083vw,.4156250000000001in))
}

.component--error404 {
	height: calc(100vh - max(5.39pc, min(6.806vw, 130.34px)));
	padding: max(7.7pc,min(9.722vw,186.20000000000002px)) 0;
	text-align: center
}

.component--error404 .container {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1
}

.component--error404 .container .title {
	margin-bottom: max(26.4px,min(2.083vw,.4156250000000001in))
}

.component--error404 .container .button {
	margin-top: max(1.1pc,min(1.389vw,26.6px))
}

.component--about {
	background-color: #eae4df;
	background-color: var(--bg-light);
	color: #fff;
	color: var(--white);
	height: 600vh;
	padding: 0;
	text-align: center
}

@media (max-width:1100px) {
	.component--about {
		background-color: #0a0a0a;
		background-color: var(--black);
		height: 100lvh
	}
}

.component--about .desktop .sticky {
	height: 100vh;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100vw;
	z-index: 1
}

.component--about .desktop .sticky .image {
	-webkit-clip-path: inset(20% 20% 20% 20%);
	clip-path: inset(20% 20% 20% 20%)
}

.component--about .desktop .sticky2 {
	height: 100vh;
	left: 0;
	position: absolute;
	right: 0;
	top: 200vh;
	width: 100vw;
	z-index: 1
}

.component--about .desktop .sticky2 .container {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	position: relative;
	z-index: 1
}

.component--about .mobile {
	height: 100%
}

.component--about .mobile .image {
	opacity: .5
}

.component--about .mobile .center {
	display: flex;
	flex-direction: column;
	gap: min(4.103vw,18.4px);
	left: 50%;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateX(-50%) translateY(-50%)
}

.component--animation {
	background-color: #1d1d1d;
	background-color: var(--dark);
	height: 200vh;
	overflow: hidden;
	padding: 0
}

@media (max-width:1100px) {
	.component--animation {
		height: 100lvh
	}
}

.component--animation canvas {
	height: calc(90vw * .5416);
	left: 0;
	opacity: .0001;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100vw;
	will-change: transform;
	z-index: 2
}

@media (max-width:1100px) {
	.component--animation canvas {
		height: calc(200vw * .5416);
		top: 50vh;
		width: 200vw
	}
}

.component--animation .sticky {
	height: 100vh;
	position: absolute;
	width: 100vw;
	z-index: 1
}

@media (max-width:1100px) {
	.component--animation .sticky {
		height: 100lvh
	}
}

.component--animation .title {
	color: #fff;
	color: var(--white);
	font-size: max(220px,min(17.361vw,332.5px));
	white-space: nowrap
}

@media (max-width:1100px) {
	.component--animation .title {
		font-size: min(35.897vw,161px);
		left: 50%;
		line-height: .9;
		position: absolute;
		text-align: center;
		top: 38%;
		transform: translateX(-50%) translateY(-50%)
	}
}

.component--animation .title.--1 {
	position: absolute;
	right: 40%;
	top: 42%;
	transform: translateY(-50%);
	z-index: 1
}

.component--animation .title.--2 {
	left: 64%;
	position: absolute;
	top: 42%;
	transform: translateY(-50%);
	z-index: 3
}

.component--animation .actions {
	display: flex;
	gap: max(1.1pc,min(1.389vw,26.6px));
	left: 50%;
	position: absolute;
	top: 70%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 4
}

@media (max-width:1100px) {
	.component--animation .actions {
		align-items: center;
		bottom: min(17.436vw,78.19999999999999px);
		flex-direction: column;
		gap: min(4.615vw,20.7px);
		top: auto;
		top: initial;
		transform: none;
		transform: translateX(-50%)
	}
}

.component--animation .video {
	height: 56vw;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 100vw
}

@media (max-width:1100px) {
	.component--animation .video {
		height: 140vw;
		left: auto;
		left: initial;
		right: 0;
		transform: translateY(-50%);
		width: 100vw
	}
}

.component--combo {
	background-color: #1d1d1d;
	background-color: var(--dark);
	padding-bottom: max(3.3pc,min(4.167vw,79.80000000000001px));
	padding-top: max(3.3pc,min(4.167vw,79.80000000000001px))
}

@media (max-width:1100px) {
	.component--combo .columns.--1 {
		flex-wrap: wrap
	}
}

.component--combo .columns.--1 .columns__item:first-child {
	width: 58%
}

@media (max-width:1100px) {
	.component--combo .columns.--1 .columns__item:first-child {
		margin-bottom: min(2.564vw,11.5px);
		width: 100%
	}
}

.component--combo .columns.--1 .columns__item:last-child {
	width: 42%
}

@media (max-width:1100px) {
	.component--combo .columns.--1 .columns__item:last-child {
		width: 100%
	}
}

.component--combo .center {
	-webkit-backdrop-filter: blur(max(1.1pc,min(1.389vw,26.6px)));
	backdrop-filter: blur(max(1.1pc,min(1.389vw,26.6px)));
	background-color: hsla(0,0%,100%,.149);
	border-radius: max(.88pc,min(1.111vw,1.33pc));
	left: 50%;
	overflow: hidden;
	padding: max(.22in,min(1.667vw,31.92px));
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: max(28.6pc,min(36.111vw,691.6px))
}

.component--combo .center .title {
	margin-bottom: 0
}

.component--combo .box {
	height: max(40.7pc,min(51.389vw,984.2px))
}

@media (max-width:1100px) {
	.component--combo .box {
		height: max(23.1pc,min(29.167vw,558.6px))
	}
}

@media (max-width:1100px) {
	.component--combo .box.--fvertical {
		height: max(23.1pc,min(29.167vw,558.6px))
	}
}

.component--combo .movera {
	display: block;
	height: auto;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: max(190.96px,min(15.069vw,288.61px))
}

.component--combo .movera svg {
	height: auto;
	width: 100%
}

.component--combo .title {
	margin-bottom: max(1.76pc,min(2.222vw,2.66pc))
}

.component--combo .wysiwyg {
	margin-bottom: max(1.76pc,min(2.222vw,2.66pc))
}

.component--hero {
	background-color: #0a0a0a;
	background-color: var(--black);
	color: #fff;
	color: var(--white);
	height: 100vh;
	overflow: hidden;
	padding: 0
}

@media (max-width:1100px) {
	.component--hero {
		height: calc(1vh * 100);
		height: calc(var(--vh, 1vh) * 100)
	}
}

.component--hero .video {
	opacity: .8
}

.component--hero .container {
	height: 100%;
	position: relative
}

.component--hero .container .title {
	bottom: max(99pt,min(10.417vw,199.5px));
	left: 50%;
	position: absolute;
	text-align: center;
	transform: translateX(-50%);
	width: max(66pc,min(83.333vw,1596px))
}

@media (max-width:1100px) {
	.component--hero .container .title {
		width: min(90vw,403.65px)
	}
}

.component--hero .back {
	align-items: center;
	-webkit-backdrop-filter: blur(max(22px,min(1.736vw,33.25px)));
	backdrop-filter: blur(max(22px,min(1.736vw,33.25px)));
	background-color: hsla(0,0%,100%,.2);
	border: 0;
	border-radius: max(1.1pc,min(1.389vw,26.6px));
	bottom: max(2.2pc,min(2.778vw,53.2px));
	box-shadow: none;
	color: #fff;
	color: var(--white);
	cursor: pointer;
	display: inline-flex;
	font-family: Roobert,Helvetica,Arial,sans-serif;
	font-family: var(--font-primary);
	font-weight: 500;
	height: max(.44in,min(3.333vw,3.99pc));
	justify-content: center;
	left: max(2.2pc,min(2.778vw,53.2px));
	line-height: max(.44in,min(3.333vw,3.99pc));
	outline: none;
	position: relative;
	position: absolute;
	text-align: center;
	white-space: nowrap;
	width: auto;
	width: max(.44in,min(3.333vw,3.99pc))
}

@media (max-width:1100px) {
	.component--hero .back {
		border-radius: min(3.846vw,17.25px);
		height: min(10.256vw,46px);
		white-space: nowrap;
		width: min(10.256vw,46px)
	}
}

.component--hero .scrolldown {
	align-items: center;
	bottom: max(2.2pc,min(2.778vw,53.2px));
	display: flex;
	font-size: max(.88pc,min(1.111vw,1.33pc));
	font-weight: 400;
	gap: max(8.8px,min(.694vw,13.3px));
	position: fixed;
	right: max(2.2pc,min(2.778vw,53.2px));
	z-index: 40
}

@media (max-width:1100px) {
	.component--hero .scrolldown {
		display: none
	}
}

.component--hero .scrolldown .mouse {
	border: 1px solid #fff;
	border: 1px solid var(--white);
	border-radius: 60px;
	height: max(1.1pc,min(1.389vw,26.6px));
	position: relative;
	width: max(.66pc,min(.833vw,15.96px))
}

.component--hero .scrolldown .mouse:before {
	animation: wheel 1s infinite;
	-webkit-animation: wheel 1s infinite;
	background-color: #fff;
	background-color: var(--white);
	border-radius: 50%;
	content: "";
	height: max(2.64px,min(.208vw,3.99px));
	left: 50%;
	opacity: 1;
	position: absolute;
	top: max(.22pc,min(.278vw,5.32px));
	transform: translateX(-50%);
	width: max(2.64px,min(.208vw,3.99px))
}

@keyframes wheel {
	to {
		opacity: 0;
		top: 50%
	}
}

.component--industries {
	padding: 0;
	position: relative
}

.component--industries .desktop .markers {
	pointer-events: none
}

.component--industries .desktop .markers .base {
	height: 600vh;
	position: relative;
	width: 100%
}

.component--industries .desktop .markers .item {
	height: 200vh;
	position: relative;
	width: 100%
}

.component--industries .desktop .sticky {
	bottom: 0;
	height: 100vh;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1
}

.component--industries .desktop .sticky .container {
	align-items: flex-end;
	display: flex;
	height: 100%;
	justify-content: flex-start;
	padding: max(2.2pc,min(2.778vw,53.2px)) 0
}

.component--industries .desktop .sticky .sections {
	height: 100%;
	position: absolute;
	width: 100%
}

.component--industries .desktop .sticky .sections .base {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%
}

.component--industries .desktop .sticky .sections .base .center {
	color: #fff;
	color: var(--white);
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: max(44pc,min(55.556vw,798pt))
}

.component--industries .desktop .sticky .sections .base .center .title {
	color: #fff;
	color: var(--white);
	display: block;
	left: 50%;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 100%
}

.component--industries .desktop .sticky .sections .base .video {
	border-radius: 0;
	filter: none;
	opacity: 1;
	transform: scale(1)
}

.component--industries .desktop .sticky .sections .item {
	background-color: #0a0a0a;
	background-color: var(--black);
	bottom: 0;
	height: 100%;
	left: 0;
	opacity: .0001;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%
}

.component--industries .desktop .sticky .sections .item .video {
	filter: blur(max(1.76pc,min(2.222vw,2.66pc)));
	opacity: .8;
	transform: scale(1.2)
}

.component--industries .desktop .sticky .sections .item .image {
	height: 100%;
	left: auto;
	position: absolute;
	right: 0;
	width: 100%
}

.component--industries .desktop .sticky .tabs {
	-webkit-backdrop-filter: blur(max(1.1pc,min(1.389vw,26.6px)));
	backdrop-filter: blur(max(1.1pc,min(1.389vw,26.6px)));
	background-color: hsla(0,0%,100%,.1);
	border: 1px solid hsla(0,0%,100%,.2);
	border-radius: max(1.1pc,min(1.389vw,26.6px));
	color: #fff;
	color: var(--white);
	opacity: .0001;
	padding: 0;
	pointer-events: all;
	width: max(440px,min(34.722vw,665px))
}

.component--industries .desktop .sticky .tabs .tab {
	border-top: 1px solid hsla(0,0%,100%,.2);
	cursor: pointer;
	height: max(3.3pc,min(4.167vw,79.80000000000001px));
	overflow: hidden;
	padding: max(.99pc,min(1.25vw,23.94px)) max(1.43pc,min(1.806vw,34.58px))
}

.component--industries .desktop .sticky .tabs .tab:first-child {
	border-top: none
}

.component--industries .desktop .sticky .tabs .tab .image,.component--industries .desktop .sticky .tabs .tab .video {
	aspect-ratio: 1.849122807;
	border-radius: max(1.1pc,min(1.389vw,26.6px));
	margin-top: max(26.4px,min(2.083vw,.4156250000000001in));
	overflow: hidden
}

.component--industries .desktop .sticky .dot {
	border: 1px solid #fff;
	border-radius: max(4.4pc,min(5.556vw,6.65pc));
	height: max(4.4pc,min(5.556vw,6.65pc));
	left: 50%;
	opacity: .0001;
	position: absolute;
	top: 50%;
	width: max(4.4pc,min(5.556vw,6.65pc))
}

.component--industries .desktop .sticky .dot .stroke {
	left: 50%;
	position: absolute;
	top: 50%;
	transform-origin: 0 0;
	width: max(11pc,min(13.889vw,266px))
}

.component--industries .desktop .sticky .dot .stroke:before {
	border-top: 1px dashed #fff;
	border-top: 1px dashed var(--white);
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	top: 0;
	transform: rotate(var(--angle));
	transform-origin: 0 50%;
	width: var(--hypot)
}

.component--industries .desktop .sticky .dot .stroke:after {
	background-color: #fff;
	background-color: var(--white);
	border-radius: max(.66pc,min(.833vw,15.96px));
	content: "";
	height: max(.66pc,min(.833vw,15.96px));
	left: 0;
	position: absolute;
	top: 0;
	transform: translateX(-50%) translateY(-50%);
	width: max(.66pc,min(.833vw,15.96px))
}

.component--industries .desktop .sticky .boxes {
	-webkit-backdrop-filter: blur(max(1.1pc,min(1.389vw,26.6px)));
	backdrop-filter: blur(max(1.1pc,min(1.389vw,26.6px)));
	background-color: hsla(0,0%,100%,.149);
	border-radius: max(.88pc,min(1.111vw,1.33pc));
	height: max(22pc,min(27.778vw,532px));
	opacity: .0001;
	overflow: hidden;
	position: absolute;
	right: max(44px,min(3.472vw,66.5px));
	top: max(6.6pc,min(8.333vw,9.975000000000001pc));
	width: max(29.7pc,min(37.5vw,718.2px))
}

.component--industries .desktop .sticky .boxes .inner .box {
	color: #fff;
	color: var(--white);
	display: flex;
	flex-direction: column;
	height: auto;
	justify-content: space-between;
	padding: max(.22in,min(1.667vw,31.92px));
	width: 100%
}

.component--industries .desktop .sticky .boxes .inner .box .title,.component--industries .desktop .sticky .boxes .inner .box .wysiwyg {
	line-height: 1
}

.component--industries .desktop .sticky .boxes .inner .box .title span,.component--industries .desktop .sticky .boxes .inner .box .wysiwyg span {
	border: 1px solid;
	border-radius: max(2.2pc,min(2.778vw,53.2px));
	display: inline-block;
	line-height: 1;
	padding: 0 max(.33pc,min(.417vw,7.98px))
}

.component--industries .desktop .sticky .boxes .inner .box>.title {
	line-height: 1;
	margin-bottom: max(1.76pc,min(2.222vw,2.66pc))
}

.component--industries .desktop .sticky .boxes .inner .box .label .icon {
	height: max(.88pc,min(1.111vw,1.33pc));
	margin-right: max(.44pc,min(.556vw,.665pc));
	width: max(.88pc,min(1.111vw,1.33pc))
}

.component--industries .desktop .sticky .boxes .inner .box .label .icon img {
	height: auto;
	width: 100%
}

.component--industries .desktop .sticky .boxes .inner .box .group {
	margin-bottom: max(.99pc,min(1.25vw,23.94px))
}

.component--industries .desktop .sticky .boxes .inner .box .group:last-child {
	margin-bottom: 0
}

.component--industries .desktop .sticky .boxes .inner .box .group .label {
	margin-bottom: 0
}

.component--industries .desktop .sticky .boxes .inner .box .group .clearfix {
	margin-bottom: max(.44pc,min(.556vw,.665pc))
}

.component--industries .desktop .sticky .boxes .inner .box .group.--colours {
	display: flex
}

.component--industries .desktop .sticky .boxes .inner .box .group .swatch {
	border-radius: max(8.8px,min(.694vw,13.3px));
	height: max(8.8px,min(.694vw,13.3px));
	margin-left: max(.66pc,min(.833vw,15.96px));
	width: max(8.8px,min(.694vw,13.3px))
}

.component--industries .mobile .start {
	height: 100vh
}

.component--industries .mobile .start .sticky {
	bottom: 0;
	height: 100vh;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1
}

.component--industries .mobile .start .sticky .center {
	color: #fff;
	color: var(--white);
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: max(44pc,min(55.556vw,798pt))
}

.component--industries .mobile .start .sticky .center .title {
	color: #fff;
	color: var(--white);
	display: block;
	left: 50%;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 100%
}

.component--industries .mobile .boxes {
	padding: min(17.436vw,78.19999999999999px) 0
}

.component--industries .mobile .boxes>.label {
	color: #fff;
	color: var(--white);
	display: block;
	opacity: .4;
	text-align: center;
	width: 100%
}

.component--industries .mobile .boxes .scroll {
	-ms-overflow-style: none;
	display: flex;
	flex-wrap: nowrap;
	height: auto;
	overflow: scroll;
	scrollbar-width: none
}

.component--industries .mobile .boxes .scroll::-webkit-scrollbar {
	display: none
}

.component--industries .mobile .boxes .scroll .inner {
	display: flex;
	flex-wrap: nowrap;
	gap: min(2.051vw,9.2px);
	padding: 0 5vw
}

.component--industries .mobile .boxes .scroll .box {
	color: #fff;
	color: var(--white);
	display: flex;
	flex-direction: column;
	height: 150vw;
	justify-content: space-between;
	padding: min(4.615vw,20.7px);
	width: 90vw
}

.component--industries .mobile .boxes .scroll .box>.video {
	filter: blur(max(1.76pc,min(2.222vw,2.66pc)));
	opacity: .8;
	transform: scale(1.2)
}

.component--industries .mobile .boxes .scroll .box .title {
	z-index: 1
}

.component--industries .mobile .boxes .scroll .box .top {
	display: flex
}

.component--industries .mobile .boxes .scroll .box .top .video {
	border-radius: min(2.051vw,9.2px);
	height: min(14.359vw,48.3pt);
	margin-right: min(3.077vw,10.35pt);
	position: relative;
	width: min(14.359vw,48.3pt)
}

.component--industries .mobile .boxes .scroll .box .bottom {
	-webkit-backdrop-filter: blur(max(1.1pc,min(1.389vw,26.6px)));
	backdrop-filter: blur(max(1.1pc,min(1.389vw,26.6px)));
	background-color: hsla(0,0%,100%,.2);
	border-radius: min(5.128vw,23px);
	padding: min(5.128vw,23px)
}

.component--industries .mobile .boxes .scroll .box .bottom .title.--xlarge {
	line-height: 1;
	margin-bottom: min(4.615vw,20.7px)
}

.component--industries .mobile .boxes .scroll .box .bottom .group {
	margin-bottom: min(3.077vw,10.35pt)
}

.component--industries .mobile .boxes .scroll .box .bottom .group .label {
	margin-bottom: 0
}

.component--industries .mobile .boxes .scroll .box .bottom .group .clearfix {
	margin-bottom: min(1.026vw,4.6px)
}

.component--industries .mobile .boxes .scroll .box .bottom .group.--colours {
	display: flex
}

.component--industries .mobile .boxes .scroll .box .bottom .group .swatch {
	border-radius: max(8.8px,min(.694vw,13.3px));
	height: max(8.8px,min(.694vw,13.3px));
	margin-left: max(.66pc,min(.833vw,15.96px));
	width: max(8.8px,min(.694vw,13.3px))
}

.component--intro {
	background-color: #0a0a0a;
	background-color: var(--black);
	height: 400vh;
	margin-bottom: max(8.8px,min(.694vw,13.3px));
	padding: 0
}

@media (max-width:1100px) {
	.component--intro {
		height: 200vh
	}
}

.component--intro .sticky {
	height: 100vh;
	overflow: hidden;
	position: absolute;
	width: 100vw;
	z-index: 1
}

.component--intro .sticky .center {
	color: #fff;
	color: var(--white);
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: max(44pc,min(55.556vw,798pt))
}

.component--intro .sticky .center .title {
	color: #fff;
	color: var(--white);
	display: block;
	left: 50%;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 100%
}

.component--intro .sticky .rows {
	height: 100vh;
	opacity: .8;
	position: relative
}

.component--intro .sticky .rows .row {
	height: 100vh;
	width: 100vw
}

.component--intro .sticky .rows .row.--top {
	bottom: 100%;
	position: absolute
}

.component--intro .sticky .rows .row.--bottom {
	position: absolute;
	top: 100%
}

.component--intro .sticky .rows .row .video {
	aspect-ratio: 100vw/100vh;
	height: 100vh
}

.component--intro .sticky .video {
	border-radius: 0
}

.component--intro .sticky .video.--midleft {
	left: auto;
	position: absolute;
	right: 50%
}

.component--intro .sticky .video.--midright {
	left: 50%;
	position: absolute;
	right: auto
}

.component--intro .sticky .video.--left {
	left: auto;
	position: absolute;
	right: 100%
}

.component--intro .sticky .video.--right {
	left: 100%;
	position: absolute;
	right: auto
}

.component--other-industries {
	margin-top: -100vh!important
}

.component--other-industries {
	background-color: transparent;
	padding: 0;
	z-index: 2
}

@media (max-width:1100px) {
	.strength  .component--other-industries {
		margin-top: 0!important
	}
}

.component--other-industries .desktop .markers {
	pointer-events: none
}

.component--other-industries .desktop .markers .item {
	height: 100vh;
	position: relative;
	width: 100%
}

.component--other-industries .desktop .markers .item:first-child {
	height: 200vh
}

.component--other-industries .desktop .sticky {
	bottom: 0;
	height: 100vh;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1
}

.component--other-industries .desktop .sticky .container {
	align-items: center;
	display: flex;
	height: 100%;
	margin: auto;
/*	padding-top: max(3.08pc,min(3.889vw,74.48px))*/
}

.component--other-industries .desktop .sticky .slides {
	display: flex;
/*	gap: max(1.1pc,min(1.389vw,26.6px));*/
	height: 100%;
	position: relative;
	width: 100%
}

@media (max-width:1100px) {
	.component--other-industries .desktop .sticky .slides {
		padding-bottom: 156%
	}
}

.component--other-industries .desktop .sticky .slides .info {
	overflow: hidden;
	position: relative;
	width: 38%
}

@media (max-width:1100px) {
	.component--other-industries .desktop .sticky .slides .info {
		width: 100%
	}
}

.component--other-industries .desktop .sticky .slides .info .top {
	left: 50%;
	opacity: .4;
	position: absolute;
	top: max(2.2pc,min(2.778vw,53.2px));
	transform: translateX(-50%)
}

.component--other-industries .desktop .sticky .slides .info .center {
	max-width: 100%;
/*	padding-top: max(44px,min(3.472vw,66.5px));*/
	width: 100%
}

/*.component--other-industries .desktop .sticky .slides .info .center ul li {
	font-size: 20px;
	line-height: 36px;
	color: #424242;
	opacity: 0;
	transition: all .8s cubic-bezier(.16,1,.3,1);
	transition: all .8s var(--expoOut)
}

.component--other-industries .desktop .sticky .slides .info .center ul li.--active {
	opacity: 1
}

.component--other-industries .desktop .sticky .slides .info .center ul li.--active-sibling {
	opacity: 0
}*/

/*.component--other-industries .desktop .sticky .slides .info .bottom {
	align-items: center;
	bottom: max(.22in,min(1.667vw,31.92px));
	display: flex;
	justify-content: space-between;
	left: max(.22in,min(1.667vw,31.92px));
	position: absolute;
	width: calc(100% - max(.44in, min(3.333vw, 3.99pc)))
}
*/
/*.component--other-industries .desktop .sticky .slides .info .bottom .label {
	cursor: pointer;
	font-size: max(8.8px,min(.694vw,13.3px));
	height: max(1.1pc,min(1.389vw,26.6px));
	line-height: max(1.1pc,min(1.389vw,26.6px));
	margin-bottom: 0;
	opacity: .4;
	vertical-align: middle
}

.component--other-industries .desktop .sticky .slides .info .bottom .label.--active {
	opacity: 1
}
*/
.component--other-industries .desktop .sticky .slides .content {
/*	background-color: #0a0a0a;
	background-color: var(--black);
	border-radius: max(1.1pc,min(1.389vw,26.6px));*/
	height: 100%;
/*	overflow: hidden;*/
	position: relative;
	width: 63%;
/*	box-shadow: none;
	border-radius: 0;*/
}

@media (max-width:1100px) {
	.component--other-industries .desktop .sticky .slides .content {
		width: 100%
	}
}

.component--other-industries .desktop .sticky .slides .content .images {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	position: absolute;
	width: 100%
}

.component--other-industries .desktop .sticky .slides .content .images .image {
	-webkit-clip-path: inset(100% 0 0 0 round 0);
	clip-path: inset(100% 0 0 0 round 0);
	will-change: clipPath
}

/*.component--other-industries .desktop .sticky .slides .content .images .image img {
	transform: translateY(10%)
}*/

.component--other-industries .desktop .sticky .slides .content .images .image:first-child {
	-webkit-clip-path: inset(0 0 0 round 0);
	clip-path: inset(0 0 0 round 0)
}

.component--other-industries .desktop .sticky .slides .content .images .image:first-child img {
	transform: translateY(0)
}

.component--other-industries .desktop .sticky .slides .content .titles {
	bottom: max(13.2pc,min(16.667vw,319.20000000000005px));
	left: max(2.2pc,min(2.778vw,53.2px));
	position: absolute;
	width: 100%
}

@media (max-width:1100px) {
	.component--other-industries .desktop .sticky .slides .content .titles {
		left: min(6.41vw,21.5625pt);
		top: min(6.41vw,21.5625pt)
	}
}

.component--other-industries .desktop .sticky .slides .content .titles .title {
	max-width: 100%;
	position: absolute;
	top: 0
}

.component--other-industries .desktop .sticky .slides .content .titles .title.--white {
	color: #fff;
	color: var(--white)
}

.component--other-industries .desktop .sticky .slides .content .titles .title .word .char {
	opacity: .0001
}

.component--other-industries .desktop .sticky .slides .content .boxes {
	opacity: 0;
	-webkit-backdrop-filter: blur(max(1.1pc,min(1.389vw,26.6px)));
	backdrop-filter: blur(max(1.1pc,min(1.389vw,26.6px)));
	background-color: hsla(0,0%,100%,.149);
	border-radius: max(.88pc,min(1.111vw,1.33pc));
	bottom: max(2.2pc,min(2.778vw,53.2px));
	overflow: hidden;
	position: absolute;
	right: max(2.2pc,min(2.778vw,53.2px));
	width: 100%;
	width: max(319.44px,min(25.208vw,482.79px))
}

@media (max-width:1100px) {
	.component--other-industries .desktop .sticky .slides .content .boxes {
		bottom: min(6.41vw,21.5625pt);
		left: min(6.41vw,21.5625pt);
		width: 80%
	}
}

.component--other-industries .desktop .sticky .slides .content .boxes .box {
	color: #fff;
	color: var(--white);
	display: flex;
	flex-direction: column;
	height: auto;
	justify-content: space-between;
	padding: max(.22in,min(1.667vw,31.92px));
	width: 100%
}

.component--other-industries .desktop .sticky .slides .content .boxes .box .icon {
	margin-bottom: max(1.76pc,min(2.222vw,2.66pc))
}

.component--other-industries .mobile .boxes {
	padding: min(17.436vw,78.19999999999999px) 0
}

.component--other-industries .mobile .boxes>.label {
	color: #fff;
	color: var(--white);
	display: block;
	opacity: .4;
	text-align: center;
	width: 100%
}

.component--other-industries .mobile .boxes .scroll {
	-ms-overflow-style: none;
	display: flex;
	flex-wrap: nowrap;
	height: auto;
	overflow: scroll;
	scrollbar-width: none
}

.component--other-industries .mobile .boxes .scroll::-webkit-scrollbar {
	display: none
}

.component--other-industries .mobile .boxes .scroll .inner {
	display: flex;
	flex-wrap: nowrap;
	gap: min(2.051vw,9.2px);
	padding: 0 5vw
}

.component--other-industries .mobile .boxes .scroll .box {
	color: #fff;
	color: var(--white);
	display: flex;
	flex-direction: column;
	height: 150vw;
	justify-content: space-between;
	padding: min(15.385vw,69px) min(4.615vw,20.7px) min(4.615vw,20.7px);
	width: 90vw
}

.component--other-industries .mobile .boxes .scroll .box>.video {
	filter: blur(max(1.76pc,min(2.222vw,2.66pc)));
	opacity: .8;
	transform: scale(1.2)
}

.component--other-industries .mobile .boxes .scroll .box .title {
	z-index: 1
}

.component--other-industries .mobile .boxes .scroll .box .top {
	display: block;
	position: relative;
	text-align: center;
	z-index: 1
}

.component--other-industries .mobile .boxes .scroll .box .bottom {
	-webkit-backdrop-filter: blur(max(1.1pc,min(1.389vw,26.6px)));
	backdrop-filter: blur(max(1.1pc,min(1.389vw,26.6px)));
	background-color: hsla(0,0%,100%,.2);
	border-radius: min(5.128vw,23px);
	padding: min(5.128vw,23px)
}

.component--other-industries .mobile .boxes .scroll .box .bottom .icon {
	margin-bottom: min(4.103vw,18.4px)
}

.component--periflex {
	display: flex;
	flex-direction: column;
	height: 700vh;
	justify-content: flex-end;
	padding: 0
}

@media (max-width:1100px) {
	.component--periflex {
		height: 100lvh
	}
}

.component--periflex .desktop .base {
	height: 400vh;
	width: 100%
}

.component--periflex .desktop .markers {
	margin-bottom: 100vh;
	pointer-events: none;
	position: relative;
	z-index: 1
}

.component--periflex .desktop .markers .item {
	height: 300vh;
	width: 100%
}

.component--periflex .desktop .sticky {
	height: 100vh;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100vw;
	z-index: 1
}

.component--periflex .desktop .sticky .video {
	border-radius: 0
}

.component--periflex .desktop .sticky .end {
	bottom: 0;
	height: 100%;
	left: 0;
	opacity: .0001;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	will-change: opacity;
	z-index: 1
}

.component--periflex .desktop .sticky .end .image {
	height: 100%;
	left: 50%;
	opacity: .0001;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 100%;
	z-index: 1
}

.component--periflex .desktop .sticky .end .boxes {
	height: 100%;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 100%;
	z-index: 2
}

.component--periflex .desktop .sticky .end .boxes .box {
	-webkit-backdrop-filter: blur(max(1.1pc,min(1.389vw,26.6px)));
	backdrop-filter: blur(max(1.1pc,min(1.389vw,26.6px)));
	background-color: rgba(28,28,28,.102);
	color: #fff;
	color: var(--white);
	display: flex;
	flex-direction: column;
	height: max(11pc,min(13.889vw,266px));
	justify-content: space-between;
	opacity: .0001;
	padding: max(.22in,min(1.667vw,31.92px));
	position: absolute;
	top: 40vh;
	transform: translateY(20%);
	width: max(11pc,min(13.889vw,266px))
}

.component--periflex .desktop .sticky .end .boxes .box .title,.component--periflex .desktop .sticky .end .boxes .box .wysiwyg {
	line-height: 1
}

.component--periflex .desktop .sticky .end .boxes .box .titles {
	display: flex;
	flex-direction: column;
	gap: max(.44pc,min(.556vw,.665pc))
}

.component--periflex .desktop .sticky .end .boxes .box .icon {
	height: max(1.54pc,min(1.944vw,37.24px));
	position: absolute;
	right: max(.22in,min(1.667vw,31.92px));
	top: max(.22in,min(1.667vw,31.92px));
	width: max(1.54pc,min(1.944vw,37.24px))
}

.component--periflex .desktop .sticky .end .boxes .box .icon img {
	height: auto;
	width: 100%
}

.component--periflex .desktop .sticky .end .boxes .box.--1 {
	margin-top: max(-10.417vw,-199.5px);
	right: max(244.64000000000001px,min(19.306vw,369.74px))
}

.component--periflex .desktop .sticky .end .boxes .box.--2 {
	margin-top: max(-4.861vw,-93.10000000000001px);
	right: max(44px,min(3.472vw,66.5px))
}

.component--periflex .desktop .sticky .end .boxes .box.--3 {
	margin-top: max(8.69pc,min(10.972vw,210.14000000000001px));
	right: max(136.4px,min(10.764vw,206.15px))
}

.component--periflex .desktop .sticky .end .navigation {
	bottom: max(6.6pc,min(8.333vw,9.975000000000001pc));
	color: #fff;
	color: var(--white);
	display: flex;
	flex-direction: column;
	left: max(44px,min(3.472vw,66.5px));
	position: absolute;
	z-index: 3
}

.component--periflex .colours {
	display: flex;
	margin-top: max(.99pc,min(1.25vw,23.94px))
}

.component--periflex .colours .label {
	margin: 0
}

.component--periflex .colours .swatch {
	border-radius: max(8.8px,min(.694vw,13.3px));
	height: max(8.8px,min(.694vw,13.3px));
	margin-left: max(.66pc,min(.833vw,15.96px));
	width: max(8.8px,min(.694vw,13.3px))
}

.component--periflex .mobile {
	height: 100lvh;
	position: relative
}

.component--periflex .mobile .title.--large,.component--periflex .mobile .title.--xlarge {
	color: #fff;
	color: var(--white);
	line-height: 1;
	position: absolute;
	white-space: nowrap
}

.component--periflex .mobile .title.--large.--1,.component--periflex .mobile .title.--xlarge.--1 {
	left: min(6.154vw,20.7pt);
	text-align: left;
	top: min(15.385vw,69px)
}

.component--periflex .mobile .title.--large.--2,.component--periflex .mobile .title.--xlarge.--2 {
	bottom: min(6.154vw,20.7pt);
	font-size: min(15.385vw,69px);
	left: min(6.154vw,20.7pt)
}

.component--periflex .mobile .boxes {
	bottom: min(23.077vw,77.625pt);
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	width: 100%;
	z-index: 2
}

.component--periflex .mobile .boxes .box {
	-webkit-backdrop-filter: blur(max(1.1pc,min(1.389vw,26.6px)));
	backdrop-filter: blur(max(1.1pc,min(1.389vw,26.6px)));
	background-color: rgba(28,28,28,.102);
	color: #fff;
	color: var(--white);
	display: flex;
	flex-direction: column;
	height: min(42.051vw,188.6px);
	justify-content: space-between;
	opacity: 1;
	padding: max(.22in,min(1.667vw,31.92px));
	position: absolute;
	width: min(42.051vw,188.6px)
}

.component--periflex .mobile .boxes .box .title,.component--periflex .mobile .boxes .box .wysiwyg {
	line-height: 1
}

.component--periflex .mobile .boxes .box .titles {
	display: flex;
	flex-direction: column;
	gap: max(.44pc,min(.556vw,.665pc))
}

.component--periflex .mobile .boxes .box .icon {
	height: max(1.54pc,min(1.944vw,37.24px));
	position: absolute;
	right: max(.22in,min(1.667vw,31.92px));
	top: max(.22in,min(1.667vw,31.92px));
	width: max(1.54pc,min(1.944vw,37.24px))
}

.component--periflex .mobile .boxes .box .icon img {
	height: auto;
	width: 100%
}

.component--periflex .mobile .boxes .box.--1 {
	bottom: max(220px,min(17.361vw,332.5px));
	left: max(22px,min(1.736vw,33.25px))
}

.component--periflex .mobile .boxes .box.--2 {
	bottom: max(6.6pc,min(8.333vw,9.975000000000001pc));
	right: max(22px,min(1.736vw,33.25px))
}

.component--periflex .mobile .boxes .box.--3 {
	bottom: max(22px,min(1.736vw,33.25px));
	left: max(22px,min(1.736vw,33.25px))
}

.component--revitex {
	display: flex;
	flex-direction: column;
	height: 1200vh;
	justify-content: flex-end;
	padding: 0
}

@media (max-width:1100px) {
	.component--revitex {
		display: block;
		height: 220lvh
	}
}

.component--revitex .base {
	height: 600vh;
	width: 100%
}

.component--revitex .markers {
	pointer-events: none;
	position: relative;
	z-index: 1
}

.component--revitex .markers .item {
	height: 200vh;
	width: 100%
}

.component--revitex .colours {
	display: flex;
	margin-top: max(.99pc,min(1.25vw,23.94px))
}

.component--revitex .colours .label {
	margin: 0
}

.component--revitex .colours .swatch {
	border-radius: max(8.8px,min(.694vw,13.3px));
	height: max(8.8px,min(.694vw,13.3px));
	margin-left: max(.66pc,min(.833vw,15.96px));
	width: max(8.8px,min(.694vw,13.3px))
}

.component--revitex .sticky {
	height: 100vh;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100vw;
	z-index: 1
}

.component--revitex .sticky .video {
	border-radius: 0
}

.component--revitex .sticky .center {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 1
}

.component--revitex .sticky .center .title {
	color: #fff;
	color: var(--white);
	left: 50%;
	line-height: 1;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	white-space: nowrap
}

.component--revitex .sticky .center .title.--1 .word--1,.component--revitex .sticky .center .title.--1 .word--2 {
	transform: translateX(max(-6.944vw,-133px))
}

.component--revitex .sticky .center .title.--1 .word--3 {
	transform: translateX(max(88px,min(6.944vw,133px)))
}

.component--revitex .sticky .center .title.--3 .word--1 {
	transform: translateX(max(-6.944vw,-133px))
}

.component--revitex .sticky .center .title.--3 .word--2 {
	transform: translateX(max(88px,min(6.944vw,133px)))
}

.component--revitex .sticky .end {
	height: 100%;
	opacity: .0001;
	position: absolute;
	width: 100%
}

.component--revitex .sticky .end .image {
	height: 100%;
	left: 50%;
	opacity: .0001;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 100%;
	z-index: 1
}

.component--revitex .sticky .end .boxes {
	height: 100%;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 100%;
	z-index: 2
}

.component--revitex .sticky .end .boxes .box {
	-webkit-backdrop-filter: blur(max(1.1pc,min(1.389vw,26.6px)));
	backdrop-filter: blur(max(1.1pc,min(1.389vw,26.6px)));
	background-color: rgba(28,28,28,.102);
	color: #fff;
	color: var(--white);
	display: flex;
	flex-direction: column;
	height: max(11pc,min(13.889vw,266px));
	justify-content: space-between;
	opacity: .0001;
	padding: max(.22in,min(1.667vw,31.92px));
	position: absolute;
	top: 40vh;
	transform: translateY(20%);
	width: max(11pc,min(13.889vw,266px))
}

.component--revitex .sticky .end .boxes .box .title,.component--revitex .sticky .end .boxes .box .wysiwyg {
	line-height: 1
}

.component--revitex .sticky .end .boxes .box .icon {
	height: max(1.54pc,min(1.944vw,37.24px));
	position: absolute;
	right: max(.22in,min(1.667vw,31.92px));
	top: max(.22in,min(1.667vw,31.92px));
	width: max(1.54pc,min(1.944vw,37.24px))
}

.component--revitex .sticky .end .boxes .box .icon img {
	height: auto;
	width: 100%
}

.component--revitex .sticky .end .boxes .box.--1 {
	margin-top: max(-10.417vw,-199.5px);
	right: max(244.64000000000001px,min(19.306vw,369.74px))
}

.component--revitex .sticky .end .boxes .box.--2 {
	margin-top: max(-4.861vw,-93.10000000000001px);
	right: max(44px,min(3.472vw,66.5px))
}

.component--revitex .sticky .end .boxes .box.--3 {
	margin-top: max(8.69pc,min(10.972vw,210.14000000000001px));
	right: max(136.4px,min(10.764vw,206.15px))
}

.component--revitex .sticky .end .boxes.--3 .box.--3 {
	height: max(264px,min(20.833vw,399px))
}

.component--revitex .sticky .end .boxes.--3 .box.--3 .titles {
	display: flex;
	flex-direction: column;
	gap: max(.44pc,min(.556vw,.665pc))
}

.component--revitex .sticky .end .navigation {
	bottom: max(6.6pc,min(8.333vw,9.975000000000001pc));
	color: #fff;
	color: var(--white);
	display: flex;
	flex-direction: column;
	left: max(44px,min(3.472vw,66.5px));
	position: absolute;
	z-index: 3
}

.component--revitex .sticky .end .navigation .title {
	cursor: pointer;
	opacity: .5
}

.component--revitex .mobile .start {
	height: 100lvh;
	position: relative;
	width: 100%
}

.component--revitex .mobile .start .groups {
	color: #fff;
	color: var(--white);
	display: flex;
	flex-direction: column;
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 1
}

.component--revitex .mobile .start .groups .group {
	align-items: center;
	display: flex;
	height: 33.33%;
	justify-content: center;
	position: relative;
	width: 100%
}

.component--revitex .mobile .start .groups .group:first-child:before {
	background-color: #fff;
	background-color: var(--white);
	bottom: 0;
	content: "";
	display: block;
	height: 1px;
	left: 5%;
	opacity: .5;
	position: absolute;
	width: 40%
}

.component--revitex .mobile .start .groups .group:first-child:after {
	background-color: #fff;
	background-color: var(--white);
	bottom: 0;
	content: "";
	display: block;
	height: 1px;
	opacity: .5;
	position: absolute;
	right: 5%;
	width: 40%
}

.component--revitex .mobile .start .groups .group:nth-child(2):before {
	content: "+";
	display: block;
	height: 40px;
	left: 45%;
	line-height: 40px;
	opacity: .5;
	position: absolute;
	right: 45%;
	text-align: center;
	top: -20px;
	width: 10%
}

.component--revitex .mobile .start .groups .group:nth-child(2):after {
	bottom: -20px;
	content: "+";
	display: block;
	height: 40px;
	left: 45%;
	line-height: 40px;
	opacity: .5;
	position: absolute;
	right: 45%;
	text-align: center;
	width: 10%
}

.component--revitex .mobile .start .groups .group:nth-child(3):before {
	background-color: #fff;
	background-color: var(--white);
	content: "";
	display: block;
	height: 1px;
	left: 5%;
	opacity: .5;
	position: absolute;
	top: 0;
	width: 40%
}

.component--revitex .mobile .start .groups .group:nth-child(3):after {
	background-color: #fff;
	background-color: var(--white);
	content: "";
	display: block;
	height: 1px;
	opacity: .5;
	position: absolute;
	right: 5%;
	top: 0;
	width: 40%
}

.component--revitex .mobile .end {
	height: 120lvh;
	position: relative;
	width: 100%
}

.component--revitex .mobile .end .navigation {
	color: #fff;
	color: var(--white);
	display: flex;
	flex-direction: column;
	left: 50%;
	position: absolute;
	text-align: center;
	top: max(6.6pc,min(8.333vw,9.975000000000001pc));
	transform: translateX(-50%);
	z-index: 3
}

.component--revitex .mobile .end .navigation .title {
	cursor: pointer;
	opacity: .5
}

.component--revitex .mobile .end .navigation .title.--1 {
	opacity: 1
}

.component--revitex .mobile .end .navigation .colours {
	align-items: center;
	display: inline-flex;
	margin: max(.99pc,min(1.25vw,23.94px)) auto auto
}

.component--revitex .mobile .end .image {
	height: 100%;
	left: 50%;
	opacity: .0001;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 100%;
	z-index: 1
}

.component--revitex .mobile .end .image.--1 {
	opacity: 1
}

.component--revitex .mobile .end .boxes {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	width: 100%;
	z-index: 2
}

.component--revitex .mobile .end .boxes.--1 {
	opacity: 1
}

.component--revitex .mobile .end .boxes .box {
	-webkit-backdrop-filter: blur(max(1.1pc,min(1.389vw,26.6px)));
	backdrop-filter: blur(max(1.1pc,min(1.389vw,26.6px)));
	background-color: rgba(28,28,28,.102);
	color: #fff;
	color: var(--white);
	display: flex;
	flex-direction: column;
	height: min(42.051vw,188.6px);
	justify-content: space-between;
	opacity: 1;
	padding: max(.22in,min(1.667vw,31.92px));
	position: absolute;
	width: min(42.051vw,188.6px)
}

.component--revitex .mobile .end .boxes .box .title,.component--revitex .mobile .end .boxes .box .wysiwyg {
	line-height: 1
}

.component--revitex .mobile .end .boxes .box .icon {
	height: max(1.54pc,min(1.944vw,37.24px));
	position: absolute;
	right: max(.22in,min(1.667vw,31.92px));
	top: max(.22in,min(1.667vw,31.92px));
	width: max(1.54pc,min(1.944vw,37.24px))
}

.component--revitex .mobile .end .boxes .box .icon img {
	height: auto;
	width: 100%
}

.component--revitex .mobile .end .boxes .box.--1 {
	bottom: max(220px,min(17.361vw,332.5px));
	left: max(22px,min(1.736vw,33.25px))
}

.component--revitex .mobile .end .boxes .box.--2 {
	bottom: max(6.6pc,min(8.333vw,9.975000000000001pc));
	right: max(22px,min(1.736vw,33.25px))
}

.component--revitex .mobile .end .boxes .box.--3 {
	bottom: max(22px,min(1.736vw,33.25px));
	left: max(22px,min(1.736vw,33.25px))
}

.component--revitex .mobile .end .boxes.--2 .box {
	opacity: .0001
}

.component--revitex .mobile .end .boxes.--3 .box {
	opacity: .0001
}

.component--revitex .mobile .end .boxes.--3 .box.--1 {
	bottom: max(308px,min(24.306vw,465.5px))
}

.component--revitex .mobile .end .boxes.--3 .box.--2 {
	bottom: max(9.9pc,min(12.5vw,239.4px))
}

.component--revitex .mobile .end .boxes.--3 .box.--3 {
	height: max(264px,min(20.833vw,399px))
}

.component--revitex .mobile .end .boxes.--3 .box.--3 .titles {
	display: flex;
	flex-direction: column;
	gap: max(.44pc,min(.556vw,.665pc))
}

.component--truck {
	display: flex;
	flex-direction: column;
	height: 1000vh;
	justify-content: flex-end;
	padding: 0
}

@media (max-width:1100px) {
	.component--truck {
		height: auto
	}
}

.component--truck .desktop .base {
	height: 600vh;
	width: 100%
}

@media (max-width:1100px) {
	.component--truck .desktop .base {
		height: 100lvh
	}
}

.component--truck .desktop .markers {
	pointer-events: none;
	position: relative;
	z-index: 1
}

.component--truck .desktop .markers .item {
	height: 50vh;
	position: relative;
	width: 100%
}

.component--truck .desktop .markers .item .subitem {
	height: 100vh;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%
}

.component--truck .desktop .sticky {
	height: 100vh;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100vw;
	z-index: 1
}

.component--truck .desktop .sticky .video {
	border-radius: 0
}

.component--truck .desktop .sticky .title.--xlarge {
	color: #fff;
	color: var(--white);
	line-height: 1;
	position: absolute;
	white-space: nowrap
}

.component--truck .desktop .sticky .title.--xlarge.--1 {
	left: max(44px,min(3.472vw,66.5px));
	text-align: left;
	top: max(88px,min(6.944vw,133px))
}

.component--truck .desktop .sticky .title.--xlarge.--2 {
	bottom: max(88px,min(6.944vw,133px));
	right: max(44px,min(3.472vw,66.5px));
	text-align: right
}

.component--truck .desktop .sticky .end {
	height: 100%;
	opacity: .0001;
	position: absolute;
	width: 100%
}

.component--truck .desktop .sticky .end .indicators {
	position: absolute;
	right: max(.935pc,min(1.181vw,22.61px));
	top: max(.935pc,min(1.181vw,22.61px))
}

.component--truck .desktop .sticky .end .indicators .button {
	background-color: transparent;
	border: 0;
	cursor: default;
	height: max(.44in,min(3.333vw,3.99pc));
	padding-left: max(.22pc,min(.278vw,5.32px));
	padding-right: max(26.4px,min(2.083vw,.4156250000000001in));
	pointer-events: none;
	width: auto
}

.component--truck .desktop .sticky .end .indicators .button .image {
	background-color: #0a0a0a;
	background-color: var(--black);
	border-radius: max(.88pc,min(1.111vw,1.33pc));
	height: max(36.08px,min(2.847vw,54.53px));
	margin-right: max(.66pc,min(.833vw,15.96px));
	transition: all .6s cubic-bezier(.16,1,.3,1);
	transition: all .6s var(--expoOut);
	width: max(36.08px,min(2.847vw,54.53px))
}

.component--truck .desktop .sticky .end .indicators .button .image img {
	transform: scale(1.2);
	transition: all .6s cubic-bezier(.16,1,.3,1);
	transition: all .6s var(--expoOut)
}

.component--truck .desktop .sticky .end .navigation {
	bottom: max(3.3pc,min(4.167vw,79.80000000000001px));
	color: #fff;
	color: var(--white);
	display: flex;
	flex-direction: column;
	left: max(44px,min(3.472vw,66.5px));
	position: absolute;
	z-index: 3
}

.component--truck .desktop .sticky .end .navigation .title {
	cursor: pointer;
	display: flex;
	gap: max(1.54pc,min(1.944vw,37.24px));
	margin-bottom: max(8.8px,min(.694vw,13.3px));
	opacity: .2
}

.component--truck .desktop .sticky .end .navigation .title .icon {
	align-items: center;
	-webkit-backdrop-filter: blur(max(.88pc,min(1.111vw,1.33pc)));
	backdrop-filter: blur(max(.88pc,min(1.111vw,1.33pc)));
	background-color: hsla(0,0%,100%,.149);
	border-radius: max(.88pc,min(1.111vw,1.33pc));
	display: flex;
	height: max(3.3pc,min(4.167vw,79.80000000000001px));
	justify-content: center;
	width: max(3.3pc,min(4.167vw,79.80000000000001px))
}

.component--truck .desktop .sticky .end .navigation .title .icon img {
	height: max(1.54pc,min(1.944vw,37.24px));
	position: relative;
	width: max(1.54pc,min(1.944vw,37.24px))
}

.component--truck .mobile .top {
	height: 100lvh;
	position: relative
}

.component--truck .mobile .top .title.--xlarge {
	color: #fff;
	color: var(--white);
	line-height: 1;
	position: absolute;
	white-space: nowrap
}

.component--truck .mobile .top .title.--xlarge.--1 {
	left: min(6.154vw,20.7pt);
	text-align: left;
	top: min(15.385vw,69px)
}

.component--truck .mobile .top .title.--xlarge.--2 {
	bottom: min(15.385vw,69px);
	right: min(6.154vw,20.7pt);
	text-align: right
}

.component--truck .mobile .bottom {
	background-color: #e3e1e0;
	height: auto;
	padding: min(15.385vw,69px) min(6.154vw,20.7pt)
}

.component--truck .mobile .bottom .navigation {
	color: #0a0a0a;
	color: var(--black);
	display: flex;
	flex-direction: column;
	left: 0;
	padding: 0;
	position: relative;
	transform: none;
	z-index: 3
}

.component--truck .mobile .bottom .navigation .title {
	align-items: center;
	cursor: pointer;
	display: flex;
	gap: min(3.077vw,10.35pt);
	margin-bottom: max(8.8px,min(.694vw,13.3px))
}

.component--truck .mobile .bottom .navigation .title .icon {
	align-items: center;
	background-color: #f2f2f2;
	border-radius: min(3.077vw,10.35pt);
	display: flex;
	height: min(10.256vw,46px);
	justify-content: center;
	width: min(10.256vw,46px)
}

.component--truck .mobile .bottom .navigation .title .icon img {
	filter: invert(1);
	height: min(4.615vw,20.7px);
	position: relative;
	width: min(4.615vw,20.7px)
}

.component--worldwide {
	background-color: #1d1d1d;
	background-color: var(--dark);
	color: #fff;
	color: var(--white);
	padding-bottom: max(3.3pc,min(4.167vw,79.80000000000001px));
	padding-top: max(3.3pc,min(4.167vw,79.80000000000001px))
}

.component--worldwide .world {
	height: 50vw;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 50vw
}

@media (max-width:1100px) {
	.component--worldwide .world {
		height: 120vw;
		left: -10vw;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 120vw
	}
}

.component--worldwide .world img {
	height: auto;
	width: 100%
}

@media (max-width:1100px) {
	.component--worldwide .top {
		margin: auto;
		text-align: center;
		width: 90vw
	}
}

.component--worldwide .top .title {
	font-size: max(4.4pc,min(5.556vw,6.65pc));
	line-height: 1.2
}

@media (max-width:1100px) {
	.component--worldwide .top .title {
		font-size: min(10.256vw,46px)
	}
}

.component--worldwide .top .wysiwyg {
	margin-top: max(1.76pc,min(2.222vw,2.66pc));
	opacity: .6;
	width: max(391.6px,min(30.903vw,591.85px))
}

@media (max-width:1100px) {
	.component--worldwide .top .wysiwyg {
		font-size: min(4.615vw,20.7px);
		margin-top: min(3.077vw,10.35pt);
		width: 100%
	}
}

.component--worldwide .boxes {
	display: flex;
	gap: max(1.1pc,min(1.389vw,26.6px));
	margin-top: max(264px,min(20.833vw,399px))
}

@media (max-width:1100px) {
	.component--worldwide .boxes {
		flex-wrap: wrap;
		gap: min(3.077vw,10.35pt);
		justify-content: center;
		margin-top: min(82.051vw,23pc)
	}
}

.component--worldwide .boxes .box {
	-webkit-backdrop-filter: blur(max(1.1pc,min(1.389vw,26.6px)));
	backdrop-filter: blur(max(1.1pc,min(1.389vw,26.6px)));
	background-color: hsla(0,0%,100%,.149);
	display: flex;
	flex-direction: column;
	height: max(9.9pc,min(12.5vw,239.4px));
	justify-content: space-between;
	padding: max(1.43pc,min(1.806vw,34.58px));
	width: max(9.9pc,min(12.5vw,239.4px))
}

@media (max-width:1100px) {
	.component--worldwide .boxes .box {
		width: min(42.308vw,142.3125pt)
	}
}

.component--worldwide .boxes .box .wysiwyg {
	opacity: .8
}

.component--overview {
	background-color: #0a0a0a;
	background-color: var(--black);
	color: #fff;
	color: var(--white);
	height: 100vh;
	overflow: hidden;
	padding: max(.99pc,min(1.25vw,23.94px))
}

@media (max-width:1100px) {
	.component--overview {
		height: auto;
		overflow: auto;
		padding-bottom: min(7.692vw,34.5px);
		padding-top: min(20.513vw,92px)
	}
}

.component--overview .columns {
	gap: max(.99pc,min(1.25vw,23.94px));
	margin: 0
}

@media (max-width:1100px) {
	.component--overview .columns {
		flex-wrap: wrap;
		gap: 0
	}
}

.component--overview .columns .item:first-child {
	width: 34%
}

@media (max-width:1100px) {
	.component--overview .columns .item:first-child {
		width: 100%
	}
}

.component--overview .columns .item:nth-child(2) {
	padding-top: max(61.6px,min(4.861vw,93.10000000000001px));
	width: 32%
}

@media (max-width:1100px) {
	.component--overview .columns .item:nth-child(2) {
		padding-top: 0;
		width: 100%
	}
}

.component--overview .columns .item:nth-child(3) {
	width: 34%
}

@media (max-width:1100px) {
	.component--overview .columns .item:nth-child(3) {
		width: 100%
	}
}

.component--overview .box {
	padding: 0
}

@media (max-width:1100px) {
	.component--overview .box {
		margin-bottom: min(2.564vw,11.5px)
	}
}

.component--overview .box.--text {
	background-color: #0a0a0a;
	background-color: var(--black);
	height: calc(40vh - max(23.76px, min(1.875vw, .3740625in)));
	margin-bottom: max(.99pc,min(1.25vw,23.94px))
}

@media (max-width:1100px) {
	.component--overview .box.--text {
		margin-bottom: min(2.564vw,11.5px)
	}
}

.component--overview .box.--text .image {
	opacity: .8
}

.component--overview .box.--text .title {
	left: 50%;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: max(20.9pc,min(26.389vw,5.264583333333333in))
}

.component--overview .box.--slider {
	background-color: #d3cac3;
	background-color: var(--bg-light-alt);
	color: #0a0a0a;
	color: var(--black);
	height: calc(60vh - max(23.76px, min(1.875vw, .3740625in)));
	padding: max(1.54pc,min(1.944vw,37.24px))
}

@media (max-width:1100px) {
	.component--overview .box.--slider {
		margin-bottom: min(2.564vw,11.5px)
	}
}

.component--overview .box.--slider .slider {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.component--overview .box.--slider .slider__inner {
	bottom: 0;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%
}

.component--overview .box.--slider .slider__item {
	bottom: 0;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%
}

.component--overview .box.--slider .slider__arrows {
	display: flex;
	gap: max(.66pc,min(.833vw,15.96px));
	position: absolute;
	right: max(1.54pc,min(1.944vw,37.24px));
	top: max(1.54pc,min(1.944vw,37.24px))
}

.component--overview .box.--slider .slider__arrows .slider__next,.component--overview .box.--slider .slider__arrows .slider__prev {
	align-items: center;
	background-color: #fff;
	background-color: var(--white);
	border-radius: max(2.2pc,min(2.778vw,53.2px));
	color: #0a0a0a;
	color: var(--black);
	cursor: pointer;
	display: flex;
	height: max(2.2pc,min(2.778vw,53.2px));
	justify-content: center;
	transition: all .8s cubic-bezier(.87,0,.13,1);
	transition: all .8s var(--expoInOut);
	width: max(2.2pc,min(2.778vw,53.2px))
}

.component--overview .box.--slider .slider__arrows .slider__next:hover,.component--overview .box.--slider .slider__arrows .slider__prev:hover {
	background-color: #0a0a0a;
	background-color: var(--black);
	color: #fff;
	color: var(--white)
}

.component--overview .box.--slider .slider .content {
	bottom: 0;
	left: 0;
	padding: max(1.54pc,min(1.944vw,37.24px));
	position: absolute
}

.component--overview .box.--slider .slider .content>.title {
	line-height: 1;
	margin-bottom: max(1.1pc,min(1.389vw,26.6px))
}

@media (max-height:680px) {
	.component--overview .box.--slider .slider .content>.title.--small {
		font-size: max(.99pc,min(1.25vw,23.94px))
	}
}

@media (max-height:680px) {
	.component--overview .box.--slider .slider .content>.title.--large {
		font-size: max(2.31pc,min(2.917vw,55.86px))
	}
}

.component--overview .box.--slider .slider .content .group {
	margin-bottom: max(.66pc,min(.833vw,15.96px))
}

.component--overview .box.--slider .slider .content .group:last-child {
	margin-bottom: 0
}

.component--overview .box.--slider .slider .content .group .label {
	margin-bottom: 0
}

.component--overview .box.--slider .slider .content .group .label.--lighter {
	background-color: transparent;
	border: 0;
	opacity: .4;
	padding: 0
}

.component--overview .box.--slider .slider .content .group .clearfix {
	margin-bottom: max(.22pc,min(.278vw,5.32px))
}

.component--overview .box.--slider .slider .link {
	bottom: max(1.54pc,min(1.944vw,37.24px));
	color: #0a0a0a;
	color: var(--black);
	position: absolute;
	right: max(1.54pc,min(1.944vw,37.24px))
}

.component--overview .box.--slider .slider .link i {
	color: #ff5710;
	color: var(--main)
}

.component--overview .box.--video {
	height: calc(60vh - max(23.76px, min(1.875vw, .3740625in)));
	margin-bottom: max(.99pc,min(1.25vw,23.94px))
}

@media (max-width:1100px) {
	.component--overview .box.--video {
		height: 90vw;
		margin-bottom: min(2.564vw,11.5px)
	}
}

.component--overview .box.--sustainability {
	background-color: #0a0a0a;
	background-color: var(--black);
	height: calc(40vh - max(85.36px, min(6.736vw, 8.063125000000001pc)))
}

@media (max-width:1100px) {
	.component--overview .box.--sustainability {
		margin-bottom: min(2.564vw,11.5px)
	}
}

.component--overview .box.--sustainability .image {
	opacity: .7
}

.component--overview .box.--sustainability .center {
	border-radius: max(.88pc,min(1.111vw,1.33pc));
	left: 50%;
	overflow: hidden;
	padding: max(.22in,min(1.667vw,31.92px));
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateX(-50%) translateY(-50%)
}

.component--overview .box.--sustainability .center .label {
	margin-bottom: max(.66pc,min(.833vw,15.96px))
}

.component--overview .box.--sustainability .center .title {
	margin-bottom: max(.66pc,min(.833vw,15.96px));
	white-space: nowrap
}

.component--overview .box.--industries {
	background-color: #d3cac3;
	background-color: var(--bg-light-alt);
	color: #0a0a0a;
	color: var(--black);
	height: calc(56vh - max(23.76px, min(1.875vw, .3740625in)));
	margin-bottom: max(.99pc,min(1.25vw,23.94px));
	padding: max(1.54pc,min(1.944vw,37.24px))
}

@media (max-width:1100px) {
	.component--overview .box.--industries {
		margin-bottom: min(2.564vw,11.5px)
	}
}

.component--overview .box.--industries ul li {
	cursor: pointer;
	display: flex;
	padding-left: 0;
	position: relative;
	transition: all .8s cubic-bezier(.87,0,.13,1);
	transition: all .8s var(--expoInOut)
}

.component--overview .box.--industries ul li video {
	border-radius: max(44px,min(3.472vw,66.5px));
	height: max(44px,min(3.472vw,66.5px));
	left: 0;
	opacity: .0001;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) scale(0);
	transform-origin: 0 50%;
	transition: all .8s cubic-bezier(.87,0,.13,1);
	transition: all .8s var(--expoInOut);
	width: max(44px,min(3.472vw,66.5px))
}

.component--overview .box.--industries ul li .title {
	height: max(44px,min(3.472vw,66.5px));
	line-height: max(44px,min(3.472vw,66.5px));
	transition: all .8s cubic-bezier(.87,0,.13,1);
	transition: all .8s var(--expoInOut)
}

@media (max-height:660px) {
	.component--overview .box.--industries ul li .title {
		font-size: max(26.4px,min(2.083vw,.4156250000000001in));
		height: max(2.2pc,min(2.778vw,53.2px));
		line-height: max(2.2pc,min(2.778vw,53.2px))
	}
}

@media (min-width:1101px) {
	.component--overview .box.--industries ul li:hover {
		padding-left: max(3.74pc,min(4.722vw,90.44px))
	}

	.component--overview .box.--industries ul li:hover video {
		border-radius: max(.99pc,min(1.25vw,23.94px));
		opacity: 1;
		transform: translateY(-50%) scale(1)
	}

	.component--overview .box.--industries ul li:hover .title {
		color: #ff5710;
		color: var(--main)
	}
}

.component--overview .box.--industries .info {
	align-items: center;
	bottom: max(.22in,min(1.667vw,31.92px));
	display: flex;
	left: max(.22in,min(1.667vw,31.92px));
	position: absolute;
	white-space: nowrap;
	width: calc(100% - max(.44in, min(3.333vw, 3.99pc)))
}

.component--overview .box.--industries .info .label {
	height: max(1.1pc,min(1.389vw,26.6px));
	line-height: max(1.1pc,min(1.389vw,26.6px));
	margin-bottom: 0;
	vertical-align: middle
}

.component--overview .box.--industries .info>.label {
	padding-right: max(.22in,min(1.667vw,31.92px))
}

.component--overview .box.--industries .info .carousel {
	cursor: grab;
	height: max(1.1pc,min(1.389vw,26.6px));
	overflow: hidden;
	position: relative;
	vertical-align: middle;
	width: 100%
}

.component--overview .box.--industries .info .carousel.is-dragging {
	cursor: grabbing
}

.component--overview .box.--industries .info .carousel .label {
	opacity: .4;
	white-space: nowrap
}

.component--overview .box.--carousel {
	align-items: center;
	background-color: #fff;
	background-color: var(--white);
	display: flex;
	height: calc(44vh - max(23.76px, min(1.875vw, .3740625in)));
	padding: max(1.54pc,min(1.944vw,37.24px));
	position: relative;
	text-align: center;
	transition: all .8s cubic-bezier(.16,1,.3,1);
	transition: all .8s var(--expoOut);
	width: 100%
}

.component--overview .box.--carousel:hover {
	background-color: #ff5710;
	background-color: var(--main)
}

.component--overview .box.--carousel .center {
	align-items: center;
	display: flex;
	flex-direction: column;
	height: calc(100% - max(3.08pc, min(3.889vw, 74.48px)));
	justify-content: space-between;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 100%
}

.component--overview .box.--carousel .products {
	color: #0a0a0a;
	color: var(--black);
	display: flex;
	flex-wrap: nowrap;
	gap: max(.44pc,min(.556vw,.665pc));
	position: relative;
	transform: scale(1);
	transition: all .8s cubic-bezier(.16,1,.3,1);
	transition: all .8s var(--expoOut);
	width: 120%
}

.component--overview .box.--carousel .products .product {
	height: auto;
	min-width: max(6.82pc,min(8.611vw,164.92000000000002px));
	width: 20%
}

@media (max-height:660px) {
	.component--overview .box.--carousel .products .product {
		min-width: max(88px,min(6.944vw,133px))
	}
}

.component--overview .box.--carousel .products .product .image {
	aspect-ratio: .72;
	border-radius: max(.99pc,min(1.25vw,23.94px));
	height: auto;
	margin-bottom: max(.44pc,min(.556vw,.665pc));
	transition: all .8s cubic-bezier(.87,0,.13,1);
	transition: all .8s var(--expoInOut);
	width: 100%
}

.component--overview .box.--carousel .products .product .wysiwyg {
	font-size: max(.77pc,min(.972vw,18.62px));
	text-align: left
}

@media (max-height:660px) {
	.component--overview .box.--carousel .products .product .wysiwyg {
		font-size: 10px
	}
}

.component--overview .box.--carousel:hover .products {
	transform: scale(1.1)
}

.component--overview+.component--footer {
	display: none!important
}

.component--landing {
	background-color: #1d1d1d;
	background-color: var(--dark);
	min-height: 100vh;
	overflow: hidden;
	padding-bottom: max(3.3pc,min(4.167vw,79.80000000000001px));
	padding-top: max(6.6pc,min(8.333vw,9.975000000000001pc))
}

@media (max-width:1100px) {
	.component--landing {
		height: auto;
		overflow: auto;
		padding-bottom: min(7.692vw,34.5px);
		padding-top: min(20.513vw,92px)
	}
}

@media (max-width:1100px) {
	.component--landing .columns.--1 {
		flex-wrap: wrap
	}
}

.component--landing .columns.--1 .columns__item:first-child {
	width: 50%
}

@media (max-width:1100px) {
	.component--landing .columns.--1 .columns__item:first-child {
		margin-bottom: min(2.564vw,11.5px);
		width: 100%
	}
}

.component--landing .columns.--1 .columns__item:last-child {
	width: 50%
}

@media (max-width:1100px) {
	.component--landing .columns.--1 .columns__item:last-child {
		width: 100%
	}
}

.component--landing .box {
	border-radius: max(26.4px,min(2.083vw,.4156250000000001in));
	display: flex;
	flex-direction: column;
	height: calc(100vh - max(9.9pc, min(12.5vw, 239.4px)));
	justify-content: flex-end
}

@media (max-width:1100px) {
	.component--landing .box {
		height: 80vw
	}
}

.component--landing .box .title span {
	display: block;
	opacity: .4;
	transition: all .6s cubic-bezier(.16,1,.3,1);
	transition: all .6s var(--expoOut)
}

.component--landing .box .arrow {
	background-image: url("img/landing/arrow.svg");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: max(1.76pc,min(2.222vw,2.66pc)) auto;
	bottom: max(44px,min(3.472vw,66.5px));
	height: max(.44in,min(3.333vw,3.99pc));
	position: absolute;
	right: max(44px,min(3.472vw,66.5px));
	width: max(.44in,min(3.333vw,3.99pc))
}

@media (max-width:1100px) {
	.component--landing .box .arrow {
		background-size: min(8.205vw,2.3pc) auto;
		bottom: min(5.128vw,23px);
		height: min(12.308vw,41.4pt);
		right: min(5.128vw,23px);
		width: min(12.308vw,41.4pt)
	}
}

.component--landing .box:hover .title span {
	opacity: 1
}

.page__content {
	padding: 15vw 0 10vw
}

@media (max-width:1100px) {
	.page__content {
		padding: 38vw 0 var(--mobile-size)
	}
}

@media (max-width:600px) and (orientation:portrait) {
	.page__content {
		padding: 45vw 0 var(--mobile-size)
	}
}

.page__content .title {
	margin-bottom: 2rem
}

.page__content .wysiwyg h2 {
	font-size: 150%
}

.page__content .wysiwyg h3 {
	font-size: 140%
}

.page__content .wysiwyg h4 {
	font-size: 130%
}

.page__content .wysiwyg h5 {
	font-size: 120%
}

.page__content .wysiwyg h6 {
	font-size: 110%
}