@font-face {
	font-family: 'Filson Soft';
	src: url('./fonts/custom/filson-soft/FilsonSoftBook-Italic.woff2') format('woff2'),
		url('./fonts/custom/filson-soft/FilsonSoftBook-Italic.woff') format('woff'),
		url('./fonts/custom/filson-soft/FilsonSoftBook-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Filson Soft';
	src: url('./fonts/custom/filson-soft/FilsonSoftLight.woff2') format('woff2'),
		url('./fonts/custom/filson-soft/FilsonSoftLight.woff') format('woff'),
		url('./fonts/custom/filson-soft/FilsonSoftLight.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Filson Soft';
	src: url('./fonts/custom/filson-soft/FilsonSoftMedium-Italic.woff2') format('woff2'),
		url('./fonts/custom/filson-soft/FilsonSoftMedium-Italic.woff') format('woff'),
		url('./fonts/custom/filson-soft/FilsonSoftMedium-Italic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: 'Filson Soft';
	src: url('./fonts/custom/filson-soft/FilsonSoft-BoldItalic.woff2') format('woff2'),
		url('./fonts/custom/filson-soft/FilsonSoft-BoldItalic.woff') format('woff'),
		url('./fonts/custom/filson-soft/FilsonSoft-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Filson Soft';
	src: url('./fonts/custom/filson-soft/FilsonSoftLight-Italic.woff2') format('woff2'),
		url('./fonts/custom/filson-soft/FilsonSoftLight-Italic.woff') format('woff'),
		url('./fonts/custom/filson-soft/FilsonSoftLight-Italic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Filson Soft';
	src: url('./fonts/custom/filson-soft/FilsonSoftBook.woff2') format('woff2'),
		url('./fonts/custom/filson-soft/FilsonSoftBook.woff') format('woff'),
		url('./fonts/custom/filson-soft/FilsonSoftBook.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Filson Soft';
	src: url('./fonts/custom/filson-soft/FilsonSoftThin.woff2') format('woff2'),
		url('./fonts/custom/filson-soft/FilsonSoftThin.woff') format('woff'),
		url('./fonts/custom/filson-soft/FilsonSoftThin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Filson Soft';
	src: url('./fonts/custom/filson-soft/FilsonSoftMedium.woff2') format('woff2'),
		url('./fonts/custom/filson-soft/FilsonSoftMedium.woff') format('woff'),
		url('./fonts/custom/filson-soft/FilsonSoftMedium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Filson Soft';
	src: url('./fonts/custom/filson-soft/FilsonSoft-Bold.woff2') format('woff2'),
		url('./fonts/custom/filson-soft/FilsonSoft-Bold.woff') format('woff'),
		url('./fonts/custom/filson-soft/FilsonSoft-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Filson Soft';
	src: url('./fonts/custom/filson-soft/FilsonSoftRegular-Italic.woff2') format('woff2'),
		url('./fonts/custom/filson-soft/FilsonSoftRegular-Italic.woff') format('woff'),
		url('./fonts/custom/filson-soft/FilsonSoftRegular-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Filson Soft';
	src: url('./fonts/custom/filson-soft/FilsonSoftRegular.woff2') format('woff2'),
		url('./fonts/custom/filson-soft/FilsonSoftRegular.woff') format('woff'),
		url('./fonts/custom/filson-soft/FilsonSoftRegular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Filson Soft';
	src: url('./fonts/custom/filson-soft/FilsonSoftThin-Italic.woff2') format('woff2'),
		url('./fonts/custom/filson-soft/FilsonSoftThin-Italic.woff') format('woff'),
		url('./fonts/custom/filson-soft/FilsonSoftThin-Italic.ttf') format('truetype');
	font-weight: 100;
	font-style: italic;
}

html {
	font-size: 16px;
}

body {
	font-family: 'Filson Soft', sans-serif;
	color: #6E6259;
	font-size: 16px;
	height: 100%;
	width: 100%;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: 300;
	line-height: 1;
	margin: 0;
	font-size: 32px;
}

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

p {
	margin: 0;
}

/* App */

#app {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #fff;
	overflow: hidden;
}

#app > .wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	background: #F6F5F3;
}

#app .branding {
	position: fixed;
	top: 48px;
	left: 48px;
	color: #fff;
	z-index: 1;
}

#app .branding img {
	position: relative;
	display: block;
	width: 260px;
	height: auto;
}

#app .views {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

#app .view,
#app .overlay {
	background: #F6F5F3;
}

#app .view {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: none;
}

#app .view .wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

#app .view .wrapper::before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(246,245,243,0.85);
	background: linear-gradient(180deg, rgba(246, 245, 243, 1) 0%, rgba(246, 245, 243, 0.9) 70%, rgba(246, 245, 243, 0) 100%);
	height: 180px;
	z-index: 1;
}

#app .header {
	position: absolute;
	top: 180px;
	right: 60px;
	text-align: right;
	z-index: 1;
}

#app .content {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*min-height: 100vh;*/
	padding-top: 280px;
	padding-left: 60px;
	padding-right: 60px;
	z-index: 0;
}

#app .footer {
	position: fixed;
	top: auto;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
}


#app .overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 10;
}

#app .background {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#app .views .view.view-splash {
	display: block;
}


/* Language Switcher */

#app .language-switcher {
	position: fixed;
	top: 12px;
	right: 60px;
	z-index: 1;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	transform: scale(1.2);
	transform-origin: 100% 0;
}

#app .language-switcher ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: end;
	padding: 0;
	margin: 0 -12px;
}

#app .language-switcher ul li {
	display: block;
	padding: 0 12px;
	margin: 0;
	margin-left: 0;
}

#app .language-switcher ul li a {
	position: relative;
	display: block;
	text-decoration: none;
	font-size: 20px;
	line-height: 1;
	padding: 6px 0;
	font-weight: 300;
	color: #A59C94;
	border-top: 2px solid transparent;
	border-bottom: 2px solid transparent;
}

#app .language-switcher ul li.current-menu-item a {
	color: #FF5C38;
	border-bottom-color: #FF5C38;
}

#app .language-switcher a.cta-button {
	position: relative;
	display: block;
	text-decoration: none;
	font-size: 20px;
	line-height: 24px;
	padding: 12px 24px 10px 24px;
	font-weight: 400;
	color: #fff;
	background: #FF5C38;
	border-radius: 30px;
	margin-left: 30px;
}

#app .language-switcher a.cta-button,
.block-details .details-slider .single-product .description-actions a,
#app .navigation ul li a,
#app .navigation ul li a::before,
#app .navigation ul li a.arrow,
#app .navigation ul li a.arrow::before,
#app .navigation ul li a.close::before,
#app .modal .button-close-modal,
#app .modal .button-close-modal::before,
.home-menu ul li a,
.block-year .photos-slider .info .info-popup .close-popup,
.block-year .photos-slider .info > .open-popup,
.block-details .details-slider .single-product .hotspots .hotspot .hotspot-icon,
#app .company-tabs ul li a,
.block-home .hero,
#app .list .product,
.block-details .details-slider .single-product .special a.open-popup,
.splash-action a {
	transition: all .3s;
}

#app .language-switcher a.cta-button:hover,
.block-details .details-slider .single-product .description-actions a:hover,
#app .navigation ul li a:hover,
#app .navigation ul li a.arrow:hover,
#app .modal .button-close-modal:hover,
.home-menu ul li a:hover,
.block-year .photos-slider .info .info-popup .close-popup:hover,
.block-details .details-slider .single-product .special a.open-popup:hover,
.splash-action a:hover {
	background-color: #D63D1B;
	border-color: #D63D1B;
	color: #fff;
}

#app .navigation ul li a.arrow:hover::before,
#app .navigation ul li a.close:hover::before,
#app .navigation ul li a.home:hover::before,
#app .modal .button-close-modal:hover::before {
	color: #fff;
}

#app .company-tabs ul li a:hover {
	color: #D63D1B;
}

.block-year .photos-slider .info > .open-popup:hover,
.block-details .details-slider .single-product .hotspots .hotspot .hotspot-icon:hover {
	transform: scale(1.1);
}

.block-home .hero:hover,
#app .list .product:hover {
	box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

/* Idle */

#idle {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}


/* Footer */

/* Footer Navigation */

#app .footer {
	padding-top: 0;
	padding-bottom: 48px;
	padding-left: 24px;
	padding-right: 24px;
}

#app .footer::before {
	content: "";
	position: absolute;
	top: 50%;
	bottom: auto;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(246, 245, 243, 0.8);
	border-radius: 50% 50% 0 0;
	box-shadow: 0 0 40px 40px rgba(246, 245, 243, 0.8);
	transform: scaleX(2);
}

#app .footer .navigation {
	position: relative;
	display: block;
	transform: scale(1.1);
	transform-origin: 50% 0;
}

#app .navigation ul {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	align-items: start;
	justify-content: center;
	padding: 0;
	margin: 0;
	margin-left: -24px;
	margin-right: -24px;
}

#app .navigation ul li {
	position: relative;
	display: block;
	padding: 0px 24px;
}

#app .navigation ul li a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 2px solid #FF5C38;
	background: #F6F5F3;
	text-decoration: none;
	font-size: 0;
	color: transparent;
}

#app .navigation ul li a.arrow {
	background: #FF5C38;
}

#app .navigation ul li a.arrow::before {
	color: #fff;
}

#app .navigation ul li a::before {
	font-family: 'Font Awesome 6 Pro';
	font-weight: 300;
	font-size: 32px;
	content: "";
	color: #FF5C38;
}

#app .navigation ul li a.arrow-right::before {
	content: "\f061";
}

#app .navigation ul li a.arrow-left::before {
	content: "\f060";
}

#app .navigation ul li a.close::before {
	content: "\f00d";
}

#app .navigation ul li a.home::before {
	content: "\e487";
}

#app .navigation.is-beginning .arrow.arrow-left {
	opacity: 0;
}

#app .navigation.is-end .arrow.arrow-right {
	opacity: 0;
}


/* Swiper */

#app .swiper.swiper-horizontal .swiper-pagination {
	bottom: auto;
	top: 100%;
}

#app .swiper .swiper-pagination-bullet {
	height: 10px;
	width: 10px;
	margin: 0 8px;
}

#app .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #FF5C38;
}

/* Teaser */

#app .teaser {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	border: 3px solid #00B03D;
	color: #00B03D;
	font-weight: 500;
	padding: 36px 20px;
	border-radius: 20px;
	font-size: 32px;
	line-height: 1;
	column-gap: 40px;
	justify-content: center;
	align-items: center;
}

#app .teaser .icon {
	position: relative;
	display: block;
	font-size: 48px;
	height: 48px;
	color: #00B03D;
	text-align: center;
}

#app .teaser .icon img {
	position: relative;
	display: block;
	width: 48px;
	height: 48px;
	margin: 0 auto;
}

#app .teaser p {
	margin-top: 8px;
}


/* List */

#app .list .row .col {
	margin-bottom: 48px;
}

#app .list .product {
	position: relative;
	display: block;
	height: 100%;
	background: #fff;
	border-radius: 20px;
	padding: 16px;
}

#app .list .product .icon {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 32px;
	color: #00B03D;
	z-index: 0;
}

#app .list .product .icon img {
	position: relative;
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto;
}

#app .list .product .image {
	position: relative;
	display: block;
	width: 100%;
}

#app .list .product .image img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1/1;
	object-fit: contain;
	max-height: 200px;
}

#app .list .product .description {
	position: relative;
	display: block;
	width: 100%;
	margin-top: 8px;
}

#app .list .product .description h4 {
	min-height: 1.5em;
}

#app .list .product .description h4 span {
	position: relative;
	display: block;
	width: 100%;
}

#app .list .product .description h4 span.title {
	font-size: 0.75em;
	font-weight: 500;
}

#app .list .product .description h4 span.subtitle {
	font-size: 0.5em;
	margin-top: 4px;
}

#app .list .product .description h4::before {
	font-family: 'Font Awesome 6 Pro';
	font-weight: 300;
	font-size: 0.75em;
	content: "\f061";
	color: #FF5C38;
	float: right;
	margin-right: 12px;
	margin-top: -2px;
}

#app .list .product > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}


/* Block Products */

#app .block-products {
	max-width: 960px;
	margin: 0 auto;
}

#app .block-products .teaser {
	margin-bottom: 60px;
}

#app .block-products .list-item h3 {
	margin-bottom: 16px;
}


/* Block Company */

#app .block-company {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

#app .block-company .company-tabs {
	position: absolute;
	top: 250px;
	right: 0;
	width: 100%;
	z-index: 1;
}

#app .company-tabs ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: end;
	padding: 0 60px;
	margin: 0;
}

#app .company-tabs ul li {
	display: block;
	padding: 0;
	margin: 0;
	margin-left: 24px;
}

#app .company-tabs ul li a {
	text-decoration: none;
	font-size: 24px;
	line-height: 1;
	padding: 12px 0;
	font-weight: 500;
	color: #A59C94;
}

#app .company-tabs ul li a.is-active {
	color: #FF5C38;
}


#app .block-company .company-slider {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 0;
	z-index: 0;
}

#app .block-company .company-slider .swiper {
	height: 100%;
}

#app .block-company .company-slider .swiper-sub .swiper-pagination {
	bottom: 136px;
	top: auto;
	transition: transform 1s, opacity 1s;
	transition-delay: 1s;
	transform: translateY(100%);
	opacity: 0;
}

#app .block-company .company-slider .swiper-slide-active .swiper-sub .swiper-pagination {
	transform: translateY(0);
	opacity: 1;
}

#app .block-company .company-slider .swiper-main-slide {
	background: #F6F5F3;
	background: linear-gradient(90deg, rgba(246, 245, 243, 1) 50%, rgba(246, 245, 243, 0) 100%);
}

#app .block-company .company-slider .swiper-main-slide > h3 {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

#app .block-company .company-slider .slide-container {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 360px;
	padding-bottom: 160px;
	padding-left: 60px;
	padding-right: 60px;
	overflow-x: hidden;
	overflow-y: hidden;
}

#app .block-company .company-slider .swiper-sub .swiper-slide.swiper-slide-active .slide-container {
	overflow-x: hidden;
	overflow-y: auto;
}

#app .block-company .company-slider .slide-container::before,
#app .block-company .company-slider .slide-container::after {
	content: "";
	position: fixed;
	top: auto;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(246,245,243,0.85);
	background: linear-gradient(0deg, rgba(246, 245, 243, 1) 0%, rgba(246, 245, 243, 0.9) 50%, rgba(246, 245, 243, 0) 100%);
	height: 60px;
	z-index: 1;
	height: 160px;
}

#app .block-company .company-slider .slide-container::before {
	top: 0;
	bottom: auto;
	background: linear-gradient(180deg, rgba(246, 245, 243, 1) 0%, rgba(246, 245, 243, 0.9) 80%, rgba(246, 245, 243, 0) 100%);
	height: 360px;
}

#app .block-company .company-slider .presentation {
	max-width: 904px;
	margin-left: auto;
	margin-right: auto;
}

#app .block-company .company-slider .presentation.presentation-text {
	font-size: 48px;
	line-height: 1.2;
	font-weight: 300;
	margin-bottom: 48px;
}

#app .block-company .company-slider .presentation.presentation-text strong {
	color: #FF5C38;
	font-weight: inherit;
}

#app .block-company .company-slider .presentation.presentation-text li::marker {
	color: #FF5C38;
}

#app .block-company .company-slider .presentation.presentation-text p {
	margin-bottom: 16px;
}

#app .block-company .company-slider .presentation.presentation-text ul + p {
	margin-top: 48px;
}

#app .block-company .company-slider .presentation.presentation-text img {
	position: relative;
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	padding: 0 60px;
}

#app .block-company .company-slider .presentation.presentation-text ul,
#app .block-company .company-slider .presentation.presentation-text ol {
	padding-left: 50px;
}

#app .block-company .company-slider .presentation.presentation-text em {
	font-size: 16px;
	line-height: 1.2;
	color: #A59C94;
	font-style: normal;
	font-weight: 400;
}

#app .block-company .company-slider .presentation.presentation-image {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	padding-bottom: 60px;
}

#app .block-company .company-slider .presentation.presentation-image img {
	position: relative;
	display: block;
	width: auto;
	height: auto;
	max-width: 50%;
	max-height: 100%;
	left: auto;
	right: 35%;
	margin-left: auto;
}

#app .block-company .company-slider .presentation.presentation-image .description {
	position: absolute;
	top: auto;
	bottom: 0;
	left: 50%;
	display: block;
	width: 50%;
	max-width: 360px;
	background: #fff;
	border-radius: 0 20px 20px 20px;
	font-size: 18px;
	font-weight: 400;
	padding: 24px;
}

#app .block-company .company-slider .presentation.presentation-image .description.pos-top {
	top: 0;
	bottom: auto;
	border-radius: 20px 20px 20px 0;
}

#app .block-company .company-slider .presentation.presentation-image .description p {
	margin: 0;
}

#app .block-company .company-slider .presentation.presentation-image .description p + p {
	margin-top: 8px;
}

#app .block-company .company-slider .presentation.presentation-stats {
	max-width: 680px;
}

#app .stats .stats-item {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: start;
	column-gap: 40px;
	margin-bottom: 8px;
}

#app .stats .stats-item-icon {
	display: block;
	width: 150px;
	height: 150px;
}

#app .stats .stats-item-icon img {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
}

#app .stats .stats-item-value {
	color: #FF5C38;
	font-size: 90px;
	line-height: 1;
	font-weight: 300;
}

#app .stats .stats-item-label {
	color: #A59C94;
	font-size: 22px;
	line-height: 1;
	margin-top: 0;
}

#app .stats .stats-item:nth-child(even) {
	flex-direction: row-reverse;
	justify-content: end;
	text-align: right;
}


/* Block History */

.block-history {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}


/* History Slider */

#app .history-slider {
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 10%;
}

#app .history-slider .swiper {
	transform: rotate(-10deg);
	overflow: visible;
}

#app .history-slider .swiper-slide {
	width: 100%;
	max-width: 440px;
}

#app .history-slider .history-item {
	position: relative;
	width: 100%;
	max-width: 440px;
	margin: 0 auto;
	transition: transform 1s;
	transform: scale(0.8);
}

#app .history-slider .swiper-slide-active .history-item {
	transform: scale(1);
}

#app .history-slider .history-item .year {
	position: relative;
	display: block;
	font-size: 120px;
	line-height: 1;
	font-weight: 200;
	color: #A59C94;
	z-index: 1;
}

#app .history-slider .history-item .photos {
	position: relative;
	display: block;
	width: 100%;
	padding-top: 100%;
	margin-top: -17%;
}

#app .history-slider .history-item .photo {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}

#app .history-slider .history-item .photos img {
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
	transform: translateX(-50%)translateY(-50%);
	box-shadow: 20px 20px 60px rgba(0,0,0,0.3);
}

#app .history-slider .history-item .photo:nth-child(1) {
	transform: rotate(-5deg);
}

#app .history-slider .history-item .photo:nth-child(2) {
	transform: rotate(5deg)translateX(5%)translateY(5%);
}

#app .history-slider .history-item .photo:nth-child(3) {
	transform: rotate(-5deg);
}

#app .history-slider .history-item .photo:nth-child(4) {
	transform: rotate(5deg);
}

#app .history-slider .history-item .photo:last-child {
	transform: rotate(0);
}

#app .history-slider .history-item > a {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#app .history-pagination {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
}

#app .history-pagination .swiper-container {
	position: relative;
	display: block;
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}

#app .history-pagination .swiper-container,
#app .history-pagination .swiper-container > .swiper {
	overflow: visible;
}

#app .history-pagination .year {
	text-align: center;
	font-size: 16px;
	line-height: 24px;
	padding: 12px 0;
	color: #A59C94;
	transition: color .5s, transform .3s, opacity .3s;
	transform: scale(1);
}

#app .history-pagination .swiper-slide-thumb-active .year {
	color: #FF5C38;
	transform: scale(1.2);
}

#app .history-pagination .swiper-slide .year {
	opacity: 0.2;
}

#app .history-pagination .swiper-slide.swiper-slide-visible .year {
	opacity: 1;
}


/* Block Year */

.block-year {
	position: relative;
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	height: 100%;
}

.block-year .photos-slider {
	position: relative;
	display: block;
	height: 100%;
	padding-top: 160px;
	padding-bottom: 160px;
}

.block-year .photos-slider .swiper {
	overflow: visible;
	height: 100%;
}

.block-year .photos-slider .swiper .swiper-pagination {
	
}

.block-year .photos-slider .swiper .swiper-wrapper {
	height: auto;
}

.block-year .photos-slider .swiper .swiper-slide {
	overflow: visible;
}

.block-year .photos-slider .photo {
	position: relative;
	display: block;
	padding-top: 66%;
}

.block-year .photos-slider .photo img {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	transform: rotate(3deg);
	box-shadow: 20px 20px 60px rgba(0, 0, 0, 0.3);
}

.block-year .photos-slider .swiper-slide:nth-child(3n+3) .photo img {
	transform: rotate(3deg)translateX(20px)translateY(10px);
}

.block-year .photos-slider .description {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	max-width: 480px;
	background: #fff;
	padding: 20px;
	border-radius: 20px 0 20px 20px;
	z-index: 1;
	margin-top: -40px;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.3;
}

.block-year .photos-slider .description h3 {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 12px;
}

.block-year .title.title-year {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	font-size: 160px;
	line-height: 1;
	font-weight: 200;
	color: #A59C94;
}

.block-year .photos-slider .info {
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	width: 100%;
	max-width: 480px;
	z-index: 2;
	margin-top: -20px;
	margin-right: -40px;
}

.block-year .photos-slider .info > .open-popup {
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	z-index: 0;
	border: 2px dashed #FF4E50;
	padding: 5px;
	color: #fff;
	text-decoration: none;
	font-size: 24px;
	border-radius: 32px 4px 32px 32px;
}

.block-year .photos-slider .info > .open-popup span {
	position: relative;
	display: flex;
	width: 48px;
	height: 48px;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: #FF4E50;
	background: linear-gradient(90deg, rgba(255, 78, 80, 1) 0%, rgba(255, 92, 56, 1) 50%, rgba(255, 130, 0, 1) 100%);
	border-radius: 24px 2px 24px 24px;
}

.block-year .photos-slider .info > .open-popup span img {
	position: relative;
	display: block;
	width: 48px;
	height: 48px;
}

.block-year .photos-slider .info .info-popup {
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	width: 100%;
	max-width: 480px;
	border-radius: 240px 20px 240px 240px;
	background: #FF4E50;
	background: linear-gradient(90deg, rgba(255, 78, 80, 1) 0%, rgba(255, 92, 56, 1) 50%, rgba(255, 130, 0, 1) 100%);
	z-index: 1;
	margin-top: -10px;
	margin-right: -10px;
	display: none;
}

.block-year .photos-slider .info .info-popup .close-popup {
	position: absolute;
	top: 10px;
	left: auto;
	right: 10px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	color: #fff;
	z-index: 1;
}

.block-year .photos-slider .info .info-popup .close-popup::before {
	font-family: 'Font Awesome 6 Pro';
	font-weight: 300;
	font-size: 32px;
	content: "\f00d";
	color: #fff;
}

.block-year .photos-slider .info .info-popup-content {
	position: relative;
	width: 100%;
	padding: 80px;
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.3;
}

.block-year .photos-slider .info .info-popup-content h4 {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 12px;
}

.block-year .photos-slider .info .info-popup-content .icon {
	font-size: 36px;
	margin-bottom: 24px;
}

.block-year .photos-slider .info .info-popup-content .icon img {
	position: relative;
	display: block;
	width: 64px;
	height: 64px;
}

.block-year .photos-slider .info .info-popup-content .icon,
.block-year .photos-slider .info .info-popup-content p,
.block-year .photos-slider .info .info-popup-content h4 {
	transition: opacity 1s, transform 1s ease-out;
	opacity: 0;
	transform: translateY(50px);
}

.block-year .photos-slider .info .info-popup-content .icon {
	transition-delay: 0ms;
}

.block-year .photos-slider .info .info-popup-content h4 {
	transition-delay: 100ms;
}


.block-year .photos-slider .info .info-popup-content p {
	transition-delay: 200ms;
}

.block-year .photos-slider .info .info-popup.is-active .info-popup-content .icon,
.block-year .photos-slider .info .info-popup.is-active .info-popup-content p,
.block-year .photos-slider .info .info-popup.is-active .info-popup-content h4 {
	opacity: 1;
	transform: translateY(0);
}


.block-year .photos-slider .swiper-slide .description {
	opacity: 0;
	transform: translateY(50px);
	transition: opacity 1s, transform 1s ease-out;
}

.block-year .photos-slider .swiper-slide.swiper-slide-active .description {
	opacity: 1;
	transform: translateY(0);
}

.block-year .photos-slider .swiper-slide .info {
	opacity: 0;
	transform: translateX(-20px)translateY(20px);
	transition: opacity 1s, transform 1s ease-out;
}

.block-year .photos-slider .swiper-slide.swiper-slide-active .info {
	opacity: 1;
	transform: translateX(0)translateY(0);
}


/* Block Home */

.block-home .hero {
	position: relative;
	display: block;
	border-radius: 20px;
	background: #e5e0dd;
	overflow: hidden;
}

.block-home .hero .image {
	position: relative;
	display: block;
	width: 100%;
}

.block-home .hero .image img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}

.block-home .hero .description {
	position: relative;
	display: block;
	width: 100%;
	padding: 0 20px 20px;
}

.block-home .hero .description h3 span {
	position: relative;
	display: block;
	width: 100%;
}

.block-home .hero .description h3::before {
	font-family: 'Font Awesome 6 Pro';
	font-weight: 300;
	font-size: 1em;
	content: "\f061";
	color: #FF5C38;
	float: right;
	margin-right: 10px;
	margin-top: -2px;
}

.block-home .hero > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.home-menu ul {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	margin-left: -20px;
	margin-right: -20px;
	list-style: none;
}

.home-menu ul li {
	position: relative;
	display: block;
	flex: 1 0 0;
	margin: 0;
	padding: 0 20px;
	width: 100%;
	max-width: 100%;
}

.home-menu ul li a {
	position: relative;
	display: block;
	border: 3px solid #FF5C38;
	padding: 24px 12px;
	font-size: 18px;
	text-align: center;
	border-radius: 10px;
	color: #FF4E50;
	text-decoration: none;
	background: #fff;
}

.block-home .home-menu {
	margin-top: 40px;
}


/* Shapes */

#app .view.view-home {
	background: #fff;
}

.view-home .shape,
.view-home .shape img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}

.view-home .shape.shape-top {
	margin-top: 0;
}

.view-home .shape.shape-top img {
	border-top: 100px solid #F6F5F3;
}

.view-home .shape.shape-bottom {
	top: 100%;
	margin-top: -160px;
}

.view-home .shape.shape-bottom img {
	top: 0;
}

.view-home .shape.shape-bottom img {
	height: auto;
	width: 200%;
}

.view-home .shape.shape-bottom img {
	animation-name: homeshape;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	animation-duration: 10s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

.view-home .shape.shape-bottom img:nth-child(1) {
	animation-delay: -1s;
	animation-duration: 8s;
	margin-bottom: 0;
	position: relative;
}

.view-home .shape.shape-bottom img:nth-child(2) {
	animation-delay: -9s;
	animation-duration: 9s;
	margin-top: 20px;
}

.view-home .shape.shape-bottom img:nth-child(3) {
	animation-delay: -5s;
	animation-duration: 10s;
	margin-top: 40px;
}

.view-home .shape.shape-bottom img:nth-child(4) {
	animation-delay: -12s;
	animation-duration: 11s;
	margin-top: 60px;
}

.view-home .shape.shape-bottom img:nth-child(5) {
	animation-delay: -15s;
	animation-duration: 12s;
	margin-top: 80px;
}


@keyframes homeshape {
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}


/* Block Splash */

.block-splash {
	position: relative;
	width: 100%;
	height: 100%;
	padding-top: 300px;
}

.splash-background {
	position: absolute;
	top: 60%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
}

.splash-background img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}

.splash-text,
.splash-image,
.splash-action,
.splash-teaser {
	position: relative;
}

.splash-text {
	display: block;
	width: 100%;
	font-size: 32px;
	line-height: 1.2;
	font-weight: 300;
	z-index: 1;
}

.splash-text::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: rgba(246, 245, 243, 0.8);
	box-shadow: 0 0 40px 40px rgba(246, 245, 243, 0.8);
	transform: scale(1.2);
}

.splash-text .title,
.splash-text .description {
	position: relative;
}

.splash-text .title {
	text-transform: uppercase;
	color: #FF5C38;
	font-weight: 500;
}

.splash-text .description {
	margin-top: 12px;
	font-size: 48px;
}

.splash-image {
	display: block;
	width: 100%;
	/*transform: translateY(-25%);*/
}

.splash-image img {
	display: block;
	width: 100%;
	height: auto;
}

.splash-teaser {
	position: absolute;
	top: 120px;
	right: 0;
	width: 240px;
	height: 240px;
	border-radius: 50%;
	text-align: center;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #FF4E50;
	background: linear-gradient(90deg, rgba(255, 78, 80, 1) 0%, rgba(255, 92, 56, 1) 50%, rgba(255, 130, 0, 1) 100%);
	transform: rotate(8deg);
	margin-right: -80px;
	z-index: 2;
}

.splash-teaser span {
	color: #fff;
	font-size: 32px;
	line-height: 1.2;
	margin-top: 0.25em;
}

.splash-action {
	position: fixed;
	top: auto;
	bottom: 100px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 3;
}

.splash-action a {
	position: relative;
	display: inline-block;
	height: 96px;
	border-radius: 48px;
	font-size: 48px;
	background: #FF5C38;
	padding: 16px 96px 0; 
	text-transform: none;
	text-decoration: none;
	color: #fff;
	font-weight: 300;
}

/* Video BG */

.video-bg {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	z-index: 0;
}


.video-bg.darken::after {
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.video-bg.darken::after {
	background: rgba(0,0,0,0.2);
}

.video-bg video {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	z-index: 0;
	min-width: 100%;
	min-height: 100%;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}


/* Block Details */

.block-details {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	overflow: visible;
}

.block-details .details-slider .single-product {
	position: relative;
	display: block;
	height: 100%;
	width: 100%;
}

.block-details .details-slider .single-product > .title {
	display: none;
}

.block-details .details-slider .single-product .hotspots-wrapper {
	position: relative;
	display: block;
	height: auto;
	width: 100%;
	max-height: 100%;
	max-width: 100%;
	aspect-ratio: 1 / 1;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%);
}

.block-details .details-slider .single-product .hotspots {
	position: relative;
	display: block;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.block-details .details-slider .single-product .hotspots .image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.block-details .details-slider .single-product .hotspots .image img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	max-height: 100%;
	transform: translateX(-50%) translateY(-50%);
	transition: transform 1.2s ease-in-out;
	max-width: 100%;
}

.block-details .details-slider .swiper-slide.swiper-slide-prev .single-product .hotspots .image img {
	transform: translateX(-40%)translateY(-50%);
}

.block-details .details-slider .swiper-slide.swiper-slide-active .single-product .hotspots .image img {
	transform: translateX(-50%)translateY(-50%);
}

.block-details .details-slider .swiper-slide.swiper-slide-next .single-product .hotspots .image img {
	transform: translateX(-60%)translateY(-50%);
}

.block-details .details-slider .single-product .hotspots .image .bio {
	position: absolute;
	top: 220px;
	right: 13%;
	width: 240px;
	height: 240px;
}

.block-details .details-slider .single-product .hotspots .image .bio img {
	position: relative;
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}

.block-details .details-slider .single-product .hotspots .hotspot {
	position: absolute;
	top: 0;
	left: 0;
}

.block-details .details-slider .single-product .hotspots .hotspot .hotspot-icon {
	position: relative;
	display: block;
	height: 48px;
	width: 48px;
	border: 2px solid #FF5C38;
	padding: 4px;
	border-radius: 50%;
	text-decoration: none;
	z-index: 0;
}

.block-details .details-slider .single-product .hotspots .hotspot .hotspot-icon::before {
	font-family: 'Font Awesome 6 Pro';
	font-weight: 900;
	font-size: 18px;
	content: "\2b";
	color: #FF5C38;
	display: block;
	width: 36px;
	height: 36px;
	border: 4px solid #FF5C38;
	text-align: center;
	line-height: 28px;
	border-radius: 50%;
}

.block-details .details-slider .single-product .hotspots .hotspot .hotspot-popup {
	position: absolute;
	top: auto;
	left: auto;
	width: 50vw;
	max-width: 420px;
}

.block-details .details-slider .single-product .hotspots .hotspot.hotspot-pos-top .hotspot-popup {
	top: 0;
	bottom: auto;
}

.block-details .details-slider .single-product .hotspots .hotspot.hotspot-pos-bottom .hotspot-popup {
	top: auto;
	bottom: 0;
}

.block-details .details-slider .single-product .hotspots .hotspot.hotspot-pos-left .hotspot-popup {
	left: 0;
	right: auto;
}

.block-details .details-slider .single-product .hotspots .hotspot.hotspot-pos-right .hotspot-popup {
	left: auto;
	right: 0;
}

/*
.block-details .details-slider .single-product .hotspots .hotspot.hotspot-top .hotspot-popup {
	top: auto;
	bottom: 0;
	transform: translateX(-50%)translateY(0);
}
*/

.block-details .details-slider .single-product .hotspots .hotspot .hotspot-popup {
	display: none;
}


.block-details .details-slider .single-product .description {
	position: absolute;
	display: block;
	top: 90px;
	left: auto;
	right: 0;
	width: 100%;
	padding: 0	60px;
}

.block-details .details-slider .single-product .description-actions {
	position: absolute;
	display: block;
	right: 60px;
}

.block-details .details-slider .single-product .description-actions ul {
	list-style: none;
	display: flex;
	flex-wrap: nowrap;
	column-gap: 32px;
	justify-content: end;
}

.block-details .details-slider .single-product .description-actions ul,
.block-details .details-slider .single-product .description-actions ul li {
	margin: 0;
	padding: 0;
}

.block-details .details-slider .single-product .description-actions a {
	text-decoration: none;
	color: #fff;
	background: #FF5C38;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 30px;
}

.block-details .details-slider .single-product .description-popups {
	position: absolute;
	display: block;
	width: auto;
	left: 60px;
	right: 60px;
	top: 0;
}

.block-details .details-slider .single-product .description-popup {
	position: absolute;
	display: block;
	top: 0;
	left: auto;
	right: 0;
	display: none;
	z-index: 10;
}

.block-details .details-slider .single-product .description-popup.description-popup-info {
	max-width: 420px;
}

.block-details .details-slider .single-product .description-popup.description-popup-video {
	width: 100%;
}

.description-video {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 100%;
}

.description-video video {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.description-video::after {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.details-popup-content {
	font-size: 18px;
	font-weight: 300;
	line-height: 1.3;
	color: #6E6259;
}

.details-popup-content h2,
.details-popup-content h3,
.details-popup-content h4,
.details-popup-content h5,
.details-popup-content h6 {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 12px;
}

.details-popup-content .additional {
	font-size: 16px;
	margin-top: 32px;
}

.details-popup-content .additional h2,
.details-popup-content .additional h3,
.details-popup-content .additional h4,
.details-popup-content .additional h5,
.details-popup-content .additional h6 {
	font-size: 20px;
}

.details-popup-content p,
.details-popup-content ul {
	margin-bottom: 12px;
}

.details-popup-content ul {
	list-style: none;
}

.details-popup-content ul,
.details-popup-content ul li {
	margin: 0;
	padding: 0;
}

.details-popup-content ul li {
	padding-left: 20px;
	margin-bottom: 6px;
}

.details-popup-content ul li::before {
	font-family: 'Font Awesome 6 Pro';
	font-weight: 900;
	font-size: 6px;
	content: "\f111";
	color: #FF5C38;
	float: left;
	margin-left: -20px;
	margin-top: 6px;
}


.block-details .details-slider .single-product .hotspot-popup,
.block-details .details-slider .single-product .special-popup,
.block-details .details-slider .single-product .description-popup {
	background: #fff;
	border-radius: 20px;
	padding: 48px 24px 12px;
	z-index: 10;
}

.block-details .details-slider .single-product .hotspot-popup .close-popup,
.block-details .details-slider .single-product .special-popup .close-popup,
.block-details .details-slider .single-product .description-popup .close-popup {
	position: absolute;
	top: 6px;
	right: 6px;
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	text-decoration: none;
	color: #FF5C38;
	background: #fff;
	border-radius: 24px;
	z-index: 1;
}

.block-details .details-slider .single-product .hotspot-popup .close-popup::before,
.block-details .details-slider .single-product .special-popup .close-popup::before,
.block-details .details-slider .single-product .description-popup .close-popup::before {
	font-family: 'Font Awesome 6 Pro';
	font-weight: 300;
	content: "\f00d";
	color: #FF5C38;
}


.block-details .details-slider .single-product .description-popup.description-popup-video {
	padding: 0;
	border-radius: 0;
}



.block-details .details-slider .single-product .special {
	position: absolute;
	display: block;
	top: auto;
	bottom: 60px;
	left: 60px;
}

.block-details .details-slider .single-product .special a.open-popup {
	position: relative;
	display: inline-block;
	font-size: 20px;
	line-height: 24px;
	padding: 12px 24px;
	border-radius: 24px;
	background: #FF5C38;
	color: #fff;
	text-decoration: none;
}

.block-details .details-slider .single-product .special-popup {
	position: absolute;
	display: block;
	top: auto;
	bottom: 0;
	left: 0;
	min-width: 420px;
}

.block-details .details-slider .single-product .special-popup {
	display: none;
}

.block-details .details-slider {
	position: relative;
	width: 100%;
	height: 100%;
}

#app .view.view-products .overlay > .wrapper > .content .details-slider > .swiper {
	height: 100%;
}

.block-details .details-slider .swiper-pagination {
	bottom: 0;
}


/* Test: Animated */

#app .view .animated {
	opacity: 0;
	transition: transform 1s ease-out, opacity 1s linear;
	transform: translateY(100%);
}

#app .view.is-active .animated {
	opacity: 1;
	transform: translateY(0);
}


/* View: Products */

#app .view.view-products > .wrapper > .content {
	padding-bottom: 108px;
	height: auto;
}

#app .view.view-products > .wrapper::before {
	transform: skew(0, -5deg);
	transform-origin: 0 0;
}

/* Overlay: Details */

#app .view.view-products .overlay > .wrapper > .content {
	padding-bottom: 160px;
	padding-left: 0;
	padding-right: 0;
	padding-top: 160px;
}

#app .view.view-products .overlay > .wrapper > .content .details-slider > .swiper {
	overflow: visible;
}

#app .view.view-products .overlay > .wrapper > .header,
#app .view.view-products .overlay > .wrapper > .footer {
	z-index: 2;
}

#app .view.view-products .overlay .wrapper::before {
	display: none;
}


/* View: Company */

#app .view.view-company > .wrapper > .content {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	height: 100%;
}

#app .view.view-company .wrapper::before {
	content: none;
	display: none;
}

/* View: History */

#app .view.view-history > .wrapper > .content {
	padding-bottom: 160px;
	padding-left: 0;
	padding-right: 0;
}

#app .view.view-history > .wrapper::before {
	display: none;
}


/* Overlay: Year */

#app .view.view-history .overlay > .wrapper > .content {

}

#app .view.view-history .overlay .wrapper::before {
	display: none;
}


/* View: Home */

#app .view.view-home > .wrapper > .content {

}

#app .view.view-home .wrapper::before {
	display: none;
}

#app .view.view-home .block-home {
	max-width: 720px;
	margin: 0 auto;
}


/* View: Splash */

#app .view.view-splash .wrapper {
	overflow: hidden;
}

#app .view.view-splash .wrapper::before {
	display: none;
}

#app .view.view-splash > .wrapper > .content {
	padding-top: 0;
	padding-bottom: 0;
}


/* View: Contact */

.contactform .wpforms-field-label,
.contactform div.wpforms-container-full .wpforms-field-label, 
.contactform .wp-core-ui div.wpforms-container-full .wpforms-field-label {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 12px;
}

.contactform div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices .wpforms-icon-choices-item .wpforms-icon-choices-label {
	font-size: 16px;
	line-height: 20px;
	color: #403F3C;
}

.contactform .wpforms-icon-choices-label {
	font-size: 16px;
	line-height: 20px;
}

.contactform li .wpforms-icon-choices-icon {
	margin-bottom: 20px;
}

.contactform div.wpforms-container-full input[type=date],
.contactform div.wpforms-container-full input[type=datetime],
.contactform div.wpforms-container-full input[type=datetime-local],
.contactform div.wpforms-container-full input[type=email],
.contactform div.wpforms-container-full input[type=month],
.contactform div.wpforms-container-full input[type=number],
.contactform div.wpforms-container-full input[type=password],
.contactform div.wpforms-container-full input[type=range],
.contactform div.wpforms-container-full input[type=search],
.contactform div.wpforms-container-full input[type=tel],
.contactform div.wpforms-container-full input[type=text],
.contactform div.wpforms-container-full input[type=time],
.contactform div.wpforms-container-full input[type=url],
.contactform div.wpforms-container-full input[type=week],
.contactform div.wpforms-container-full select,
.contactform div.wpforms-container-full textarea,
.contactform .wp-core-ui div.wpforms-container-full input[type=date],
.contactform .wp-core-ui div.wpforms-container-full input[type=datetime],
.contactform .wp-core-ui div.wpforms-container-full input[type=datetime-local],
.contactform .wp-core-ui div.wpforms-container-full input[type=email],
.contactform .wp-core-ui div.wpforms-container-full input[type=month],
.contactform .wp-core-ui div.wpforms-container-full input[type=number],
.contactform .wp-core-ui div.wpforms-container-full input[type=password],
.contactform .wp-core-ui div.wpforms-container-full input[type=range],
.contactform .wp-core-ui div.wpforms-container-full input[type=search],
.contactform .wp-core-ui div.wpforms-container-full input[type=tel],
.contactform .wp-core-ui div.wpforms-container-full input[type=text],
.contactform .wp-core-ui div.wpforms-container-full input[type=time],
.contactform .wp-core-ui div.wpforms-container-full input[type=url],
.contactform .wp-core-ui div.wpforms-container-full input[type=week],
.contactform .wp-core-ui div.wpforms-container-full select,
.contactform .wp-core-ui div.wpforms-container-full textarea{
	font-size: 16px;
}

.contactform div.wpforms-container-full,
.contactform div.wpforms-container-full:not(:empty) {
	margin-top: 0;
}


/* Modal */

#app .modal-body {
	padding: 0 48px 48px;
}

#app .modal-header {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	padding: 0;
	border-bottom: none;
}

#app .modal-header .modal-title {
	display: none;
}

#app .modal-content {
	border-radius: 20px;
	/*background: #F6F5F3;*/
	border: none;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

#app .modal-dialog.modal-lg {
	max-width: 640px;
}

#app .modal .button-close-modal {
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	text-decoration: none;
	color: #FF5C38;
	background: #fff;
	border-radius: 24px;
	z-index: 1;
	margin: 6px 6px 0 auto;
}

#app .modal .button-close-modal::before {
	font-family: 'Font Awesome 6 Pro';
	font-weight: 300;
	content: "\f00d";
	color: #FF5C38;
}

#modal-video .modal-content {
	border-radius: 0;
	background: transparent;
}

#modal-video .modal-body {
	padding: 0;
	z-index: 0;
}

#modal-video .modal-header {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	padding: 0;
	margin: 0;
	z-index: 1;
}

.custom-modal-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #403F3C;
	opacity: 0.8;
	z-index: 0;
	z-index: 1050;
	display: none;
}

.modal {
	padding: 0 60px !important;
}

#modal-contact .modal-dialog {
	max-width: 720px;
}

#modal-video .modal-dialog {
	max-width: 90vh;
}



/* ========= Media Display
=============================== */

@media (orientation: landscape) {
	
	#app .header {
		position: absolute;
		top: 120px;
	}
	
	#app .footer {
		padding-bottom: 32px;
	}
	
	#app .content {
		padding-top: 240px;
	}	
	
	/* Company */ 
	
	#app .block-company .company-tabs {
		top: 190px;
	}
	
	#app .block-company .company-slider .slide-container {
		padding-top: 260px;
		padding-bottom: 160px;
	}
	
	#app .block-company .company-slider .slide-container::before {
		height: 260px;
	}
	
	#app .block-company .company-slider .swiper-sub .swiper-pagination {
		bottom: 120px;
	}
	
	#app .block-company .company-slider .presentation.presentation-stats {
		max-width: 960px;
	}
	
	#app .stats .stats-item {
		margin-bottom: -40px;
	}
	
	
	/* History */
	
	#app .view.view-history > .wrapper > .content {
		padding-bottom: 140px;
	}
	
	#app .history-slider .swiper {
		transform: rotate(-8deg);
	}
	
	#app .view.view-history .overlay > .wrapper > .content {
		padding-top: 200px;
	}
	
	.block-year .photos-slider {
		padding-bottom: 140px;
	}
	
	.block-year .photos-slider .description {
		left: auto;
		right: 0;
		bottom: 0;
		top: auto;
		margin-bottom: -10%;
		margin-right: -40%;
	}
	
	.block-year .photos-slider .swiper-slide .description {
		transform: translateX(-100px)translateY(0);
	}
	
	
	/* Products */
	
	#app .view.view-products .overlay > .wrapper > .content {
		padding-bottom: 140px;
	}
	
	.block-details .details-slider .single-product .special {
		bottom: 40px;
	}
	
	.block-details .details-slider .single-product .description {
		top: 20px;
	}
	
	.block-details .details-slider .single-product .hotspots .image .bio {
		right: 0;
		margin-right: -20%;
		top: 120px;
	}	
	
	#app .block-company .company-slider .presentation.presentation-image {
		height: 100%;
	}
	
	.block-details .details-slider .single-product .hotspots-wrapper {
		height: 100%;
		width: auto;
	}
	
	
	/* Splash */
	
	.splash-text {
		max-width: 900px;
	}
	
	.block-splash {
		padding-top: 240px;
	}
	
	.splash-teaser {
		top: 120px;
	}
	
	.splash-image {
		margin-top: -190px;
	}
	
	.splash-image img {
		max-width: 960px;
		margin: 0 auto;
	}
	
}


@media (min-width: 960px) and (orientation: landscape) {

	/* Home */
	
	#app .view.view-home .block-home {
		max-width: 960px;
		margin: 0 auto;
		display: flex;
		column-gap: 40px;
		flex-wrap: nowrap;
	}
	
	#app .block-home .home-menu {
		margin-top: 0;
		flex: 0 0 auto;
		width: 240px;
	}
	
	.home-menu ul {
		flex-direction: column;
		row-gap: 24px;
	}

}


/* Tablet - Small */

@media (max-height: 1280px) and (max-width: 1280px) {
	
	h2, .h2 {
		font-size: 32px;
	}
	
	h3, .h3 {
		font-size: 24px;
	}
	
	h4, .h4 {
		font-size: 20px;
	}
	
	#app .content {
		padding-top: 240px;
	}
	
	#app .branding img {
		width: 200px;
	}
	
	.view-home .shape.shape-bottom {
		margin-top: -140px;
	}	
	
	#app .language-switcher ul li a {
		font-size: 18px;
	}
	
	.block-details .details-slider .single-product .special a.open-popup, #app .language-switcher a.cta-button {
		font-size: 18px;
		padding: 10px 20px 8px 20px;
	}
	
	.home-menu ul {
		margin-left: -16px;
		margin-right: -16px;
	}
	
	.home-menu ul li {
		padding-left: 16px;
		padding-right: 16px;
	}
	
	.home-menu ul li a {
		padding: 18px 8px 16px 8px;
		font-size: 16px;
		line-height: 24px;
	}
	
	#app .header {
		top: 160px;
	}
	
	#app .teaser {
		font-size: 22px;
		column-gap: 24px;
		padding: 24px 20px;
	}
	
	#app .teaser .icon {
		font-size: 36px;
		height: 36px;
	}
	
	#app .teaser .icon img {
		width: 36px;
		height: 36px;
	}
	
	#app .list .product .description h4 {
		min-height: 2em;
	}
	
	#app .list .product .description h4 span.subtitle {
		font-size: 0.66em;
	}
	
	#app .navigation ul li a,
	.block-details .details-slider .single-product .description-actions a {
		width: 48px;
		height: 48px;
	}
	
	#app .navigation ul li a::before,
	.block-details .details-slider .single-product .description-actions a {
		font-size: 24px;
	}
	
	#app .view.view-products .overlay > .wrapper > .content {
		padding-bottom: 140px;
	}
	
	.block-details .details-slider .single-product .hotspots .image .bio {
		right: 5%;
		width: 180px;
		height: 180px;
	}
	
	.block-details .details-slider .single-product {
		padding-bottom: 20px;
	}
	
	.block-details .details-slider .single-product .hotspots .image .bio {
		top: 15%;
	}
	
	.block-details .details-slider .single-product .hotspots .image .bio {
		top: 20%;
	}
	
	#app .history-slider .history-item .year {
		font-size: 100px;
	}
	
	.block-year {
		max-width: 560px;
	}
	
	.block-year .title.title-year {
		font-size: 120px;
	}
	
	.block-year .photos-slider {
		padding-top: 120px;
		padding-bottom: 150px;
	}
	
	#app .view.view-history .overlay > .wrapper > .content {
		padding-top: 200px;
	}
	
	.block-year .photos-slider .description {
		font-size: 16px;
		margin-top: -80px;
		max-width: 420px;
	}
	
	.block-year .photos-slider .description h3 {
		font-size: 20px;
	}
	
	#app .company-tabs ul li a {
		font-size: 18px;
	}
	
	#app .company-tabs ul {
		padding-left: 8px;
		row-gap: 12px;
		column-gap: 24px;
	}
	
	#app .company-tabs ul li {
		margin-left: 0;
	}
	
	#app .block-company .company-tabs {
		top: 220px;
	}
	
	#app .block-company .company-slider .slide-container {
		padding-top: 300px;
	}
	
	#app .block-company .company-slider .slide-container::before {
		height: 300px;
	}
	
	#app .block-company .company-slider .presentation.presentation-text {
		font-size: 36px;
	}
	
	#app .block-company .company-slider .presentation.presentation-image .description {
		font-size: 16px;
	}
	
	#app .block-company .company-slider .presentation.presentation-stats {
		max-width: 520px;
	}
	
	#app .stats .stats-item-value {
		font-size: 64px;
	}
	
	#app .stats .stats-item-label {
		font-size: 16px;
	}
	
	#app .stats .stats-item-icon {
		width: 100px;
		height: 100px;
	}
	
	#app .stats .stats-item {
		column-gap: 32px;
		margin-bottom: 16px;
	}
	
	#app .block-company .company-slider .swiper-sub .swiper-pagination {
		bottom: 120px;
	}
	
	#app .block-company .company-slider .slide-container {
		padding-bottom: 120px;
	}
	
	.splash-text .description {
		font-size: 36px;
	}
	
	.block-splash {
		padding-top: 200px;
	}
	
	.splash-text {
		font-size: 24px;
		max-width: 520px;
	}
	
	.splash-teaser {
		transform: scale(0.8) rotate(8deg);
		transform-origin: 100% 50%;
	}
	
	.splash-action a {
		font-size: 42px;
		padding: 11px 72px 0;
		height: 80px;
	}
	
	.splash-action {
		bottom: 60px;
	}
	
	.block-details .details-slider .single-product .hotspots .hotspot .hotspot-icon::before {
		border: 3px solid #FF5C38;
	}
	
}

/* Tablet - Small - Portrait */

@media (max-height: 1280px) and (orientation: portrait) {
	
	#app .view.view-home .block-home {
		max-width: 520px;
	}
	
	#app .block-products .list-item h3 {
		font-size: 20px;
	}
	
	.block-details .details-slider .single-product .description {
		top: 60px;
	}
	
}


/* Tablet - Small - Landscape */

@media (max-height: 960px) and (orientation: landscape) {
	
	#app .header {
		top: 120px;
	}
	
	#app .content {
		padding-top: 180px;
	}
	
	#app .view.view-home .block-home {
		max-width: 800px;
	}
	
	#app .view.view-products .overlay > .wrapper > .content {
		padding-bottom: 120px;
	}
	
	.block-details .details-slider .single-product .hotspots .image .bio {
		right: 0;
	}
	
	#app .history-slider .swiper-slide {
		max-width: 360px;
	}
	
	#app .view.view-history > .wrapper > .content {
		padding-bottom: 100px;
		padding-top: 220px;
	}
	
	#app .history-slider .history-item .year {
		font-size: 90px;
	}
	
	.block-year {
		max-width: 520px;
	}
	
	#app .view.view-history .overlay > .wrapper > .content {
		padding-top: 150px;
	}
	
	.block-year .photos-slider {
		padding-top: 100px;
		padding-bottom: 130px;
	}
	
	.block-year .title.title-year {
		font-size: 100px;
	}
	
	.block-year .photos-slider .description {
		margin-bottom: 0;
	}
	
	.block-year .photos-slider .info .info-popup-content {
		padding: 40px 40px 80px 80px;
	}
	
	.block-year .photos-slider .info .info-popup-content .icon {
		margin-bottom: 16px;
	}
	
	#app .block-company .company-tabs {
		top: 180px;
	}
	
	#app .block-company .company-slider .slide-container {
		padding-bottom: 100px;
		padding-top: 240px;
	}
	
	#app .block-company .company-slider .slide-container::before {
		height: 240px;
	}
	
	#app .block-company .company-slider .swiper-sub .swiper-pagination {
		bottom: 100px;
	}
	
	#app .block-company .company-slider .slide-container::after {
		height: 100px;
	}
	
	#app .block-company .company-slider .presentation.presentation-image {
		height: 100%;
	}
	
	#app .block-company .company-slider .presentation.presentation-image img {
		right: 35%;
	}
	
	#app .block-company .company-slider .presentation.presentation-image .description {
		left: 60%;
		width: 40%;
	}
	
	#app .block-company .company-slider .presentation.presentation-stats {
		max-width: 680px;
	}
	
	#app .stats .stats-item {
		margin-bottom: -30px;
	}
	
	.splash-text {
		max-width: 660px;
	}
	
	.splash-image {
		margin-top: -160px;
	}
	
	.splash-image img {
		max-width: 720px;
		margin: 0 auto;
	}
	
}


/* Display */

@media (min-width: 1700px) or (min-height: 1700px) {
	
	.block-details .details-slider .single-product {
		padding-bottom: 30px;
	}
	
	#app .history-slider .swiper-slide,
	#app .history-slider .history-item {
		max-width: 600px;
	}
	
	#app .view.view-history > .wrapper > .content {
		padding-top: 300px;
	}
	
	.home-menu ul li a {
		font-size: 22px;
	}
	
	.splash-text {
		max-width: 960px;
		padding-left: 60px;
	}
	
	#app .footer .navigation {
		transform: scale(1.33);
		transform-origin: 50% 0;
	}
	
	#app .language-switcher {
		transform: scale(1.3);
	}
	
}

/* Display - Portrait */

@media (min-height: 1700px) and (orientation: portrait) {
	
	#app .block-company .company-slider .presentation.presentation-image img {
		max-width: 70%;
		right: 20%;
	}
	
	#app .block-company .company-slider .presentation.presentation-text {
		font-size: 58px;
	}
	
	#app .block-company .company-slider .slide-container {
		padding-top: 540px;
	}
	
	#app .branding img {
		width: 320px;
	}
	
	.h2, h2 {
		font-size: 48px;
	}
	
	#app .header {
		top: 300px;
	}
	
	#app .language-switcher {
		top: 24px;
	}
	
	.view-home .shape.shape-bottom {
		margin-top: 0;
		top: auto;
		bottom: 0;
	}
	
	#app .content {
		padding-top: 480px;
	}
	
	#app .list .product .image img {
		max-height: 240px;
	}
	
	#app .view.view-products .overlay > .wrapper > .content {
		padding-bottom: 240px;
		padding-top: 320px;
	}
	
	#app .block-company .company-tabs {
		top: 400px;
	}
	
	.view-home .shape.shape-top img {
		border-top: 200px solid #F6F5F3;
	}
	
	#app .branding {
		top: 96px;
		left: 96px;
	}
	
	#app .footer {
		padding-bottom: 96px;
	}
	
	#app .block-company .company-slider .swiper-sub .swiper-pagination {
		bottom: 240px;
	}
	
	#app .view.view-history > .wrapper > .content {
		padding-bottom: 300px;
	}
	
	.block-year .photos-slider {
		padding-bottom: 300px;
	}
	
	.block-year {
		max-width: 760px;
	}
	
	.block-splash {
		padding-top: 440px;
	}
	
	.splash-text {
		max-width: 900px;
		padding-left: 0;
	}
	
	.splash-image {
		margin-top: 80px;
	}
	
	.splash-teaser {
		top: 180px;
	}
	
	.splash-action {
		bottom: 200px;
	}
	
}

/* Smartphone */

@media (max-height: 990px) and (max-width: 990px) {
	
	#app .content {
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 180px;
		padding-bottom: 120px;
		/*height: 100%;*/
	}
	
	#app .view.view-splash .content {
		height: 100%;
	}
	
	#app .view.view-home .content {
		padding-top: 120px;
		height: auto;
	}
	
	#app .branding {
		top: 20px;
		left: 20px;
	}
	
	#app .branding img {
		width: 140px;
	}
	
	#app .language-switcher {
		top: 20px;
		right: 20px;
	}
	
	.block-home .home-menu {
		margin-top: 32px;
	}
	
	.home-menu ul {
		flex-direction: column;
		row-gap: 10px;
	}
	
	.block-home .hero .image img {
		width: 80%;
		margin: 0 auto;
	}
	
	.splash-teaser {
		transform: scale(0.6) rotate(8deg);
		margin-right: -40px;
		top: 70px;
	}
	
	.splash-action a {
		font-size: 32px;
		padding: 8px 48px 0;
		height: 60px;
	}
	
	.block-splash {
		padding-top: 120px;
	}
	
	.splash-teaser {
		display: none;
	}
	
	.splash-text {
		font-size: 20px;
	}
	
	.splash-text .description {
		font-size: 24px;
	}	
	
	.splash-image {
		margin: 0 0 20px 0;
	}
	
	/*
	.splash-action {
		position: relative;
		margin: 0 auto;
		text-align: center;
		left: auto;
		transform: none;
		bottom: auto;
	}
	*/
	
	.splash-action {
		bottom: 30px;
	}
	
	.home-menu ul li a {
		padding: 14px 8px 12px 8px;
	}
	
	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
		line-height: 1.2;
	}
	
	h2, .h2 {
		font-size: 24px;
	}
	
	h3, .h3 {
		font-size: 20px;
	}	
	
	#app .header {
		top: 120px;
		right: 20px;
	}
	
	#app .teaser {
		font-size: 18px;
		line-height: 24px;
		column-gap: 24px;
		padding: 12px 20px;
	}
	
	#app .block-products .teaser {
		margin-bottom: 40px;
	}
	
	#app .list .row .col {
		margin-bottom: 20px;
	}
	
	#app .view .wrapper::before {
		height: 120px;
	}
	
	#app .block-products .list-item h3 {
		margin-bottom: 12px;
		margin-top: 12px;
	}
	
	#app .list .product .description h4 {
		min-height: auto;
	}
	
	#app .footer {
		padding-bottom: 24px;
	}
	
	#app .language-switcher a.cta-button {
		font-size: 0;
		width: 42px;
		height: 42px;
		padding: 0;
		text-align: center;
		margin-left: 20px;
	}
	
	#app .language-switcher a.cta-button::before {
		font-family: 'Font Awesome 6 Pro';
		font-weight: 300;
		font-size: 20px;
		line-height: 42px;
		content: "\f086";
	}
	
	.modal {
		padding: 0 !important;
	}
	
	#app .modal-body {
		padding: 0 20px 20px;
	}
	
	#app div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-small svg {
		height: 28px;
	}
	
	.details-popup-content h2,
	.details-popup-content h3,
	.details-popup-content h4,
	.details-popup-content h5,
	.details-popup-content h6 {
		font-size: 20px;
	}
	
	.details-popup-content {
		font-size: 16px;
	}
	
	.details-popup-content .additional h2,
	.details-popup-content .additional h3,
	.details-popup-content .additional h4,
	.details-popup-content .additional h5,
	.details-popup-content .additional h6 {
		font-size: 18px;
	}
	
	#app #modal-video .modal-body {
		padding: 0;
	}
	
	#app .view.view-products .overlay > .wrapper > .content {
		padding-bottom: 110px;
		height: 100%;
	}
	
	.block-details .details-slider .single-product .special {
		bottom: 20px;
		left: 20px;
	}
	
	.block-details .details-slider .single-product .description {
		top: 0;
	}
	
	.block-details .details-slider .single-product .description-actions {
		position: absolute;
		display: block;
		right: 20px;
	}
	
	.block-details .details-slider .single-product .special a.open-popup {
		font-size: 14px;
		padding: 8px 16px 6px 16px;
	}
	
	.block-details .details-slider .single-product .hotspots .image .bio {
		top: 5%;
		width: 140px;
		height: 140px;
	}
	
	.view-home .shape.shape-bottom {
		margin-top: 0;
		bottom: 0;
	}
	
	.view-home .shape.shape-bottom img {
		top: auto;
		bottom: 0;
	}
	
	.view-home .shape.shape-bottom img:nth-child(1) {
		margin-bottom: 0;
		position: absolute;
		margin-top: 0;
	}
	
	.view-home .shape.shape-bottom img:nth-child(2) {
		margin-bottom: -10px;
		margin-top: 0;
	}
	
	.view-home .shape.shape-bottom img:nth-child(3) {
		margin-bottom: -20px;
		margin-top: 0;
	}
	
	#app .history-slider .swiper-slide {
		max-width: 300px;
	}
	
	#app .view.view-history > .wrapper > .content {
		padding-bottom: 120px;
		padding-top: 140px;
	}
	
	#app .history-slider .history-item .year {
		font-size: 72px;
	}
	
	.block-year .photos-slider {
		padding-top: 80px;
		padding-bottom: 0;
	}
	
	.block-year .title.title-year {
		font-size: 80px;
	}
	
	#app .view.view-history .overlay > .wrapper > .content {
		padding-top: 160px;
	}
	
	#app .view.view-history .overlay > .wrapper > .content {
		padding-right: 60px;
	}
	
	.block-year .photos-slider .description {
		font-size: 14px;
		margin-top: -40px;
	}
	
	.block-year .photos-slider .description h3 {
		font-size: 16px;
	}
	
	.block-year .photos-slider .info .info-popup-content {
		padding: 40px;
		font-size: 16px;
	}
	
	.block-year .photos-slider .info .info-popup {
		border-radius: 120px 20px 120px 80px;
	}
	
	.block-year .photos-slider .info .info-popup-content {
		padding: 32px 32px 48px 32px;
		font-size: 16px;
	}
	
	#app .company-tabs ul li a {
		font-size: 16px;
	}
	
	#app .company-tabs ul {
		padding-right: 20px;
		row-gap: 8px;
	}
	
	#app .block-company .company-tabs {
		top: 170px;
	}
	
	#app .block-company .company-slider .slide-container {
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 270px;
	}
	
	#app .block-company .company-slider .slide-container::before {
		height: 270px;
	}
	
	#app .block-company .company-slider .presentation.presentation-text {
		font-size: 22px;
		line-height: 1.3;
	}
	
	#app .block-company .company-slider .swiper-sub .swiper-pagination {
		bottom: 90px;
	}
	
	#app .stats .stats-item-value {
		font-size: 40px;
	}
	
	#app .stats .stats-item-icon {
		width: 72px;
		height: 72px;
	}
	
	#app .stats .stats-item {
		column-gap: 24px;
		margin-bottom: 10px;
	}
	
	#app .block-company .company-slider .presentation.presentation-text img {
		padding: 0;
	}
	
	#app .block-company .company-slider .presentation.presentation-image img {
		max-width: 100%;
		right: auto;
		width: auto;
		max-height: 320px;
		height: 100%;
		margin-left: 0;
	}
	
	#app .block-company .company-slider .presentation.presentation-image .description,
	#app .block-company .company-slider .presentation.presentation-image .description.pos-top {
		bottom: auto;
		top: auto;
		position: relative;
		left: 10%;
		width: 90%;
		margin-top: -20px;
		border-radius: 0 20px 20px 20px;
	}
	
	#app .block-company .company-slider .presentation.presentation-image .description {
		font-size: 15px;
	}
	
}

.rotate-phone {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #F6F5F3;
	color: #6E6259;
	z-index: 999999;
	display: none;
}

.rotate-phone-content {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	padding: 20px;
	transform: translateY(-50%);
}

.rotate-phone .icon {
	display: block;
	width: 60px;
	margin: 0 auto;
	opacity: 0.2;
}

.rotate-phone .icon img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
}

.rotate-phone .icon + .text {
	margin-top: 20px;
}

@media (max-height: 580px) and (orientation: landscape) {
	
	.rotate-phone {
		display: block;
	}
	
}

/* Display */

/* Now in 4K */

@media (min-width: 2570px) or (min-height: 2570px) {
	
	body {
		font-size: 32px;
	}
	
	h1, h2, h3, h4, h5, h6, 
	.h1, .h2, .h3, .h4, .h5, .h6 {
		font-size: 64px;
	}
	
	.h2, h2 {
		font-size: 96px;
	}
	
	#app .header {
		top: 600px;
		right: 120px;
	}
	
	#app .content {
		padding-left: 120px;
		padding-right: 120px;
		padding-top: 960px;
	}
	
	#app .branding {
		top: 192px;
		left: 192px;
	}
	
	#app .branding img {
		width: 640px;
	}
	
	#app .language-switcher {
		top: 48px;
		right: 120px;
	}
	
	#app .language-switcher ul {
		margin: 0 -24px;
	}
	
	#app .language-switcher ul li {
		padding: 0 24px;
	}
	
	#app .language-switcher ul li a {
		font-size: 40px;
		padding: 12px 0;
		border-top-width: 4px;
		border-bottom-width: 4px;
	}
	
	#app .language-switcher a.cta-button {
		font-size: 40px;
		line-height: 48px;
		padding: 24px 48px 20px 48px;
		border-radius: 60px;
		margin-left: 60px;
	}
	
	#app .footer {
		padding-left: 48px;
		padding-right: 48px;
		padding-bottom: 192px;
	}
	
	#app .footer::before {
		box-shadow: 0 0 80px 80px rgba(246, 245, 243, 0.8);
	}
	
	#app .navigation ul {
		margin-left: -48px;
		margin-right: -48px;
	}
	
	#app .navigation ul li {
		padding: 0px 48px;
	}
	
	#app .navigation ul li a {
		width: 120px;
		height: 120px;
		border-width: 4px;
	}
	
	#app .navigation ul li a::before {
		font-size: 64px;
	}
	
	
	/* Modal */
	
	#app .modal-body {
		padding: 0 96px 96px;
	}
	
	#app #modal-video .modal-body {
		padding: 0;
	}
	
	#app .modal-content {
		border-radius: 40px;
		box-shadow: 0 40px 80px rgba(0, 0, 0, 0.1);
	}
	
	.modal-dialog {
		max-width: 1000px;
	}
	
	#app .modal-header {
		border-top-left-radius: 40px;
		border-top-right-radius: 40px;
	}
	
	#app .modal .button-close-modal {
		width: 96px;
		height: 96px;
		font-size: 48px;
		border-radius: 48px;
		margin: 12px 12px 0 auto;
	}
	
	.details-popup-content .additional {
		font-size: 32px;
		margin-top: 64px;
	}
	
	.details-popup-content .additional h2, .details-popup-content .additional h3, .details-popup-content .additional h4, .details-popup-content .additional h5, .details-popup-content .additional h6 {
		font-size: 40px;
	}
	
	.modal {
		padding: 0 120px !important;
	}
	
	
	/* Splash */
	
	.block-splash {
		padding-top: 880px;
	}
	
	.splash-text {
		font-size: 64px;
		max-width: 1800px;
	}
	
	.splash-text .description {
		margin-top: 24px;
		font-size: 96px;
	}
	
	.splash-action {
		bottom: 400px;
	}
	
	.splash-action a {
		height: 192px;
		border-radius: 96px;
		font-size: 96px;
		padding: 32px 192px 0;
	}
	
	.splash-image {
		margin-top: 160px;
	}
	
	.splash-teaser {
		top: 360px;
	}
	
	.splash-teaser {
		width: 480px;
		height: 480px;
		border-radius: 50%;
		margin-right: -160px;
	}
	
	.splash-teaser span {
		font-size: 64px;
	}
	
	
	/* Home */
	
	#app .view.view-home .block-home {
		max-width: 1440px;
	}
	
	.block-home .hero .description {
		padding: 0 40px 40px;
	}
	
	.block-home .hero,
	.block-home .hero > a {
		border-radius: 40px;
	}
	
	.home-menu ul li a {
		font-size: 44px;
		border-width: 6px;
		padding-top: 48px;
		padding-bottom: 48px;
		border-radius: 20px;
	}
	
	.block-home .home-menu {
		margin-top: 80px;
	}
	
	.home-menu ul {
		margin-left: -40px;
		margin-right: -40px;
	}
	
	.home-menu ul li {
		padding: 0 40px;
	}
	
	.view-home .shape.shape-top img {
		border-top-width: 400px;
	}
	
	
	/* Products */
	
	#app .block-products {
		max-width: 1920px;
	}
	
	#app .block-products .teaser {
		margin-bottom: 120px;
	}
	
	#app .teaser {
		border-width: 6px;
		padding: 72px 40px;
		border-radius: 40px;
		font-size: 64px;
		column-gap: 80px;
	}
	
	#app .teaser .icon,
	#app .teaser .icon img {
		width: 96px;
		height: 96px;
	}
	
	#app .list .product,
	#app .list .product > a {
		border-radius: 40px;
	}
	
	#app .list .product {
		padding: 32px;
	}
	
	#app .list .product .description {
		margin-top: 16px;
	}
	
	#app .list .product .description h4 span.subtitle {
		margin-top: 8px;
	}
	
	#app .list .product .description h4::before {
		margin-right: 24px;
		margin-top: -4px;
	}
	
	#app .list .product .image img {
		max-height: 480px;
	}
	
	#app .list .product .icon {
		top: 40px;
		right: 40px;
		font-size: 64px;
	}
	
	#app .list .product .icon img {
		width: 64px;
		height: 64px;
	}
	
	#app .block-products .list-item h3 {
		margin-bottom: 32px;
	}
	
	#app .list .row {
		margin-left: -24px;
		margin-right: -24px;
	}
	
	#app .list .row>* {
		padding-right: 24px;
		padding-left: 24px;
	}
	
	#app .list .row .col {
		margin-bottom: 96px;
	}
	
	
	/* Company */
	
	#app .block-company .company-slider .slide-container::before {
		height: 720px;
	}
	
	#app .block-company .company-slider .presentation {
		max-width: 1808px;
	}
	
	#app .block-company .company-slider .presentation.presentation-text {
		margin-bottom: 96px;
		font-size: 116px;
	}
	
	#app .block-company .company-slider .slide-container {
		padding-top: 1080px;
		padding-left: 120px;
		padding-right: 120px;
	}
	
	#app .block-company .company-slider .presentation.presentation-text p {
		margin-bottom: 32px;
	}
	
	#app .block-company .company-tabs {
		top: 800px;
	}
	
	#app .company-tabs ul {
		padding: 0 120px;
	}
	
	#app .company-tabs ul li {
		margin-left: 48px;
	}
	
	#app .company-tabs ul li a {
		font-size: 48px;
		padding: 24px 0;
	}
	
	#app .block-company .company-slider .swiper-sub .swiper-pagination {
		bottom: 480px;
	}
	
	#app .swiper .swiper-pagination-bullet {
		height: 20px;
		width: 20px;
		margin: 0 16px;
	}
	
	#app .block-company .company-slider .presentation.presentation-stats {
		max-width: 1360px;
	}
	
	#app .stats .stats-item {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: start;
		column-gap: 80px;
		margin-bottom: 16px;
	}
	
	#app .stats .stats-item-icon {
		width: 300px;
		height: 300px;
	}
	
	#app .stats .stats-item-value {
		font-size: 180px;
	}
	
	#app .stats .stats-item-label {
		font-size: 44px;
	}
	
	#app .block-company .company-slider .presentation.presentation-text em {
		font-size: 32px;
	}
	
	#app .block-company .company-slider .presentation.presentation-image .description {
		max-width: 720px;
		border-radius: 0 40px 40px 40px;
		font-size: 36px;
		padding: 48px;
	}
	
	#app .block-company .company-slider .presentation.presentation-image {
		padding-bottom: 120px;
	}
	
	#app .block-company .company-slider .presentation.presentation-text img {
		padding: 0 120px;
	}
	
	#app .block-company .company-slider .presentation.presentation-image .description p + p {
		margin-top: 16px;
	}
	
	
	/* History */
	
	#app .view.view-history > .wrapper > .content {
		padding-top: 600px;
		padding-bottom: 600px;
	}
	
	#app .history-pagination .year {
		font-size: 32px;
		line-height: 48px;
		padding: 24px 0;
	}
	
	#app .history-pagination .swiper-container {
		max-width: 800px;
	}
	
	#app .history-slider .swiper-slide, #app .history-slider .history-item {
		max-width: 1200px;
	}
	
	#app .history-slider .history-item .year {
		font-size: 240px;
	}
	
	.block-year {
		max-width: 1520px;
	}
	
	.block-year .photos-slider {
		padding-top: 320px;
		padding-bottom: 600px;
	}
	
	.block-year .title.title-year {
		font-size: 320px;
	}
	
	.block-year .photos-slider .description {
		max-width: 960px;
		padding: 40px;
		border-radius: 40px 0 40px 40px;
		margin-top: -80px;
		font-size: 36px;
	}
	
	.block-year .photos-slider .description h3 {
		font-size: 48px;
		margin-bottom: 24px;
	}
	
	.block-year .photos-slider .info {
		max-width: 960px;
		margin-top: -40px;
		margin-right: -80px;
	}
	
	.block-year .photos-slider .info > .open-popup {
		border-width: 2px;
		padding: 10px;
		font-size: 48px;
		border-radius: 64px 8px 64px 64px;
		border-width: 4px;
	}
	
	.block-year .photos-slider .info .info-popup {
		max-width: 960px;
		border-radius: 480px 40px 480px 480px;
		margin-top: -20px;
		margin-right: -20px;
	}
	
	.block-year .photos-slider .info .info-popup .close-popup {
		top: 20px;
		right: 20px;
		width: 100px;
		height: 100px;
	}
	
	.block-year .photos-slider .info .info-popup .close-popup::before {
		font-size: 64px;
	}
	
	.block-year .photos-slider .info .info-popup-content {
		padding: 160px;
		font-size: 36px;;
	}
	
	.block-year .photos-slider .info .info-popup-content .icon {
		font-size: 72px;
		margin-bottom: 48px;
	}
	
	.block-year .photos-slider .info .info-popup-content .icon img {
		width: 128px;
		height: 128px;
	}
	
	.block-year .photos-slider .info .info-popup-content h4 {
		font-size: 48px;
		margin-bottom: 24px;
	}
	
	.block-year .photos-slider .photo img {
		box-shadow: 40px 40px 120px rgba(0, 0, 0, 0.3);
	}
	
	.block-year .photos-slider .swiper-slide:nth-child(3n+3) .photo img {
		transform: rotate(3deg) translateX(40px) translateY(20px);
	}
	
	.block-year .photos-slider .info > .open-popup span {
		width: 96px;
		height: 96px;
		border-radius: 48px 4px 48px 48px;
	}
	
	.block-year .photos-slider .info > .open-popup span img {
		width: 96px;
		height: 96px;
	}
	
	
	/* Product Details */
	
	#app .view.view-products .overlay > .wrapper > .content {
		padding-bottom: 480px;
		padding-top: 640px;
	}
	
	.block-details .details-slider .single-product .description {
		top: 180px;
		padding: 0 120px;
	}
	
	.block-details .details-slider .single-product .description-actions {
		right: 120px;
	}
	
	.block-details .details-slider .single-product .description-actions ul {
		column-gap: 64px;
	}
	
	.block-details .details-slider .single-product .description-actions a {
		width: 120px;
		height: 120px;
		font-size: 60px;
	}
	
	.block-details .details-slider .single-product {
		padding-bottom: 60px;
	}
	
	.block-details .details-slider .single-product .hotspots .hotspot .hotspot-icon {
		height: 96px;
		width: 96px;
		border-width: 4px;
		padding: 8px;
	}
	
	.block-details .details-slider .single-product .hotspots .hotspot .hotspot-icon::before {
		font-size: 36px;
		width: 72px;
		height: 72px;
		border-width: 8px;
		line-height: 56px;
	}
	
	.block-details .details-slider .single-product .hotspot-popup, .block-details .details-slider .single-product .special-popup, .block-details .details-slider .single-product .description-popup {
		border-radius: 40px;
		padding: 96px 48px 24px;
	}
	
	.block-details .details-slider .single-product .hotspots .hotspot .hotspot-popup {
		max-width: 840px;
	}
	
	.block-details .details-slider .single-product .hotspot-popup .close-popup, .block-details .details-slider .single-product .special-popup .close-popup, .block-details .details-slider .single-product .description-popup .close-popup {
		top: 12px;
		right: 12px;
		width: 96px;
		height: 96px;
		font-size: 48px;
		border-radius: 48px;
	}
	
	.details-popup-content {
		font-size: 36px;
	}
	
	.details-popup-content h2, .details-popup-content h3, .details-popup-content h4, .details-popup-content h5, .details-popup-content h6 {
		font-size: 48px;
		margin-bottom: 24px;
	}
	
	.details-popup-content p, .details-popup-content ul {
		margin-bottom: 24px;
	}
	
	.details-popup-content ul li {
		padding-left: 40px;
		margin-bottom: 12px;
	}
	
	.details-popup-content ul li::before {
		font-size: 12px;
		margin-left: -40px;
		margin-top: 12px;
	}
	
	.block-details .details-slider .single-product .hotspots .image .bio {
		top: 440px;
		width: 480px;
		height: 480px;
	}
	
	.block-details .details-slider .single-product .special {
		bottom: 120px;
		left: 120px;
	}
	
	.block-details .details-slider .single-product .special a.open-popup {
		font-size: 40px;
		line-height: 48px;
		padding: 24px 48px;
		border-radius: 48px;
	}
	
	
	/* Contact */
	
	#modal-contact .modal-dialog {
		max-width: 1440px;
	}
	
	#app .contactform .wpforms-icon-choices-label {
		font-size: 32px;
		line-height: 40px;
	}
	
	#app .contactform div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices .wpforms-icon-choices-item .wpforms-icon-choices-label {
		font-size: 32px;
		line-height: 40px;
	}
	
	#app .contactform .wpforms-field-label, .contactform div.wpforms-container-full .wpforms-field-label, .contactform .wp-core-ui div.wpforms-container-full .wpforms-field-label {
		font-size: 32px;
		line-height: 40px;
		margin-bottom: 24px;
	}
	
	#app div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-small svg {
		height: 80px;
	}
	
	#app .wpforms-container-full ul.wpforms-icon-choices.wpforms-icon-choices-modern li .wpforms-icon-choices-icon {
		margin-bottom: 20px;
	}
	
	#app div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li label {
		padding: 40px;
		border-width: 4px;
	}
	
	#app div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices {
		gap: 44px;
	}
	
	#app .wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field {
		padding: 30px 0; 
	}
	
	.contactform div.wpforms-container-full input[type=date],
	.contactform div.wpforms-container-full input[type=datetime],
	.contactform div.wpforms-container-full input[type=datetime-local],
	.contactform div.wpforms-container-full input[type=email],
	.contactform div.wpforms-container-full input[type=month],
	.contactform div.wpforms-container-full input[type=number],
	.contactform div.wpforms-container-full input[type=password],
	.contactform div.wpforms-container-full input[type=range],
	.contactform div.wpforms-container-full input[type=search],
	.contactform div.wpforms-container-full input[type=tel],
	.contactform div.wpforms-container-full input[type=text],
	.contactform div.wpforms-container-full input[type=time],
	.contactform div.wpforms-container-full input[type=url],
	.contactform div.wpforms-container-full input[type=week],
	.contactform div.wpforms-container-full select,
	.contactform div.wpforms-container-full textarea,
	.contactform .wp-core-ui div.wpforms-container-full input[type=date],
	.contactform .wp-core-ui div.wpforms-container-full input[type=datetime],
	.contactform .wp-core-ui div.wpforms-container-full input[type=datetime-local],
	.contactform .wp-core-ui div.wpforms-container-full input[type=email],
	.contactform .wp-core-ui div.wpforms-container-full input[type=month],
	.contactform .wp-core-ui div.wpforms-container-full input[type=number],
	.contactform .wp-core-ui div.wpforms-container-full input[type=password],
	.contactform .wp-core-ui div.wpforms-container-full input[type=range],
	.contactform .wp-core-ui div.wpforms-container-full input[type=search],
	.contactform .wp-core-ui div.wpforms-container-full input[type=tel],
	.contactform .wp-core-ui div.wpforms-container-full input[type=text],
	.contactform .wp-core-ui div.wpforms-container-full input[type=time],
	.contactform .wp-core-ui div.wpforms-container-full input[type=url],
	.contactform .wp-core-ui div.wpforms-container-full input[type=week],
	.contactform .wp-core-ui div.wpforms-container-full select,
	.contactform .wp-core-ui div.wpforms-container-full textarea{
		font-size: 32px;
		padding: 0 28px;
		border-width: 4px;
	}
	
	#app div.wpforms-container-full input, div.wpforms-container-full select, 
	#app .wp-core-ui div.wpforms-container-full input, 
	#app .wp-core-ui div.wpforms-container-full select {
		height: 100px;
	}
	
	#app div.wpforms-container-full .wpforms-form textarea {
		padding: 28px;
	}
	
	#app div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium {
		height: 280px;
	}
	
	#app div.wpforms-container-full input[type=submit], 
	#app div.wpforms-container-full button[type=submit], 
	#app div.wpforms-container-full .wpforms-page-button, 
	#app .wp-core-ui div.wpforms-container-full input[type=submit],
	#app .wp-core-ui div.wpforms-container-full button[type=submit], 
	#app .wp-core-ui div.wpforms-container-full .wpforms-page-button {
		padding: 32px 40px 30px 40px;
		font-size: 40px;
		border-width: 4px;
		border-radius: 80px;
		height: auto;
	}
	
	#app div.wpforms-container-full .wpforms-form label.wpforms-error, 
	#app div.wpforms-container-full .wpforms-form em.wpforms-error {
		font-size: 26px;
		line-height: 32px;
		margin-top: 40px;
	}
	
	#app div.wpforms-container-full .wpforms-form label.wpforms-error:before, 
	#app div.wpforms-container-full .wpforms-form em.wpforms-error:before {
		right: 10px;
		top: 3px;
		width: 32px;
		height: 28px;
		content: none;
		display: none;		
	}
	
	#app div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error, 
	#app div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid, 
	#app div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error, 
	#app div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid, 
	#app div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error, 
	#app div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid {
		border-width: 4px;
	}
	
	#app div.wpforms-container-full .wpforms-field.wpforms-field-checkbox .wpforms-other-input,
	#app div.wpforms-container-full .wpforms-field.wpforms-field-radio .wpforms-other-input,
	#app div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox .wpforms-other-input,
	#app div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple .wpforms-other-input,
	#app div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox .wpforms-other-input {
		margin-top: 32px;
	}
	
	.splash-text::before {
		box-shadow: 0 0 80px 80px rgba(246, 245, 243, 0.8);
	}
	
	.block-home .hero .description h3::before {
		margin-right: 20px;
		margin-top: -4px;
	}
	
	#app .history-slider .history-item .photos img {
		box-shadow: 40px 40px 120px rgba(0, 0, 0, 0.3);
	}
	
}

@media (min-width: 2570px) and (orientation: landscape) {
	
	body {
		font-size: 32px;
	}
	
	h1, h2, h3, h4, h5, h6, 
	.h1, .h2, .h3, .h4, .h5, .h6 {
		font-size: 64px;
	}
	
	.h2, h2 {
		font-size: 96px;
	}
	
	#app .header {
		top: 300px;
	}
	
	#app .content {
		padding-top: 480px;
	}
	
	#app .branding {
		top: 96px;
		left: 96px;
	}
	
	#app .branding img {
		width: 520px;
	}
	
	#app .footer {
		padding-bottom: 64px;
	}
	
	#app .language-switcher {
		top: 24px;
	}
	
	.splash-action {
		bottom: 200px;
	}
	
	.block-splash {
		padding-top: 480px;
	}
	
	.splash-text {
		padding-left: 120px;
	}
	
	.splash-image img {
		max-width: 1920px;
	}
	
	.splash-image {
		margin-top: -380px;
	}
	
	#app .view.view-home .block-home {
		max-width: 1920px;
		column-gap: 80px;
	}
	
	#app .block-home .home-menu {
		width: 480px;
	}
	
	.view-home .shape.shape-top img {
		border-top-width: 200px;
	}
	
	.view-home .shape.shape-bottom {
		margin-top: -320px;
	}
	
	.home-menu ul {
		row-gap: 48px;
	}
	
	.h2, h2 {
		font-size: 76px;
	}
	
	#app .header {
		top: 240px;
	}
	
	#app .view.view-products .overlay > .wrapper > .content {
		padding-top: 320px;
		padding-bottom: 280px;
	}
	
	.block-details .details-slider .single-product .description {
		top: 40px;
	}
	
	.block-details .details-slider .single-product .hotspots .image .bio {
		top: 240px;
	}
	
	.block-details .details-slider .single-product .special {
		bottom: 80px;
	}
	
	#app .block-company .company-slider .slide-container {
		padding-top: 520px;
		padding-bottom: 320px;
	}
	
	#app .block-company .company-tabs {
		top: 380px;
	}
	
	#app .block-company .company-slider .slide-container::before {
		height: 520px;
	}
	
	#app .block-company .company-slider .presentation.presentation-text {
		font-size: 96px;
		margin-bottom: 96px;
	}
	
	#app .block-company .company-slider .swiper-sub .swiper-pagination {
		bottom: 240px;
	}
	
	#app .block-company .company-slider .presentation.presentation-stats {
		max-width: 1920px;
	}
	
	#app .stats .stats-item {
		margin-bottom: -80px;
	}
	
	#app .view.view-history > .wrapper > .content {
		padding-bottom: 280px;
		padding-top: 600px;
	}
	
	#app .view.view-history .overlay > .wrapper > .content {
		padding-top: 400px;
	}
	
	.block-year {
		max-width: 1280px;
	}
	
	.block-year .photos-slider {
		padding-top: 320px;
		padding-bottom: 280px;
	}
	
}