body {
font-size: 14px;
overflow-x: clip !important;
}
.blog-detail-main,
main#primary.site-main {
font-size: 14px;
}
.blog-content__inner h3,
.news-content__inner h3 {
font-size: 18px;
}
.product-series-breadcrumb {
background: #FFF !important;
max-width: 1296px;
margin: 0 auto;
}
.page-template-page-product-series .product-series-breadcrumb,
.page-template-page-products-detail-mro .product-series-breadcrumb,
.category-automobile-accessory .product-series-breadcrumb,
.category-mro .product-series-breadcrumb,
.category-elevators .product-series-breadcrumb {
position: static !important;
}
.product-series-breadcrumb__grid {
display: flex;
justify-content: center;
}
.product-series-breadcrumb__cell {
display: flex;
align-items: center;
}
.product-series-breadcrumb__cell--back-left {
justify-content: center;
border-left: 1px solid #E4E4E4;
}
.product-series-breadcrumb__cell--back {
justify-content: center;
border-right: 1px solid #E4E4E4;
}
.product-series-breadcrumb__cell--crumbs {
padding: 0 20px;
}
.product-series-breadcrumb__back {
width: 64px;
height: 64px;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
box-sizing: border-box;
}
.product-series-breadcrumb__back svg {
width: 28px;
height: 28px;
}
.product-series-breadcrumb__nav {
width: 100%;
}
.product-series-breadcrumb__list {
display: flex;
align-items: center;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0;
gap: 0;
}
.product-series-breadcrumb__item {
display: inline-flex;
align-items: center;
gap: 0;
}
.product-series-breadcrumb__link {
color: #B5B5B6;
text-decoration: none;
font-family: "Archivo", sans-serif;
font-weight: 500;
line-height: 1;
font-size: 14px;
}
.product-series-breadcrumb__current {
color: #231815;
font-family: "Archivo", sans-serif;
font-weight: 500;
line-height: 1;
font-size: 14px;
}
.product-series-breadcrumb__sep {
color: #B5B5B6;
margin: 0 8px;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
line-height: 1;
font-size: 14px;
}
.product-series-banner__grid {
display: grid;
border-bottom: 1px solid #E4E4E4;
}
.product-series-banner__cell {
display: flex;
align-items: stretch;
}
.product-series-banner__cell--side-left {
border-right: 1px solid #E4E4E4;
}
.product-series-banner__cell--main {
border-right: 1px solid #E4E4E4;
}
.product-series-banner {
max-width: 1296px;
margin: 0 auto;
}
.banner-container {
position: relative;
width: 100%;
height: 480px;
overflow: hidden;
background-color: #1B2129;
}
.banner-bg-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
.banner-overlay {
position: absolute;
inset: 0;
background: linear-gradient(90deg, #1B2129 0%, rgba(27, 33, 41, 0) 100%);
z-index: 2;
}
.banner-content {
position: absolute;
left: 0;
bottom: 0;
z-index: 3;
display: flex;
flex-direction: column;
align-items: flex-start;
width: 610px;
padding: 40px;
gap: 40px;
box-sizing: border-box;
}
.text-group {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0;
gap: 12px;
width: 530px;
}
.mro-title {
width: 530px;
height: 39px;
font-family: "Zalando Sans Expanded", sans-serif;
font-style: normal;
font-weight: 600;
line-height: 39px;
color: #EDEDED;
margin: 0;
font-size: 22px;
}
.mro-description {
width: 530px;
font-family: "Archivo", sans-serif;
font-style: normal;
font-weight: 400;
line-height: 20px;
color: #EDEDED;
margin: 0;
font-size: 14px;
}
.product-series-banner__btn {
background-color: transparent !important;
box-sizing: border-box;
display: flex;
flex-direction: row;
align-items: center;
gap: 20px;
width: 100%;
border: none;
cursor: pointer;
color: #EDEDED;
text-decoration: none;
font-family: "Zalando Sans Expanded";
font-size: 14px;
}
.product-series-banner__btn span {
font-family: "Zalando Sans Expanded", sans-serif;
font-style: normal;
font-weight: 500;
color: #EDEDED;
text-align: left;
font-size: 14px;
}
.product-series-filters__grid {
display: grid;
grid-template-columns: 1fr;
background: #FFF;
}
.product-series-filters__cell {
display: flex;
align-items: center;
}
.product-series-filters__cell--side-left {
border-right: 1px solid #E4E4E4;
}
.product-series-filters__cell--main {
border-right: 1px solid #E4E4E4;
border-left: 1px solid #E4E4E4;
}
.product-series-filters__bar {
width: 100%;
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 20px 0;
background: #FFF;
border-bottom: 1px solid #E4E4E4;
box-sizing: border-box;
justify-content: space-between;
}
.product-series-filter {
display: inline-flex;
align-items: center;
padding: 20px 0;
gap: 10px;
background: transparent;
border: 0;
color: #231815;
}
.product-series-filter--application {
border-left: 1px solid #E4E4E4;
}
.product-series-filter--search {
border-left: 1px solid #E4E4E4;
}
.product-series-filter__label {
color: #231815;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
line-height: 1;
white-space: nowrap;
font-size: 14px;
}
.product-series-filter--type,
.product-series-filter--application {
cursor: pointer;
}
.product-series-filter svg {
flex-shrink: 0;
}
.page-template-page-product-series .product-series-filter svg path[stroke] {
stroke: currentColor;
}
.page-template-page-product-series .product-series-filter svg path[fill]:not([fill="none"]) {
fill: currentColor;
}
.page-template-page-product-series .product-series-filter:hover,
.page-template-page-product-series .product-series-filter:not(.product-series-search)[aria-expanded="true"],
.page-template-page-product-series .product-series-filter-dropdown-wrap.is-open .product-series-filter--application {
color: #003B90;
}
.page-template-page-product-series .product-series-filter:hover .product-series-filter__label,
.page-template-page-product-series .product-series-filter:not(.product-series-search)[aria-expanded="true"] .product-series-filter__label,
.page-template-page-product-series .product-series-filter-dropdown-wrap.is-open .product-series-filter--application .product-series-filter__label {
color: #003B90;
}
.page-template-page-product-series .product-series-filter-dropdown__row:hover {
background: #F6F6F6;
}
.page-template-page-product-series .product-series-filter-dropdown__row:hover .product-series-filter-dropdown__item {
color: #003B90;
}
.page-template-page-product-series .product-series-filters {
background: #FFF;
position: static !important;
top: auto !important;
z-index: auto !important;
transition: none !important;
will-change: auto;
max-width: 1296px;
margin: 0 auto;
}
.page-template-page-product-series .product-series-filters.is-stuck.ps-hidden {
transform: translatey(calc(-100% - var(--xy-custom-header-h, 125px) - var(--xy-ps-breadcrumb-h, 109px))) !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: none !important;
}
.page-template-page-product-series .product-series-search {
display: inline-flex;
align-items: center;
}
.page-template-page-product-series .product-series-search__text {
margin: 0;
width: auto;
flex: 0 1 auto;
max-width: 100%;
min-width: 0;
color: #231815;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
line-height: 1;
overflow: hidden;
text-overflow: clip;
font-size: 14px;
}
.page-template-page-product-series .product-series-search__input {
display: none;
border: 0;
background: transparent;
padding: 0;
margin: 0;
width: auto;
flex: 0 1 auto;
max-width: 100%;
min-width: 0;
color: #231815;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
line-height: 1;
outline: none;
white-space: nowrap;
overflow: hidden;
text-overflow: clip;
font-size: 14px;
}
.page-template-page-product-series .product-series-search__input::placeholder {
color: #231815;
}
.page-template-page-product-series .product-series-search__submit {
display: none;
border: 0;
background: #003B90;
color: #FFF;
font-family: "Archivo", sans-serif;
font-weight: 600;
line-height: 1;
padding: 0 24px;
height: 44px;
cursor: pointer;
font-size: 14px;
}
.page-template-page-product-series .product-series-filters__bar.is-search-open {
justify-content: flex-start;
}
.page-template-page-product-series .product-series-filters__bar.is-search-open .product-series-filter-dropdown-wrap--type,
.page-template-page-product-series .product-series-filters__bar.is-search-open .product-series-filter-dropdown-wrap--application {
display: none;
}
.page-template-page-product-series .product-series-search.is-open {
width: 100%;
border: 1px solid #E4E4E4;
height: 64px;
padding: 0 20px;
gap: 12px;
box-sizing: border-box;
color: #231815;
}
.page-template-page-product-series .product-series-search.is-open:hover {
color: #231815;
}
.page-template-page-product-series .product-series-search.is-open .product-series-search__input {
display: block;
width: 100%;
}
.page-template-page-product-series .product-series-search.is-open .product-series-search__text {
display: none;
}
.page-template-page-product-series .product-series-search.is-open .product-series-search__submit {
display: inline-flex;
align-items: center;
justify-content: center;
}
.page-template-page-product-series .product-series-search.is-open .product-series-search__input::placeholder {
color: #231815;
}
.page-template-page-product-series .product-series-filters__bar {
position: relative;
}
.page-template-page-product-series .product-series-filter-dropdown-wrap {
display: inline-flex;
align-items: center;
position: relative;
}
.page-template-page-product-series .product-series-filter-dropdown {
position: absolute;
width: 100%;
height: 248px;
left: 0;
top: calc(100% + 12px);
background: #FFF;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
opacity: 0;
visibility: hidden;
transform: translatey(-8px);
pointer-events: none;
transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
z-index: 50;
overflow: hidden;
}
.page-template-page-product-series .product-series-filter-dropdown-wrap.is-open .product-series-filter-dropdown {
opacity: 1;
visibility: visible;
transform: translatey(0);
pointer-events: auto;
}
.page-template-page-product-series .product-series-filter-dropdown__frame {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0;
position: absolute;
left: 46px;
right: 46px;
top: 0;
bottom: 0;
width: auto;
height: auto;
overflow-y: auto;
overflow-x: hidden;
scrollbar-width: thin;
scrollbar-color: #E4E4E4 transparent;
}
.page-template-page-product-series .product-series-filter-dropdown__search-form {
width: 100%;
}
.page-template-page-product-series .product-series-filter-dropdown__search-input {
width: 100%;
height: 56px;
border: 1px solid #E4E4E4;
border-radius: 0;
padding: 0 20px;
box-sizing: border-box;
font-family: "Archivo", sans-serif;
font-weight: 400;
line-height: 1;
color: #231815;
outline: none;
font-size: 14px;
}
.page-template-page-product-series .product-series-filter-dropdown__frame::-webkit-scrollbar {
width: 4px;
}
.page-template-page-product-series .product-series-filter-dropdown__frame::-webkit-scrollbar-track {
background: transparent;
}
.page-template-page-product-series .product-series-filter-dropdown__frame::-webkit-scrollbar-thumb {
background: #E4E4E4;
}
.page-template-page-product-series .product-series-filter-dropdown__row {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0;
gap: 40px;
width: 100%;
height: 52px;
box-sizing: border-box;
flex: none;
align-self: stretch;
flex-grow: 0;
background: transparent;
}
.page-template-page-product-series .product-series-filter-dropdown__row.is-active {
background: #F6F6F6;
}
.page-template-page-product-series .product-series-filter-dropdown__item {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 10px;
gap: 10px;
margin: 0 auto;
height: 52px;
background: transparent;
border: none;
cursor: pointer;
font-family: "Archivo", sans-serif;
font-style: normal;
font-weight: 500;
line-height: 17px;
color: #231815;
width: 100%;
font-size: 14px;
}
.page-template-page-product-series .product-series-filter-dropdown__row.is-active .product-series-filter-dropdown__item {
font-weight: 700;
color: #003B90;
}
.page-template-page-product-series .product-series-filter-dropdown__indicator {
display: none;
}
.page-template-page-product-series .product-series-filter-dropdown__panel {
width: 100%;
}
.page-template-page-product-series .product-series-filter-dropdown__header {
display: none;
position: relative;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: 84px 20px 20px;
border-bottom: 1px solid #E4E4E4;
}
.page-template-page-product-series .product-series-filter-dropdown__title {
width: 100%;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 600;
line-height: 1;
color: #003B90;
text-align: center;
font-size: 14px;
}
.page-template-page-product-series .product-series-filter-dropdown__close {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
cursor: pointer;
position: absolute;
top: 20px;
right: 20px;
}
.page-template-page-product-series .product-series-filter-dropdown-wrap.is-open .product-series-filter--application svg:last-child {
transform: rotate(180deg);
}
.page-template-page-product-series .product-series-filter--application svg:last-child {
transition: transform 0.2s ease;
}
.product-series-products__grid {
grid-template-columns: 1fr;
border-bottom: none;
width: 100%;
max-width: 1296px;
margin: 0 auto;
display: flex;
flex-direction: column;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
}
.product-series-products__cell {
display: flex;
align-items: stretch;
}
.product-series-products__cell--side-left {
border-right: 1px solid #E4E4E4;
}
.product-series-products__cell--main {
border-right: 1px solid #E4E4E4;
}
.product-series-products__row {
display: flex;
flex-direction: row;
align-items: stretch;
width: 100%;
}
.product-series-products__card {
box-sizing: border-box;
flex: 1 1 0;
display: flex;
flex-direction: column;
background: #FFF;
border-right: 1px solid #E4E4E4;
position: relative;
min-width: 0;
}
.product-series-products__card:last-child {
border-right: none;
}
.product-series-products__card--placeholder {
pointer-events: none;
background: transparent;
}
.product-series-products__image {
width: 100%;
padding: 40px 40px 0;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
}
.product-series-products__img {
width: 100%;
height: 220px;
object-fit: cover;
}
.product-series-products__arrow {
position: absolute;
width: 44px;
height: 44px;
right: 40px;
top: 33px;
z-index: 2;
}
.product-series-products__content {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 20px 40px 20px;
width: 100%;
box-sizing: border-box;
}
.product-series-products__title {
width: 100%;
font-family: "Archivo", sans-serif;
font-style: normal;
font-weight: 600;
line-height: 40px;
text-transform: uppercase;
color: #231815;
margin: 0;
font-size: 14px;
}
.product-series-products__sku {
width: 100%;
font-family: "Archivo", sans-serif;
font-style: normal;
font-weight: 400;
line-height: 20px;
color: #231815;
margin: 0;
font-size: 14px;
}
.product-series-products__divider {
width: 100%;
height: 0;
border-top: 1px solid #E4E4E4;
}
.product-series-pagination {
width: 100%;
height: 120px;
background: #FFF;
}
.product-series-pagination__container {
box-sizing: border-box;
position: relative;
max-width: 1296px;
margin: 0 auto;
}
.product-series-pagination__inner {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0;
gap: 50px;
width: 100%;
height: 120px;
box-sizing: border-box;
position: relative;
z-index: 1;
}
.product-series-pagination__divider {
width: 100%;
height: 0;
border-top: 1px solid #E4E4E4;
}
.product-series-pagination__line {
position: absolute;
top: 0;
bottom: 0;
width: 1px;
background: #E4E4E4;
pointer-events: none;
z-index: 0;
}
.product-series-pagination__line--left {
left: 0;
}
.product-series-pagination__line--right {
right: 0;
}
.product-series-pagination__arrow {
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
flex: none;
text-decoration: none;
}
.product-series-pagination__arrow.is-disabled {
pointer-events: none;
}
.product-series-pagination__numbers {
display: flex;
flex-direction: row;
align-items: center;
padding: 0;
gap: 50px;
margin: 0 auto;
height: 27px;
}
.product-series-pagination__number,
.product-series-pagination__dots {
font-family: "Archivo", sans-serif;
font-style: normal;
font-weight: 400;
line-height: 27px;
color: #B5B5B6;
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 15px;
}
.product-series-pagination__number.is-current {
font-weight: 700;
color: #003B90;
}
.product-series-contact {
position: relative;
width: 100%;
height: 545px;
background: #F6F6F6;
overflow: hidden;
}
.product-series-contact__bg {
position: absolute;
width: 100%;
height: 545px;
left: 0;
top: 0;
overflow: hidden;
}
.product-series-contact__bg::after {
content: "";
position: absolute;
inset: 0;
background-image: linear-gradient(90deg, #000 1.69%, rgba(0, 0, 0, 0) 55.46%);
z-index: 1;
}
.product-series-contact__bg-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.product-series-contact__actions {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0;
gap: 40px;
position: absolute;
width: 650px;
height: auto;
left: 147px;
bottom: 80px;
z-index: 2;
}
.product-series-contact__title {
width: 100%;
height: 100%;
font-family: "Zalando Sans Expanded", sans-serif;
font-style: normal;
font-weight: 700;
line-height: 49px;
color: #FFF;
margin: 0;
font-size: 30px;
}
.product-series-contact__btn {
box-sizing: border-box;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 10px 20px 10px 32px;
gap: 20px;
width: 400px;
height: 60px;
background: #003B90;
text-decoration: none;
}
.product-series-contact__btn span {
width: 130px;
height: 24px;
font-family: "Zalando Sans Expanded", sans-serif;
font-style: normal;
font-weight: 500;
line-height: 24px;
color: #EDEDED;
font-size: 14px;
}
.hero-section {
position: relative;
width: 100%;
min-height: 100vh;
overflow: hidden;
display: flex;
align-items: flex-end;
background-color: #003B90;
}
.hero-slider {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.hero-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 1s ease-in-out;
display: flex;
align-items: flex-end;
}
.hero-slide::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(0, 27, 79, 0.78) 0%, rgba(0, 27, 79, 0.45) 35%, rgba(0, 27, 79, 0.12) 65%, rgba(0, 27, 79, 0) 100%);
z-index: 2;
pointer-events: none;
}
.hero-slide-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
.hero-slide-bg-pc {
display: block;
}
.hero-slide-bg-mobile {
display: none;
}
.hero-slide.active {
opacity: 1;
}
.hero-container {
width: 100%;
margin: 0 auto;
padding: 0 108px;
position: relative;
z-index: 3;
}
.hero-content {
max-width: 800px;
color: #FFF;
padding-left: 40px;
padding-right: 40px;
padding-bottom: 120px;
}
.hero-title {
font-family: "Archivo", sans-serif;
font-weight: 900;
line-height: 100%;
letter-spacing: 0%;
color: #EDEDED;
margin-bottom: 10px;
opacity: 0;
transform: translatey(30px);
}
.hero-slide.active .hero-title {
animation: fadeInUp 0.8s forwards 0.2s;
}
.hero-desc {
font-family: "Archivo", sans-serif;
font-weight: 100;
line-height: 1.6;
margin-bottom: 40px;
max-width: 600px;
opacity: 0;
transform: translatey(30px);
}
.hero-slide.active .hero-desc {
animation: fadeInUp 0.8s forwards 0.6s;
}
.hero-btn {
display: inline-flex;
align-items: center;
gap: 12px;
text-decoration: none;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
line-height: 100%;
letter-spacing: 0%;
color: #EDEDED;
opacity: 0;
transform: translatey(30px);
transition: gap 0.3s;
}
.hero-slide.active .hero-btn {
animation: fadeInUp 0.8s forwards 0.8s;
}
.hero-floating-actions {
position: fixed;
right: 40px;
bottom: 120px;
display: flex;
flex-direction: column;
gap: 20px;
z-index: 99999;
}
.floating-btn {
width: 50px;
height: 50px;
background: #FFF;
border: none;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: transform 0.3s, background-color 0.3s;
}
.floating-btn:hover {
transform: translatey(-5px);
background-color: #f0f0f0;
}
.hero-progress {
position: absolute;
bottom: 40px;
left: 108px;
right: 108px;
z-index: 10;
display: flex;
gap: 0;
}
.progress-item {
flex: 1;
height: 2px;
position: relative;
overflow: hidden;
cursor: pointer;
}
.progress-item.active {
background: #FFF;
}
.progress-fill {
display: none;
}
@keyframes fadeInUp {
to {
opacity: 1;
transform: translateY(0);
}
}
.intro-grid-section {
background: #FFF;
position: relative;
padding-top: 108px;
padding-bottom: 0;
}
.intro-grid-section-inner {
max-width: 1296px;
margin: 0 auto;
}
.intro-grid-section::before {
content: "";
position: absolute;
left: 0;
right: 0;
height: 1px;
background: #E4E4E4;
}
.intro-top {
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 60px 40px;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
gap: 30px;
}
.intro-left {
width: 100%;
}
.intro-right {
width: 100%;
}
.intro-title {
font-family: "Archivo", sans-serif;
font-weight: 600;
line-height: 1.1;
}
.intro-title .intro-light {
color: #B5B5B6;
font-weight: 600;
}
.intro-title .intro-blue {
color: var(--color-active);
font-weight: 600;
}
.intro-desc {
font-family: "Archivo", sans-serif;
font-weight: 400;
color: #737373;
line-height: 28px;
max-width: 598px;
font-style: Regular;
}
.intro-divider {
height: 1px;
background: #E4E4E4;
margin: 0 auto;
max-width: 1290px;
}
.grid-3 {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
}
.scroll-bar-container {
background: #FFF;
margin-bottom: -1px;
max-width: 1296px;
margin: 0 auto;
display: none;
}
.scrollbar-track {
background: #E4E4E4;
width: 100%;
height: 4px;
background-color: #E4E4E4;
position: relative;
}
.scrollbar-thumb {
background: #003B90;
position: absolute;
left: 0;
top: -1px;
height: 4px;
width: 33.33%;
background-color: #003B90;
transition: left 0.3s ease;
}
.intro-grid__cell {
position: relative;
min-height: 432px;
background: #FFF;
overflow: hidden;
}
.intro-grid__cell+.intro-grid__cell {
border-left: 1px solid #E4E4E4;
}
.cell-visual {
background: #FFF;
}
.visual-box {
display: none;
}
.visual-inner {
display: none;
}
.intro-grid__link {
position: absolute;
inset: 0;
display: block;
z-index: 2;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
opacity: 1;
}
.intro-grid__cell:hover .intro-grid__link {
opacity: 1;
}
.intro-grid__link svg {
position: absolute;
top: 33px;
right: 40px;
z-index: 2;
width: 44px;
height: 44px;
}
.intro-grid__link .intro-grid__image {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 1;
transition: transform 0.35s ease;
z-index: 1;
}
.intro-grid__link::after {
content: "";
position: absolute;
inset: 0;
background: rgba(0, 59, 144, 0.4);
opacity: 0;
transition: opacity 0.3s ease;
z-index: 2;
}
.intro-grid__cell:hover .intro-grid__link::after,
.intro-grid__cell:active .intro-grid__link::after,
.intro-grid__cell:focus-within .intro-grid__link::after {
opacity: 1;
}
.intro-grid__cell:hover .intro-grid__link .intro-grid__image,
.intro-grid__cell:active .intro-grid__link .intro-grid__image,
.intro-grid__cell:focus-within .intro-grid__link .intro-grid__image {
transform: scale(1.02);
}
.intro-grid__text {
position: absolute;
left: 24px;
right: 24px;
bottom: 24px;
z-index: 4;
pointer-events: none;
}
.intro-grid__title {
font-family: "Archivo", sans-serif;
font-weight: 600;
letter-spacing: 0.5px;
color: #FFF;
text-transform: uppercase;
margin-bottom: 8px;
}
.intro-grid__desc {
font-family: "Archivo", sans-serif;
font-weight: 400;
color: #FFF;
line-height: 1.5;
}
.intro-grid__link svg path {
stroke: #FFF;
}
.new-section {
background-color: #FFF;
padding-top: 0;
max-width: 1296px;
margin: 0 auto;
}
.new-section-pc {
display: flex;
align-items: flex-end;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
padding-top: 188px;
padding-bottom: 108px;
}
.new-section-left {
flex: 0 0 45%;
max-width: 45%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.new-section-right {
flex: 0 0 55%;
max-width: 55%;
display: flex;
justify-content: flex-end;
position: relative;
}
.new-section-image {
display: block;
width: 100%;
height: 393px;
}
.decorative-box {
display: flex;
align-items: center;
}
.decorative-bar {
width: 4px;
height: 30px;
position: relative;
left: -2.3px;
background-color: var(--color-active);
margin-bottom: 20px;
}
.new-section-title {
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 600;
line-height: 1.2;
color: var(--color-active);
text-transform: uppercase;
margin-bottom: 20px;
padding-left: 40px;
}
.new-section-desc {
font-family: "Archivo", sans-serif;
font-weight: 300;
line-height: 28px;
color: #737373;
max-width: 540px;
padding-left: 40px;
margin-bottom: 40px;
}
.new-section__btn {
background-color: #003B90 !important;
box-sizing: border-box;
display: flex;
flex-direction: row;
align-items: center;
gap: 20px;
width: 100%;
padding: 10px 40px;
border: none;
cursor: pointer;
color: #EDEDED;
text-decoration: none;
font-family: "Zalando Sans Expanded";
height: 60px;
font-size: 14px;
}
.new-section-bottom-actions {
display: none;
}
.play-btn {
width: 60px;
height: 60px;
background-color: #F6F6F6;
border: 1px solid rgba(255, 255, 255, 0.5);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
flex-shrink: 0;
position: absolute;
bottom: 0;
left: 0;
}
.play-btn svg path,
.play-button-overlay svg path {
stroke: #003B90 !important;
}
.new-section-mobile {
display: none;
}
.play-button-overlay {
background-color: rgba(255, 255, 255, 0.18);
border: 1px solid rgba(255, 255, 255, 0.5);
}
.xy-home-video-modal {
position: fixed;
inset: 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.25s ease;
z-index: 900 !important;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.xy-home-video-modal.is-open {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.xy-home-video-backdrop {
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
position: absolute;
inset: 0;
background: transparent;
}
.xy-home-video-dialog {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: min(1080px, calc(100vw - 64px));
overflow: hidden;
background: #000;
}
.xy-home-video-close {
position: absolute;
right: 16px;
top: 16px;
width: 40px;
height: 40px;
align-items: center;
justify-content: center;
border: 0;
background: transparent;
z-index: 3;
cursor: pointer;
display: none;
}
.xy-home-video-header {
position: absolute;
left: 28px;
top: 22px;
right: 72px;
z-index: 2;
}
.xy-home-video-title {
margin: 0 0 8px;
color: #EDEDED;
font-family: "Zalando Sans Expanded", sans-serif;
line-height: 1.3;
}
.xy-home-video-subtitle {
margin: 0;
color: #EDEDED;
line-height: 1.2;
font-family: "Archivo", sans-serif;
}
.xy-home-video-player {
aspect-ratio: 16/9;
object-fit: cover;
display: block;
width: 100%;
height: auto;
background: #000;
}
.capabilities-section {
position: relative;
background-color: #FFF;
overflow: hidden;
border-top: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
max-width: 1296px;
margin: 0 auto;
}
.capabilities-bg {
position: absolute;
left: 50%;
top: 77%;
transform: translate(-50%, -50%) scale(1.25);
width: 100%;
height: 137%;
object-fit: contain;
opacity: 0.1;
pointer-events: none;
z-index: 0;
}
.capabilities-top {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
padding: 30px 40px;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
z-index: 1;
}
.capabilities-left {
flex: 0 0 68%;
max-width: 65%;
}
.capabilities-right {
flex: 0 0 32%;
max-width: 32%;
padding: 10px 0 10px 20px;
border-left: 1px solid #E4E4E4;
}
.capabilities-tag {
font-family: "Archivo", sans-serif;
font-weight: 200;
line-height: 30px;
color: #B5B5B6;
text-transform: capitalize;
}
.capabilities-title {
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 600;
line-height: 50px;
color: var(--color-active);
text-transform: uppercase;
margin: 0;
}
.capabilities-desc {
font-family: "Archivo", sans-serif;
font-weight: 400;
line-height: 28px;
color: #737373;
margin: 0;
max-width: 560px;
}
.capabilities-divider {
position: relative;
height: 0.6px;
background: #E4E4E4;
margin: 0;
z-index: 1;
}
.capabilities-grid {
position: relative;
display: grid;
grid-template-columns: repeat(3, 1fr);
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
border-top: 1px solid #E4E4E4;
z-index: 1;
}
.cap-item {
padding: 32px;
border-top: 1px solid #E4E4E4;
position: relative;
height: 300px;
width: 410px;
}
.cap-item:nth-child(3n + 2),
.cap-item:nth-child(3n + 3) {
border-left: 1px solid #E4E4E4;
}
.capabilities-grid .cap-item {
border-top: none;
}
.capabilities-grid .cap-item:nth-child(3n + 2),
.capabilities-grid .cap-item:nth-child(3n + 3) {
border-left: none;
}
.capabilities-grid .cap-item::before {
content: "";
position: absolute;
top: 0;
left: 16px;
right: 16px;
height: 1px;
background: #E4E4E4;
pointer-events: none;
}
.capabilities-grid .cap-item::after {
content: "";
position: absolute;
left: 0;
top: 16px;
bottom: 16px;
width: 1px;
background: #E4E4E4;
pointer-events: none;
}
.capabilities-grid .cap-item:nth-child(-n + 3)::before {
display: none;
}
.capabilities-grid .cap-item:nth-child(3n + 1)::after {
display: none;
}
.cap-metric {
display: flex;
align-items: baseline;
gap: 8px;
margin-bottom: 12px;
}
.cap-number {
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 400;
line-height: 1;
color: #A1A1A1;
}
.cap-unit {
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 300;
line-height: 1;
color: #A1A1A1;
}
.cap-label {
font-family: "Archivo", sans-serif;
font-weight: 300;
line-height: 1.6;
color: #B5B5B6;
margin: 0;
}
.cap-item--highlight {
text-align: center;
}
.cap-item--highlight .cap-number,
.cap-item--highlight .cap-unit {
color: var(--color-active);
font-weight: 400;
}
.cap-highlight-desc {
font-family: "Archivo", sans-serif;
font-weight: 300;
line-height: 32px;
color: #737373;
text-align: left;
}
.story-section {
background: #F2F3F5;
}
.story-container {
display: flex;
align-items: center;
justify-content: space-between;
gap: 60px;
padding: 0 108px;
height: 374px;
overflow: hidden;
}
.story-content {
flex: 0 0 60%;
max-width: 60%;
padding: 40px 0 40px 40px;
}
.story-title {
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
line-height: 1.2;
color: #231815;
margin: 0 0 12px;
}
.story-desc {
font-family: "Archivo", sans-serif;
font-weight: 400;
line-height: 28px;
color: #737373;
margin: 0 0 20px;
max-width: 686px;
}
.story-link {
display: inline-flex;
align-items: center;
gap: 14px;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
line-height: 1;
color: #003B90;
text-decoration: none;
}
.story-visual {
flex: 0 0 40%;
max-width: 40%;
display: flex;
justify-content: flex-end;
align-items: flex-start;
align-self: flex-start;
}
.story-image {
width: 100%;
max-width: 520px;
height: auto;
display: block;
}
.cards-section {
background: #FFF;
max-width: 1296px;
margin: 0 auto;
}
.cards-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
}
.cards-item {
padding: 60px 16px 0;
display: flex;
flex-direction: column;
min-height: 100%;
}
.cards-item+.cards-item {
border-left: 1px solid #E4E4E4;
}
.cards-date {
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
line-height: 30px;
color: #B5B5B6;
padding-left: 20px;
text-transform: uppercase;
margin: 0 0 20px;
}
.cards-media {
width: 100%;
height: 400px;
overflow: hidden;
margin-bottom: 24px;
background: #FFF;
}
.cards-image {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.cards-title {
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 600;
line-height: 1;
color: #231815;
margin: 0 0 12px;
}
.cards-desc {
font-family: "Archivo", sans-serif;
font-weight: 400;
line-height: 1.2;
color: #737373;
margin: 0 0 24px;
}
.cards-footer {
margin-top: auto;
border-top: 1px solid #E4E4E4;
margin-left: -16px;
margin-right: -16px;
padding: 0;
}
.cards-link {
margin-top: auto;
display: inline-flex;
align-items: center;
gap: 20px;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
line-height: 1;
color: #003B90;
text-decoration: none;
position: relative;
padding: 20.5px 0 20.5px 20px;
}
.faq-section {
position: relative;
max-width: 1296px;
margin: 0 auto;
}
.faq-section::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 100vw;
height: 1px;
background-color: #E4E4E4;
transform: translatex(-50%);
}
.faq-container {
padding-top: 108px;
background: #FFF;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
}
.faq-header {
display: flex;
align-items: center;
gap: 14px;
padding: 50px 40px;
border-top: 0;
border-bottom: 1px solid #E4E4E4;
position: relative;
}
.faq-header::before {
content: "";
position: absolute;
left: 50%;
top: 0;
width: 100vw;
height: 1px;
transform: translatex(-50%);
background: #E4E4E4;
pointer-events: none;
}
.faq-bar {
width: 4px;
height: 30px;
background: #003B90;
flex: 0 0 4px;
margin-left: calc(-40px - 2px);
}
.faq-title {
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 600;
line-height: 1.2;
color: #003B90;
margin: 0;
padding-left: 20px;
font-size: 22px;
}
.faq-list {
display: flex;
flex-direction: column;
}
.faq-item {
border-bottom: 1px solid #E4E4E4;
}
.faq-item:last-child {
border-bottom: none;
}
.faq-question {
width: 100%;
background: transparent;
border: 0;
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 40px;
cursor: pointer;
text-align: left;
}
.faq-question-text {
font-family: "Archivo", sans-serif;
font-weight: 600;
line-height: 40px;
color: #231815;
text-transform: uppercase;
font-size: 18px;
}
.faq-icon {
flex: 0 0 auto;
width: 32px;
height: 32px;
transform: rotate(0deg);
transition: transform 0.2s ease;
}
.faq-icon path {
stroke: #231815;
}
.faq-item.is-open .faq-question-text {
color: #003B90;
}
.faq-item.is-open .faq-icon {
transform: rotate(90deg);
}
.faq-item.is-open .faq-icon path {
stroke: #003B90;
}
.faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.25s ease;
}
.faq-answer-inner {
padding: 0 40px 26px;
}
.faq-answer-text {
font-family: "Archivo", sans-serif;
font-weight: 400;
line-height: 28px;
color: #737373;
margin: 0;
font-size: 14px;
}
.faq-Rectangle {
width: 100%;
height: 108px;
background: rgba(12, 47, 98, 0.05);
}
.page-template-page-products-detail-mro .product-detail-container {
position: relative;
max-width: 1296px;
margin: 0 auto;
background: #fff;
font-family: "Archivo", sans-serif;
height: auto;
overflow: visible;
}
.page-template-page-products-detail-mro .main-layout-grid {
display: grid;
border-bottom: 1px solid #E4E4E4;
grid-template-rows: auto auto;
height: auto;
}
.page-template-page-products-detail-mro .line-v {
width: 1px;
background: #E4E4E4;
grid-row: 1/3;
}
.page-template-page-products-detail-mro .line-v-1 {
grid-column: 1;
}
.page-template-page-products-detail-mro .line-v-2 {
grid-column: 5;
justify-self: end;
}
.page-template-page-products-detail-mro .line-h {
height: 1px;
background: #E4E4E4;
grid-column: 2/5;
}
.page-template-page-products-detail-mro .line-h-bottom {
align-self: start;
grid-row: 2;
}
.page-template-page-products-detail-mro .media-section {
grid-column: 2;
display: flex;
flex-direction: column;
grid-row: 1/2;
}
.page-template-page-products-detail-mro .main-image-wrapper {
width: 648px;
height: 100%;
position: relative;
}
.page-template-page-products-detail-mro .main-display-img {
width: 100%;
height: 100%;
object-fit: contain;
}
.page-template-page-products-detail-mro .magnify-trigger {
position: absolute;
right: 40px;
bottom: 40px;
width: 44px;
height: 44px;
cursor: pointer;
z-index: 10;
}
.page-template-page-products-detail-mro .carousel-container {
height: 100px;
display: flex;
align-items: center;
justify-content: space-between;
}
.page-template-page-products-detail-mro .carousel-track-viewport {
width: 480px;
overflow: hidden;
}
.page-template-page-products-detail-mro .carousel-track {
display: flex;
gap: 20px;
transition: transform 0.5s ease;
}
.page-template-page-products-detail-mro .thumb-item {
width: 100px;
height: 100px;
flex: none;
background: #F6F6F6;
box-sizing: border-box;
cursor: pointer;
overflow: hidden;
}
.page-template-page-products-detail-mro .thumb-item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.page-template-page-products-detail-mro .thumb-item.active {
border: 2px solid #003B90;
}
.page-template-page-products-detail-mro .arrow {
cursor: pointer;
display: flex;
align-items: center;
width: 100px;
height: 100px;
justify-content: center;
}
.page-template-page-products-detail-mro .arrow.prev.is-active path {
stroke: #231815;
}
.page-template-page-products-detail-mro .info-section {
grid-column: 4;
display: flex;
flex-direction: column;
position: relative;
border-left: 1px solid #E4E4E4;
grid-row: 1/2;
height: auto;
overflow: visible;
}
.page-template-page-products-detail-mro .header-box {
padding: 40px;
height: 152px;
box-sizing: border-box;
}
.page-template-page-products-detail-mro .product-title {
font-weight: 600;
line-height: 40px;
text-transform: uppercase;
color: #231815;
margin: 0;
font-size: 20px;
}
.page-template-page-products-detail-mro .product-sku {
font-weight: 400;
color: #737373;
line-height: 32px;
font-size: 14px;
}
.page-template-page-products-detail-mro .description-text {
padding: 0 50px;
line-height: 28px;
color: #231815;
overflow: hidden;
font-size: 14px;
}
.page-template-page-products-detail-mro .options-grid {
padding: 40px;
}
.page-template-page-products-detail-mro .option-group {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}
.page-template-page-products-detail-mro .label {
color: #B5B5B6;
font-weight: 500;
font-size: 14px;
}
.page-template-page-products-detail-mro .color-list {
display: flex;
justify-content: space-between;
padding-left: 35px;
padding-right: 35px;
max-width: 647px;
width: 100%;
box-sizing: border-box;
}
.page-template-page-products-detail-mro .color-dot {
width: 50px;
height: 50px;
border-radius: 50%;
cursor: pointer;
box-sizing: border-box;
border: 2px solid transparent;
}
.page-template-page-products-detail-mro .color-dot.active {
border-color: #003B90;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}
.page-template-page-products-detail-mro .dimensions-row {
display: flex;
justify-content: space-between;
margin-top: 40px;
}
.page-template-page-products-detail-mro .size-btn {
width: 118px;
height: 50px;
background: transparent;
border: none;
font-weight: 500;
color: #B5B5B6;
cursor: pointer;
font-family: "Archivo";
font-size: 14px;
}
.page-template-page-products-detail-mro .size-btn.active {
color: #003B90;
}
.page-template-page-products-detail-mro .contact-btn {
width: 100%;
height: 100px;
background: #003B90;
color: #EDEDED;
border: none;
cursor: pointer;
letter-spacing: 1px;
font-weight: 400;
font-family: "Zalando Sans Expanded", sans-serif;
font-size: 14px;
}
.page-template-page-products-detail-mro .modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
display: none;
z-index: 1000;
justify-content: center;
align-items: center;
}
.page-template-page-products-detail-mro .modal-content {
width: 1296px;
height: 857px;
background: #fff;
position: relative;
}
.page-template-page-products-detail-mro .close-modal {
position: absolute;
right: 30px;
top: 20px;
cursor: pointer;
color: #231815;
font-size: 30px;
}
.page-template-page-products-detail-mro .model-container {
width: 100%;
height: 100%;
background: #fff;
}
.page-template-page-products-detail-mro .why-choose-us {
width: 100%;
background: #FFF;
box-sizing: border-box;
border-bottom: 1px solid #E4E4E4;
}
.page-template-page-products-detail-mro .section-header {
display: flex;
flex-direction: row;
align-items: center;
padding: 50px 40px 50px;
gap: 15px;
}
.page-template-page-products-detail-mro .accent-line {
width: 4px;
height: 24px;
background: #003B90;
}
.page-template-page-products-detail-mro .main-title {
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 600;
line-height: 1.2;
color: #003B90;
margin: 0;
font-size: 22px;
}
.page-template-page-products-detail-mro .traits-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
border-top: 1px solid #E4E4E4;
}
.page-template-page-products-detail-mro .trait-item {
padding: 60px 40px;
border-right: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
display: flex;
flex-direction: column;
gap: 30px;
}
.page-template-page-products-detail-mro .trait-item:nth-child(3n) {
border-right: none;
}
.page-template-page-products-detail-mro .trait-header {
display: flex;
gap: 20px;
}
.page-template-page-products-detail-mro .trait-title {
font-family: "Archivo", sans-serif;
font-weight: 600;
line-height: 1.35;
text-transform: uppercase;
color: #231815;
margin: 0;
font-size: 14px;
flex: 1;
}
@media (max-width: 389.98px) {
.page-template-page-products-detail-mro .trait-title {
font-size: 14px;
line-height: 24px;
}
}
@media (min-width: 390px) and (max-width: 429.98px) {
.page-template-page-products-detail-mro .trait-title {
font-size: 14px;
line-height: 24px;
}
}
@media (min-width: 430px) and (max-width: 479.98px) {
.page-template-page-products-detail-mro .trait-title {
font-size: 14px;
line-height: 24px;
}
}
@media (min-width: 480px) and (max-width: 639.98px) {
.page-template-page-products-detail-mro .trait-title {
font-size: 14px;
line-height: 24px;
}
}
@media (min-width: 640px) and (max-width: 767.98px) {
.page-template-page-products-detail-mro .trait-title {
font-size: 14px;
line-height: 24px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.page-template-page-products-detail-mro .trait-title {
font-size: 16px;
line-height: 22px;
}
}
@media (min-width: 1025px) and (max-width: 1365.98px) {
.page-template-page-products-detail-mro .trait-title {
font-size: 18px;
line-height: 1.35;
}
}
@media (min-width: 1366px) and (max-width: 1512px) {
.page-template-page-products-detail-mro .trait-title {
font-size: 18px;
line-height: 1.35;
}
}
@media (min-width: 1513px) and (max-width: 1599.98px) {
.page-template-page-products-detail-mro .trait-title {
font-size: 18px;
line-height: 1.35;
}
}
@media (min-width: 1600px) {
.page-template-page-products-detail-mro .trait-title {
font-size: 18px;
line-height: 1.35;
}
}
.page-template-page-products-detail-mro .trait-description {
font-family: "Archivo", sans-serif;
font-weight: 400;
line-height: 1.6;
color: #737373;
margin: 0;
font-size: 14px;
}
.cta-section {
background: #0C2F62;
display: flex;
align-items: center;
justify-content: center;
min-height: 320px;
box-sizing: border-box;
width: 100%;
max-width: none;
margin-left: 0;
margin-right: 0;
padding-inline: 0;
}
/* 版心外壳内嵌 CTA 时仍保持视口通栏（不受 frame padding 影响） */
.xy-module-page-shell > .cta-section,
main [class*="-page-frame"] > .cta-section,
main [class*="-content-frame"] > .cta-section {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
padding-inline: 0;
}
.cta-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 80px 40px;
}
.cta-title {
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
line-height: 1.3;
color: #FFF;
padding-bottom: 24px;
max-width: 800px;
font-size: 20px;
}
.cta-btn {
display: inline-flex;
align-items: center;
justify-content: center;
background: #F2F3F5;
color: #003B90;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
line-height: 1;
text-decoration: none;
padding: 18px 28px;
min-width: 360px;
font-size: 14px;
}
.certs-section {
width: 100%;
height: 300px;
background: #FFF;
overflow: hidden;
max-width: 1296px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-around;
padding: 0 40px;
box-sizing: border-box;
}
.certs-logo {
opacity: 1;
object-fit: contain;
}
.certs-logo--iso9001 {
width: 143px;
height: 143px;
}
.certs-logo--iatf16949 {
width: 144px;
height: 144px;
}
.certs-logo--iso14001 {
width: 194px;
height: 194px;
}
.certs-logo--cwb {
width: 413px;
height: 122px;
}
.cap-item .cap-highlight-desc {
display: none;
}
.cap-item--highlight .cap-highlight-desc {
display: block;
}
.cap-item:hover .cap-number,
.cap-item:hover .cap-unit,
.cap-item:hover .cap-label {
color: #003B90;
}
.cap-item:hover .cap-highlight-desc {
display: block;
}
.page-template-page-products-detail-mro .product-parameters__th {
background: #003B90;
color: #EDEDED;
font-family: "Archivo", sans-serif;
font-weight: 600;
line-height: 1.2;
text-transform: uppercase;
text-align: center;
vertical-align: middle;
padding: 45px 80px;
border-bottom: none;
font-size: 22px;
}
.page-template-page-products-detail-mro .product-parameters__th--label {
padding: 0;
}
body.is-product-series-application-open .site-header,
body.is-product-series-application-open .product-series-breadcrumb,
body.is-product-series-application-open .xy-scrollup-header-spacer {
display: none !important;
}
.tablepress .tp-icon-cell {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
}
.tablepress .tp-icon {
width: 24px;
height: 24px;
display: block;
color: #003B90;
}
.tablepress .tp-icon-label {
font-family: "Archivo", sans-serif;
font-weight: 500;
line-height: 1.2;
color: #737373;
font-size: 14px;
}
.page-template-page-products-detail-mro .product-parameters {
width: 100%;
background: #FFF;
border-bottom: 1px solid #E4E4E4;
}
.page-template-page-products-detail-mro .product-parameters__container {
max-width: 1440px;
margin: 0 auto;
}
.page-template-page-products-detail-mro .product-parameters__grid {
display: block;
}
.page-template-page-products-detail-mro .product-parameters__table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
border-spacing: 0;
}
.page-template-page-products-detail-mro .product-parameters__col--label {
width: 260px;
}
.page-template-page-products-detail-mro .product-parameters__td {
font-family: "Archivo", sans-serif;
font-weight: 600;
color: #231815;
text-align: center;
vertical-align: middle;
padding: 34px 0;
border-bottom: none;
font-size: 14px;
}
.page-template-page-products-detail-mro .product-parameters__td--label {
padding: 34px 18px;
}
.page-template-page-products-detail-mro .product-parameters__table th:nth-child(2),
.page-template-page-products-detail-mro .product-parameters__table td:nth-child(2) {
border-left: 1px solid #E4E4E4;
}
.page-template-page-products-detail-mro .product-parameters__left-table {
width: 100%;
border-collapse: collapse;
border-right: 1px solid #E4E4E4;
}
.page-template-page-products-detail-mro .product-parameters__left-table th,
.page-template-page-products-detail-mro .product-parameters__left-table td {
border-right: 1px solid #E4E4E4;
border-bottom: none;
padding: 34px 18px;
height: auto;
vertical-align: middle;
}
.page-template-page-products-detail-mro .product-parameters__left-table thead th,
.page-template-page-products-detail-mro .product-parameters__left-table tbody td {
border-right: 1px solid #E4E4E4 !important;
}
.page-template-page-products-detail-mro .product-parameters__left-table thead th {
background: #003B90;
height: auto;
border-bottom: none;
padding: 0;
border-right: 1px solid #E4E4E4;
}
.page-template-page-products-detail-mro .product-parameters__cell {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
}
.page-template-page-products-detail-mro .product-parameters__icon {
width: 24px;
height: 24px;
color: #003B90;
}
.page-template-page-products-detail-mro .product-parameters__label {
font-family: "Archivo", sans-serif;
font-weight: 500;
line-height: 1.2;
color: #737373;
font-size: 14px;
}
.page-template-page-products-detail-mro .product-parameters__right .tablepress {
width: 100%;
border-collapse: collapse;
margin: 0;
table-layout: fixed;
border-spacing: 0;
}
.page-template-page-products-detail-mro .product-parameters__right .tablepress thead th {
background: #003B90;
color: #EDEDED;
font-family: "Archivo", sans-serif;
font-weight: 600;
line-height: 1.2;
text-transform: uppercase;
border-bottom: none;
text-align: center;
padding: 45px 80px;
vertical-align: middle;
width: 33.3333%;
font-size: 22px;
}
.page-template-page-products-detail-mro .product-parameters__right .tablepress tbody td {
border-bottom: none;
height: auto;
font-family: "Archivo", sans-serif;
font-weight: 600;
color: #231815;
text-align: center;
padding: 54px 80px;
vertical-align: middle;
font-size: 14px;
}
.page-template-page-products-detail-mro .product-parameters__right .tablepress th,
.page-template-page-products-detail-mro .product-parameters__right .tablepress td {
border-left: none;
border-right: none;
}
.page-template-page-products-detail-mro .product-parameters__right .tablepress thead th:first-child,
.page-template-page-products-detail-mro .product-parameters__right .tablepress tbody td:first-child {
width: auto;
padding: inherit;
border-bottom: 1px solid #E4E4E4;
overflow: visible;
visibility: visible;
border-left: 1px solid #E4E4E4;
}
.page-template-page-products-detail-mro .product-parameters__right .tablepress colgroup col:first-child {
width: auto !important;
}
.site-header,
.xy-header-transparent,
.xy-header-wrapper {
z-index: 999999 !important;
}
#masthead.site-header {
z-index: 1000 !important;
box-sizing: border-box;
}
#masthead.site-header .header-container {
width: 100% !important;
max-width: 1296px !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box;
}
.site-header {
box-sizing: border-box;
}
.search-bar-logo .custom-logo--sticky {
display: none;
}
.site-header--sticky .search-bar-logo .custom-logo--default {
display: none !important;
}
.site-header--sticky .search-bar-logo .custom-logo--sticky {
display: block !important;
}
.dropdown-menu-wrapper,
.nav-mega-panel,
.lang-dropdown {
z-index: 999999 !important;
}
#masthead .dropdown-menu-wrapper,
#masthead .nav-mega-panel,
#masthead .lang-dropdown {
z-index: 2147483000 !important;
}
#page main>*:first-child:not(.blog-breadcrumb-wrapper):not(.product-series-breadcrumb):not(.news-breadcrumb-wrapper),
#page .site-main>*:first-child:not(.blog-breadcrumb-wrapper):not(.product-series-breadcrumb):not(.news-breadcrumb-wrapper) {
z-index: 1 !important;
}
.nav-menu>li>a:hover,
.nav-menu>li.current-menu-item>a,
.nav-menu>li.current-menu-ancestor>a,
.nav-menu>li.is-active>a,
.nav-menu>li:hover>a {
color: #007DBF !important;
}
.nav-mega-item:hover,
.nav-mega-item.is-active,
.nav-mega-item.current-menu-item {
color: #007DBF !important;
}
.play-btn,
.play-button-overlay {
background-color: #F6F6F6 !important;
border: none !important;
}
#masthead.site-header.xy-video-open-header {
background: linear-gradient(180deg, #231815 0%, rgba(35, 24, 21, 0) 100%) !important;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
z-index: 1200 !important;
}
.xy-home-video-controls {
position: absolute;
left: 40px;
right: 40px;
bottom: 28px;
display: flex;
align-items: center;
gap: 16px;
z-index: 3;
}
.xy-home-video-control-btn {
width: 32px;
height: 32px;
border: 0;
background: transparent;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
color: #EDEDED;
cursor: pointer;
flex: 0 0 auto;
}
.xy-home-video-control-time {
color: #EDEDED;
line-height: 32px;
font-family: "MiSans Latin", "Archivo", sans-serif;
min-width: 70px;
text-align: center;
flex: 0 0 auto;
}
.xy-home-video-time-sep {
color: #FFF;
line-height: 32px;
font-family: "MiSans Latin", "Archivo", sans-serif;
flex: 0 0 auto;
font-size: 18px;
}
.xy-home-video-range {
-webkit-appearance: none;
appearance: none;
height: 6px;
background: #A1A1A1;
border-radius: 0;
outline: none;
cursor: pointer;
border: 0;
}
.xy-home-video-range::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 12px;
height: 12px;
border-radius: 50%;
background: transparent;
border: 0;
}
.xy-home-video-range::-moz-range-thumb {
width: 12px;
height: 12px;
border: 0;
border-radius: 50%;
background: transparent;
}
.xy-home-video-progress {
flex: 1 1 auto;
}
.xy-home-video-volume-wrap {
display: inline-flex;
align-items: center;
gap: 8px;
flex: 0 0 auto;
}
.xy-home-video-volume {
width: 96px;
}
.xy-home-video-fullscreen {
display: none;
}
.xy-home-video-time-badge {
display: none;
align-items: center;
gap: 10px;
flex: 0 0 auto;
}
.xy-404-container {
padding: 0 20px;
max-width: 1296px;
margin: 0 auto;
font-family: sans-serif;
display: flex;
flex-direction: column;
gap: 40px;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
}
.xy-404-content {
text-align: left;
}
.xy-404-title {
font-weight: 600;
color: #231815;
line-height: 1;
padding: 20px 14px;
font-size: 14px;
}
.xy-404-text {
color: #231815;
line-height: 1.6;
margin: 0;
padding: 0 14px;
font-size: 14px;
}
.xy-404-product {
border: 1px solid #eee;
display: flex;
flex-direction: column;
}
.xy-404-product-image {
width: 100%;
height: auto;
display: block;
object-fit: cover;
background-color: #f9f9f9;
}
.xy-404-product-info {
padding: 20px;
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.xy-404-product-name {
font-weight: 600;
color: #222;
margin: 0 0 20px 0;
font-size: 14px;
}
.xy-404-product-btn {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #003380;
color: #fff;
padding: 15px 20px;
text-decoration: none;
font-weight: bold;
transition: background-color 0.3s;
font-size: 14px;
}
.xy-404-product-btn:hover {
background-color: #025;
}
.xy-404-product-btn svg {
width: 20px;
height: 20px;
fill: currentColor;
}
.blog-detail-main {
font-family: Arial, sans-serif;
color: #231815;
}
.blog-container {
max-width: 1296px;
margin: 0 auto;
border-left: 1px solid #E5E5E5;
border-right: 1px solid #E5E5E5;
}
.blog-breadcrumb-wrapper {
padding: 12px 0;
}
.blog-hero__inner {
position: relative;
overflow: hidden;
display: flex;
align-items: flex-end;
min-height: 720px;
}
.blog-hero__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
.blog-hero__overlay {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 40px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
z-index: 2;
transition: opacity 0.4s ease;
}
.blog-hero__hover-panel {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.9) 100%);
z-index: 3;
padding: 40px;
display: flex;
flex-direction: column;
justify-content: flex-end;
transform: translatey(100%);
transition: transform 0.4s ease;
}
.blog-hero__inner:hover .blog-hero__hover-panel {
transform: translatey(0);
}
.blog-hero__inner:hover .blog-hero__overlay {
opacity: 0;
}
.blog-hero__title {
color: #fff;
font-weight: 600;
margin: 0 0 10px 0;
font-family: "Zalando Sans Expanded", sans-serif;
font-size: 16px;
}
.blog-hero__date {
color: #fff;
margin: 0 0 15px 0;
font-size: 14px;
}
.blog-hero__desc {
color: #fff;
margin: 0;
line-height: 1.5;
font-size: 14px;
}
.blog-hero__hover-desc {
color: #fff;
line-height: 1.6;
margin: 0;
font-size: 14px;
}
.blog-subscribe__inner {
display: flex;
align-items: center;
justify-content: space-between;
border: 1px solid #E5E5E5;
}
.blog-subscribe__input {
flex: 1;
font-weight: 400;
color: #231815;
padding: 20px 40px;
border: none;
outline: none;
background: transparent;
font-size: 14px;
}
.blog-subscribe__input::placeholder {
color: #231815;
}
.blog-subscribe__btn {
width: 432px;
background: #003B90;
color: #fff;
border: none;
padding: 20px 40px;
font-weight: 500;
cursor: pointer;
display: flex;
align-items: center;
gap: 10px;
transition: background 0.3s;
font-family: "Zalando Sans Expanded", sans-serif;
justify-content: center;
font-size: 14px;
}
.blog-subscribe__btn:hover {
background: #025;
}
.blog-content__inner {
margin: 0 auto;
padding: 20px;
border-bottom: 1px solid #e4e4e4;
display: flex;
justify-content: space-between;
flex-direction: column;
gap: 20px;
}
.blog-content__inner p {
line-height: 1.8;
color: #555;
font-size: 14px;
}
.blog-content__inner h3 {
font-weight: 700;
color: #231815;
margin: 40px 0 20px 0;
text-transform: uppercase;
font-size: 18px;
}
.blog-content__inner img {
width: 100%;
height: auto;
display: block;
margin: 40px 0;
}
.blog-share {
display: flex;
gap: 15px;
margin-top: 40px;
}
.blog-share a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
color: #fff;
border-radius: 4px;
text-decoration: none;
transition: background 0.3s;
}
.blog-share a:hover {
background: #025;
}
.blog-share svg {
fill: currentColor;
}
.blog-pagination__inner {
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
padding: 60px 40px;
}
.blog-pagination__link {
display: flex;
align-items: center;
gap: 10px;
color: #231815;
font-weight: 500;
text-decoration: none;
transition: color 0.3s;
font-family: "Zalando Sans Expanded";
font-size: 14px;
}
.blog-pagination__link:hover {
color: #003380;
}
.blog-pagination__link svg {
width: 24px;
height: 24px;
stroke: currentColor;
}
.blog-detail-divider {
width: 100%;
height: 1px;
background: #E5E5E5;
}
.other-blogs-section {
background-color: #fff;
}
.other-blogs-header {
max-width: 1296px;
margin: 0 auto;
padding: 50px 40px;
display: flex;
align-items: center;
border-left: 1px solid #E4E4E4;
position: relative;
}
.other-blogs-header::before {
content: "";
position: absolute;
left: -2px;
top: 50%;
transform: translatey(-50%);
width: 4px;
height: 30px;
background: #003380;
}
.other-blogs-title {
font-weight: 700;
color: #003B90;
margin: 0;
font-family: "Zalando Sans Expanded", sans-serif;
font-size: 18px;
}
.other-blogs-divider {
width: 100%;
height: 1px;
background: #E5E5E5;
}
.other-blogs-wrapper {
max-width: 1296px;
margin: 0 auto;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
position: relative;
}
.other-blogs-grid-wrap {
overflow: hidden;
width: 100%;
}
.other-blogs-grid {
display: flex;
transition: transform 0.5s ease-in-out;
width: 100%;
}
.other-blogs-item {
flex: 0 0 33.333333%;
max-width: 33.333333%;
position: relative;
padding: 40px 20px 20px;
border-right: 1px solid #E4E4E4;
display: flex;
flex-direction: column;
transition: background-color 0.3s;
box-sizing: border-box;
}
.other-blogs-item:last-child {
border-right: none;
}
.other-blogs-item:hover {
background-color: #F8F9FB;
}
.other-blogs-controls {
display: flex;
justify-content: space-between;
align-items: center;
padding: 30px 40px;
position: relative;
}
.other-blogs-controls::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background-color: #E4E4E4;
z-index: 1;
}
.other-blogs-btn {
background: none;
border: none;
cursor: pointer;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.3s;
}
.other-blogs-btn:disabled {
opacity: 0.3;
cursor: not-allowed;
}
.other-blogs-btn svg {
width: 32px;
height: 32px;
stroke: #231815;
}
.other-blogs-date {
color: #B5B5B6;
margin: 0 0 20px;
font-family: "Zalando Sans Expanded", sans-serif;
font-size: 14px;
}
.other-blogs-media {
width: 100%;
aspect-ratio: 400/300;
overflow: hidden;
margin-bottom: 20px;
}
.other-blogs-image {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.other-blogs-item:hover .other-blogs-image {
transform: scale(1.05);
}
.other-blogs-title-text {
font-weight: 600;
color: #003B90;
margin: 0 0 10px;
line-height: 1.4;
font-family: "Zalando Sans Expanded", sans-serif;
font-size: 14px;
}
.other-blogs-desc {
color: #737373;
line-height: 1.6;
margin: 0 0 30px;
flex-grow: 1;
font-size: 14px;
}
.other-blogs-footer {
margin-top: auto;
border-top: 1px solid #E4E4E4;
padding-top: 20px;
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px;
}
.other-blogs-link {
display: inline-flex;
align-items: center;
font-weight: 500;
color: #003B90;
text-decoration: none;
gap: 8px;
font-family: "Zalando Sans Expanded", sans-serif;
font-size: 14px;
}
.other-blogs-link svg {
transition: transform 0.3s;
}
.other-blogs-link:hover svg {
transform: translatex(4px);
}
.v21-news-section {
position: relative;
width: 100%;
background-color: #fff;
font-family: Arial, sans-serif;
max-width: 1296px;
margin: 0 auto;
border-left: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
}
.v21-news-container {
border-top: 1px solid #e0e0e0;
}
.v21-news-item {
min-height: 300px;
display: flex;
border-bottom: 1px solid #e0e0e0;
height: 300px;
transition: background-color 0.3s ease;
gap: 40px;
}
.v21-news-item:last-child {
border-bottom: none;
}
.v21-news-item:hover {
background-color: #f9f9f9;
}
.v21-text-content {
flex: 1;
padding: 40px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.v21-item-title {
font-weight: 600;
color: #000;
margin: 0 0 15px 0;
font-family: "Zalando Sans Expanded", sans-serif;
font-size: 20px;
}
.v21-item-desc {
color: #231815;
line-height: 1.6;
margin-bottom: 30px;
max-width: 90%;
font-size: 14px;
}
.v21-footer-row {
display: flex;
justify-content: space-between;
align-items: center;
}
.v21-date {
font-weight: 500;
color: #A1A1A1;
font-family: "Zalando Sans Expanded";
font-size: 14px;
}
.v21-arrow-btn {
width: 30px;
height: 30px;
color: #000;
cursor: pointer;
display: inline-block;
transition: transform 0.3s ease;
}
.v21-news-item:hover .v21-arrow-btn {
transform: translate(5px, -5px);
}
.v21-image-box {
width: 40%;
overflow: hidden;
background-color: #eee;
}
.v21-image-box img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.v21-news-pagination {
width: 100%;
height: 120px;
background: #FFF;
}
.v21-news-pagination__container {
padding-left: 108px;
padding-right: 108px;
box-sizing: border-box;
position: relative;
}
.v21-news-pagination__inner {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0;
gap: 50px;
width: 100%;
height: 120px;
box-sizing: border-box;
position: relative;
z-index: 1;
}
.v21-news-pagination__divider {
width: 100%;
height: 0;
border-top: 1px solid #E4E4E4;
}
.v21-news-pagination__line {
position: absolute;
top: 0;
bottom: 0;
width: 1px;
background: #E4E4E4;
pointer-events: none;
z-index: 0;
}
.v21-news-pagination__line--left {
left: 0;
}
.v21-news-pagination__line--right {
right: 0;
}
.v21-news-pagination__arrow {
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
flex: none;
text-decoration: none;
}
.v21-news-pagination__arrow.is-disabled {
pointer-events: none;
}
.v21-news-pagination__numbers {
display: flex;
flex-direction: row;
align-items: center;
padding: 0;
gap: 50px;
margin: 0 auto;
height: 27px;
}
.v21-news-pagination__number,
.v21-news-pagination__dots {
font-family: "Archivo", sans-serif;
font-style: normal;
font-weight: 400;
line-height: 27px;
color: #B5B5B6;
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 15px;
}
.v21-news-pagination__number.is-current {
font-weight: 700;
color: #003B90;
}
.xy-about-main {
font-family: Arial, sans-serif;
color: #231815;
line-height: 1.5;
}
.xy-about-main * {
box-sizing: border-box;
}
.xy-about-banner {
position: relative;
width: 100%;
height: 100vh;
display: flex;
align-items: flex-end;
padding: 80px 10%;
overflow: hidden;
}
.xy-about-banner-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
}
.xy-about-banner-mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to right, #07264D 3.95%, rgba(7, 38, 77, 0) 97.19%);
z-index: 1;
}
.xy-about-banner-content {
position: relative;
z-index: 2;
color: #fff;
max-width: 730px;
}
.xy-about-banner-title {
font-weight: 900;
margin: 0 0 20px 0;
line-height: 1.1;
font-family: "Archivo";
font-size: 54px;
}
.xy-about-banner-subtitle {
font-weight: 400;
font-family: "Archivo";
margin: 0 0 15px 0;
font-size: 14px;
}
.xy-about-banner-desc {
font-weight: 100;
line-height: 36px;
margin: 0;
color: #EDEDED;
font-size: 14px;
}
.xy-about-overview {
background: #FFF;
position: relative;
}
.xy-about-overview-container {
max-width: 1290px;
margin: 0 auto;
}
.xy-about-overview-top {
flex-direction: row;
align-items: flex-start;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
gap: 30px;
}
.xy-about-overview-left,
.xy-about-overview-right {
width: 100%;
}
.xy-about-overview-left {
padding: 80px 40px 40px;
}
.xy-about-overview-right {
padding: 0 40px 40px;
}
.xy-about-overview-title {
font-family: "Archivo", sans-serif;
font-weight: 600;
line-height: 40px;
margin: 0;
font-size: 30px;
}
.xy-about-overview-light {
color: #B5B5B6;
font-weight: 600;
}
.xy-about-overview-blue {
color: #003B90;
font-weight: 600;
}
.xy-about-overview-desc {
font-family: "Archivo", sans-serif;
font-weight: 400;
color: #737373;
line-height: 28px;
max-width: 704px;
margin: 0;
font-size: 14px;
}
.xy-about-overview-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
}
.xy-about-overview-cell {
position: relative;
min-height: 432px;
background: #FFF;
overflow: hidden;
}
.xy-about-overview-cell+.xy-about-overview-cell {
border-left: 1px solid #E4E4E4;
}
.xy-about-overview-link {
position: absolute;
inset: 0;
display: block;
z-index: 2;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
opacity: 1;
}
.xy-about-overview-link svg {
position: absolute;
top: 33px;
right: 40px;
z-index: 2;
width: 44px;
height: 44px;
}
.xy-about-overview-image {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 1;
transition: transform 0.35s ease;
z-index: 1;
}
.xy-about-overview-link::after {
content: "";
position: absolute;
inset: 0;
background: rgba(0, 59, 144, 0.4);
opacity: 0;
transition: opacity 0.3s ease;
z-index: 2;
}
.xy-about-overview-cell:hover .xy-about-overview-link::after,
.xy-about-overview-cell:active .xy-about-overview-link::after,
.xy-about-overview-cell:focus-within .xy-about-overview-link::after {
opacity: 1;
}
.xy-about-overview-cell:hover .xy-about-overview-image,
.xy-about-overview-cell:active .xy-about-overview-image,
.xy-about-overview-cell:focus-within .xy-about-overview-image {
transform: scale(1.02);
}
.xy-about-overview-text {
position: absolute;
left: 20px;
right: 20px;
bottom: 20px;
z-index: 4;
pointer-events: none;
}
.xy-about-overview-cell-title {
font-family: "Archivo", sans-serif;
font-weight: 600;
letter-spacing: 0.5px;
color: #FFF;
text-transform: uppercase;
margin: 0 0 8px 0;
font-size: 14px;
}
.xy-about-overview-cell-desc {
font-family: "Archivo", sans-serif;
font-weight: 400;
color: #FFF;
line-height: 1.5;
margin: 0;
font-size: 14px;
}
.xy-about-overview-link svg path {
stroke: #FFF;
}
.xy-about-overview-scrollbar-container {
display: none;
background: #FFF;
margin-bottom: -1px;
}
.xy-about-overview-scrollbar-track {
height: 4px;
background: #E4E4E4;
width: 100%;
position: relative;
}
.xy-about-overview-scrollbar-thumb {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 142px;
background: #003B90;
transition: left 0.1s linear;
}
.xy-about-driven-section {
background: #FFF;
position: relative;
overflow-x: hidden;
}
.xy-about-driven-container {
max-width: 1296px;
margin: 0 auto;
border-left: 1px solid #E4E4E4;
position: relative;
}
.xy-about-driven-title-block {
position: relative;
padding: 60px 40px;
display: flex;
align-items: center;
}
.xy-about-driven-title-divider {
position: absolute;
bottom: 0;
left: 50%;
transform: translatex(-50%);
height: 1px;
background: #E4E4E4;
width: 100%;
}
.xy-about-driven-title-line {
position: absolute;
left: -2px;
top: 50%;
transform: translatey(-50%);
width: 4px;
height: 30px;
background: #003B90;
}
.xy-about-driven-title {
font-family: "Zalando Sans Expanded", sans-serif;
color: #003B90;
font-weight: 600;
margin: 0;
font-size: 22px;
}
.xy-about-driven-top {
display: flex;
border-right: 1px solid #E4E4E4;
}
.xy-about-driven-text {
flex: 1;
padding: 80px 40px;
}
.xy-about-driven-subtitle {
font-family: "Archivo", sans-serif;
color: #003B90;
font-weight: 600;
margin-bottom: 80px;
font-size: 30px;
}
.xy-about-driven-subtitle span {
font-weight: normal;
color: #B5B5B6;
}
.xy-about-driven-list {
list-style: none;
padding: 0;
margin: 0;
}
.xy-about-driven-item {
margin-bottom: 30px;
padding-left: 45px;
position: relative;
}
.xy-about-driven-item:last-child {
margin-bottom: 0;
}
.xy-about-driven-item svg {
position: absolute;
left: 0;
top: 4px;
width: 20px;
height: 20px;
}
.xy-about-driven-item h4 {
font-family: "Archivo", sans-serif;
font-weight: 600;
margin: 0 0 10px 0;
color: #231815;
line-height: 1;
font-size: 22px;
}
.xy-about-driven-item p {
font-family: "Archivo", sans-serif;
color: #737373;
margin: 0;
line-height: 28px;
font-weight: 500;
font-size: 14px;
}
.xy-about-driven-image {
width: 500px;
}
.xy-about-driven-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.xy-about-driven-bottom-section {
background: #FFF;
position: relative;
overflow-x: hidden;
}
.xy-about-driven-bottom-container {
max-width: 1296px;
margin: 0 auto;
display: flex;
padding: 80px 0;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
position: relative;
gap: 20px;
}
.xy-about-driven-card {
flex: 1;
position: relative;
height: 480px;
overflow: hidden;
}
.xy-about-driven-card+.xy-about-driven-card {
border-left: 1px solid #E4E4E4;
}
.xy-about-driven-card img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.xy-about-driven-card-mask {
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 40px;
color: #fff;
}
.xy-about-driven-card-mask h3 {
font-family: "Archivo", sans-serif;
font-weight: 600;
margin: 0 0 15px 0;
font-size: 22px;
}
.xy-about-driven-card-mask p {
font-family: "Archivo", sans-serif;
margin: 0;
line-height: 1.6;
color: #EDEDED;
font-size: 14px;
}
.xy-about-title-block {
display: flex;
align-items: center;
margin-bottom: 60px;
}
.xy-about-title-line {
width: 4px;
height: 28px;
background: #003B90;
margin-right: 15px;
}
.xy-about-title {
color: #003B90;
font-weight: bold;
margin: 0;
font-size: 26px;
}
.xy-about-foot {
background: #FFF;
position: relative;
overflow-x: hidden;
}
.xy-about-foot-container {
max-width: 1296px;
margin: 0 auto;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
position: relative;
}
.xy-about-foot-title-block {
position: relative;
padding: 60px 40px;
display: flex;
align-items: center;
}
.xy-about-foot-title-line {
position: absolute;
left: -2px;
top: 50%;
transform: translatey(-50%);
width: 4px;
height: 28px;
background: #003B90;
}
.xy-about-foot-title {
font-family: "Zalando Sans Expanded", sans-serif;
font-style: normal;
color: #003B90;
font-weight: 600;
margin: 0;
line-height: 39px;
text-transform: capitalize;
font-size: 22px;
}
.xy-about-foot-title-divider {
position: absolute;
bottom: 0;
left: 0;
height: 1px;
background: #E4E4E4;
width: 100%;
}
.xy-about-foot-content-wrap {
position: relative;
padding: 80px 40px;
overflow: hidden;
}
.xy-about-foot-svg {
position: absolute;
right: -40px;
top: 0;
z-index: 1;
pointer-events: none;
padding-top: 70px;
}
.xy-about-foot-content {
position: relative;
z-index: 2;
}
.xy-about-foot-header {
max-width: 679px;
margin-bottom: 140px;
}
.xy-about-foot-header h3 {
font-family: "Zalando Sans Expanded", sans-serif;
font-style: normal;
color: #003B90;
margin: 0 0 10px 0;
font-weight: 400;
line-height: 60px;
font-size: 20px;
}
.xy-about-foot-header h3 .xy-about-foot-light {
color: #B5B5B6;
}
.xy-about-foot-header p {
font-family: "Archivo", sans-serif;
color: #737373;
line-height: 28px;
margin: 0;
max-width: 599px;
font-size: 14px;
}
.xy-about-foot-stats {
display: flex;
justify-content: flex-start;
gap: 40px;
}
.xy-about-foot-stat {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}
.xy-about-foot-stat-num {
font-family: "Zalando Sans Expanded", sans-serif;
font-style: normal;
font-weight: 500;
color: #003B90;
margin-bottom: 0;
line-height: 61px;
font-size: 40px;
}
.xy-about-foot-stat-label {
font-family: "Archivo", sans-serif;
color: #B5B5B6;
line-height: 22px;
text-align: center;
font-size: 14px;
}
.xy-about-history-section {
background: #FFF;
position: relative;
overflow-x: hidden;
}
.xy-about-history-top-divider {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background: #E4E4E4;
z-index: 10;
}
.xy-about-history-container {
max-width: 1296px;
margin: 0 auto;
border-left: 1px solid #E4E4E4;
position: relative;
}
.xy-about-history-title-block {
position: relative;
padding: 60px 40px;
display: flex;
align-items: center;
}
.xy-about-history-title-line {
position: absolute;
left: -2px;
top: 50%;
transform: translatey(-50%);
width: 4px;
height: 30px;
background: #003B90;
}
.xy-about-history-title {
font-family: "Zalando Sans Expanded", sans-serif;
color: #003B90;
font-weight: 600;
margin: 0;
font-size: 22px;
}
.xy-about-history-title-divider {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1px;
background: #E4E4E4;
}
.xy-about-history-content {
position: relative;
padding: 80px 0;
border-right: 1px solid #E4E4E4;
}
.xy-about-history-center-line {
position: absolute;
left: 50%;
top: 0;
bottom: 0;
width: 1px;
background: #E4E4E4;
transform: translatex(-50%);
}
.xy-about-history-timeline {
position: relative;
width: 100%;
display: flex;
flex-direction: column;
gap: 80px;
}
.xy-about-history-item {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
width: 100%;
}
.xy-about-history-dot {
position: absolute;
left: 50%;
top: 50%;
width: 20px;
height: 20px;
background: #003B90;
border-radius: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
.xy-about-history-half {
width: 50%;
display: flex;
}
.xy-about-history-image-wrap {
justify-content: flex-end;
padding-right: 80px;
}
.xy-about-history-text-wrap {
justify-content: flex-start;
padding-left: 80px;
}
.xy-about-history-item:nth-child(even) {
flex-direction: row-reverse;
}
.xy-about-history-item:nth-child(even) .xy-about-history-image-wrap {
justify-content: flex-start;
padding-right: 0;
padding-left: 80px;
}
.xy-about-history-item:nth-child(even) .xy-about-history-text-wrap {
justify-content: flex-end;
padding-left: 0;
padding-right: 80px;
}
.xy-about-history-image {
width: 314px;
height: 314px;
position: relative;
}
.xy-about-history-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.xy-about-history-text {
width: 100%;
max-width: 537px;
height: 314px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.xy-about-history-text-top {
display: flex;
flex-direction: column;
gap: 20px;
}
.xy-about-history-text h4 {
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
color: #003B90;
margin: 0;
line-height: 36px;
font-size: 20px;
}
.xy-about-history-item:nth-child(2) .xy-about-history-text h4 {
text-transform: uppercase;
}
.xy-about-history-text p {
font-family: "Archivo", sans-serif;
color: #737373;
line-height: 16px;
margin: 0;
font-size: 14px;
}
.xy-about-history-date {
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
color: #A1A1A1;
line-height: 32px;
font-size: 14px;
}
.xy-about-achieve {
background: #FFF;
position: relative;
}
.xy-about-achieve-top-divider {
position: absolute;
top: 0;
left: 50%;
transform: translatex(-50%);
width: 100%;
height: 1px;
background: #E4E4E4;
z-index: 1;
}
.xy-about-achieve-container {
max-width: 1296px;
margin: 0 auto;
position: relative;
padding-bottom: 60px;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
}
.xy-about-achieve-container::before {
display: none;
}
.xy-about-achieve-container::after {
display: none;
}
.xy-about-achieve-title-block {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 80px 40px;
gap: 10px;
position: relative;
}
.xy-about-achieve-title-line {
position: absolute;
left: -3px;
top: 95px;
width: 4px;
height: 30px;
background: #003B90;
z-index: 2;
}
.xy-about-achieve-title {
flex: 1;
font-family: "Zalando Sans Expanded";
font-weight: 600;
line-height: 1.6;
text-transform: uppercase;
color: #003B90;
margin: 0;
font-size: 30px;
}
.xy-about-achieve-grid {
display: flex;
flex-wrap: wrap;
width: 100%;
position: relative;
z-index: 2;
}
.xy-about-achieve-box {
width: 25%;
aspect-ratio: 1/1;
display: flex;
flex-direction: column;
box-sizing: border-box;
position: relative;
}
.xy-about-achieve-box-img {
background: #FFF;
justify-content: center;
align-items: center;
}
.xy-about-achieve-box-img img {
max-width: 273px;
max-height: 182px;
object-fit: contain;
}
.xy-about-achieve-box-text {
background: rgba(0, 59, 144, 0.05);
padding: 40px;
justify-content: flex-end;
}
.xy-about-achieve-box-num {
position: absolute;
left: 40px;
top: 40px;
font-family: "Zalando Sans Expanded";
font-weight: 600;
line-height: 1;
color: #003B90;
font-size: 32px;
}
.xy-about-achieve-box-content {
display: flex;
flex-direction: column;
gap: 10px;
}
.xy-about-achieve-box-title {
font-family: "Archivo";
font-weight: 600;
line-height: 2;
text-transform: uppercase;
color: #231815;
margin: 0;
font-size: 14px;
}
.xy-about-achieve-box-desc {
font-family: "Archivo";
font-weight: 400;
line-height: 1.43;
color: #231815;
margin: 0;
font-size: 14px;
}
.xy-about-achieve-bottom-divider {
position: absolute;
bottom: 0;
left: 50%;
transform: translatex(-50%);
width: 100%;
height: 1px;
background: #E4E4E4;
z-index: 1;
}
.xy-contact-us-main {
font-family: Arial, sans-serif;
background: #fff;
color: #231815;
}
.xy-contact-submit-module {
margin-top: 80px;
margin-bottom: 80px;
}
.xy-contact-container {
max-width: 1296px;
margin: 0 auto;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
padding: 40px;
}
.xy-contact-top {
margin-bottom: 80px;
}
.xy-contact-title {
line-height: 1.2;
color: #231815;
font-weight: 700;
text-transform: uppercase;
font-family: "Zalando Sans Expanded";
font-size: 30px;
}
.xy-contact-info-wrapper {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
gap: 40px;
}
.xy-contact-details {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 0;
flex: 1 1 0;
min-width: 0;
height: 200px;
box-sizing: border-box;
}
.xy-contact-map-wrap {
flex: 1 1 0;
min-width: 0;
height: 200px;
max-height: 200px;
position: relative;
box-sizing: border-box;
border: 1px solid #E4E4E4;
background: #f5f5f5;
overflow: hidden;
}
.xy-contact-map-frame {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
display: block;
}
.xy-contact-detail-item {
display: flex;
align-items: flex-start;
color: #231815;
line-height: 1.5;
font-size: 14px;
}
.xy-contact-icon {
margin-right: 12px;
display: inline-flex;
align-items: center;
margin-top: 2px;
}
.xy-contact-icon svg {
width: 24px;
height: 24px;
display: block;
flex-shrink: 0;
}
.xy-contact-label {
font-weight: 700;
color: #231815;
margin-right: 8px;
}
.xy-social-link {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 4px;
transition: opacity 0.3s;
}
.xy-social-link:hover {
opacity: 0.8;
}
.xy-social-link svg {
width: 40px;
height: 40px;
}
.xy-contact-form-desc {
font-weight: 700;
color: #231815;
margin: 0 0 40px;
padding-top: 20px;
font-size: 14px;
}
.xy-form-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px 60px;
margin-bottom: 40px;
}
.xy-form-group {
position: relative;
}
.xy-form-group-full {
grid-column: span 2;
}
.xy-form-group input,
.xy-form-group textarea {
width: 100%;
border: none;
border-bottom: 1px solid #EAEAEA;
padding: 20px 0;
box-sizing: border-box;
line-height: 1.4;
color: #231815;
background: transparent;
outline: none;
transition: border-color 0.3s;
font-family: inherit;
font-size: 14px;
}
.xy-form-group input {
min-height: 64px;
}
.xy-form-group textarea {
resize: none;
min-height: 40px;
overflow: hidden;
}
.xy-form-group input:focus,
.xy-form-group textarea:focus {
border-bottom-color: #003B7C;
}
.xy-form-group label {
position: absolute;
left: 0;
top: 20px;
color: #999;
pointer-events: none;
transition: all 0.3s ease;
font-size: 14px;
}
.xy-form-group input:focus~label,
.xy-form-group input:not(:placeholder-shown)~label,
.xy-form-group textarea:focus~label,
.xy-form-group textarea:not(:placeholder-shown)~label {
top: -20px;
color: #231815;
font-size: 14px;
}
.xy-required {
color: #E3000F;
}
.xy-contact-submit {
width: 100%;
max-width: 839px;
margin: 0 auto;
display: block;
background: #003B7C;
color: #fff;
border: none;
padding: 16px;
font-weight: 600;
cursor: pointer;
transition: background 0.3s;
font-size: 14px;
}
.xy-contact-submit:hover {
background: #002855;
}
.xy-local-faq-section {
max-width: 1296px;
margin: 0 auto;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
position: relative;
}
.xy-local-faq-section::before {
content: "";
position: absolute;
top: 0;
left: calc(50% - 50vw);
width: 100vw;
height: 1px;
background-color: #E4E4E4;
z-index: 2;
}
.xy-local-faq-header {
display: flex;
align-items: center;
margin-bottom: 40px;
padding: 60px 20px 0;
}
.xy-local-faq-header::before {
content: "";
display: block;
width: 4px;
height: 24px;
background: #003380;
margin-right: 15px;
flex-shrink: 0;
}
.xy-local-faq-title {
font-weight: 700;
color: #003380;
margin: 0;
font-family: "Zalando Sans Expanded", sans-serif;
font-size: 18px;
}
.xy-local-faq-list {
padding: 0 20px;
}
.xy-local-faq-item {
border-bottom: 1px solid #E4E4E4;
}
.xy-local-faq-head {
display: flex;
justify-content: space-between;
align-items: center;
padding: 24px 0;
cursor: pointer;
font-weight: 600;
color: #231815;
transition: color 0.3s ease;
font-family: "Zalando Sans Expanded", sans-serif;
text-transform: uppercase;
font-size: 14px;
}
.xy-local-faq-head:hover,
.xy-local-faq-head.is-open {
color: #003B90;
}
.xy-local-faq-icon {
width: 20px;
height: 20px;
transition: transform 0.3s ease;
stroke: currentColor;
flex-shrink: 0;
margin-left: 20px;
}
.xy-local-faq-head.is-open .xy-local-faq-icon {
transform: rotate(90deg);
}
.xy-local-faq-body {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
}
.xy-local-faq-content {
padding-bottom: 24px;
padding-right: 40px;
color: #737373;
line-height: 1.8;
font-family: "Archivo", sans-serif;
font-size: 14px;
}
.xy-local-faq-bottom-block {
width: 100%;
height: 108px;
}
.xy-contact-blogs-section {
background-color: #fff;
}
.xy-contact-blogs-header {
max-width: 1296px;
margin: 0 auto;
padding: 40px;
display: flex;
align-items: center;
border-left: 1px solid #E4E4E4;
position: relative;
}
.xy-contact-blogs-header::before {
content: "";
position: absolute;
left: -2px;
top: 50%;
transform: translatey(-50%);
width: 4px;
height: 24px;
background: #003380;
}
.xy-contact-blogs-title {
font-weight: 700;
color: #003380;
margin: 0;
font-family: "Zalando Sans Expanded", sans-serif;
font-size: 18px;
}
.xy-contact-blogs-divider {
width: 100%;
height: 1px;
background: #E5E5E5;
}
.xy-contact-blogs-wrapper {
max-width: 1296px;
margin: 0 auto;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
position: relative;
}
.xy-contact-blogs-grid-wrap {
overflow: hidden;
width: 100%;
}
.xy-contact-blogs-grid {
display: flex;
transition: transform 0.5s ease-in-out;
width: 100%;
}
.xy-contact-blogs-item {
flex: 0 0 33.333333%;
max-width: 33.333333%;
position: relative;
padding: 40px 20px 20px;
border-right: 1px solid #E4E4E4;
display: flex;
flex-direction: column;
transition: background-color 0.3s;
box-sizing: border-box;
}
.xy-contact-blogs-item:last-child {
border-right: none;
}
.xy-contact-blogs-item:hover {
background-color: #F8F9FB;
}
.xy-contact-blogs-controls {
display: flex;
justify-content: space-between;
align-items: center;
padding: 30px 40px;
position: relative;
}
.xy-contact-blogs-controls::before {
content: "";
position: absolute;
top: 0;
left: -100vw;
right: -100vw;
height: 1px;
background-color: #E4E4E4;
z-index: 1;
}
.xy-contact-blogs-btn {
background: none;
border: none;
cursor: pointer;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.3s;
}
.xy-contact-blogs-btn:disabled {
opacity: 0.3;
cursor: not-allowed;
}
.xy-contact-blogs-btn svg {
width: 32px;
height: 32px;
stroke: #231815;
}
.xy-contact-blogs-date {
color: #B5B5B6;
margin: 0 0 20px;
font-family: "Zalando Sans Expanded", sans-serif;
font-size: 14px;
}
.xy-contact-blogs-media {
width: 100%;
aspect-ratio: 400/300;
overflow: hidden;
margin-bottom: 20px;
}
.xy-contact-blogs-image {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.xy-contact-blogs-item:hover .xy-contact-blogs-image {
transform: scale(1.05);
}
.xy-contact-blogs-title-text {
font-weight: 600;
color: #003B90;
margin: 0 0 10px;
line-height: 1.4;
font-family: "Zalando Sans Expanded", sans-serif;
font-size: 14px;
}
.xy-contact-blogs-desc {
color: #737373;
line-height: 1.6;
margin: 0 0 30px;
flex-grow: 1;
font-size: 14px;
}
.xy-contact-blogs-footer {
margin-top: auto;
border-top: 1px solid #E4E4E4;
padding-top: 20px;
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px;
}
.xy-contact-blogs-link {
display: inline-flex;
align-items: center;
font-weight: 500;
color: #003B90;
text-decoration: none;
gap: 8px;
font-family: "Zalando Sans Expanded", sans-serif;
font-size: 14px;
}
.xy-contact-blogs-link svg {
transition: transform 0.3s;
}
.xy-contact-blogs-link:hover svg {
transform: translatex(4px);
}
.xy-contact-blogs-scroll-container {
max-width: 1296px;
margin: 0 auto;
padding: 0 20px;
margin-top: 40px;
margin-bottom: 60px;
}
.xy-contact-blogs-scrollbar-track {
width: 100%;
height: 2px;
background-color: #E4E4E4;
position: relative;
}
.xy-contact-blogs-scrollbar-thumb {
position: absolute;
left: 0;
top: -1px;
height: 4px;
width: 33.33%;
background-color: #003B90;
border-radius: 2px;
transition: left 0.3s ease;
}
.xy-copyright-container {
padding: 30px 20px;
max-width: 1000px;
margin: 0 auto;
font-family: sans-serif;
color: #231815;
line-height: 1.6;
}
.xy-copyright-header {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.xy-copyright-header::before {
content: "";
display: block;
width: 4px;
height: 24px;
background: #003380;
margin-right: 15px;
flex-shrink: 0;
}
.xy-copyright-title {
font-weight: 800;
color: #231815;
text-transform: uppercase;
margin: 0;
line-height: 1.2;
font-size: 14px;
}
.xy-copyright-intro {
margin-bottom: 30px;
font-size: 14px;
}
.xy-copyright-subtitle {
font-weight: 800;
color: #231815;
text-transform: uppercase;
margin: 0 0 16px 0;
font-size: 14px;
}
.xy-copyright-paragraph {
margin-bottom: 16px;
font-size: 14px;
}
.xy-copyright-list {
margin: 0 0 16px 18px;
padding: 0;
}
.xy-copyright-item {
margin-bottom: 10px;
font-size: 14px;
}
.xy-copyright-divider {
border: 0;
border-top: 1px solid #ddd;
margin: 26px 0;
}
.xy-disclaimer-container {
padding: 30px 20px;
max-width: 1000px;
margin: 0 auto;
font-family: sans-serif;
color: #231815;
line-height: 1.6;
}
.xy-disclaimer-header {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.xy-disclaimer-header::before {
content: "";
display: block;
width: 4px;
height: 24px;
background: #003380;
margin-right: 15px;
flex-shrink: 0;
}
.xy-disclaimer-title {
font-weight: 800;
color: #231815;
text-transform: uppercase;
margin: 0;
line-height: 1.2;
font-size: 14px;
}
.xy-disclaimer-subtitle {
font-weight: 800;
color: #231815;
text-transform: uppercase;
margin: 0 0 16px 0;
font-size: 14px;
}
.xy-disclaimer-paragraph {
margin-bottom: 16px;
font-size: 14px;
}
.xy-disclaimer-list {
margin: 0 0 16px 18px;
padding: 0;
}
.xy-disclaimer-item {
margin-bottom: 10px;
font-size: 14px;
}
.xy-disclaimer-divider {
border: 0;
border-top: 1px solid #ddd;
margin: 26px 0;
}
.xy-elevators-page {
background: #FFF;
}
.xy-elevators-divider {
width: 100%;
height: 1px;
background: #E4E4E4;
max-width: 1296px;
margin: 0 auto;
}
.hero-banner-divider {
max-width: 1296px;
margin: 0 auto;
width: 100%;
height: 1px;
background-color: #E4E4E4;
display: none;
}
.hero-banner-module {
overflow: hidden;
width: 100%;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
background-color: #fff;
box-sizing: border-box;
position: relative;
max-width: 1296px;
margin: 0 auto;
}
.xy-elevators-frame-lines {
position: absolute;
inset: 0;
pointer-events: none;
z-index: 1;
}
.xy-elevators-frame-line {
position: absolute;
top: 0;
bottom: 0;
width: 1px;
background: #E4E4E4;
}
.xy-elevators-frame-line--left {
left: 0;
}
.xy-elevators-frame-line--right {
right: 0;
}
.hero-banner-module .xy-elevators-frame-lines {
z-index: 10;
}
.hero-banner-module .hero-banner-wrap {
box-sizing: border-box;
}
.hero-banner-module .hero-banner {
position: relative;
width: 100%;
height: clamp(400px, calc(var(--xy-visual-vh, 100vh) * 0.8), 800px);
overflow: hidden;
background: #e9eef5;
isolation: isolate;
z-index: 1;
}
.hero-banner-module .hero-bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transform: scale(1.02);
z-index: 0;
}
.hero-banner-module .hero-overlay {
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 44%, rgba(0, 0, 0, 0.78) 100%);
z-index: 1;
}
.hero-banner-module .hero-content {
position: absolute;
left: 0;
bottom: 0;
z-index: 2;
box-sizing: border-box;
padding: 0 60px 48px;
max-width: 720px;
}
.hero-banner-module .xy-elevators-hero-title {
color: #fff;
font-weight: 700;
margin: 0 0 10px 0;
letter-spacing: 0.5px;
line-height: 1.12;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
display: block !important;
animation: none !important;
text-shadow: 0 2px 18px rgba(0, 0, 0, 0.55);
font-size: 32px;
}
.hero-banner-module .xy-elevators-hero-subtitle {
color: #EDEDED;
margin: 0;
font-family: "Archivo", sans-serif;
line-height: 1.5;
font-weight: 400;
opacity: 1;
transform: none;
animation: none;
text-shadow: 0 2px 14px rgba(0, 0, 0, 0.45);
font-size: 14px;
}
.hero-banner-module .hero-banner-strip {
width: 100%;
height: 108px;
background: #F3F5F7;
}
.xy-elevators-hero {
position: relative;
width: 100%;
overflow: hidden;
}
.xy-elevators-hero img {
width: 100%;
height: 520px;
object-fit: cover;
display: block;
}
.xy-elevators-hero__content {
position: absolute;
left: 64px;
bottom: 56px;
color: #FFF;
max-width: 520px;
}
.xy-elevators-hero__title {
margin: 0 0 12px;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 600;
line-height: 1;
font-size: 46px;
}
.xy-elevators-hero__desc {
margin: 0 0 28px;
font-family: "Archivo", sans-serif;
line-height: 1.6;
font-size: 14px;
}
.xy-elevators-hero__btn {
display: inline-flex;
align-items: center;
gap: 8px;
color: #FFF;
text-decoration: none;
font-family: "Archivo", sans-serif;
font-weight: 600;
font-size: 14px;
}
.xy-elevators-section {
position: relative;
}
.xy-elevators-feature,
.xy-elevators-section:not(.xy-elevators-mod5),
.hero-banner-module {
max-width: 1296px;
width: 100%;
margin: 0 auto;
}
.xy-elevators-feature {
position: relative;
border-top: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
background: #FFF;
}
.xy-elevators-feature__head {
position: relative;
display: flex;
align-items: center;
padding: 50px 40px;
border-bottom: 1px solid #E4E4E4;
}
.xy-elevators-feature__accent {
position: absolute;
left: -1.5px;
top: 50%;
transform: translatey(-50%);
width: 4px;
height: 30px;
background: #003B90;
z-index: 3;
pointer-events: none;
}
.xy-elevators-feature__title {
margin: 0;
padding-left: 0;
color: #003B90;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 600;
line-height: 1;
text-transform: capitalize;
font-size: 22px;
}
.xy-elevators-feature__main {
display: grid;
grid-template-columns: 1.1fr 1fr;
border-bottom: 1px solid #E4E4E4;
min-width: 0;
}
.xy-elevators-feature__left {
padding: 24px;
}
.xy-elevators-feature__left img {
width: 100%;
max-width: 420px;
display: block;
margin: 0 auto;
object-fit: contain;
}
.xy-elevators-feature__right {
padding: 24px 0 0;
min-width: 0;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.xy-elevators-feature__text {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 90px;
}
.xy-elevators-feature__text p {
margin: 0;
color: #737373;
font-family: "Archivo", sans-serif;
line-height: 1.6;
max-width: 250px;
font-size: 14px;
}
.xy-elevators-feature__specs {
display: grid;
grid-template-columns: repeat(3, 1fr);
min-width: 0;
}
.xy-elevators-feature__spec {
position: relative;
overflow: hidden;
box-sizing: border-box;
min-height: 120px;
padding-left: 20px;
}
.xy-elevators-feature__spec-line {
position: absolute;
left: 0;
top: 0;
width: 1px;
height: 120px;
background: #E4E4E4;
pointer-events: none;
}
.xy-elevators-feature__spec-label {
display: block;
padding-left: 0;
margin-left: 0;
color: #A1A1A1;
font-family: "Archivo", sans-serif;
line-height: 1.2;
margin-bottom: 6px;
font-size: 14px;
}
.xy-elevators-feature__spec-value {
color: #000;
font-family: "Zalando Sans Expanded", sans-serif;
line-height: 1;
font-weight: 500;
display: inline-flex;
align-items: baseline;
max-width: 100%;
font-size: 30px;
}
.xy-elevators-feature__spec-unit {
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
margin-left: 3px;
font-size: 14px;
}
.xy-elevators-feature__cta {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 18px;
border: 0;
background: #003B90;
color: #EDEDED;
text-decoration: none;
font-family: "Zalando Sans Expanded", sans-serif;
line-height: 1;
font-weight: 500;
font-size: 14px;
}
.xy-elevators-feature__gallery {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 40px;
padding: 80px 0;
}
.xy-elevators-feature__gallery-item {
position: relative;
overflow: hidden;
}
.xy-elevators-feature__gallery-item img {
width: 100%;
height: 360px;
object-fit: cover;
display: block;
}
.xy-elevators-feature__gallery-zoom {
position: absolute;
right: 14px;
bottom: 14px;
width: 44px;
height: 44px;
border: 0;
padding: 0;
margin: 0;
background: transparent;
color: #EDEDED;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
opacity: 0;
transition: opacity 0.22s ease;
z-index: 2;
}
.xy-elevators-feature__gallery-item::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 52%, rgba(0, 0, 0, 0.45) 100%);
opacity: 0;
transition: opacity 0.22s ease;
pointer-events: none;
}
.xy-elevators-feature__gallery-item:hover .xy-elevators-feature__gallery-zoom,
.xy-elevators-feature__gallery-item:focus-within .xy-elevators-feature__gallery-zoom,
.xy-elevators-feature__gallery-item:hover::after,
.xy-elevators-feature__gallery-item:focus-within::after {
opacity: 1;
}
.xy-elevators-feature__gallery-zoom svg {
width: 44px;
height: 44px;
display: block;
}
.xy-elevators-lightbox {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.86);
display: none;
align-items: center;
justify-content: center;
z-index: 12000;
padding: 24px;
}
.xy-elevators-lightbox.is-open {
display: flex;
}
.xy-elevators-lightbox__img {
max-width: min(92vw, 1400px);
max-height: 88vh;
width: auto;
height: auto;
object-fit: contain;
display: block;
}
.xy-elevators-lightbox__close {
position: absolute;
top: 20px;
right: 20px;
width: 40px;
height: 40px;
border: 0;
background: transparent;
color: #FFF;
line-height: 1;
cursor: pointer;
padding: 0;
font-size: 24px;
}
.xy-elevators-section__head {
position: relative;
display: flex;
align-items: center;
padding: 50px 40px;
border-top: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
}
.xy-elevators-section__accent {
position: absolute;
left: -1.5px;
top: 50%;
transform: translatey(-50%);
width: 4px;
height: 30px;
background: #003B90;
z-index: 3;
pointer-events: none;
}
.xy-elevators-section__title {
margin: 0;
padding-left: 0;
color: #003B90;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 600;
line-height: 1;
text-transform: capitalize;
font-size: 22px;
}
.xy-elevators-mod3__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 40px;
background: #FFF;
box-sizing: border-box;
}
.xy-elevators-mod3__tile--media {
position: relative;
overflow: hidden;
background: #E4E4E4;
aspect-ratio: 1/1;
}
.xy-elevators-mod3__tile--media img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.xy-elevators-mod3__mediashade {
position: absolute;
inset: 0;
pointer-events: none;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 48%, rgba(0, 0, 0, 0.55) 100%);
z-index: 1;
opacity: 0;
transition: opacity 0.28s ease;
}
.xy-elevators-mod3__cta {
position: absolute;
left: 40px;
bottom: 22px;
z-index: 2;
display: inline-flex;
align-items: center;
gap: 10px;
color: #EDEDED;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
line-height: 1.2;
text-decoration: none;
opacity: 0;
transition: opacity 0.28s ease;
pointer-events: none;
font-size: 14px;
}
.xy-elevators-mod3__cta span {
font-weight: 600;
}
.xy-elevators-mod3__cta svg,
.xy-elevators-mod3b__cta svg {
display: block;
width: 24px;
height: 24px;
flex: 0 0 24px;
}
.xy-elevators-mod3__zoom {
position: absolute;
right: 20px;
bottom: 20px;
z-index: 2;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
opacity: 0;
transition: opacity 0.28s ease;
}
.xy-elevators-mod3__zoom svg {
display: block;
width: 44px;
height: 44px;
}
.xy-elevators-mod3__tile--media:hover .xy-elevators-mod3__cta,
.xy-elevators-mod3__tile--media:focus-within .xy-elevators-mod3__cta,
.xy-elevators-mod3__tile--media:hover .xy-elevators-mod3__zoom,
.xy-elevators-mod3__tile--media:focus-within .xy-elevators-mod3__zoom,
.xy-elevators-mod3__tile--media:hover .xy-elevators-mod3__mediashade,
.xy-elevators-mod3__tile--media:focus-within .xy-elevators-mod3__mediashade {
opacity: 1;
}
.xy-elevators-mod3__tile--media:hover .xy-elevators-mod3__cta,
.xy-elevators-mod3__tile--media:focus-within .xy-elevators-mod3__cta {
pointer-events: auto;
}
.xy-elevators-mod3__tile--info {
background: #F3F5F7;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
text-align: left;
padding: 40px;
aspect-ratio: 1/1;
}
.xy-elevators-mod3__info-top,
.xy-elevators-mod3__info-bottom {
width: 100%;
min-width: 0;
}
.xy-elevators-mod3__icon svg {
display: block;
width: 32px;
height: 32px;
}
.xy-elevators-mod3__label {
margin: 18px 0 0;
font-family: "Archivo", sans-serif;
line-height: 1.3;
color: #9A9A9A;
font-size: 14px;
}
.xy-elevators-mod3__value {
margin: 10px 0 0;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 600;
line-height: 1;
color: #000;
font-size: 30px;
}
.xy-elevators-mod3__desc {
margin: 0;
max-width: 100%;
font-family: "Archivo", sans-serif;
line-height: 1.6;
color: #737373;
font-size: 14px;
}
.xy-elevators-mod3b__layout {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr);
gap: 40px;
padding: 0 0 1px;
background: #FFF;
align-items: stretch;
height: 800px;
width: 100%;
box-sizing: border-box;
overflow: hidden;
}
.xy-elevators-mod3b__info {
background: #F3F5F7;
box-sizing: border-box;
padding: 40px;
display: flex;
flex-direction: column;
justify-content: flex-end;
text-align: left;
height: 100%;
min-width: 0;
gap: 120px;
}
.xy-elevators-mod3b__top {
width: 100%;
}
.xy-elevators-mod3b__value {
margin: 0;
font-family: "Zalando Sans Expanded", sans-serif;
line-height: 1;
font-weight: 500;
color: #231815;
font-size: 30px;
}
.xy-elevators-mod3b__unit {
font-family: "Zalando Sans Expanded", sans-serif;
margin-left: 2px;
color: #231815;
font-size: 14px;
}
.xy-elevators-mod3b__label {
margin: 8px 0 0;
font-family: "Archivo", sans-serif;
line-height: 1.3;
color: #231815;
font-weight: 400;
font-size: 14px;
}
.xy-elevators-mod3b__desc {
margin: 0;
font-family: "Archivo", sans-serif;
line-height: 1.5;
color: #231815;
font-weight: 400;
font-size: 14px;
}
.xy-elevators-mod3b__media {
position: relative;
overflow: hidden;
background: #E4E4E4;
height: 100%;
min-width: 0;
}
.xy-elevators-mod3b__media img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.xy-elevators-mod3b__overlay {
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0.56) 100%);
opacity: 0;
transition: opacity 0.25s ease;
pointer-events: none;
}
.xy-elevators-mod3b__cta {
position: absolute;
left: 50%;
bottom: 24px;
transform: translatex(-50%);
color: #EDEDED;
text-decoration: none;
font-family: "Zalando Sans Expanded", sans-serif;
line-height: 1.2;
font-weight: 500;
display: inline-flex;
align-items: center;
gap: 10px;
opacity: 0;
transition: opacity 0.25s ease;
z-index: 2;
pointer-events: none;
font-size: 14px;
}
.xy-elevators-mod3b__media:hover .xy-elevators-mod3b__overlay,
.xy-elevators-mod3b__media:focus-within .xy-elevators-mod3b__overlay,
.xy-elevators-mod3b__media:hover .xy-elevators-mod3b__cta,
.xy-elevators-mod3b__media:focus-within .xy-elevators-mod3b__cta {
opacity: 1;
}
.xy-elevators-mod3b__media:hover .xy-elevators-mod3b__cta,
.xy-elevators-mod3b__media:focus-within .xy-elevators-mod3b__cta {
pointer-events: auto;
}
.xy-elevators-mod4__layout {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-rows: 220px 220px 220px;
gap: 24px;
width: 100%;
padding-bottom: 80px;
}
.xy-elevators-mod4__info {
background: #F3F5F7;
padding: 28px 24px 20px;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-width: 0;
text-align: center;
}
.xy-elevators-mod4__info-top {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.xy-elevators-mod4__icon svg {
width: 32px;
height: 32px;
display: block;
}
.xy-elevators-mod4__label {
margin: 8px 0 0;
font-family: "Archivo", sans-serif;
color: #A1A1A1;
line-height: 1.3;
font-size: 14px;
}
.xy-elevators-mod4__value {
margin: 6px 0 0;
font-family: "Zalando Sans Expanded", sans-serif;
line-height: 1;
font-weight: 500;
color: #000;
font-size: 30px;
}
.xy-elevators-mod4__unit {
font-family: "Zalando Sans Expanded", sans-serif;
margin-left: 2px;
font-size: 14px;
}
.xy-elevators-mod4__media {
position: relative;
overflow: hidden;
background: #E4E4E4;
min-width: 0;
}
.xy-elevators-mod4__media img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.xy-elevators-mod4__a {
grid-column: 1;
grid-row: 1;
}
.xy-elevators-mod4__b {
grid-column: 2;
grid-row: 1;
}
.xy-elevators-mod4__c {
grid-column: 3;
grid-row: 1;
}
.xy-elevators-mod4__d {
grid-column: 1;
grid-row: 2/span 2;
}
.xy-elevators-mod4__e {
grid-column: 2;
grid-row: 2;
}
.xy-elevators-mod4__f {
grid-column: 3;
grid-row: 2;
}
.xy-elevators-mod4__g {
grid-column: 2/span 2;
grid-row: 3;
}
.xy-elevators-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1px;
background: #E4E4E4;
}
.xy-elevators-card {
background: #FFF;
}
.xy-elevators-card__img {
width: 100%;
aspect-ratio: 4/3;
object-fit: cover;
display: block;
}
.xy-elevators-card__body {
padding: 18px 18px 22px;
}
.xy-elevators-card__name {
margin: 0 0 8px;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 600;
line-height: 1.4;
color: #231815;
text-transform: uppercase;
font-size: 14px;
}
.xy-elevators-card__meta {
margin: 0;
color: #737373;
font-family: "Archivo", sans-serif;
line-height: 1.5;
font-size: 14px;
}
.xy-elevators-cta {
position: relative;
display: grid;
grid-template-columns: 1.2fr 1fr;
gap: 1px;
background: #E4E4E4;
}
.xy-elevators-cta__text,
.xy-elevators-cta__media {
background: #FFF;
min-height: 320px;
}
.xy-elevators-cta__text {
padding: 40px 42px;
}
.xy-elevators-cta__text h3 {
margin: 0 0 16px;
color: #003B90;
font-family: "Zalando Sans Expanded", sans-serif;
line-height: 1.2;
font-size: 18px;
}
.xy-elevators-cta__text p {
margin: 0 0 24px;
color: #231815;
font-family: "Archivo", sans-serif;
line-height: 1.7;
font-size: 14px;
}
.xy-elevators-cta__text a {
display: inline-block;
min-width: 180px;
text-align: center;
padding: 12px 20px;
background: #003B90;
color: #FFF;
text-decoration: none;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
font-size: 14px;
}
.xy-elevators-cta__media img {
width: 100%;
height: 100%;
min-height: 320px;
object-fit: cover;
display: block;
}
.xy-elevators-mod5 {
position: relative;
overflow: hidden;
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
--xy-mod5-line-x: 40px;
--xy-mod5-line-y: 0;
}
.xy-elevators-mod5__bg {
position: absolute;
inset-block: 0;
inset-inline-end: 0;
inline-size: min(32vw, 420px);
background: url("") center/cover no-repeat;
transform: none;
filter: blur(6px);
opacity: 0.28;
pointer-events: none;
}
.xy-elevators-mod5__frost {
position: absolute;
inset: 0;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
pointer-events: none;
}
.xy-elevators-mod5-images {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
align-items: center;
gap: 10px;
max-width: 1296px;
width: 100%;
margin: 0;
box-sizing: border-box;
padding-block: 28px;
padding-inline: 12px;
}
.xy-elevators-mod5-images__img50 {
padding: 16px;
box-sizing: border-box;
}
.xy-elevators-mod5-images__img50,
.xy-elevators-mod5-images__img51,
.xy-elevators-mod5-images__img52 {
width: 100%;
object-fit: cover;
display: block;
min-width: 0;
box-sizing: border-box;
}
.xy-elevators-mod5-images__img51 {
mix-blend-mode: multiply;
}
.xy-elevators-mod5__content {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
gap: 90px;
align-items: center;
padding: 80px;
box-sizing: border-box;
max-width: 1296px;
margin: 0 auto;
}
.xy-elevators-mod5__content-lines {
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
}
.xy-elevators-mod5__content-line {
position: absolute;
background: #E4E4E4;
opacity: 0.9;
}
.xy-elevators-mod5__content-line--left {
inset-inline-start: 0;
inset-block-start: 0;
inset-block-end: 0;
width: 1px;
}
.xy-elevators-mod5__content-line--right {
inset-inline-end: 0;
inset-block-start: 0;
inset-block-end: 0;
width: 1px;
}
.xy-elevators-mod5__text h3 {
margin: 0 0 20px;
color: #111;
font-family: "Zalando Sans Expanded", sans-serif;
line-height: 1;
font-weight: 600;
text-transform: uppercase;
font-size: 20px;
}
.xy-elevators-mod5__text p {
margin: 0 0 18px;
color: #231815;
font-family: "Archivo", sans-serif;
line-height: 1.65;
max-width: 700px;
font-size: 14px;
}
.xy-elevators-mod5__text p:last-child {
margin-bottom: 0;
}
.xy-elevators-mod5__media {
position: relative;
aspect-ratio: 1/1;
min-height: 460px;
overflow: hidden;
}
.xy-elevators-mod5__media img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.xy-events-page,
.xy-events-page * {
box-sizing: border-box;
}
.xy-events-page {
background: #FFF;
color: #231815;
}
.xy-events-intro {
display: none;
}
.xy-events-hero {
width: 100%;
overflow: hidden;
background: #003B90;
max-width: 1296px;
margin: 0 auto;
min-height: 800px;
position: relative;
}
.xy-events-hero__slider {
position: absolute;
inset: 0;
}
.xy-events-hero__slide {
position: absolute;
inset: 0;
opacity: 0;
transition: opacity 1s ease-in-out;
}
.xy-events-hero__slide.is-active {
opacity: 1;
}
.xy-events-hero__slider.is-static .xy-events-hero__slide {
transition: none;
}
.xy-events-hero__bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.xy-events-hero__container {
position: relative;
z-index: 2;
height: 100%;
display: flex;
align-items: flex-end;
padding: 40px;
box-sizing: border-box;
}
.xy-events-hero__content {
max-width: 760px;
color: #EDEDED;
margin-bottom: 40px;
}
.xy-events-hero__title {
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 700;
line-height: 1;
margin: 0 0 12px;
opacity: 0;
transform: translatey(30px);
font-size: 22px;
}
.xy-events-hero__desc {
font-family: "Archivo", sans-serif;
font-weight: 100;
line-height: 1.6;
margin: 0;
max-width: 920px;
opacity: 0;
transform: translatey(30px);
font-size: 14px;
}
.xy-events-hero__slide.is-active .xy-events-hero__title {
animation: xyEventsFadeUp 0.8s forwards 0.2s;
}
.xy-events-hero__slide.is-active .xy-events-hero__desc {
animation: xyEventsFadeUp 0.8s forwards 0.4s;
}
.xy-events-hero__progress {
position: absolute;
left: 40px;
right: 40px;
bottom: 40px;
z-index: 3;
display: flex;
gap: 0;
}
.xy-events-hero__progress-item {
flex: 1;
height: 2px;
border: 0;
padding: 0;
margin: 0;
cursor: pointer;
position: relative;
overflow: hidden;
background: #D9D9D933;
}
.xy-events-hero__progress-item.is-active {
background: #FFF;
}
.xy-events-hero__progress-fill {
display: none;
}
@keyframes xyEventsFadeUp {
to {
opacity: 1;
transform: translateY(0);
}
}
.other-blogs-media a {
display: block;
width: 100%;
height: 100%;
}
@keyframes xyExploreFill {
to {
width: 100%;
}
}
.article-selector-wrapper {
position: relative;
z-index: 998;
width: 100%;
max-width: 1296px;
margin-left: auto;
margin-right: auto;
padding-inline: 0;
box-sizing: border-box;
display: flex;
justify-content: center;
pointer-events: none;
}
.article-selector {
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
box-sizing: border-box;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 20px 0;
width: 100%;
height: 100px;
background: #FFF;
pointer-events: auto;
}
.article-selector__item {
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0;
height: 60px;
min-height: 60px;
flex: 1;
cursor: pointer;
position: relative;
}
.article-selector__item:not(:last-child)::after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translatey(-50%);
width: 1px;
height: 50px;
background-color: #E4E4E4;
}
.article-selector__item--empty {
cursor: default;
}
.article-selector__trigger {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
height: 100%;
}
.article-selector__icon {
width: 24px;
height: 24px;
flex: none;
order: 0;
flex-grow: 0;
display: flex;
align-items: center;
justify-content: center;
}
.article-selector__text {
height: 19px;
font-family: "Zalando Sans Expanded", sans-serif;
font-style: normal;
font-weight: 500;
line-height: 19px;
color: #231815;
flex: none;
order: 1;
flex-grow: 0;
font-size: 14px;
}
.article-selector__chevron {
width: 24px;
height: 24px;
flex: none;
order: 2;
flex-grow: 0;
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.3s ease;
}
.article-selector__item.is-open .article-selector__chevron {
transform: rotate(180deg);
}
.article-selector__dropdown {
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: #FFF;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translatey(10px);
transition: all 0.3s ease;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
z-index: 999;
border-top: 1px solid #E4E4E4;
}
.article-selector__item.is-open .article-selector__dropdown {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translatey(0);
}
.article-selector-dropdown__panel {
width: 100%;
position: relative;
background: transparent;
display: block;
}
.article-selector-dropdown__header {
display: none;
}
.article-selector-dropdown__icon {
flex-shrink: 0;
}
.article-selector-dropdown__title {
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
color: #003B90;
flex-grow: 1;
text-align: center;
font-size: 14px;
}
.article-selector-dropdown__close {
cursor: pointer;
flex-shrink: 0;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
}
.article-selector-dropdown__frame {
padding: 10px 0;
max-height: 400px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.article-selector-dropdown__footer {
display: none;
}
.article-selector-dropdown__action-btn {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 16px 0;
background: #003B90;
color: #FFF;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
border: none;
cursor: pointer;
font-size: 14px;
}
.article-selector-dropdown__indicator {
display: none;
}
.article-selector__option {
display: block;
text-align: center;
color: #231815;
text-decoration: none;
font-family: "Zalando Sans Expanded", sans-serif;
padding: 15px;
background: #F8F8F8;
transition: all 0.3s ease;
font-size: 14px;
}
.article-selector__option:hover,
.article-selector__option.is-active {
color: #003B90;
background: #F0F4F8;
font-weight: 500;
}
.article-selector__calendar {
width: 100%;
box-sizing: border-box;
max-width: 400px;
margin: 0 auto;
padding: 20px;
}
.calendar-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.calendar-title {
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
color: #231815;
font-size: 14px;
}
.calendar-nav {
background: none;
border: none;
cursor: pointer;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.calendar-weekdays {
display: grid;
grid-template-columns: repeat(7, 1fr);
text-align: center;
font-family: "Archivo", sans-serif;
color: #999;
margin-bottom: 15px;
font-size: 14px;
}
.calendar-days {
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 5px;
text-align: center;
}
.day {
aspect-ratio: 1;
display: flex;
align-items: center;
justify-content: center;
font-family: "Archivo", sans-serif;
color: #231815;
cursor: pointer;
font-size: 14px;
}
.day.today {
background: #E4E4E4;
}
.day.active {
background: #003B90;
color: #FFF;
}
.day.outside {
color: #999;
}
.faq-page-wrapper {
max-width: 1296px;
margin: 0 auto;
box-sizing: border-box;
border-left: 1px solid #E4E4E4;
}
.faq-hero {
position: relative;
background-color: #1a2c41;
overflow: hidden;
min-height: 480px;
display: flex;
align-items: flex-end;
}
.faq-hero-content {
position: relative;
z-index: 2;
padding: 40px;
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
}
.faq-hero-title {
color: #FFF;
font-weight: 600;
margin-bottom: 15px;
font-family: "Zalando Sans Expanded", sans-serif;
line-height: 1.2;
font-size: 22px;
}
.faq-hero-desc {
color: #EDEDED;
line-height: 1.6;
font-weight: 400;
margin-bottom: 40px;
max-width: 530px;
font-family: "Archivo", sans-serif;
font-size: 14px;
}
.faq-hero-link {
display: inline-flex;
align-items: center;
color: #FFF;
font-weight: 500;
text-decoration: none;
gap: 10px;
font-family: "Zalando Sans Expanded", sans-serif;
transition: opacity 0.3s;
font-size: 14px;
}
.faq-hero-link:hover {
opacity: 0.8;
}
.faq-hero-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
.faq-hero-bg::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, rgba(26, 44, 65, 0.9) 0%, rgba(26, 44, 65, 0.4) 100%);
z-index: 1;
}
.faq-hero-bg img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.faq-search-box {
display: flex;
align-items: center;
border-bottom: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 40px;
}
.faq-search-icon {
margin-right: 15px;
stroke: #231815;
width: 20px;
height: 20px;
}
.faq-search-input {
flex: 1;
border: none;
outline: none;
color: #231815;
background: transparent;
font-family: "Archivo", sans-serif;
font-weight: 600;
font-size: 14px;
}
.faq-search-input::placeholder {
color: #737373;
font-weight: 400;
}
.faq-tabs-section {
border-bottom: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
}
.faq-content-section {
padding-bottom: 108px;
}
.faq-tabs {
display: flex;
gap: 80px;
justify-content: space-around;
align-items: center;
}
.faq-tab {
display: flex;
align-items: center;
gap: 12px;
padding: 20px 0;
cursor: pointer;
color: #737373;
font-weight: 700;
border-bottom: 3px solid transparent;
transition: all 0.3s ease;
font-family: "Zalando Sans Expanded", sans-serif;
margin-bottom: -1px;
font-size: 14px;
}
.faq-tab svg {
stroke: currentColor;
}
.faq-tab.active {
color: #003B90;
}
.faq-tab-content {
display: none;
}
.faq-tab-content.active {
display: block;
}
.faq-group {
position: relative;
}
.faq-group::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background-color: #E4E4E4;
}
.faq-group-title {
font-weight: 600;
color: #003B90;
padding: 50px 40px;
position: relative;
font-family: "Zalando Sans Expanded", sans-serif;
border-bottom: 1px solid #E4E4E4;
font-size: 14px;
}
.faq-accordion-list {
position: relative;
padding-right: 20px;
padding-left: 20px;
}
.faq-accordion-list::after {
content: "";
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 1px;
background-color: #E4E4E4;
}
.faq-group-title::before {
content: "";
position: absolute;
left: -2px;
top: 50%;
transform: translatey(-50%);
width: 4px;
height: 30px;
background-color: #003B90;
}
.faq-accordion-item {
border-bottom: 1px solid #E4E4E4;
}
.faq-accordion-item:last-child {
border-bottom: none;
}
.faq-accordion-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 24px 0;
cursor: pointer;
font-weight: 600;
color: #231815;
transition: color 0.3s ease;
font-family: "Archivo", sans-serif;
text-transform: uppercase;
line-height: 1.4;
font-size: 14px;
}
.faq-accordion-header:hover {
color: #003B90;
}
.faq-accordion-header.active {
color: #003B90;
}
.faq-accordion-header span {
flex: 1;
padding-right: 20px;
}
.faq-accordion-icon {
width: 20px;
height: 20px;
transition: transform 0.3s ease;
stroke: currentColor;
flex-shrink: 0;
margin-top: 2px;
}
.faq-accordion-header.active .faq-accordion-icon {
transform: rotate(90deg);
}
.faq-accordion-body {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
}
.faq-accordion-body-inner {
padding-bottom: 24px;
padding-right: 40px;
color: #737373;
font-weight: 400;
line-height: 1.8;
font-family: "Archivo", sans-serif;
font-size: 14px;
}
.news-mobile-divider {
display: none;
}
.news-detail-main {
font-family: "Arial", sans-serif;
color: #231815;
}
.news-container {
max-width: 1296px;
margin: 0 auto;
border-left: 1px solid #e4e4e4;
border-right: 1px solid #e4e4e4;
}
.news-breadcrumb-wrapper {
padding: 12px 0;
}
.news-top-pagination {
border-top: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
padding: 20px 0;
margin-bottom: 40px;
}
.news-top-pagination__inner {
display: flex;
align-items: center;
justify-content: space-between;
}
.news-top-pagination__link {
display: flex;
align-items: center;
gap: 10px;
color: #231815;
font-weight: 600;
text-decoration: none;
transition: color 0.3s;
font-size: 14px;
}
.news-top-pagination__link:hover {
color: #003380;
}
.news-top-pagination__link svg {
width: 20px;
height: 20px;
stroke: currentColor;
}
.news-header {
text-align: center;
}
.news-header__inner {
margin: 0 auto;
padding: 40px 80px;
}
.news-header__title {
font-weight: 700;
color: #231815;
line-height: 1.3;
font-family: "Zalando Sans Expanded", sans-serif;
margin-bottom: 20px;
font-size: 22px;
}
.news-header__desc {
color: #231815;
margin: 0 0 15px 0;
line-height: 1.5;
font-size: 14px;
}
.news-header__date {
color: #231815;
font-weight: 500;
margin: 0;
font-family: "Arial", sans-serif;
margin-bottom: 20px;
font-size: 14px;
}
.news-hero-image {
width: 100%;
height: auto;
display: block;
}
.news-content__inner p {
line-height: 1.8;
color: #555;
padding: 20px;
font-size: 14px;
}
.news-content__inner h3 {
font-weight: 700;
color: #231815;
margin: 40px 0 20px 0;
text-transform: uppercase;
font-size: 18px;
}
.news-content__inner blockquote {
margin: 40px 0;
padding: 30px;
background: #F8F8F8;
border-left: 4px solid #003380;
font-weight: 700;
line-height: 1.5;
color: #231815;
font-size: 14px;
}
.news-content__inner img {
width: 100%;
height: auto;
display: block;
margin: 40px 0;
}
.news-footer-action {
border-top: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
padding: 0;
}
.news-footer-action__inner {
display: flex;
align-items: stretch;
justify-content: space-between;
}
.news-footer-action__left {
display: flex;
align-items: center;
width: 60%;
}
.news-share {
display: flex;
gap: 15px;
padding: 30px 40px;
}
.news-share a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 4px;
text-decoration: none;
transition: background 0.3s;
}
.news-share a:hover {
background: #025;
}
.news-share svg {
width: 40px;
height: 40px;
fill: currentColor;
}
.news-footer-action__divider {
width: 1px;
background: #E5E5E5;
height: auto;
align-self: stretch;
}
.news-subscribe-input {
flex: 1;
font-weight: 400;
color: #231815;
padding: 20px 40px;
border: none;
outline: none;
background: transparent;
width: 100%;
font-size: 14px;
}
.news-subscribe-input::placeholder {
color: #231815;
}
.news-subscribe-btn {
width: 432px;
height: 108px;
background: #003B90;
color: #fff;
border: none;
padding: 20px 40px;
font-weight: 400;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
font-family: "Zalando Sans Expanded", sans-serif;
transition: background 0.3s;
font-size: 14px;
}
.news-subscribe-btn:hover {
background: #025;
}
.xy-policies-container {
padding: 30px 20px;
max-width: 1000px;
margin: 0 auto;
font-family: sans-serif;
color: #231815;
line-height: 1.6;
}
.xy-policies-header {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.xy-policies-header::before {
content: "";
display: block;
width: 4px;
height: 24px;
background: #003380;
margin-right: 15px;
flex-shrink: 0;
}
.xy-policies-title {
font-weight: 800;
color: #231815;
text-transform: uppercase;
margin: 0;
line-height: 1.2;
font-size: 14px;
}
.xy-policies-intro {
margin-bottom: 40px;
font-size: 14px;
}
.xy-policies-subtitle {
font-weight: 800;
color: #231815;
text-transform: uppercase;
margin: 0 0 20px 0;
font-size: 14px;
}
.xy-policies-item {
margin-bottom: 20px;
font-size: 14px;
}
.xy-policies-item strong {
color: #231815;
}
.xy-policies-paragraph {
margin-bottom: 20px;
font-size: 14px;
}
.xy-policies-paragraph:last-child {
margin-bottom: 0;
}
:root {
--primary-blue: #003B90;
--border-color: #E4E4E4;
--text-main: #231815;
--text-light: #737373;
}
body.page-template-page-product-brake-shoes .site-header--transparent,
body.page-template-page-product-brake-shoes-php .site-header--transparent,
body.page-template-page-product-brake-shoes .site-header--sticky,
body.page-template-page-product-brake-shoes-php .site-header--sticky {
background: #F3F5F7;
backdrop-filter: none;
-webkit-backdrop-filter: none;
}
.section-title-wrap {
display: flex;
align-items: center;
padding: 60px 108px 30px;
}
.title-accent {
width: 4px;
height: 30px;
background: var(--primary-blue);
position: absolute;
left: -2.5px;
z-index: 2;
}
.section-title-wrap h2 {
color: var(--primary-blue);
margin: 0;
text-transform: capitalize;
padding-left: 40px;
font-family: "Zalando Sans Expanded";
font-weight: 600;
font-size: 22px;
}
.hero-banner-module::before,
.hero-banner-module::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 1px;
background-color: #E4E4E4;
z-index: 10;
}
.hero-banner-module .hero-breadcrumb {
display: flex;
align-items: center;
min-height: 24px;
margin: 0 0 12px;
color: #8a8f98;
line-height: 1;
font-size: 14px;
}
.hero-banner-module .hero-breadcrumb ol {
display: flex;
align-items: center;
gap: 0;
margin: 0;
padding: 0;
list-style: none;
}
.hero-banner-module .hero-breadcrumb li {
display: inline-flex;
align-items: center;
white-space: nowrap;
}
.hero-banner-module .hero-breadcrumb li+li::before {
content: "|";
color: #c7cbd1;
margin: 0 10px;
}
.hero-banner-module .hero-breadcrumb a {
color: inherit;
text-decoration: none;
}
.hero-banner-module .hero-breadcrumb a:hover {
color: #5f6670;
}
.hero-banner-module .hero-title {
color: #fff;
font-weight: 700;
margin: 0 0 10px 0;
letter-spacing: 0.5px;
line-height: 1.12;
opacity: 1;
transform: none;
animation: none;
text-shadow: 0 2px 18px rgba(0, 0, 0, 0.55);
font-size: 32px;
}
.hero-banner-module .hero-subtitle {
color: #EDEDED;
margin: 0;
font-weight: 400;
line-height: 1.5;
opacity: 1;
transform: none;
animation: none;
text-shadow: 0 2px 14px rgba(0, 0, 0, 0.45);
font-family: "Archivo";
font-size: 14px;
}
.why-xingyi-module-divider {
width: 100%;
height: 1px;
background-color: #E4E4E4;
}
.why-xingyi-module {
width: 100%;
background-color: #fff;
position: relative;
overflow: hidden;
}
.why-xingyi-module .section-container {
max-width: 1296px;
margin: 0 auto;
position: relative;
box-sizing: border-box;
}
.why-xingyi-module .section-container::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 1px;
background-color: #E4E4E4;
z-index: 1;
left: 0;
}
.module-header {
display: flex;
align-items: center;
padding: 50px 0;
position: relative;
}
.module-header::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 1px;
background-color: #E4E4E4;
width: 100%;
z-index: 1;
}
.header-accent {
width: 4px;
height: 30px;
background-color: #004098;
position: absolute;
left: -1.5px;
z-index: 2;
}
.header-title {
font-weight: 600;
color: #004098;
margin: 0;
padding-left: 40px;
font-family: "Zalando Sans Expanded";
font-size: 22px;
}
.features-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
position: relative;
padding: 40px 0;
}
.features-grid::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 1px;
background-color: #E4E4E4;
z-index: 1;
}
.feature-item {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
padding: 40px 40px 60px;
}
.feature-item:nth-child(4n) {
border-right: none;
}
.icon-box {
width: 100px;
height: 100px;
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.icon-box img,
.icon-box svg {
width: 100%;
height: auto;
color: #004098;
}
.feature-title {
font-weight: 700;
color: #004098;
line-height: 40px;
display: flex;
align-items: center;
justify-content: center;
font-family: "Zalando Sans Expanded";
font-size: 14px;
}
.feature-desc {
font-weight: 700;
color: #004098;
margin: 0;
font-size: 14px;
}
.benefits-split-section {
max-width: 1296px;
margin: 0 auto;
position: relative;
box-sizing: border-box;
}
.benefits-split-section::before,
.benefits-split-section::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 1px;
background-color: #E4E4E4;
z-index: 1;
}
.benefits-split-section::after {
top: 134px;
}
.benefits-split-section .section-container {
position: relative;
box-sizing: border-box;
}
.benefits-split-section .section-title-wrap {
display: flex;
align-items: center;
padding: 50px 0;
position: relative;
}
.benefits-split-section .section-title-wrap::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 1px;
background-color: #E4E4E4;
width: 100%;
z-index: 1;
}
.split-grid {
display: grid;
grid-template-columns: 1.5fr 1fr;
border-top: none;
position: relative;
}
.split-grid::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 1px;
background-color: #E4E4E4;
z-index: 1;
}
.split-text {
padding: 80px 40px;
display: flex;
flex-direction: column;
justify-content: center;
}
.split-text h3 {
color: var(--primary-blue);
line-height: 40px;
font-weight: 600;
font-size: 30px;
}
.split-text ul {
padding: 20px;
}
.split-text li {
color: var(--text-main);
line-height: 40px;
font-size: 14px;
}
.split-img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.performance-module {
width: 100%;
background-color: #fff;
position: relative;
overflow: hidden;
}
.performance-module::before,
.performance-module::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 1px;
background-color: #E4E4E4;
z-index: 1;
}
.performance-module::before {
left: calc(50% - 756px + 108px);
}
.performance-module::after {
top: 123px;
}
.performance-module .section-container {
max-width: 1296px;
margin: 0 auto;
position: relative;
box-sizing: border-box;
}
.perf-header {
display: flex;
align-items: center;
padding: 50px 0;
position: relative;
}
.perf-header::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 1px;
background-color: #E4E4E4;
width: 100%;
z-index: 1;
}
.perf-accent {
width: 4px;
height: 30px;
background-color: #004098;
position: absolute;
left: -1.5px;
z-index: 2;
}
.perf-title {
color: #004098;
margin: 0;
padding-left: 40px;
font-family: "Zalando Sans Expanded";
font-weight: 600;
font-size: 22px;
}
.perf-container {
display: flex;
gap: 40px;
position: relative;
padding: 40px 40px 0;
}
.perf-container::after {
content: "";
position: absolute;
top: 0;
bottom: -80px;
right: 0;
width: 1px;
background-color: #E4E4E4;
z-index: 1;
}
.perf-tabs {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
gap: 20px;
position: relative;
}
.perf-tabs::before {
content: "";
position: absolute;
top: -40px;
bottom: -80px;
right: 0;
width: 1px;
background-color: #E4E4E4;
z-index: 1;
}
.tab-item {
color: #B5B5B6;
text-transform: uppercase;
cursor: pointer;
transition: all 0.3s;
text-align: right;
padding-right: 20px;
position: relative;
font-weight: 500;
line-height: 50px;
font-size: 14px;
}
.tab-item.active {
color: #003B90;
font-size: 14px;
}
.tab-item.active::after {
content: "";
position: absolute;
right: -2px;
top: 50%;
transform: translatey(-50%);
width: 4px;
height: 18px;
background-color: #004098;
z-index: 2;
}
.perf-display {
flex: 3;
display: flex;
align-items: center;
}
.perf-image {
flex: 1;
}
.perf-image img {
width: 400px;
height: 400px;
display: block;
}
.perf-text {
flex: 1;
padding: 40px;
}
.perf-content-title {
font-weight: 600;
margin-bottom: 15px;
text-transform: uppercase;
line-height: 1.2;
font-family: "Archivo", sans-serif;
font-size: 20px;
}
.perf-content-desc {
line-height: 1.6;
color: #231815;
font-size: 14px;
}
.mobile-carousel-controls {
display: none;
justify-content: space-between;
padding: 20px;
border-top: 1px solid #eee;
}
.arrow-btn {
background: none;
border: none;
cursor: pointer;
}
.arrow-btn svg {
width: 40px;
height: 40px;
}
.overview-section {
width: 100%;
background: #fff;
padding: 0;
position: relative;
overflow: hidden;
}
.overview-section::before,
.overview-section::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 1px;
background-color: #E4E4E4;
z-index: 1;
}
.overview-section::after {
top: 144px;
}
.overview-container {
max-width: 1296px;
margin: 0 auto;
position: relative;
box-sizing: border-box;
border-left: 1px solid #E4E4E4;
}
.overview-header {
display: flex;
align-items: center;
padding: 50px 0;
position: relative;
}
.overview-header::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 1px;
background-color: #E4E4E4;
width: 100%;
z-index: 1;
}
.header-blue-line {
width: 4px;
height: 30px;
background: #003B90;
position: absolute;
left: -2.5px;
z-index: 2;
}
.overview-header h2 {
color: #003B90;
margin: 0;
font-family: "Zalando Sans Expanded";
padding-left: 20px;
font-weight: 600;
font-size: 22px;
}
.overview-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-auto-rows: minmax(0, auto);
gap: 20px;
position: relative;
border-right: 1px solid #E4E4E4;
}
.grid-item {
overflow: hidden;
position: relative;
padding: 60px 20px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.grid-item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.large-card {
grid-column: span 2;
aspect-ratio: 16/10;
}
.long-card {
grid-column: auto;
grid-row: auto;
}
.small-card {
grid-column: auto;
grid-row: auto;
}
.overview-grid .long-card,
.overview-grid .small-card {
height: auto;
min-width: 0;
}
.overview-grid .grid-item img {
max-width: 100%;
max-height: min(32vw, 300px);
width: auto;
height: auto;
object-fit: contain;
flex-shrink: 0;
}
.item-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 40px;
background: linear-gradient(transparent, rgba(0, 0, 0, 0.85));
color: #fff;
font-family: sans-serif;
}
.item-overlay h3 {
margin: 0 0 12px 0;
font-weight: 600;
font-family: "Archivo", sans-serif;
color: #EDEDED;
font-size: 14px;
}
.item-overlay p {
margin: 0;
line-height: 20px;
opacity: 0.9;
font-family: "Archivo", sans-serif;
font-size: 14px;
}
.global-presence {
width: 100%;
background: #fff;
position: relative;
overflow: hidden;
}
.global-presence .section-container {
max-width: 1296px;
margin: 0 auto;
position: relative;
box-sizing: border-box;
}
.global-presence .section-title-wrap {
display: flex;
align-items: center;
padding: 50px 0;
position: relative;
border-left: 1px solid #E4E4E4;
}
.global-presence .section-title-wrap::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 1px;
background-color: #E4E4E4;
width: 100%;
z-index: 1;
}
.map-wrapper {
position: relative;
box-sizing: border-box;
}
.map-panel {
width: 100%;
border: 1px solid #E4E4E4;
border-top: none;
background: #FFF;
box-sizing: border-box;
}
.map-media {
flex: 1;
padding: 40px 108px 40px 108px;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
.base-map {
width: 100%;
height: auto;
display: block;
object-fit: contain;
}
.map-copy {
padding: 0 108px 40px 108px;
box-sizing: border-box;
}
.map-copy__title {
margin: 0 0 12px 0;
line-height: 1.2;
color: #003B90;
font-family: "Zalando Sans Expanded";
font-size: 22px;
}
.map-copy__desc {
margin: 0;
line-height: 1.6;
color: #231815;
font-family: "Archivo", sans-serif;
font-size: 14px;
}
.stat-num {
display: block;
font-weight: 500;
color: #003B90;
line-height: 1;
font-family: "Zalando Sans Expanded";
font-size: 20px;
}
.stat-label {
color: #B5B5B6;
margin-top: 10px;
display: block;
font-size: 14px;
}
.page-template-page-products-detail-mro #modal3D.mro3d-modal {
position: fixed;
inset: 0;
display: none;
justify-content: center;
align-items: center;
background: rgba(0, 0, 0, 0.25);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
z-index: 3000;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__card {
width: min(80vw, 800px);
aspect-ratio: 1/1;
background: #FFF;
position: relative;
display: flex;
flex-direction: column;
overflow: hidden;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__viewer {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__hint {
position: absolute;
right: 20px;
bottom: 16px;
font-family: "Archivo", sans-serif;
font-weight: 500;
line-height: 1;
color: #A1A1A1;
text-transform: uppercase;
letter-spacing: 0.08em;
font-size: 14px;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__close {
position: absolute;
top: 24px;
right: 24px;
width: 44px;
height: 44px;
background: rgba(217, 217, 217, 0.9);
border: 0;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__nav {
position: absolute;
width: 60px;
height: 60px;
background: transparent;
border: 0;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
padding: 0;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__nav--prev {
left: 0;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__nav--next {
right: 0;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__grid {
position: relative;
overflow: visible;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__grid .section-header {
grid-column: 2/5;
grid-row: 1;
width: 100%;
box-sizing: border-box;
border-bottom: 1px solid #E4E4E4;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__line-h {
display: block !important;
height: 1px;
background: #E4E4E4;
grid-column: 2/5;
grid-row: 1;
align-self: end;
justify-self: start;
width: 100%;
position: relative;
z-index: 3;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__line-v--right {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 1px;
z-index: 3;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__grid .traits-grid {
grid-column: 2/5;
justify-self: stretch;
width: 100%;
margin-right: 0;
}
.page-template-page-products-detail-mro .product-parameters__scrollbar {
display: none;
}
.page-template-page-products-detail-mro .product-parameters .section-header {
grid-column: 2/5;
grid-row: 1;
width: 100%;
box-sizing: border-box;
border-bottom: 1px solid #E4E4E4;
}
.page-template-page-products-detail-mro .product-parameters .why-choose-us__line-h {
display: block !important;
height: 1px;
background: #E4E4E4;
grid-column: 1/-1;
grid-row: 1;
align-self: end;
justify-self: stretch;
width: 100%;
position: relative;
z-index: 3;
}
.solutions-module {
color: #231815;
}
.solutions-module__header {
display: flex;
align-items: center;
margin-bottom: 0;
padding: 50px 40px 50px;
box-sizing: border-box;
border-bottom: 1px solid #E4E4E4;
}
.page-template-page-products-detail-mro .solutions-module .why-choose-us__grid .solutions-module__header {
grid-column: 2;
grid-row: 1;
width: 100%;
}
.solutions-module__accent {
width: 4px;
height: 24px;
background-color: #004098;
}
.solutions-module__title {
font-weight: bold;
color: #004098;
margin: 0;
font-family: "Zalando Sans Expanded";
font-size: 22px;
}
.page-template-page-products-detail-mro .solutions-module .why-choose-us__line-h {
display: block !important;
height: 1px;
background: #E4E4E4;
grid-column: 1/-1;
grid-row: 1;
align-self: end;
justify-self: stretch;
width: 100%;
position: relative;
z-index: 4;
}
.page-template-page-products-detail-mro .similar-products-module .why-choose-us__grid {
position: relative;
overflow: visible;
}
.page-template-page-products-detail-mro .similar-products-module .similar-products-module__body {
border-top: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
box-sizing: border-box;
}
.solutions-module__content {
display: flex;
align-items: flex-start;
}
.solutions-module__media {
flex: 0 0 500px;
height: 100%;
}
.solutions-module__media img {
width: 100%;
height: 100%;
display: block;
}
.solutions-module__text {
flex: 1.5;
padding: 60px 40px;
}
.solutions-module__subheading {
font-weight: 600;
margin: 0 0 20px 0;
text-transform: uppercase;
letter-spacing: 0.5px;
font-family: "Archivo";
color: #231815;
font-size: 20px;
}
.solutions-module__desc {
line-height: 30px;
color: #737373;
margin-bottom: 22px;
font-weight: 400;
font-family: "Archivo";
font-size: 14px;
}
.solutions-module__link {
display: inline-flex;
gap: 20px;
align-items: center;
color: #003B90;
text-decoration: none;
font-weight: 500;
font-family: "Zalando Sans Expanded";
font-size: 14px;
}
.similar-products-module {
width: 100%;
background-color: #fff;
border-bottom: 1px solid #E4E4E4;
}
.similar-products-module__header {
display: flex;
align-items: center;
padding: 50px 40px 50px;
margin-bottom: 0;
box-sizing: border-box;
}
.similar-products-module__accent {
width: 4px;
height: 24px;
background-color: #004098;
}
.similar-products-module__title {
font-weight: bold;
color: #004098;
margin: 0;
font-family: "Zalando Sans Expanded";
font-size: 22px;
}
.similar-products-module__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
border-top: none;
}
.similar-products-module__card {
border-right: 1px solid #eee;
display: flex;
flex-direction: column;
}
.similar-products-module__card:last-child {
border-right: none;
}
.similar-products-module__image {
padding: 20px;
display: flex;
justify-content: center;
box-sizing: border-box;
}
.similar-products-module__image img {
width: 400px;
height: 400px;
max-width: 100%;
display: block;
object-fit: cover;
}
.similar-products-module__info {
padding: 0 20px 20px 20px;
flex-grow: 1;
}
.similar-products-module__name {
font-weight: bold;
color: #231815;
margin: 0 0 5px 0;
font-family: "Archivo";
font-size: 14px;
}
.similar-products-module__sku {
color: #D9D9D9;
margin: 0;
font-size: 14px;
}
.similar-products-module__footer {
border-top: 1px solid #eee;
padding: 20px;
}
.similar-products-module__link {
display: flex;
align-items: center;
color: #004098;
text-decoration: none;
font-family: "Zalando Sans Expanded";
font-weight: 500;
font-size: 14px;
}
.similar-products-module__link svg {
margin-left: 20px;
width: 24px;
height: 24px;
fill: none;
stroke: currentColor;
stroke-width: 2;
}
.xy-regulatory-container {
padding: 30px 20px;
max-width: 1000px;
margin: 0 auto;
font-family: sans-serif;
color: #231815;
line-height: 1.6;
}
.xy-regulatory-header {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.xy-regulatory-header::before {
content: "";
display: block;
width: 4px;
height: 24px;
background: #003380;
margin-right: 15px;
flex-shrink: 0;
}
.xy-regulatory-title {
font-weight: 800;
color: #231815;
text-transform: uppercase;
margin: 0;
line-height: 1.2;
font-size: 14px;
}
.xy-regulatory-subtitle {
font-weight: 800;
color: #231815;
text-transform: uppercase;
margin: 0 0 16px 0;
font-size: 14px;
}
.xy-regulatory-paragraph {
margin-bottom: 16px;
font-size: 14px;
}
.xy-regulatory-divider {
border: 0;
border-top: 1px solid #ddd;
margin: 26px 0;
}
.svc-container {
max-width: 1296px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}
.svc-sol-header {
max-width: 1296px;
margin: 0 auto;
box-sizing: border-box;
border-right: 1px solid #E4E4E4;
border-left: 1px solid #E4E4E4;
}
.svc-section-title {
display: flex;
align-items: center;
color: #00337f;
font-weight: 600;
position: relative;
font-family: "Zalando Sans Expanded", sans-serif;
padding: 50px 40px;
font-size: 22px;
}
.svc-section-title::before {
content: "";
position: absolute;
left: -2px;
top: 50%;
transform: translatey(-50%);
width: 4px;
height: 30px;
background-color: #00337f;
z-index: 1;
}
.svc-hero {
position: relative;
width: 100%;
height: 720px;
overflow: hidden;
max-width: 1296px;
margin: 0 auto;
border-right: 1px solid #E4E4E4;
border-left: 1px solid #E4E4E4;
z-index: 0;
}
.svc-hero::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 250px;
background: linear-gradient(180deg, rgba(27, 33, 41, 0) 0%, rgba(27, 33, 41, 0.8) 100%);
pointer-events: none;
z-index: 1;
}
.svc-hero-bg {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
object-fit: cover;
display: block;
}
.svc-hero-overlay {
position: absolute;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
background: transparent;
display: flex;
align-items: flex-end;
z-index: 2;
}
.svc-hero-content {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 40px;
gap: 40px;
width: 100%;
max-width: 1296px;
margin: 0 auto;
box-sizing: border-box;
}
.svc-hero-text-wrap {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0;
gap: 12px;
width: 100%;
max-width: 920px;
}
.svc-hero-title {
font-family: "Zalando Sans Expanded", sans-serif;
font-style: normal;
font-weight: 700;
line-height: 39px;
color: #EDEDED;
margin: 0;
font-size: 22px;
}
.svc-hero-desc {
font-family: "Archivo", sans-serif;
font-style: normal;
font-weight: 400;
line-height: 20px;
color: #EDEDED;
margin: 0;
max-width: 780px;
font-size: 14px;
}
.svc-hero-link {
box-sizing: border-box;
display: flex;
flex-direction: row;
align-items: center;
padding: 0;
gap: 20px;
text-decoration: none;
transition: all 0.3s;
}
.svc-hero-link-text {
font-family: "Zalando Sans Expanded", sans-serif;
font-style: normal;
font-weight: 500;
line-height: 24px;
color: #EDEDED;
font-size: 14px;
}
.svc-hero-link:hover {
opacity: 0.8;
}
.svc-hero-link-icon {
width: 24px;
height: 24px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.svc-hero-link-icon svg {
width: 24px;
height: 24px;
}
.svc-features-map::before {
top: 0;
}
.svc-features-map {
position: relative;
width: 100%;
max-width: 1296px;
margin: 0 auto;
box-sizing: border-box;
z-index: 0;
}
.svc-fm-border {
position: absolute;
top: 0;
bottom: 0;
width: 1px;
background-color: #E4E4E4;
z-index: 1;
}
.svc-fm-border--left {
left: 0;
}
.svc-fm-border--right {
right: 0;
}
.svc-fm-container {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding-top: 40px;
padding-bottom: 40px;
gap: 24px;
}
.svc-fm-list {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
flex: 1 1 0;
width: auto;
max-width: none;
z-index: 2;
padding: 40px;
box-sizing: border-box;
min-width: 0;
}
.svc-fm-item {
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0;
gap: 20px;
min-height: 40px;
font-family: "Archivo", sans-serif;
color: #231815;
}
.svc-fm-item-copy {
display: flex;
flex-direction: column;
gap: 8px;
}
.svc-fm-item-title {
margin: 0;
font-weight: 600;
line-height: 1.2;
text-transform: none;
color: #231815;
font-size: 14px;
}
.svc-fm-item-subtitle {
margin: 0;
font-weight: 400;
line-height: 1.5;
color: #6f6f6f;
font-size: 14px;
}
.svc-fm-item-icon {
width: 40px;
height: 40px;
position: relative;
flex-shrink: 0;
}
.svc-fm-item-icon svg {
width: 100%;
height: 100%;
}
.svc-fm-item-icon svg path,
.svc-fm-item-icon svg circle,
.svc-fm-item-icon svg line,
.svc-fm-item-icon svg polyline,
.svc-fm-item-icon svg rect {
stroke: #003B90;
stroke-width: 3px;
fill: none;
}
.svc-fm-visual {
display: flex;
flex-direction: column;
align-items: flex-start;
z-index: 1;
gap: 24px;
flex: 1 1 0;
width: auto;
max-width: none;
padding: 40px;
box-sizing: border-box;
min-width: 0;
overflow: hidden;
}
.svc-fm-process-title {
margin: 0;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
line-height: 1.2;
color: #003B90;
width: 100%;
max-width: 100%;
overflow-wrap: anywhere;
word-break: break-word;
font-size: 22px;
}
.svc-fm-process-list {
display: flex;
flex-direction: column;
gap: 18px;
width: 100%;
max-width: 100%;
min-width: 0;
}
.svc-fm-process-item {
margin: 0;
font-family: "Archivo", sans-serif;
font-weight: 400;
line-height: 1.6;
color: #231815;
width: 100%;
max-width: 100%;
overflow-wrap: anywhere;
word-break: break-word;
font-size: 14px;
}
.svc-fm-process-item strong {
font-weight: 600;
color: #003B90;
}
.svc-fm-map {
width: 100%;
max-width: 748px;
height: auto;
}
.svc-fm-map img {
width: 100%;
height: auto;
object-fit: contain;
}
.svc-fm-stat {
display: flex;
flex-direction: column;
align-items: center;
padding: 20px;
gap: 10px;
width: 153px;
height: 101px;
}
.svc-fm-stat-num {
font-family: "Zalando Sans Expanded", sans-serif;
font-style: normal;
font-weight: 500;
line-height: 36px;
color: #003B90;
text-align: center;
font-size: 20px;
}
.svc-fm-stat-desc {
font-family: "Archivo", sans-serif;
font-style: normal;
font-weight: 400;
line-height: 15px;
color: #B5B5B6;
margin: 0;
text-align: center;
font-size: 14px;
}
.svc-solutions {
background: #fff;
overflow: hidden;
}
.svc-sol-gallery {
display: flex;
height: 660px;
width: 100%;
}
.svc-sol-wrapper {
display: flex;
flex: 1 1 auto;
width: 100%;
}
.svc-sol-controls {
display: none;
}
.svc-sol-item {
position: relative;
flex: 0 0 200px;
height: 100%;
cursor: pointer;
transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
overflow: hidden;
border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.svc-sol-item:first-child {
border-left: none;
}
.svc-sol-item.active {
flex: 1 1 auto;
}
.svc-sol-item-bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.svc-sol-item.active .svc-sol-item-bg {
transform: scale(1.05);
}
.svc-sol-overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.5);
transition: background 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.svc-sol-item.active .svc-sol-overlay {
background: linear-gradient(to top, rgba(0, 34, 85, 0.8) 0%, rgba(0, 34, 85, 0.2) 100%);
}
.svc-sol-content {
position: absolute;
bottom: 40px;
left: 108px;
right: 0;
max-width: 640px;
padding: 40px;
color: #fff;
opacity: 0;
transform: translatey(20px);
transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
pointer-events: none;
}
.svc-sol-item.active .svc-sol-content {
opacity: 1;
transform: translatey(0);
pointer-events: auto;
transition-delay: 0.15s;
}
.svc-sol-content h3 {
margin: 0 0 15px;
font-weight: 600;
font-family: "Zalando Sans Expanded";
font-size: 22px;
}
.svc-sol-content p {
margin: 0;
line-height: 1.6;
opacity: 0.9;
font-size: 14px;
}
.svc-sol-icon {
position: absolute;
bottom: 30px;
right: 30px;
width: 40px;
height: 40px;
border: 2px solid #fff;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
opacity: 1;
transition: opacity 0.3s;
}
.svc-sol-item.active .svc-sol-icon {
opacity: 0;
}
.svc-sol-icon svg {
width: 24px;
height: 24px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.svc-cs-border {
position: absolute;
top: 0;
bottom: 0;
width: 1px;
background-color: #E4E4E4;
z-index: 1;
}
.svc-cs-border--left {
left: 0;
}
.svc-cs-border--right {
right: 0;
}
.svc-core-services {
background: #fff;
max-width: 1296px;
margin: 0 auto;
border-bottom: 1px solid #E4E4E4;
z-index: 0;
}
.svc-cs-header {
padding: 0 20px;
display: flex;
justify-content: center;
}
.svc-cs-tabs {
display: flex;
gap: 100px;
margin: 0;
}
.svc-cs-tab {
padding: 20px 0;
font-weight: 600;
color: #737373;
cursor: pointer;
text-transform: uppercase;
border-bottom: 3px solid transparent;
transition: all 0.3s;
font-size: 14px;
}
.svc-cs-tab.active {
color: #00337f;
}
.svc-cs-container {
position: relative;
width: 100%;
max-width: 1296px;
margin: 0 auto;
padding: 60px 40px 60px;
display: flex;
justify-content: flex-start;
align-items: stretch;
gap: 80px;
box-sizing: border-box;
}
.svc-cs-left {
flex: 0 0 380px;
position: relative;
display: flex;
flex-direction: column;
}
.svc-cs-img-wrap {
flex: 1;
position: relative;
display: none;
}
.svc-cs-img-wrap.active {
display: block;
}
.svc-cs-img-sticky {
position: absolute;
width: 100%;
top: 0;
transition: top 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}
.svc-cs-img-tooltip {
position: absolute;
background: rgba(0, 51, 127, 0.9);
color: #fff;
padding: 6px 12px;
border-radius: 4px;
pointer-events: none;
z-index: 10;
display: none;
white-space: nowrap;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
font-weight: 600;
letter-spacing: 0.5px;
font-size: 14px;
}
.svc-cs-img-sticky img {
width: 100%;
height: auto;
aspect-ratio: 1/1;
object-fit: cover;
display: block;
transition: opacity 0.3s ease;
position: relative;
z-index: 2;
}
.svc-cs-img-bg {
position: absolute;
left: -100px;
top: -100px;
width: calc(100% + 200px);
height: 1000px;
background-image: url("/assets/images/bg-lines.png");
background-size: 100% auto;
background-position: top center;
background-repeat: no-repeat;
z-index: 0;
pointer-events: none;
}
.svc-cs-img-line {
position: absolute;
top: 38px;
right: -26px;
width: 27px;
height: 2px;
background: #00337f;
transform: translatey(-50%);
z-index: 3;
pointer-events: none;
}
.svc-cs-img-line::after {
content: "";
position: absolute;
right: -5px;
top: 50%;
transform: translatey(-50%);
width: 10px;
height: 10px;
border-radius: 50%;
background: #00337f;
}
.svc-cs-right {
flex: 1;
position: relative;
}
.svc-cs-timeline::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 50%;
transform: translatex(-50%);
width: 1px;
background: #e5e5e5;
z-index: 1;
}
.svc-cs-timeline {
position: absolute;
right: -50px;
top: 50%;
transform: translatey(-50%);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 155px;
}
.svc-cs-timeline-pointer {
position: absolute;
width: 50px;
height: 2px;
background: #00337f;
right: 0;
transform: translatey(-50%);
transition: top 0.3s cubic-bezier(0.25, 1, 0.5, 1);
z-index: 2;
pointer-events: none;
opacity: 0;
}
.svc-cs-timeline-node {
width: 10px;
height: 10px;
border-radius: 50%;
background: #00337f;
opacity: 0.3;
transition: all 0.3s ease;
transform: translatex(0);
position: relative;
z-index: 3;
}
.svc-cs-timeline-node.active {
opacity: 1;
transform: scale(1.5);
}
.svc-cs-block {
position: relative;
margin-bottom: 20px;
}
.svc-cs-block:last-child {
margin-bottom: 0;
}
.svc-cs-connector {
display: none;
}
.svc-cs-block h3 {
font-weight: 600;
color: #231815;
margin: 0 0 30px;
text-transform: uppercase;
font-size: 20px;
}
.svc-cs-block>p {
color: #231815;
line-height: 1.8;
margin: 0 0 30px;
font-size: 14px;
}
.svc-cs-sub {
display: flex;
gap: 30px;
margin: 40px 0;
align-items: center;
}
.svc-cs-sub h4 {
font-weight: 700;
color: #231815;
margin: 0;
flex: 0 0 150px;
font-size: 14px;
}
.svc-cs-sub p {
color: #231815;
line-height: 1.6;
margin: 0;
flex: 1;
font-size: 14px;
}
.svc-cs-params {
display: flex;
justify-content: space-between;
margin: 40px 0;
padding-top: 30px;
border-top: 1px solid #f0f0f0;
}
.svc-cs-param-item {
display: flex;
flex-direction: column;
gap: 8px;
}
.svc-cs-param-name {
color: #999;
font-size: 14px;
}
.svc-cs-param-val {
color: #00337f;
font-weight: 600;
font-size: 14px;
}
.svc-cs-contact-btn {
display: inline-block;
width: 100%;
padding: 18px 0;
background: #00337f;
color: #fff;
text-align: center;
font-weight: 500;
text-decoration: none;
transition: background 0.3s;
font-family: "Zalando Sans Expanded";
font-size: 14px;
}
.svc-cs-contact-btn:hover {
background: #025;
}
.svc-cs-tab-content {
display: none;
}
.svc-cs-tab-content.active {
display: block;
}
.solutions-hero .product-series-banner__grid,
.solutions-hero .product-series-banner__cell {
height: auto;
}
.solutions-hero .solutions-hero__banner-container {
height: 720px;
position: relative;
width: 100%;
max-width: 1296px;
margin: 0 auto;
overflow: hidden;
background-color: #1B2129;
}
.solutions-hero-banner-bottom-bar {
width: 100%;
height: 108px;
background: rgba(12, 47, 98, 0.05);
z-index: 2;
max-width: 1296px;
margin: 0 auto;
}
.solutions-hero__banner-bg-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
.solutions-hero .solutions-hero__banner-overlay {
position: absolute;
inset: 0;
background: linear-gradient(0deg, rgba(27, 33, 41, 0.9) 0%, rgba(27, 33, 41, 0) 70%), linear-gradient(180deg, rgba(27, 33, 41, 0) 0%, rgba(27, 33, 41, 0.55) 100%);
z-index: 2;
}
.solutions-hero .solutions-hero__banner-content {
position: absolute;
left: 0;
bottom: 0;
z-index: 3;
display: flex;
flex-direction: column;
align-items: flex-start;
box-sizing: border-box;
width: 1000px;
height: auto;
gap: 40px;
padding: 46px 46px 40px;
}
.solutions-hero .solutions-hero__text-group {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0;
box-sizing: border-box;
width: 100%;
height: auto;
gap: 12px;
}
.solutions-hero__title-row {
display: flex;
align-items: center;
gap: 14px;
width: 100%;
}
.solutions-hero__title {
font-family: "Zalando Sans Expanded", sans-serif;
font-style: normal;
font-weight: 600;
line-height: 39px;
color: #EDEDED;
margin: 0;
font-size: 22px;
}
.solutions-hero__desc {
font-family: "Archivo", sans-serif;
font-style: normal;
font-weight: 400;
line-height: 20px;
color: #EDEDED;
margin: 0;
max-width: 100%;
font-size: 14px;
}
.solutions-hero__cta {
width: auto;
height: auto;
}
.product-tabs-module {
width: 100%;
--product-tabs-accent-width: 4px;
padding: 0 var(--product-tabs-gutter);
box-sizing: border-box;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
color: #231815;
position: relative;
border-bottom: 1px solid #E4E4E4;
background: #FFF;
max-width: 1296px;
margin: 0 auto;
}
.product-tabs-module::before,
.product-tabs-module::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 1px;
background-color: #E4E4E4;
pointer-events: none;
z-index: 0;
}
.product-tabs-module::before {
left: var(--product-tabs-gutter);
}
.product-tabs-module::after {
right: var(--product-tabs-gutter);
}
.tabs-nav {
display: flex;
align-items: center;
position: relative;
z-index: 25;
padding: 28px 40px 28px 0px;
height: 96px;
box-sizing: border-box;
}
.tabs-nav::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 1px;
background-color: #fff;
pointer-events: none;
z-index: 2;
}
.tabs-nav::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background-color: #E4E4E4;
pointer-events: none;
}
.tabs-accent {
width: var(--product-tabs-accent-width);
height: 30px;
background-color: #004098;
margin-right: 20px;
}
.tabs-title {
font-weight: 500;
color: #003B90;
display: flex;
align-items: center;
background: transparent;
border: 0;
padding: 0;
cursor: pointer;
text-transform: uppercase;
line-height: 40px;
position: relative;
z-index: 3;
font-size: 14px;
}
.tabs-title svg {
margin-left: 10px;
width: 40px;
height: 40px;
transition: transform 0.2s ease;
}
.tabs-title.is-active svg {
transform: rotate(180deg);
}
.scene-title-control {
position: relative;
z-index: 3;
flex: 1;
min-width: 0;
}
.scene-title-dropdown {
position: absolute;
top: 100%;
left: 0;
right: 0;
min-width: 240px;
max-width: min(100vw, 420px);
max-height: min(50vh, 400px);
overflow-y: auto;
margin: 8px 0 0 0;
list-style: none;
background: #FFF;
border: 1px solid #E4E4E4;
border-radius: 4px;
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
z-index: 50;
}
.scene-title-dropdown[hidden] {
display: none !important;
}
.scene-title-dropdown .scene-title-option {
display: block;
width: 100%;
text-align: left;
background: #FFF;
border: 0;
border-bottom: 1px solid #E4E4E4;
padding: 14px 20px;
font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
line-height: 24px;
color: #231815;
cursor: pointer;
text-transform: none;
position: relative;
z-index: 1;
font-size: 14px;
}
.scene-title-dropdown .scene-title-option:last-child {
border-bottom: 0;
}
.scene-title-dropdown .scene-title-option.is-selected {
color: #003B90;
font-weight: 400;
background-color: #F6F6F6;
}
.scene-title-dropdown .scene-title-option:hover,
.scene-title-dropdown .scene-title-option:focus {
color: #003B90;
font-weight: 700;
outline: none;
}
.main-layout .scene-products-panel {
display: none !important;
}
.main-layout .scene-products-panel.is-active {
display: grid !important;
}
.main-layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
position: relative;
z-index: 1;
padding: 40px 0;
border-right: 1px solid #E4E4E4;
align-items: start;
}
.left-content {
box-sizing: border-box;
padding: 40px 50px 40px 60px;
}
.left-content h2 {
font-weight: 600;
margin: 0 0 24px 0;
color: #231815;
text-transform: uppercase;
line-height: 39px;
font-family: "Zalando Sans Expanded";
font-size: 22px;
}
.left-content p,
.left-content #scene-content-desc p {
line-height: 30px;
color: #231815;
font-family: "Archivo";
font-size: 14px;
}
.left-content p {
margin: 0 0 40px;
}
.left-content #scene-content-desc {
margin: 0 0 40px;
}
.left-content #scene-content-desc p {
margin: 0 0 1em;
}
.left-content #scene-content-desc p:last-child {
margin-bottom: 0;
}
.info-img-box img {
width: 100%;
height: auto;
display: block;
}
.right-products {
display: grid;
grid-template-columns: repeat(2, 322px);
grid-template-rows: repeat(2, 322px);
gap: 0;
width: 644px;
background: #FFF;
}
.product-item {
background-color: #FFF;
padding: 0;
position: relative;
box-sizing: border-box;
width: 322px;
height: 322px;
border-right: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
display: flex;
flex-direction: column;
justify-content: flex-end;
text-decoration: none;
}
.arrow-top-right {
position: absolute;
top: 10px;
right: 10px;
width: 44px;
height: 44px;
color: #231815;
}
.prod-img {
width: 100%;
height: 212px;
object-fit: cover;
mix-blend-mode: multiply;
}
.prod-name {
font-weight: 600;
margin: 0;
text-transform: uppercase;
line-height: 30px;
color: #231815;
font-size: 14px;
}
.prod-sku {
color: #231815;
margin: 0;
line-height: 20px;
font-size: 14px;
}
.product-item .prod-name,
.product-item .prod-sku {
width: 100%;
padding-left: 40px;
padding-right: 40px;
box-sizing: border-box;
}
.product-item h3,
.product-item p {
position: relative;
z-index: 1;
pointer-events: none;
}
.product-item:nth-child(odd) {
border-right: 1px solid #E4E4E4;
}
.product-item:nth-child(3),
.product-item:nth-child(4) {
border-bottom: 0;
}
.product-item .prod-name {
margin-top: 0;
}
.product-item .prod-sku {
margin-top: 10px;
}
.right-products.right-products--count-1 {
display: block;
width: 100%;
height: 100%;
}
.right-products.right-products--count-1 .product-item {
width: 100%;
height: 100%;
border-bottom: 0;
}
.right-products.right-products--count-2 {
width: 100%;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-rows: 322px;
}
.right-products.right-products--count-2 .product-item {
width: 100%;
border-bottom: 0;
}
.right-products.right-products--count-2 .prod-img {
height: 242px;
}
.right-products.right-products--count-3 {
width: 100%;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-rows: 322px 322px;
}
.right-products.right-products--count-3 .product-item {
width: 100%;
}
.right-products.right-products--count-3 .product-item:nth-child(1) {
grid-column: 1/-1;
}
.right-products.right-products--count-3 .product-item:nth-child(2) {
border-bottom: 0;
}
.right-products.right-products--count-3 .product-item:nth-child(3) {
border-bottom: 0;
}
.why-choose-module {
width: 100%;
position: relative;
overflow: hidden;
padding: 80px 0;
font-family: "Archivo", sans-serif;
box-sizing: border-box;
color: #EDEDED;
}
.why-choose-bg-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
.why-choose-bg-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(41, 79, 134, 0.8), rgba(41, 79, 134, 0.8));
z-index: 2;
}
.module-container {
width: 100%;
max-width: 1296px;
margin: 0 auto;
position: relative;
z-index: 3;
}
.dec-line {
position: absolute;
background-color: rgba(228, 228, 228, 0.2);
pointer-events: none;
z-index: 0;
}
.h-line {
height: 1px;
}
.v-line {
width: 1px;
}
.top-h-line,
.bottom-h-line {
left: 50%;
transform: translatex(-50%);
width: 100vw;
}
.top-h-line {
top: 0;
}
.bottom-h-line {
bottom: 0;
}
.left-v-line {
left: 0;
top: -80px;
bottom: 0;
}
.right-v-line {
right: 0;
top: 100px;
bottom: 0;
}
.item-right-line {
right: 0;
top: 0;
bottom: 0;
}
.item-bottom-line {
display: none;
bottom: 0;
left: 0;
right: 0;
}
.header-row {
position: relative;
display: flex;
align-items: center;
min-height: 60px;
margin-bottom: 40px;
padding-left: 40px;
}
.title-line {
position: absolute;
left: -2px;
top: 50%;
transform: translatey(-50%);
width: 5px;
height: 60px;
background-color: #EDEDED;
}
.main-title {
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 600;
line-height: 39px;
color: #EDEDED;
margin: 0;
font-size: 22px;
}
.grid-container {
position: relative;
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.icon-box svg {
width: 100%;
height: 100%;
fill: none;
}
.item-title {
font-family: "Archivo", sans-serif;
font-weight: 600;
line-height: 40px;
text-transform: capitalize;
color: #EDEDED;
margin: 0 0 10px 0;
font-size: 14px;
}
.customization-v3-unique-node {
width: 100vw;
--customization-v3-line: #E4E4E4;
padding: 0;
box-sizing: border-box;
background-color: #fff;
color: #231815;
max-width: 1296px;
margin: 80px auto;
}
.customization-v3-frame {
position: relative;
width: 100%;
background-color: #fff;
display: flow-root;
}
.customization-v3-line {
position: absolute;
background-color: var(--customization-v3-line);
pointer-events: none;
z-index: 1;
}
.customization-v3-line--top,
.customization-v3-line--bottom {
left: 50%;
width: calc(100vw + 2px);
transform: translatex(-50%);
height: 1px;
z-index: 1;
}
.customization-v3-line--top {
inset-block-start: 0;
}
.customization-v3-line--bottom {
inset-block-end: 0;
}
.customization-v3-line--left,
.customization-v3-line--right {
inset-block: -1px;
width: 1px;
z-index: 2;
}
.customization-v3-line--left {
left: calc(50% - 50vw - 1px);
}
.customization-v3-line--right {
right: calc(50% - 50vw - 1px);
}
.customization-v3-inner {
position: relative;
z-index: 1;
margin: 0 auto;
box-sizing: border-box;
}
.customization-v3-container {
max-width: 1295px;
width: 100%;
margin: 0 auto;
position: relative;
z-index: 3;
}
.layout-header-v3 {
width: 100%;
max-width: 777px;
gap: 0;
text-align: left;
display: flex;
flex-direction: column;
}
.layout-header-v3 h2 {
width: 100%;
max-width: 697px;
padding: 40px;
box-sizing: border-box;
flex: none;
font-family: "Archivo";
font-weight: 600;
margin: 0;
line-height: 40px;
color: #231815;
text-transform: capitalize;
font-size: 30px;
}
.main-wrapper-v3 {
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 40px;
padding-bottom: 40px;
}
.feature-stack-v3 {
flex: 1 1 auto;
width: 100%;
max-width: 777px;
display: flex;
flex-direction: column;
gap: 0;
}
.list-entry-v3 {
display: flex;
align-items: flex-start;
gap: 20px;
text-align: left;
padding: 20px 40px;
box-sizing: border-box;
}
.icon-bracket-v3 {
flex-shrink: 0;
width: 40px;
height: 40px;
border: 0;
border-radius: 0;
display: flex;
align-items: center;
justify-content: center;
}
.icon-bracket-v3 svg {
width: 40px;
height: 40px;
display: block;
}
.info-bundle-v3 {
display: flex;
flex-direction: column;
}
.info-bundle-v3 h3 {
font-weight: 600;
line-height: 40px;
color: #004098;
margin: 0;
font-size: 20px;
}
.info-bundle-v3 p {
color: #231815;
margin: 0;
line-height: 28px;
font-size: 14px;
}
.visual-anchor-v3 {
flex: 0 1 478px;
width: min(100%, 478px);
align-self: flex-end;
position: relative;
}
.visual-anchor-v3 img {
width: 100%;
max-width: 478px;
height: auto;
display: block;
position: relative;
z-index: 1;
}
.v24-sustainability-section {
width: 100%;
background-color: #fff;
box-sizing: border-box;
max-width: 1296px;
margin: 0 auto;
}
.v24-container {
margin: 0 auto;
}
.v24-panel {
border-left: 1px solid #E4E4E4;
background: #fff;
box-sizing: border-box;
}
.v24-header {
padding: 40px;
box-sizing: border-box;
border-bottom: 1px solid #E4E4E4;
position: relative;
--v24-inner: 40px;
}
.v24-body {
padding: 40px;
box-sizing: border-box;
border-right: 1px solid #E4E4E4;
}
.v24-main-title {
color: #00338d;
margin: 0;
position: relative;
font-weight: 600;
font-family: "Zalando Sans Expanded";
font-size: 22px;
}
.v24-main-title::before {
content: "";
position: absolute;
left: calc(-1 * var(--v24-inner) - 2px);
top: 50%;
transform: translateY(-50%);
height: 24px;
width: 4px;
background: #00338d;
}
.v24-steps-list {
display: flex;
flex-direction: column;
gap: 30px;
}
.v24-step-item {
display: flex;
gap: 40px;
align-items: center;
}
.v24-icon-circle svg {
width: 79px;
height: 79px;
}
.v24-step-title {
font-weight: 600;
color: #231815;
margin: 0 0 20px 0;
letter-spacing: 0.5px;
font-size: 14px;
}
.v24-step-desc {
color: #737373;
line-height: 1.1;
margin: 0;
font-weight: 300;
font-size: 14px;
}
.v24-sustainability-divider {
width: 100vw;
height: 1px;
background: #E4E4E4;
position: relative;
left: 50%;
transform: translatex(-50%);
}
.v25-social-responsibility {
width: 100%;
max-width: 1296px;
margin: 0 auto;
box-sizing: border-box;
background-color: #fff;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.v25-container {
width: 100%;
margin: 0;
padding: var(--v25-inner);
box-sizing: border-box;
border-left: 1px solid #E4E4E4;
}
.v25-section-title {
color: #00338d;
margin: 0;
position: relative;
padding: 50px 0;
padding-left: 40px;
font-weight: 600;
font-family: "Zalando Sans Expanded", sans-serif;
font-size: 22px;
}
.v25-section-title::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 4px;
height: 24px;
background: #00338d;
transform: translate(-50%, -50%);
}
.v25-divider {
position: relative;
left: 50%;
width: 100vw;
height: 1px;
background: #E4E4E4;
transform: translatex(-50%);
}
.v25-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 25px;
margin-right: calc(var(--v25-inner) * -1);
padding: 40px;
border-right: 1px solid #E4E4E4;
}
.v25-item {
display: flex;
flex-direction: column;
}
.v25-image-wrap {
width: 100%;
aspect-ratio: 1/1;
overflow: hidden;
background-color: #f0f0f0;
}
.v25-image-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.v25-item:hover .v25-image-wrap img {
transform: scale(1.05);
}
.v25-item-text {
line-height: 30px;
color: #231815;
margin: 0;
font-weight: 500;
padding: 10px;
font-size: 14px;
}
.v25-item-desc {
font-family: "Archivo", sans-serif;
font-weight: 500;
line-height: 30px;
letter-spacing: 0;
text-transform: capitalize;
color: #231815;
margin: 0;
padding: 0 10px 20px;
font-size: 14px;
}
.v26-supply-chain {
width: 100%;
background: #fff;
}
.v26-supply-chain__wrap {
box-sizing: border-box;
max-width: 1296px;
margin: 0 auto;
}
.v26-supply-chain__panel {
border-left: 1px solid #E4E4E4;
background: #fff;
box-sizing: border-box;
}
.v26-supply-chain__header {
position: relative;
display: flex;
align-items: center;
gap: 16px;
padding: 40px;
box-sizing: border-box;
border-bottom: 1px solid #E4E4E4;
}
.v26-supply-chain__accent {
width: 4px;
height: 24px;
background: #003B90;
position: absolute;
left: 0;
transform: translatex(-50%);
}
.v26-supply-chain__title {
font-weight: 600;
color: #003B90;
font-family: "Zalando Sans Expanded", sans-serif;
margin: 0;
font-size: 22px;
}
.v26-supply-chain__body {
display: flex;
align-items: stretch;
border-right: 1px solid #E4E4E4;
box-sizing: border-box;
}
.v26-supply-chain__nav {
width: 30%;
border-right: 1px solid #E4E4E4;
--v26-nav-pad: 40px;
padding: var(--v26-nav-pad);
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 40px;
}
.v26-supply-chain__nav-item {
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
line-height: 22px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: rgba(0, 0, 0, 0.25);
display: block;
text-align: right;
border: 0;
padding: 0;
background: transparent;
width: 100%;
cursor: pointer;
position: relative;
font-size: 14px;
}
.v26-supply-chain__nav-item.is-active {
color: #003B90;
font-weight: 600;
}
.v26-supply-chain__nav-item.is-active::after {
content: "";
width: 4px;
height: 20px;
background: #003B90;
position: absolute;
left: calc(100% + var(--v26-nav-pad));
top: 50%;
transform: translate(-50%, -50%);
}
.v26-supply-chain__detail {
width: 70%;
flex: 0 0 auto;
min-width: 0;
overflow: hidden;
}
.v26-supply-chain__detail-panel {
display: none;
align-items: stretch;
height: 100%;
min-width: 0;
overflow: hidden;
}
.v26-supply-chain__detail-panel.is-active {
display: flex;
}
.v26-supply-chain__media {
width: 400px;
height: 400px;
padding: 40px 0 40px 40px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 400px;
max-width: 400px;
overflow: hidden;
}
.v26-supply-chain__img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.v26-supply-chain__content {
flex: 1 1 auto;
padding: 40px;
box-sizing: border-box;
min-width: 0;
overflow: hidden;
}
.v26-supply-chain__subtitle {
margin: 0 0 14px 0;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 600;
line-height: 40px;
color: #231815;
text-transform: uppercase;
letter-spacing: 0.06em;
overflow-wrap: anywhere;
word-break: break-word;
font-size: 20px;
}
.v26-supply-chain__text {
margin: 0;
font-family: "Archivo", sans-serif;
font-weight: 400;
line-height: 28px;
color: rgba(0, 0, 0, 0.55);
overflow-wrap: anywhere;
word-break: break-word;
font-size: 14px;
}
.sustainability-roadmap {
width: 100%;
background: #fff;
}
.sustainability-roadmap__wrap {
max-width: 1296px;
margin: 0 auto;
box-sizing: border-box;
}
.sustainability-roadmap__panel {
border-left: 1px solid #E4E4E4;
border-right: none;
background: #fff;
box-sizing: border-box;
position: relative;
}
.sustainability-roadmap__header {
display: flex;
align-items: center;
gap: 16px;
padding: 40px;
box-sizing: border-box;
border-bottom: 1px solid #E4E4E4;
position: relative;
}
.sustainability-roadmap__header::after {
content: "";
position: absolute;
right: calc(var(--sr-gutter) * -1);
bottom: -1px;
width: var(--sr-gutter);
height: 1px;
background: #E4E4E4;
}
.sustainability-roadmap__accent {
width: 4px;
height: 24px;
background: #003B90;
position: absolute;
left: 0;
transform: translatex(-50%);
}
.sustainability-roadmap__title {
font-weight: 600;
color: #003B90;
font-family: "Zalando Sans Expanded", sans-serif;
font-size: 22px;
}
.sustainability-roadmap__table {
width: 100%;
box-sizing: border-box;
padding: 40px;
border-right: 1px solid #E4E4E4;
display: flex;
align-items: flex-start;
}
.sustainability-roadmap__media-col,
.sustainability-roadmap__timeline-col {
min-width: 0;
}
.sustainability-roadmap__media-col {
flex: 0 0 auto;
display: flex;
flex-direction: column;
}
.sustainability-roadmap__timeline-col {
--sr-year-col: 200px;
--sr-dot-col: 44px;
--sr-dot-size: 12px;
--sr-dot-top: 10px;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
flex: 1;
justify-content: space-between;
}
.sustainability-roadmap__media {
display: flex;
align-items: center;
justify-content: center;
background: #fff;
padding-bottom: 20px;
}
.sustainability-roadmap__img {
width: 398px;
height: 330px;
object-fit: cover;
display: block;
}
.sustainability-roadmap__timeline-col::before {
content: "";
position: absolute;
left: 50%;
transform: translatex(0);
height: auto;
width: 1px;
background: #E4E4E4;
z-index: 0;
}
.sustainability-roadmap__item {
display: flex;
align-items: flex-start;
position: relative;
padding-bottom: 0;
z-index: 1;
width: 100%;
}
.sustainability-roadmap__meta {
display: flex;
flex: 0 0 calc(var(--sr-year-col) + var(--sr-dot-col));
width: calc(var(--sr-year-col) + var(--sr-dot-col));
}
.sustainability-roadmap__item.is-last {
padding-bottom: 0;
}
.sustainability-roadmap__year {
font-weight: 700;
color: #231815;
line-height: 20px;
white-space: nowrap;
margin-top: 6px;
font-family: "Archivo", sans-serif;
flex: 0 0 var(--sr-year-col);
width: var(--sr-year-col);
text-align: right;
padding-right: 16px;
box-sizing: border-box;
font-size: 14px;
}
.sustainability-roadmap__dot-col {
width: var(--sr-dot-col);
flex: 0 0 var(--sr-dot-col);
position: relative;
}
.sustainability-roadmap__dot {
width: var(--sr-dot-size);
height: var(--sr-dot-size);
border-radius: 999px;
background: #003B90;
position: absolute;
left: 50%;
transform: translatex(-50%);
top: var(--sr-dot-top);
z-index: 2;
}
.sustainability-roadmap__content {
padding: 0 0 0 40px;
background: #fff;
min-width: 0;
flex: 1 1 auto;
width: 100%;
padding-bottom: 87px;
}
.sustainability-roadmap__stage {
margin: 0 0 8px 0;
font-weight: 500;
color: #003B90;
line-height: 1.2;
font-family: "Zalando Sans Expanded", sans-serif;
font-size: 20px;
}
.sustainability-roadmap__intro {
margin: 0 0 8px 0;
font-weight: 400;
color: #737373;
line-height: 18px;
font-family: "Archivo", sans-serif;
font-size: 14px;
}
.sustainability-roadmap__points {
margin: 0;
padding-left: 18px;
color: #737373;
font-family: "Archivo", sans-serif;
}
.sustainability-roadmap__points li {
line-height: 1.2;
font-size: 14px;
}
.sustainability-roadmap__media.is-last,
.sustainability-roadmap__marker.is-last,
.sustainability-roadmap__content.is-last {
border-bottom: none;
}
.related-blogs-section {
width: 100%;
background: #FFF;
box-sizing: border-box;
}
.related-blogs-section .section-container {
max-width: 1296px;
margin: 0 auto;
}
.related-blogs__top-divider {
width: 100%;
height: 1px;
background-color: #E4E4E4;
margin-bottom: 40px;
}
.related-blogs__content-wrapper {
position: relative;
}
.related-blogs__left-line {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 1px;
background-color: #E4E4E4;
}
.related-blogs__right-line {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 1px;
background-color: #E4E4E4;
z-index: 1;
}
.related-blogs__title {
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 600;
color: #003B90;
padding-left: 40px;
padding-top: 50px;
padding-bottom: 50px;
position: relative;
display: flex;
align-items: center;
font-size: 22px;
}
.related-blogs__title::before {
content: "";
position: absolute;
left: -1.5px;
top: 50%;
transform: translatey(-50%);
width: 4px;
height: 24px;
background: #003B90;
z-index: 2;
}
.related-blogs__mid-divider {
width: calc(100% + 108px);
height: 1px;
background-color: #E4E4E4;
}
.related-blogs__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0;
border-top: none;
border-bottom: none;
box-sizing: border-box;
width: 100%;
}
.related-blogs__card {
display: flex;
flex-direction: column;
border-right: 1px solid #E4E4E4;
box-sizing: border-box;
padding: 60px 16px 0;
}
.related-blogs__card:first-child {
border-left: none;
}
.related-blogs__card:last-child {
border-right: none;
}
.related-blogs__date {
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
color: #A1A1A1;
padding: 0 20px 20px 20px;
font-size: 14px;
}
.related-blogs__img-wrap {
width: 100%;
aspect-ratio: 400/300;
overflow: hidden;
}
.related-blogs__img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.3s ease;
}
.related-blogs__card:hover .related-blogs__img-wrap img {
transform: scale(1.05);
}
.related-blogs__content {
padding: 40px 40px 40px 20px;
flex-grow: 1;
display: flex;
flex-direction: column;
gap: 16px;
position: relative;
}
.related-blogs__heading {
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 600;
color: #0C2F62;
margin: 0;
line-height: 1.3;
font-size: 14px;
}
.related-blogs__desc {
font-family: "Archivo", sans-serif;
font-weight: 400;
color: #737373;
margin: 0;
line-height: 1.6;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 14px;
}
.related-blogs__link {
display: inline-flex;
align-items: center;
gap: 12px;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
color: #003B90;
text-decoration: none;
padding: 30px 40px 30px 20px;
transition: gap 0.3s ease;
font-size: 14px;
}
.related-blogs__footer {
margin-top: auto;
border-top: 1px solid #E4E4E4;
margin-left: -16px;
margin-right: -16px;
}
.related-blogs__card:hover .related-blogs__link {
gap: 16px;
}
.xy-regularities-container {
padding: 30px 20px;
max-width: 1000px;
margin: 0 auto;
font-family: sans-serif;
color: #231815;
line-height: 1.6;
}
.xy-regularities-header {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.xy-regularities-header::before {
content: "";
display: block;
width: 4px;
height: 24px;
background: #003380;
margin-right: 15px;
flex-shrink: 0;
}
.xy-regularities-title {
font-weight: 800;
color: #231815;
text-transform: uppercase;
margin: 0;
line-height: 1.2;
font-size: 14px;
}
.xy-regularities-intro {
margin-bottom: 30px;
font-size: 14px;
}
.xy-regularities-subtitle {
font-weight: 800;
color: #231815;
text-transform: uppercase;
margin: 0 0 16px 0;
font-size: 14px;
}
.xy-regularities-paragraph {
margin-bottom: 16px;
font-size: 14px;
}
.xy-regularities-list {
margin: 0 0 16px 18px;
padding: 0;
}
.xy-regularities-item {
margin-bottom: 10px;
font-size: 14px;
}
.xy-regularities-divider {
border: 0;
border-top: 1px solid #ddd;
margin: 26px 0;
}
.xy-wcu-main {
font-family: Arial, sans-serif;
color: #231815;
line-height: 1.5;
}
.xy-wcu-main * {
box-sizing: border-box;
}
.xy-wcu-banner {
position: relative;
width: 100%;
height: 100vh;
display: flex;
align-items: flex-end;
padding: 80px 108px;
overflow: hidden;
}
.xy-wcu-banner-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
}
.xy-wcu-banner-mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to right, #07264D 3.95%, rgba(7, 38, 77, 0) 97.19%);
z-index: 1;
}
.xy-wcu-banner-content {
position: absolute;
width: 1000px;
height: auto;
left: 108px;
bottom: 60px;
z-index: 2;
color: #fff;
}
.xy-wcu-banner-title {
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 600;
margin: 0 0 20px 0;
line-height: 80px;
text-transform: capitalize;
font-size: 54px;
}
.xy-wcu-banner-desc {
font-family: "Archivo", sans-serif;
font-weight: 100;
line-height: 24px;
margin: 0;
color: #fff;
max-width: 730px;
font-size: 14px;
}
.wcu-group-sec {
max-width: 1296px;
margin: 0 auto;
background-color: #fff;
}
.wcu-container {
box-sizing: border-box;
}
.wcu-subtitle {
display: flex;
align-items: center;
color: #231815;
font-family: Zalando Sans Expanded;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 20px;
letter-spacing: 0%;
line-height: 64px;
font-size: 14px;
}
.wcu-dot {
display: inline-flex;
align-items: center;
margin-right: 10px;
}
.wcu-sec-title {
color: #003B90;
font-weight: 700;
margin-bottom: 30px;
padding-left: 15px;
border-left: 4px solid #003B90;
text-transform: capitalize;
line-height: 1;
font-size: 14px;
}
.wcu-group-grid {
display: flex;
flex-direction: column;
gap: 24px;
padding: 40px;
}
.wcu-subtitle-box {
width: 100%;
}
.wcu-title-row {
display: flex;
align-items: stretch;
gap: 60px;
width: 100%;
}
.wcu-title-box {
flex: 1;
display: flex;
}
.wcu-group-right {
flex: 1;
display: flex;
align-items: center;
padding-top: 0;
}
.wcu-title {
font-family: Archivo;
color: #003B90;
font-weight: 600;
line-height: 60px;
margin: 0;
display: flex;
align-items: flex-start;
flex: 1;
text-transform: capitalize;
font-size: 30px;
}
.wcu-list {
list-style: none;
padding: 0;
margin: 0;
width: 100%;
}
.wcu-list li {
display: flex;
align-items: center;
font-family: Archivo;
color: #003B90;
font-weight: 600;
line-height: 40px;
margin-bottom: 20px;
font-size: 20px;
}
.wcu-list li svg {
width: 40px;
height: 40px;
margin-right: 15px;
flex-shrink: 0;
}
.wcu-rnd-sec {
background-color: #fff;
}
.wcu-rnd-sec .wcu-container,
.wcu-achieve-sec .wcu-container {
max-width: 1296px;
margin: 0 auto;
}
.wcu-rnd-header {
padding-top: 50px;
padding-bottom: 50px;
border-bottom: 1px solid #E4E4E4;
}
.wcu-rnd-title {
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 600;
color: #003B90;
margin: 0;
padding-left: 40px;
position: relative;
line-height: 1.2;
text-transform: capitalize;
font-size: 22px;
}
.wcu-rnd-title::before {
content: "";
position: absolute;
left: -2px;
top: 50%;
transform: translatey(-50%);
width: 4px;
height: 24px;
background: #003B90;
}
.wcu-rnd-grid {
display: flex;
align-items: center;
padding: 40px;
border-bottom: 1px solid #E4E4E4;
}
.wcu-rnd-left {
flex: 1.5;
}
.wcu-rnd-right {
flex: 1;
display: flex;
justify-content: flex-end;
}
.wcu-rnd-heading {
font-family: "Archivo", sans-serif;
color: #231815;
font-weight: 600;
line-height: 60px;
margin: 0 0 20px 0;
font-size: 30px;
}
.wcu-rnd-img-wrapper {
position: relative;
width: 482px;
height: 482px;
background-color: #D9D9D9;
}
.wcu-rnd-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.wcu-rnd-img-deco-tl {
position: absolute;
top: -1px;
left: -1px;
width: 92px;
height: 92px;
background-color: #fff;
}
.wcu-rnd-img-deco-br {
position: absolute;
bottom: -1px;
right: -1px;
width: 92px;
height: 92px;
background-color: #fff;
}
.wcu-achieve-sec {
background-color: #fff;
border-bottom: 1px solid #E4E4E4;
}
.wcu-achieve-header {
padding: 40px 40px 0 40px;
}
.wcu-achieve-title {
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
color: #003B90;
margin: 0;
line-height: 36px;
text-transform: uppercase;
font-size: 20px;
}
.wcu-achieve-grid {
display: flex;
padding: 40px;
gap: 40px;
}
.wcu-achieve-item {
flex: 1;
display: flex;
flex-direction: column;
gap: 20px;
}
.wcu-achieve-num {
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
color: #231815;
margin: 0;
line-height: 36px;
font-size: 20px;
}
.wcu-achieve-desc {
font-family: "Archivo", sans-serif;
font-weight: 400;
color: #231815;
line-height: 28px;
margin: 0;
font-size: 14px;
}
.wcu-achieve-item.wcu-dimmed .wcu-achieve-num {
color: #737373;
}
.wcu-achieve-item.wcu-dimmed .wcu-achieve-desc {
color: #A1A1A1;
}
.wcu-qm-sec {
background-color: #fff;
}
.wcu-qm-sec .wcu-container {
max-width: 1296px;
margin: 0 auto;
}
.wcu-qm-header {
display: flex;
padding: 80px 40px;
gap: 60px;
border-bottom: 1px solid #E4E4E4;
}
.wcu-qm-header-left {
flex: 1;
}
.wcu-qm-header-right {
flex: 1;
display: flex;
align-items: center;
}
.wcu-qm-title {
font-family: "Archivo", sans-serif;
font-weight: 600;
color: #A1A1A1;
margin: 0;
line-height: 1.3;
font-size: 30px;
}
.wcu-qm-title strong {
color: #003B90;
font-weight: normal;
}
.wcu-qm-desc {
font-family: "Archivo", sans-serif;
font-weight: 400;
color: #737373;
line-height: 28px;
margin: 0;
font-size: 14px;
}
.wcu-qm-list {
display: flex;
flex-direction: column;
padding: 60px 40px;
gap: 50px;
border-bottom: 1px solid #E4E4E4;
}
.wcu-qm-item {
display: flex;
gap: 30px;
align-items: flex-start;
}
.wcu-qm-icon {
width: 48px;
height: 48px;
flex-shrink: 0;
margin-left: 20px;
}
.wcu-qm-content {
flex: 1;
}
.wcu-qm-item-title {
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 600;
color: #003B90;
margin: 0 0 15px 0;
text-transform: uppercase;
font-size: 14px;
}
.wcu-qm-item-desc {
font-family: "Archivo", sans-serif;
font-weight: 400;
color: #737373;
line-height: 28px;
margin: 0;
font-size: 14px;
}
.modular-solutions-exclusive-v5 {
width: 100%;
max-width: 1296px;
margin: 0 auto;
padding: 0 var(--ms-side-gap);
font-family: "Segoe UI", Roboto, sans-serif;
background-color: #fff;
--ms-border: #e4e4e4;
}
.modular-solutions-exclusive-v5 .title-row-v5 {
display: flex;
align-items: center;
gap: 12px;
border-left: 1px solid var(--ms-border);
border-right: 1px solid var(--ms-border);
padding-left: 40px;
padding-top: 50px;
padding-bottom: 50px;
position: relative;
max-width: 1296px;
margin: 0 auto;
}
.modular-solutions-exclusive-v5 .indicator-v5 {
width: 4px;
height: 30px;
background-color: #036;
position: absolute;
left: -2px;
top: 50%;
transform: translatey(-50%);
}
.modular-solutions-exclusive-v5 .main-label-v5 {
font-weight: bold;
color: #036;
margin: 0;
font-size: 22px;
}
.modular-solutions-exclusive-v5 .flex-stage-v5 {
display: flex;
width: 100%;
height: 600px;
gap: 1px;
overflow: hidden;
background: var(--ms-border);
border: 1px solid var(--ms-border);
margin-left: 0;
margin-right: 0;
}
.modular-solutions-exclusive-v5 .cell-v5 {
position: relative;
flex: 0 0 200px;
height: 100%;
overflow: hidden;
transition: flex 0.6s cubic-bezier(0.25, 1, 0.5, 1);
cursor: pointer;
}
.modular-solutions-exclusive-v5 .cell-v5:first-child {
flex: 1;
}
.modular-solutions-exclusive-v5 .cell-v5:hover {
flex: 1;
}
.modular-solutions-exclusive-v5 .flex-stage-v5:hover .cell-v5:first-child:not(:hover) {
flex: 0 0 200px;
}
.modular-solutions-exclusive-v5 .img-layer-v5 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
transition: transform 0.6s;
}
.modular-solutions-exclusive-v5 .cell-v5:hover .img-layer-v5 {
transform: scale(1.05);
}
.modular-solutions-exclusive-v5 .mask-v5 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to top, rgba(0, 30, 60, 0.85) 0%, rgba(0, 30, 60, 0.2) 100%);
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 40px;
box-sizing: border-box;
}
.modular-solutions-exclusive-v5 .info-v5 {
color: #fff;
opacity: 0;
transform: translatey(20px);
transition: transform 0.6s, opacity 0.6s;
}
.modular-solutions-exclusive-v5 .cell-v5:first-child .info-v5,
.modular-solutions-exclusive-v5 .cell-v5:hover .info-v5 {
opacity: 1;
transform: translatey(0);
}
.modular-solutions-exclusive-v5 .flex-stage-v5:hover .cell-v5:first-child:not(:hover) .info-v5 {
opacity: 0;
transform: translatey(20px);
}
.modular-solutions-exclusive-v5 .heading-v5 {
font-weight: 600;
margin: 0 0 15px 0;
white-space: nowrap;
font-family: "Zalando Sans Expanded";
font-size: 22px;
}
.modular-solutions-exclusive-v5 .para-v5 {
line-height: 1.6;
margin: 0;
color: rgba(255, 255, 255, 0.9);
font-size: 14px;
}
.modular-solutions-exclusive-v5 .action-v5 {
position: absolute;
bottom: 30px;
right: 30px;
width: 40px;
height: 40px;
border: 2px solid #fff;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
opacity: 1;
transition: opacity 0.3s;
}
.modular-solutions-exclusive-v5 .action-v5 svg {
width: 24px;
height: 24px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.modular-solutions-exclusive-v5 .cell-v5:first-child .action-v5,
.modular-solutions-exclusive-v5 .cell-v5:hover .action-v5 {
opacity: 0;
}
.ms-slider-nav-v5 {
display: none !important;
}
.ms-bottom-title-v5 {
font-family: "Archivo", sans-serif;
font-weight: 700;
color: #231815;
margin: 0 0 20px 0;
font-size: 22px;
}
.ms-bottom-desc-v5 {
font-family: "Archivo", sans-serif;
font-weight: 400;
line-height: 28px;
color: #231815;
margin: 0;
font-size: 14px;
}
.xy-cookies-wrapper {
background-color: #f7f7f7;
width: 100%;
display: flex;
align-items: flex-end;
position: fixed;
bottom: 0;
left: 0;
z-index: 9999;
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
}
.xy-cookies-container {
padding: 30px 20px;
max-width: 1200px;
margin: 0 auto;
width: 100%;
font-family: sans-serif;
display: flex;
flex-direction: column;
gap: 20px;
}
.xy-cookies-content {
flex: 1;
}
.xy-cookies-title {
font-weight: 800;
color: #222;
text-transform: uppercase;
margin: 0 0 10px 0;
line-height: 1.2;
font-size: 14px;
}
.xy-cookies-text {
color: #231815;
line-height: 1.5;
margin: 0 0 8px 0;
font-size: 14px;
}
.xy-cookies-text:last-child {
margin-bottom: 0;
}
.xy-cookies-actions {
display: flex;
flex-direction: column;
gap: 10px;
width: 100%;
}
.xy-cookies-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 24px;
font-weight: bold;
border: none;
cursor: pointer;
transition: background-color 0.3s, color 0.3s;
width: 100%;
text-decoration: none;
font-size: 14px;
}
.xy-cookies-btn-accept {
background-color: #003380;
color: #fff;
}
.xy-cookies-btn-accept:hover {
background-color: #025;
}
.xy-cookies-btn-deny {
background-color: #e5e5e5;
color: #003380;
}
.xy-cookies-btn-deny:hover {
background-color: #d5d5d5;
}
.xy-cookies-btn-manage {
background-color: transparent;
color: #003380;
border: 1px solid #003380;
}
.xy-cookies-btn-manage:hover {
background-color: #f0f4fa;
}
.xy-chat-widget {
position: relative;
}
.xy-chat-trigger {
position: relative;
color: #003B90;
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
background: #FFF;
border: none;
cursor: pointer;
transition: all 0.3s;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.xy-chat-trigger svg {
stroke: #003B90;
transition: stroke 0.3s;
}
.xy-chat-trigger:hover {
background: #003B90;
}
.xy-chat-trigger:hover svg {
stroke: #FFF;
}
.xy-chat-trigger.is-open {
background: #003B90;
}
.xy-chat-trigger.is-open svg {
stroke: #FFF;
}
.xy-chat-badge {
position: absolute;
top: -6px;
right: -6px;
background: #E3000F;
color: #FFF;
padding: 2px 5px;
border-radius: 10px;
line-height: 1;
border: 2px solid #FFF;
font-family: sans-serif;
font-weight: bold;
font-size: 12px;
}
.xy-chat-window {
position: absolute;
bottom: 60px;
right: 0;
width: 360px;
background: #FFF;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
border-radius: 8px;
display: flex;
flex-direction: column;
overflow: hidden;
z-index: 1000;
font-family: sans-serif;
text-align: left;
}
.xy-chat-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px;
border-bottom: 1px solid #EEE;
}
.xy-chat-header-info {
display: flex;
align-items: center;
gap: 10px;
}
.xy-chat-avatar {
width: 32px;
height: 32px;
background: #F0F4F8;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.xy-chat-header h4 {
margin: 0;
color: #333;
font-weight: 600;
font-size: 14px;
}
.xy-chat-header span {
color: #999;
font-size: 12px;
}
.xy-chat-close {
background: none;
border: none;
cursor: pointer;
color: #999;
line-height: 1;
padding: 0;
font-size: 14px;
}
.xy-chat-body {
padding: 16px;
height: 380px;
overflow-y: auto;
background: #FAFAFA;
display: flex;
flex-direction: column;
gap: 16px;
}
.xy-chat-msg-wrapper {
display: flex;
flex-direction: column;
max-width: 85%;
}
.xy-chat-msg-wrapper.is-bot {
align-self: flex-start;
}
.xy-chat-msg-wrapper.is-user {
align-self: flex-end;
align-items: flex-end;
}
.xy-chat-msg {
padding: 12px;
border-radius: 8px;
line-height: 1.5;
font-size: 14px;
}
.xy-chat-msg-wrapper.is-bot .xy-chat-msg {
background: #FFF;
color: #333;
border: 1px solid #EEE;
border-bottom-left-radius: 0;
}
.xy-chat-msg-wrapper.is-user .xy-chat-msg {
background: #E6F0FA;
color: #333;
border-bottom-right-radius: 0;
}
.xy-chat-msg p {
margin: 0;
}
.xy-chat-time {
color: #999;
margin-top: 4px;
font-size: 12px;
}
.xy-chat-email-form {
background: #FFF;
border: 1px solid #EEE;
border-radius: 8px;
overflow: hidden;
margin-top: 4px;
}
.xy-chat-email-input-wrapper {
display: flex;
border-bottom: 1px solid #EEE;
padding: 10px 12px;
align-items: center;
}
.xy-chat-email-input-wrapper input {
border: none;
outline: none;
flex: 1;
font-size: 14px;
}
.xy-chat-email-input-wrapper button {
background: none;
border: none;
cursor: pointer;
color: #999;
padding: 0;
display: flex;
align-items: center;
}
.xy-chat-email-input-wrapper.has-error {
border-color: #E3000F;
}
.xy-chat-error {
color: #E3000F;
padding: 10px 12px;
margin: 0;
border-bottom: 1px solid #EEE;
font-size: 12px;
}
.xy-chat-questions {
display: flex;
flex-direction: column;
}
.xy-chat-questions button {
background: none;
border: none;
border-bottom: 1px solid #EEE;
padding: 12px;
text-align: left;
color: #333;
cursor: pointer;
transition: background 0.2s;
font-size: 14px;
}
.xy-chat-questions button:last-child {
border-bottom: none;
}
.xy-chat-questions button:hover {
background: #F5F5F5;
}
.xy-chat-email-success {
margin-top: 4px;
}
.xy-chat-email-success .xy-chat-email-input-wrapper {
border: 1px solid #4CAF50;
border-radius: 4px;
background: #FFF;
}
.xy-chat-email-success input {
color: #333;
background: none;
}
.xy-chat-check {
color: #4CAF50;
font-weight: bold;
}
.xy-chat-footer {
padding: 12px 16px;
border-top: 1px solid #EEE;
display: flex;
align-items: center;
gap: 12px;
background: #FFF;
}
.xy-chat-footer input {
flex: 1;
border: none;
outline: none;
color: #333;
font-size: 14px;
}
.xy-chat-footer input::placeholder {
color: #BBB;
}
.xy-chat-footer button {
background: none;
border: none;
cursor: pointer;
color: #003B90;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
}
@media (hover: hover) and (pointer: fine) {
.faq-question:hover .faq-question-text {
color: #003B90;
}
.faq-question:hover .faq-icon path {
stroke: #003B90;
}
}
@media (min-width: 1025px) and (max-width: 1365.98px) {
.page-template-page-product-series .product-series-filters__bar {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
align-items: stretch;
}
.page-template-page-product-series .product-series-filter--type,
.page-template-page-product-series .product-series-filter-dropdown-wrap--application,
.page-template-page-product-series .product-series-search {
width: 100%;
}
.page-template-page-product-series .product-series-filter--type,
.page-template-page-product-series .product-series-filter--application,
.page-template-page-product-series .product-series-search {
min-width: 0;
height: 100%;
justify-content: center;
}
.page-template-page-product-series .product-series-filter-dropdown-wrap--application,
.page-template-page-product-series .product-series-filter-dropdown-wrap--type {
display: flex;
align-items: stretch;
}
.page-template-page-product-series .product-series-filter--application,
.page-template-page-product-series .product-series-filter--type {
width: 100%;
}
.page-template-page-product-series .product-series-filters__bar.is-search-open {
grid-template-columns: minmax(0, 1fr);
}
.xy-404-container {
padding: 0 40px;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
gap: 0;
}
.xy-404-title {
margin-bottom: 30px;
font-size: 118px;
}
.xy-404-text {
font-size: 20px;
}
.xy-404-product {
padding-left: 40px;
padding-top: 60px;
padding-bottom: 60px;
padding-right: 40px;
flex: 1;
border: none;
border-left: 1px solid #eee;
max-width: 500px;
}
.xy-copyright-container {
padding: 50px 40px;
}
.xy-copyright-header::before {
height: 28px;
}
.xy-copyright-title {
font-size: 30px;
}
.xy-copyright-intro,
.xy-copyright-paragraph,
.xy-copyright-item {
font-size: 16px;
}
.xy-copyright-subtitle {
font-size: 22px;
}
.xy-copyright-paragraph,
.xy-copyright-item {
font-size: 16px;
}
.xy-disclaimer-container {
padding: 50px 40px;
}
.xy-disclaimer-header::before {
height: 28px;
}
.xy-disclaimer-title {
font-size: 30px;
}
.xy-disclaimer-paragraph,
.xy-disclaimer-item {
font-size: 16px;
}
.xy-disclaimer-subtitle {
font-size: 22px;
}
.xy-policies-container {
padding: 50px 40px;
}
.xy-policies-header::before {
height: 28px;
}
.xy-policies-title {
font-size: 30px;
}
.xy-policies-intro {
margin-bottom: 50px;
font-size: 16px;
}
.xy-policies-subtitle {
margin-bottom: 25px;
font-size: 22px;
}
.xy-policies-item {
margin-bottom: 25px;
font-size: 16px;
}
.xy-policies-paragraph {
margin-bottom: 25px;
font-size: 16px;
}
.xy-regulatory-container {
padding: 50px 40px;
}
.xy-regulatory-header::before {
height: 28px;
}
.xy-regulatory-title {
font-size: 30px;
}
.xy-regulatory-paragraph {
font-size: 16px;
}
.xy-regulatory-subtitle {
font-size: 22px;
}
.xy-regularities-container {
padding: 50px 40px;
}
.xy-regularities-header::before {
height: 28px;
}
.xy-regularities-title {
font-size: 30px;
}
.xy-regularities-intro,
.xy-regularities-paragraph,
.xy-regularities-item {
font-size: 16px;
}
.xy-regularities-subtitle {
font-size: 22px;
}
.xy-cookies-container {
padding: 40px;
gap: 40px;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.xy-cookies-title {
font-size: 26px;
margin-bottom: 15px;
}
.xy-cookies-text {
font-size: 15px;
}
.xy-cookies-actions {
min-width: 250px;
width: auto;
flex-shrink: 0;
}
.xy-cookies-btn {
padding: 15px 30px;
font-size: 16px;
}
.page-template-page-product-series .product-series-filter-dropdown__footer {
display: none !important;
}
.d-lg-none {
display: none !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-flex {
display: flex !important;
}
.page-template-page-products-detail-mro .why-choose-us .container-wrapper {
max-width: 1296px;
margin: 0 auto;
}
.page-template-page-products-detail-mro .why-choose-us__grid {
display: grid;
grid-template-rows: auto auto;
position: relative;
max-width: 1296px;
margin: 0 auto;
}
.page-template-page-products-detail-mro .why-choose-us__line-v {
width: 1px;
background: #E4E4E4;
grid-row: 1/3;
}
.page-template-page-products-detail-mro .why-choose-us__line-v--left {
grid-column: 1;
justify-self: end;
}
.page-template-page-products-detail-mro .why-choose-us__line-v--right {
grid-column: 5;
justify-self: start;
grid-row: 2/3;
}
.page-template-page-products-detail-mro .why-choose-us__grid .section-header {
grid-column: 2/5;
grid-row: 1;
width: 100%;
box-sizing: border-box;
}
.page-template-page-products-detail-mro .why-choose-us__line-h {
display: block;
height: 1px;
background: #E4E4E4;
grid-column: 1/-1;
grid-row: 1;
align-self: end;
}
.page-template-page-products-detail-mro .why-choose-us__grid .traits-grid {
grid-column: 2/5;
grid-row: 2;
border-top: none;
}
.site-header--transparent {
background: linear-gradient(180deg, #231815 0%, rgba(35, 24, 21, 0) 100%);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
}
.site-header.site-header--transparent,
.site-header.site-header--sticky {
height: auto;
padding: 20px;
}
.site-header.site-header--transparent .header-container,
.site-header.site-header--sticky .header-container {
height: auto;
}
.site-header.site-header--transparent .header-main-wrapper,
.site-header.site-header--sticky .header-main-wrapper {
justify-content: space-between;
}
.site-header.site-header--transparent .main-navigation,
.site-header.site-header--sticky .main-navigation {
margin-left: 82px;
}
.site-header.site-header--transparent .header-actions,
.site-header.site-header--sticky .header-actions {
gap: 50px;
margin-left: 60px;
}
.site-header.site-header--transparent .header-actions .mr-4,
.site-header.site-header--sticky .header-actions .mr-4 {
margin-right: 0;
}
.site-header--transparent .nav-menu>li>a {
font-weight: 600;
color: #EDEDED;
}
.site-header--transparent .lang-toggle {
font-weight: 500;
color: #EDEDED;
gap: 12px;
font-size: 16px;
}
.site-header--transparent .btn-icon {
color: #EDEDED;
}
.site-header--transparent .btn-contact {
padding: 21px 20px;
border-radius: 0;
background-color: #007DBF;
transition: background-color 0.3s ease;
}
.site-header--transparent .btn-contact:hover {
background-color: #0C2F62;
}
.site-header--transparent .btn-contact:active,
.site-header--transparent .btn-contact.is-active {
background-color: #007DBF;
}
.header-search-trigger {
background: none;
border: none;
padding: 0;
cursor: pointer;
color: #EDEDED;
display: inline-flex;
align-items: center;
gap: 10px;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
line-height: 1;
font-size: 16px;
}
.header-search-text {
display: none;
}
#full-width-search.search-overlay {
background: #F3F5F7;
}
#full-width-search .search-bar {
padding: 0 52px 0 42px;
}
#full-width-search .search-form {
display: flex;
align-items: center;
gap: 0;
flex: 1;
color: #231815;
height: 100%;
}
#full-width-search .search-icon {
margin-right: 10px;
}
#full-width-search .search-input-box {
display: flex;
align-items: center;
flex: 0 1 auto;
min-width: 0;
}
#full-width-search .search-field {
color: #231815;
flex: 0 0 auto;
width: 100%;
min-width: 0;
caret-color: #231815;
}
#full-width-search .search-input-box>span {
color: #231815;
margin-left: -5px;
flex-shrink: 0;
}
#full-width-search .search-field::placeholder {
color: #231815;
opacity: 1;
}
#full-width-search .search-divider {
background: #231815;
margin-left: 10px;
margin-right: 20px;
}
#full-width-search .search-submit {
background: #007DBF;
margin-left: auto;
transition: background-color 0.3s ease;
}
#full-width-search .search-submit:hover {
background: #0C2F62;
}
#full-width-search .search-submit:active,
#full-width-search .search-submit.is-active {
background: #007DBF;
}
.nav-menu>li>a:hover,
.nav-menu>li>a:active,
.nav-menu>li>a:focus {
color: #007DBF;
}
.language-selector.is-open .lang-toggle,
.language-selector:hover .lang-toggle {
color: #007DBF;
}
.site-header--sticky .nav-menu>li>a {
font-weight: 600;
color: #231815;
}
.site-header--sticky .lang-toggle {
font-weight: 500;
color: #231815;
gap: 12px;
font-size: 16px;
}
.site-header--sticky .btn-icon {
color: #EDEDED;
}
.site-header--sticky .header-search-trigger {
color: #231815;
}
.site-header--sticky .btn-contact {
background-color: #003B90;
transition: background-color 0.3s ease;
}
.site-header--sticky .btn-contact:hover {
background-color: #0C2F62;
}
.site-header--sticky .btn-contact:active,
.site-header--sticky .btn-contact.is-active {
background-color: #007DBF;
}
.language-selector {
position: static;
}
.lang-dropdown {
position: fixed;
left: 0;
top: 124px;
width: 100vw;
height: 502px;
background: rgba(0, 0, 0, 0.8);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
padding: 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
z-index: 30010;
overflow-x: hidden;
overflow-y: hidden;
}
.language-selector:hover .lang-dropdown {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.language-selector.is-open .lang-dropdown,
.language-selector.is-hover .lang-dropdown {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.lang-grid {
display: grid;
grid-template-columns: 636px minmax(0, 1fr);
height: 100%;
}
.lang-col--left {
height: 100%;
display: flex;
flex-direction: column;
}
.lang-col--right {
height: 100%;
}
.lang-dropdown a {
width: 100%;
display: flex;
font-family: "Archivo", sans-serif;
font-weight: 400;
line-height: 1;
color: #EDEDED;
text-decoration: none;
padding-left: 21px;
position: relative;
z-index: 1;
height: 60px;
align-items: center;
font-size: 20px;
}
.lang-dropdown a.active {
color: #007DBF;
}
.lang-dropdown a:hover {
color: #007DBF;
}
.lang-dropdown a.active::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translatey(-50%);
width: 636px;
height: 60px;
z-index: -1;
pointer-events: none;
}
.nav-menu>li.nav-mega>.dropdown-menu-wrapper {
position: fixed;
left: 0;
top: 100px;
transform: none;
width: 100vw;
height: 502px;
background: rgba(0, 0, 0, 0.8);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
padding: 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
z-index: 30010;
overflow-x: hidden;
overflow-y: hidden;
}
.nav-menu>li.nav-mega:hover>.dropdown-menu-wrapper,
.nav-menu>li.nav-mega.is-open>.dropdown-menu-wrapper,
.nav-menu>li.nav-mega.is-hover>.dropdown-menu-wrapper,
.nav-menu>li.nav-mega.is-click-open>.dropdown-menu-wrapper {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.nav-mega-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
align-items: stretch;
height: 100%;
}
.nav-mega-col--left {
height: 100%;
}
.nav-mega-col--right {
height: 100%;
}
.nav-mega-list {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
}
.nav-mega-item {
width: 100%;
height: 60px;
display: flex;
align-items: center;
font-family: "Archivo", sans-serif;
font-weight: 400;
line-height: 1;
color: #EDEDED;
text-decoration: none;
padding-left: 21px;
box-sizing: border-box;
font-size: 20px;
}
.nav-mega-item.is-active,
.nav-mega-item:hover {
color: #007DBF;
}
.nav-mega-all {
width: 100%;
padding-left: 21px;
margin-left: 0;
margin-top: auto;
margin-bottom: 0;
gap: 12px;
border-top: 1px solid rgba(228, 228, 228, 0.1);
border-bottom: 1px solid rgba(228, 228, 228, 0.1);
}
.nav-mega-all svg path {
stroke: currentColor;
}
.nav-mega-media {
width: 100%;
justify-self: end;
height: 100%;
overflow: hidden;
}
.menu-grid {
display: grid;
grid-template-columns: 120px minmax(0, 1fr) 120px;
grid-template-rows: 440px 62px;
width: 100%;
height: 100%;
}
.menu-main {
height: 100%;
overflow: hidden;
}
.menu-frame {
position: absolute;
inset: 0;
pointer-events: none;
}
.menu-frame-line {
position: absolute;
background-color: #E4E4E41A;
}
.menu-frame-line--top {
left: 0;
top: 0;
width: 100%;
height: 1px;
}
.menu-frame-line--bottom {
left: 0;
bottom: 0;
width: 100%;
height: 1px;
}
.menu-frame-line--left {
left: 0;
top: 0;
width: 1px;
height: 100%;
}
.menu-frame-line--right {
right: 0;
top: 0;
width: 1px;
height: 100%;
}
.menu-frame-line--v1 {
left: 120px;
top: 0;
width: 1px;
height: 100%;
}
.menu-frame-line--v2 {
right: 120px;
top: 0;
width: 1px;
height: 100%;
}
.menu-frame-line--row {
left: 0;
top: 440px;
width: 100%;
height: 1px;
}
.menu-frame-line--inner {
left: 756px;
top: 0;
width: 1px;
height: 440px;
}
.nav-mega-image {
width: 100%;
height: 440px;
display: block;
object-fit: cover;
padding: 20px;
box-sizing: border-box;
}
.footer-frame {
--footer-cols-total: 4.5;
--footer-col-unit: calc(100% / var(--footer-cols-total));
--footer-col-3: calc(var(--footer-col-unit) * 3);
}
.footer-social-top {
display: grid;
grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.9fr) minmax(0, 0.9fr) minmax(0, 1.5fr);
}
.footer-social-top::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: var(--footer-col-3);
width: 1px;
transform: translatex(-0.5px);
pointer-events: none;
}
.footer-social--top {
grid-column: 4;
justify-content: flex-start;
padding-left: 40px;
}
.footer-top {
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.2fr) minmax(0, 0.9fr) minmax(0, 1.5fr);
gap: 0;
border-top: 0;
position: relative;
align-items: stretch;
}
.footer-top::before {
content: "";
position: absolute;
left: 50%;
top: 0;
width: 100vw;
height: 1px;
transform: translatex(-50%);
pointer-events: none;
}
.footer-nav {
display: contents;
}
.footer-nav::before {
display: none;
}
.footer-col--company {
grid-column: 1;
padding: 0 20px;
}
.footer-col--products {
grid-column: 2;
}
.footer-col--services {
grid-column: 3;
}
.footer-side {
grid-column: 4;
height: 100%;
}
.footer-side-top {
height: 100%;
}
.footer-side .footer-social--desktop,
.footer-side .footer-social--mobile {
display: none;
}
.footer-subscribe {
margin-top: auto;
}
.footer-bottom {
position: relative;
max-width: 1296px;
margin-left: 0;
margin-right: 0;
padding-left: clamp(16px, 3.5vw, 40px);
padding-right: clamp(16px, 3.5vw, 40px);
padding-bottom: 40px;
justify-content: center;
flex-wrap: wrap;
padding-top: 30px;
align-content: center;
row-gap: 10px;
column-gap: 10px;
}
.footer-bottom::before {
content: "";
position: absolute;
left: 50%;
top: 0;
width: 100vw;
height: 1px;
transform: translatex(-50%);
pointer-events: none;
}
#masthead.site-header.site-header--transparent {
width: 100%;
background: linear-gradient(180deg, #231815 0%, rgba(35, 24, 21, 0) 100%) !important;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
position: absolute;
}
#masthead.site-header.site-header--transparent .custom-logo--default {
display: block !important;
}
#masthead.site-header.site-header--transparent .custom-logo--sticky {
display: none !important;
}
#masthead.site-header.site-header--transparent .nav-menu>li>a {
color: #EDEDED !important;
}
#masthead.site-header.site-header--transparent .lang-toggle {
color: #EDEDED !important;
}
#masthead.site-header.site-header--transparent .header-search-trigger {
color: #EDEDED !important;
}
#masthead.site-header.site-header--transparent .btn-contact {
color: #EDEDED !important;
border-color: #EDEDED !important;
}
#masthead.site-header.site-header--transparent .btn-icon {
color: #EDEDED !important;
}
.page-template-page-products-detail-mro .carousel-container {
border-top: 1px solid #E4E4E4;
}
.page-template-page-products-detail-mro .contact-btn {
box-sizing: border-box;
border-top: 1px solid #E4E4E4;
font-size: 18px;
}
.right-products.right-products--count-1 {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 550px;
width: 100%;
height: auto;
}
.right-products.right-products--count-1 .product-item {
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
border-bottom: 0;
}
.right-products.right-products--count-1 .prod-img {
width: calc(100% - 56px);
height: 380px;
margin: 0 auto;
object-fit: contain;
mix-blend-mode: normal;
}
.right-products.right-products--count-1 .prod-text-wrap {
padding-top: 22px;
}
.right-products.right-products--count-1 .prod-name,
.right-products.right-products--count-1 .prod-sku {
padding-left: 30px;
padding-right: 30px;
}
.right-products.right-products--count-1 .prod-name {
line-height: 38px;
}
.right-products.right-products--count-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-rows: 644px;
}
.right-products.right-products--count-2 .product-item {
height: 644px;
min-height: 644px;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 0 0 34px;
border-bottom: 0;
}
.right-products.right-products--count-2 .prod-img {
width: calc(100% - 56px);
height: 242px;
margin: 0 auto;
object-fit: cover;
mix-blend-mode: normal;
}
.right-products.right-products--count-2 .prod-text-wrap {
padding-top: 22px;
}
.right-products.right-products--count-2 .prod-name,
.right-products.right-products--count-2 .prod-sku {
padding-left: 30px;
padding-right: 30px;
}
.right-products.right-products--count-2 .prod-name {
line-height: 38px;
}
.right-products.right-products--count-3 .product-item:nth-child(1) {
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: flex-start;
padding: 0 40px 24px;
}
.right-products.right-products--count-3 .product-item:nth-child(1) .prod-img {
flex: 0 0 38%;
max-width: 38%;
height: 212px;
}
.right-products.right-products--count-3 .product-item:nth-child(1) .prod-text-wrap {
flex: 1 1 62%;
padding: 40px 0 40px 20px;
}
.right-products.right-products--count-3 .product-item:nth-child(1) .prod-name,
.right-products.right-products--count-3 .product-item:nth-child(1) .prod-sku {
padding-left: 0;
padding-right: 0;
}
.footer-legal-link {
line-height: 1.35;
text-align: left;
font-size: 13px;
}
.search-container {
max-width: 1296px;
}
body {
font-size: 16px;
}
.blog-detail-main,
main#primary.site-main {
font-size: 16px;
}
.blog-content__inner h3,
.news-content__inner h3 {
font-size: 22px;
}
.product-series-breadcrumb__link {
font-size: 16px;
}
.product-series-breadcrumb__current {
font-size: 16px;
}
.product-series-breadcrumb__sep {
font-size: 16px;
}
.mro-title {
font-size: 28px;
}
.mro-description {
font-size: 16px;
}
.product-series-banner__btn {
font-size: 18px;
}
.product-series-banner__btn span {
font-size: 18px;
}
.product-series-filter__label {
font-size: 16px;
}
.page-template-page-product-series .product-series-search__text {
font-size: 16px;
}
.page-template-page-product-series .product-series-search__input {
font-size: 16px;
}
.page-template-page-product-series .product-series-search__submit {
font-size: 14px;
}
.page-template-page-product-series .product-series-filter-dropdown__search-input {
font-size: 14px;
}
.page-template-page-product-series .product-series-filter-dropdown__item {
font-size: 16px;
}
.page-template-page-product-series .product-series-filter-dropdown__title {
font-size: 14px;
}
.product-series-products__title {
font-size: 18px;
}
.product-series-products__sku {
font-size: 14px;
}
.product-series-pagination__number,
.product-series-pagination__dots {
font-size: 21px;
}
.product-series-contact__title {
font-size: 30px;
}
.hero-desc {
margin-bottom: 20px;
}
.new-section__btn {
font-size: 14px;
}
.faq-title {
font-size: 22px;
}
.faq-question-text {
font-size: 18px;
}
.faq-answer-text {
font-size: 14px;
}
.page-template-page-products-detail-mro .product-title {
font-size: 26px;
}
.page-template-page-products-detail-mro .product-sku {
font-size: 14px;
}
.page-template-page-products-detail-mro .description-text {
font-size: 14px;
}
.page-template-page-products-detail-mro .label {
font-size: 16px;
}
.page-template-page-products-detail-mro .size-btn {
font-size: 16px;
}
.page-template-page-products-detail-mro .close-modal {
font-size: 36px;
}
.page-template-page-products-detail-mro .main-title {
font-size: 28px;
}
.page-template-page-products-detail-mro .trait-description {
font-size: 16px;
}
.cta-btn {
font-size: 14px;
}
.page-template-page-products-detail-mro .product-parameters__th {
font-size: 24px;
line-height: 32px;
}
.tablepress .tp-icon-label {
font-size: 14px;
}
.page-template-page-products-detail-mro .product-parameters__td {
font-size: 20px;
line-height: 24px;
}
.page-template-page-products-detail-mro .product-parameters__label {
font-size: 18px;
}
.page-template-page-products-detail-mro .product-parameters__right .tablepress thead th {
font-size: 28px;
}
.page-template-page-products-detail-mro .product-parameters__right .tablepress tbody td {
font-size: 20px;
}
.xy-home-video-time-sep {
font-size: 24px;
}
.xy-404-product-name {
font-size: 22px;
margin-bottom: 30px;
}
.xy-404-product-btn {
font-size: 16px;
}
.blog-hero__title {
font-size: 26px;
}
.blog-hero__date {
font-size: 14px;
}
.blog-hero__desc {
font-size: 16px;
}
.blog-hero__hover-desc {
font-size: 16px;
}
.blog-subscribe__input {
font-size: 18px;
}
.blog-subscribe__btn {
font-size: 18px;
}
.blog-content__inner p {
font-size: 16px;
}
.blog-content__inner h3 {
font-size: 22px;
}
.blog-pagination__link {
font-size: 18px;
}
.other-blogs-title {
font-size: 24px;
}
.other-blogs-date {
font-size: 14px;
}
.other-blogs-title-text {
font-size: 18px;
}
.other-blogs-desc {
font-size: 14px;
}
.other-blogs-link {
font-size: 16px;
}
.v21-item-title {
font-size: 26px;
}
.v21-item-desc {
font-size: 14px;
}
.v21-date {
font-size: 16px;
}
.v21-news-pagination__number,
.v21-news-pagination__dots {
font-size: 20px;
line-height: 22px;
}
.xy-about-banner-title {
font-size: 60px;
}
.xy-about-banner-subtitle {
font-size: 20px;
}
.xy-about-banner-desc {
font-size: 18px;
}
.xy-about-overview-title {
font-size: 36px;
}
.xy-about-overview-desc {
font-size: 14px;
}
.xy-about-overview-cell-title {
font-size: 18px;
}
.xy-about-overview-cell-desc {
font-size: 14px;
}
.xy-about-driven-title {
font-size: 28px;
}
.xy-about-driven-subtitle {
font-size: 36px;
}
.xy-about-driven-item h4 {
font-size: 24px;
}
.xy-about-driven-item p {
font-size: 14px;
}
.xy-about-driven-card-mask h3 {
font-size: 28px;
}
.xy-about-driven-card-mask p {
font-size: 18px;
}
.xy-about-title {
font-size: 32px;
}
.xy-about-foot-title {
font-size: 28px;
}
.xy-about-foot-header h3 {
font-size: 26px;
}
.xy-about-foot-header p {
font-size: 14px;
}
.xy-about-foot-stat-num {
font-size: 32px;
line-height: 39px;
}
.xy-about-foot-stat-label {
font-size: 18px;
line-height: 19px;
}
.xy-about-history-title {
font-size: 28px;
}
.xy-about-history-text h4 {
font-size: 26px;
}
.xy-about-history-text p {
font-size: 14px;
}
.xy-about-history-date {
font-size: 16px;
}
.xy-about-achieve-title {
font-size: 36px;
}
.xy-about-achieve-box-num {
font-size: 38px;
}
.xy-about-achieve-box-title {
font-size: 18px;
}
.xy-about-achieve-box-desc {
font-size: 14px;
}
.xy-contact-title {
font-size: 36px;
}
.xy-contact-detail-item {
font-size: 16px;
}
.xy-contact-form-desc {
font-size: 18px;
}
.xy-form-group input,
.xy-form-group textarea {
font-size: 16px;
}
.xy-form-group label {
font-size: 16px;
}
.xy-form-group input:focus~label,
.xy-form-group input:not(:placeholder-shown)~label,
.xy-form-group textarea:focus~label,
.xy-form-group textarea:not(:placeholder-shown)~label {
font-size: 16px;
}
.xy-contact-submit {
font-size: 18px;
}
.xy-local-faq-title {
font-size: 24px;
}
.xy-local-faq-head {
font-size: 16px;
}
.xy-local-faq-content {
font-size: 14px;
}
.xy-contact-blogs-title {
font-size: 24px;
}
.xy-contact-blogs-date {
font-size: 14px;
}
.xy-contact-blogs-title-text {
font-size: 18px;
}
.xy-contact-blogs-desc {
font-size: 14px;
}
.xy-contact-blogs-link {
font-size: 16px;
}
.xy-copyright-intro {
font-size: 14px;
}
.xy-copyright-paragraph {
font-size: 14px;
}
.xy-copyright-item {
font-size: 14px;
}
.xy-disclaimer-paragraph {
font-size: 14px;
}
.xy-disclaimer-item {
font-size: 14px;
}
.hero-banner-module .xy-elevators-hero-title {
font-size: 40px;
}
.hero-banner-module .xy-elevators-hero-subtitle {
font-size: 16px;
}
.xy-elevators-hero__title {
font-size: 52px;
}
.xy-elevators-hero__desc {
font-size: 16px;
}
.xy-elevators-hero__btn {
font-size: 18px;
}
.xy-elevators-feature__title {
font-size: 28px;
}
.xy-elevators-feature__text p {
font-size: 16px;
}
.xy-elevators-feature__spec-label {
font-size: 14px;
}
.xy-elevators-feature__spec-value {
font-size: 36px;
}
.xy-elevators-feature__spec-unit {
font-size: 18px;
}
.xy-elevators-feature__cta {
font-size: 18px;
}
.xy-elevators-lightbox__close {
font-size: 30px;
}
.xy-elevators-section__title {
font-size: 28px;
}
.xy-elevators-mod3__cta {
font-size: 18px;
}
.xy-elevators-mod3__label {
font-size: 14px;
}
.xy-elevators-mod3__value {
font-size: 38px;
}
.xy-elevators-mod3__desc {
font-size: 16px;
}
.xy-elevators-mod3b__value {
font-size: 36px;
}
.xy-elevators-mod3b__unit {
font-size: 18px;
}
.xy-elevators-mod3b__label {
font-size: 18px;
}
.xy-elevators-mod3b__desc {
font-size: 16px;
}
.xy-elevators-mod3b__cta {
font-size: 18px;
}
.xy-elevators-mod4__label {
font-size: 14px;
}
.xy-elevators-mod4__value {
font-size: 36px;
}
.xy-elevators-mod4__unit {
font-size: 18px;
}
.xy-elevators-card__name {
font-size: 15px;
}
.xy-elevators-card__meta {
font-size: 14px;
}
.xy-elevators-cta__text h3 {
font-size: 24px;
}
.xy-elevators-cta__text p {
font-size: 15px;
}
.xy-elevators-cta__text a {
font-size: 14px;
}
.xy-elevators-mod5__text h3 {
font-size: 26px;
}
.xy-elevators-mod5__text p {
font-size: 14px;
}
.xy-events-hero__title {
font-size: 28px;
}
.xy-events-hero__desc {
font-size: 16px;
}
.xy-explore-hero__title {
font-size: 28px;
}
.xy-explore-hero__desc {
font-size: 16px;
}
.xy-explore-hero__btn {
font-size: 18px;
}
.article-selector__text {
font-size: 16px;
}
.article-selector-dropdown__title {
font-size: 16px;
}
.article-selector-dropdown__action-btn {
font-size: 16px;
}
.article-selector__option {
font-size: 16px;
}
.calendar-title {
font-size: 16px;
}
.calendar-weekdays {
font-size: 14px;
}
.day {
font-size: 14px;
}
.faq-hero-title {
font-size: 28px;
}
.faq-hero-desc {
font-size: 16px;
}
.faq-hero-link {
font-size: 18px;
}
.faq-search-input {
font-size: 16px;
}
.faq-tab {
font-size: 16px;
}
.faq-group-title {
font-size: 18px;
}
.faq-accordion-header {
font-size: 18px;
}
.faq-accordion-body-inner {
font-size: 16px;
}
.news-top-pagination__link {
font-size: 16px;
}
.news-header__title {
font-size: 28px;
}
.news-header__desc {
font-size: 16px;
}
.news-header__date {
font-size: 16px;
}
.news-content__inner p {
font-size: 16px;
}
.news-content__inner h3 {
font-size: 22px;
}
.news-content__inner blockquote {
font-size: 18px;
}
.news-subscribe-input {
font-size: 18px;
}
.news-subscribe-btn {
font-size: 18px;
}
.section-title-wrap h2 {
font-size: 28px;
}
.hero-banner-module .hero-breadcrumb {
font-size: 14px;
}
.hero-banner-module .hero-title {
font-size: 40px;
}
.hero-banner-module .hero-subtitle {
font-size: 16px;
}
.header-title {
font-size: 28px;
}
.feature-title {
font-size: 15px;
}
.feature-desc {
font-size: 14px;
}
.split-text h3 {
font-size: 36px;
}
.split-text li {
font-size: 20px;
}
.perf-title {
font-size: 28px;
}
.tab-item {
font-size: 16px;
}
.tab-item.active {
font-size: 18px;
}
.perf-content-title {
font-size: 26px;
}
.perf-content-desc {
font-size: 14px;
}
.overview-header h2 {
font-size: 28px;
}
.item-overlay h3 {
font-size: 18px;
}
.item-overlay p {
font-size: 14px;
}
.map-copy__title {
font-size: 28px;
}
.map-copy__desc {
font-size: 16px;
}
.stat-num {
font-size: 26px;
}
.stat-label {
font-size: 14px;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__hint {
font-size: 18px;
}
.solutions-module__title {
font-size: 28px;
}
.solutions-module__subheading {
font-size: 26px;
}
.solutions-module__desc {
font-size: 16px;
}
.solutions-module__link {
font-size: 16px;
}
.similar-products-module__title {
font-size: 28px;
}
.similar-products-module__name {
font-size: 18px;
}
.similar-products-module__sku {
font-size: 14px;
}
.similar-products-module__link {
font-size: 16px;
}
.svc-section-title {
font-size: 28px;
}
.svc-hero-title {
font-size: 28px;
}
.svc-hero-desc {
font-size: 16px;
}
.svc-hero-link-text {
font-size: 18px;
}
.svc-fm-item-title {
font-size: 18px;
}
.svc-fm-item-subtitle {
font-size: 16px;
}
.svc-fm-process-title {
font-size: 28px;
}
.svc-fm-process-item {
font-size: 18px;
}
.svc-fm-stat-num {
font-size: 26px;
}
.svc-fm-stat-desc {
font-size: 14px;
}
.svc-sol-content h3 {
font-size: 28px;
}
.svc-sol-content p {
font-size: 16px;
}
.svc-cs-tab {
font-size: 20px;
}
.svc-cs-img-tooltip {
font-size: 13px;
}
.svc-cs-block h3 {
font-size: 26px;
}
.svc-cs-block>p {
font-size: 16px;
}
.svc-cs-sub h4 {
font-size: 18px;
}
.svc-cs-sub p {
font-size: 14px;
}
.svc-cs-param-name {
font-size: 14px;
}
.svc-cs-param-val {
font-size: 16px;
}
.svc-cs-contact-btn {
font-size: 18px;
}
.solutions-hero__title {
font-size: 28px;
}
.solutions-hero__desc {
font-size: 16px;
}
.tabs-title {
font-size: 20px;
}
.scene-title-dropdown .scene-title-option {
font-size: 16px;
}
.left-content h2 {
font-size: 24px;
line-height: 32px;
}
.left-content p,
.left-content #scene-content-desc p {
font-size: 16px;
}
.prod-name {
font-size: 18px;
}
.prod-sku {
font-size: 14px;
}
.main-title {
font-size: 28px;
}
.item-title {
font-size: 20px;
}
.layout-header-v3 h2 {
font-size: 36px;
}
.info-bundle-v3 h3 {
font-size: 26px;
}
.info-bundle-v3 p {
font-size: 16px;
}
.v24-main-title {
font-size: 28px;
}
.v24-step-title {
font-size: 18px;
}
.v24-step-desc {
font-size: 16px;
}
.v25-section-title {
font-size: 22px;
}
.v25-item-text {
font-size: 18px;
}
.v25-item-desc {
font-size: 14px;
}
.v26-supply-chain__title {
font-size: 22px;
}
.v26-supply-chain__nav-item {
font-size: 14px;
}
.v26-supply-chain__subtitle {
font-size: 20px;
}
.v26-supply-chain__text {
font-size: 14px;
}
.sustainability-roadmap__title {
font-size: 28px;
}
.sustainability-roadmap__year {
font-size: 14px;
}
.sustainability-roadmap__stage {
font-size: 26px;
}
.sustainability-roadmap__intro {
font-size: 14px;
}
.sustainability-roadmap__points li {
font-size: 14px;
}
.related-blogs__title {
font-size: 28px;
}
.related-blogs__date {
font-size: 18px;
}
.related-blogs__heading {
font-size: 18px;
}
.related-blogs__desc {
font-size: 14px;
}
.related-blogs__link {
font-size: 18px;
}
.xy-regularities-intro {
font-size: 14px;
}
.xy-regularities-paragraph {
font-size: 14px;
}
.xy-regularities-item {
font-size: 14px;
}
.wcu-subtitle {
font-size: 16px;
line-height: 40px;
}
.wcu-sec-title {
font-size: 20px;
}
.wcu-title {
font-size: 28px;
line-height: 44px;
}
.wcu-list li {
font-size: 20px;
line-height: 32px;
}
.wcu-rnd-title {
font-size: 28px;
}
.wcu-rnd-heading {
font-size: 36px;
}
.wcu-achieve-title {
font-size: 26px;
}
.wcu-achieve-num {
font-size: 26px;
line-height: 40px;
}
.wcu-achieve-desc {
font-size: 14px;
}
.wcu-qm-title {
font-size: 36px;
}
.wcu-qm-desc {
font-size: 14px;
}
.wcu-qm-item-title {
font-size: 20px;
}
.wcu-qm-item-desc {
font-size: 20px;
}
.modular-solutions-exclusive-v5 .main-label-v5 {
font-size: 28px;
}
.modular-solutions-exclusive-v5 .heading-v5 {
font-size: 28px;
}
.modular-solutions-exclusive-v5 .para-v5 {
font-size: 16px;
}
.ms-bottom-title-v5 {
font-size: 28px;
}
.ms-bottom-desc-v5 {
font-size: 14px;
}
.xy-chat-badge {
font-size: 14px;
}
.xy-chat-header h4 {
font-size: 14px;
}
.xy-chat-header span {
font-size: 14px;
}
.xy-chat-close {
font-size: 20px;
}
.xy-chat-msg {
font-size: 13px;
}
.xy-chat-time {
font-size: 14px;
}
.xy-chat-email-input-wrapper input {
font-size: 13px;
}
.xy-chat-error {
font-size: 14px;
}
.xy-chat-questions button {
font-size: 13px;
}
.xy-chat-footer input {
font-size: 13px;
}
.product-series-breadcrumb__grid {
max-width: 1296px !important;
margin: 0 auto !important;
}
.product-series-breadcrumb {
max-width: 1296px;
margin: 0 auto;
}
.left-content p {
line-height: 26px;
font-size: 14px;
}
.product-series-breadcrumb__back {
width: 100%;
}
.d-flex {
justify-content: space-between !important;
}
.site-header.site-header--sticky .main-navigation {
margin-left: 0;
}
.xy-404-content {
flex: 1;
padding-top: 60px;
padding-left: 40px;
padding-right: 40px;
}
.xy-404-product-image {
margin-bottom: 30px;
}
.xy-404-product-info {
padding: 0;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__nav {
position: fixed;
bottom: 0;
transform: translatey(-50%);
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__nav--prev {
left: 24px;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__nav--next {
right: 24px;
}
.v21-news-pagination {
height: 100px;
}
.v21-news-pagination__inner {
height: 100px;
gap: 30px;
}
.v21-news-pagination__line {
display: none;
}
.v21-news-pagination__numbers {
gap: 30px;
}
.xy-elevators-divider,
.hero-banner-divider,
.hero-banner-module,
.xy-elevators-feature,
.xy-elevators-section:not(.xy-elevators-mod5),
.xy-elevators-mod5-images,
.xy-elevators-mod5__content {
max-width: min(1216px, calc(100vw - 56px));
}
.xy-elevators-mod3b__layout {
height: 640px;
}
.xy-elevators-mod3__tile--info {
padding: 40px 24px 32px;
}
.xy-elevators-mod5-images {
padding-block: 44px;
padding-inline: 28px;
gap: 36px;
}
.xy-elevators-mod5-images__img50 {
padding: 44px;
}
.xy-elevators-feature__head,
.xy-elevators-section__head {
padding: 48px 36px;
}
.xy-elevators-feature__title,
.xy-elevators-section__title {
padding-left: 0;
font-size: 30px;
}
.xy-elevators-feature__accent,
.xy-elevators-section__accent {
height: 28px;
}
.hero-banner-module .hero-banner {
height: clamp(360px, calc(var(--xy-visual-vh, 100vh) * 0.8), 600px);
}
.hero-banner-module .hero-content {
padding: 48px 52px 42px;
max-width: 720px;
}
.hero-content {
padding-bottom: 60px;
}
.hero-banner-module .hero-banner-strip {
height: 100px;
}
.xy-elevators-mod5 {
--xy-mod5-line-x: 36px;
--xy-mod5-line-y: 0;
}
.xy-elevators-mod4__layout {
grid-template-rows: 190px 190px 190px;
gap: 18px;
}
.xy-elevators-feature__head {
padding-inline-start: 26px;
}
.xy-elevators-mod4__info {
padding: 20px 16px 14px;
}
.svc-mobile-menu-drawer,
.svc-mobile-menu-overlay {
display: none !important;
}
.scene-title-drawer,
.scene-title-drawer-overlay {
display: none !important;
}
.wcu-list li svg {
width: 34px;
height: 34px;
}
.xy-wcu-banner-title {
font-size: 60px;
}
.xy-wcu-banner-desc {
font-size: 18px;
}
.article-selector-wrapper {
padding-inline: 60px;
}
.article-selector__item {
height: 60px;
min-height: 60px;
}
.article-selector__item:not(:last-child)::after {
height: 50px;
}
.faq-section {
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
}
@media (min-width: 1366px) and (max-width: 1512px) {
.page-template-page-product-series .product-series-filters__bar {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
align-items: stretch;
}
.page-template-page-product-series .product-series-filter--type,
.page-template-page-product-series .product-series-filter-dropdown-wrap--application,
.page-template-page-product-series .product-series-search {
width: 100%;
}
.page-template-page-product-series .product-series-filter--type,
.page-template-page-product-series .product-series-filter--application,
.page-template-page-product-series .product-series-search {
min-width: 0;
height: 100%;
justify-content: center;
}
.page-template-page-product-series .product-series-filter-dropdown-wrap--application,
.page-template-page-product-series .product-series-filter-dropdown-wrap--type {
display: flex;
align-items: stretch;
}
.page-template-page-product-series .product-series-filter--application,
.page-template-page-product-series .product-series-filter--type {
width: 100%;
}
.page-template-page-product-series .product-series-filters__bar.is-search-open {
grid-template-columns: minmax(0, 1fr);
}
.xy-404-container {
padding: 0 40px;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
gap: 0;
}
.xy-404-title {
margin-bottom: 30px;
font-size: 120px;
}
.xy-404-text {
font-size: 20px;
}
.xy-404-product {
padding-left: 40px;
padding-top: 60px;
padding-bottom: 60px;
padding-right: 40px;
flex: 1;
border: none;
border-left: 1px solid #eee;
max-width: 500px;
}
.xy-copyright-container {
padding: 50px 40px;
}
.xy-copyright-header::before {
height: 28px;
}
.xy-copyright-title {
font-size: 32px;
}
.xy-copyright-intro,
.xy-copyright-paragraph,
.xy-copyright-item {
font-size: 16px;
}
.xy-copyright-subtitle {
font-size: 24px;
}
.xy-copyright-paragraph,
.xy-copyright-item {
font-size: 16px;
}
.xy-disclaimer-container {
padding: 50px 40px;
}
.xy-disclaimer-header::before {
height: 28px;
}
.xy-disclaimer-title {
font-size: 32px;
}
.xy-disclaimer-paragraph,
.xy-disclaimer-item {
font-size: 16px;
}
.xy-disclaimer-subtitle {
font-size: 24px;
}
.xy-policies-container {
padding: 50px 40px;
}
.xy-policies-header::before {
height: 28px;
}
.xy-policies-title {
font-size: 32px;
}
.xy-policies-intro {
margin-bottom: 50px;
font-size: 16px;
}
.xy-policies-subtitle {
margin-bottom: 25px;
font-size: 24px;
}
.xy-policies-item {
margin-bottom: 25px;
font-size: 16px;
}
.xy-policies-paragraph {
margin-bottom: 25px;
font-size: 16px;
}
.xy-regulatory-container {
padding: 50px 40px;
}
.xy-regulatory-header::before {
height: 28px;
}
.xy-regulatory-title {
font-size: 32px;
}
.xy-regulatory-paragraph {
font-size: 16px;
}
.xy-regulatory-subtitle {
font-size: 24px;
}
.xy-regularities-container {
padding: 50px 40px;
}
.xy-regularities-header::before {
height: 28px;
}
.xy-regularities-title {
font-size: 32px;
}
.xy-regularities-intro,
.xy-regularities-paragraph,
.xy-regularities-item {
font-size: 16px;
}
.xy-regularities-subtitle {
font-size: 24px;
}
.xy-cookies-container {
padding: 40px;
gap: 40px;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.xy-cookies-title {
font-size: 28px;
margin-bottom: 15px;
}
.xy-cookies-text {
font-size: 15px;
}
.xy-cookies-actions {
min-width: 250px;
width: auto;
flex-shrink: 0;
}
.xy-cookies-btn {
padding: 15px 30px;
font-size: 16px;
}
.page-template-page-product-series .product-series-filter-dropdown__footer {
display: none !important;
}
.d-lg-none {
display: none !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-flex {
display: flex !important;
}
.page-template-page-products-detail-mro .why-choose-us .container-wrapper {
max-width: 1296px;
margin: 0 auto;
}
.page-template-page-products-detail-mro .why-choose-us__grid {
display: grid;
grid-template-rows: auto auto;
position: relative;
max-width: 1296px;
margin: 0 auto;
}
.page-template-page-products-detail-mro .why-choose-us__line-v {
width: 1px;
background: #E4E4E4;
grid-row: 1/3;
}
.page-template-page-products-detail-mro .why-choose-us__line-v--left {
grid-column: 1;
justify-self: end;
}
.page-template-page-products-detail-mro .why-choose-us__line-v--right {
grid-column: 5;
justify-self: start;
grid-row: 2/3;
}
.page-template-page-products-detail-mro .why-choose-us__grid .section-header {
grid-column: 2/5;
grid-row: 1;
width: 100%;
box-sizing: border-box;
}
.page-template-page-products-detail-mro .why-choose-us__line-h {
display: block;
height: 1px;
background: #E4E4E4;
grid-column: 1/-1;
grid-row: 1;
align-self: end;
}
.page-template-page-products-detail-mro .why-choose-us__grid .traits-grid {
grid-column: 2/5;
grid-row: 2;
border-top: none;
}
.site-header--transparent {
background: linear-gradient(180deg, #231815 0%, rgba(35, 24, 21, 0) 100%);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
}
.site-header.site-header--transparent,
.site-header.site-header--sticky {
height: auto;
padding: 20px;
}
.site-header.site-header--transparent .header-container,
.site-header.site-header--sticky .header-container {
height: auto;
}
.site-header.site-header--transparent .header-main-wrapper,
.site-header.site-header--sticky .header-main-wrapper {
justify-content: space-between;
}
.site-header.site-header--transparent .main-navigation,
.site-header.site-header--sticky .main-navigation {
margin-left: 82px;
}
.site-header.site-header--transparent .header-actions,
.site-header.site-header--sticky .header-actions {
gap: 50px;
margin-left: 60px;
}
.site-header.site-header--transparent .header-actions .mr-4,
.site-header.site-header--sticky .header-actions .mr-4 {
margin-right: 0;
}
.site-header--transparent .nav-menu>li>a {
font-weight: 600;
color: #EDEDED;
}
.site-header--transparent .lang-toggle {
font-weight: 500;
color: #EDEDED;
gap: 12px;
font-size: 16px;
}
.site-header--transparent .btn-icon {
color: #EDEDED;
}
.site-header--transparent .btn-contact {
padding: 21px 20px;
border-radius: 0;
background-color: #007DBF;
transition: background-color 0.3s ease;
}
.site-header--transparent .btn-contact:hover {
background-color: #0C2F62;
}
.site-header--transparent .btn-contact:active,
.site-header--transparent .btn-contact.is-active {
background-color: #007DBF;
}
.header-search-trigger {
background: none;
border: none;
padding: 0;
cursor: pointer;
color: #EDEDED;
display: inline-flex;
align-items: center;
gap: 10px;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
line-height: 1;
font-size: 16px;
}
.header-search-text {
display: inline-block;
}
#full-width-search.search-overlay {
background: #F3F5F7;
}
#full-width-search .search-bar {
padding: 0 52px 0 42px;
}
#full-width-search .search-form {
display: flex;
align-items: center;
gap: 0;
flex: 1;
color: #231815;
height: 100%;
}
#full-width-search .search-icon {
margin-right: 10px;
}
#full-width-search .search-input-box {
display: flex;
align-items: center;
flex: 0 1 auto;
min-width: 0;
}
#full-width-search .search-field {
color: #231815;
flex: 0 0 auto;
width: 100%;
min-width: 0;
caret-color: #231815;
}
#full-width-search .search-input-box>span {
color: #231815;
margin-left: -5px;
flex-shrink: 0;
}
#full-width-search .search-field::placeholder {
color: #231815;
opacity: 1;
}
#full-width-search .search-divider {
background: #231815;
margin-left: 10px;
margin-right: 20px;
}
#full-width-search .search-submit {
background: #007DBF;
margin-left: auto;
transition: background-color 0.3s ease;
}
#full-width-search .search-submit:hover {
background: #0C2F62;
}
#full-width-search .search-submit:active,
#full-width-search .search-submit.is-active {
background: #007DBF;
}
.nav-menu>li>a:hover,
.nav-menu>li>a:active,
.nav-menu>li>a:focus {
color: #007DBF;
}
.language-selector.is-open .lang-toggle,
.language-selector:hover .lang-toggle {
color: #007DBF;
}
.site-header--sticky .nav-menu>li>a {
font-weight: 600;
color: #231815;
}
.site-header--sticky .lang-toggle {
font-weight: 500;
color: #231815;
gap: 12px;
font-size: 16px;
}
.site-header--sticky .btn-icon {
color: #EDEDED;
}
.site-header--sticky .header-search-trigger {
color: #231815;
}
.site-header--sticky .btn-contact {
background-color: #003B90;
transition: background-color 0.3s ease;
}
.site-header--sticky .btn-contact:hover {
background-color: #0C2F62;
}
.site-header--sticky .btn-contact:active,
.site-header--sticky .btn-contact.is-active {
background-color: #007DBF;
}
.language-selector {
position: static;
}
.lang-dropdown {
position: fixed;
left: 0;
top: 124px;
width: 100vw;
height: 502px;
background: rgba(0, 0, 0, 0.8);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
padding: 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
z-index: 30010;
overflow-x: hidden;
overflow-y: hidden;
}
.language-selector:hover .lang-dropdown {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.language-selector.is-open .lang-dropdown,
.language-selector.is-hover .lang-dropdown {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.lang-grid {
display: grid;
grid-template-columns: 636px minmax(0, 1fr);
height: 100%;
}
.lang-col--left {
height: 100%;
display: flex;
flex-direction: column;
}
.lang-col--right {
height: 100%;
}
.lang-dropdown a {
width: 100%;
display: flex;
font-family: "Archivo", sans-serif;
font-weight: 400;
line-height: 1;
color: #EDEDED;
text-decoration: none;
padding-left: 21px;
position: relative;
z-index: 1;
height: 60px;
align-items: center;
font-size: 20px;
}
.lang-dropdown a.active {
color: #007DBF;
}
.lang-dropdown a:hover {
color: #007DBF;
}
.lang-dropdown a.active::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translatey(-50%);
width: 636px;
height: 60px;
z-index: -1;
pointer-events: none;
}
.nav-menu>li.nav-mega>.dropdown-menu-wrapper {
position: fixed;
left: 0;
top: 100px;
transform: none;
width: 100vw;
height: 502px;
background: rgba(0, 0, 0, 0.8);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
padding: 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
z-index: 30010;
overflow-x: hidden;
overflow-y: hidden;
}
.nav-menu>li.nav-mega:hover>.dropdown-menu-wrapper,
.nav-menu>li.nav-mega.is-open>.dropdown-menu-wrapper,
.nav-menu>li.nav-mega.is-hover>.dropdown-menu-wrapper,
.nav-menu>li.nav-mega.is-click-open>.dropdown-menu-wrapper {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.nav-mega-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
align-items: stretch;
height: 100%;
}
.nav-mega-col--left {
height: 100%;
}
.nav-mega-col--right {
height: 100%;
}
.nav-mega-list {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
}
.nav-mega-item {
width: 100%;
height: 60px;
display: flex;
align-items: center;
font-family: "Archivo", sans-serif;
font-weight: 400;
line-height: 1;
color: #EDEDED;
text-decoration: none;
padding-left: 21px;
box-sizing: border-box;
font-size: 20px;
}
.nav-mega-item.is-active,
.nav-mega-item:hover {
color: #007DBF;
}
.nav-mega-all {
width: 100%;
padding-left: 21px;
margin-left: 0;
margin-top: auto;
margin-bottom: 0;
gap: 12px;
border-top: 1px solid rgba(228, 228, 228, 0.1);
border-bottom: 1px solid rgba(228, 228, 228, 0.1);
}
.nav-mega-all svg path {
stroke: currentColor;
}
.nav-mega-media {
width: 100%;
justify-self: end;
height: 100%;
overflow: hidden;
}
.menu-grid {
display: grid;
grid-template-columns: 120px minmax(0, 1fr) 120px;
grid-template-rows: 440px 62px;
width: 100%;
height: 100%;
}
.menu-main {
height: 100%;
overflow: hidden;
}
.menu-frame {
position: absolute;
inset: 0;
pointer-events: none;
}
.menu-frame-line {
position: absolute;
background-color: #E4E4E41A;
}
.menu-frame-line--top {
left: 0;
top: 0;
width: 100%;
height: 1px;
}
.menu-frame-line--bottom {
left: 0;
bottom: 0;
width: 100%;
height: 1px;
}
.menu-frame-line--left {
left: 0;
top: 0;
width: 1px;
height: 100%;
}
.menu-frame-line--right {
right: 0;
top: 0;
width: 1px;
height: 100%;
}
.menu-frame-line--v1 {
left: 120px;
top: 0;
width: 1px;
height: 100%;
}
.menu-frame-line--v2 {
right: 120px;
top: 0;
width: 1px;
height: 100%;
}
.menu-frame-line--row {
left: 0;
top: 440px;
width: 100%;
height: 1px;
}
.menu-frame-line--inner {
left: 756px;
top: 0;
width: 1px;
height: 440px;
}
.nav-mega-image {
width: 100%;
height: 440px;
display: block;
object-fit: cover;
padding: 20px;
box-sizing: border-box;
}
.footer-frame {
--footer-cols-total: 4.5;
--footer-col-unit: calc(100% / var(--footer-cols-total));
--footer-col-3: calc(var(--footer-col-unit) * 3);
}
.footer-social-top {
display: grid;
grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.9fr) minmax(0, 0.9fr) minmax(0, 1.5fr);
}
.footer-social-top::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: var(--footer-col-3);
width: 1px;
transform: translatex(-0.5px);
pointer-events: none;
}
.footer-social--top {
grid-column: 4;
justify-content: flex-start;
padding-left: 40px;
}
.footer-top {
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.2fr) minmax(0, 0.9fr) minmax(0, 1.5fr);
gap: 0;
border-top: 0;
position: relative;
align-items: stretch;
}
.footer-top::before {
content: "";
position: absolute;
left: 50%;
top: 0;
width: 100vw;
height: 1px;
transform: translatex(-50%);
pointer-events: none;
}
.footer-nav {
display: contents;
}
.footer-nav::before {
display: none;
}
.footer-col--company {
grid-column: 1;
padding: 0 20px;
}
.footer-col--products {
grid-column: 2;
}
.footer-col--services {
grid-column: 3;
}
.footer-side {
grid-column: 4;
height: 100%;
}
.footer-side-top {
height: 100%;
}
.footer-side .footer-social--desktop,
.footer-side .footer-social--mobile {
display: none;
}
.footer-subscribe {
margin-top: auto;
}
.footer-bottom {
position: relative;
max-width: 1296px;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
padding-right: 40px;
padding-bottom: 60px;
justify-content: flex-start;
flex-wrap: nowrap;
padding-top: 43px;
}
.footer-bottom::before {
content: "";
position: absolute;
left: 50%;
top: 0;
width: 100vw;
height: 1px;
transform: translatex(-50%);
pointer-events: none;
}
#masthead.site-header.site-header--transparent {
width: 100%;
background: linear-gradient(180deg, #231815 0%, rgba(35, 24, 21, 0) 100%) !important;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
position: absolute;
}
#masthead.site-header.site-header--transparent .custom-logo--default {
display: block !important;
}
#masthead.site-header.site-header--transparent .custom-logo--sticky {
display: none !important;
}
#masthead.site-header.site-header--transparent .nav-menu>li>a {
color: #EDEDED !important;
}
#masthead.site-header.site-header--transparent .lang-toggle {
color: #EDEDED !important;
}
#masthead.site-header.site-header--transparent .header-search-trigger {
color: #EDEDED !important;
}
#masthead.site-header.site-header--transparent .btn-contact {
color: #EDEDED !important;
border-color: #EDEDED !important;
}
#masthead.site-header.site-header--transparent .btn-icon {
color: #EDEDED !important;
}
.page-template-page-products-detail-mro .carousel-container {
border-top: 1px solid #E4E4E4;
}
.page-template-page-products-detail-mro .contact-btn {
box-sizing: border-box;
border-top: 1px solid #E4E4E4;
font-size: 18px;
}
.right-products.right-products--count-1 {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 550px;
width: 100%;
height: auto;
}
.right-products.right-products--count-1 .product-item {
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
border-bottom: 0;
}
.right-products.right-products--count-1 .prod-img {
width: calc(100% - 56px);
height: 380px;
margin: 0 auto;
object-fit: contain;
mix-blend-mode: normal;
}
.right-products.right-products--count-1 .prod-text-wrap {
padding-top: 22px;
}
.right-products.right-products--count-1 .prod-name,
.right-products.right-products--count-1 .prod-sku {
padding-left: 30px;
padding-right: 30px;
}
.right-products.right-products--count-1 .prod-name {
line-height: 38px;
}
.right-products.right-products--count-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-rows: 644px;
}
.right-products.right-products--count-2 .product-item {
height: 644px;
min-height: 644px;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 0 0 34px;
border-bottom: 0;
}
.right-products.right-products--count-2 .prod-img {
width: calc(100% - 56px);
height: 242px;
margin: 0 auto;
object-fit: cover;
mix-blend-mode: normal;
}
.right-products.right-products--count-2 .prod-text-wrap {
padding-top: 22px;
}
.right-products.right-products--count-2 .prod-name,
.right-products.right-products--count-2 .prod-sku {
padding-left: 30px;
padding-right: 30px;
}
.right-products.right-products--count-2 .prod-name {
line-height: 38px;
}
.right-products.right-products--count-3 .product-item:nth-child(1) {
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: flex-start;
padding: 0 40px 24px;
}
.right-products.right-products--count-3 .product-item:nth-child(1) .prod-img {
flex: 0 0 38%;
max-width: 38%;
height: 212px;
}
.right-products.right-products--count-3 .product-item:nth-child(1) .prod-text-wrap {
flex: 1 1 62%;
padding: 40px 0 40px 20px;
}
.right-products.right-products--count-3 .product-item:nth-child(1) .prod-name,
.right-products.right-products--count-3 .product-item:nth-child(1) .prod-sku {
padding-left: 0;
padding-right: 0;
}
.search-container {
max-width: 1296px;
}
.footer-legal-link {
text-align: left;
}
body {
font-size: 16px;
}
.blog-detail-main,
main#primary.site-main {
font-size: 16px;
}
.blog-content__inner h3,
.news-content__inner h3 {
font-size: 22px;
}
.product-series-breadcrumb__link {
font-size: 16px;
}
.product-series-breadcrumb__current {
font-size: 16px;
}
.product-series-breadcrumb__sep {
font-size: 16px;
}
.mro-title {
font-size: 28px;
}
.mro-description {
font-size: 16px;
}
.product-series-banner__btn {
font-size: 18px;
}
.product-series-banner__btn span {
font-size: 18px;
}
.product-series-filter__label {
font-size: 16px;
}
.page-template-page-product-series .product-series-search__text {
font-size: 16px;
}
.page-template-page-product-series .product-series-search__input {
font-size: 16px;
}
.page-template-page-product-series .product-series-search__submit {
font-size: 14px;
}
.page-template-page-product-series .product-series-filter-dropdown__search-input {
font-size: 14px;
}
.page-template-page-product-series .product-series-filter-dropdown__item {
font-size: 16px;
}
.page-template-page-product-series .product-series-filter-dropdown__title {
font-size: 14px;
}
.product-series-products__title {
font-size: 18px;
}
.product-series-products__sku {
font-size: 14px;
}
.product-series-pagination__number,
.product-series-pagination__dots {
font-size: 21px;
}
.product-series-contact__title {
font-size: 36px;
}
.product-series-contact__btn span {
font-size: 18px;
}
.hero-desc {
margin-bottom: 20px;
}
.new-section__btn {
font-size: 15px;
}
.faq-title {
font-size: 22px;
}
.faq-question-text {
font-size: 20px;
}
.faq-answer-text {
font-size: 14px;
}
.page-template-page-products-detail-mro .product-title {
font-size: 26px;
}
.page-template-page-products-detail-mro .product-sku {
font-size: 14px;
}
.page-template-page-products-detail-mro .description-text {
font-size: 14px;
}
.page-template-page-products-detail-mro .label {
font-size: 16px;
}
.page-template-page-products-detail-mro .size-btn {
font-size: 16px;
}
.page-template-page-products-detail-mro .close-modal {
font-size: 36px;
}
.page-template-page-products-detail-mro .main-title {
font-size: 28px;
}
.page-template-page-products-detail-mro .trait-description {
font-size: 16px;
}
.cta-btn {
font-size: 15px;
}
.page-template-page-products-detail-mro .product-parameters__th {
font-size: 26px;
line-height: 32px;
}
.tablepress .tp-icon-label {
font-size: 14px;
}
.page-template-page-products-detail-mro .product-parameters__td {
font-size: 20px;
line-height: 24px;
}
.page-template-page-products-detail-mro .product-parameters__label {
font-size: 18px;
}
.page-template-page-products-detail-mro .product-parameters__right .tablepress thead th {
font-size: 28px;
}
.page-template-page-products-detail-mro .product-parameters__right .tablepress tbody td {
font-size: 20px;
}
.xy-home-video-time-sep {
font-size: 24px;
}
.xy-404-product-name {
font-size: 24px;
margin-bottom: 30px;
}
.xy-404-product-btn {
font-size: 16px;
}
.blog-hero__title {
font-size: 26px;
}
.blog-hero__date {
font-size: 14px;
}
.blog-hero__desc {
font-size: 16px;
}
.blog-hero__hover-desc {
font-size: 16px;
}
.blog-subscribe__input {
font-size: 18px;
}
.blog-subscribe__btn {
font-size: 18px;
}
.blog-content__inner p {
font-size: 16px;
}
.blog-content__inner h3 {
font-size: 22px;
}
.blog-pagination__link {
font-size: 18px;
}
.other-blogs-title {
font-size: 24px;
}
.other-blogs-date {
font-size: 14px;
}
.other-blogs-title-text {
font-size: 18px;
}
.other-blogs-desc {
font-size: 14px;
}
.other-blogs-link {
font-size: 16px;
}
.v21-item-title {
font-size: 26px;
}
.v21-item-desc {
font-size: 14px;
}
.v21-date {
font-size: 16px;
}
.v21-news-pagination__number,
.v21-news-pagination__dots {
font-size: 21px;
}
.xy-about-banner-title {
font-size: 60px;
}
.xy-about-banner-subtitle {
font-size: 20px;
}
.xy-about-banner-desc {
font-size: 18px;
}
.xy-about-overview-title {
font-size: 36px;
}
.xy-about-overview-desc {
font-size: 14px;
}
.xy-about-overview-cell-title {
font-size: 18px;
}
.xy-about-overview-cell-desc {
font-size: 14px;
}
.xy-about-driven-title {
font-size: 28px;
}
.xy-about-driven-subtitle {
font-size: 36px;
}
.xy-about-driven-item h4 {
font-size: 26px;
}
.xy-about-driven-item p {
font-size: 14px;
}
.xy-about-driven-card-mask h3 {
font-size: 28px;
}
.xy-about-driven-card-mask p {
font-size: 18px;
}
.xy-about-title {
font-size: 32px;
}
.xy-about-foot-title {
font-size: 28px;
}
.xy-about-foot-header h3 {
font-size: 26px;
}
.xy-about-foot-header p {
font-size: 14px;
}
.xy-about-foot-stat-num {
font-size: 34px;
line-height: 39px;
}
.xy-about-foot-stat-label {
font-size: 18px;
line-height: 19px;
}
.xy-about-history-title {
font-size: 28px;
}
.xy-about-history-text h4 {
font-size: 26px;
}
.xy-about-history-text p {
font-size: 14px;
}
.xy-about-history-date {
font-size: 16px;
}
.xy-about-achieve-title {
font-size: 36px;
}
.xy-about-achieve-box-num {
font-size: 38px;
}
.xy-about-achieve-box-title {
font-size: 18px;
}
.xy-about-achieve-box-desc {
font-size: 14px;
}
.xy-contact-title {
font-size: 36px;
}
.xy-contact-detail-item {
font-size: 16px;
}
.xy-contact-form-desc {
font-size: 18px;
}
.xy-form-group input,
.xy-form-group textarea {
font-size: 16px;
}
.xy-form-group label {
font-size: 16px;
}
.xy-form-group input:focus~label,
.xy-form-group input:not(:placeholder-shown)~label,
.xy-form-group textarea:focus~label,
.xy-form-group textarea:not(:placeholder-shown)~label {
font-size: 16px;
}
.xy-contact-submit {
font-size: 18px;
}
.xy-local-faq-title {
font-size: 24px;
}
.xy-local-faq-head {
font-size: 16px;
}
.xy-local-faq-content {
font-size: 14px;
}
.xy-contact-blogs-title {
font-size: 24px;
}
.xy-contact-blogs-date {
font-size: 14px;
}
.xy-contact-blogs-title-text {
font-size: 18px;
}
.xy-contact-blogs-desc {
font-size: 14px;
}
.xy-contact-blogs-link {
font-size: 16px;
}
.xy-copyright-intro {
font-size: 14px;
}
.xy-copyright-paragraph {
font-size: 14px;
}
.xy-copyright-item {
font-size: 14px;
}
.xy-disclaimer-paragraph {
font-size: 14px;
}
.xy-disclaimer-item {
font-size: 14px;
}
.hero-banner-module .xy-elevators-hero-title {
font-size: 40px;
}
.hero-banner-module .xy-elevators-hero-subtitle {
font-size: 16px;
}
.xy-elevators-hero__title {
font-size: 52px;
}
.xy-elevators-hero__desc {
font-size: 16px;
}
.xy-elevators-hero__btn {
font-size: 18px;
}
.xy-elevators-feature__title {
font-size: 28px;
}
.xy-elevators-feature__text p {
font-size: 16px;
}
.xy-elevators-feature__spec-label {
font-size: 14px;
}
.xy-elevators-feature__spec-value {
font-size: 36px;
}
.xy-elevators-feature__spec-unit {
font-size: 18px;
}
.xy-elevators-feature__cta {
font-size: 18px;
}
.xy-elevators-lightbox__close {
font-size: 30px;
}
.xy-elevators-section__title {
font-size: 28px;
}
.xy-elevators-mod3__cta {
font-size: 18px;
}
.xy-elevators-mod3__label {
font-size: 14px;
}
.xy-elevators-mod3__value {
font-size: 38px;
}
.xy-elevators-mod3__desc {
font-size: 16px;
}
.xy-elevators-mod3b__value {
font-size: 36px;
}
.xy-elevators-mod3b__unit {
font-size: 18px;
}
.xy-elevators-mod3b__label {
font-size: 18px;
}
.xy-elevators-mod3b__desc {
font-size: 16px;
}
.xy-elevators-mod3b__cta {
font-size: 18px;
}
.xy-elevators-mod4__label {
font-size: 14px;
}
.xy-elevators-mod4__value {
font-size: 36px;
}
.xy-elevators-mod4__unit {
font-size: 18px;
}
.xy-elevators-card__name {
font-size: 15px;
}
.xy-elevators-card__meta {
font-size: 14px;
}
.xy-elevators-cta__text h3 {
font-size: 24px;
}
.xy-elevators-cta__text p {
font-size: 15px;
}
.xy-elevators-cta__text a {
font-size: 14px;
}
.xy-elevators-mod5__text h3 {
font-size: 26px;
}
.xy-elevators-mod5__text p {
font-size: 14px;
}
.xy-events-hero__title {
font-size: 28px;
}
.xy-events-hero__desc {
font-size: 16px;
}
.xy-explore-hero__title {
font-size: 28px;
}
.xy-explore-hero__desc {
font-size: 16px;
}
.xy-explore-hero__btn {
font-size: 18px;
}
.article-selector__item {
height: 60px;
min-height: 60px;
}
.article-selector__item:not(:last-child)::after {
height: 50px;
}
.article-selector__text {
font-size: 16px;
}
.article-selector-dropdown__title {
font-size: 16px;
}
.article-selector-dropdown__action-btn {
font-size: 16px;
}
.article-selector__option {
font-size: 16px;
}
.calendar-title {
font-size: 16px;
}
.calendar-weekdays {
font-size: 15px;
}
.day {
font-size: 14px;
}
.faq-hero-title {
font-size: 28px;
}
.faq-hero-desc {
font-size: 16px;
}
.faq-hero-link {
font-size: 18px;
}
.faq-search-input {
font-size: 16px;
}
.faq-tab {
font-size: 16px;
}
.faq-group-title {
font-size: 18px;
}
.faq-accordion-header {
font-size: 18px;
}
.faq-accordion-body-inner {
font-size: 16px;
}
.news-top-pagination__link {
font-size: 16px;
}
.news-header__title {
font-size: 28px;
}
.news-header__desc {
font-size: 16px;
}
.news-header__date {
font-size: 16px;
}
.news-content__inner p {
font-size: 16px;
}
.news-content__inner h3 {
font-size: 22px;
}
.news-content__inner blockquote {
font-size: 18px;
}
.news-subscribe-input {
font-size: 18px;
}
.news-subscribe-btn {
font-size: 18px;
}
.section-title-wrap h2 {
font-size: 28px;
}
.hero-banner-module .hero-breadcrumb {
font-size: 15px;
}
.hero-banner-module .hero-title {
font-size: 40px;
}
.hero-banner-module .hero-subtitle {
font-size: 16px;
}
.header-title {
font-size: 28px;
}
.feature-title {
font-size: 15px;
}
.feature-desc {
font-size: 14px;
}
.split-text h3 {
font-size: 36px;
}
.split-text li {
font-size: 20px;
}
.perf-title {
font-size: 28px;
}
.tab-item {
font-size: 16px;
}
.tab-item.active {
font-size: 18px;
}
.perf-content-title {
font-size: 26px;
}
.perf-content-desc {
font-size: 14px;
}
.overview-header h2 {
font-size: 28px;
}
.item-overlay h3 {
font-size: 18px;
}
.item-overlay p {
font-size: 14px;
}
.map-copy__title {
font-size: 28px;
}
.map-copy__desc {
font-size: 16px;
}
.stat-num {
font-size: 26px;
}
.stat-label {
font-size: 14px;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__hint {
font-size: 18px;
}
.solutions-module__title {
font-size: 28px;
}
.solutions-module__subheading {
font-size: 26px;
}
.solutions-module__desc {
font-size: 16px;
}
.solutions-module__link {
font-size: 16px;
}
.similar-products-module__title {
font-size: 28px;
}
.similar-products-module__name {
font-size: 18px;
}
.similar-products-module__sku {
font-size: 14px;
}
.similar-products-module__link {
font-size: 16px;
}
.svc-section-title {
font-size: 28px;
}
.svc-hero-title {
font-size: 28px;
}
.svc-hero-desc {
font-size: 16px;
}
.svc-hero-link-text {
font-size: 18px;
}
.svc-fm-item-title {
font-size: 18px;
}
.svc-fm-item-subtitle {
font-size: 16px;
}
.svc-fm-process-title {
font-size: 28px;
}
.svc-fm-process-item {
font-size: 18px;
}
.svc-fm-stat-num {
font-size: 26px;
}
.svc-fm-stat-desc {
font-size: 14px;
}
.svc-sol-content h3 {
font-size: 28px;
}
.svc-sol-content p {
font-size: 16px;
}
.svc-cs-tab {
font-size: 20px;
}
.svc-cs-img-tooltip {
font-size: 13px;
}
.svc-cs-block h3 {
font-size: 26px;
}
.svc-cs-block>p {
font-size: 16px;
}
.svc-cs-sub h4 {
font-size: 18px;
}
.svc-cs-sub p {
font-size: 14px;
}
.svc-cs-param-name {
font-size: 14px;
}
.svc-cs-param-val {
font-size: 16px;
}
.svc-cs-contact-btn {
font-size: 18px;
}
.solutions-hero__title {
font-size: 28px;
}
.solutions-hero__desc {
font-size: 16px;
}
.tabs-title {
font-size: 20px;
}
.scene-title-dropdown .scene-title-option {
font-size: 16px;
}
.left-content h2 {
font-size: 26px;
line-height: 32px;
}
.left-content p,
.left-content #scene-content-desc p {
font-size: 16px;
}
.prod-name {
font-size: 18px;
}
.prod-sku {
font-size: 14px;
}
.main-title {
font-size: 28px;
}
.item-title {
font-size: 20px;
}
.layout-header-v3 h2 {
font-size: 36px;
}
.info-bundle-v3 h3 {
font-size: 26px;
}
.info-bundle-v3 p {
font-size: 16px;
}
.v24-main-title {
font-size: 28px;
}
.v24-step-title {
font-size: 18px;
}
.v24-step-desc {
font-size: 16px;
}
.v25-section-title {
font-size: 28px;
}
.v25-item-text {
font-size: 18px;
}
.v25-item-desc {
font-size: 16px;
}
.v26-supply-chain__title {
font-size: 28px;
}
.v26-supply-chain__nav-item {
font-size: 16px;
}
.v26-supply-chain__subtitle {
font-size: 26px;
}
.v26-supply-chain__text {
font-size: 14px;
}
.sustainability-roadmap__title {
font-size: 28px;
}
.sustainability-roadmap__year {
font-size: 14px;
}
.sustainability-roadmap__stage {
font-size: 26px;
}
.sustainability-roadmap__intro {
font-size: 14px;
}
.sustainability-roadmap__points li {
font-size: 14px;
}
.related-blogs__title {
font-size: 28px;
}
.related-blogs__date {
font-size: 18px;
}
.related-blogs__heading {
font-size: 18px;
}
.related-blogs__desc {
font-size: 14px;
}
.related-blogs__link {
font-size: 18px;
}
.xy-regularities-intro {
font-size: 14px;
}
.xy-regularities-paragraph {
font-size: 14px;
}
.xy-regularities-item {
font-size: 14px;
}
.wcu-subtitle {
font-size: 16px;
line-height: 40px;
}
.wcu-sec-title {
font-size: 20px;
}
.wcu-title {
font-size: 34px;
line-height: 50px;
}
.wcu-list li {
font-size: 26px;
line-height: 36px;
}
.wcu-rnd-title {
font-size: 28px;
}
.wcu-rnd-heading {
font-size: 36px;
}
.wcu-achieve-title {
font-size: 26px;
}
.wcu-achieve-num {
font-size: 26px;
line-height: 40px;
}
.wcu-achieve-desc {
font-size: 14px;
}
.wcu-qm-title {
font-size: 36px;
}
.wcu-qm-desc {
font-size: 14px;
}
.wcu-qm-item-title {
font-size: 20px;
}
.wcu-qm-item-desc {
font-size: 20px;
}
.modular-solutions-exclusive-v5 .main-label-v5 {
font-size: 28px;
}
.modular-solutions-exclusive-v5 .heading-v5 {
font-size: 28px;
}
.modular-solutions-exclusive-v5 .para-v5 {
font-size: 16px;
}
.ms-bottom-title-v5 {
font-size: 28px;
}
.ms-bottom-desc-v5 {
font-size: 14px;
}
.xy-chat-badge {
font-size: 15px;
}
.xy-chat-header h4 {
font-size: 14px;
}
.xy-chat-header span {
font-size: 13px;
}
.xy-chat-close {
font-size: 20px;
}
.xy-chat-msg {
font-size: 13px;
}
.xy-chat-time {
font-size: 15px;
}
.xy-chat-email-input-wrapper input {
font-size: 13px;
}
.xy-chat-error {
font-size: 13px;
}
.xy-chat-questions button {
font-size: 13px;
}
.xy-chat-footer input {
font-size: 13px;
}
.product-series-breadcrumb__grid {
max-width: 1296px !important;
margin: 0 auto !important;
}
.product-series-breadcrumb {
max-width: 1296px;
margin: 0 auto;
}
.left-content p {
line-height: 26px;
font-size: 14px;
}
.product-series-breadcrumb__back {
width: 100%;
}
.xy-404-content {
flex: 1;
padding-top: 60px;
padding-left: 40px;
padding-right: 40px;
}
.xy-404-product-image {
margin-bottom: 30px;
}
.xy-404-product-info {
padding: 0;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__nav {
position: fixed;
bottom: 0;
transform: translatey(-50%);
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__nav--prev {
left: 24px;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__nav--next {
right: 24px;
}
.xy-elevators-divider,
.hero-banner-divider,
.hero-banner-module,
.xy-elevators-feature,
.xy-elevators-section:not(.xy-elevators-mod5),
.xy-elevators-mod5-images,
.xy-elevators-mod5__content {
max-width: min(1216px, calc(100vw - 56px));
}
.xy-elevators-mod3b__layout {
height: 700px;
}
.xy-elevators-mod3__tile--info {
padding: 40px;
}
.xy-elevators-mod5-images {
padding-block: 48px;
padding-inline: 32px;
gap: 40px;
}
.xy-elevators-mod5-images__img50 {
padding: 48px;
}
.xy-elevators-feature__head,
.xy-elevators-section__head {
padding: 50px 40px;
}
.xy-elevators-feature__title,
.xy-elevators-section__title {
padding-left: 0;
font-size: 30px;
}
.xy-elevators-feature__accent,
.xy-elevators-section__accent {
height: 30px;
}
.hero-banner-module .hero-banner {
height: clamp(360px, calc(var(--xy-visual-vh, 100vh) * 0.8), 620px);
}
.hero-banner-module .hero-content {
padding: 50px 56px 46px;
max-width: 800px;
}
.hero-banner-module .hero-banner-strip {
height: 106px;
}
.xy-elevators-mod5 {
--xy-mod5-line-x: 40px;
--xy-mod5-line-y: 0;
}
.xy-elevators-mod4__layout {
grid-template-rows: 210px 210px 210px;
gap: 20px;
}
.hero-content {
padding-bottom: 60px;
}
.svc-mobile-menu-drawer,
.svc-mobile-menu-overlay {
display: none !important;
}
.scene-title-drawer,
.scene-title-drawer-overlay {
display: none !important;
}
}
@media (min-width: 1513px) and (max-width: 1599.98px) {
.page-template-page-product-series .product-series-filters__bar {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
align-items: stretch;
}
.page-template-page-product-series .product-series-filter--type,
.page-template-page-product-series .product-series-filter-dropdown-wrap--application,
.page-template-page-product-series .product-series-search {
width: 100%;
}
.page-template-page-product-series .product-series-filter--type,
.page-template-page-product-series .product-series-filter--application,
.page-template-page-product-series .product-series-search {
min-width: 0;
height: 100%;
justify-content: center;
}
.page-template-page-product-series .product-series-filter-dropdown-wrap--application,
.page-template-page-product-series .product-series-filter-dropdown-wrap--type {
display: flex;
align-items: stretch;
}
.page-template-page-product-series .product-series-filter--application,
.page-template-page-product-series .product-series-filter--type {
width: 100%;
}
.page-template-page-product-series .product-series-filters__bar.is-search-open {
grid-template-columns: minmax(0, 1fr);
}
.xy-404-container {
padding: 0 40px;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
gap: 0;
}
.xy-404-title {
margin-bottom: 30px;
font-size: 120px;
}
.xy-404-text {
font-size: 20px;
}
.xy-404-product {
padding-left: 40px;
padding-top: 60px;
padding-bottom: 60px;
padding-right: 40px;
flex: 1;
border: none;
border-left: 1px solid #eee;
max-width: 500px;
}
.xy-copyright-container {
padding: 50px 40px;
}
.xy-copyright-header::before {
height: 28px;
}
.xy-copyright-title {
font-size: 32px;
}
.xy-copyright-intro,
.xy-copyright-paragraph,
.xy-copyright-item {
font-size: 16px;
}
.xy-copyright-subtitle {
font-size: 24px;
}
.xy-copyright-paragraph,
.xy-copyright-item {
font-size: 16px;
}
.xy-disclaimer-container {
padding: 50px 40px;
}
.xy-disclaimer-header::before {
height: 28px;
}
.xy-disclaimer-title {
font-size: 32px;
}
.xy-disclaimer-paragraph,
.xy-disclaimer-item {
font-size: 16px;
}
.xy-disclaimer-subtitle {
font-size: 24px;
}
.xy-policies-container {
padding: 50px 40px;
}
.xy-policies-header::before {
height: 28px;
}
.xy-policies-title {
font-size: 32px;
}
.xy-policies-intro {
margin-bottom: 50px;
font-size: 16px;
}
.xy-policies-subtitle {
margin-bottom: 25px;
font-size: 24px;
}
.xy-policies-item {
margin-bottom: 25px;
font-size: 16px;
}
.xy-policies-paragraph {
margin-bottom: 25px;
font-size: 16px;
}
.xy-regulatory-container {
padding: 50px 40px;
}
.xy-regulatory-header::before {
height: 28px;
}
.xy-regulatory-title {
font-size: 32px;
}
.xy-regulatory-paragraph {
font-size: 16px;
}
.xy-regulatory-subtitle {
font-size: 24px;
}
.xy-regularities-container {
padding: 50px 40px;
}
.xy-regularities-header::before {
height: 28px;
}
.xy-regularities-title {
font-size: 32px;
}
.xy-regularities-intro,
.xy-regularities-paragraph,
.xy-regularities-item {
font-size: 16px;
}
.xy-regularities-subtitle {
font-size: 24px;
}
.xy-cookies-container {
padding: 40px;
gap: 40px;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.xy-cookies-title {
font-size: 28px;
margin-bottom: 15px;
}
.xy-cookies-text {
font-size: 15px;
}
.xy-cookies-actions {
min-width: 250px;
width: auto;
flex-shrink: 0;
}
.xy-cookies-btn {
padding: 15px 30px;
font-size: 16px;
}
.page-template-page-product-series .product-series-filter-dropdown__footer {
display: none !important;
}
.d-lg-none {
display: none !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-flex {
display: flex !important;
}
.page-template-page-products-detail-mro .why-choose-us .container-wrapper {
max-width: 1296px;
margin: 0 auto;
}
.page-template-page-products-detail-mro .why-choose-us__grid {
display: grid;
grid-template-rows: auto auto;
position: relative;
max-width: 1296px;
margin: 0 auto;
}
.page-template-page-products-detail-mro .why-choose-us__line-v {
width: 1px;
background: #E4E4E4;
grid-row: 1/3;
}
.page-template-page-products-detail-mro .why-choose-us__line-v--left {
grid-column: 1;
justify-self: end;
}
.page-template-page-products-detail-mro .why-choose-us__line-v--right {
grid-column: 5;
justify-self: start;
grid-row: 2/3;
}
.page-template-page-products-detail-mro .why-choose-us__grid .section-header {
grid-column: 2/5;
grid-row: 1;
width: 100%;
box-sizing: border-box;
}
.page-template-page-products-detail-mro .why-choose-us__line-h {
display: block;
height: 1px;
background: #E4E4E4;
grid-column: 1/-1;
grid-row: 1;
align-self: end;
}
.page-template-page-products-detail-mro .why-choose-us__grid .traits-grid {
grid-column: 2/5;
grid-row: 2;
border-top: none;
}
.site-header--transparent {
background: linear-gradient(180deg, #231815 0%, rgba(35, 24, 21, 0) 100%);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
}
.site-header.site-header--transparent,
.site-header.site-header--sticky {
height: auto;
padding: 20px;
}
.site-header.site-header--transparent .header-container,
.site-header.site-header--sticky .header-container {
height: auto;
}
.site-header.site-header--transparent .header-main-wrapper,
.site-header.site-header--sticky .header-main-wrapper {
justify-content: space-between;
}
.site-header.site-header--transparent .main-navigation,
.site-header.site-header--sticky .main-navigation {
margin-left: 82px;
}
.site-header.site-header--transparent .header-actions,
.site-header.site-header--sticky .header-actions {
gap: 50px;
margin-left: 60px;
}
.site-header.site-header--transparent .header-actions .mr-4,
.site-header.site-header--sticky .header-actions .mr-4 {
margin-right: 0;
}
.site-header--transparent .nav-menu>li>a {
font-weight: 600;
color: #EDEDED;
}
.site-header--transparent .lang-toggle {
font-weight: 500;
color: #EDEDED;
gap: 12px;
font-size: 16px;
}
.site-header--transparent .btn-icon {
color: #EDEDED;
}
.site-header--transparent .btn-contact {
padding: 21px 20px;
border-radius: 0;
background-color: #007DBF;
transition: background-color 0.3s ease;
}
.site-header--transparent .btn-contact:hover {
background-color: #0C2F62;
}
.site-header--transparent .btn-contact:active,
.site-header--transparent .btn-contact.is-active {
background-color: #007DBF;
}
.header-search-trigger {
background: none;
border: none;
padding: 0;
cursor: pointer;
color: #EDEDED;
display: inline-flex;
align-items: center;
gap: 10px;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
line-height: 1;
font-size: 16px;
}
.header-search-text {
display: inline-block;
}
#full-width-search.search-overlay {
background: #F3F5F7;
}
#full-width-search .search-bar {
padding: 0 52px 0 42px;
}
#full-width-search .search-form {
display: flex;
align-items: center;
gap: 0;
flex: 1;
color: #231815;
height: 100%;
}
#full-width-search .search-icon {
margin-right: 10px;
}
#full-width-search .search-input-box {
display: flex;
align-items: center;
flex: 0 1 auto;
min-width: 0;
}
#full-width-search .search-field {
color: #231815;
flex: 0 0 auto;
width: 100%;
min-width: 0;
caret-color: #231815;
}
#full-width-search .search-input-box>span {
color: #231815;
margin-left: -5px;
flex-shrink: 0;
}
#full-width-search .search-field::placeholder {
color: #231815;
opacity: 1;
}
#full-width-search .search-divider {
background: #231815;
margin-left: 10px;
margin-right: 20px;
}
#full-width-search .search-submit {
background: #007DBF;
margin-left: auto;
transition: background-color 0.3s ease;
}
#full-width-search .search-submit:hover {
background: #0C2F62;
}
#full-width-search .search-submit:active,
#full-width-search .search-submit.is-active {
background: #007DBF;
}
.nav-menu>li>a:hover,
.nav-menu>li>a:active,
.nav-menu>li>a:focus {
color: #007DBF;
}
.language-selector.is-open .lang-toggle,
.language-selector:hover .lang-toggle {
color: #007DBF;
}
.site-header--sticky .nav-menu>li>a {
font-weight: 600;
color: #231815;
}
.site-header--sticky .lang-toggle {
font-weight: 500;
color: #231815;
gap: 12px;
font-size: 16px;
}
.site-header--sticky .btn-icon {
color: #EDEDED;
}
.site-header--sticky .header-search-trigger {
color: #231815;
}
.site-header--sticky .btn-contact {
background-color: #003B90;
transition: background-color 0.3s ease;
}
.site-header--sticky .btn-contact:hover {
background-color: #0C2F62;
}
.site-header--sticky .btn-contact:active,
.site-header--sticky .btn-contact.is-active {
background-color: #007DBF;
}
.language-selector {
position: static;
}
.lang-dropdown {
position: fixed;
left: 0;
top: 124px;
width: 100vw;
height: 502px;
background: rgba(0, 0, 0, 0.8);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
padding: 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
z-index: 30010;
overflow-x: hidden;
overflow-y: hidden;
}
.language-selector:hover .lang-dropdown {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.language-selector.is-open .lang-dropdown,
.language-selector.is-hover .lang-dropdown {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.lang-grid {
display: grid;
grid-template-columns: 636px minmax(0, 1fr);
height: 100%;
}
.lang-col--left {
height: 100%;
display: flex;
flex-direction: column;
}
.lang-col--right {
height: 100%;
}
.lang-dropdown a {
width: 100%;
display: flex;
font-family: "Archivo", sans-serif;
font-weight: 400;
line-height: 1;
color: #EDEDED;
text-decoration: none;
padding-left: 21px;
position: relative;
z-index: 1;
height: 60px;
align-items: center;
font-size: 20px;
}
.lang-dropdown a.active {
color: #007DBF;
}
.lang-dropdown a:hover {
color: #007DBF;
}
.lang-dropdown a.active::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translatey(-50%);
width: 636px;
height: 60px;
z-index: -1;
pointer-events: none;
}
.nav-menu>li.nav-mega>.dropdown-menu-wrapper {
position: fixed;
left: 0;
top: 100px;
transform: none;
width: 100vw;
height: 502px;
background: rgba(0, 0, 0, 0.8);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
padding: 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
z-index: 30010;
overflow-x: hidden;
overflow-y: hidden;
}
.nav-menu>li.nav-mega:hover>.dropdown-menu-wrapper,
.nav-menu>li.nav-mega.is-open>.dropdown-menu-wrapper,
.nav-menu>li.nav-mega.is-hover>.dropdown-menu-wrapper,
.nav-menu>li.nav-mega.is-click-open>.dropdown-menu-wrapper {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.nav-mega-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
align-items: stretch;
height: 100%;
}
.nav-mega-col--left {
height: 100%;
}
.nav-mega-col--right {
height: 100%;
}
.nav-mega-list {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
}
.nav-mega-item {
width: 100%;
height: 60px;
display: flex;
align-items: center;
font-family: "Archivo", sans-serif;
font-weight: 400;
line-height: 1;
color: #EDEDED;
text-decoration: none;
padding-left: 21px;
box-sizing: border-box;
font-size: 20px;
}
.nav-mega-item.is-active,
.nav-mega-item:hover {
color: #007DBF;
}
.nav-mega-all {
width: 100%;
padding-left: 21px;
margin-left: 0;
margin-top: auto;
margin-bottom: 0;
gap: 12px;
border-top: 1px solid rgba(228, 228, 228, 0.1);
border-bottom: 1px solid rgba(228, 228, 228, 0.1);
}
.nav-mega-all svg path {
stroke: currentColor;
}
.nav-mega-media {
width: 100%;
justify-self: end;
height: 100%;
overflow: hidden;
}
.menu-grid {
display: grid;
grid-template-columns: 120px minmax(0, 1fr) 120px;
grid-template-rows: 440px 62px;
width: 100%;
height: 100%;
}
.menu-main {
height: 100%;
overflow: hidden;
}
.menu-frame {
position: absolute;
inset: 0;
pointer-events: none;
}
.menu-frame-line {
position: absolute;
background-color: #E4E4E41A;
}
.menu-frame-line--top {
left: 0;
top: 0;
width: 100%;
height: 1px;
}
.menu-frame-line--bottom {
left: 0;
bottom: 0;
width: 100%;
height: 1px;
}
.menu-frame-line--left {
left: 0;
top: 0;
width: 1px;
height: 100%;
}
.menu-frame-line--right {
right: 0;
top: 0;
width: 1px;
height: 100%;
}
.menu-frame-line--v1 {
left: 120px;
top: 0;
width: 1px;
height: 100%;
}
.menu-frame-line--v2 {
right: 120px;
top: 0;
width: 1px;
height: 100%;
}
.menu-frame-line--row {
left: 0;
top: 440px;
width: 100%;
height: 1px;
}
.menu-frame-line--inner {
left: 756px;
top: 0;
width: 1px;
height: 440px;
}
.nav-mega-image {
width: 100%;
height: 440px;
display: block;
object-fit: cover;
padding: 20px;
box-sizing: border-box;
}
.footer-frame {
--footer-cols-total: 4.5;
--footer-col-unit: calc(100% / var(--footer-cols-total));
--footer-col-3: calc(var(--footer-col-unit) * 3);
}
.footer-social-top {
display: grid;
grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.9fr) minmax(0, 0.9fr) minmax(0, 1.5fr);
}
.footer-social-top::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: var(--footer-col-3);
width: 1px;
transform: translatex(-0.5px);
pointer-events: none;
}
.footer-social--top {
grid-column: 4;
justify-content: flex-start;
padding-left: 40px;
}
.footer-top {
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.2fr) minmax(0, 0.9fr) minmax(0, 1.5fr);
gap: 0;
border-top: 0;
position: relative;
align-items: stretch;
}
.footer-top::before {
content: "";
position: absolute;
left: 50%;
top: 0;
width: 100vw;
height: 1px;
transform: translatex(-50%);
pointer-events: none;
}
.footer-nav {
display: contents;
}
.footer-nav::before {
display: none;
}
.footer-col--company {
grid-column: 1;
padding: 0 20px;
}
.footer-col--products {
grid-column: 2;
}
.footer-col--services {
grid-column: 3;
}
.footer-side {
grid-column: 4;
height: 100%;
}
.footer-side-top {
height: 100%;
}
.footer-side .footer-social--desktop,
.footer-side .footer-social--mobile {
display: none;
}
.footer-subscribe {
margin-top: auto;
}
.footer-bottom {
position: relative;
max-width: 1296px;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
padding-right: 40px;
padding-bottom: 60px;
justify-content: flex-start;
flex-wrap: nowrap;
padding-top: 43px;
}
.footer-bottom::before {
content: "";
position: absolute;
left: 50%;
top: 0;
width: 100vw;
height: 1px;
transform: translatex(-50%);
pointer-events: none;
}
#masthead.site-header.site-header--transparent {
width: 100%;
background: linear-gradient(180deg, #231815 0%, rgba(35, 24, 21, 0) 100%) !important;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
position: absolute;
}
#masthead.site-header.site-header--transparent .custom-logo--default {
display: block !important;
}
#masthead.site-header.site-header--transparent .custom-logo--sticky {
display: none !important;
}
#masthead.site-header.site-header--transparent .nav-menu>li>a {
color: #EDEDED !important;
}
#masthead.site-header.site-header--transparent .lang-toggle {
color: #EDEDED !important;
}
#masthead.site-header.site-header--transparent .header-search-trigger {
color: #EDEDED !important;
}
#masthead.site-header.site-header--transparent .btn-contact {
color: #EDEDED !important;
border-color: #EDEDED !important;
}
#masthead.site-header.site-header--transparent .btn-icon {
color: #EDEDED !important;
}
.page-template-page-products-detail-mro .carousel-container {
border-top: 1px solid #E4E4E4;
}
.page-template-page-products-detail-mro .contact-btn {
box-sizing: border-box;
border-top: 1px solid #E4E4E4;
font-size: 18px;
}
.right-products.right-products--count-1 {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 550px;
width: 100%;
height: auto;
}
.right-products.right-products--count-1 .product-item {
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
border-bottom: 0;
}
.right-products.right-products--count-1 .prod-img {
width: calc(100% - 56px);
height: 380px;
margin: 0 auto;
object-fit: contain;
mix-blend-mode: normal;
}
.right-products.right-products--count-1 .prod-text-wrap {
padding-top: 22px;
}
.right-products.right-products--count-1 .prod-name,
.right-products.right-products--count-1 .prod-sku {
padding-left: 30px;
padding-right: 30px;
}
.right-products.right-products--count-1 .prod-name {
line-height: 38px;
}
.right-products.right-products--count-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-rows: 644px;
}
.right-products.right-products--count-2 .product-item {
height: 644px;
min-height: 644px;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 0 0 34px;
border-bottom: 0;
}
.right-products.right-products--count-2 .prod-img {
width: calc(100% - 56px);
height: 242px;
margin: 0 auto;
object-fit: cover;
mix-blend-mode: normal;
}
.right-products.right-products--count-2 .prod-text-wrap {
padding-top: 22px;
}
.right-products.right-products--count-2 .prod-name,
.right-products.right-products--count-2 .prod-sku {
padding-left: 30px;
padding-right: 30px;
}
.right-products.right-products--count-2 .prod-name {
line-height: 38px;
}
.right-products.right-products--count-3 .product-item:nth-child(1) {
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: flex-start;
padding: 0 40px 24px;
}
.right-products.right-products--count-3 .product-item:nth-child(1) .prod-img {
flex: 0 0 38%;
max-width: 38%;
height: 212px;
}
.right-products.right-products--count-3 .product-item:nth-child(1) .prod-text-wrap {
flex: 1 1 62%;
padding: 40px 0 40px 20px;
}
.right-products.right-products--count-3 .product-item:nth-child(1) .prod-name,
.right-products.right-products--count-3 .product-item:nth-child(1) .prod-sku {
padding-left: 0;
padding-right: 0;
}
.search-container {
max-width: 1296px;
}
.footer-legal-link {
text-align: left;
}
body {
font-size: 16px;
}
.blog-detail-main,
main#primary.site-main {
font-size: 16px;
}
.blog-content__inner h3,
.news-content__inner h3 {
font-size: 22px;
}
.product-series-breadcrumb__link {
font-size: 16px;
}
.product-series-breadcrumb__current {
font-size: 16px;
}
.product-series-breadcrumb__sep {
font-size: 16px;
}
.mro-title {
font-size: 28px;
}
.mro-description {
font-size: 16px;
}
.product-series-banner__btn {
font-size: 18px;
}
.product-series-banner__btn span {
font-size: 18px;
}
.product-series-filter__label {
font-size: 16px;
}
.page-template-page-product-series .product-series-search__text {
font-size: 16px;
}
.page-template-page-product-series .product-series-search__input {
font-size: 16px;
}
.page-template-page-product-series .product-series-search__submit {
font-size: 14px;
}
.page-template-page-product-series .product-series-filter-dropdown__search-input {
font-size: 14px;
}
.page-template-page-product-series .product-series-filter-dropdown__item {
font-size: 16px;
}
.page-template-page-product-series .product-series-filter-dropdown__title {
font-size: 14px;
}
.product-series-products__title {
font-size: 18px;
}
.product-series-products__sku {
font-size: 14px;
}
.product-series-pagination__number,
.product-series-pagination__dots {
font-size: 21px;
}
.product-series-contact__title {
font-size: 36px;
}
.product-series-contact__btn span {
font-size: 18px;
}
.new-section__btn {
font-size: 15px;
}
.faq-title {
font-size: 22px;
}
.faq-question-text {
font-size: 21px;
}
.faq-answer-text {
font-size: 14px;
}
.page-template-page-products-detail-mro .product-title {
font-size: 26px;
}
.page-template-page-products-detail-mro .product-sku {
font-size: 14px;
}
.page-template-page-products-detail-mro .description-text {
font-size: 14px;
}
.page-template-page-products-detail-mro .label {
font-size: 16px;
}
.page-template-page-products-detail-mro .size-btn {
font-size: 16px;
}
.page-template-page-products-detail-mro .close-modal {
font-size: 36px;
}
.page-template-page-products-detail-mro .main-title {
font-size: 28px;
}
.page-template-page-products-detail-mro .trait-description {
font-size: 16px;
}
.cta-btn {
font-size: 15px;
}
.page-template-page-products-detail-mro .product-parameters__th {
font-size: 28px;
}
.tablepress .tp-icon-label {
font-size: 14px;
}
.page-template-page-products-detail-mro .product-parameters__td {
font-size: 20px;
}
.page-template-page-products-detail-mro .product-parameters__label {
font-size: 18px;
}
.page-template-page-products-detail-mro .product-parameters__right .tablepress thead th {
font-size: 28px;
}
.page-template-page-products-detail-mro .product-parameters__right .tablepress tbody td {
font-size: 20px;
}
.xy-home-video-time-sep {
font-size: 24px;
}
.xy-404-product-name {
font-size: 24px;
margin-bottom: 30px;
}
.xy-404-product-btn {
font-size: 16px;
}
.blog-hero__title {
font-size: 26px;
}
.blog-hero__date {
font-size: 14px;
}
.blog-hero__desc {
font-size: 16px;
}
.blog-hero__hover-desc {
font-size: 16px;
}
.blog-subscribe__input {
font-size: 18px;
}
.blog-subscribe__btn {
font-size: 18px;
}
.blog-content__inner p {
font-size: 16px;
}
.blog-content__inner h3 {
font-size: 22px;
}
.blog-pagination__link {
font-size: 18px;
}
.other-blogs-title {
font-size: 24px;
}
.other-blogs-date {
font-size: 14px;
}
.other-blogs-title-text {
font-size: 18px;
}
.other-blogs-desc {
font-size: 14px;
}
.other-blogs-link {
font-size: 16px;
}
.v21-item-title {
font-size: 26px;
}
.v21-item-desc {
font-size: 14px;
}
.v21-date {
font-size: 16px;
}
.v21-news-pagination__number,
.v21-news-pagination__dots {
font-size: 21px;
}
.xy-about-banner-title {
font-size: 60px;
}
.xy-about-banner-subtitle {
font-size: 20px;
}
.xy-about-banner-desc {
font-size: 18px;
}
.xy-about-overview-title {
font-size: 36px;
}
.xy-about-overview-desc {
font-size: 14px;
}
.xy-about-overview-cell-title {
font-size: 18px;
}
.xy-about-overview-cell-desc {
font-size: 14px;
}
.xy-about-driven-title {
font-size: 28px;
}
.xy-about-driven-subtitle {
font-size: 36px;
}
.xy-about-driven-item h4 {
font-size: 28px;
}
.xy-about-driven-item p {
font-size: 14px;
}
.xy-about-driven-card-mask h3 {
font-size: 28px;
}
.xy-about-driven-card-mask p {
font-size: 18px;
}
.xy-about-title {
font-size: 32px;
}
.xy-about-foot-title {
font-size: 28px;
}
.xy-about-foot-header h3 {
font-size: 26px;
}
.xy-about-foot-header p {
font-size: 14px;
}
.xy-about-foot-stat-num {
font-size: 46px;
}
.xy-about-foot-stat-label {
font-size: 18px;
}
.xy-about-history-title {
font-size: 28px;
}
.xy-about-history-text h4 {
font-size: 26px;
}
.xy-about-history-text p {
font-size: 14px;
}
.xy-about-history-date {
font-size: 16px;
}
.xy-about-achieve-title {
font-size: 36px;
}
.xy-about-achieve-box-num {
font-size: 38px;
}
.xy-about-achieve-box-title {
font-size: 18px;
}
.xy-about-achieve-box-desc {
font-size: 14px;
}
.xy-contact-title {
font-size: 36px;
}
.xy-contact-detail-item {
font-size: 16px;
}
.xy-contact-form-desc {
font-size: 18px;
}
.xy-form-group input,
.xy-form-group textarea {
font-size: 16px;
}
.xy-form-group label {
font-size: 16px;
}
.xy-form-group input:focus~label,
.xy-form-group input:not(:placeholder-shown)~label,
.xy-form-group textarea:focus~label,
.xy-form-group textarea:not(:placeholder-shown)~label {
font-size: 16px;
}
.xy-contact-submit {
font-size: 18px;
}
.xy-local-faq-title {
font-size: 24px;
}
.xy-local-faq-head {
font-size: 16px;
}
.xy-local-faq-content {
font-size: 14px;
}
.xy-contact-blogs-title {
font-size: 24px;
}
.xy-contact-blogs-date {
font-size: 14px;
}
.xy-contact-blogs-title-text {
font-size: 18px;
}
.xy-contact-blogs-desc {
font-size: 14px;
}
.xy-contact-blogs-link {
font-size: 16px;
}
.xy-copyright-intro {
font-size: 14px;
}
.xy-copyright-paragraph {
font-size: 14px;
}
.xy-copyright-item {
font-size: 14px;
}
.xy-disclaimer-paragraph {
font-size: 14px;
}
.xy-disclaimer-item {
font-size: 14px;
}
.hero-banner-module .xy-elevators-hero-title {
font-size: 44px;
}
.hero-banner-module .xy-elevators-hero-subtitle {
font-size: 16px;
}
.xy-elevators-hero__title {
font-size: 52px;
}
.xy-elevators-hero__desc {
font-size: 16px;
}
.xy-elevators-hero__btn {
font-size: 18px;
}
.xy-elevators-feature__title {
font-size: 28px;
}
.xy-elevators-feature__text p {
font-size: 16px;
}
.xy-elevators-feature__spec-label {
font-size: 14px;
}
.xy-elevators-feature__spec-value {
font-size: 36px;
}
.xy-elevators-feature__spec-unit {
font-size: 18px;
}
.xy-elevators-feature__cta {
font-size: 18px;
}
.xy-elevators-lightbox__close {
font-size: 30px;
}
.xy-elevators-section__title {
font-size: 28px;
}
.xy-elevators-mod3__cta {
font-size: 18px;
}
.xy-elevators-mod3__label {
font-size: 14px;
}
.xy-elevators-mod3__value {
font-size: 40px;
}
.xy-elevators-mod3__desc {
font-size: 16px;
}
.xy-elevators-mod3b__value {
font-size: 36px;
}
.xy-elevators-mod3b__unit {
font-size: 18px;
}
.xy-elevators-mod3b__label {
font-size: 18px;
}
.xy-elevators-mod3b__desc {
font-size: 16px;
}
.xy-elevators-mod3b__cta {
font-size: 18px;
}
.xy-elevators-mod4__label {
font-size: 14px;
}
.xy-elevators-mod4__value {
font-size: 36px;
}
.xy-elevators-mod4__unit {
font-size: 18px;
}
.xy-elevators-card__name {
font-size: 15px;
}
.xy-elevators-card__meta {
font-size: 14px;
}
.xy-elevators-cta__text h3 {
font-size: 24px;
}
.xy-elevators-cta__text p {
font-size: 15px;
}
.xy-elevators-cta__text a {
font-size: 14px;
}
.xy-elevators-mod5__text h3 {
font-size: 26px;
}
.xy-elevators-mod5__text p {
font-size: 14px;
}
.xy-events-hero__title {
font-size: 28px;
}
.xy-events-hero__desc {
font-size: 16px;
}
.xy-explore-hero__title {
font-size: 28px;
}
.xy-explore-hero__desc {
font-size: 16px;
}
.xy-explore-hero__btn {
font-size: 18px;
}
.article-selector__item {
height: 60px;
min-height: 60px;
}
.article-selector__item:not(:last-child)::after {
height: 50px;
}
.article-selector__text {
font-size: 16px;
}
.article-selector-dropdown__title {
font-size: 16px;
}
.article-selector-dropdown__action-btn {
font-size: 16px;
}
.article-selector__option {
font-size: 16px;
}
.calendar-title {
font-size: 16px;
}
.calendar-weekdays {
font-size: 15px;
}
.day {
font-size: 14px;
}
.faq-hero-title {
font-size: 28px;
}
.faq-hero-desc {
font-size: 16px;
}
.faq-hero-link {
font-size: 18px;
}
.faq-search-input {
font-size: 16px;
}
.faq-tab {
font-size: 16px;
}
.faq-group-title {
font-size: 18px;
}
.faq-accordion-header {
font-size: 18px;
}
.faq-accordion-body-inner {
font-size: 16px;
}
.news-top-pagination__link {
font-size: 16px;
}
.news-header__title {
font-size: 28px;
}
.news-header__desc {
font-size: 16px;
}
.news-header__date {
font-size: 16px;
}
.news-content__inner p {
font-size: 16px;
}
.news-content__inner h3 {
font-size: 22px;
}
.news-content__inner blockquote {
font-size: 18px;
}
.news-subscribe-input {
font-size: 18px;
}
.news-subscribe-btn {
font-size: 18px;
}
.section-title-wrap h2 {
font-size: 28px;
}
.hero-banner-module .hero-breadcrumb {
font-size: 15px;
}
.hero-banner-module .hero-title {
font-size: 40px;
}
.hero-banner-module .hero-subtitle {
font-size: 16px;
}
.header-title {
font-size: 28px;
}
.feature-title {
font-size: 15px;
}
.feature-desc {
font-size: 14px;
}
.split-text h3 {
font-size: 36px;
}
.split-text li {
font-size: 20px;
}
.perf-title {
font-size: 28px;
}
.tab-item {
font-size: 16px;
}
.tab-item.active {
font-size: 18px;
}
.perf-content-title {
font-size: 26px;
}
.perf-content-desc {
font-size: 14px;
}
.overview-header h2 {
font-size: 28px;
}
.item-overlay h3 {
font-size: 18px;
}
.item-overlay p {
font-size: 14px;
}
.map-copy__title {
font-size: 28px;
}
.map-copy__desc {
font-size: 16px;
}
.stat-num {
font-size: 26px;
}
.stat-label {
font-size: 14px;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__hint {
font-size: 18px;
}
.solutions-module__title {
font-size: 28px;
}
.solutions-module__subheading {
font-size: 26px;
}
.solutions-module__desc {
font-size: 16px;
}
.solutions-module__link {
font-size: 16px;
}
.similar-products-module__title {
font-size: 28px;
}
.similar-products-module__name {
font-size: 18px;
}
.similar-products-module__sku {
font-size: 14px;
}
.similar-products-module__link {
font-size: 16px;
}
.svc-section-title {
font-size: 28px;
}
.svc-hero-title {
font-size: 28px;
}
.svc-hero-desc {
font-size: 16px;
}
.svc-hero-link-text {
font-size: 18px;
}
.svc-fm-item-title {
font-size: 18px;
}
.svc-fm-item-subtitle {
font-size: 16px;
}
.svc-fm-process-title {
font-size: 28px;
}
.svc-fm-process-item {
font-size: 18px;
}
.svc-fm-stat-num {
font-size: 26px;
}
.svc-fm-stat-desc {
font-size: 14px;
}
.svc-sol-content h3 {
font-size: 28px;
}
.svc-sol-content p {
font-size: 16px;
}
.svc-cs-tab {
font-size: 20px;
}
.svc-cs-img-tooltip {
font-size: 13px;
}
.svc-cs-block h3 {
font-size: 26px;
}
.svc-cs-block>p {
font-size: 16px;
}
.svc-cs-sub h4 {
font-size: 18px;
}
.svc-cs-sub p {
font-size: 14px;
}
.svc-cs-param-name {
font-size: 14px;
}
.svc-cs-param-val {
font-size: 16px;
}
.svc-cs-contact-btn {
font-size: 18px;
}
.solutions-hero__title {
font-size: 28px;
}
.solutions-hero__desc {
font-size: 16px;
}
.tabs-title {
font-size: 20px;
}
.scene-title-dropdown .scene-title-option {
font-size: 16px;
}
.left-content h2 {
font-size: 28px;
}
.left-content p,
.left-content #scene-content-desc p {
font-size: 16px;
}
.prod-name {
font-size: 18px;
}
.prod-sku {
font-size: 14px;
}
.main-title {
font-size: 28px;
}
.item-title {
font-size: 20px;
}
.layout-header-v3 h2 {
font-size: 36px;
}
.info-bundle-v3 h3 {
font-size: 26px;
}
.info-bundle-v3 p {
font-size: 16px;
}
.v24-main-title {
font-size: 28px;
}
.v24-step-title {
font-size: 18px;
}
.v24-step-desc {
font-size: 16px;
}
.v25-section-title {
font-size: 28px;
}
.v25-item-text {
font-size: 18px;
}
.v25-item-desc {
font-size: 16px;
}
.v26-supply-chain__title {
font-size: 28px;
}
.v26-supply-chain__nav-item {
font-size: 16px;
}
.v26-supply-chain__subtitle {
font-size: 26px;
}
.v26-supply-chain__text {
font-size: 14px;
}
.sustainability-roadmap__title {
font-size: 28px;
}
.sustainability-roadmap__year {
font-size: 14px;
}
.sustainability-roadmap__stage {
font-size: 26px;
}
.sustainability-roadmap__intro {
font-size: 14px;
}
.sustainability-roadmap__points li {
font-size: 14px;
}
.related-blogs__title {
font-size: 28px;
}
.related-blogs__date {
font-size: 18px;
}
.related-blogs__heading {
font-size: 18px;
}
.related-blogs__desc {
font-size: 14px;
}
.related-blogs__link {
font-size: 18px;
}
.xy-regularities-intro {
font-size: 14px;
}
.xy-regularities-paragraph {
font-size: 14px;
}
.xy-regularities-item {
font-size: 14px;
}
.wcu-subtitle {
font-size: 18px;
}
.wcu-sec-title {
font-size: 20px;
}
.wcu-title {
font-size: 36px;
}
.wcu-list li {
font-size: 26px;
}
.wcu-rnd-title {
font-size: 28px;
}
.wcu-rnd-heading {
font-size: 36px;
}
.wcu-achieve-title {
font-size: 26px;
}
.wcu-achieve-num {
font-size: 26px;
line-height: 40px;
}
.wcu-achieve-desc {
font-size: 14px;
}
.wcu-qm-title {
font-size: 36px;
}
.wcu-qm-desc {
font-size: 14px;
}
.wcu-qm-item-title {
font-size: 20px;
}
.wcu-qm-item-desc {
font-size: 20px;
}
.modular-solutions-exclusive-v5 .main-label-v5 {
font-size: 28px;
}
.modular-solutions-exclusive-v5 .heading-v5 {
font-size: 28px;
}
.modular-solutions-exclusive-v5 .para-v5 {
font-size: 16px;
}
.ms-bottom-title-v5 {
font-size: 28px;
}
.ms-bottom-desc-v5 {
font-size: 14px;
}
.xy-chat-badge {
font-size: 15px;
}
.xy-chat-header h4 {
font-size: 14px;
}
.xy-chat-header span {
font-size: 13px;
}
.xy-chat-close {
font-size: 20px;
}
.xy-chat-msg {
font-size: 13px;
}
.xy-chat-time {
font-size: 15px;
}
.xy-chat-email-input-wrapper input {
font-size: 13px;
}
.xy-chat-error {
font-size: 13px;
}
.xy-chat-questions button {
font-size: 13px;
}
.xy-chat-footer input {
font-size: 13px;
}
.xy-404-content {
flex: 1;
padding-top: 60px;
padding-left: 40px;
padding-right: 40px;
}
.xy-404-product-image {
margin-bottom: 30px;
}
.xy-404-product-info {
padding: 0;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__nav {
position: fixed;
bottom: 0;
transform: translatey(-50%);
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__nav--prev {
left: 24px;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__nav--next {
right: 24px;
}
.xy-elevators-mod3b__layout {
height: 760px;
}
.xy-elevators-mod3__tile--info {
padding: 40px;
}
.xy-elevators-mod5-images {
padding-block: 52px;
padding-inline: 36px;
gap: 48px;
}
.xy-elevators-mod5-images__img50 {
padding: 52px;
}
.xy-elevators-feature__head,
.xy-elevators-section__head {
padding: 52px 44px;
}
.xy-elevators-feature__title,
.xy-elevators-section__title {
padding-left: 0;
font-size: 34px;
}
.xy-elevators-feature__accent,
.xy-elevators-section__accent {
height: 30px;
}
.hero-banner-module .hero-banner {
height: clamp(380px, calc(var(--xy-visual-vh, 100vh) * 0.8), 640px);
}
.hero-banner-module .hero-content {
padding: 52px 60px 46px;
max-width: 800px;
}
.hero-banner-module .hero-banner-strip {
height: 112px;
}
.xy-elevators-mod5 {
--xy-mod5-line-x: 48px;
--xy-mod5-line-y: 0;
}
.xy-elevators-mod4__layout {
grid-template-rows: 230px 230px 230px;
gap: 24px;
}
.svc-mobile-menu-drawer,
.svc-mobile-menu-overlay {
display: none !important;
}
.scene-title-drawer,
.scene-title-drawer-overlay {
display: none !important;
}
}
@media (min-width: 480px) and (max-width: 639.98px) {
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
. page-template-page-product-series . product-series-filter-dropdown {
background: rgba(0, 0, 0, 0.55);
}
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
. article-selector__dropdown {
background: #0000008c;
}
}
.footer-bottom {
flex-wrap: wrap;
justify-content: center;
align-content: center;
row-gap: 10px;
column-gap: 8px;
max-width: none;
padding-left: max(16px, env(safe-area-inset-left));
padding-right: max(16px, env(safe-area-inset-right));
padding-top: 80px;
width: 100%;
box-sizing: border-box;
min-width: 0;
}
.footer-legal-link {
line-height: 1.3;
text-align: center;
font-size: 14px;
font-family: "Archivo", sans-serif;
font-weight: 300;
}
.footer-legal-sep svg {
height: 13px;
width: auto;
}
.scene-title-dropdown {
display: none !important;
}
.scene-title-drawer-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 999998;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.3s ease, visibility 0.3s;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.scene-title-drawer-overlay.is-active {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.scene-title-drawer {
position: fixed;
top: 133px;
left: 0;
right: 0;
bottom: 0;
width: 100%;
max-height: 100%;
background: #FFF;
z-index: 999999;
display: flex;
flex-direction: column;
transform: translatey(100vh);
transition: transform 260ms ease, visibility 260ms;
visibility: hidden;
pointer-events: none;
border: 0;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
box-sizing: border-box;
}
.scene-title-drawer.is-active {
transform: translatey(0);
visibility: visible;
pointer-events: auto;
}
.scene-title-drawer .scene-drawer-header {
flex: 0 0 auto;
padding: 12px 12px 0 12px;
}
.scene-title-drawer .scene-drawer-header-row {
display: flex;
align-items: center;
justify-content: flex-end;
min-height: 40px;
}
.scene-title-drawer .scene-drawer-header .btn-icon {
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 0;
background: transparent;
color: #231815;
cursor: pointer;
}
.scene-title-drawer .scene-drawer-title {
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
color: #003B90;
text-align: center;
padding: 8px 8px 12px 8px;
line-height: 1.2;
border-bottom: 1px solid #E4E4E4;
font-size: 14px;
}
.scene-title-drawer .scene-drawer-content {
flex: 1;
min-height: 0;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
background-color: #FFF;
}
.scene-title-drawer .scene-title-drawer-list {
list-style: none;
margin: 0;
padding: 0;
}
.scene-title-drawer .scene-title-drawer-list li {
padding: 0;
}
.scene-title-drawer .scene-title-option {
width: 100%;
display: block;
text-align: left;
color: #231815;
font-weight: 500;
line-height: 24px;
font-family: "Archivo", sans-serif;
text-transform: none;
padding: 15px 20px;
border: 0;
border-bottom: 0;
border-radius: 0;
background: transparent;
cursor: pointer;
box-sizing: border-box;
font-size: 14px;
}
.scene-title-drawer .scene-title-option:hover,
.scene-title-drawer .scene-title-option:focus {
color: #003B90;
font-weight: 700;
outline: none;
font-size: 14px;
}
.scene-title-drawer .scene-title-option.is-selected {
color: #003B90;
font-weight: 700;
background-color: #F6F6F6;
font-size: 14px;
}
body.is-scene-title-menu-open {
overflow: hidden;
}
body.is-scene-title-menu-open #masthead {
display: none !important;
}
body.is-scene-title-menu-open .solutions-hero-breadcrumb {
display: none !important;
}
body.is-scene-title-menu-open .product-tabs-module {
z-index: 10000000 !important;
}
.product-series-breadcrumb__grid {
max-width: 1296px !important;
margin: 0 auto !important;
grid-template-columns: 40px 1fr 40px;
display: flex;
justify-content: flex-start;
border: 0;
}
.product-series-breadcrumb {
max-width: 1296px;
margin: 0 auto;
padding: 0 20px;
}
.page-template-page-products-detail-mro .product-parameters__th {
line-height: 32px;
font-size: 18px;
}
.page-template-page-products-detail-mro .product-parameters__td {
line-height: 24px;
font-size: 14px;
padding: 14px 12px;
}
.cta-btn {
font-size: 14px;
min-width: 0;
width: 100%;
padding: 16px 18px;
}
.xy-about-driven-item h4 {
font-size: 16px;
margin-bottom: 4px;
}
.xy-about-foot-stat-num {
line-height: 19px;
font-size: 26px;
margin-bottom: 0;
}
.xy-about-foot-stat-label {
line-height: 16px;
font-size: 14px;
text-align: left;
font-weight: 500;
}
.left-content h2 {
line-height: 28px;
font-size: 16px;
}
.left-content p {
line-height: 24px;
font-size: 14px;
margin-bottom: 24px;
}
.wcu-subtitle {
line-height: 20px;
font-size: 14px;
margin-bottom: 10px;
}
.wcu-title {
line-height: 44px;
font-size: 22px;
text-transform: uppercase;
padding: 10px 0;
}
.wcu-list li {
line-height: 32px;
font-size: 14px;
padding: 4px 0;
margin-bottom: 0;
gap: 20px;
}
.product-series-breadcrumb__back {
width: 32px;
height: 32px;
}
.header-search-text {
display: none;
}
.d-flex {
justify-content: space-between !important;
}
.site-header.site-header--sticky .main-navigation {
margin-left: 0;
}
.footer-subscribe-title {
padding: 16px 20px;
font-size: 14px;
text-align: left;
margin: 0;
font-family: "Archivo", sans-serif;
font-weight: 300;
}
.site-logo img {
width: 44px;
height: 40px;
}
.nav-menu>li>a {
font-size: 14px;
}
.search-field {
font-weight: 400;
line-height: 20px;
font-size: 14px;
}
.header-container {
padding-right: 20px;
padding-left: 20px;
max-width: 100%;
}
.search-container {
padding: 0 20px;
}
.product-series-breadcrumb__cell {
height: 60px;
border: 0 !important;
}
.product-series-breadcrumb__cell--crumbs {
padding: 0 10px;
border: 0;
}
.product-series-breadcrumb__link,
.product-series-breadcrumb__current,
.product-series-breadcrumb__sep {
font-size: 14px;
}
.product-series-breadcrumb__sep {
margin: 0 4px;
font-size: 14px;
}
.product-series-banner__grid {
grid-template-columns: 20px 1fr 20px;
height: 480px;
}
.product-series-banner__cell {
height: 480px;
}
.product-series-banner__col2 {
padding-left: 0;
padding-right: 0;
padding: 0;
}
.product-series-filters__grid {
grid-template-columns: 1fr;
}
.product-series-filters__bar {
flex-wrap: wrap;
padding: 12px 0;
flex-direction: column;
align-items: stretch;
}
.product-series-filter--type,
.product-series-filter--application,
.product-series-filter--search {
padding-left: 16px;
padding-right: 16px;
}
.product-series-filter__label {
font-size: 14px;
white-space: normal;
}
.product-series-products__grid {
grid-template-columns: 60px 1fr 60px;
}
.product-series-products__col2 {
padding-left: 20px;
padding-right: 20px;
}
.product-series-pagination {
height: auto;
}
.product-series-pagination__inner {
padding: 0;
height: auto;
gap: 16px 24px;
width: 100%;
max-width: 100%;
margin: 0;
flex-wrap: wrap;
}
.product-series-pagination__line {
display: none;
}
.product-series-pagination__numbers {
gap: 8px;
height: auto;
width: auto;
flex: 1 1 200px;
min-width: 0;
justify-content: center;
flex-wrap: wrap;
}
.product-series-pagination__number,
.product-series-pagination__dots {
line-height: 22px;
font-size: 14px;
width: 40px;
height: 40px;
}
.product-series-contact {
height: 271px;
}
.product-series-contact__bg {
height: 271px;
width: 100%;
left: 0;
top: 0;
}
.product-series-contact__actions {
left: 0;
bottom: 40px;
width: 100%;
padding: 0 20px;
height: auto;
right: 0;
gap: 24px;
align-items: center;
box-sizing: border-box;
}
.product-series-contact__title {
width: 100%;
max-width: 310px;
line-height: 28px;
height: auto;
font-size: 14px;
text-align: center;
}
.product-series-products__row {
flex-wrap: wrap;
height: auto;
flex-direction: column;
align-items: stretch;
}
.product-series-products__card {
flex: 0 0 auto;
border-right: none;
width: 100%;
aspect-ratio: 1/1;
border-bottom: 1px solid #E4E4E4;
}
.product-series-products__card:nth-child(3n) {
border-right: none;
}
.product-series-products__card:last-child {
border-right: none;
}
.product-series-products__image {
width: 100%;
aspect-ratio: auto;
flex: 1 1 auto;
min-height: 0;
padding: 20px;
}
.product-series-products__arrow {
width: 32px;
height: 32px;
right: 20px;
top: 20px;
}
.product-series-products__title {
width: 100%;
line-height: 20px;
font-size: 14px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.product-series-products__sku {
width: 100%;
line-height: 16px;
font-size: 14px;
}
.banner-content {
padding: 20px;
gap: 20px;
width: 100%;
height: auto;
}
.mro-title {
width: 310px;
height: 24px;
line-height: 24px;
font-size: 14px;
}
.mro-description {
width: 100%;
line-height: 16px;
font-size: 14px;
height: 100%;
}
.d-lg-none {
display: block !important;
}
.d-lg-none.d-flex {
display: flex !important;
justify-content: space-between;
}
.d-lg-none.d-inline-flex {
display: inline-flex !important;
}
.d-lg-block {
display: none !important;
}
.d-lg-flex {
display: none !important;
}
.site-header--transparent {
background-color: #F2F3F5;
-webkit-backdrop-filter: none;
backdrop-filter: none;
}
.header-main-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
.header-mobile-actions {
margin-left: auto;
width: auto;
flex-wrap: nowrap;
position: relative;
z-index: 9999999;
pointer-events: auto;
gap: 20px;
column-gap: 20px;
display: flex;
justify-content: flex-end;
}
.header-mobile-actions .btn-icon {
color: #003B90;
pointer-events: auto;
position: relative;
z-index: 9999999;
}
.header-mobile-divider {
display: block;
width: 1px;
height: 40px;
background: rgba(0, 0, 0, 0.12);
margin: 0 20px;
flex: 0 0 1px;
}
.header-mobile-contact {
background: #003B90;
color: #EDEDED;
font-family: "Archivo", sans-serif;
font-weight: 600;
line-height: 1;
text-decoration: none;
padding: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
user-select: none;
position: relative;
margin-left: 0;
width: 100%;
max-width: 122px;
border-radius: 0;
justify-self: center;
font-size: 14px;
pointer-events: auto;
}
.header-mobile-search-trigger {
position: relative;
margin-left: 0;
justify-self: center;
}
.header-mobile-contact::before,
.header-mobile-search-trigger::before {
content: none;
position: absolute;
left: -20px;
top: 50%;
transform: translatey(-50%);
width: 1px;
height: 40px;
background: rgba(0, 0, 0, 0.12);
display: none;
}
.hero-content {
padding-bottom: 80px;
max-width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.hero-desc {
margin-bottom: 10px;
}
.intro-top {
padding: 30px 20px;
gap: 20px;
flex-direction: column;
}
.intro-grid__cell {
min-height: 240px;
flex: 0 0 240px;
}
.visual-box {
width: 200px;
height: 200px;
}
.visual-inner {
width: 160px;
height: 160px;
}
.scroll-bar-container {
margin-bottom: -1px;
display: block;
padding: 0 0 40px;
margin-top: -1px;
padding-left: 0;
padding-right: 0;
}
.new-section-pc {
display: none;
padding-top: 40px;
}
.new-section-mobile {
display: block;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
background-color: #FFF;
padding-top: 40px;
}
.new-section-title {
padding-left: 20px;
margin-bottom: 0;
}
.new-section-desc {
max-width: 100%;
padding: 20px;
margin-bottom: 0;
}
.new-section__btn {
padding: 15px 30px;
font-size: 14px;
}
.play-btn {
width: 60px;
height: 60px;
}
.capabilities-top {
padding: 30px 20px 10px;
flex-direction: column;
gap: 20px;
}
.cap-item {
padding: 28px 20px;
border-top: none;
overflow: hidden;
width: 100%;
height: auto;
}
.cta-container {
padding: 66px 20px;
}
.faq-header {
padding: 22px 20px;
}
.faq-question {
padding: 20px 20px;
}
.faq-answer-inner {
padding: 0 20px 28px;
}
.faq-title {
font-size: 14px;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 600;
line-height: 24px;
text-transform: capitalize;
padding-left: 0;
}
.faq-question-text {
line-height: 20px;
font-size: 16px;
font-family: "Archivo", sans-serif;
font-weight: 500;
text-transform: uppercase;
}
.faq-answer-text {
line-height: 16px;
font-size: 13px;
}
.faq-icon {
width: 20px;
height: 20px;
}
.footer-top {
grid-template-columns: 1.35fr 1fr;
gap: 40px;
}
.footer-nav {
gap: 24px;
grid-template-columns: repeat(2, 1fr);
grid-template-areas: "company services" "products products";
margin-top: 40px;
padding: 10px 20px 0;
}
.certs-section {
height: 120px;
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
}
.certs-section .certs-logo {
position: static;
}
.certs-logo--iso9001 {
width: 49px;
height: 49px;
top: 34px;
left: 29px;
}
.certs-logo--iatf16949 {
width: 51px;
height: 51px;
top: 33px;
left: 95px;
}
.certs-logo--iso14001 {
width: 63px;
height: 63px;
top: 27px;
left: 167px;
}
.certs-logo--cwb {
width: 124px;
height: 36px;
top: 41px;
left: 247px;
}
.page-template-page-products-detail-mro .why-choose-us {
margin: 0 auto;
}
.page-template-page-products-detail-mro .section-header {
height: 64px;
padding: 0 20px;
gap: 10px;
}
.page-template-page-products-detail-mro .accent-line {
width: 3px;
height: 12px;
transform: none;
}
.page-template-page-products-detail-mro .main-title {
line-height: 24px;
font-size: 14px;
}
.page-template-page-products-detail-mro .traits-grid {
display: flex;
flex-direction: column;
padding: 0;
margin: 0;
border-top: none;
border-left: none;
border-right: none;
}
.page-template-page-products-detail-mro .trait-item {
padding: 40px 20px;
gap: 40px;
border-right: none;
border-bottom: 1px solid #E4E4E4;
width: 100%;
box-sizing: border-box;
}
.page-template-page-products-detail-mro .traits-grid .trait-item:last-child {
border-bottom: none;
}
.page-template-page-products-detail-mro .trait-header {
flex-direction: row;
align-items: center;
gap: 20px;
height: 48px;
}
.page-template-page-products-detail-mro .trait-description {
line-height: 13px;
font-size: 14px;
}
.site-header {
background: #F3F5F7 !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
transition: none !important;
}
.site-header .custom-logo--default {
display: none !important;
}
.site-header .custom-logo--sticky {
display: block !important;
}
.site-header .btn-icon svg path,
.site-header .btn-icon svg circle {
stroke: #003B90 !important;
}
.site-header .header-mobile-contact {
border-color: #003B90 !important;
}
.blog-hero__inner {
min-height: 420px;
}
.blog-subscribe__inner {
padding: 0;
flex-direction: column;
gap: 0;
text-align: center;
border-left: none;
border-right: none;
border-bottom: 1px solid #E4E4E4;
}
.blog-content__inner {
max-width: 100%;
}
.blog-pagination__inner {
max-width: 100%;
padding: 20px 20px 0;
}
.other-blogs-grid-wrap {
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.other-blogs-grid-wrap::-webkit-scrollbar {
display: none;
}
.other-blogs-item {
flex: 0 0 85vw;
max-width: 85vw;
scroll-snap-align: start;
}
.xy-about-achieve-container {
border-left: 1px solid rgba(181, 181, 182, 0.2);
border-right: 1px solid rgba(181, 181, 182, 0.2);
}
.xy-about-history-title-block {
padding: 30px 20px;
}
.xy-about-history-content {
padding: 40px 20px;
}
.xy-about-history-image-wrap {
padding-right: 40px;
}
.xy-about-history-text-wrap {
padding-left: 40px;
}
.xy-about-history-item:nth-child(even) .xy-about-history-image-wrap {
padding-left: 40px;
}
.xy-about-history-item:nth-child(even) .xy-about-history-text-wrap {
padding-right: 40px;
}
.xy-about-driven-title-line {
height: 12px;
}
.xy-about-driven-section {
padding: 0 20px;
}
.xy-about-driven-bottom-section {
padding: 0 20px;
}
.xy-about-driven-title-block {
padding: 30px 20px;
}
.xy-about-driven-title {
font-size: 16px;
}
.xy-about-driven-top {
flex-direction: column-reverse;
gap: 20px;
}
.xy-about-driven-text {
padding: 0 20px 20px;
}
.xy-about-driven-image {
width: 100%;
border-left: none;
border-top: 1px solid #E4E4E4;
border: 0;
}
.xy-about-overview-container {
max-width: 100%;
}
.xy-about-overview-top {
padding: 30px 40px;
gap: 20px;
flex-direction: column;
border-left: none;
border-right: none;
}
.xy-about-overview-title {
font-size: 28px;
line-height: 30px;
margin-bottom: 10px;
}
.xy-about-overview-cell {
min-height: 240px;
flex: 0 0 240px;
}
.xy-about-overview-cell-title {
font-size: 14px;
}
.xy-about-overview-cell-desc {
font-size: 13px;
}
.xy-about-banner {
height: 461px;
padding: 60px 5%;
background: #F3F5F7;
}
.xy-about-banner-mask {
display: block;
background: linear-gradient(0deg, rgba(27, 33, 41, 0.6) 2.84%, rgba(27, 33, 41, 0) 98.08%);
}
.xy-about-banner-content {
padding-bottom: 20px;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0;
gap: 12px;
width: 100%;
z-index: 2;
}
.xy-about-banner-title {
font-size: 32px;
font-family: "Archivo";
font-style: normal;
font-weight: 900;
line-height: 22px;
color: #EDEDED;
margin: 0;
}
.xy-about-section {
padding: 0 20px;
}
.xy-about-foot-title-block {
padding: 30px 20px;
}
.xy-about-foot-content-wrap {
padding: 30px 20px;
overflow: visible;
}
.xy-about-foot-svg {
right: 0;
opacity: 1;
display: block;
width: 220px;
height: 199px;
left: 128px;
top: 202px;
padding-top: 0;
}
.xy-about-foot-stats {
justify-content: flex-start;
gap: 20px;
padding: 20px;
background: rgba(255, 255, 255, 0.5);
backdrop-filter: blur(2px);
margin: 0 -20px;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
display: flex;
-ms-overflow-style: none;
scrollbar-width: none;
}
.xy-about-foot-stat {
width: 120px;
flex: 0 0 auto;
margin-bottom: 0;
min-width: 120px;
align-items: flex-start;
gap: 10px;
}
.xy-about-history-section {
padding: 0 20px;
}
.xy-about-history-container {
padding: 0;
}
.xy-about-history-title {
font-size: 16px;
}
.xy-about-history-center-line {
display: none;
}
.xy-about-history-dot {
display: none;
}
.xy-about-history-item,
.xy-about-history-item:nth-child(even) {
flex-direction: column;
align-items: center;
gap: 20px;
}
.xy-about-history-half,
.xy-about-history-image-wrap,
.xy-about-history-text-wrap,
.xy-about-history-item:nth-child(even) .xy-about-history-image-wrap,
.xy-about-history-item:nth-child(even) .xy-about-history-text-wrap {
width: 100%;
justify-content: center;
padding-left: 0;
padding-right: 0;
}
.xy-about-history-image {
width: 100%;
max-width: 100%;
height: 314px;
aspect-ratio: 1;
}
.xy-about-history-text {
height: auto;
min-height: 103px;
gap: 20px;
align-items: flex-start;
}
.xy-about-history-text h4 {
line-height: 19px;
font-size: 14px;
}
.xy-about-history-text p {
line-height: 16px;
font-size: 14px;
}
.xy-about-history-date {
line-height: 32px;
font-size: 14px;
}
.xy-about-history-timeline {
gap: 20px;
}
.xy-about-achieve-title-block {
padding: 30px 20px;
flex-direction: column;
align-items: flex-start;
}
.xy-about-achieve-title-line {
top: 35px;
height: 12px;
}
.xy-about-achieve-title {
width: 100%;
font-size: 20px;
line-height: 1.2;
}
.xy-about-achieve-box {
width: 50%;
aspect-ratio: 1/1;
min-height: auto;
padding: 20px;
border-right: 1px solid rgba(181, 181, 182, 0.2);
border-bottom: none;
}
.xy-about-achieve-box-num {
left: 20px;
top: 20px;
font-size: 24px;
display: none;
}
.xy-about-achieve-box-text {
padding: 20px;
}
.xy-about-achieve-box-title {
font-size: 14px;
line-height: 20px;
}
.xy-about-achieve-box-desc {
font-size: 14px;
line-height: 14px;
}
.xy-about-driven-item {
padding-left: 16px;
}
.xy-about-driven-subtitle {
margin-bottom: 20px;
font-size: 24px;
}
.xy-about-history-title-line {
height: 12px;
}
.xy-contact-title {
font-size: 24px;
}
.xy-form-grid {
gap: 0;
grid-template-columns: 1fr;
}
.xy-contact-info-wrapper {
gap: 20px;
flex-wrap: wrap;
flex-direction: column;
align-items: stretch;
padding: 20px 0;
}
.xy-contact-details,
.xy-contact-map-wrap {
height: 200px;
max-height: 200px;
}
.xy-contact-blogs-grid-wrap {
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.xy-contact-blogs-grid-wrap::-webkit-scrollbar {
display: none;
}
.xy-contact-blogs-item {
flex: 0 0 85vw;
max-width: 85vw;
scroll-snap-align: start;
}
.hero-banner-module .hero-content {
padding: 18px 16px;
max-width: 100%;
}
.hero-banner-module .xy-elevators-hero-title {
font-size: 16px;
line-height: 1.14;
}
.hero-banner-module .hero-banner-strip {
height: 40px;
}
.xy-elevators-hero img {
height: 340px;
}
.xy-elevators-hero__content {
left: 28px;
right: 28px;
bottom: 28px;
}
.xy-elevators-hero__title {
font-size: 30px;
}
.xy-elevators-grid {
grid-template-columns: 1fr;
}
.xy-elevators-mod3__grid {
grid-template-columns: 1fr;
gap: 20px;
}
.xy-elevators-mod3b__layout {
grid-template-columns: 1fr;
gap: 16px;
height: 440px;
}
.xy-elevators-mod3b__cta {
left: 50%;
bottom: 14px;
transform: translatex(-50%);
font-size: 14px;
gap: 10px;
}
.xy-elevators-mod3__tile--info {
padding: 22px 14px 18px;
aspect-ratio: 1/1;
}
.xy-elevators-mod3__value {
font-size: 24px;
}
.xy-elevators-mod3__desc {
font-size: 14px;
max-width: 100%;
}
.xy-elevators-mod3__cta {
left: 16px;
bottom: 16px;
font-size: 14px;
}
.xy-elevators-mod3__zoom {
right: 12px;
bottom: 12px;
}
.xy-elevators-feature__head,
.xy-elevators-section__head {
padding: 28px 16px;
}
.xy-elevators-feature__head {
padding-inline-start: 10px;
}
.hero-banner-module .hero-banner {
height: clamp(252px, calc(var(--xy-visual-vh, 100vh) * 0.52), 440px);
}
.xy-elevators-feature__accent,
.xy-elevators-section__accent {
height: 14px;
}
.xy-elevators-feature__title,
.xy-elevators-section__title {
padding-left: 0;
line-height: 1.18;
font-size: 16px;
}
.xy-elevators-feature__main {
grid-template-columns: 1fr;
}
.xy-elevators-feature__left {
border-right: 0;
border-bottom: 1px solid #E4E4E4;
padding: 12px;
}
.xy-elevators-feature__text {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.xy-elevators-feature__text p {
max-width: 100%;
font-size: 13px;
}
.xy-elevators-feature__text p:first-child {
border-bottom: 0;
}
.xy-elevators-feature__specs {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.xy-elevators-feature__spec {
min-height: 0;
padding-block: 8px;
padding-inline: 4px 3px;
padding-inline-start: 6px;
}
.xy-elevators-feature__spec-line {
left: 0;
right: auto;
top: 0;
bottom: 0;
height: auto;
}
.xy-elevators-feature__spec-label {
font-size: 14px;
}
.xy-elevators-feature__spec-value {
font-size: 18px;
}
.xy-elevators-feature__spec-unit {
font-size: 14px;
}
.xy-elevators-feature__cta {
padding: 12px;
font-size: 14px;
}
.xy-elevators-feature__gallery-item img {
height: 220px;
}
.xy-elevators-cta {
grid-template-columns: 1fr;
}
.xy-elevators-mod5__content {
grid-template-columns: 1fr;
gap: 18px;
padding: 0 20px;
}
.xy-elevators-mod5__text h3 {
font-size: 22px;
margin-bottom: 12px;
}
.xy-elevators-mod5__text p {
max-width: 100%;
font-size: 14px;
line-height: 1.55;
margin-bottom: 10px;
}
.xy-elevators-mod5__media {
min-height: 250px;
}
.xy-events-hero__container {
padding-left: 24px;
padding-right: 24px;
padding-bottom: 20px;
border-left: 1px solid rgba(228, 228, 228, 0.5);
border-right: 1px solid rgba(228, 228, 228, 0.5);
}
.xy-events-hero__content {
padding-left: 0;
padding-right: 0;
margin-bottom: 20px;
}
.xy-events-hero__progress {
left: 44px;
right: 44px;
bottom: 28px;
}
.xy-events-hero__title {
font-size: 14px;
}
.xy-explore-hero__container {
padding-left: 24px;
padding-right: 24px;
padding-bottom: 20px;
border-left: 1px solid rgba(228, 228, 228, 0.5);
border-right: 1px solid rgba(228, 228, 228, 0.5);
}
.xy-explore-hero__content {
padding-left: 0;
padding-right: 0;
margin-bottom: 20px;
}
.xy-explore-hero__progress {
left: 44px;
right: 44px;
bottom: 28px;
}
.xy-explore-hero__title {
font-size: 14px;
}
.news-subscribe-btn {
height: 60px;
width: 100%;
justify-content: center;
font-size: 14px;
}
.news-header__title {
font-size: 14px;
margin-bottom: 20px;
}
.news-content__inner blockquote {
padding: 15px;
font-size: 15px;
}
.blog-pagination__link {
font-size: 14px;
}
.section-title-wrap {
padding: 40px 40px 20px;
}
.title-accent {
height: 12px;
}
.section-title-wrap h2 {
padding-left: 20px;
font-size: 16px;
}
.hero-banner-module .hero-title {
font-size: 26px;
}
.why-xingyi-module .section-container {
padding: 0 20px;
}
.why-xingyi-module .section-container::before {
left: 20px;
top: 0;
}
.why-xingyi-module .section-container::after {
right: 20px;
top: 80px;
}
.header-title {
padding-left: 20px;
font-size: 16px;
}
.features-grid {
grid-template-columns: repeat(2, 1fr);
display: flex;
flex-direction: column;
margin: 0;
gap: 40px;
}
.feature-item:nth-child(2n) {
border-right: none;
}
.module-header {
padding: 24px 0;
margin-bottom: 0;
}
.header-accent {
height: 12px;
}
.benefits-split-section::before {
left: 20px;
}
.benefits-split-section::after {
right: 20px;
}
.benefits-split-section .section-container {
padding: 0 20px;
}
.split-grid {
grid-template-columns: 1fr;
padding: 0;
position: relative;
}
.split-text {
padding: 20px 20px 0;
}
.split-text h3 {
font-size: 24px;
line-height: 28px;
}
.split-text li {
font-size: 14px;
line-height: 30px;
}
.split-img img {
padding: 0;
width: 310px;
height: 310px;
}
.performance-module::before {
left: 20px;
}
.performance-module::after {
right: 20px;
}
.performance-module .section-container {
padding: 0 20px;
}
.perf-header {
padding: 20px 0;
margin-bottom: 0;
}
.perf-container::after {
top: 0;
bottom: -40px;
}
.perf-title {
font-size: 16px;
padding-left: 20px;
}
.perf-accent {
height: 12px;
}
.perf-container {
flex-direction: column;
padding: 0;
gap: 15px;
}
.perf-image img {
width: 100%;
height: auto;
}
.perf-text {
padding: 20px;
}
.perf-content-title {
font-size: 14px;
line-height: 30px;
font-family: "Archivo", sans-serif;
margin-bottom: 10px;
}
.perf-tabs {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
text-align: center;
gap: 15px;
display: none;
}
.perf-tabs::before {
display: none;
}
.tab-item {
text-align: center;
padding-right: 0;
line-height: normal;
font-size: 14px;
}
.tab-item.active::after {
display: none;
}
.tab-item.active {
border-bottom: 2px solid #004098;
padding-bottom: 5px;
font-size: 14px;
}
.overview-container {
padding: 0 20px;
}
.overview-header {
padding: 20px 0;
margin-bottom: 0;
}
.overview-header h2 {
font-size: 16px;
padding-left: 20px;
}
.header-blue-line {
height: 12px;
}
.overview-grid {
grid-template-columns: 1fr;
grid-auto-rows: minmax(0, auto);
}
.large-card,
.long-card {
grid-column: span 2;
}
.small-card {
grid-column: span 1;
}
.global-presence .section-container {
padding: 0 20px;
}
.global-presence .section-title-wrap {
padding: 20px 0;
margin-bottom: 0;
}
.map-panel {
flex-direction: column;
}
.map-media {
padding: 24px 20px;
}
.map-copy {
padding: 0 20px 20px 20px;
}
.map-copy__title {
font-size: 16px;
}
.map-copy__desc {
font-size: 14px;
}
.stat-num {
font-size: 16px;
}
.stat-label {
font-size: 14px;
}
.page-template-page-products-detail-mro .product-detail-container {
width: 100%;
height: auto;
overflow: visible;
}
.page-template-page-products-detail-mro .main-layout-grid {
grid-template-columns: 20px 1fr 20px;
grid-template-rows: auto auto auto;
height: auto;
}
.page-template-page-products-detail-mro .line-v {
display: block;
grid-row: 1/4;
}
.page-template-page-products-detail-mro .line-v-2 {
grid-column: 3;
justify-self: start;
}
.page-template-page-products-detail-mro .line-h {
grid-column: 2;
}
.page-template-page-products-detail-mro .line-h-bottom {
display: block;
grid-row: 2;
align-self: start;
}
.page-template-page-products-detail-mro .media-section {
display: contents;
}
.page-template-page-products-detail-mro .main-image-wrapper {
grid-column: 2;
grid-row: 1;
width: 100%;
height: auto;
aspect-ratio: 1/1;
}
.page-template-page-products-detail-mro .carousel-container {
grid-column: 2;
grid-row: 2;
height: auto;
padding: 20px 0;
gap: 10px;
}
.page-template-page-products-detail-mro .arrow {
width: 44px;
height: 44px;
}
.page-template-page-products-detail-mro .carousel-track-viewport {
width: calc(100% - 88px);
}
.page-template-page-products-detail-mro .thumb-item {
width: 64px;
height: 64px;
}
.page-template-page-products-detail-mro .info-section {
grid-column: 2;
grid-row: 3;
border-left: none;
border-top: 1px solid #E4E4E4;
min-width: 0;
overflow-x: hidden;
overflow-y: visible;
}
.page-template-page-products-detail-mro .header-box {
height: auto;
padding: 30px 20px 0;
}
.page-template-page-products-detail-mro .description-text {
padding: 0 20px;
overflow: visible;
font-size: 14px;
}
.page-template-page-products-detail-mro .options-grid {
padding: 20px 0;
}
.page-template-page-products-detail-mro .dimensions-row {
flex-wrap: wrap;
gap: 20px;
justify-content: space-between;
}
.similar-products-module__grid {
grid-template-columns: repeat(2, 1fr);
}
.similar-products-module__card:nth-child(2) {
border-right: none;
}
.similar-products-module__card:nth-child(n
/**/
+3) {
border-top: 1px solid #eee;
}
.similar-products-module__header {
padding: 30px 20px 30px;
}
.similar-products-module__switch {
padding: 30px 20px 30px !important;
}
.similar-products-module__accent {
display: none;
}
.solutions-hero .product-series-banner__grid,
.solutions-hero .product-series-banner__cell,
.solutions-hero .solutions-hero__banner-container {
height: 420px;
}
.solutions-hero .solutions-hero__banner-content {
padding: 22px 20px;
width: 100%;
gap: 20px;
}
.solutions-hero__title {
line-height: 26px;
font-size: 20px;
}
.product-item .prod-name,
.product-item .prod-sku {
padding-right: 20px;
padding-left: 20px;
}
.product-item .prod-sku {
margin-top: 0;
}
.product-tabs-module {
--product-tabs-gutter: 20px;
}
.tabs-nav {
height: 72px;
padding: 16px 20px 16px 0;
}
.main-layout {
grid-template-columns: 1fr;
min-height: 0;
border-right: 0;
padding-top: 0;
}
.left-content {
max-width: 100%;
padding: 24px 20px;
}
.right-products {
width: 100%;
grid-template-columns: 1fr;
grid-template-rows: auto;
}
.product-item {
width: 100%;
height: auto;
min-height: 322px;
border: 1px solid #E4E4E4;
padding: 20px;
display: block;
box-sizing: border-box;
margin-bottom: -1px;
}
.prod-img {
width: 100%;
max-width: 100%;
height: 212px;
object-fit: cover;
mix-blend-mode: multiply;
}
.prod-name {
line-height: 40px;
text-transform: uppercase;
margin: 0;
text-align: left;
font-size: 14px;
width: 100%;
}
.prod-sku {
line-height: 20px;
margin: 0;
text-align: left;
font-size: 14px;
width: 100%;
}
.arrow-top-right {
position: absolute;
top: 20px;
right: 20px;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
}
.arrow-top-right path {
display: block;
}
.arrow-top-right::after {
display: none;
}
.prod-text-wrap {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
gap: 0;
}
.right-products.right-products--count-3 .product-item:nth-child(1) {
grid-column: auto;
border-right: 1px solid #E4E4E4;
}
.why-choose-module {
padding: 40px 20px;
}
.left-v-line {
top: -40px;
}
.grid-item {
padding: 20px 0;
}
.main-title {
font-size: 20px;
line-height: 24px;
}
.title-line {
height: 19px;
width: 3px;
left: -1px;
}
.customization-v3-content {
padding: 0;
}
.customization-v3-unique-node {
--customization-v3-gutter: 20px;
}
.customization-v3-inner {
margin: 0 auto;
padding: 44px 20px;
min-height: 0;
width: min(100%, 390px);
}
.layout-header-v3 {
flex-direction: column;
gap: 0;
padding: 20px 20px 0;
width: 100%;
margin-bottom: 0;
display: flex;
}
.main-wrapper-v3 {
gap: 0;
flex-direction: column-reverse;
width: 100%;
padding-bottom: 20px;
}
.layout-header-v3 h2 {
line-height: 40px;
padding: 0;
max-width: none;
font-size: 20px;
width: 100%;
font-family: "Archivo";
font-style: normal;
font-weight: 600;
text-transform: capitalize;
color: #231815;
box-sizing: border-box;
}
.list-entry-v3 {
padding: 20px 0;
gap: 20px;
align-items: center;
box-sizing: border-box;
}
.info-bundle-v3 h3 {
line-height: 20px;
font-size: 14px;
color: #003B90;
}
.info-bundle-v3 p {
line-height: 20px;
color: #231815;
font-size: 14px;
}
.svc-hero {
height: auto;
min-height: 520px;
padding: 0;
box-sizing: border-box;
border-left: none;
border-right: none;
}
.svc-hero-bg {
height: 100%;
left: 20px;
width: calc(100% - 40px);
}
.svc-hero::after {
left: 20px;
width: calc(100% - 40px);
}
.svc-hero::before {
content: "";
position: absolute;
left: 20px;
right: 20px;
top: 0;
bottom: 0;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
z-index: 1;
pointer-events: none;
}
.svc-hero-overlay {
background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 100%);
align-items: flex-end;
left: 0;
right: 0;
width: 100%;
padding: 0;
box-sizing: border-box;
position: absolute;
padding-bottom: 0;
}
.svc-hero-title {
line-height: 1.2;
font-size: 14px;
}
.svc-hero-desc {
line-height: 20px;
font-size: 14px;
}
.svc-hero-content {
gap: 20px;
padding: 40px 20px;
width: 100%;
}
.svc-hero-text-wrap {
max-width: 100%;
}
.solutions-hero-breadcrumb .product-series-breadcrumb__cell--crumbs {
padding: 0 20px;
}
.solutions-hero-breadcrumb .product-series-breadcrumb__sep {
margin: 0 6px;
}
.solutions-hero-breadcrumb .product-series-breadcrumb__link,
.solutions-hero-breadcrumb .product-series-breadcrumb__current {
font-size: 14px;
}
.v24-sustainability-section {
padding-left: 20px;
padding-right: 20px;
}
.v24-main-title {
font-size: 16px;
padding-left: 0;
}
.v24-main-title::before {
height: 19px;
left: calc(-1 * var(--v24-inner) - 2px);
transform: translateY(-50%);
}
.v25-social-responsibility {
--v25-gutter: 20px;
}
.v25-grid {
grid-template-columns: 1fr;
padding: 20px;
gap: 0;
}
.v25-section-title {
font-size: 16px;
line-height: 30px;
padding: 20px;
padding-left: 20px;
}
.v25-section-title::before {
height: 19px;
}
.v26-supply-chain__wrap {
--v26-gutter: 20px;
}
.v26-supply-chain__header {
padding: 20px;
}
.v26-supply-chain__nav {
width: 260px;
--v26-nav-pad: 20px;
padding: 0;
gap: 0;
border-top: 1px solid #E4E4E4;
order: 2;
}
.v26-supply-chain__media {
width: 360px;
padding: 20px;
height: auto;
border-top: 1px solid #E4E4E4;
order: 2;
}
.v26-supply-chain__content {
padding: 20px;
order: 1;
}
.v26-supply-chain__title {
font-size: 16px;
line-height: 30px;
}
.v26-supply-chain__accent {
height: 20px;
}
.v26-supply-chain__subtitle {
font-size: 14px;
line-height: 30px;
}
.v26-supply-chain__nav-item {
font-size: 14px;
line-height: 16px;
border-bottom: 1px solid #E4E4E4;
padding: 10px 20px;
text-align: left;
}
.sustainability-roadmap__timeline-col {
--sr-year-col: 96px;
--sr-dot-col: 32px;
width: 100%;
align-items: flex-start;
}
.sustainability-roadmap__stage {
font-size: 14px;
}
.sustainability-roadmap__content {
padding-bottom: 67px;
padding-left: 0;
}
.sustainability-roadmap__wrap {
--sr-gutter: 20px;
padding: 0 var(--sr-gutter);
}
.sustainability-roadmap__header {
padding: 30px 20px;
}
.sustainability-roadmap__table {
padding: 20px;
flex-direction: column;
align-items: stretch;
gap: 20px;
}
.sustainability-roadmap__img {
width: 92.666664px;
height: 210px;
}
.sustainability-roadmap__title {
font-size: 16px;
}
.sustainability-roadmap__accent {
height: 20px;
}
.related-blogs__right-line {
display: none;
}
.related-blogs__grid {
grid-template-columns: repeat(2, 1fr);
border-left: none;
border-right: none;
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
scrollbar-width: none;
-ms-overflow-style: none;
}
.related-blogs__card:nth-child(3) {
display: none;
}
.related-blogs__title {
font-size: 14px;
padding-left: 20px;
padding-top: 20px;
padding-bottom: 20px;
}
.related-blogs__title::before {
height: 12px;
width: 3px;
left: -1.5px;
}
.xy-wcu-banner-content {
left: 0;
bottom: 0;
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 40px 20px;
gap: 12px;
height: auto;
z-index: 2;
right: 0;
}
.xy-wcu-banner-title {
line-height: 22px;
font-size: 32px;
font-family: "Archivo";
font-style: normal;
font-weight: 900;
color: #EDEDED;
margin: 0;
}
.wcu-qm-header {
padding: 40px 20px;
gap: 20px;
flex-direction: column;
}
.wcu-qm-title {
font-size: 24px;
}
.wcu-qm-list {
padding: 40px 20px;
gap: 30px;
}
.wcu-qm-item-title {
font-size: 14px;
}
.wcu-qm-item-desc {
font-size: 14px;
}
.wcu-group-grid {
gap: 0;
padding: 20px;
flex-direction: column;
border-bottom: 1px solid #E4E4E4;
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px;
}
.wcu-title-row {
gap: 0;
flex-direction: column;
}
.wcu-rnd-heading {
line-height: 16px;
font-size: 16px;
margin-bottom: 10px;
}
.wcu-achieve-grid {
gap: 30px;
flex-direction: column;
padding: 20px;
}
.wcu-achieve-num {
font-size: 16px;
line-height: 28px;
}
.modular-solutions-exclusive-v5 {
--ms-side-gap: 20px;
padding: 0 var(--ms-side-gap);
}
.modular-solutions-exclusive-v5 .flex-stage-v5 {
height: 400px;
flex-direction: row;
width: 100%;
gap: 0;
border: none;
background: transparent;
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
margin-left: 0;
margin-right: 0;
}
.modular-solutions-exclusive-v5 .cell-v5 {
flex: 0 0 150px;
}
.modular-solutions-exclusive-v5 .flex-stage-v5:hover .cell-v5:first-child:not(:hover) {
flex: 0 0 150px;
}
.ms-bottom-title-v5 {
font-size: 20px;
}
.svc-fm-grid {
flex-direction: column;
gap: 40px;
}
.svc-fm-list {
flex: none;
width: 100%;
padding: 0 0 0 20px;
box-sizing: border-box;
gap: 10px;
}
.svc-sol-gallery {
height: auto;
position: relative;
width: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
}
.svc-sol-content h3 {
font-size: 14px;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 600;
margin: 0 0 15px;
line-height: 1.2;
}
.svc-sol-content p {
font-size: 14px;
font-family: "Archivo", sans-serif;
line-height: 1.6;
margin: 0;
opacity: 0.9;
}
.svc-cs-container {
flex-direction: column;
gap: 0;
padding: 0 20px 40px;
}
.svc-cs-left {
flex: none;
width: 100%;
}
.svc-cs-img-sticky {
margin-bottom: 20px;
position: relative !important;
top: 0 !important;
}
.svc-cs-img-sticky img {
height: 180px;
width: 100%;
border-radius: 0;
aspect-ratio: auto;
display: block;
margin-left: 0;
}
.svc-cs-params {
flex-wrap: nowrap;
gap: 0;
flex-direction: row;
overflow-x: auto;
padding: 0;
margin: 0;
width: 100%;
margin-bottom: 0;
scrollbar-width: none;
box-sizing: border-box;
border: none;
justify-content: center;
}
.hero-slide-bg-pc {
display: none;
}
.hero-slide-bg-mobile {
display: block;
}
.text-group {
width: auto;
height: auto;
}
.product-series-breadcrumb__list {
gap: 8px;
}
.banner-container {
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
}
.product-series-banner {
padding: 0 20px;
}
.intro-grid-section {
padding: 40px 20px 0;
}
.intro-grid-section::before {
top: 40px;
}
.site-logo .custom-logo--default {
display: none !important;
}
.site-logo .custom-logo--sticky {
display: block !important;
}
#full-width-search.search-overlay {
top: 0;
left: 0;
width: 100vw;
height: 100dvh;
background-color: rgba(0, 0, 0, 0.35);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
transform: none;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 260ms ease, visibility 0s linear 260ms;
z-index: 2147483002 !important;
}
#full-width-search.search-overlay.is-open {
opacity: 1;
visibility: visible;
pointer-events: auto;
transition: opacity 260ms ease;
}
body.is-search-overlay-open {
overflow: hidden;
}
body.is-search-overlay-open .product-series-breadcrumb {
display: none !important;
}
body.is-search-overlay-open .product-series-filters {
display: none !important;
}
#full-width-search .search-bar {
position: relative;
top: 133px;
left: 0;
right: 0;
bottom: 0;
width: 100%;
transform: translatey(100vh);
transition: transform 260ms ease;
border: 0;
box-sizing: border-box;
overflow: hidden;
flex-direction: column;
align-items: stretch;
gap: 0;
padding: 20px;
background: #FFF;
}
#full-width-search.search-overlay.is-open .search-bar {
transform: translatey(0);
}
#full-width-search .search-bar-logo {
display: none;
}
#full-width-search .search-back {
position: absolute;
top: 20px;
left: 20px;
width: 44px;
height: 44px;
padding: 0;
border: 0;
background: transparent;
color: #231815;
display: inline-flex;
align-items: center;
justify-content: center;
}
#full-width-search .search-close {
position: absolute;
top: 20px;
right: 20px;
width: 44px;
height: 44px;
padding: 0;
border: 0;
background: transparent;
color: #231815;
display: inline-flex;
align-items: center;
justify-content: center;
}
#full-width-search .search-form {
flex: 1 1 auto;
width: 100%;
display: flex;
flex-direction: column;
align-items: stretch;
gap: 20px;
padding-top: 64px;
box-sizing: border-box;
}
#full-width-search .search-input-box {
width: 100%;
border: 0;
padding: 0;
box-sizing: border-box;
flex: 1 1 auto;
min-height: 0;
align-items: stretch;
display: flex;
flex-direction: column;
justify-content: flex-end;
overflow: hidden;
position: relative;
background: #FFF;
}
#full-width-search .search-fake-placeholder {
position: absolute;
left: 16px;
right: 16px;
top: 14px;
bottom: 14px;
overflow: hidden;
display: flex;
align-items: flex-end;
white-space: pre-wrap;
word-break: break-word;
color: #000;
line-height: 28px;
pointer-events: auto;
user-select: none;
font-size: 14px;
}
#full-width-search .search-fake-placeholder.is-hidden {
display: none;
}
#full-width-search .search-input-box svg {
display: none;
}
#full-width-search .search-input-box>span {
display: none;
}
#full-width-search .search-field-mobile {
display: block;
width: 100%;
height: 100%;
min-height: 0;
color: #000;
line-height: 20px;
background: transparent;
border: 0;
outline: 0;
resize: none;
overflow: hidden;
font-size: 14px;
}
body.is-search-overlay-open #full-width-search .search-form {
min-height: 0;
height: 100%;
}
body.is-search-overlay-open #full-width-search .search-input-box {
flex: 0 0 auto;
min-height: 0;
align-items: stretch;
}
body.is-search-overlay-open #full-width-search .search-submit {
margin-top: 0;
}
#full-width-search .search-submit {
width: 100%;
height: 56px;
margin-left: 0;
background: #003B90;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
font-size: 14px;
}
.mobile-drawer {
top: 133px;
left: 0;
right: 0;
bottom: 0;
width: 100%;
transform: translatey(100vh);
transition: transform 260ms ease;
border: 1px solid #E4E4E4;
box-sizing: border-box;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
z-index: 999999 !important;
}
.mobile-drawer.is-active {
transform: translatey(0);
}
.product-series-breadcrumb__back svg {
width: 32px;
height: 32px;
}
.product-series-filters {
padding: 0 20px;
}
.page-template-page-product-series .product-series-filters {
position: static !important;
top: auto !important;
z-index: auto !important;
transition: none !important;
will-change: auto;
}
.page-template-page-product-series .product-series-filters.is-stuck.ps-hidden {
transform: translatey(calc(-100% - var(--xy-custom-header-h, 125px) - var(--xy-ps-breadcrumb-h, 109px))) !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: none !important;
}
.product-series-filters__cell--side-left,
.product-series-filters__cell--side-right {
display: none;
}
.product-series-filters__cell--main {
border-right: 1px solid #E4E4E4;
border-left: 1px solid #E4E4E4;
}
.product-series-filter--application,
.product-series-filter--search {
border: 0;
}
.page-template-page-product-series .product-series-filters.is-stuck {
padding: 0;
background: #FFF;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filters__grid {
grid-template-columns: 1fr;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filters__cell--main {
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filters__bar {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
padding: 0;
border-top: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter--type,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter-dropdown-wrap--application,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-search {
width: 100%;
min-width: 0;
padding: 0;
justify-content: center;
display: flex;
align-items: center;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter-dropdown-wrap--application,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-search {
border-left: 1px solid #E4E4E4;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter--type,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter--application,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-search {
padding-left: 0;
padding-right: 0;
height: 60px;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter-dropdown-wrap--application,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter-dropdown-wrap--type {
align-items: stretch;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter--application {
width: 100%;
height: 100%;
justify-content: center;
padding: 0;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter--type {
width: 100%;
height: 100%;
justify-content: center;
padding: 0;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-search {
justify-content: center;
padding: 0;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter__label,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-search__text {
display: none;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter--type svg:last-child,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter--application svg:last-child {
display: none;
}
body.is-product-series-application-open {
overflow: hidden;
}
body.is-product-series-application-open .page-template-page-product-series .product-series-filters {
will-change: auto !important;
transform: none !important;
top: 0 !important;
z-index: 2147483000 !important;
}
body.is-product-series-search-open {
overflow: hidden;
}
body.is-product-series-search-open .page-template-page-product-series .product-series-filters {
will-change: auto !important;
transform: none !important;
top: 0 !important;
z-index: 2147483000 !important;
}
body.is-product-series-search-open .site-header {
display: none !important;
}
body.is-product-series-search-open .product-series-breadcrumb {
display: none !important;
}
body.is-product-series-search-open .product-series-banner {
display: none !important;
}
body.is-product-series-application-open .product-series-banner {
display: none !important;
}
.page-template-page-product-series .product-series-filter-dropdown {
position: fixed;
inset: 0;
width: 100vw;
height: 100vh;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: none;
transition: opacity 0.2s ease, visibility 0.2s ease;
display: flex;
justify-content: flex-end;
align-items: flex-end;
z-index: 9999;
}
.page-template-page-product-series .product-series-filter-dropdown-wrap.is-open .product-series-filter-dropdown {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.page-template-page-product-series .product-series-filter-dropdown__panel {
width: 100%;
position: relative;
height: min(82vh, 720px);
max-height: calc(100vh - 40px);
background: #FFF;
border-top-left-radius: 0;
border-top-right-radius: 0;
overflow: hidden;
transform: translatex(100%);
transition: transform 0.28s ease;
display: flex;
flex-direction: column;
}
.page-template-page-product-series .product-series-filter-dropdown-wrap.is-open .product-series-filter-dropdown__panel {
transform: translatex(0);
}
.page-template-page-product-series .product-series-filter-dropdown__header {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 12px;
padding: 60px 20px 20px;
border-bottom: 1px solid #E4E4E4;
position: relative;
}
.page-template-page-product-series .product-series-filter-dropdown__icon {
display: block;
width: 24px;
height: 24px;
}
.page-template-page-product-series .product-series-filter-dropdown__title {
width: auto;
line-height: 1;
font-weight: 700;
color: #003B90;
font-size: 14px;
}
.page-template-page-product-series .product-series-filter-dropdown__close {
position: absolute;
right: 20px;
top: 30%;
transform: translatey(-50%);
}
.page-template-page-product-series .product-series-filter-dropdown__frame {
position: relative;
width: 100%;
height: auto;
min-height: 0;
left: 0;
top: auto;
padding: 20px;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
scrollbar-color: #003B90 transparent;
}
.page-template-page-product-series .product-series-filter-dropdown__frame::after {
content: "";
position: sticky;
left: 0;
right: 0;
bottom: 0;
display: block;
height: 90px;
margin-top: -90px;
background: linear-gradient(to top, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 100%);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
pointer-events: none;
z-index: 1;
}
.page-template-page-product-series .product-series-filter-dropdown__frame::-webkit-scrollbar {
width: 4px;
}
.page-template-page-product-series .product-series-filter-dropdown__frame::-webkit-scrollbar-track {
background: transparent;
}
.page-template-page-product-series .product-series-filter-dropdown__frame::-webkit-scrollbar-thumb {
background: #003B90;
min-height: 130px;
}
.page-template-page-product-series .product-series-filter-dropdown__footer {
flex: 0 0 auto;
padding: 20px;
background: #FFF;
}
.page-template-page-product-series .product-series-filter-dropdown__search-btn {
width: 100%;
height: 56px;
background: #003B90;
color: #FFF;
border: 0;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
line-height: 1;
cursor: pointer;
transition: background-color 0.2s ease;
font-size: 14px;
}
.page-template-page-product-series .product-series-filter-dropdown__search-btn:hover,
.page-template-page-product-series .product-series-filter-dropdown__search-btn:active {
background-color: #007DBF;
}
.page-template-page-product-series .product-series-filter-dropdown__row {
width: 100%;
height: auto;
box-sizing: border-box;
}
.page-template-page-product-series .product-series-filter-dropdown__item {
width: 100%;
justify-content: center;
padding: 18px 10px;
margin: 0;
position: relative;
font-size: 14px;
}
.page-template-page-product-series .product-series-filter-dropdown__row.is-active .product-series-filter-dropdown__item::after {
border-color: #003B90;
}
.page-template-page-product-series .product-series-filter-dropdown__indicator {
display: none;
}
.product-series-products__divider {
display: none;
}
.product-series-products__card--placeholder {
display: none;
}
.product-series-products__row:last-of-type .product-series-products__card:last-child {
border-bottom: none;
}
.product-series-products__content {
gap: 6px;
flex: 0 0 auto;
padding: 0 20px 20px 20px;
}
.product-series-pagination__container {
padding-left: 20px;
padding-right: 20px;
padding: 30px 20px;
}
.product-series-contact__bg-img {
inset: auto;
left: 0;
top: 0;
width: 752px;
height: 271px;
max-width: none;
object-fit: cover;
}
.product-series-contact__btn {
width: 100%;
max-width: 310px;
height: 60px;
}
.banner-overlay {
background: linear-gradient(0deg, #1B2129 0%, rgba(27, 33, 41, 0) 100%);
}
.product-series-banner__btn span {
font-size: 14px;
}
.header-mobile-actions button {
pointer-events: auto !important;
position: relative;
z-index: 9999999;
}
.hero-container {
padding: 0;
}
.hero-floating-actions {
right: 20px;
bottom: 100px;
}
.floating-btn {
width: 40px;
height: 40px;
}
.hero-progress {
left: 20px;
right: 20px;
bottom: 30px;
}
.grid-3 {
display: flex;
overflow-x: auto;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
-ms-overflow-style: none;
scrollbar-width: none;
}
.grid-3::-webkit-scrollbar {
display: none;
}
.cell-visual {
padding: 40px 0;
}
.scrollbar-thumb {
width: 142px;
height: 100%;
background-color: #003B90;
position: absolute;
top: 0;
left: 0;
}
.new-section {
padding-left: 20px;
padding-right: 20px;
}
.new-section-mobile-image {
position: relative;
width: 100%;
height: 40vh;
overflow: hidden;
}
.new-section-mobile-image .new-section-image {
object-fit: cover;
height: 100%;
}
.play-button-overlay {
position: absolute;
bottom: 0;
left: 0;
width: 60px;
height: 60px;
background-color: rgba(255, 255, 255, 0.18);
border: 1px solid rgba(255, 255, 255, 0.5);
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.xy-home-video-dialog {
width: 100vw;
height: 100vh;
transform: none;
left: 0;
top: 0;
}
.xy-home-video-close {
left: 20px;
right: auto;
top: 48px;
}
.xy-home-video-header {
left: 92px;
top: 48px;
right: 20px;
}
.xy-home-video-player {
width: 100vw;
height: 100vh;
aspect-ratio: auto;
}
.new-section-mobile-text {
padding: 30px 0 0;
}
.decorative-bar {
height: 12px;
margin-bottom: 0;
}
.new-section-mobile .new-section__btn {
width: 100%;
justify-content: flex-start;
padding: 15px 20px;
border-radius: 0;
}
.capabilities-left {
flex: 1 1 auto;
max-width: 100%;
width: 100%;
}
.capabilities-right {
flex: 1 1 auto;
max-width: 100%;
border: 0;
padding: 0;
}
.capabilities-desc {
max-width: 100%;
}
.capabilities-grid {
grid-template-columns: repeat(2, 1fr);
}
.cap-item:nth-child(3n + 2),
.cap-item:nth-child(3n + 3) {
border-left: none;
}
.cap-item:nth-child(2n) {
border-left: none;
}
.capabilities-grid .cap-item::before {
left: 12px;
right: 12px;
display: block;
top: auto;
bottom: 0;
height: 1px;
background: #E4E4E4;
}
.capabilities-grid .cap-item::after {
top: 12px;
bottom: 12px;
display: none;
}
.capabilities-grid .cap-item:nth-child(-n + 2)::before {
display: none;
}
.capabilities-grid .cap-item:nth-child(2n + 1)::after {
display: block;
left: auto;
right: 0;
top: 12px;
bottom: 12px;
width: 1px;
background: #E4E4E4;
}
.cap-label {
width: 107px;
}
.cap-item--highlight {
text-align: left;
}
.cap-highlight-desc {
margin: 0;
max-width: 100%;
}
.cap-item.is-active {
height: auto;
}
.cap-item.is-active .cap-number,
.cap-item.is-active .cap-unit,
.cap-item.is-active .cap-label {
color: #003B90;
}
.cap-item.is-active .cap-highlight-desc {
display: block;
line-height: 16px;
padding: 10px 0 0;
font-size: 14px;
}
.intro-grid__link svg {
position: absolute;
top: 10px;
right: 10px;
z-index: 2;
width: 32px;
height: 32px;
}
.capabilities-grid .cap-item:nth-last-child(-n + 2)::before {
display: none;
}
.capabilities-grid .cap-item:nth-child(1)::before,
.capabilities-grid .cap-item:nth-child(2)::before,
.capabilities-grid .cap-item:nth-child(3)::before {
display: block;
}
.story-container {
flex-direction: column;
align-items: flex-start;
gap: 24px;
padding: 40px 40px;
height: 100%;
}
.story-content {
flex: 1 1 auto;
max-width: 100%;
}
.story-visual {
flex: 1 1 auto;
max-width: 100%;
width: 100%;
justify-content: flex-end;
}
.story-image {
width: 248px;
height: 214px;
max-width: none;
}
.cards-grid {
display: flex;
overflow-x: auto;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
scrollbar-width: none;
}
.cards-grid::-webkit-scrollbar {
display: none;
}
.cards-item {
flex: 0 0 calc(100% - 80px);
padding: 20px 20px 0;
scroll-snap-align: start;
}
.cards-item+.cards-item {
border-left: 1px solid #E4E4E4;
}
.cards-date {
padding-left: 0;
}
.cards-media {
width: 260px;
height: 260px;
}
.cards-footer {
margin-left: -20px;
margin-right: -20px;
}
.cards-footer .cards-link {
padding: 22.5px 0 22.5px 20px;
}
.cards-section {
padding: 0 20px;
}
.faq-bar {
margin-left: calc(-20px - 2px);
height: 12px;
}
.site-footer {
padding-top: 0;
padding-bottom: 160px;
padding-left: 40px;
padding-right: 40px;
}
.footer-col--company {
grid-area: company;
}
.footer-col--services {
grid-area: services;
}
.footer-col--products {
grid-area: products;
grid-column: 1/-1;
border-left: none;
padding-left: 0;
}
.footer-social--desktop {
display: none;
}
.footer-social--mobile {
display: flex;
}
.footer-social {
justify-content: space-between;
padding: 20px;
}
.footer-subscribe {
padding: 0 20px;
}
.footer-subscribe-btn {
border-top: 1px solid rgba(255, 255, 255, 0.25);
width: 100%;
max-width: 100%;
gap: 20px;
padding: 18px 0;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
font-size: 14px;
}
.footer-heading {
font-family: "Archivo", sans-serif;
font-weight: 400;
padding: 16px 0 0;
font-size: 14px;
}
.footer-link {
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 600;
padding: 12px 0 0;
font-size: 14px;
}
.footer-social-link {
width: 30px;
height: 30px;
}
.footer-contact-title {
font-family: "Archivo", sans-serif;
font-weight: 600;
line-height: 20px;
font-size: 14px;
}
.footer-contact-text {
font-family: "Archivo", sans-serif;
font-weight: 300;
line-height: 20px;
padding: 0;
font-size: 14px;
}
.cta-section {
min-height: 24vh;
}
.faq-container {
padding-top: 40px;
}
.faq-section {
padding-left: 20px;
padding-right: 20px;
}
.faq-Rectangle {
height: 44px;
background: rgba(12, 47, 98, 0.05);
}
.footer-col {
width: 100%;
gap: 44px;
}
.footer-contact {
padding: 20px;
}
.blog-pagination {
padding: 0 20px;
}
.blog-hero__overlay,
.blog-hero__hover-panel {
padding: 20px;
}
.blog-hero__date,
.news-header__subtitle {
font-size: 14px;
}
.blog-hero__desc,
.blog-hero__hover-desc {
font-size: 14px;
}
.blog-subscribe__input {
width: 100%;
padding: 20px;
font-size: 14px;
}
.blog-subscribe__btn {
width: 100%;
justify-content: center;
padding: 20px;
font-size: 14px;
}
.blog-pagination__link svg {
width: 20px;
height: 20px;
}
.blog-content,
.blog-subscribe,
.blog-hero {
padding: 0 20px;
}
.blog-share a {
width: 24px;
height: 24px;
}
.other-blogs-section {
padding-left: 20px;
padding: 50px 0 0 0;
padding-right: 0 !important;
}
.other-blogs-header {
padding: 20px;
border-left: none;
}
.other-blogs-header::before {
display: block;
left: 0;
width: 3px;
height: 12px;
}
.other-blogs-title {
font-size: 14px;
}
.other-blogs-title-text {
font-size: 14px;
}
.other-blogs-wrapper {
border-left: none;
border-right: none;
}
.xy-local-faq-section {
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
border-left: none;
border-right: none;
}
.xy-local-faq-section::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 20px;
right: 20px;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
pointer-events: none;
}
.xy-contact-submit-module {
margin: 40px 0;
padding: 0 20px;
}
.xy-local-faq-header {
padding: 40px 0 0;
}
.xy-local-faq-title {
font-size: 14px;
}
.xy-local-faq-bottom-block {
height: 44px;
}
.xy-local-faq-list {
padding: 0;
}
.xy-contact-blogs-section {
padding: 50px 0 0 0;
}
.xy-contact-blogs-header {
padding: 0 20px 20px;
border-left: none;
}
.xy-contact-blogs-header::before {
display: none;
}
.xy-contact-blogs-title {
font-size: 14px;
}
.xy-contact-blogs-wrapper {
border-left: none;
border-right: none;
}
.xy-contact-blogs-title-text {
font-size: 14px;
}
.xy-contact-blogs-scroll-container {
margin-top: 30px;
margin-bottom: 50px;
}
.xy-events-intro {
display: block;
padding: 0 20px;
}
.xy-events-intro__box {
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
padding: 40px 20px 20px;
}
.xy-events-intro__title {
margin: 0 0 10px;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 700;
line-height: 1.1;
color: #231815;
font-size: 14px;
}
.xy-events-intro__meta {
display: flex;
align-items: flex-start;
gap: 8px;
margin-bottom: 8px;
font-family: "Archivo", sans-serif;
font-weight: 400;
line-height: 1.35;
color: #231815;
font-size: 14px;
}
.xy-events-intro__meta svg {
flex-shrink: 0;
margin-top: 1px;
}
.xy-events-intro__desc {
margin: 0;
font-family: "Archivo", sans-serif;
font-weight: 300;
line-height: 1.45;
color: #231815;
font-size: 14px;
}
.xy-events-intro__footer {
display: flex;
align-items: stretch;
justify-content: space-between;
margin-top: 14px;
}
.xy-events-intro__socials {
display: flex;
align-items: center;
gap: 14px;
padding: 12px 0;
}
.xy-events-intro__socials a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
text-decoration: none;
}
.xy-events-hero {
min-height: 560px;
height: calc(var(--xy-visual-vh, 100vh) * 0.65);
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
background: #FFF;
border-top: 1px solid rgba(228, 228, 228, 0.5);
}
.xy-events-hero__slider {
position: absolute;
inset: 0 20px;
}
.xy-events-hero__desc {
font-size: 14px;
}
.xy-explore-hero__desc {
font-size: 14px;
}
.xy-explore-hero__btn {
font-size: 14px;
}
.news-subscribe-input {
font-size: 14px;
}
.news-header__inner {
padding: 40px 20px 20px;
}
.news-detail-main>section {
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
border-left: 1px solid #E5E5E5;
border-right: 1px solid #E5E5E5;
}
.news-header__date {
margin-bottom: 20px;
font-size: 14px;
}
.news-header__desc {
font-size: 14px;
}
.news-footer-action__inner {
flex-direction: column;
align-items: stretch;
gap: 0;
}
.news-footer-action__left {
flex-direction: column;
align-items: center;
width: 100%;
}
.news-footer-action__divider {
display: block;
width: 100%;
height: 1px;
background: #E5E5E5;
}
.news-top-pagination__link {
font-size: 14px;
}
.news-scroll-container {
margin-top: 30px;
margin-bottom: 50px;
}
.news-mobile-divider {
display: block;
width: 100%;
height: 1px;
background: #E5E5E5;
}
.news-share {
padding: 20px 0;
}
.page-template-page-products-detail-mro #modal3D.mro3d-modal {
padding: 0;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.01);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
display: none;
}
.page-template-page-products-detail-mro #modal3D.mro3d-modal.active {
display: block;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__card {
width: 100%;
height: auto;
position: absolute;
top: 133px;
bottom: 0;
left: 0;
right: 0;
background: #fff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
aspect-ratio: auto;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__viewer {
height: 100%;
justify-content: center;
align-items: center;
padding: 0 20px;
box-sizing: border-box;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__img {
width: 88%;
height: auto;
max-height: none;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__hint {
position: absolute;
top: 80px;
left: 0;
right: 0;
bottom: auto;
text-align: center;
font-size: 14px;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__close {
top: 20px;
right: 20px;
background: transparent;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__nav {
position: absolute;
bottom: 40px;
background: transparent;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__nav--prev {
left: 20px;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__nav--next {
right: 20px;
}
.related-blogs__heading {
font-size: 14px;
}
.related-blogs-section .section-container {
padding-left: 20px;
padding-right: 0;
}
.related-blogs__top-divider {
margin-bottom: 30px;
width: calc(100% - 20px);
}
.related-blogs__content-wrapper {
padding-left: 0;
}
.related-blogs__mid-divider {
width: 100%;
}
.related-blogs__grid::-webkit-scrollbar {
display: none;
}
.scrollbar-track {
width: 100%;
height: 4px;
background-color: #F3F5F7;
position: relative;
}
.related-blogs__card {
border-right: 1px solid #E4E4E4;
border-left: none;
padding: 10px 20px 0;
flex: 0 0 85%;
scroll-snap-align: start;
}
.related-blogs__card:last-child {
border-right: 1px solid #E4E4E4;
}
.related-blogs__grid::after {
content: "";
display: block;
flex: 0 0 20px;
width: 20px;
}
.related-blogs__card:nth-child(2),
.related-blogs__card:nth-child(3) {
display: flex;
}
.related-blogs__date {
padding: 0 0 20px 0;
font-size: 14px;
}
.related-blogs__content {
padding: 20px 0;
color: #231815;
line-height: 24px;
font-size: 14px;
}
.related-blogs__desc {
font-size: 14px;
}
.related-blogs__footer {
margin-left: -20px;
margin-right: -20px;
}
.related-blogs__link {
padding: 20px;
font-size: 14px;
}
.xy-chat-window {
position: fixed;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 100vh;
border-radius: 0;
}
.xy-chat-body {
flex: 1;
height: auto;
}
.xy-chat-trigger {
width: 40px;
height: 40px;
}
.v25-item-text {
line-height: 30px;
font-size: 14px;
padding: 20px 10px;
}
.v25-item-desc {
line-height: 24px;
font-size: 14px;
}
.v26-supply-chain__text {
line-height: 24px;
font-size: 14px;
}
.footer-div,
.footer-contact {
padding: 16px 20px 0;
}
.page-template-page-products-detail-mro .product-title {
font-size: 14px;
}
.page-template-page-products-detail-mro .label {
font-size: 14px;
}
.page-template-page-products-detail-mro .size-btn {
font-size: 14px;
width: 90px;
}
.page-template-page-products-detail-mro .contact-btn {
height: 60px;
font-size: 14px;
}
.v21-news-item {
flex-direction: column-reverse;
gap: 20px;
height: 100%;
}
.v21-text-content {
padding: 20px;
}
.v21-image-box {
width: 100%;
height: 200px;
}
.v21-item-title {
font-size: 14px;
}
.xy-about-driven-image img {
padding: 0 20px;
height: 250px;
}
.xy-about-driven-item p {
line-height: 28px;
font-size: 14px;
}
.xy-about-driven-item svg {
width: 8px;
height: 8px;
}
.xy-about-driven-bottom-container {
flex-direction: column;
gap: 20px;
padding: 20px 0;
align-items: center;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
}
.xy-about-driven-card {
width: 350px;
height: 282px;
position: relative;
flex: none;
}
.xy-about-driven-card img {
width: 100%;
height: 288px;
position: absolute;
left: 50%;
top: -6px;
transform: translatex(-50%);
object-fit: cover;
}
.xy-about-driven-card-mask {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 20px;
gap: 12px;
position: absolute;
width: 350px;
height: auto;
left: 50%;
bottom: 0;
transform: translatex(-50%);
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
justify-content: flex-end;
}
.xy-about-driven-card-mask h3 {
font-family: "Zalando Sans Expanded";
font-style: normal;
font-weight: 400;
line-height: 19px;
color: #EDEDED;
margin: 0;
width: 310px;
font-size: 14px;
}
.xy-about-driven-card-mask p {
font-family: "Archivo";
font-style: normal;
font-weight: 400;
line-height: 16px;
color: #EDEDED;
margin: 0;
width: 310px;
font-size: 14px;
}
.xy-about-driven-card+.xy-about-driven-card {
border-left: none;
}
.xy-about-overview-link svg {
top: 10px;
right: 10px;
width: 32px;
height: 32px;
}
.xy-about-overview-desc {
line-height: 16px;
font-size: 14px;
}
.xy-about-overview-grid {
display: flex;
overflow-x: auto;
-ms-overflow-style: none;
scrollbar-width: none;
border-left: none;
border-right: none;
}
.xy-about-overview-grid::-webkit-scrollbar {
display: none;
}
.xy-about-overview-cell+.xy-about-overview-cell {
border-left: 1px solid #E4E4E4;
}
.xy-about-overview-cell-title,
.xy-about-history-title {
font-size: 14px;
}
.xy-about-overview-scrollbar-container {
display: block;
margin-top: -1px;
}
.xy-about-banner-bg {
position: absolute;
width: 711px;
height: 461px;
left: calc(50% - 711px / 2 + 0.5px);
}
.xy-about-banner-subtitle {
font-family: "Archivo";
font-style: normal;
font-weight: 400;
line-height: 36px;
color: #EDEDED;
margin: 0;
font-size: 14px;
}
.xy-about-banner-desc {
font-family: "Archivo";
font-style: normal;
font-weight: 100;
line-height: 20px;
color: #EDEDED;
margin: 0;
width: 350px;
font-size: 14px;
}
.xy-about-foot-container {
padding: 0;
}
.xy-about-foot-title {
font-size: 14px;
}
.xy-about-foot-title-line {
height: 12px;
}
.xy-about-foot-header {
margin-bottom: 170px;
}
.xy-about-foot-header h3 {
line-height: 20px;
font-size: 14px;
}
.xy-about-foot-header p {
line-height: 16px;
font-size: 14px;
}
.xy-about-foot-stats::-webkit-scrollbar {
display: none;
}
.xy-about-achieve-grid {
flex-direction: row;
flex-wrap: wrap;
gap: 0;
border-left: none;
border-right: none;
}
.xy-about-achieve-box:nth-child(even) {
border-right: none;
}
.xy-about-achieve-box-img img {
max-width: 143px;
max-height: 143px;
}
.xy-about-achieve-grid>div:nth-child(1) {
order: 2;
}
.xy-about-achieve-grid>div:nth-child(2) {
order: 1;
}
.xy-about-achieve-grid>div:nth-child(3) {
order: 4;
}
.xy-about-achieve-grid>div:nth-child(4) {
order: 3;
}
.xy-about-achieve-grid>div:nth-child(6) {
order: 6;
}
.xy-about-achieve-grid>div:nth-child(5) {
order: 5;
}
.xy-about-achieve-grid>div:nth-child(8) {
order: 8;
}
.xy-about-achieve-grid>div:nth-child(7) {
order: 7;
}
.xy-about-overview-left,
.xy-about-overview-right {
padding: 0;
}
.xy-contact-hero {
padding: 0 20px;
}
.xy-contact-header-module,
.xy-contact-info-module {
padding: 0 20px;
}
.xy-contact-detail-item,
.xy-contact-detail-item {
font-size: 14px;
}
.xy-social-link {
width: 20px;
height: 20px;
}
.xy-social-link svg {
width: 20px;
height: 20px;
}
.xy-contact-icon svg {
width: 16px;
height: 16px;
}
.xy-contact-container,
.xy-contact-container {
padding: 20px;
}
.xy-form-group-full {
grid-column: span 1;
}
.xy-contact-form-desc {
margin-bottom: 20px;
font-size: 14px;
}
.v21-news-section {
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
.v21-date {
font-size: 14px;
}
.v21-news-container {
border-left: 1px solid rgba(228, 228, 228, 0.5);
border-right: 1px solid rgba(228, 228, 228, 0.5);
}
.article-selector__item--empty {
display: none;
}
.article-selector__text {
font-size: 14px;
}
.article-selector__icon {
width: 24px;
height: 24px;
}
.v21-item-desc {
width: 100%;
font-size: 14px;
}
.hero-banner-divider {
display: block;
}
.hero-banner-module .hero-breadcrumb {
margin: 0 0 14px;
font-size: 14px;
}
.hero-banner-module .hero-subtitle {
font-size: 13px;
}
.perf-display {
flex-direction: column;
}
.mobile-carousel-controls {
display: flex;
}
.perf-content-desc {
line-height: 20px;
font-size: 14px;
}
.large-card,
.long-card,
.small-card {
grid-column: span 1;
height: 266px;
width: 100%;
}
.item-overlay h3 {
font-size: 14px;
}
.item-overlay {
padding: 20px 40px;
}
.solutions-hero-banner-bottom-bar {
height: 44px;
}
.solutions-hero__title-row {
gap: 10px;
}
.solutions-hero__desc {
line-height: 18px;
font-size: 13px;
}
.tabs-accent {
height: 12px;
margin-right: 16px;
}
.tabs-title {
line-height: 24px;
font-size: 14px;
}
.tabs-title svg {
width: 28px;
height: 28px;
}
.right-products.right-products--count-1,
.right-products.right-products--count-2,
.right-products.right-products--count-3 {
grid-template-columns: 1fr;
grid-template-rows: auto;
width: 100%;
}
.right-products.right-products--count-2 .prod-img {
height: 242px;
}
.header-row {
margin-bottom: 20px;
min-height: 24px;
padding-left: 12px;
}
.grid-container {
grid-template-columns: 1fr;
}
.right-v-line {
top: -40px;
}
.item-right-line {
display: none;
}
.item-bottom-line {
display: block;
}
.icon-box {
width: 40px;
height: 40px;
margin-bottom: 15px;
}
.item-title {
line-height: 16px;
margin: 0 0 10px 0;
font-size: 14px;
}
.list-entry-v3,
.visual-anchor-v3 {
padding: 20px;
}
.customization-v3-frame {
overflow: hidden;
}
.customization-v3-container {
max-width: none;
width: 100%;
}
.visual-anchor-v3 {
width: 100%;
flex: 0 1 auto;
}
.visual-anchor-v3 img {
width: 100%;
margin: 0 auto;
}
.feature-stack-v3 {
width: 100%;
gap: 0;
}
.icon-bracket-v3 {
width: 24px;
height: 24px;
}
.icon-bracket-v3 svg {
width: 24px;
height: 24px;
}
.info-bundle-v3 {
flex: 1;
gap: 8px;
}
.v24-header {
padding: 20px 20px;
--v24-inner: 20px;
}
.v24-body {
padding: 0 20px 40px;
}
.v24-steps-wrap {
max-width: none;
}
.v24-steps-list {
gap: 26px;
}
.v24-step-item {
gap: 16px;
}
.v24-icon-circle {
width: 40px;
height: 40px;
}
.v24-icon-circle svg {
width: 40px;
height: 40px;
}
.v24-step-title {
margin-bottom: 8px;
font-size: 14px;
}
.v24-step-desc {
font-size: 14px;
}
.v26-supply-chain__body {
flex-direction: column;
}
.v26-supply-chain__nav,
.v26-supply-chain__detail,
.v26-supply-chain__media,
.v26-supply-chain__content,
.v26-supply-chain__detail-panel {
width: 100%;
border-right: none;
}
.v26-supply-chain__detail {
order: 1;
}
.v26-supply-chain__nav-item:last-child {
border-bottom: none;
}
.v26-supply-chain__nav-item.is-active::after {
display: none;
}
.v26-supply-chain__detail-panel {
flex-direction: column;
}
.sustainability-roadmap__year {
padding-right: 0;
font-size: 14px;
}
.sustainability-roadmap__media-col {
width: 100%;
flex-direction: row;
justify-content: space-between;
gap: 10px;
}
.sustainability-roadmap__media {
padding-bottom: 0;
}
.sustainability-roadmap__timeline-col::before {
margin-left: 0;
}
.wcu-rnd-sec .wcu-container,
.wcu-achieve-sec .wcu-container,
.wcu-qm-sec .wcu-container {
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
}
.wcu-qm-item {
gap: 20px;
}
.wcu-qm-icon {
width: 36px;
height: 36px;
margin-left: 0;
}
.wcu-group-sec {
padding: 0 20px;
}
.wcu-subtitle-box {
padding: 20px 20px 0;
}
.wcu-title-box {
padding: 0 20px;
}
.wcu-dot svg {
width: 8px;
height: 8px;
}
.wcu-group-right {
display: block;
padding: 0 20px 20px;
}
.wcu-list {
margin: 0;
}
.wcu-list li svg {
width: 34px;
height: 34px;
margin-right: 0;
}
.wcu-rnd-header {
padding: 20px;
}
.wcu-rnd-title {
font-size: 14px;
}
.wcu-rnd-title::before {
height: 12px;
}
.wcu-rnd-grid {
flex-direction: column;
padding: 20px;
}
.wcu-rnd-img-wrapper {
width: 100%;
height: auto;
aspect-ratio: 1/1;
}
.wcu-rnd-img-deco-tl,
.wcu-rnd-img-deco-br {
width: 40px;
height: 40px;
}
.wcu-achieve-header {
padding: 20px 20px 0 20px;
}
.wcu-achieve-title {
font-size: 16px;
}
.xy-wcu-banner {
height: 461px;
background: #F3F5F7;
padding: 0;
}
.xy-wcu-banner-bg {
position: absolute;
width: 711px;
height: 461px;
left: calc(50% - 711px / 2 + 0.5px);
}
.xy-wcu-banner-mask {
display: block;
background: linear-gradient(0deg, rgba(27, 33, 41, 0.6) 2.84%, rgba(27, 33, 41, 0) 98.08%);
}
.xy-wcu-banner-desc {
font-family: "Archivo";
font-style: normal;
font-weight: 100;
line-height: 20px;
color: #EDEDED;
margin: 0;
width: 350px;
font-size: 14px;
}
.modular-solutions-exclusive-v5 .title-row-v5 {
margin-bottom: 0;
}
.modular-solutions-exclusive-v5 .indicator-v5 {
height: 12px;
}
.modular-solutions-exclusive-v5 .main-label-v5 {
font-size: 14px;
}
.modular-solutions-exclusive-v5 .flex-stage-v5::-webkit-scrollbar {
display: none;
}
.modular-solutions-exclusive-v5 .cell-v5,
.modular-solutions-exclusive-v5 .cell-v5:first-child,
.modular-solutions-exclusive-v5 .flex-stage-v5:hover .cell-v5:first-child:not(:hover) {
width: calc(100vw - 40px);
height: 100%;
flex: 0 0 calc(100vw - 40px);
margin: 0;
scroll-snap-align: start;
}
.modular-solutions-exclusive-v5 .mask-v5 {
padding: 20px;
justify-content: flex-end;
background: linear-gradient(to top, rgba(0, 30, 60, 0.9) 0%, rgba(0, 30, 60, 0) 60%);
}
.modular-solutions-exclusive-v5 .info-v5 {
opacity: 1;
transform: translatey(0);
max-width: 100%;
}
.modular-solutions-exclusive-v5 .heading-v5 {
white-space: normal;
margin-bottom: 10px;
font-size: 14px;
}
.modular-solutions-exclusive-v5 .para-v5 {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 14px;
}
.modular-solutions-exclusive-v5 .action-v5 {
display: none;
}
.ms-slider-nav-v5 {
display: flex !important;
justify-content: space-between;
align-items: center;
padding: 20px;
border-right: 1px solid #E4E4E4;
border-left: 1px solid #E4E4E4;
}
.ms-slider-arrow-v5 {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.ms-slider-arrow-v5 svg {
width: 24px;
height: 24px;
stroke: #231815;
}
.wcu-rnd-sec,
.wcu-achieve-sec,
.wcu-qm-sec {
padding: 0 20px;
}
.mobile-drawer-overlay {
z-index: 999998 !important;
}
.v21-news-pagination__container {
padding-left: 20px;
padding-right: 20px;
}
.v21-news-pagination {
height: 100px;
}
.v21-news-pagination__inner {
height: 100px;
gap: 30px;
}
.v21-news-pagination__numbers {
gap: 30px;
}
.v21-news-pagination__number,
.v21-news-pagination__dots {
line-height: 22px;
font-size: 14px;
}
.article-selector__dropdown {
position: fixed;
inset: 0;
width: 100vw;
height: 100vh;
left: auto;
right: auto;
top: 0;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: none;
transition: opacity 0.2s ease, visibility 0.2s ease;
display: flex;
justify-content: flex-end;
align-items: flex-end;
z-index: 9999;
box-shadow: none;
border-top: none;
}
.article-selector__item.is-open .article-selector__dropdown {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: none;
}
.article-selector-dropdown__panel {
width: 100%;
position: relative;
height: min(82vh, 720px);
max-height: calc(100vh - 40px);
background: #FFF;
overflow: hidden;
transform: translatey(100%);
transition: transform 0.28s ease;
display: flex;
flex-direction: column;
}
.article-selector__item.is-open .article-selector__dropdown .article-selector-dropdown__panel {
transform: translatey(0);
}
.article-selector-dropdown__header {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: space-between;
padding: 24px 20px;
border-bottom: 1px solid #E4E4E4;
}
.article-selector-dropdown__frame {
flex-grow: 1;
display: flex;
flex-direction: column;
padding: 20px;
gap: 20px;
max-height: none;
}
.article-selector-dropdown__footer {
flex-shrink: 0;
padding: 20px;
display: block;
}
.article-selector-dropdown__indicator {
width: 100px;
height: 4px;
background: #E4E4E4;
border-radius: 2px;
margin: 0 auto 10px auto;
display: block;
}
.article-selector-wrapper {
padding-inline: 22px;
}
.article-selector {
flex-direction: column;
height: auto;
padding: 0;
gap: 0;
border-left: 1px solid rgba(228, 228, 228, 0.5);
border-right: 1px solid rgba(228, 228, 228, 0.5);
}
.article-selector__item {
width: 100%;
padding: 20px;
height: 58px;
min-height: 58px;
}
.article-selector__trigger {
justify-content: flex-start;
}
.article-selector__chevron {
margin-left: auto;
}
.article-selector__item:not(:last-child)::after {
display: none;
}
body.is-article-selector-open {
overflow: hidden;
height: 100vh;
}
.faq-group {
margin-bottom: 20px;
}
.faq-group-title {
margin-bottom: 20px;
font-size: 14px;
}
.faq-accordion-list {
padding-right: 0;
}
.faq-accordion-list::after {
display: none;
}
.faq-hero-content {
padding: 40px 20px;
}
.faq-tabs {
gap: 30px;
overflow-x: auto;
justify-content: flex-start;
padding-bottom: 0;
}
.faq-tab {
white-space: nowrap;
padding: 15px 0;
font-size: 14px;
}
.faq-hero-title {
font-size: 24px;
}
.xy-home-video-controls {
left: 0;
right: 0;
bottom: 0;
top: 0;
gap: 8px;
}
.xy-home-video-control-btn#xyHomeVideoPlayToggle {
width: 32px;
height: 32px;
position: absolute;
left: 20px;
bottom: 20px;
}
.xy-home-video-control-btn svg {
width: 32px;
height: 32px;
}
.xy-home-video-progress {
display: none;
}
.xy-home-video-volume-wrap {
position: absolute;
right: 8px;
top: 50%;
width: 133px;
transform: rotate(-90deg) translatey(0);
transform-origin: right top;
z-index: 2;
}
.xy-home-video-control-btn#xyHomeVideoMute {
display: none;
}
.xy-home-video-volume {
width: 133px;
background: #B5B5B6;
}
.xy-home-video-control-time,
.xy-home-video-time-sep {
line-height: 19px;
min-width: 0;
font-size: 14px;
}
#xyHomeVideoDuration {
font-weight: 330;
color: #CDD0D2;
}
.xy-home-video-time-sep {
font-weight: 330;
font-size: 20px;
}
.xy-home-video-time-badge {
position: absolute;
left: 50%;
bottom: 20px;
transform: translatex(-50%);
display: inline-flex;
align-items: center;
gap: 10px;
padding: 10px 20px;
background: rgba(255, 255, 255, 0.12);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
z-index: 3;
}
.xy-home-video-time-current,
.xy-home-video-time-duration {
display: none;
}
.xy-home-video-fullscreen {
display: inline-flex;
position: absolute;
right: 20px;
bottom: 20px;
width: 32px;
height: 32px;
}
.v21-news-pagination__line {
display: none;
}
.xy-contact-details {
flex: 0 0 auto;
width: 100%;
height: auto;
min-height: 0;
justify-content: flex-start;
gap: 16px;
}
.xy-contact-map-wrap {
flex: 0 0 auto;
width: 100%;
min-width: 0;
height: 200px;
max-height: 200px;
}
.hero-banner-module .xy-elevators-hero-subtitle {
font-size: 13px;
}
.xy-elevators-section__head,
.xy-elevators-feature__head {
padding: 32px 20px;
}
.xy-elevators-section__accent,
.xy-elevators-feature__accent {
height: 12px;
}
.xy-elevators-section__title,
.xy-elevators-feature__title {
padding-left: 0;
line-height: 1.18;
font-size: 16px;
}
.xy-elevators-hero__desc {
margin-bottom: 14px;
font-size: 13px;
}
.xy-elevators-hero__btn {
font-size: 13px;
}
.xy-elevators-mod3b__info {
padding: 22px 14px 18px;
}
.xy-elevators-mod3b__value {
font-size: 22px;
}
.xy-elevators-mod3b__unit {
font-size: 14px;
}
.xy-elevators-mod3b__label {
font-size: 14px;
}
.xy-elevators-mod3b__desc {
max-width: 100%;
font-size: 14px;
}
.xy-elevators-mod3__tile--media {
aspect-ratio: 1/1;
}
.xy-elevators-mod3__label {
font-size: 14px;
}
.xy-elevators-feature__right {
padding: 20px;
}
.xy-elevators-feature__gallery {
grid-template-columns: 1fr;
}
.xy-elevators-card__body {
padding: 12px;
}
.xy-elevators-card__name {
font-size: 14px;
}
.xy-elevators-card__meta {
font-size: 14px;
}
.xy-elevators-cta__text {
padding: 20px 16px;
}
.xy-elevators-cta__text h3 {
font-size: 14px;
}
.xy-elevators-cta__text p {
font-size: 13px;
}
.why-xingyi-module .section-container::before,
.why-xingyi-module .section-container::after {
content: "";
position: absolute;
bottom: 0;
width: 1px;
background-color: #E4E4E4;
display: block !important;
z-index: 1;
}
.why-xingyi-module {
display: block;
}
.why-xingyi-module::before,
.why-xingyi-module::after {
display: none !important;
}
.feature-item {
padding: 0 20px;
border-right: none;
}
.features-grid .feature-item:last-child {
border-bottom: none;
}
.feature-title {
min-height: auto;
font-weight: 700;
margin: 0;
padding: 0 40px;
line-height: 20px;
font-size: 14px;
}
.benefits-split-section .section-container::before,
.benefits-split-section .section-container::after {
content: "";
position: absolute;
bottom: 0;
width: 1px;
background-color: #E4E4E4;
display: block !important;
z-index: 1;
}
.benefits-split-section {
display: block;
}
.benefits-split-section::before,
.benefits-split-section::after {
display: none !important;
}
.benefits-split-section .section-title-wrap {
padding: 24px 0;
}
.split-text ul {
padding: 15px;
}
.split-img {
padding: 20px;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__grid {
display: grid;
grid-template-columns: 20px 1fr 20px;
grid-template-rows: auto auto;
position: relative;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__line-v {
display: block;
width: 1px;
background: #E4E4E4;
grid-row: 1/3;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__line-v--left {
grid-column: 1;
justify-self: end;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__line-v--right {
grid-column: 3;
justify-self: start;
grid-row: 2/3;
right: 0;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__line-h {
display: block !important;
height: 1px;
background: #E4E4E4;
grid-column: 1/-1;
grid-row: 1;
align-self: end;
justify-self: stretch;
width: 100%;
position: relative;
z-index: 3;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__grid .accent-line {
display: block;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__grid>.accent-line {
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: start !important;
align-self: center !important;
transform: translatex(-2px) !important;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__grid .section-header {
grid-column: 2;
grid-row: 1;
padding: 24px 20px 24px;
width: 100%;
box-sizing: border-box;
border-bottom: 1px solid #E4E4E4;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__grid .traits-grid {
grid-column: 2;
grid-row: 2;
grid-template-columns: 1fr;
border-top: none;
}
.page-template-page-products-detail-mro .product-parameters .why-choose-us__grid {
display: grid;
grid-template-columns: 20px 1fr 20px;
grid-template-rows: auto auto;
position: relative;
}
.page-template-page-products-detail-mro .product-parameters .why-choose-us__line-v {
display: block;
width: 1px;
background: #E4E4E4;
grid-row: 1/4;
}
.page-template-page-products-detail-mro .product-parameters .why-choose-us__line-v--left {
grid-column: 1;
justify-self: end;
}
.page-template-page-products-detail-mro .product-parameters .why-choose-us__line-v--right {
grid-column: 3;
justify-self: start;
grid-row: 2/4;
}
.page-template-page-products-detail-mro .product-parameters .why-choose-us__line-h {
display: block !important;
height: 1px;
background: #E4E4E4;
grid-column: 1/-1;
grid-row: 1;
align-self: end;
justify-self: stretch;
width: 100%;
position: relative;
z-index: 3;
}
.page-template-page-products-detail-mro .product-parameters .accent-line {
display: block;
}
.page-template-page-products-detail-mro .product-parameters .section-header {
grid-column: 2;
grid-row: 1;
padding: 24px 20px 24px;
border-bottom: 1px solid #E4E4E4;
}
.page-template-page-products-detail-mro .product-parameters .why-choose-us__grid>.accent-line {
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: start !important;
align-self: center !important;
transform: translatex(-2px) !important;
}
.page-template-page-products-detail-mro .product-parameters__scrollbar {
display: block;
grid-column: 2;
grid-row: 3;
margin-left: 0;
margin-right: 0;
width: 100%;
height: 0;
position: sticky;
left: 0;
bottom: 0;
z-index: 4;
line-height: 0;
}
.page-template-page-products-detail-mro .product-parameters__grid {
grid-column: 2/3 !important;
grid-row: 2/3 !important;
padding: 0;
margin-left: 0;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
scrollbar-color: #003B90 #E4E4E4;
}
.page-template-page-products-detail-mro .product-parameters__grid::-webkit-scrollbar {
height: 0;
}
.page-template-page-products-detail-mro .product-parameters__grid::-webkit-scrollbar-track {
background: #E4E4E4;
}
.page-template-page-products-detail-mro .product-parameters__grid::-webkit-scrollbar-thumb {
background: #003B90;
border-radius: 2px;
}
.page-template-page-products-detail-mro .product-parameters__scrollbar-range {
margin-left: calc(100px + 1px);
margin-top: 0;
margin-bottom: 0;
position: relative;
top: -4px;
appearance: none;
-webkit-appearance: none;
background: transparent;
height: 4px;
display: block;
}
.page-template-page-products-detail-mro .product-parameters__scrollbar-range::-webkit-slider-runnable-track {
height: 4px;
background: #E4E4E4;
border-radius: 0;
}
.page-template-page-products-detail-mro .product-parameters__scrollbar-range::-webkit-slider-thumb {
-webkit-appearance: none;
width: 142px;
height: 4px;
background: #003B90;
border-radius: 0;
margin-top: 0;
}
.page-template-page-products-detail-mro .product-parameters__scrollbar-range::-moz-range-track {
height: 4px;
background: #E4E4E4;
border-radius: 0;
}
.page-template-page-products-detail-mro .product-parameters__scrollbar-range::-moz-range-thumb {
width: 142px;
height: 4px;
background: #003B90;
border: none;
border-radius: 0;
}
.page-template-page-products-detail-mro .product-parameters__table {
border-collapse: separate;
border-spacing: 0;
min-width: 560px;
}
.page-template-page-products-detail-mro .product-parameters__col--label {
width: 100px;
}
.page-template-page-products-detail-mro .product-parameters__th,
.page-template-page-products-detail-mro .product-parameters__th-spacer {
padding: 16px 12px;
font-size: 14px;
}
.page-template-page-products-detail-mro .product-parameters__td--label,
.page-template-page-products-detail-mro .product-parameters__th--label {
width: 100px;
min-width: 100px;
max-width: 100px;
}
.page-template-page-products-detail-mro .product-parameters__th--label {
position: sticky;
left: 0;
z-index: 3;
background: #003B90;
}
.page-template-page-products-detail-mro .product-parameters__td--label {
position: sticky;
left: 0;
z-index: 2;
background: #FFF;
border-right: 1px solid #E4E4E4;
}
.page-template-page-products-detail-mro .product-parameters__icon {
width: 16px !important;
height: 16px !important;
}
.page-template-page-products-detail-mro .product-parameters__label {
line-height: 1.2;
font-size: 14px;
}
.page-template-page-products-detail-mro .solutions-module .why-choose-us__grid {
grid-template-columns: 20px 1fr 20px;
grid-template-rows: auto auto;
}
.page-template-page-products-detail-mro .solutions-module .solutions-module__accent {
display: block !important;
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: start !important;
align-self: center !important;
transform: translatex(-2px) !important;
}
.page-template-page-products-detail-mro .solutions-module .solutions-module__header {
grid-column: 2 !important;
grid-row: 1 !important;
padding: 24px 20px 24px !important;
}
.page-template-page-products-detail-mro .solutions-module .solutions-module__content {
grid-column: 2 !important;
grid-row: 2 !important;
height: auto !important;
min-width: 0;
}
.page-template-page-products-detail-mro .solutions-module .solutions-module__media {
width: 350px;
height: 350px;
max-width: 100%;
margin: 0 auto;
}
.page-template-page-products-detail-mro .solutions-module .solutions-module__media img {
width: 100%;
height: 100%;
object-fit: cover;
}
.page-template-page-products-detail-mro .solutions-module .solutions-module__subheading {
font-size: 14px;
}
.page-template-page-products-detail-mro .solutions-module .solutions-module__title {
font-size: 14px;
}
.similar-products-module__title {
font-size: 14px;
}
.page-template-page-products-detail-mro .similar-products-module .why-choose-us__grid {
grid-template-columns: 20px 1fr 20px;
grid-template-rows: auto auto;
}
.page-template-page-products-detail-mro .similar-products-module .similar-products-module__accent {
display: block !important;
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: start !important;
align-self: center !important;
transform: translatex(-2px) !important;
}
.page-template-page-products-detail-mro .similar-products-module .similar-products-module__header {
grid-column: 2 !important;
grid-row: 1 !important;
padding: 24px 20px 24px !important;
}
.page-template-page-products-detail-mro .similar-products-module .why-choose-us__line-v--right {
grid-row: 2/3;
}
.page-template-page-products-detail-mro .similar-products-module .why-choose-us__line-v--left {
grid-row: 1/3;
}
.page-template-page-products-detail-mro .similar-products-module .why-choose-us__grid>div[style*="grid-column:2 / 5"][style*="grid-row:2"] {
grid-column: 2 !important;
grid-row: 2 !important;
min-width: 0;
}
.page-template-page-products-detail-mro .similar-products-module .similar-products-module__grid {
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
scrollbar-width: none;
width: 100%;
}
.page-template-page-products-detail-mro .similar-products-module .similar-products-module__grid::-webkit-scrollbar {
display: none;
}
.page-template-page-products-detail-mro .similar-products-module .similar-products-module__card {
flex: 0 0 calc(100vw - 80px);
scroll-snap-align: start;
border-right: 1px solid #E4E4E4;
border-bottom: none;
box-sizing: border-box;
}
.page-template-page-products-detail-mro .similar-products-module .similar-products-module__card:last-child {
border-right: none;
}
.page-template-page-products-detail-mro .similar-products-module .similar-products-module__name {
font-size: 14px;
}
.page-template-page-products-detail-mro .similar-products-module .similar-products-module__sku {
display: none;
}
.similar-products-module__image img {
width: 270px;
height: 260px;
}
.xy-elevators-divider,
.hero-banner-divider,
.hero-banner-module,
.xy-elevators-feature,
.xy-elevators-section:not(.xy-elevators-mod5),
.xy-elevators-mod5-images,
.xy-elevators-mod5__content {
max-width: min(1216px, calc(100vw - 56px));
}
.xy-elevators-mod5-images {
padding-block: 28px;
padding-inline: 12px;
gap: 10px;
}
.xy-elevators-mod5-images__img50 {
padding: 16px;
}
.xy-elevators-mod5 {
--xy-mod5-line-x: 16px;
--xy-mod5-line-y: 0;
}
.xy-elevators-mod4__layout {
grid-template-columns: 1fr;
grid-template-rows: 140px 200px 140px 200px 140px 140px 200px;
gap: 10px;
}
.xy-elevators-mod4__a {
grid-column: 1;
grid-row: 1;
}
.xy-elevators-mod4__b {
grid-column: 2;
grid-row: 1;
}
.xy-elevators-mod4__c {
grid-column: 1;
grid-row: 2;
}
.xy-elevators-mod4__d {
grid-column: 2;
grid-row: 2/span 2;
}
.xy-elevators-mod4__e {
grid-column: 1;
grid-row: 3;
}
.xy-elevators-mod4__f {
grid-column: 1;
grid-row: 4;
}
.xy-elevators-mod4__g {
grid-column: 2;
grid-row: 4;
}
.xy-elevators-mod4__info {
padding: 12px 10px 10px;
}
.xy-elevators-mod4__icon svg {
width: 20px;
height: 20px;
}
.xy-elevators-mod4__label {
font-size: 14px;
}
.xy-elevators-mod4__value {
font-size: 20px;
}
.xy-elevators-mod4__unit {
font-size: 14px;
}
.xy-elevators-mod4__a,
.xy-elevators-mod4__b,
.xy-elevators-mod4__c,
.xy-elevators-mod4__d,
.xy-elevators-mod4__e,
.xy-elevators-mod4__f,
.xy-elevators-mod4__g {
grid-column: auto;
grid-row: auto;
}
.page-template-page-products-detail-mro .carousel-track {
gap: 12px;
}
.page-template-page-products-detail-mro .color-dot {
width: 44px;
height: 44px;
}
.page-template-page-products-detail-mro .color-list {
padding-left: 20px;
padding-right: 20px;
}
.solutions-module__title {
font-size: 24px;
}
.solutions-module__header {
padding: 30px 20px 30px;
}
.v25-item:last-child .v25-item-text {
padding-bottom: 40px;
}
.sustainability-roadmap__intro,
.sustainability-roadmap__points li {
font-size: 14px;
}
.sustainability-roadmap__intro {
font-size: 14px;
}
.solutions-module__content {
flex-direction: column;
gap: 20px;
height: auto !important;
}
.solutions-module__media,
.solutions-module__text {
flex: none;
width: 100%;
}
.solutions-module__media {
max-width: 500px;
margin: 0 auto;
aspect-ratio: 1/1;
}
.solutions-module__media img {
height: 100%;
object-fit: cover;
}
.solutions-module__text {
padding: 20px;
}
.solutions-module__subheading {
font-size: 16px;
}
.solutions-module__accent {
display: none;
}
.bar-item {
width: 80px;
}
.svc-cs-border--left {
left: 20px;
}
.svc-cs-border--right {
right: 20px;
}
body.is-svc-menu-open .site-header,
body.is-svc-menu-open .product-series-breadcrumb {
display: none !important;
}
.svc-mobile-menu-drawer {
position: fixed;
bottom: -100%;
left: 0;
width: 100vw;
background: #FFF;
z-index: 9999;
transition: bottom 0.3s ease-in-out;
display: flex;
flex-direction: column;
height: 100%;
max-height: 100%;
box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.05);
}
.svc-mobile-menu-drawer.active {
bottom: 0;
top: 133px;
}
.svc-hero-link-text {
font-size: 14px;
}
.svc-features-map {
padding: 20px 0;
height: 100%;
min-height: 100%;
}
.svc-fm-border--left {
left: 20px;
}
.svc-fm-border--right {
right: 20px;
}
.svc-fm-container {
flex-direction: column;
gap: 20px;
padding-top: 0;
padding-right: 20px;
padding-left: 20px;
}
.svc-fm-item-icon {
width: 24px;
height: 24px;
}
.svc-solutions {
padding: 0;
border-bottom: 1px solid #E4E4E4;
}
.svc-sol-header {
padding: 0;
}
.svc-fm-item {
gap: 12px;
}
.svc-fm-visual {
width: 100%;
flex: none;
padding: 0 20px;
box-sizing: border-box;
gap: 14px;
}
.svc-fm-item-copy {
gap: 6px;
}
.svc-fm-item-title {
line-height: 1.35;
font-size: 14px;
}
.svc-fm-item-subtitle {
line-height: 1.5;
font-size: 13px;
}
.svc-fm-process-title {
line-height: 1.25;
font-size: 16px;
}
.svc-fm-process-list {
gap: 12px;
}
.svc-fm-process-item {
line-height: 1.5;
font-size: 14px;
}
.svc-fm-stat {
width: 100%;
height: auto;
padding: 0;
gap: 5px;
}
.svc-fm-stat-num {
line-height: 1.2;
font-size: 14px;
}
.svc-fm-stat-desc {
font-size: 12px;
}
.svc-sol-wrapper {
display: flex;
width: 100%;
height: 282px;
transition: transform 0.5s ease-in-out;
}
.svc-sol-item,
.svc-sol-item.active {
flex: 0 0 100% !important;
height: 100%;
position: relative;
overflow: hidden;
border: none;
}
.svc-sol-item:first-child {
border: none;
}
.svc-sol-item-bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.svc-sol-overlay {
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(0, 34, 85, 0.8) 0%, rgba(0, 34, 85, 0.2) 100%) !important;
}
.svc-sol-content {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
color: #fff;
z-index: 2;
right: auto;
opacity: 1 !important;
transform: none !important;
pointer-events: auto !important;
padding: 20px;
}
.svc-sol-icon {
display: none;
}
.svc-sol-controls {
display: flex;
justify-content: space-between;
align-items: center;
background: #FFF;
z-index: 10;
height: 60px;
width: 100%;
}
.svc-sol-control {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
cursor: pointer;
background: none;
border: none;
padding: 0;
position: relative;
}
.svc-sol-control:first-child {
border-right: none;
}
.svc-sol-control:first-child::before {
content: "";
position: absolute;
left: 0;
top: 0;
transform: translatey(0%);
width: 1px;
height: 80px;
background-color: #E4E4E4;
margin: 0 0 0 20px;
}
.svc-sol-control:last-child::after {
content: "";
position: absolute;
right: 0;
top: 0;
transform: translatey(0%);
width: 1px;
height: 80px;
background-color: #E4E4E4;
margin: 0 20px 0 0;
}
.svc-sol-control svg {
width: 24px;
height: 24px;
stroke: #231815;
}
.svc-core-services {
padding: 0;
}
.svc-cs-header {
display: none !important;
}
.svc-section-title {
display: flex;
align-items: center;
gap: 10px;
color: #003B90;
cursor: pointer;
font-family: "Zalando Sans Expanded";
font-weight: 600;
text-transform: capitalize;
line-height: 24px;
padding-left: 20px;
position: relative;
padding: 20px;
font-size: 14px;
}
.svc-section-title::before {
content: "";
position: absolute;
left: -2px;
top: 50%;
transform: translatey(-50%);
width: 4px;
height: 12px;
background: #003B90;
}
.svc-section-title::after {
display: none;
}
.svc-section-title-icon {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
cursor: pointer;
}
body.is-svc-menu-open {
overflow: hidden;
}
.svc-mobile-menu-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(255, 255, 255, 0.4);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
z-index: 9998;
}
.svc-mobile-menu-overlay.active {
display: block;
}
.svc-mm-level {
display: none;
flex-direction: column;
height: 100%;
}
.svc-mm-level.active {
display: flex;
}
.svc-mm-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px;
border-bottom: 1px solid #E4E4E4;
position: relative;
}
.svc-mm-title,
.svc-mm-title2 {
flex: 1;
text-align: center;
font-weight: 700;
color: #003B90;
font-size: 14px;
}
.svc-mm-close,
.svc-mm-back {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
flex: none;
}
.svc-mm-back {
position: absolute;
left: 20px;
}
.svc-mm-close {
position: absolute;
right: 20px;
}
.svc-mm-list {
overflow-y: auto;
padding: 10px 0;
}
.svc-mm-item {
padding: 20px;
font-weight: 600;
color: #231815;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
font-size: 14px;
}
.svc-mm-item.active {
color: #003B90;
background-color: #F8F9FB;
}
.svc-mm-subitem {
padding: 20px;
font-weight: 600;
color: #231815;
text-align: center;
cursor: pointer;
font-size: 14px;
}
.svc-mm-subitem.active {
color: #003B90;
background-color: #F8F9FB;
}
.svc-mm-footer {
padding: 20px;
border-top: 1px solid #E4E4E4;
}
.svc-mm-btn {
width: 100%;
background-color: #003B90;
color: #FFF;
font-weight: 600;
padding: 15px 0;
border: none;
cursor: pointer;
text-align: center;
font-size: 14px;
}
.svc-cs-top {
padding: 0 20px;
}
.svc-cs-tabs {
flex-wrap: nowrap;
gap: 20px;
justify-content: flex-start;
overflow-x: auto;
padding: 0 20px;
margin-left: -20px;
width: 100vw;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
box-sizing: border-box;
}
.svc-cs-tabs::-webkit-scrollbar {
display: none;
}
.svc-cs-tab {
font-weight: 700;
padding: 15px 0;
white-space: nowrap;
color: #231815;
display: flex;
align-items: center;
gap: 10px;
font-size: 14px;
}
.svc-cs-tab::after {
content: "";
display: inline-block;
width: 8px;
height: 14px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: center;
}
.svc-cs-tab.active::after {
background-image: url("data:image/svg+xml;utf8,");
}
.svc-cs-tab.active {
border-bottom: none;
color: #003B90;
}
.svc-cs-block {
margin-bottom: 0;
padding: 0 20px;
}
.svc-cs-block h3 {
font-family: "Archivo";
margin-bottom: 0;
font-weight: 600;
color: #231815;
text-transform: uppercase;
font-size: 14px;
}
.svc-cs-block>p {
font-family: "Archivo";
color: #231815;
line-height: 20px;
margin: 20px 0;
font-size: 14px;
}
.svc-cs-sub {
flex-direction: column;
gap: 10px;
margin-top: 20px;
margin-bottom: 20px;
align-items: flex-start;
}
.svc-cs-sub h4 {
flex: none;
font-family: "Zalando Sans Expanded";
font-weight: 700;
line-height: 32px;
color: #231815;
font-size: 14px;
}
.svc-cs-sub p {
font-family: "Archivo";
color: #231815;
line-height: 16px;
padding: 0;
margin: 0;
font-size: 14px;
}
.svc-cs-timeline-nodes,
.svc-cs-timeline,
.svc-cs-timeline-pointer,
.svc-cs-connector {
display: none;
}
.svc-cs-img-bg {
display: none;
}
.svc-cs-right {
padding-left: 0;
border-left: none;
width: 100%;
box-sizing: border-box;
}
.svc-cs-params::-webkit-scrollbar {
display: none;
}
.svc-cs-param-item {
width: auto;
flex: 0 0 auto;
min-width: 80px;
}
.svc-cs-param-name {
font-family: "Archivo";
color: #B5B5B6;
margin-bottom: 8px;
font-weight: 500;
display: block;
text-align: center;
font-size: 14px;
}
.svc-cs-param-val {
font-family: "Archivo";
color: #003B90;
font-weight: 500;
display: block;
text-align: center;
font-size: 14px;
}
.svc-cs-contact-btn {
display: none;
justify-content: center;
align-items: center;
padding: 10px 20px 10px 32px;
gap: 20px;
width: 100%;
height: 60px;
background: #003B90;
color: #EDEDED;
font-family: "Zalando Sans Expanded";
font-weight: 500;
text-transform: uppercase;
box-sizing: border-box;
margin-top: 40px;
text-decoration: none;
font-size: 14px;
}
body {
font-size: 15px;
}
.blog-detail-main,
main#primary.site-main {
font-size: 15px;
}
.blog-content__inner h3,
.news-content__inner h3 {
font-size: 19px;
}
.product-series-breadcrumb__link {
font-size: 14px;
}
.product-series-breadcrumb__current {
font-size: 14px;
}
.product-series-banner__btn {
font-size: 14px;
}
.page-template-page-product-series .product-series-search__text {
font-size: 14px;
}
.page-template-page-product-series .product-series-search__input {
font-size: 14px;
}
.page-template-page-product-series .product-series-search__submit {
font-size: 14px;
}
.page-template-page-product-series .product-series-filter-dropdown__search-input {
font-size: 14px;
}
.product-series-contact__btn span {
font-size: 14px;
}
.page-template-page-products-detail-mro .product-sku {
font-size: 14px;
}
.page-template-page-products-detail-mro .close-modal {
font-size: 32px;
}
.tablepress .tp-icon-label {
font-size: 14px;
}
.page-template-page-products-detail-mro .product-parameters__right .tablepress thead th {
font-size: 24px;
}
.page-template-page-products-detail-mro .product-parameters__right .tablepress tbody td {
font-size: 16px;
}
.xy-404-title {
font-size: 14px;
}
.xy-404-text {
font-size: 14px;
}
.xy-404-product-name {
font-size: 14px;
}
.xy-404-product-btn {
font-size: 14px;
}
.blog-hero__title {
font-size: 19px;
}
.blog-hero__date {
font-size: 14px;
}
.blog-hero__desc {
font-size: 14px;
}
.blog-hero__hover-desc {
font-size: 14px;
}
.blog-content__inner p {
font-size: 15px;
}
.blog-content__inner h3 {
font-size: 19px;
}
.other-blogs-date {
font-size: 14px;
}
.other-blogs-desc {
font-size: 14px;
}
.other-blogs-link {
font-size: 14px;
}
.xy-about-title {
font-size: 28px;
}
.xy-contact-detail-item {
font-size: 14px;
}
.xy-form-group input,
.xy-form-group textarea {
font-size: 14px;
}
.xy-form-group label {
font-size: 14px;
}
.xy-form-group input:focus~label,
.xy-form-group input:not(:placeholder-shown)~label,
.xy-form-group textarea:focus~label,
.xy-form-group textarea:not(:placeholder-shown)~label {
font-size: 14px;
}
.xy-contact-submit {
font-size: 14px;
}
.xy-local-faq-head {
font-size: 14px;
}
.xy-local-faq-content {
font-size: 14px;
}
.xy-contact-blogs-date {
font-size: 14px;
}
.xy-contact-blogs-desc {
font-size: 14px;
}
.xy-contact-blogs-link {
font-size: 14px;
}
.xy-copyright-title {
font-size: 16px;
}
.xy-copyright-intro {
font-size: 14px;
}
.xy-copyright-subtitle {
font-size: 14px;
}
.xy-copyright-paragraph {
font-size: 14px;
}
.xy-copyright-item {
font-size: 14px;
}
.xy-disclaimer-title {
font-size: 16px;
}
.xy-disclaimer-subtitle {
font-size: 14px;
}
.xy-disclaimer-paragraph {
font-size: 14px;
}
.xy-disclaimer-item {
font-size: 14px;
}
.xy-elevators-feature__title {
font-size: 24px;
}
.xy-elevators-lightbox__close {
font-size: 26px;
}
.xy-elevators-section__title {
font-size: 24px;
}
.xy-elevators-cta__text a {
font-size: 14px;
}
.article-selector-dropdown__title {
font-size: 14px;
}
.article-selector-dropdown__action-btn {
font-size: 14px;
}
.article-selector__option {
font-size: 14px;
}
.calendar-title {
font-size: 14px;
}
.calendar-weekdays {
font-size: 14px;
}
.day {
font-size: 14px;
}
.faq-hero-desc {
font-size: 14px;
}
.faq-hero-link {
font-size: 14px;
}
.faq-search-input {
font-size: 14px;
}
.faq-accordion-header {
font-size: 14px;
}
.faq-accordion-body-inner {
font-size: 14px;
}
.news-content__inner p {
font-size: 15px;
}
.news-content__inner h3 {
font-size: 19px;
}
.xy-policies-title {
font-size: 16px;
}
.xy-policies-intro {
font-size: 14px;
}
.xy-policies-subtitle {
font-size: 14px;
}
.xy-policies-item {
font-size: 14px;
}
.xy-policies-paragraph {
font-size: 14px;
}
.feature-desc {
font-size: 14px;
}
.item-overlay p {
font-size: 14px;
}
.solutions-module__desc {
font-size: 14px;
}
.solutions-module__link {
font-size: 14px;
}
.similar-products-module__name {
font-size: 14px;
}
.similar-products-module__sku {
font-size: 14px;
}
.similar-products-module__link {
font-size: 14px;
}
.xy-regulatory-title {
font-size: 16px;
}
.xy-regulatory-subtitle {
font-size: 14px;
}
.xy-regulatory-paragraph {
font-size: 14px;
}
.svc-cs-img-tooltip {
font-size: 13px;
}
.scene-title-dropdown .scene-title-option {
font-size: 14px;
}
.left-content p,
.left-content #scene-content-desc p {
font-size: 14px;
}
.sustainability-roadmap__points li {
font-size: 14px;
}
.xy-regularities-title {
font-size: 16px;
}
.xy-regularities-intro {
font-size: 14px;
}
.xy-regularities-subtitle {
font-size: 14px;
}
.xy-regularities-paragraph {
font-size: 14px;
}
.xy-regularities-item {
font-size: 14px;
}
.wcu-sec-title {
font-size: 16px;
}
.wcu-achieve-desc {
font-size: 14px;
}
.wcu-qm-desc {
font-size: 14px;
}
.ms-bottom-desc-v5 {
font-size: 14px;
}
.xy-cookies-title {
font-size: 14px;
}
.xy-cookies-text {
font-size: 13px;
}
.xy-cookies-btn {
font-size: 14px;
}
.xy-chat-badge {
font-size: 12px;
}
.xy-chat-header h4 {
font-size: 14px;
}
.xy-chat-header span {
font-size: 14px;
}
.xy-chat-close {
font-size: 16px;
}
.xy-chat-msg {
font-size: 13px;
}
.xy-chat-time {
font-size: 12px;
}
.xy-chat-email-input-wrapper input {
font-size: 13px;
}
.xy-chat-error {
font-size: 14px;
}
.xy-chat-questions button {
font-size: 13px;
}
.xy-chat-footer input {
font-size: 13px;
}
}
@media (min-width: 640px) and (max-width: 767.98px) {
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
. page-template-page-product-series . product-series-filter-dropdown {
background: rgba(0, 0, 0, 0.55);
}
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
. article-selector__dropdown {
background: #0000008c;
}
}
.footer-bottom {
flex-wrap: wrap;
justify-content: center;
align-content: center;
row-gap: 10px;
column-gap: 8px;
max-width: none;
padding-left: max(16px, env(safe-area-inset-left));
padding-right: max(16px, env(safe-area-inset-right));
padding-top: 80px;
width: 100%;
box-sizing: border-box;
min-width: 0;
}
.footer-legal-link {
line-height: 1.3;
text-align: center;
font-size: 14px;
font-family: "Archivo", sans-serif;
font-weight: 300;
}
.footer-legal-sep svg {
height: 16px;
width: auto;
}
.scene-title-dropdown {
display: none !important;
}
.scene-title-drawer-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 999998;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.3s ease, visibility 0.3s;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.scene-title-drawer-overlay.is-active {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.scene-title-drawer {
position: fixed;
top: 133px;
left: 0;
right: 0;
bottom: 0;
width: 100%;
max-height: 100%;
background: #FFF;
z-index: 999999;
display: flex;
flex-direction: column;
transform: translatey(100vh);
transition: transform 260ms ease, visibility 260ms;
visibility: hidden;
pointer-events: none;
border: 0;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
box-sizing: border-box;
}
.scene-title-drawer.is-active {
transform: translatey(0);
visibility: visible;
pointer-events: auto;
}
.scene-title-drawer .scene-drawer-header {
flex: 0 0 auto;
padding: 12px 12px 0 12px;
}
.scene-title-drawer .scene-drawer-header-row {
display: flex;
align-items: center;
justify-content: flex-end;
min-height: 40px;
}
.scene-title-drawer .scene-drawer-header .btn-icon {
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 0;
background: transparent;
color: #231815;
cursor: pointer;
}
.scene-title-drawer .scene-drawer-title {
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
color: #003B90;
text-align: center;
padding: 8px 8px 12px 8px;
line-height: 1.2;
border-bottom: 1px solid #E4E4E4;
font-size: 14px;
}
.scene-title-drawer .scene-drawer-content {
flex: 1;
min-height: 0;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
background-color: #FFF;
}
.scene-title-drawer .scene-title-drawer-list {
list-style: none;
margin: 0;
padding: 0;
}
.scene-title-drawer .scene-title-drawer-list li {
padding: 0;
}
.scene-title-drawer .scene-title-option {
width: 100%;
display: block;
text-align: left;
color: #231815;
font-weight: 500;
line-height: 24px;
font-family: "Archivo", sans-serif;
text-transform: none;
padding: 15px 20px;
border: 0;
border-bottom: 0;
border-radius: 0;
background: transparent;
cursor: pointer;
box-sizing: border-box;
font-size: 14px;
}
.scene-title-drawer .scene-title-option:hover,
.scene-title-drawer .scene-title-option:focus {
color: #003B90;
font-weight: 700;
outline: none;
font-size: 14px;
}
.scene-title-drawer .scene-title-option.is-selected {
color: #003B90;
font-weight: 700;
background-color: #F6F6F6;
font-size: 14px;
}
body.is-scene-title-menu-open {
overflow: hidden;
}
body.is-scene-title-menu-open #masthead {
display: none !important;
}
body.is-scene-title-menu-open .solutions-hero-breadcrumb {
display: none !important;
}
body.is-scene-title-menu-open .product-tabs-module {
z-index: 10000000 !important;
}
.product-series-breadcrumb__grid {
max-width: 1296px !important;
margin: 0 auto !important;
grid-template-columns: 40px 1fr 40px;
display: flex;
justify-content: flex-start;
border: 0;
}
.product-series-breadcrumb {
max-width: 1296px;
margin: 0 auto;
padding: 0 20px;
}
.cta-btn {
font-size: 14px;
min-width: 0;
width: 100%;
padding: 16px 18px;
}
.xy-about-driven-item h4 {
font-size: 16px;
margin-bottom: 4px;
}
.xy-about-foot-stat-num {
line-height: 19px;
font-size: 26px;
margin-bottom: 0;
}
.xy-about-foot-stat-label {
line-height: 16px;
font-size: 14px;
text-align: left;
font-weight: 500;
}
.left-content h2 {
line-height: 28px;
font-size: 16px;
}
.left-content p {
line-height: 24px;
font-size: 14px;
margin-bottom: 24px;
}
.wcu-subtitle {
line-height: 20px;
font-size: 14px;
margin-bottom: 10px;
}
.wcu-title {
line-height: 44px;
font-size: 22px;
text-transform: uppercase;
padding: 10px 0;
}
.wcu-list li {
line-height: 32px;
font-size: 14px;
padding: 4px 0;
margin-bottom: 0;
gap: 20px;
}
.product-series-breadcrumb__back {
width: 32px;
height: 32px;
}
.header-search-text {
display: none;
}
.d-flex {
justify-content: space-between !important;
}
.site-header.site-header--sticky .main-navigation {
margin-left: 0;
}
.footer-subscribe-title {
padding: 16px 20px;
font-size: 14px;
text-align: left;
margin: 0;
font-family: "Archivo", sans-serif;
font-weight: 300;
}
.site-logo img {
width: 44px;
height: 40px;
}
.nav-menu>li>a {
font-size: 14px;
}
.search-field {
font-weight: 400;
line-height: 20px;
font-size: 14px;
}
.header-container {
padding-right: 20px;
padding-left: 20px;
max-width: 100%;
}
.search-container {
padding: 0 20px;
}
.product-series-breadcrumb__cell {
height: 60px;
border: 0 !important;
}
.product-series-breadcrumb__cell--crumbs {
padding: 0 10px;
border: 0;
}
.product-series-breadcrumb__link,
.product-series-breadcrumb__current,
.product-series-breadcrumb__sep {
font-size: 14px;
}
.product-series-breadcrumb__sep {
margin: 0 4px;
font-size: 14px;
}
.product-series-banner__grid {
grid-template-columns: 20px 1fr 20px;
height: 480px;
}
.product-series-banner__cell {
height: 480px;
}
.product-series-banner__col2 {
padding-left: 0;
padding-right: 0;
padding: 0;
}
.product-series-filters__grid {
grid-template-columns: 1fr;
}
.product-series-filters__bar {
flex-wrap: wrap;
padding: 12px 0;
flex-direction: column;
align-items: stretch;
}
.product-series-filter--type,
.product-series-filter--application,
.product-series-filter--search {
padding-left: 16px;
padding-right: 16px;
}
.product-series-filter__label {
font-size: 14px;
white-space: normal;
}
.product-series-products__grid {
grid-template-columns: 60px 1fr 60px;
}
.product-series-products__col2 {
padding-left: 20px;
padding-right: 20px;
}
.product-series-pagination {
height: auto;
}
.product-series-pagination__inner {
padding: 0;
height: auto;
gap: 16px 24px;
width: 100%;
max-width: 100%;
margin: 0;
flex-wrap: wrap;
}
.product-series-pagination__line {
display: none;
}
.product-series-pagination__numbers {
gap: 8px;
height: auto;
width: auto;
flex: 1 1 200px;
min-width: 0;
justify-content: center;
flex-wrap: wrap;
}
.product-series-pagination__number,
.product-series-pagination__dots {
line-height: 22px;
font-size: 14px;
width: 40px;
height: 40px;
}
.product-series-contact {
height: 271px;
}
.product-series-contact__bg {
height: 271px;
width: 100%;
left: 0;
top: 0;
}
.product-series-contact__actions {
left: 0;
bottom: 40px;
width: 100%;
padding: 0 20px;
height: auto;
right: 0;
gap: 24px;
align-items: center;
box-sizing: border-box;
}
.product-series-contact__title {
width: 100%;
max-width: 310px;
line-height: 28px;
height: auto;
font-size: 14px;
text-align: center;
}
.product-series-products__row {
flex-wrap: wrap;
height: auto;
flex-direction: column;
align-items: stretch;
}
.product-series-products__card {
flex: 0 0 auto;
border-right: none;
width: 100%;
aspect-ratio: 1/1;
border-bottom: 1px solid #E4E4E4;
}
.product-series-products__card:nth-child(3n) {
border-right: none;
}
.product-series-products__card:last-child {
border-right: none;
}
.product-series-products__image {
width: 100%;
aspect-ratio: auto;
flex: 1 1 auto;
min-height: 0;
padding: 20px;
}
.product-series-products__arrow {
width: 32px;
height: 32px;
right: 20px;
top: 20px;
}
.product-series-products__title {
width: 100%;
line-height: 20px;
font-size: 14px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.product-series-products__sku {
width: 100%;
line-height: 16px;
font-size: 14px;
}
.banner-content {
padding: 20px;
gap: 20px;
width: 100%;
height: auto;
}
.mro-title {
width: 310px;
height: 24px;
line-height: 24px;
font-size: 14px;
}
.mro-description {
width: 100%;
line-height: 16px;
font-size: 14px;
height: 100%;
}
.d-lg-none {
display: block !important;
}
.d-lg-none.d-flex {
display: flex !important;
justify-content: space-between;
}
.d-lg-none.d-inline-flex {
display: inline-flex !important;
}
.d-lg-block {
display: none !important;
}
.d-lg-flex {
display: none !important;
}
.site-header--transparent {
background-color: #F2F3F5;
-webkit-backdrop-filter: none;
backdrop-filter: none;
}
.header-main-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
.header-mobile-actions {
margin-left: auto;
width: auto;
flex-wrap: nowrap;
position: relative;
z-index: 9999999;
pointer-events: auto;
gap: 20px;
column-gap: 20px;
display: flex;
justify-content: flex-end;
}
.header-mobile-actions .btn-icon {
color: #003B90;
pointer-events: auto;
position: relative;
z-index: 9999999;
}
.header-mobile-divider {
display: block;
width: 1px;
height: 40px;
background: rgba(0, 0, 0, 0.12);
margin: 0 20px;
flex: 0 0 1px;
}
.header-mobile-contact {
background: #003B90;
color: #EDEDED;
font-family: "Archivo", sans-serif;
font-weight: 600;
line-height: 1;
text-decoration: none;
padding: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
user-select: none;
position: relative;
margin-left: 0;
width: 100%;
max-width: 122px;
border-radius: 0;
justify-self: center;
font-size: 14px;
pointer-events: auto;
}
.header-mobile-search-trigger {
position: relative;
margin-left: 0;
justify-self: center;
}
.header-mobile-contact::before,
.header-mobile-search-trigger::before {
content: none;
position: absolute;
left: -20px;
top: 50%;
transform: translatey(-50%);
width: 1px;
height: 40px;
background: rgba(0, 0, 0, 0.12);
display: none;
}
.hero-content {
padding-bottom: 80px;
max-width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.hero-desc {
margin-bottom: 10px;
}
.intro-top {
padding: 30px 20px;
gap: 20px;
flex-direction: column;
}
.intro-grid__cell {
min-height: 240px;
flex: 0 0 240px;
}
.visual-box {
width: 200px;
height: 200px;
}
.visual-inner {
width: 160px;
height: 160px;
}
.scroll-bar-container {
margin-bottom: -1px;
display: block;
padding: 0 0 40px;
margin-top: -1px;
padding-left: 0;
padding-right: 0;
}
.new-section-pc {
display: none;
padding-top: 40px;
}
.new-section-mobile {
display: block;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
background-color: #FFF;
padding-top: 40px;
}
.new-section-title {
padding-left: 20px;
margin-bottom: 0;
}
.new-section-desc {
max-width: 100%;
padding: 20px;
margin-bottom: 0;
}
.new-section__btn {
padding: 15px 30px;
font-size: 14px;
}
.play-btn {
width: 60px;
height: 60px;
}
.capabilities-top {
padding: 30px 20px 10px;
flex-direction: column;
gap: 20px;
}
.cap-item {
padding: 28px 20px;
border-top: none;
overflow: hidden;
width: 100%;
height: auto;
}
.cta-container {
padding: 66px 20px;
}
.faq-header {
padding: 22px 20px;
}
.faq-question {
padding: 20px 20px;
}
.faq-answer-inner {
padding: 0 20px 28px;
}
.faq-title {
font-size: 14px;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 600;
line-height: 24px;
text-transform: capitalize;
padding-left: 0;
}
.faq-question-text {
line-height: 20px;
font-size: 16px;
font-family: "Archivo", sans-serif;
font-weight: 500;
text-transform: uppercase;
}
.faq-answer-text {
line-height: 16px;
font-size: 13px;
}
.faq-icon {
width: 20px;
height: 20px;
}
.footer-top {
grid-template-columns: 1.35fr 1fr;
gap: 40px;
}
.footer-nav {
gap: 24px;
grid-template-columns: repeat(2, 1fr);
grid-template-areas: "company services" "products products";
margin-top: 40px;
padding: 10px 20px 0;
}
.certs-section {
height: 120px;
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
}
.certs-section .certs-logo {
position: static;
}
.certs-logo--iso9001 {
width: 49px;
height: 49px;
top: 34px;
left: 29px;
}
.certs-logo--iatf16949 {
width: 51px;
height: 51px;
top: 33px;
left: 95px;
}
.certs-logo--iso14001 {
width: 63px;
height: 63px;
top: 27px;
left: 167px;
}
.certs-logo--cwb {
width: 124px;
height: 36px;
top: 41px;
left: 247px;
}
.site-header {
background: #F3F5F7 !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
transition: none !important;
}
.site-header .custom-logo--default {
display: none !important;
}
.site-header .custom-logo--sticky {
display: block !important;
}
.site-header .btn-icon svg path,
.site-header .btn-icon svg circle {
stroke: #003B90 !important;
}
.site-header .header-mobile-contact {
border-color: #003B90 !important;
}
.blog-hero__inner {
min-height: 420px;
}
.blog-subscribe__inner {
padding: 0;
flex-direction: column;
gap: 0;
text-align: center;
border-left: none;
border-right: none;
border-bottom: 1px solid #E4E4E4;
}
.blog-content__inner {
max-width: 100%;
}
.blog-pagination__inner {
max-width: 100%;
padding: 20px 20px 0;
}
.other-blogs-grid-wrap {
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.other-blogs-grid-wrap::-webkit-scrollbar {
display: none;
}
.other-blogs-item {
flex: 0 0 85vw;
max-width: 85vw;
scroll-snap-align: start;
}
.xy-about-achieve-container {
border-left: 1px solid rgba(181, 181, 182, 0.2);
border-right: 1px solid rgba(181, 181, 182, 0.2);
}
.xy-about-history-title-block {
padding: 30px 20px;
}
.xy-about-history-content {
padding: 40px 20px;
}
.xy-about-history-image-wrap {
padding-right: 40px;
}
.xy-about-history-text-wrap {
padding-left: 40px;
}
.xy-about-history-item:nth-child(even) .xy-about-history-image-wrap {
padding-left: 40px;
}
.xy-about-history-item:nth-child(even) .xy-about-history-text-wrap {
padding-right: 40px;
}
.xy-about-driven-title-line {
height: 12px;
}
.xy-about-driven-section {
padding: 0 20px;
}
.xy-about-driven-bottom-section {
padding: 0 20px;
}
.xy-about-driven-title-block {
padding: 30px 20px;
}
.xy-about-driven-title {
font-size: 16px;
}
.xy-about-driven-top {
flex-direction: column-reverse;
gap: 20px;
}
.xy-about-driven-text {
padding: 0 20px 20px;
}
.xy-about-driven-image {
width: 100%;
border-left: none;
border-top: 1px solid #E4E4E4;
border: 0;
}
.xy-about-overview-container {
max-width: 100%;
}
.xy-about-overview-top {
padding: 30px 40px;
gap: 20px;
flex-direction: column;
border-left: none;
border-right: none;
}
.xy-about-overview-title {
font-size: 28px;
line-height: 30px;
margin-bottom: 10px;
}
.xy-about-overview-cell {
min-height: 240px;
flex: 0 0 240px;
}
.xy-about-overview-cell-title {
font-size: 14px;
}
.xy-about-overview-cell-desc {
font-size: 13px;
}
.xy-about-banner {
height: 461px;
padding: 60px 5%;
background: #F3F5F7;
}
.xy-about-banner-mask {
display: block;
background: linear-gradient(0deg, rgba(27, 33, 41, 0.6) 2.84%, rgba(27, 33, 41, 0) 98.08%);
}
.xy-about-banner-content {
padding-bottom: 20px;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0;
gap: 12px;
width: 100%;
z-index: 2;
}
.xy-about-banner-title {
font-size: 32px;
font-family: "Archivo";
font-style: normal;
font-weight: 900;
line-height: 22px;
color: #EDEDED;
margin: 0;
}
.xy-about-section {
padding: 0 20px;
}
.xy-about-foot-title-block {
padding: 30px 20px;
}
.xy-about-foot-content-wrap {
padding: 30px 20px;
overflow: visible;
}
.xy-about-foot-svg {
right: 0;
opacity: 1;
display: block;
width: 220px;
height: 199px;
left: 128px;
top: 202px;
padding-top: 0;
}
.xy-about-foot-stats {
justify-content: flex-start;
gap: 20px;
padding: 20px;
background: rgba(255, 255, 255, 0.5);
backdrop-filter: blur(2px);
margin: 0 -20px;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
display: flex;
-ms-overflow-style: none;
scrollbar-width: none;
}
.xy-about-foot-stat {
width: 120px;
flex: 0 0 auto;
margin-bottom: 0;
min-width: 120px;
align-items: flex-start;
gap: 10px;
}
.xy-about-history-section {
padding: 0 20px;
}
.xy-about-history-container {
padding: 0;
}
.xy-about-history-title {
font-size: 16px;
}
.xy-about-history-center-line {
display: none;
}
.xy-about-history-dot {
display: none;
}
.xy-about-history-item,
.xy-about-history-item:nth-child(even) {
flex-direction: column;
align-items: center;
gap: 20px;
}
.xy-about-history-half,
.xy-about-history-image-wrap,
.xy-about-history-text-wrap,
.xy-about-history-item:nth-child(even) .xy-about-history-image-wrap,
.xy-about-history-item:nth-child(even) .xy-about-history-text-wrap {
width: 100%;
justify-content: center;
padding-left: 0;
padding-right: 0;
}
.xy-about-history-image {
width: 100%;
max-width: 100%;
height: 314px;
aspect-ratio: 1;
}
.xy-about-history-text {
height: auto;
min-height: 103px;
gap: 20px;
align-items: flex-start;
}
.xy-about-history-text h4 {
line-height: 19px;
font-size: 14px;
}
.xy-about-history-text p {
line-height: 16px;
font-size: 14px;
}
.xy-about-history-date {
line-height: 32px;
font-size: 14px;
}
.xy-about-history-timeline {
gap: 20px;
}
.xy-about-achieve-title-block {
padding: 30px 20px;
flex-direction: column;
align-items: flex-start;
}
.xy-about-achieve-title-line {
top: 35px;
height: 12px;
}
.xy-about-achieve-title {
width: 100%;
font-size: 20px;
line-height: 1.2;
}
.xy-about-achieve-box {
width: 50%;
aspect-ratio: 1/1;
min-height: auto;
padding: 20px;
border-right: 1px solid rgba(181, 181, 182, 0.2);
border-bottom: none;
}
.xy-about-achieve-box-num {
left: 20px;
top: 20px;
font-size: 24px;
display: none;
}
.xy-about-achieve-box-text {
padding: 20px;
}
.xy-about-achieve-box-title {
font-size: 14px;
line-height: 20px;
}
.xy-about-achieve-box-desc {
font-size: 14px;
line-height: 14px;
}
.xy-about-driven-item {
padding-left: 16px;
}
.xy-about-driven-subtitle {
margin-bottom: 20px;
font-size: 24px;
}
.xy-about-history-title-line {
height: 12px;
}
.xy-contact-title {
font-size: 24px;
}
.xy-form-grid {
gap: 0;
grid-template-columns: 1fr;
}
.xy-contact-info-wrapper {
gap: 20px;
flex-wrap: wrap;
flex-direction: column;
align-items: stretch;
padding: 20px 0;
}
.xy-contact-details,
.xy-contact-map-wrap {
height: 200px;
max-height: 200px;
}
.xy-contact-blogs-grid-wrap {
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.xy-contact-blogs-grid-wrap::-webkit-scrollbar {
display: none;
}
.xy-contact-blogs-item {
flex: 0 0 85vw;
max-width: 85vw;
scroll-snap-align: start;
}
.hero-banner-module .hero-content {
padding: 22px 22px;
max-width: 100%;
}
.hero-banner-module .xy-elevators-hero-title {
font-size: 20px;
line-height: 1.14;
}
.hero-banner-module .hero-banner-strip {
height: 48px;
}
.xy-elevators-hero img {
height: 340px;
}
.xy-elevators-hero__content {
left: 28px;
right: 28px;
bottom: 28px;
}
.xy-elevators-hero__title {
font-size: 30px;
}
.xy-elevators-grid {
grid-template-columns: 1fr;
}
.xy-elevators-mod3__grid {
grid-template-columns: 1fr;
gap: 20px;
}
.xy-elevators-mod3b__layout {
grid-template-columns: 1fr;
gap: 16px;
height: 480px;
}
.xy-elevators-mod3b__cta {
left: 50%;
bottom: 14px;
transform: translatex(-50%);
font-size: 14px;
gap: 10px;
}
.xy-elevators-mod3__tile--info {
padding: 26px 16px 22px;
aspect-ratio: 1/1;
}
.xy-elevators-mod3__value {
font-size: 26px;
}
.xy-elevators-mod3__desc {
font-size: 14px;
max-width: 100%;
}
.xy-elevators-mod3__cta {
left: 16px;
bottom: 16px;
font-size: 14px;
}
.xy-elevators-mod3__zoom {
right: 12px;
bottom: 12px;
}
.xy-elevators-feature__head,
.xy-elevators-section__head {
padding: 36px 24px;
}
.xy-elevators-feature__head {
padding-inline-start: 14px;
}
.hero-banner-module .hero-banner {
height: clamp(280px, calc(var(--xy-visual-vh, 100vh) * 0.55), 500px);
}
.xy-elevators-feature__accent,
.xy-elevators-section__accent {
height: 20px;
}
.xy-elevators-feature__title,
.xy-elevators-section__title {
padding-left: 0;
line-height: 1.18;
font-size: 18px;
}
.xy-elevators-feature__main {
grid-template-columns: 1fr;
}
.xy-elevators-feature__left {
border-right: 0;
border-bottom: 1px solid #E4E4E4;
padding: 12px;
}
.xy-elevators-feature__text {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.xy-elevators-feature__text p {
max-width: 100%;
font-size: 13px;
}
.xy-elevators-feature__text p:first-child {
border-bottom: 0;
}
.xy-elevators-feature__specs {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.xy-elevators-feature__spec {
min-height: 0;
padding-block: 10px;
padding-inline: 6px 4px;
padding-inline-start: 8px;
}
.xy-elevators-feature__spec-line {
left: 0;
right: auto;
top: 0;
bottom: 0;
height: auto;
}
.xy-elevators-feature__spec-label {
font-size: 14px;
}
.xy-elevators-feature__spec-value {
font-size: 18px;
}
.xy-elevators-feature__spec-unit {
font-size: 14px;
}
.xy-elevators-feature__cta {
padding: 12px;
font-size: 14px;
}
.xy-elevators-feature__gallery-item img {
height: 220px;
}
.xy-elevators-cta {
grid-template-columns: 1fr;
}
.xy-elevators-mod5__content {
grid-template-columns: 1fr;
gap: 18px;
padding: 0 20px;
}
.xy-elevators-mod5__text h3 {
font-size: 22px;
margin-bottom: 12px;
}
.xy-elevators-mod5__text p {
max-width: 100%;
font-size: 14px;
line-height: 1.55;
margin-bottom: 10px;
}
.xy-elevators-mod5__media {
min-height: 250px;
}
.xy-events-hero__container {
padding-left: 24px;
padding-right: 24px;
padding-bottom: 20px;
border-left: 1px solid rgba(228, 228, 228, 0.5);
border-right: 1px solid rgba(228, 228, 228, 0.5);
}
.xy-events-hero__content {
padding-left: 0;
padding-right: 0;
margin-bottom: 20px;
}
.xy-events-hero__progress {
left: 44px;
right: 44px;
bottom: 28px;
}
.xy-events-hero__title {
font-size: 14px;
}
.xy-explore-hero__container {
padding-left: 24px;
padding-right: 24px;
padding-bottom: 20px;
border-left: 1px solid rgba(228, 228, 228, 0.5);
border-right: 1px solid rgba(228, 228, 228, 0.5);
}
.xy-explore-hero__content {
padding-left: 0;
padding-right: 0;
margin-bottom: 20px;
}
.xy-explore-hero__progress {
left: 44px;
right: 44px;
bottom: 28px;
}
.xy-explore-hero__title {
font-size: 14px;
}
.news-subscribe-btn {
height: 60px;
width: 100%;
justify-content: center;
font-size: 14px;
}
.news-header__title {
font-size: 14px;
margin-bottom: 20px;
}
.news-content__inner blockquote {
padding: 15px;
font-size: 15px;
}
.blog-pagination__link {
font-size: 14px;
}
.section-title-wrap {
padding: 40px 40px 20px;
}
.title-accent {
height: 12px;
}
.section-title-wrap h2 {
padding-left: 20px;
font-size: 16px;
}
.hero-banner-module .hero-title {
font-size: 26px;
}
.why-xingyi-module .section-container {
padding: 0 20px;
}
.why-xingyi-module .section-container::before {
left: 20px;
top: 0;
}
.why-xingyi-module .section-container::after {
right: 20px;
top: 80px;
}
.header-title {
padding-left: 20px;
font-size: 16px;
}
.features-grid {
grid-template-columns: repeat(2, 1fr);
display: flex;
flex-direction: column;
margin: 0;
gap: 40px;
}
.feature-item:nth-child(2n) {
border-right: none;
}
.module-header {
padding: 24px 0;
margin-bottom: 0;
}
.header-accent {
height: 12px;
}
.benefits-split-section::before {
left: 20px;
}
.benefits-split-section::after {
right: 20px;
}
.benefits-split-section .section-container {
padding: 0 20px;
}
.split-grid {
grid-template-columns: 1fr;
padding: 0;
position: relative;
}
.split-text {
padding: 20px 20px 0;
}
.split-text h3 {
font-size: 24px;
line-height: 28px;
}
.split-text li {
font-size: 14px;
line-height: 30px;
}
.split-img img {
padding: 0;
width: 310px;
height: 310px;
}
.performance-module::before {
left: 20px;
}
.performance-module::after {
right: 20px;
}
.performance-module .section-container {
padding: 0 20px;
}
.perf-header {
padding: 20px 0;
margin-bottom: 0;
}
.perf-container::after {
top: 0;
bottom: -40px;
}
.perf-title {
font-size: 16px;
padding-left: 20px;
}
.perf-accent {
height: 12px;
}
.perf-container {
flex-direction: column;
padding: 0;
gap: 15px;
}
.perf-image img {
width: 100%;
height: auto;
}
.perf-text {
padding: 20px;
}
.perf-content-title {
font-size: 14px;
line-height: 30px;
font-family: "Archivo", sans-serif;
margin-bottom: 10px;
}
.perf-tabs {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
text-align: center;
gap: 15px;
display: none;
}
.perf-tabs::before {
display: none;
}
.tab-item {
text-align: center;
padding-right: 0;
line-height: normal;
font-size: 14px;
}
.tab-item.active::after {
display: none;
}
.tab-item.active {
border-bottom: 2px solid #004098;
padding-bottom: 5px;
font-size: 14px;
}
.overview-container {
padding: 0 20px;
}
.overview-header {
padding: 20px 0;
margin-bottom: 0;
}
.overview-header h2 {
font-size: 16px;
padding-left: 20px;
}
.header-blue-line {
height: 12px;
}
.overview-grid {
grid-template-columns: 1fr;
grid-auto-rows: minmax(0, auto);
}
.large-card,
.long-card {
grid-column: span 2;
}
.small-card {
grid-column: span 1;
}
.global-presence .section-title-wrap {
padding: 20px 0;
margin-bottom: 0;
}
.map-panel {
flex-direction: column;
}
.map-media {
padding: 24px 20px;
}
.map-copy {
padding: 0 20px 20px 20px;
}
.map-copy__title {
font-size: 16px;
}
.map-copy__desc {
font-size: 14px;
}
.stat-num {
font-size: 16px;
}
.stat-label {
font-size: 14px;
}
.similar-products-module__grid {
grid-template-columns: repeat(2, 1fr);
}
.similar-products-module__card:nth-child(2) {
border-right: none;
}
.similar-products-module__card:nth-child(n
/**/
+3) {
border-top: 1px solid #eee;
}
.similar-products-module__header {
padding: 30px 20px 30px;
}
.similar-products-module__switch {
padding: 30px 20px 30px !important;
}
.similar-products-module__accent {
display: none;
}
.solutions-hero .product-series-banner__grid,
.solutions-hero .product-series-banner__cell,
.solutions-hero .solutions-hero__banner-container {
height: 420px;
}
.solutions-hero .solutions-hero__banner-content {
padding: 22px 20px;
width: 100%;
gap: 20px;
}
.solutions-hero__title {
line-height: 26px;
font-size: 20px;
}
.product-item .prod-name,
.product-item .prod-sku {
padding-right: 20px;
padding-left: 20px;
}
.product-item .prod-sku {
margin-top: 0;
}
.product-tabs-module {
--product-tabs-gutter: 20px;
}
.tabs-nav {
height: 72px;
padding: 16px 20px 16px 0;
}
.main-layout {
grid-template-columns: 1fr;
min-height: 0;
border-right: 0;
padding-top: 0;
}
.left-content {
max-width: 100%;
padding: 24px 20px;
}
.right-products {
width: 100%;
grid-template-columns: 1fr;
grid-template-rows: auto;
}
.product-item {
width: 100%;
height: auto;
min-height: 322px;
border: 1px solid #E4E4E4;
padding: 20px;
display: block;
box-sizing: border-box;
margin-bottom: -1px;
}
.prod-img {
width: 100%;
max-width: 100%;
height: 212px;
object-fit: cover;
mix-blend-mode: multiply;
}
.prod-name {
line-height: 40px;
text-transform: uppercase;
margin: 0;
text-align: left;
font-size: 14px;
width: 100%;
}
.prod-sku {
line-height: 20px;
margin: 0;
text-align: left;
font-size: 14px;
width: 100%;
}
.arrow-top-right {
position: absolute;
top: 20px;
right: 20px;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
}
.arrow-top-right path {
display: block;
}
.arrow-top-right::after {
display: none;
}
.prod-text-wrap {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
gap: 0;
}
.right-products.right-products--count-3 .product-item:nth-child(1) {
grid-column: auto;
border-right: 1px solid #E4E4E4;
}
.why-choose-module {
padding: 40px 20px;
}
.left-v-line {
top: -40px;
}
.grid-item {
padding: 20px 0;
}
.main-title {
font-size: 20px;
line-height: 24px;
}
.title-line {
height: 19px;
width: 3px;
left: -1px;
}
.customization-v3-content {
padding: 0;
}
.customization-v3-unique-node {
--customization-v3-gutter: 20px;
}
.customization-v3-inner {
margin: 0 auto;
padding: 44px 20px;
min-height: 0;
width: min(100%, 390px);
}
.layout-header-v3 {
flex-direction: column;
gap: 0;
padding: 20px 20px 0;
width: 100%;
margin-bottom: 0;
display: flex;
}
.main-wrapper-v3 {
gap: 0;
flex-direction: column-reverse;
width: 100%;
padding-bottom: 20px;
}
.layout-header-v3 h2 {
line-height: 40px;
padding: 0;
max-width: none;
font-size: 20px;
width: 100%;
font-family: "Archivo";
font-style: normal;
font-weight: 600;
text-transform: capitalize;
color: #231815;
box-sizing: border-box;
}
.list-entry-v3 {
padding: 20px 0;
gap: 20px;
align-items: center;
box-sizing: border-box;
}
.info-bundle-v3 h3 {
line-height: 20px;
font-size: 14px;
color: #003B90;
}
.info-bundle-v3 p {
line-height: 20px;
color: #231815;
font-size: 14px;
}
.svc-hero {
height: auto;
min-height: 520px;
padding: 0;
box-sizing: border-box;
border-left: none;
border-right: none;
}
.svc-hero-bg {
height: 100%;
left: 20px;
width: calc(100% - 40px);
}
.svc-hero::after {
left: 20px;
width: calc(100% - 40px);
}
.svc-hero::before {
content: "";
position: absolute;
left: 20px;
right: 20px;
top: 0;
bottom: 0;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
z-index: 1;
pointer-events: none;
}
.svc-hero-overlay {
background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 100%);
align-items: flex-end;
left: 0;
right: 0;
width: 100%;
padding: 0;
box-sizing: border-box;
position: absolute;
padding-bottom: 0;
}
.svc-hero-title {
line-height: 1.2;
font-size: 14px;
}
.svc-hero-desc {
line-height: 20px;
font-size: 14px;
}
.svc-hero-content {
gap: 20px;
padding: 40px 20px;
width: 100%;
}
.svc-hero-text-wrap {
max-width: 100%;
}
.solutions-hero-breadcrumb .product-series-breadcrumb__cell--crumbs {
padding: 0 20px;
}
.solutions-hero-breadcrumb .product-series-breadcrumb__sep {
margin: 0 6px;
}
.solutions-hero-breadcrumb .product-series-breadcrumb__link,
.solutions-hero-breadcrumb .product-series-breadcrumb__current {
font-size: 14px;
}
.v24-sustainability-section {
padding-left: 20px;
padding-right: 20px;
}
.v24-main-title {
font-size: 16px;
padding-left: 0;
}
.v24-main-title::before {
height: 19px;
left: calc(-1 * var(--v24-inner) - 2px);
transform: translateY(-50%);
}
.v25-social-responsibility {
--v25-gutter: 20px;
}
.v25-grid {
grid-template-columns: repeat(2, 1fr);
padding: 20px;
}
.v25-section-title {
font-size: 16px;
line-height: 30px;
padding: 20px;
padding-left: 20px;
}
.v25-section-title::before {
height: 19px;
}
.v26-supply-chain__wrap {
--v26-gutter: 20px;
}
.v26-supply-chain__header {
padding: 20px;
}
.v26-supply-chain__nav {
width: 260px;
--v26-nav-pad: 20px;
padding: 0;
gap: 0;
border-top: 1px solid #E4E4E4;
order: 2;
}
.v26-supply-chain__media {
width: 360px;
padding: 20px;
height: auto;
border-top: 1px solid #E4E4E4;
order: 2;
}
.v26-supply-chain__content {
padding: 20px;
order: 1;
}
.v26-supply-chain__title {
font-size: 16px;
line-height: 30px;
}
.v26-supply-chain__accent {
height: 20px;
}
.v26-supply-chain__subtitle {
font-size: 14px;
line-height: 30px;
}
.v26-supply-chain__nav-item {
font-size: 14px;
line-height: 20px;
border-bottom: 1px solid #E4E4E4;
padding: 10px 20px;
}
.sustainability-roadmap__timeline-col {
--sr-year-col: 96px;
--sr-dot-col: 32px;
width: 100%;
align-items: flex-start;
}
.sustainability-roadmap__stage {
font-size: 14px;
}
.sustainability-roadmap__content {
padding-bottom: 67px;
padding-left: 0;
}
.sustainability-roadmap__wrap {
--sr-gutter: 20px;
padding: 0 var(--sr-gutter);
}
.sustainability-roadmap__header {
padding: 30px 20px;
}
.sustainability-roadmap__table {
padding: 20px;
flex-direction: column;
align-items: stretch;
gap: 24px;
}
.sustainability-roadmap__img {
width: 180px;
height: 210px;
}
.sustainability-roadmap__title {
font-size: 16px;
}
.sustainability-roadmap__accent {
height: 20px;
}
.related-blogs__right-line {
display: none;
}
.related-blogs__grid {
grid-template-columns: repeat(2, 1fr);
border-left: none;
border-right: none;
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
scrollbar-width: none;
-ms-overflow-style: none;
}
.related-blogs__card:nth-child(3) {
display: none;
}
.related-blogs__title {
font-size: 14px;
padding-left: 20px;
padding-top: 20px;
padding-bottom: 20px;
}
.related-blogs__title::before {
height: 12px;
width: 3px;
left: -1.5px;
}
.xy-wcu-banner-content {
left: 0;
bottom: 0;
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 40px 20px;
gap: 12px;
height: auto;
z-index: 2;
right: 0;
}
.xy-wcu-banner-title {
line-height: 22px;
font-size: 32px;
font-family: "Archivo";
font-style: normal;
font-weight: 900;
color: #EDEDED;
margin: 0;
}
.wcu-qm-header {
padding: 40px 20px;
gap: 20px;
flex-direction: column;
}
.wcu-qm-title {
font-size: 24px;
}
.wcu-qm-list {
padding: 40px 20px;
gap: 30px;
}
.wcu-qm-item-title {
font-size: 14px;
}
.wcu-qm-item-desc {
font-size: 14px;
}
.wcu-group-grid {
gap: 0;
padding: 20px;
flex-direction: column;
border-bottom: 1px solid #E4E4E4;
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px;
}
.wcu-title-row {
gap: 0;
flex-direction: column;
}
.wcu-rnd-heading {
line-height: 16px;
font-size: 16px;
margin-bottom: 10px;
}
.wcu-achieve-grid {
gap: 30px;
flex-direction: column;
padding: 20px;
}
.wcu-achieve-num {
font-size: 16px;
line-height: 28px;
}
.modular-solutions-exclusive-v5 {
--ms-side-gap: 20px;
padding: 0 var(--ms-side-gap);
}
.modular-solutions-exclusive-v5 .flex-stage-v5 {
height: 400px;
flex-direction: row;
width: 100%;
gap: 0;
border: none;
background: transparent;
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
margin-left: 0;
margin-right: 0;
}
.modular-solutions-exclusive-v5 .cell-v5 {
flex: 0 0 150px;
}
.modular-solutions-exclusive-v5 .flex-stage-v5:hover .cell-v5:first-child:not(:hover) {
flex: 0 0 150px;
}
.ms-bottom-title-v5 {
font-size: 20px;
}
.svc-fm-grid {
flex-direction: column;
gap: 40px;
}
.svc-fm-list {
flex: none;
width: 100%;
padding: 0 0 0 20px;
box-sizing: border-box;
gap: 10px;
}
.svc-sol-gallery {
height: auto;
position: relative;
width: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
}
.svc-sol-content h3 {
font-size: 14px;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 600;
margin: 0 0 15px;
line-height: 1.2;
}
.svc-sol-content p {
font-size: 14px;
font-family: "Archivo", sans-serif;
line-height: 1.6;
margin: 0;
opacity: 0.9;
}
.svc-cs-container {
flex-direction: column;
gap: 0;
padding: 0 20px 40px;
}
.svc-cs-left {
flex: none;
width: 100%;
}
.svc-cs-img-sticky {
margin-bottom: 20px;
position: relative !important;
top: 0 !important;
}
.svc-cs-img-sticky img {
height: 180px;
width: 100%;
border-radius: 0;
aspect-ratio: auto;
display: block;
margin-left: 0;
}
.svc-cs-params {
flex-wrap: nowrap;
gap: 0;
flex-direction: row;
overflow-x: auto;
padding: 0;
margin: 0;
width: 100%;
margin-bottom: 0;
scrollbar-width: none;
box-sizing: border-box;
border: none;
justify-content: center;
}
.hero-slide-bg-pc {
display: none;
}
.hero-slide-bg-mobile {
display: block;
}
.text-group {
width: auto;
height: auto;
}
.product-series-breadcrumb__list {
gap: 8px;
}
.banner-container {
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
}
.product-series-banner {
padding: 0 20px;
}
.intro-grid-section {
padding: 40px 20px 0;
}
.intro-grid-section::before {
top: 40px;
}
.site-logo .custom-logo--default {
display: none !important;
}
.site-logo .custom-logo--sticky {
display: block !important;
}
#full-width-search.search-overlay {
top: 0;
left: 0;
width: 100vw;
height: 100dvh;
background-color: rgba(0, 0, 0, 0.35);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
transform: none;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 260ms ease, visibility 0s linear 260ms;
z-index: 2147483002 !important;
}
#full-width-search.search-overlay.is-open {
opacity: 1;
visibility: visible;
pointer-events: auto;
transition: opacity 260ms ease;
}
body.is-search-overlay-open {
overflow: hidden;
}
body.is-search-overlay-open .product-series-breadcrumb {
display: none !important;
}
body.is-search-overlay-open .product-series-filters {
display: none !important;
}
#full-width-search .search-bar {
position: relative;
top: 133px;
left: 0;
right: 0;
bottom: 0;
width: 100%;
transform: translatey(100vh);
transition: transform 260ms ease;
border: 0;
box-sizing: border-box;
overflow: hidden;
flex-direction: column;
align-items: stretch;
gap: 0;
padding: 20px;
background: #FFF;
}
#full-width-search.search-overlay.is-open .search-bar {
transform: translatey(0);
}
#full-width-search .search-bar-logo {
display: none;
}
#full-width-search .search-back {
position: absolute;
top: 20px;
left: 20px;
width: 44px;
height: 44px;
padding: 0;
border: 0;
background: transparent;
color: #231815;
display: inline-flex;
align-items: center;
justify-content: center;
}
#full-width-search .search-close {
position: absolute;
top: 20px;
right: 20px;
width: 44px;
height: 44px;
padding: 0;
border: 0;
background: transparent;
color: #231815;
display: inline-flex;
align-items: center;
justify-content: center;
}
#full-width-search .search-form {
flex: 1 1 auto;
width: 100%;
display: flex;
flex-direction: column;
align-items: stretch;
gap: 20px;
padding-top: 64px;
box-sizing: border-box;
}
#full-width-search .search-input-box {
width: 100%;
border: 0;
padding: 0;
box-sizing: border-box;
flex: 1 1 auto;
min-height: 0;
align-items: stretch;
display: flex;
flex-direction: column;
justify-content: flex-end;
overflow: hidden;
position: relative;
background: #FFF;
}
#full-width-search .search-fake-placeholder {
position: absolute;
left: 16px;
right: 16px;
top: 14px;
bottom: 14px;
overflow: hidden;
display: flex;
align-items: flex-end;
white-space: pre-wrap;
word-break: break-word;
color: #000;
line-height: 28px;
pointer-events: auto;
user-select: none;
font-size: 14px;
}
#full-width-search .search-fake-placeholder.is-hidden {
display: none;
}
#full-width-search .search-input-box svg {
display: none;
}
#full-width-search .search-input-box>span {
display: none;
}
#full-width-search .search-field-mobile {
display: block;
width: 100%;
height: 100%;
min-height: 0;
color: #000;
line-height: 20px;
background: transparent;
border: 0;
outline: 0;
resize: none;
overflow: hidden;
font-size: 14px;
}
body.is-search-overlay-open #full-width-search .search-form {
min-height: 0;
height: 100%;
}
body.is-search-overlay-open #full-width-search .search-input-box {
flex: 0 0 auto;
min-height: 0;
align-items: stretch;
}
body.is-search-overlay-open #full-width-search .search-submit {
margin-top: 0;
}
#full-width-search .search-submit {
width: 100%;
height: 56px;
margin-left: 0;
background: #003B90;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
font-size: 14px;
}
.mobile-drawer {
top: 133px;
left: 0;
right: 0;
bottom: 0;
width: 100%;
transform: translatey(100vh);
transition: transform 260ms ease;
border: 1px solid #E4E4E4;
box-sizing: border-box;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
z-index: 999999 !important;
}
.mobile-drawer.is-active {
transform: translatey(0);
}
.product-series-breadcrumb__back svg {
width: 32px;
height: 32px;
}
.product-series-filters {
padding: 0 20px;
}
.page-template-page-product-series .product-series-filters {
position: static !important;
top: auto !important;
z-index: auto !important;
transition: none !important;
will-change: auto;
}
.page-template-page-product-series .product-series-filters.is-stuck.ps-hidden {
transform: translatey(calc(-100% - var(--xy-custom-header-h, 125px) - var(--xy-ps-breadcrumb-h, 109px))) !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: none !important;
}
.product-series-filters__cell--side-left,
.product-series-filters__cell--side-right {
display: none;
}
.product-series-filters__cell--main {
border-right: 1px solid #E4E4E4;
border-left: 1px solid #E4E4E4;
}
.product-series-filter--application,
.product-series-filter--search {
border: 0;
}
.page-template-page-product-series .product-series-filters.is-stuck {
padding: 0;
background: #FFF;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filters__grid {
grid-template-columns: 1fr;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filters__cell--main {
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filters__bar {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
padding: 0;
border-top: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter--type,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter-dropdown-wrap--application,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-search {
width: 100%;
min-width: 0;
padding: 0;
justify-content: center;
display: flex;
align-items: center;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter-dropdown-wrap--application,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-search {
border-left: 1px solid #E4E4E4;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter--type,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter--application,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-search {
padding-left: 0;
padding-right: 0;
height: 60px;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter-dropdown-wrap--application,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter-dropdown-wrap--type {
align-items: stretch;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter--application {
width: 100%;
height: 100%;
justify-content: center;
padding: 0;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter--type {
width: 100%;
height: 100%;
justify-content: center;
padding: 0;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-search {
justify-content: center;
padding: 0;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter__label,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-search__text {
display: none;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter--type svg:last-child,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter--application svg:last-child {
display: none;
}
body.is-product-series-application-open {
overflow: hidden;
}
body.is-product-series-application-open .page-template-page-product-series .product-series-filters {
will-change: auto !important;
transform: none !important;
top: 0 !important;
z-index: 2147483000 !important;
}
body.is-product-series-search-open {
overflow: hidden;
}
body.is-product-series-search-open .page-template-page-product-series .product-series-filters {
will-change: auto !important;
transform: none !important;
top: 0 !important;
z-index: 2147483000 !important;
}
body.is-product-series-search-open .site-header {
display: none !important;
}
body.is-product-series-search-open .product-series-breadcrumb {
display: none !important;
}
body.is-product-series-search-open .product-series-banner {
display: none !important;
}
body.is-product-series-application-open .product-series-banner {
display: none !important;
}
.page-template-page-product-series .product-series-filter-dropdown {
position: fixed;
inset: 0;
width: 100vw;
height: 100vh;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: none;
transition: opacity 0.2s ease, visibility 0.2s ease;
display: flex;
justify-content: flex-end;
align-items: flex-end;
z-index: 9999;
}
.page-template-page-product-series .product-series-filter-dropdown-wrap.is-open .product-series-filter-dropdown {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.page-template-page-product-series .product-series-filter-dropdown__panel {
width: 100%;
position: relative;
height: min(82vh, 720px);
max-height: calc(100vh - 40px);
background: #FFF;
border-top-left-radius: 0;
border-top-right-radius: 0;
overflow: hidden;
transform: translatex(100%);
transition: transform 0.28s ease;
display: flex;
flex-direction: column;
}
.page-template-page-product-series .product-series-filter-dropdown-wrap.is-open .product-series-filter-dropdown__panel {
transform: translatex(0);
}
.page-template-page-product-series .product-series-filter-dropdown__header {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 12px;
padding: 60px 20px 20px;
border-bottom: 1px solid #E4E4E4;
position: relative;
}
.page-template-page-product-series .product-series-filter-dropdown__icon {
display: block;
width: 24px;
height: 24px;
}
.page-template-page-product-series .product-series-filter-dropdown__title {
width: auto;
line-height: 1;
font-weight: 700;
color: #003B90;
font-size: 14px;
}
.page-template-page-product-series .product-series-filter-dropdown__close {
position: absolute;
right: 20px;
top: 30%;
transform: translatey(-50%);
}
.page-template-page-product-series .product-series-filter-dropdown__frame {
position: relative;
width: 100%;
height: auto;
min-height: 0;
left: 0;
top: auto;
padding: 20px;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
scrollbar-color: #003B90 transparent;
}
.page-template-page-product-series .product-series-filter-dropdown__frame::after {
content: "";
position: sticky;
left: 0;
right: 0;
bottom: 0;
display: block;
height: 90px;
margin-top: -90px;
background: linear-gradient(to top, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 100%);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
pointer-events: none;
z-index: 1;
}
.page-template-page-product-series .product-series-filter-dropdown__frame::-webkit-scrollbar {
width: 4px;
}
.page-template-page-product-series .product-series-filter-dropdown__frame::-webkit-scrollbar-track {
background: transparent;
}
.page-template-page-product-series .product-series-filter-dropdown__frame::-webkit-scrollbar-thumb {
background: #003B90;
min-height: 130px;
}
.page-template-page-product-series .product-series-filter-dropdown__footer {
flex: 0 0 auto;
padding: 20px;
background: #FFF;
}
.page-template-page-product-series .product-series-filter-dropdown__search-btn {
width: 100%;
height: 56px;
background: #003B90;
color: #FFF;
border: 0;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
line-height: 1;
cursor: pointer;
transition: background-color 0.2s ease;
font-size: 14px;
}
.page-template-page-product-series .product-series-filter-dropdown__search-btn:hover,
.page-template-page-product-series .product-series-filter-dropdown__search-btn:active {
background-color: #007DBF;
}
.page-template-page-product-series .product-series-filter-dropdown__row {
width: 100%;
height: auto;
box-sizing: border-box;
}
.page-template-page-product-series .product-series-filter-dropdown__item {
width: 100%;
justify-content: center;
padding: 18px 10px;
margin: 0;
position: relative;
font-size: 14px;
}
.page-template-page-product-series .product-series-filter-dropdown__row.is-active .product-series-filter-dropdown__item::after {
border-color: #003B90;
}
.page-template-page-product-series .product-series-filter-dropdown__indicator {
display: none;
}
.product-series-products__divider {
display: none;
}
.product-series-products__card--placeholder {
display: none;
}
.product-series-products__row:last-of-type .product-series-products__card:last-child {
border-bottom: none;
}
.product-series-products__content {
gap: 6px;
flex: 0 0 auto;
padding: 0 20px 20px 20px;
}
.product-series-pagination__container {
padding-left: 20px;
padding-right: 20px;
padding: 30px 20px;
}
.product-series-contact__bg-img {
inset: auto;
left: 0;
top: 0;
width: 752px;
height: 271px;
max-width: none;
object-fit: cover;
}
.product-series-contact__btn {
width: 100%;
max-width: 310px;
height: 60px;
}
.banner-overlay {
background: linear-gradient(0deg, #1B2129 0%, rgba(27, 33, 41, 0) 100%);
}
.product-series-banner__btn span {
font-size: 14px;
}
.header-mobile-actions button {
pointer-events: auto !important;
position: relative;
z-index: 9999999;
}
.hero-container {
padding: 0;
}
.hero-floating-actions {
right: 20px;
bottom: 100px;
}
.floating-btn {
width: 40px;
height: 40px;
}
.hero-progress {
left: 20px;
right: 20px;
bottom: 30px;
}
.grid-3 {
display: flex;
overflow-x: auto;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
-ms-overflow-style: none;
scrollbar-width: none;
}
.grid-3::-webkit-scrollbar {
display: none;
}
.cell-visual {
padding: 40px 0;
}
.scrollbar-thumb {
width: 142px;
height: 100%;
background-color: #003B90;
position: absolute;
top: 0;
left: 0;
}
.new-section {
padding-left: 20px;
padding-right: 20px;
}
.new-section-mobile-image {
position: relative;
width: 100%;
height: 40vh;
overflow: hidden;
}
.new-section-mobile-image .new-section-image {
object-fit: cover;
height: 100%;
}
.play-button-overlay {
position: absolute;
bottom: 0;
left: 0;
width: 60px;
height: 60px;
background-color: rgba(255, 255, 255, 0.18);
border: 1px solid rgba(255, 255, 255, 0.5);
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.xy-home-video-dialog {
width: 100vw;
height: 100vh;
transform: none;
left: 0;
top: 0;
}
.xy-home-video-close {
left: 20px;
right: auto;
top: 48px;
}
.xy-home-video-header {
left: 92px;
top: 48px;
right: 20px;
}
.xy-home-video-player {
width: 100vw;
height: 100vh;
aspect-ratio: auto;
}
.new-section-mobile-text {
padding: 30px 0 0;
}
.decorative-bar {
height: 12px;
margin-bottom: 0;
}
.new-section-mobile .new-section__btn {
width: 100%;
justify-content: flex-start;
padding: 15px 20px;
border-radius: 0;
}
.capabilities-left {
flex: 1 1 auto;
max-width: 100%;
width: 100%;
}
.capabilities-right {
flex: 1 1 auto;
max-width: 100%;
border: 0;
padding: 0;
}
.capabilities-desc {
max-width: 100%;
}
.capabilities-grid {
grid-template-columns: repeat(2, 1fr);
}
.cap-item:nth-child(3n + 2),
.cap-item:nth-child(3n + 3) {
border-left: none;
}
.cap-item:nth-child(2n) {
border-left: none;
}
.capabilities-grid .cap-item::before {
left: 12px;
right: 12px;
display: block;
top: auto;
bottom: 0;
height: 1px;
background: #E4E4E4;
}
.capabilities-grid .cap-item::after {
top: 12px;
bottom: 12px;
display: none;
}
.capabilities-grid .cap-item:nth-child(-n + 2)::before {
display: none;
}
.capabilities-grid .cap-item:nth-child(2n + 1)::after {
display: block;
left: auto;
right: 0;
top: 12px;
bottom: 12px;
width: 1px;
background: #E4E4E4;
}
.cap-label {
width: 107px;
}
.cap-item--highlight {
text-align: left;
}
.cap-highlight-desc {
margin: 0;
max-width: 100%;
}
.cap-item.is-active {
height: auto;
}
.cap-item.is-active .cap-number,
.cap-item.is-active .cap-unit,
.cap-item.is-active .cap-label {
color: #003B90;
}
.cap-item.is-active .cap-highlight-desc {
display: block;
line-height: 16px;
padding: 10px 0 0;
font-size: 14px;
}
.intro-grid__link svg {
position: absolute;
top: 10px;
right: 10px;
z-index: 2;
width: 32px;
height: 32px;
}
.capabilities-grid .cap-item:nth-last-child(-n + 2)::before {
display: none;
}
.capabilities-grid .cap-item:nth-child(1)::before,
.capabilities-grid .cap-item:nth-child(2)::before,
.capabilities-grid .cap-item:nth-child(3)::before {
display: block;
}
.story-container {
flex-direction: column;
align-items: flex-start;
gap: 24px;
padding: 40px 40px;
height: 100%;
}
.story-content {
flex: 1 1 auto;
max-width: 100%;
}
.story-visual {
flex: 1 1 auto;
max-width: 100%;
width: 100%;
justify-content: flex-end;
}
.story-image {
width: 248px;
height: 214px;
max-width: none;
}
.cards-grid {
display: flex;
overflow-x: auto;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
scrollbar-width: none;
}
.cards-grid::-webkit-scrollbar {
display: none;
}
.cards-item {
flex: 0 0 calc(100% - 80px);
padding: 20px 20px 0;
scroll-snap-align: start;
}
.cards-item+.cards-item {
border-left: 1px solid #E4E4E4;
}
.cards-date {
padding-left: 0;
}
.cards-media {
width: 260px;
height: 260px;
}
.cards-footer {
margin-left: -20px;
margin-right: -20px;
}
.cards-footer .cards-link {
padding: 22.5px 0 22.5px 20px;
}
.cards-section {
padding: 0 20px;
}
.faq-bar {
margin-left: calc(-20px - 2px);
height: 12px;
}
.site-footer {
padding-top: 0;
padding-bottom: 160px;
padding-left: 40px;
padding-right: 40px;
}
.footer-col--company {
grid-area: company;
}
.footer-col--services {
grid-area: services;
}
.footer-col--products {
grid-area: products;
grid-column: 1/-1;
border-left: none;
padding-left: 0;
}
.footer-social--desktop {
display: none;
}
.footer-social--mobile {
display: flex;
}
.footer-social {
justify-content: space-between;
padding: 20px;
}
.footer-subscribe {
padding: 0 20px;
}
.footer-subscribe-btn {
border-top: 1px solid rgba(255, 255, 255, 0.25);
width: 100%;
max-width: 100%;
gap: 20px;
padding: 18px 0;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
font-size: 14px;
}
.footer-heading {
font-family: "Archivo", sans-serif;
font-weight: 400;
padding: 16px 0 0;
font-size: 14px;
}
.footer-link {
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 600;
padding: 12px 0 0;
font-size: 14px;
}
.footer-social-link {
width: 30px;
height: 30px;
}
.footer-contact-title {
font-family: "Archivo", sans-serif;
font-weight: 600;
line-height: 20px;
font-size: 14px;
}
.footer-contact-text {
font-family: "Archivo", sans-serif;
font-weight: 300;
line-height: 20px;
padding: 0;
font-size: 14px;
}
.cta-section {
min-height: 24vh;
}
.faq-container {
padding-top: 40px;
}
.faq-section {
padding-left: 20px;
padding-right: 20px;
}
.faq-Rectangle {
height: 44px;
background: rgba(12, 47, 98, 0.05);
}
.footer-col {
width: 100%;
gap: 44px;
}
.footer-contact {
padding: 20px;
}
.blog-pagination {
padding: 0 20px;
}
.blog-hero__overlay,
.blog-hero__hover-panel {
padding: 20px;
}
.blog-hero__date,
.news-header__subtitle {
font-size: 14px;
}
.blog-hero__desc,
.blog-hero__hover-desc {
font-size: 14px;
}
.blog-subscribe__input {
width: 100%;
padding: 20px;
font-size: 14px;
}
.blog-subscribe__btn {
width: 100%;
justify-content: center;
padding: 20px;
font-size: 14px;
}
.blog-pagination__link svg {
width: 20px;
height: 20px;
}
.blog-content,
.blog-subscribe,
.blog-hero {
padding: 0 20px;
}
.blog-share a {
width: 24px;
height: 24px;
}
.other-blogs-section {
padding-left: 20px;
padding: 50px 0 0 0;
padding-right: 0 !important;
}
.other-blogs-header {
padding: 20px;
border-left: none;
}
.other-blogs-header::before {
display: block;
left: 0;
width: 3px;
height: 12px;
}
.other-blogs-title {
font-size: 14px;
}
.other-blogs-title-text {
font-size: 14px;
}
.other-blogs-wrapper {
border-left: none;
border-right: none;
}
.xy-local-faq-section {
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
border-left: none;
border-right: none;
}
.xy-local-faq-section::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 20px;
right: 20px;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
pointer-events: none;
}
.xy-contact-submit-module {
margin: 40px 0;
padding: 0 20px;
}
.xy-local-faq-header {
padding: 40px 0 0;
}
.xy-local-faq-title {
font-size: 14px;
}
.xy-local-faq-bottom-block {
height: 44px;
}
.xy-local-faq-list {
padding: 0;
}
.xy-contact-blogs-section {
padding: 50px 0 0 0;
}
.xy-contact-blogs-header {
padding: 0 20px 20px;
border-left: none;
}
.xy-contact-blogs-header::before {
display: none;
}
.xy-contact-blogs-title {
font-size: 14px;
}
.xy-contact-blogs-wrapper {
border-left: none;
border-right: none;
}
.xy-contact-blogs-title-text {
font-size: 14px;
}
.xy-contact-blogs-scroll-container {
margin-top: 30px;
margin-bottom: 50px;
}
.xy-events-intro {
display: block;
padding: 0 20px;
}
.xy-events-intro__box {
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
padding: 40px 20px 20px;
}
.xy-events-intro__title {
margin: 0 0 10px;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 700;
line-height: 1.1;
color: #231815;
font-size: 14px;
}
.xy-events-intro__meta {
display: flex;
align-items: flex-start;
gap: 8px;
margin-bottom: 8px;
font-family: "Archivo", sans-serif;
font-weight: 400;
line-height: 1.35;
color: #231815;
font-size: 14px;
}
.xy-events-intro__meta svg {
flex-shrink: 0;
margin-top: 1px;
}
.xy-events-intro__desc {
margin: 0;
font-family: "Archivo", sans-serif;
font-weight: 300;
line-height: 1.45;
color: #231815;
font-size: 14px;
}
.xy-events-intro__footer {
display: flex;
align-items: stretch;
justify-content: space-between;
margin-top: 14px;
}
.xy-events-intro__socials {
display: flex;
align-items: center;
gap: 14px;
padding: 12px 0;
}
.xy-events-intro__socials a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
text-decoration: none;
}
.xy-events-hero {
min-height: 560px;
height: calc(var(--xy-visual-vh, 100vh) * 0.65);
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
background: #FFF;
border-top: 1px solid rgba(228, 228, 228, 0.5);
}
.xy-events-hero__slider {
position: absolute;
inset: 0 20px;
}
.xy-events-hero__desc {
font-size: 14px;
}
.xy-explore-hero__desc {
font-size: 14px;
}
.xy-explore-hero__btn {
font-size: 14px;
}
.news-subscribe-input {
font-size: 14px;
}
.news-header__inner {
padding: 40px 20px 20px;
}
.news-detail-main>section {
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
border-left: 1px solid #E5E5E5;
border-right: 1px solid #E5E5E5;
}
.news-header__date {
margin-bottom: 20px;
font-size: 14px;
}
.news-header__desc {
font-size: 14px;
}
.news-footer-action__inner {
flex-direction: column;
align-items: stretch;
gap: 0;
}
.news-footer-action__left {
flex-direction: column;
align-items: center;
width: 100%;
}
.news-footer-action__divider {
display: block;
width: 100%;
height: 1px;
background: #E5E5E5;
}
.news-top-pagination__link {
font-size: 14px;
}
.news-scroll-container {
margin-top: 30px;
margin-bottom: 50px;
}
.news-mobile-divider {
display: block;
width: 100%;
height: 1px;
background: #E5E5E5;
}
.news-share {
padding: 20px 0;
}
.related-blogs__heading {
font-size: 14px;
}
.related-blogs-section .section-container {
padding-left: 20px;
padding-right: 0;
}
.related-blogs__top-divider {
margin-bottom: 30px;
width: calc(100% - 20px);
}
.related-blogs__content-wrapper {
padding-left: 0;
}
.related-blogs__mid-divider {
width: 100%;
}
.related-blogs__grid::-webkit-scrollbar {
display: none;
}
.scrollbar-track {
width: 100%;
height: 4px;
background-color: #F3F5F7;
position: relative;
}
.related-blogs__card {
border-right: 1px solid #E4E4E4;
border-left: none;
padding: 10px 20px 0;
flex: 0 0 85%;
scroll-snap-align: start;
}
.related-blogs__card:last-child {
border-right: 1px solid #E4E4E4;
}
.related-blogs__grid::after {
content: "";
display: block;
flex: 0 0 20px;
width: 20px;
}
.related-blogs__card:nth-child(2),
.related-blogs__card:nth-child(3) {
display: flex;
}
.related-blogs__date {
padding: 0 0 20px 0;
font-size: 14px;
}
.related-blogs__content {
padding: 20px 0;
color: #231815;
line-height: 24px;
font-size: 14px;
}
.related-blogs__desc {
font-size: 14px;
}
.related-blogs__footer {
margin-left: -20px;
margin-right: -20px;
}
.related-blogs__link {
padding: 20px;
font-size: 14px;
}
.xy-chat-window {
position: fixed;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 100vh;
border-radius: 0;
}
.xy-chat-body {
flex: 1;
height: auto;
}
.xy-chat-trigger {
width: 40px;
height: 40px;
}
.v25-item-text {
line-height: 26px;
font-size: 14px;
}
.v25-item-desc {
line-height: 24px;
font-size: 14px;
}
.v26-supply-chain__text {
line-height: 24px;
font-size: 14px;
}
.footer-div,
.footer-contact {
padding: 16px 20px 0;
}
.v21-news-item {
flex-direction: column-reverse;
gap: 20px;
height: 100%;
}
.v21-text-content {
padding: 20px;
}
.v21-image-box {
width: 100%;
height: 200px;
}
.v21-item-title {
font-size: 14px;
}
.xy-about-driven-image img {
padding: 0 20px;
height: 250px;
}
.xy-about-driven-item p {
line-height: 28px;
font-size: 14px;
}
.xy-about-driven-item svg {
width: 8px;
height: 8px;
}
.xy-about-driven-bottom-container {
flex-direction: column;
gap: 20px;
padding: 20px 0;
align-items: center;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
}
.xy-about-driven-card {
width: 350px;
height: 282px;
position: relative;
flex: none;
}
.xy-about-driven-card img {
width: 100%;
height: 288px;
position: absolute;
left: 50%;
top: -6px;
transform: translatex(-50%);
object-fit: cover;
}
.xy-about-driven-card-mask {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 20px;
gap: 12px;
position: absolute;
width: 350px;
height: auto;
left: 50%;
bottom: 0;
transform: translatex(-50%);
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
justify-content: flex-end;
}
.xy-about-driven-card-mask h3 {
font-family: "Zalando Sans Expanded";
font-style: normal;
font-weight: 400;
line-height: 19px;
color: #EDEDED;
margin: 0;
width: 310px;
font-size: 14px;
}
.xy-about-driven-card-mask p {
font-family: "Archivo";
font-style: normal;
font-weight: 400;
line-height: 16px;
color: #EDEDED;
margin: 0;
width: 310px;
font-size: 14px;
}
.xy-about-driven-card+.xy-about-driven-card {
border-left: none;
}
.xy-about-overview-link svg {
top: 10px;
right: 10px;
width: 32px;
height: 32px;
}
.xy-about-overview-desc {
line-height: 16px;
font-size: 14px;
}
.xy-about-overview-grid {
display: flex;
overflow-x: auto;
-ms-overflow-style: none;
scrollbar-width: none;
border-left: none;
border-right: none;
}
.xy-about-overview-grid::-webkit-scrollbar {
display: none;
}
.xy-about-overview-cell+.xy-about-overview-cell {
border-left: 1px solid #E4E4E4;
}
.xy-about-overview-cell-title,
.xy-about-history-title {
font-size: 14px;
}
.xy-about-overview-scrollbar-container {
display: block;
margin-top: -1px;
}
.xy-about-banner-bg {
position: absolute;
width: 711px;
height: 461px;
left: calc(50% - 711px / 2 + 0.5px);
}
.xy-about-banner-subtitle {
font-family: "Archivo";
font-style: normal;
font-weight: 400;
line-height: 36px;
color: #EDEDED;
margin: 0;
font-size: 14px;
}
.xy-about-banner-desc {
font-family: "Archivo";
font-style: normal;
font-weight: 100;
line-height: 20px;
color: #EDEDED;
margin: 0;
width: 350px;
font-size: 14px;
}
.xy-about-foot-container {
padding: 0;
}
.xy-about-foot-title {
font-size: 14px;
}
.xy-about-foot-title-line {
height: 12px;
}
.xy-about-foot-header {
margin-bottom: 170px;
}
.xy-about-foot-header h3 {
line-height: 20px;
font-size: 14px;
}
.xy-about-foot-header p {
line-height: 16px;
font-size: 14px;
}
.xy-about-foot-stats::-webkit-scrollbar {
display: none;
}
.xy-about-achieve-grid {
flex-direction: row;
flex-wrap: wrap;
gap: 0;
border-left: none;
border-right: none;
}
.xy-about-achieve-box:nth-child(even) {
border-right: none;
}
.xy-about-achieve-box-img img {
max-width: 143px;
max-height: 143px;
}
.xy-about-achieve-grid>div:nth-child(1) {
order: 2;
}
.xy-about-achieve-grid>div:nth-child(2) {
order: 1;
}
.xy-about-achieve-grid>div:nth-child(3) {
order: 4;
}
.xy-about-achieve-grid>div:nth-child(4) {
order: 3;
}
.xy-about-achieve-grid>div:nth-child(6) {
order: 6;
}
.xy-about-achieve-grid>div:nth-child(5) {
order: 5;
}
.xy-about-achieve-grid>div:nth-child(8) {
order: 8;
}
.xy-about-achieve-grid>div:nth-child(7) {
order: 7;
}
.xy-about-overview-left,
.xy-about-overview-right {
padding: 0;
}
.xy-contact-hero {
padding: 0 20px;
}
.xy-contact-header-module,
.xy-contact-info-module {
padding: 0 20px;
}
.xy-contact-detail-item,
.xy-contact-detail-item {
font-size: 14px;
}
.xy-social-link {
width: 20px;
height: 20px;
}
.xy-social-link svg {
width: 20px;
height: 20px;
}
.xy-contact-icon svg {
width: 16px;
height: 16px;
}
.xy-contact-container,
.xy-contact-container {
padding: 20px;
}
.xy-form-group-full {
grid-column: span 1;
}
.xy-contact-form-desc {
margin-bottom: 20px;
font-size: 14px;
}
.v21-news-section {
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
.v21-date {
font-size: 14px;
}
.v21-news-container {
border-left: 1px solid rgba(228, 228, 228, 0.5);
border-right: 1px solid rgba(228, 228, 228, 0.5);
}
.article-selector__item--empty {
display: none;
}
.article-selector__text {
font-size: 14px;
}
.article-selector__icon {
width: 24px;
height: 24px;
}
.v21-item-desc {
width: 100%;
font-size: 14px;
}
.hero-banner-divider {
display: block;
}
.hero-banner-module .hero-breadcrumb {
margin: 0 0 14px;
font-size: 14px;
}
.hero-banner-module .hero-subtitle {
font-size: 13px;
}
.perf-display {
flex-direction: column;
}
.mobile-carousel-controls {
display: flex;
}
.perf-content-desc {
line-height: 20px;
font-size: 14px;
}
.large-card,
.long-card,
.small-card {
grid-column: span 1;
height: 266px;
width: 100%;
}
.item-overlay h3 {
font-size: 14px;
}
.item-overlay {
padding: 20px 40px;
}
.solutions-hero-banner-bottom-bar {
height: 44px;
}
.solutions-hero__title-row {
gap: 10px;
}
.solutions-hero__desc {
line-height: 18px;
font-size: 13px;
}
.tabs-accent {
height: 12px;
margin-right: 16px;
}
.tabs-title {
line-height: 24px;
font-size: 14px;
}
.tabs-title svg {
width: 28px;
height: 28px;
}
.right-products.right-products--count-1,
.right-products.right-products--count-2,
.right-products.right-products--count-3 {
grid-template-columns: 1fr;
grid-template-rows: auto;
width: 100%;
}
.right-products.right-products--count-2 .prod-img {
height: 242px;
}
.header-row {
margin-bottom: 20px;
min-height: 24px;
padding-left: 12px;
}
.grid-container {
grid-template-columns: 1fr;
}
.right-v-line {
top: -40px;
}
.item-right-line {
display: none;
}
.item-bottom-line {
display: block;
}
.icon-box {
width: 40px;
height: 40px;
margin-bottom: 15px;
}
.item-title {
line-height: 16px;
margin: 0 0 10px 0;
font-size: 14px;
}
.list-entry-v3,
.visual-anchor-v3 {
padding: 20px;
}
.customization-v3-frame {
overflow: hidden;
}
.customization-v3-container {
max-width: none;
width: 100%;
}
.visual-anchor-v3 {
width: 100%;
flex: 0 1 auto;
}
.visual-anchor-v3 img {
width: 100%;
margin: 0 auto;
}
.feature-stack-v3 {
width: 100%;
gap: 0;
}
.icon-bracket-v3 {
width: 24px;
height: 24px;
}
.icon-bracket-v3 svg {
width: 24px;
height: 24px;
}
.info-bundle-v3 {
flex: 1;
gap: 8px;
}
.v24-header {
padding: 20px 20px;
--v24-inner: 20px;
}
.v24-body {
padding: 0 20px 40px;
}
.v24-steps-wrap {
max-width: none;
}
.v24-steps-list {
gap: 26px;
}
.v24-step-item {
gap: 16px;
}
.v24-icon-circle {
width: 40px;
height: 40px;
}
.v24-icon-circle svg {
width: 40px;
height: 40px;
}
.v24-step-title {
margin-bottom: 8px;
font-size: 14px;
}
.v24-step-desc {
font-size: 14px;
}
.v26-supply-chain__body {
flex-direction: column;
}
.v26-supply-chain__nav,
.v26-supply-chain__detail,
.v26-supply-chain__media,
.v26-supply-chain__content,
.v26-supply-chain__detail-panel {
width: 100%;
border-right: none;
}
.v26-supply-chain__detail {
order: 1;
}
.v26-supply-chain__nav-item:last-child {
border-bottom: none;
}
.v26-supply-chain__nav-item.is-active::after {
display: none;
}
.v26-supply-chain__detail-panel {
flex-direction: column;
}
.sustainability-roadmap__year {
padding-right: 0;
font-size: 14px;
}
.sustainability-roadmap__media-col {
width: 100%;
flex-direction: row;
justify-content: space-between;
gap: 12px;
}
.sustainability-roadmap__media {
padding-bottom: 0;
}
.sustainability-roadmap__timeline-col::before {
margin-left: 0;
}
.wcu-rnd-sec .wcu-container,
.wcu-achieve-sec .wcu-container,
.wcu-qm-sec .wcu-container {
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
}
.wcu-qm-item {
gap: 20px;
}
.wcu-qm-icon {
width: 36px;
height: 36px;
margin-left: 0;
}
.wcu-group-sec {
padding: 0 20px;
}
.wcu-subtitle-box {
padding: 20px 20px 0;
}
.wcu-title-box {
padding: 0 20px;
}
.wcu-dot svg {
width: 8px;
height: 8px;
}
.wcu-group-right {
display: block;
padding: 0 20px 20px;
}
.wcu-list {
margin: 0;
}
.wcu-list li svg {
width: 34px;
height: 34px;
margin-right: 0;
}
.wcu-rnd-header {
padding: 20px;
}
.wcu-rnd-title {
font-size: 14px;
}
.wcu-rnd-title::before {
height: 12px;
}
.wcu-rnd-grid {
flex-direction: column;
padding: 20px;
}
.wcu-rnd-img-wrapper {
width: 100%;
height: auto;
aspect-ratio: 1/1;
}
.wcu-rnd-img-deco-tl,
.wcu-rnd-img-deco-br {
width: 40px;
height: 40px;
}
.wcu-achieve-header {
padding: 20px 20px 0 20px;
}
.wcu-achieve-title {
font-size: 16px;
}
.xy-wcu-banner {
height: 461px;
background: #F3F5F7;
padding: 0;
}
.xy-wcu-banner-bg {
position: absolute;
width: 711px;
height: 461px;
left: calc(50% - 711px / 2 + 0.5px);
}
.xy-wcu-banner-mask {
display: block;
background: linear-gradient(0deg, rgba(27, 33, 41, 0.6) 2.84%, rgba(27, 33, 41, 0) 98.08%);
}
.xy-wcu-banner-desc {
font-family: "Archivo";
font-style: normal;
font-weight: 100;
line-height: 20px;
color: #EDEDED;
margin: 0;
width: 350px;
font-size: 14px;
}
.modular-solutions-exclusive-v5 .title-row-v5 {
margin-bottom: 0;
}
.modular-solutions-exclusive-v5 .indicator-v5 {
height: 12px;
}
.modular-solutions-exclusive-v5 .main-label-v5 {
font-size: 14px;
}
.modular-solutions-exclusive-v5 .flex-stage-v5::-webkit-scrollbar {
display: none;
}
.modular-solutions-exclusive-v5 .cell-v5,
.modular-solutions-exclusive-v5 .cell-v5:first-child,
.modular-solutions-exclusive-v5 .flex-stage-v5:hover .cell-v5:first-child:not(:hover) {
width: calc(100vw - 40px);
height: 100%;
flex: 0 0 calc(100vw - 40px);
margin: 0;
scroll-snap-align: start;
}
.modular-solutions-exclusive-v5 .mask-v5 {
padding: 20px;
justify-content: flex-end;
background: linear-gradient(to top, rgba(0, 30, 60, 0.9) 0%, rgba(0, 30, 60, 0) 60%);
}
.modular-solutions-exclusive-v5 .info-v5 {
opacity: 1;
transform: translatey(0);
max-width: 100%;
}
.modular-solutions-exclusive-v5 .heading-v5 {
white-space: normal;
margin-bottom: 10px;
font-size: 14px;
}
.modular-solutions-exclusive-v5 .para-v5 {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 14px;
}
.modular-solutions-exclusive-v5 .action-v5 {
display: none;
}
.ms-slider-nav-v5 {
display: flex !important;
justify-content: space-between;
align-items: center;
padding: 20px;
border-right: 1px solid #E4E4E4;
border-left: 1px solid #E4E4E4;
}
.ms-slider-arrow-v5 {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.ms-slider-arrow-v5 svg {
width: 24px;
height: 24px;
stroke: #231815;
}
.wcu-rnd-sec,
.wcu-achieve-sec,
.wcu-qm-sec {
padding: 0 20px;
}
.mobile-drawer-overlay {
z-index: 999998 !important;
}
.v21-news-pagination__container {
padding-left: 20px;
padding-right: 20px;
}
.v21-news-pagination {
height: 100px;
}
.v21-news-pagination__inner {
height: 100px;
gap: 30px;
}
.v21-news-pagination__numbers {
gap: 30px;
}
.v21-news-pagination__number,
.v21-news-pagination__dots {
line-height: 22px;
font-size: 14px;
}
.article-selector__dropdown {
position: fixed;
inset: 0;
width: 100vw;
height: 100vh;
left: auto;
right: auto;
top: 0;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: none;
transition: opacity 0.2s ease, visibility 0.2s ease;
display: flex;
justify-content: flex-end;
align-items: flex-end;
z-index: 9999;
box-shadow: none;
border-top: none;
}
.article-selector__item.is-open .article-selector__dropdown {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: none;
}
.article-selector-dropdown__panel {
width: 100%;
position: relative;
height: min(82vh, 720px);
max-height: calc(100vh - 40px);
background: #FFF;
overflow: hidden;
transform: translatey(100%);
transition: transform 0.28s ease;
display: flex;
flex-direction: column;
}
.article-selector__item.is-open .article-selector__dropdown .article-selector-dropdown__panel {
transform: translatey(0);
}
.article-selector-dropdown__header {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: space-between;
padding: 24px 20px;
border-bottom: 1px solid #E4E4E4;
}
.article-selector-dropdown__frame {
flex-grow: 1;
display: flex;
flex-direction: column;
padding: 20px;
gap: 20px;
max-height: none;
}
.article-selector-dropdown__footer {
flex-shrink: 0;
padding: 20px;
display: block;
}
.article-selector-dropdown__indicator {
width: 100px;
height: 4px;
background: #E4E4E4;
border-radius: 2px;
margin: 0 auto 10px auto;
display: block;
}
.article-selector-wrapper {
padding-inline: 24px;
}
.article-selector {
flex-direction: column;
height: auto;
padding: 0;
gap: 0;
border-left: 1px solid rgba(228, 228, 228, 0.5);
border-right: 1px solid rgba(228, 228, 228, 0.5);
}
.article-selector__item {
width: 100%;
padding: 20px;
height: 60px;
min-height: 60px;
}
.article-selector__trigger {
justify-content: flex-start;
}
.article-selector__chevron {
margin-left: auto;
}
.article-selector__item:not(:last-child)::after {
display: none;
}
body.is-article-selector-open {
overflow: hidden;
height: 100vh;
}
.faq-group {
margin-bottom: 20px;
}
.faq-group-title {
margin-bottom: 20px;
font-size: 14px;
}
.faq-accordion-list {
padding-right: 0;
}
.faq-accordion-list::after {
display: none;
}
.faq-hero-content {
padding: 40px 20px;
}
.faq-tabs {
gap: 30px;
overflow-x: auto;
justify-content: flex-start;
padding-bottom: 0;
}
.faq-tab {
white-space: nowrap;
padding: 15px 0;
font-size: 14px;
}
.faq-hero-title {
font-size: 24px;
}
.xy-home-video-controls {
left: 0;
right: 0;
bottom: 0;
top: 0;
gap: 8px;
}
.xy-home-video-control-btn#xyHomeVideoPlayToggle {
width: 32px;
height: 32px;
position: absolute;
left: 20px;
bottom: 20px;
}
.xy-home-video-control-btn svg {
width: 32px;
height: 32px;
}
.xy-home-video-progress {
display: none;
}
.xy-home-video-volume-wrap {
position: absolute;
right: 8px;
top: 50%;
width: 133px;
transform: rotate(-90deg) translatey(0);
transform-origin: right top;
z-index: 2;
}
.xy-home-video-control-btn#xyHomeVideoMute {
display: none;
}
.xy-home-video-volume {
width: 133px;
background: #B5B5B6;
}
.xy-home-video-control-time,
.xy-home-video-time-sep {
line-height: 19px;
min-width: 0;
font-size: 14px;
}
#xyHomeVideoDuration {
font-weight: 330;
color: #CDD0D2;
}
.xy-home-video-time-sep {
font-weight: 330;
font-size: 20px;
}
.xy-home-video-time-badge {
position: absolute;
left: 50%;
bottom: 20px;
transform: translatex(-50%);
display: inline-flex;
align-items: center;
gap: 10px;
padding: 10px 20px;
background: rgba(255, 255, 255, 0.12);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
z-index: 3;
}
.xy-home-video-time-current,
.xy-home-video-time-duration {
display: none;
}
.xy-home-video-fullscreen {
display: inline-flex;
position: absolute;
right: 20px;
bottom: 20px;
width: 32px;
height: 32px;
}
.v21-news-pagination__line {
display: none;
}
.xy-contact-details {
flex: 0 0 auto;
width: 100%;
height: auto;
min-height: 0;
justify-content: flex-start;
gap: 16px;
}
.xy-contact-map-wrap {
flex: 0 0 auto;
width: 100%;
min-width: 0;
height: 200px;
max-height: 200px;
}
.hero-banner-module .xy-elevators-hero-subtitle {
font-size: 13px;
}
.xy-elevators-section__head,
.xy-elevators-feature__head {
padding: 32px 20px;
}
.xy-elevators-section__accent,
.xy-elevators-feature__accent {
height: 12px;
}
.xy-elevators-section__title,
.xy-elevators-feature__title {
padding-left: 0;
line-height: 1.18;
font-size: 16px;
}
.xy-elevators-hero__desc {
margin-bottom: 14px;
font-size: 13px;
}
.xy-elevators-hero__btn {
font-size: 13px;
}
.xy-elevators-mod3b__info {
padding: 22px 14px 18px;
}
.xy-elevators-mod3b__value {
font-size: 22px;
}
.xy-elevators-mod3b__unit {
font-size: 14px;
}
.xy-elevators-mod3b__label {
font-size: 14px;
}
.xy-elevators-mod3b__desc {
max-width: 100%;
font-size: 14px;
}
.xy-elevators-mod3__tile--media {
aspect-ratio: 1/1;
}
.xy-elevators-mod3__label {
font-size: 14px;
}
.xy-elevators-feature__right {
padding: 20px;
}
.xy-elevators-feature__gallery {
grid-template-columns: 1fr;
}
.xy-elevators-card__body {
padding: 12px;
}
.xy-elevators-card__name {
font-size: 14px;
}
.xy-elevators-card__meta {
font-size: 14px;
}
.xy-elevators-cta__text {
padding: 20px 16px;
}
.xy-elevators-cta__text h3 {
font-size: 14px;
}
.xy-elevators-cta__text p {
font-size: 13px;
}
.why-xingyi-module .section-container::before,
.why-xingyi-module .section-container::after {
content: "";
position: absolute;
bottom: 0;
width: 1px;
background-color: #E4E4E4;
display: block !important;
z-index: 1;
}
.why-xingyi-module {
display: block;
}
.why-xingyi-module::before,
.why-xingyi-module::after {
display: none !important;
}
.feature-item {
padding: 0 20px;
border-right: none;
}
.features-grid .feature-item:last-child {
border-bottom: none;
}
.feature-title {
min-height: auto;
font-weight: 700;
margin: 0;
padding: 0 40px;
line-height: 20px;
font-size: 14px;
}
.benefits-split-section .section-container::before,
.benefits-split-section .section-container::after {
content: "";
position: absolute;
bottom: 0;
width: 1px;
background-color: #E4E4E4;
display: block !important;
z-index: 1;
}
.benefits-split-section {
display: block;
}
.benefits-split-section::before,
.benefits-split-section::after {
display: none !important;
}
.benefits-split-section .section-title-wrap {
padding: 24px 0;
}
.split-text ul {
padding: 15px;
}
.split-img {
padding: 20px;
}
.similar-products-module__title {
font-size: 14px;
}
.similar-products-module__image img {
width: 270px;
height: 260px;
}
.xy-elevators-divider,
.hero-banner-divider,
.hero-banner-module,
.xy-elevators-feature,
.xy-elevators-section:not(.xy-elevators-mod5),
.xy-elevators-mod5-images,
.xy-elevators-mod5__content {
max-width: min(1216px, calc(100vw - 56px));
}
.xy-elevators-mod5-images {
padding-block: 32px;
padding-inline: 16px;
gap: 14px;
}
.xy-elevators-mod5-images__img50 {
padding: 22px;
}
.xy-elevators-mod5 {
--xy-mod5-line-x: 20px;
--xy-mod5-line-y: 0;
}
.xy-elevators-mod4__layout {
grid-template-columns: 1fr 1fr;
grid-template-rows: 150px 150px 150px 150px;
gap: 12px;
}
.xy-elevators-mod4__a {
grid-column: 1;
grid-row: 1;
}
.xy-elevators-mod4__b {
grid-column: 2;
grid-row: 1;
}
.xy-elevators-mod4__c {
grid-column: 1;
grid-row: 2;
}
.xy-elevators-mod4__d {
grid-column: 2;
grid-row: 2/span 2;
}
.xy-elevators-mod4__e {
grid-column: 1;
grid-row: 3;
}
.xy-elevators-mod4__f {
grid-column: 1;
grid-row: 4;
}
.xy-elevators-mod4__g {
grid-column: 2;
grid-row: 4;
}
.xy-elevators-mod4__info {
padding: 14px 10px 10px;
}
.xy-elevators-mod4__icon svg {
width: 22px;
height: 22px;
}
.xy-elevators-mod4__label {
font-size: 14px;
}
.xy-elevators-mod4__value {
font-size: 20px;
}
.xy-elevators-mod4__unit {
font-size: 14px;
}
.solutions-module__content {
flex-direction: column;
gap: 20px;
height: auto !important;
}
.solutions-module__media,
.solutions-module__text {
flex: none;
width: 100%;
}
.solutions-module__media {
max-width: 500px;
margin: 0 auto;
aspect-ratio: 1/1;
}
.solutions-module__media img {
height: 100%;
object-fit: cover;
}
.solutions-module__text {
padding: 20px;
}
.solutions-module__subheading {
font-size: 16px;
}
.solutions-module__accent {
display: none;
}
.bar-item {
width: 80px;
}
.svc-cs-border--left {
left: 20px;
}
.svc-cs-border--right {
right: 20px;
}
body.is-svc-menu-open .site-header,
body.is-svc-menu-open .product-series-breadcrumb {
display: none !important;
}
.svc-mobile-menu-drawer {
position: fixed;
bottom: -100%;
left: 0;
width: 100vw;
background: #FFF;
z-index: 9999;
transition: bottom 0.3s ease-in-out;
display: flex;
flex-direction: column;
height: 100%;
max-height: 100%;
box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.05);
}
.svc-mobile-menu-drawer.active {
bottom: 0;
top: 133px;
}
.svc-hero-link-text {
font-size: 14px;
}
.svc-features-map {
padding: 20px 0;
height: 100%;
min-height: 100%;
}
.svc-fm-border--left {
left: 20px;
}
.svc-fm-border--right {
right: 20px;
}
.svc-fm-container {
flex-direction: column;
gap: 20px;
padding-top: 0;
padding-right: 20px;
padding-left: 20px;
}
.svc-fm-item-icon {
width: 24px;
height: 24px;
}
.svc-solutions {
padding: 0;
border-bottom: 1px solid #E4E4E4;
}
.svc-sol-header {
padding: 0;
}
.svc-fm-item {
gap: 12px;
}
.svc-fm-visual {
width: 100%;
flex: none;
padding: 0 20px;
box-sizing: border-box;
gap: 14px;
}
.svc-fm-item-copy {
gap: 6px;
}
.svc-fm-item-title {
line-height: 1.35;
font-size: 14px;
}
.svc-fm-item-subtitle {
line-height: 1.5;
font-size: 13px;
}
.svc-fm-process-title {
line-height: 1.25;
font-size: 16px;
}
.svc-fm-process-list {
gap: 12px;
}
.svc-fm-process-item {
line-height: 1.5;
font-size: 14px;
}
.svc-fm-stat {
width: 100%;
height: auto;
padding: 0;
gap: 5px;
}
.svc-fm-stat-num {
line-height: 1.2;
font-size: 14px;
}
.svc-fm-stat-desc {
font-size: 12px;
}
.svc-sol-wrapper {
display: flex;
width: 100%;
height: 282px;
transition: transform 0.5s ease-in-out;
}
.svc-sol-item,
.svc-sol-item.active {
flex: 0 0 100% !important;
height: 100%;
position: relative;
overflow: hidden;
border: none;
}
.svc-sol-item:first-child {
border: none;
}
.svc-sol-item-bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.svc-sol-overlay {
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(0, 34, 85, 0.8) 0%, rgba(0, 34, 85, 0.2) 100%) !important;
}
.svc-sol-content {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
color: #fff;
z-index: 2;
right: auto;
opacity: 1 !important;
transform: none !important;
pointer-events: auto !important;
padding: 20px;
}
.svc-sol-icon {
display: none;
}
.svc-sol-controls {
display: flex;
justify-content: space-between;
align-items: center;
background: #FFF;
z-index: 10;
height: 60px;
width: 100%;
}
.svc-sol-control {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
cursor: pointer;
background: none;
border: none;
padding: 0;
position: relative;
}
.svc-sol-control:first-child {
border-right: none;
}
.svc-sol-control:first-child::before {
content: "";
position: absolute;
left: 0;
top: 0;
transform: translatey(0%);
width: 1px;
height: 80px;
background-color: #E4E4E4;
margin: 0 0 0 20px;
}
.svc-sol-control:last-child::after {
content: "";
position: absolute;
right: 0;
top: 0;
transform: translatey(0%);
width: 1px;
height: 80px;
background-color: #E4E4E4;
margin: 0 20px 0 0;
}
.svc-sol-control svg {
width: 24px;
height: 24px;
stroke: #231815;
}
.svc-core-services {
padding: 0;
}
.svc-cs-header {
display: none !important;
}
.svc-section-title {
display: flex;
align-items: center;
gap: 10px;
color: #003B90;
cursor: pointer;
font-family: "Zalando Sans Expanded";
font-weight: 600;
text-transform: capitalize;
line-height: 24px;
padding-left: 20px;
position: relative;
padding: 20px;
font-size: 14px;
}
.svc-section-title::before {
content: "";
position: absolute;
left: -2px;
top: 50%;
transform: translatey(-50%);
width: 4px;
height: 12px;
background: #003B90;
}
.svc-section-title::after {
display: none;
}
.svc-section-title-icon {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
cursor: pointer;
}
body.is-svc-menu-open {
overflow: hidden;
}
.svc-mobile-menu-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(255, 255, 255, 0.4);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
z-index: 9998;
}
.svc-mobile-menu-overlay.active {
display: block;
}
.svc-mm-level {
display: none;
flex-direction: column;
height: 100%;
}
.svc-mm-level.active {
display: flex;
}
.svc-mm-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px;
border-bottom: 1px solid #E4E4E4;
position: relative;
}
.svc-mm-title,
.svc-mm-title2 {
flex: 1;
text-align: center;
font-weight: 700;
color: #003B90;
font-size: 14px;
}
.svc-mm-close,
.svc-mm-back {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
flex: none;
}
.svc-mm-back {
position: absolute;
left: 20px;
}
.svc-mm-close {
position: absolute;
right: 20px;
}
.svc-mm-list {
overflow-y: auto;
padding: 10px 0;
}
.svc-mm-item {
padding: 20px;
font-weight: 600;
color: #231815;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
font-size: 14px;
}
.svc-mm-item.active {
color: #003B90;
background-color: #F8F9FB;
}
.svc-mm-subitem {
padding: 20px;
font-weight: 600;
color: #231815;
text-align: center;
cursor: pointer;
font-size: 14px;
}
.svc-mm-subitem.active {
color: #003B90;
background-color: #F8F9FB;
}
.svc-mm-footer {
padding: 20px;
border-top: 1px solid #E4E4E4;
}
.svc-mm-btn {
width: 100%;
background-color: #003B90;
color: #FFF;
font-weight: 600;
padding: 15px 0;
border: none;
cursor: pointer;
text-align: center;
font-size: 14px;
}
.svc-cs-top {
padding: 0 20px;
}
.svc-cs-tabs {
flex-wrap: nowrap;
gap: 20px;
justify-content: flex-start;
overflow-x: auto;
padding: 0 20px;
margin-left: -20px;
width: 100vw;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
box-sizing: border-box;
}
.svc-cs-tabs::-webkit-scrollbar {
display: none;
}
.svc-cs-tab {
font-weight: 700;
padding: 15px 0;
white-space: nowrap;
color: #231815;
display: flex;
align-items: center;
gap: 10px;
font-size: 14px;
}
.svc-cs-tab::after {
content: "";
display: inline-block;
width: 8px;
height: 14px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: center;
}
.svc-cs-tab.active::after {
background-image: url("data:image/svg+xml;utf8,");
}
.svc-cs-tab.active {
border-bottom: none;
color: #003B90;
}
.svc-cs-block {
margin-bottom: 0;
padding: 0 20px;
}
.svc-cs-block h3 {
font-family: "Archivo";
margin-bottom: 0;
font-weight: 600;
color: #231815;
text-transform: uppercase;
font-size: 14px;
}
.svc-cs-block>p {
font-family: "Archivo";
color: #231815;
line-height: 20px;
margin: 20px 0;
font-size: 14px;
}
.svc-cs-sub {
flex-direction: column;
gap: 10px;
margin-top: 20px;
margin-bottom: 20px;
align-items: flex-start;
}
.svc-cs-sub h4 {
flex: none;
font-family: "Zalando Sans Expanded";
font-weight: 700;
line-height: 32px;
color: #231815;
font-size: 14px;
}
.svc-cs-sub p {
font-family: "Archivo";
color: #231815;
line-height: 16px;
padding: 0;
margin: 0;
font-size: 14px;
}
.svc-cs-timeline-nodes,
.svc-cs-timeline,
.svc-cs-timeline-pointer,
.svc-cs-connector {
display: none;
}
.svc-cs-img-bg {
display: none;
}
.svc-cs-right {
padding-left: 0;
border-left: none;
width: 100%;
box-sizing: border-box;
}
.svc-cs-params::-webkit-scrollbar {
display: none;
}
.svc-cs-param-item {
width: auto;
flex: 0 0 auto;
min-width: 80px;
}
.svc-cs-param-name {
font-family: "Archivo";
color: #B5B5B6;
margin-bottom: 8px;
font-weight: 500;
display: block;
text-align: center;
font-size: 14px;
}
.svc-cs-param-val {
font-family: "Archivo";
color: #003B90;
font-weight: 500;
display: block;
text-align: center;
font-size: 14px;
}
.svc-cs-contact-btn {
display: none;
justify-content: center;
align-items: center;
padding: 10px 20px 10px 32px;
gap: 20px;
width: 100%;
height: 60px;
background: #003B90;
color: #EDEDED;
font-family: "Zalando Sans Expanded";
font-weight: 500;
text-transform: uppercase;
box-sizing: border-box;
margin-top: 40px;
text-decoration: none;
font-size: 14px;
}
body {
font-size: 15px;
}
.blog-detail-main,
main#primary.site-main {
font-size: 15px;
}
.blog-content__inner h3,
.news-content__inner h3 {
font-size: 19px;
}
.product-series-breadcrumb__link {
font-size: 14px;
}
.product-series-breadcrumb__current {
font-size: 14px;
}
.product-series-banner__btn {
font-size: 14px;
}
.page-template-page-product-series .product-series-search__text {
font-size: 14px;
}
.page-template-page-product-series .product-series-search__input {
font-size: 14px;
}
.page-template-page-product-series .product-series-search__submit {
font-size: 14px;
}
.page-template-page-product-series .product-series-filter-dropdown__search-input {
font-size: 14px;
}
.product-series-contact__btn span {
font-size: 14px;
}
.tablepress .tp-icon-label {
font-size: 14px;
}
.xy-404-title {
font-size: 14px;
}
.xy-404-text {
font-size: 14px;
}
.xy-404-product-name {
font-size: 14px;
}
.xy-404-product-btn {
font-size: 14px;
}
.blog-hero__title {
font-size: 19px;
}
.blog-hero__date {
font-size: 14px;
}
.blog-hero__desc {
font-size: 14px;
}
.blog-hero__hover-desc {
font-size: 14px;
}
.blog-content__inner p {
font-size: 15px;
}
.blog-content__inner h3 {
font-size: 19px;
}
.other-blogs-date {
font-size: 14px;
}
.other-blogs-desc {
font-size: 14px;
}
.other-blogs-link {
font-size: 14px;
}
.xy-about-title {
font-size: 28px;
}
.xy-contact-detail-item {
font-size: 14px;
}
.xy-form-group input,
.xy-form-group textarea {
font-size: 14px;
}
.xy-form-group label {
font-size: 14px;
}
.xy-form-group input:focus~label,
.xy-form-group input:not(:placeholder-shown)~label,
.xy-form-group textarea:focus~label,
.xy-form-group textarea:not(:placeholder-shown)~label {
font-size: 14px;
}
.xy-contact-submit {
font-size: 14px;
}
.xy-local-faq-head {
font-size: 14px;
}
.xy-local-faq-content {
font-size: 14px;
}
.xy-contact-blogs-date {
font-size: 14px;
}
.xy-contact-blogs-desc {
font-size: 14px;
}
.xy-contact-blogs-link {
font-size: 14px;
}
.xy-copyright-title {
font-size: 16px;
}
.xy-copyright-intro {
font-size: 14px;
}
.xy-copyright-subtitle {
font-size: 14px;
}
.xy-copyright-paragraph {
font-size: 14px;
}
.xy-copyright-item {
font-size: 14px;
}
.xy-disclaimer-title {
font-size: 16px;
}
.xy-disclaimer-subtitle {
font-size: 14px;
}
.xy-disclaimer-paragraph {
font-size: 14px;
}
.xy-disclaimer-item {
font-size: 14px;
}
.xy-elevators-feature__title {
font-size: 24px;
}
.xy-elevators-lightbox__close {
font-size: 26px;
}
.xy-elevators-section__title {
font-size: 24px;
}
.xy-elevators-cta__text a {
font-size: 14px;
}
.article-selector-dropdown__title {
font-size: 14px;
}
.article-selector-dropdown__action-btn {
font-size: 14px;
}
.article-selector__option {
font-size: 14px;
}
.calendar-title {
font-size: 14px;
}
.calendar-weekdays {
font-size: 14px;
}
.day {
font-size: 14px;
}
.faq-hero-desc {
font-size: 14px;
}
.faq-hero-link {
font-size: 14px;
}
.faq-search-input {
font-size: 14px;
}
.faq-accordion-header {
font-size: 14px;
}
.faq-accordion-body-inner {
font-size: 14px;
}
.news-content__inner p {
font-size: 15px;
}
.news-content__inner h3 {
font-size: 19px;
}
.xy-policies-title {
font-size: 16px;
}
.xy-policies-intro {
font-size: 14px;
}
.xy-policies-subtitle {
font-size: 14px;
}
.xy-policies-item {
font-size: 14px;
}
.xy-policies-paragraph {
font-size: 14px;
}
.feature-desc {
font-size: 14px;
}
.item-overlay p {
font-size: 14px;
}
.solutions-module__title {
font-size: 24px;
}
.solutions-module__desc {
font-size: 14px;
}
.solutions-module__link {
font-size: 14px;
}
.similar-products-module__name {
font-size: 14px;
}
.similar-products-module__sku {
font-size: 14px;
}
.similar-products-module__link {
font-size: 14px;
}
.xy-regulatory-title {
font-size: 16px;
}
.xy-regulatory-subtitle {
font-size: 14px;
}
.xy-regulatory-paragraph {
font-size: 14px;
}
.svc-cs-img-tooltip {
font-size: 13px;
}
.scene-title-dropdown .scene-title-option {
font-size: 14px;
}
.left-content p,
.left-content #scene-content-desc p {
font-size: 14px;
}
.sustainability-roadmap__intro {
font-size: 14px;
}
.sustainability-roadmap__points li {
font-size: 14px;
}
.xy-regularities-title {
font-size: 16px;
}
.xy-regularities-intro {
font-size: 14px;
}
.xy-regularities-subtitle {
font-size: 14px;
}
.xy-regularities-paragraph {
font-size: 14px;
}
.xy-regularities-item {
font-size: 14px;
}
.wcu-sec-title {
font-size: 16px;
}
.wcu-achieve-desc {
font-size: 14px;
}
.wcu-qm-desc {
font-size: 14px;
}
.ms-bottom-desc-v5 {
font-size: 14px;
}
.xy-cookies-title {
font-size: 14px;
}
.xy-cookies-text {
font-size: 13px;
}
.xy-cookies-btn {
font-size: 14px;
}
.xy-chat-badge {
font-size: 12px;
}
.xy-chat-header h4 {
font-size: 14px;
}
.xy-chat-header span {
font-size: 14px;
}
.xy-chat-close {
font-size: 16px;
}
.xy-chat-msg {
font-size: 13px;
}
.xy-chat-time {
font-size: 12px;
}
.xy-chat-email-input-wrapper input {
font-size: 13px;
}
.xy-chat-error {
font-size: 14px;
}
.xy-chat-questions button {
font-size: 13px;
}
.xy-chat-footer input {
font-size: 13px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
. page-template-page-product-series . product-series-filter-dropdown--application,
. page-template-page-product-series . product-series-filter-dropdown--type,
. page-template-page-product-series . product-series-filter-dropdown--search {
background: #0000008c;
}
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
. article-selector__dropdown {
background: #0000008c;
}
}
.page-template-page-product-series .product-series-filters__bar {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
align-items: stretch;
justify-content: stretch;
overflow: hidden;
}
.page-template-page-product-series .product-series-filter--type,
.page-template-page-product-series .product-series-filter-dropdown-wrap--application,
.page-template-page-product-series .product-series-search {
width: 100%;
min-width: 0;
}
.page-template-page-product-series .product-series-filter--type,
.page-template-page-product-series .product-series-filter--application,
.page-template-page-product-series .product-series-search {
min-width: 0;
height: 100%;
justify-content: center;
}
.page-template-page-product-series .product-series-filter-dropdown-wrap--application,
.page-template-page-product-series .product-series-filter-dropdown-wrap--type {
display: flex;
align-items: stretch;
position: relative;
}
.page-template-page-product-series .product-series-filter--application,
.page-template-page-product-series .product-series-filter--type {
width: 100%;
}
.page-template-page-product-series .product-series-filters__bar.is-search-open {
grid-template-columns: minmax(0, 1fr);
}
.xy-404-container {
padding: 0 40px;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
gap: 0;
}
.xy-404-title {
margin-bottom: 30px;
font-size: 116px;
}
.xy-404-text {
font-size: 18px;
}
.xy-404-product {
padding-left: 40px;
padding-top: 60px;
padding-bottom: 60px;
padding-right: 40px;
flex: 1;
border: none;
border-left: 1px solid #eee;
max-width: 500px;
}
.xy-copyright-container {
padding: 50px 40px;
}
.xy-copyright-header::before {
height: 28px;
}
.xy-copyright-title {
font-size: 28px;
}
.xy-copyright-intro,
.xy-copyright-paragraph,
.xy-copyright-item {
font-size: 16px;
}
.xy-copyright-subtitle {
font-size: 20px;
}
.xy-copyright-paragraph,
.xy-copyright-item {
font-size: 16px;
}
.xy-disclaimer-container {
padding: 50px 40px;
}
.xy-disclaimer-header::before {
height: 28px;
}
.xy-disclaimer-title {
font-size: 28px;
}
.xy-disclaimer-paragraph,
.xy-disclaimer-item {
font-size: 16px;
}
.xy-disclaimer-subtitle {
font-size: 20px;
}
.xy-policies-container {
padding: 50px 40px;
}
.xy-policies-header::before {
height: 28px;
}
.xy-policies-title {
font-size: 28px;
}
.xy-policies-intro {
margin-bottom: 50px;
font-size: 16px;
}
.xy-policies-subtitle {
margin-bottom: 25px;
font-size: 20px;
}
.xy-policies-item {
margin-bottom: 25px;
font-size: 16px;
}
.xy-policies-paragraph {
margin-bottom: 25px;
font-size: 16px;
}
.xy-regulatory-container {
padding: 50px 40px;
}
.xy-regulatory-header::before {
height: 28px;
}
.xy-regulatory-title {
font-size: 28px;
}
.xy-regulatory-paragraph {
font-size: 16px;
}
.xy-regulatory-subtitle {
font-size: 20px;
}
.xy-regularities-container {
padding: 50px 40px;
}
.xy-regularities-header::before {
height: 28px;
}
.xy-regularities-title {
font-size: 28px;
}
.xy-regularities-intro,
.xy-regularities-paragraph,
.xy-regularities-item {
font-size: 16px;
}
.xy-regularities-subtitle {
font-size: 20px;
}
.xy-cookies-container {
padding: 40px;
gap: 40px;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.xy-cookies-title {
font-size: 24px;
margin-bottom: 15px;
}
.xy-cookies-text {
font-size: 15px;
}
.xy-cookies-actions {
min-width: 250px;
width: auto;
flex-shrink: 0;
}
.xy-cookies-btn {
padding: 15px 30px;
font-size: 16px;
}
.footer-bottom {
flex-wrap: wrap;
justify-content: center;
align-content: center;
row-gap: 10px;
column-gap: 10px;
max-width: 100%;
padding-left: max(24px, env(safe-area-inset-left));
padding-right: max(24px, env(safe-area-inset-right));
box-sizing: border-box;
width: 100%;
min-width: 0;
}
.footer-legal-link {
line-height: 1.35;
text-align: center;
font-size: 13px;
}
.footer-legal-sep svg {
height: 16px;
width: auto;
}
.scene-title-dropdown {
display: none !important;
}
.scene-title-drawer-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 999998;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.3s ease, visibility 0.3s;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.scene-title-drawer-overlay.is-active {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.scene-title-drawer {
position: fixed;
top: 133px;
left: 0;
right: 0;
bottom: 0;
width: 100%;
max-height: 100%;
background: #FFF;
z-index: 999999;
display: flex;
flex-direction: column;
transform: translatey(100vh);
transition: transform 260ms ease, visibility 260ms;
visibility: hidden;
pointer-events: none;
border: 0;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
box-sizing: border-box;
}
.scene-title-drawer.is-active {
transform: translatey(0);
visibility: visible;
pointer-events: auto;
}
.scene-title-drawer .scene-drawer-header {
flex: 0 0 auto;
padding: 12px 12px 0 12px;
}
.scene-title-drawer .scene-drawer-header-row {
display: flex;
align-items: center;
justify-content: flex-end;
min-height: 40px;
}
.scene-title-drawer .scene-drawer-header .btn-icon {
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 0;
background: transparent;
color: #231815;
cursor: pointer;
}
.scene-title-drawer .scene-drawer-title {
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
color: #003B90;
text-align: center;
padding: 8px 8px 12px 8px;
line-height: 1.2;
border-bottom: 1px solid #E4E4E4;
font-size: 14px;
}
.scene-title-drawer .scene-drawer-content {
flex: 1;
min-height: 0;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
background-color: #FFF;
}
.scene-title-drawer .scene-title-drawer-list {
list-style: none;
margin: 0;
padding: 0;
}
.scene-title-drawer .scene-title-drawer-list li {
padding: 0;
}
.scene-title-drawer .scene-title-option {
width: 100%;
display: block;
text-align: left;
color: #231815;
font-weight: 500;
line-height: 24px;
font-family: "Archivo", sans-serif;
text-transform: none;
padding: 15px 20px;
border: 0;
border-bottom: 0;
border-radius: 0;
background: transparent;
cursor: pointer;
box-sizing: border-box;
font-size: 16px;
}
.scene-title-drawer .scene-title-option:hover,
.scene-title-drawer .scene-title-option:focus {
color: #003B90;
font-weight: 700;
outline: none;
font-size: 16px;
}
.scene-title-drawer .scene-title-option.is-selected {
color: #003B90;
font-weight: 700;
background-color: #F6F6F6;
font-size: 16px;
}
body.is-scene-title-menu-open {
overflow: hidden;
}
body.is-scene-title-menu-open #masthead {
display: none !important;
}
body.is-scene-title-menu-open .solutions-hero-breadcrumb {
display: none !important;
}
body.is-scene-title-menu-open .product-tabs-module {
z-index: 10000000 !important;
}
.product-series-breadcrumb__grid {
max-width: 1296px !important;
margin: 0 auto !important;
grid-template-columns: 40px 1fr 40px;
}
.product-series-breadcrumb {
max-width: 1296px;
margin: 0 auto;
}
.cta-btn {
font-size: 14px;
}
.xy-about-driven-item h4 {
font-size: 20px;
margin-bottom: 4px;
}
.xy-about-foot-stat-num {
line-height: 19px;
font-size: 30px;
margin-bottom: 0;
}
.xy-about-foot-stat-label {
line-height: 16px;
font-size: 18px;
text-align: left;
font-weight: 500;
}
.left-content h2 {
line-height: 28px;
font-size: 20px;
}
.left-content p {
line-height: 24px;
font-size: 15px;
margin-bottom: 24px;
}
.wcu-subtitle {
line-height: 20px;
font-size: 16px;
margin-bottom: 10px;
}
.wcu-title {
line-height: 44px;
font-size: 26px;
text-transform: uppercase;
padding: 10px 0;
}
.wcu-list li {
line-height: 32px;
font-size: 18px;
padding: 4px 0;
margin-bottom: 0;
gap: 20px;
}
.product-series-breadcrumb__back {
width: 56px;
height: 56px;
}
.header-search-text {
display: none;
}
.d-flex {
justify-content: space-between !important;
}
.site-header.site-header--sticky .main-navigation {
margin-left: 0;
}
.footer-subscribe-title {
padding: 16px 20px;
font-size: 14px;
}
.site-logo img {
width: 55px;
height: 50px;
}
.nav-menu>li>a {
font-size: 14px;
}
.search-field {
font-weight: 400;
line-height: 20px;
font-size: 14px;
}
.header-container {
padding-right: 40px;
padding-left: 40px;
max-width: 100%;
}
.search-container {
padding: 0 40px;
}
.product-series-breadcrumb__cell {
height: 56px;
}
.product-series-breadcrumb__cell--crumbs {
padding: 0 12px;
}
.product-series-breadcrumb__link,
.product-series-breadcrumb__current,
.product-series-breadcrumb__sep {
font-size: 14px;
}
.product-series-breadcrumb__sep {
margin: 0 6px;
font-size: 16px;
}
.product-series-banner__grid {
grid-template-columns: 40px 1fr 40px;
height: 480px;
}
.product-series-banner__cell {
height: 480px;
}
.product-series-banner__col2 {
padding-left: 0;
padding-right: 0;
}
.product-series-filters__grid {
grid-template-columns: 72px 1fr 72px;
}
.product-series-filters__bar {
flex-wrap: wrap;
padding: 12px 0;
}
.product-series-filter--type,
.product-series-filter--application,
.product-series-filter--search {
padding-left: 20px;
padding-right: 20px;
}
.product-series-filter__label {
font-size: 14px;
}
.product-series-products__grid {
grid-template-columns: 72px 1fr 72px;
}
.product-series-products__col2 {
padding-left: 0;
padding-right: 0;
}
.product-series-pagination {
height: auto;
}
.product-series-pagination__inner {
padding: 0;
height: auto;
gap: 16px 24px;
width: 100%;
max-width: 100%;
margin: 0;
flex-wrap: wrap;
}
.product-series-pagination__line {
display: none;
}
.product-series-pagination__numbers {
gap: 24px;
height: auto;
width: auto;
flex: 1 1 200px;
min-width: 0;
justify-content: center;
flex-wrap: wrap;
}
.product-series-pagination__number,
.product-series-pagination__dots {
line-height: 22px;
font-size: 18px;
}
.product-series-contact {
height: 420px;
}
.product-series-contact__bg {
height: 420px;
}
.product-series-contact__actions {
left: 72px;
bottom: 60px;
width: min(520px, 100%);
}
.product-series-contact__title {
width: 100%;
max-width: 520px;
line-height: 40px;
height: auto;
font-size: 28px;
}
.product-series-products__row {
flex-wrap: wrap;
height: auto;
}
.product-series-products__card {
flex: 0 0 33.333%;
border-right: 1px solid #E4E4E4;
}
.product-series-products__card:nth-child(3n) {
border-right: none;
}
.product-series-products__card:last-child {
border-right: none;
}
.product-series-products__image {
width: 100%;
}
.product-series-products__arrow {
width: 32px;
height: 32px;
right: 20px;
top: 20px;
}
.product-series-products__title {
width: 100%;
line-height: 20px;
font-size: 16px;
}
.product-series-products__sku {
width: 100%;
font-size: 14px;
}
.banner-content {
padding: 20px;
gap: 20px;
width: 520px;
}
.mro-title {
width: 310px;
height: 24px;
line-height: 24px;
font-size: 16px;
}
.mro-description {
width: 310px;
line-height: 16px;
font-size: 14px;
}
.d-lg-none {
display: block !important;
}
.d-lg-none.d-flex {
display: flex !important;
justify-content: space-between;
}
.d-lg-none.d-inline-flex {
display: inline-flex !important;
}
.d-lg-block {
display: none !important;
}
.d-lg-flex {
display: none !important;
}
.site-header--transparent {
background-color: #F2F3F5;
-webkit-backdrop-filter: none;
backdrop-filter: none;
}
.header-main-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
.header-mobile-actions {
margin-left: auto;
width: auto;
flex-wrap: nowrap;
position: relative;
z-index: 9999999;
pointer-events: auto;
gap: 20px;
}
.header-mobile-actions .btn-icon {
color: #003B90;
pointer-events: auto;
position: relative;
z-index: 9999999;
}
.header-mobile-divider {
display: none;
}
.header-mobile-contact {
background: #003B90;
color: #EDEDED;
font-family: "Archivo", sans-serif;
font-weight: 600;
line-height: 1;
text-decoration: none;
padding: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
user-select: none;
position: relative;
margin-left: 0;
width: 100%;
max-width: 240px;
border-radius: 0;
justify-self: center;
font-size: 16px;
}
.header-mobile-search-trigger {
position: relative;
margin-left: 0;
justify-self: center;
}
.header-mobile-contact::before,
.header-mobile-search-trigger::before {
content: "";
position: absolute;
left: -20px;
top: 50%;
transform: translatey(-50%);
width: 1px;
height: 40px;
background: rgba(0, 0, 0, 0.12);
}
.hero-content {
padding-bottom: 100px;
max-width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.intro-top {
padding: 50px 40px;
}
.intro-grid__cell {
min-height: 300px;
}
.visual-box {
width: 240px;
height: 240px;
}
.visual-inner {
width: 190px;
height: 190px;
}
.scroll-bar-container {
margin-bottom: -1px;
}
.new-section-pc {
display: flex;
}
.new-section-mobile {
display: none;
}
.new-section__btn {
padding: 15px 30px;
font-size: 14px;
}
.play-btn {
width: 60px;
height: 60px;
}
.capabilities-top {
padding: 50px 40px;
}
.cap-item {
padding: 40px 32px;
}
.cta-container {
padding: 70px 40px;
}
.faq-header {
padding: 24px 40px;
}
.faq-question {
padding: 20px 40px;
}
.faq-answer-inner {
padding: 0 40px 24px;
}
.faq-title {
font-size: 20px;
}
.faq-question-text {
line-height: 32px;
font-size: 17px;
}
.faq-answer-text {
line-height: 24px;
font-size: 14px;
}
.faq-icon {
width: 28px;
height: 28px;
}
.footer-top {
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.2fr) minmax(0, 0.9fr) minmax(0, 1.5fr);
gap: 0;
position: relative;
align-items: stretch;
}
.footer-nav {
gap: 24px;
display: contents;
}
.certs-section {
height: 220px;
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
}
.certs-section .certs-logo {
position: static;
}
.certs-logo--iso9001 {
width: 96px;
height: 96px;
}
.certs-logo--iatf16949 {
width: 96px;
height: 96px;
}
.certs-logo--iso14001 {
width: 120px;
height: 120px;
}
.certs-logo--cwb {
width: 260px;
height: 76px;
}
.site-header {
background: #F3F5F7 !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
}
.site-header .custom-logo--default {
display: none !important;
}
.site-header .custom-logo--sticky {
display: block !important;
}
.site-header .btn-icon svg path,
.site-header .btn-icon svg circle {
stroke: #003B90 !important;
}
.site-header .header-mobile-contact {
border-color: #003B90 !important;
}
.blog-hero__inner {
min-height: 520px;
}
.blog-subscribe__inner {
padding: 20px;
}
.blog-content__inner {
max-width: 100%;
}
.blog-pagination__inner {
max-width: 100%;
padding: 40px 20px;
}
.other-blogs-grid-wrap {
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.other-blogs-grid-wrap::-webkit-scrollbar {
display: none;
}
.other-blogs-item {
flex: 0 0 350px;
max-width: 350px;
scroll-snap-align: start;
}
.xy-about-achieve-container {
border-left: 1px solid rgba(181, 181, 182, 0.2);
border-right: 1px solid rgba(181, 181, 182, 0.2);
}
.xy-about-history-title-block {
padding: 30px 20px;
}
.xy-about-history-content {
padding: 40px 20px;
}
.xy-about-history-image-wrap {
padding-right: 40px;
}
.xy-about-history-text-wrap {
padding-left: 40px;
}
.xy-about-history-item:nth-child(even) .xy-about-history-image-wrap {
padding-left: 40px;
}
.xy-about-history-item:nth-child(even) .xy-about-history-text-wrap {
padding-right: 40px;
}
.xy-about-driven-title-line {
height: 12px;
}
.xy-about-driven-section {
padding: 0 20px;
}
.xy-about-driven-bottom-section {
padding: 0 20px;
}
.xy-about-driven-title-block {
padding: 30px 20px;
}
.xy-about-driven-title {
font-size: 20px;
}
.xy-about-driven-top {
flex-direction: column-reverse;
gap: 20px;
}
.xy-about-driven-text {
padding: 0 20px 20px;
}
.xy-about-driven-image {
width: 100%;
border-left: none;
border-top: 1px solid #E4E4E4;
border: 0;
}
.xy-about-overview-container {
max-width: 100%;
}
.xy-about-overview-top {
padding: 30px 40px;
gap: 20px;
flex-direction: column;
border-left: none;
border-right: none;
}
.xy-about-overview-title {
font-size: 32px;
line-height: 30px;
margin-bottom: 10px;
}
.xy-about-overview-cell {
min-height: 240px;
flex: 0 0 240px;
}
.xy-about-overview-cell-title {
font-size: 18px;
}
.xy-about-overview-cell-desc {
font-size: 13px;
}
.xy-about-banner {
height: 461px;
padding: 60px 5%;
background: #F3F5F7;
}
.xy-about-banner-mask {
display: block;
background: linear-gradient(0deg, rgba(27, 33, 41, 0.6) 2.84%, rgba(27, 33, 41, 0) 98.08%);
}
.xy-about-banner-content {
padding-bottom: 20px;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0;
gap: 12px;
width: 100%;
z-index: 2;
}
.xy-about-banner-title {
font-size: 36px;
font-family: "Archivo";
font-style: normal;
font-weight: 900;
line-height: 22px;
color: #EDEDED;
margin: 0;
}
.xy-about-section {
padding: 0 20px;
}
.xy-about-foot-title-block {
padding: 30px 20px;
}
.xy-about-foot-content-wrap {
padding: 30px 20px;
overflow: visible;
}
.xy-about-foot-svg {
right: 0;
opacity: 1;
display: block;
width: 220px;
height: 199px;
left: 128px;
top: 202px;
padding-top: 0;
}
.xy-about-foot-stats {
justify-content: flex-start;
gap: 20px;
padding: 20px;
background: rgba(255, 255, 255, 0.5);
backdrop-filter: blur(2px);
margin: 0 -20px;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
display: flex;
-ms-overflow-style: none;
scrollbar-width: none;
}
.xy-about-foot-stat {
width: 120px;
flex: 0 0 auto;
margin-bottom: 0;
min-width: 120px;
align-items: flex-start;
gap: 10px;
}
.xy-about-history-section {
padding: 0 20px;
}
.xy-about-history-container {
padding: 0;
}
.xy-about-history-title {
font-size: 20px;
}
.xy-about-history-center-line {
display: none;
}
.xy-about-history-dot {
display: none;
}
.xy-about-history-item,
.xy-about-history-item:nth-child(even) {
flex-direction: column;
align-items: center;
gap: 20px;
}
.xy-about-history-half,
.xy-about-history-image-wrap,
.xy-about-history-text-wrap,
.xy-about-history-item:nth-child(even) .xy-about-history-image-wrap,
.xy-about-history-item:nth-child(even) .xy-about-history-text-wrap {
width: 100%;
justify-content: center;
padding-left: 0;
padding-right: 0;
}
.xy-about-history-image {
width: 100%;
max-width: 100%;
height: 314px;
aspect-ratio: 1;
}
.xy-about-history-text {
height: auto;
min-height: 103px;
gap: 20px;
align-items: flex-start;
}
.xy-about-history-text h4 {
line-height: 19px;
font-size: 16px;
}
.xy-about-history-text p {
line-height: 16px;
font-size: 14px;
}
.xy-about-history-date {
line-height: 32px;
font-size: 14px;
}
.xy-about-history-timeline {
gap: 20px;
}
.xy-about-achieve-title-block {
padding: 30px 20px;
flex-direction: column;
align-items: flex-start;
}
.xy-about-achieve-title-line {
top: 35px;
height: 12px;
}
.xy-about-achieve-title {
width: 100%;
font-size: 24px;
line-height: 1.2;
}
.xy-about-achieve-box {
width: 50%;
aspect-ratio: 1/1;
min-height: auto;
padding: 20px;
border-right: 1px solid rgba(181, 181, 182, 0.2);
border-bottom: none;
}
.xy-about-achieve-box-num {
left: 20px;
top: 20px;
font-size: 28px;
display: none;
}
.xy-about-achieve-box-text {
padding: 20px;
}
.xy-about-achieve-box-title {
font-size: 16px;
line-height: 20px;
}
.xy-about-achieve-box-desc {
font-size: 14px;
line-height: 14px;
}
.xy-about-driven-item {
padding-left: 16px;
}
.xy-about-driven-subtitle {
margin-bottom: 20px;
font-size: 28px;
}
.xy-about-history-title-line {
height: 12px;
}
.xy-contact-title {
font-size: 28px;
}
.xy-form-grid {
gap: 0;
grid-template-columns: 1fr;
}
.xy-contact-info-wrapper {
gap: 28px;
}
.xy-contact-details,
.xy-contact-map-wrap {
height: 200px;
max-height: 200px;
}
.xy-contact-blogs-grid-wrap {
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.xy-contact-blogs-grid-wrap::-webkit-scrollbar {
display: none;
}
.xy-contact-blogs-item {
flex: 0 0 350px;
max-width: 350px;
scroll-snap-align: start;
}
.hero-banner-module .hero-content {
padding: 0 20px 26px;
max-width: 78%;
}
.hero-banner-module .xy-elevators-hero-title {
font-size: 28px;
}
.hero-banner-module .hero-banner-strip {
height: 44px;
}
.xy-elevators-hero img {
height: 440px;
}
.xy-elevators-hero__content {
left: 28px;
right: 28px;
bottom: 28px;
}
.xy-elevators-hero__title {
font-size: 34px;
}
.xy-elevators-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.xy-elevators-mod3__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 28px;
}
.xy-elevators-mod3b__layout {
grid-template-columns: 1fr;
gap: 20px;
height: 560px;
}
.xy-elevators-mod3b__cta {
left: 50%;
bottom: 18px;
transform: translatex(-50%);
font-size: 16px;
}
.xy-elevators-mod3__tile--info {
padding: 36px 20px 30px;
}
.xy-elevators-mod3__value {
font-size: 32px;
}
.xy-elevators-mod3__desc {
font-size: 16px;
}
.xy-elevators-mod3__cta {
left: 20px;
bottom: 18px;
font-size: 16px;
}
.xy-elevators-mod3__zoom {
right: 16px;
bottom: 16px;
}
.xy-elevators-feature__head,
.xy-elevators-section__head {
padding: 44px 32px;
}
.xy-elevators-feature__head {
padding-inline-start: 20px;
}
.hero-banner-module .hero-banner {
height: clamp(260px, calc(var(--xy-visual-vh, 100vh) * 0.5), 400px);
}
.xy-elevators-feature__accent,
.xy-elevators-section__accent {
height: 24px;
}
.xy-elevators-feature__title,
.xy-elevators-section__title {
padding-left: 0;
line-height: 1.16;
font-size: 24px;
}
.xy-elevators-feature__main {
grid-template-columns: 1fr;
}
.xy-elevators-feature__left {
border-right: 0;
border-bottom: 1px solid #E4E4E4;
}
.xy-elevators-feature__text {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
}
.xy-elevators-feature__text p {
max-width: 100%;
font-size: 13px;
}
.xy-elevators-feature__text p:first-child {
border-bottom: 0;
}
.xy-elevators-feature__specs {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.xy-elevators-feature__spec {
min-height: 0;
padding-block: 14px;
padding-inline: 10px 8px;
padding-inline-start: 10px;
}
.xy-elevators-feature__spec-line {
left: 0;
right: auto;
top: 0;
bottom: 0;
height: auto;
}
.xy-elevators-feature__spec-label {
font-size: 14px;
}
.xy-elevators-feature__spec-value {
font-size: 22px;
}
.xy-elevators-feature__spec-unit {
font-size: 14px;
}
.xy-elevators-feature__cta {
padding: 12px;
font-size: 18px;
}
.xy-elevators-feature__gallery-item img {
height: 260px;
}
.xy-elevators-cta {
grid-template-columns: 1fr;
}
.xy-elevators-mod5__content {
grid-template-columns: 1fr;
gap: 24px;
padding: 0 32px;
}
.xy-elevators-mod5__text h3 {
font-size: 26px;
}
.xy-elevators-mod5__text p {
max-width: 100%;
font-size: 18px;
}
.xy-elevators-mod5__media {
min-height: 360px;
}
.xy-events-hero__container {
padding-left: 24px;
padding-right: 24px;
padding-bottom: 20px;
}
.xy-events-hero__content {
padding-left: 0;
padding-right: 0;
margin-bottom: 20px;
}
.xy-events-hero__progress {
left: 24px;
right: 24px;
}
.xy-events-hero__title {
font-size: 20px;
}
.xy-explore-hero__container {
padding-left: 24px;
padding-right: 24px;
padding-bottom: 20px;
}
.xy-explore-hero__content {
padding-left: 0;
padding-right: 0;
margin-bottom: 20px;
}
.xy-explore-hero__progress {
left: 24px;
right: 24px;
}
.xy-explore-hero__title {
font-size: 20px;
}
.news-subscribe-btn {
height: 80px;
font-size: 18px;
}
.news-header__title {
font-size: 20px;
}
.news-content__inner blockquote {
padding: 20px;
font-size: 18px;
}
.blog-pagination__link {
font-size: 16px;
}
.section-title-wrap {
padding: 40px 40px 20px;
}
.title-accent {
height: 20px;
}
.section-title-wrap h2 {
padding-left: 20px;
font-size: 20px;
}
.hero-banner-module .hero-title {
font-size: 30px;
}
.why-xingyi-module .section-container {
padding: 0 40px;
}
.why-xingyi-module .section-container::before {
left: 40px;
}
.why-xingyi-module .section-container::after {
right: 40px;
}
.header-title {
padding-left: 20px;
font-size: 20px;
}
.features-grid {
grid-template-columns: repeat(2, 1fr);
}
.feature-item:nth-child(2n) {
border-right: none;
}
.module-header {
padding: 35px 0;
margin-bottom: 0;
}
.header-accent {
height: 20px;
}
.benefits-split-section::before {
left: 40px;
}
.benefits-split-section::after {
right: 40px;
}
.benefits-split-section .section-container {
padding: 0 40px;
}
.split-grid {
grid-template-columns: 1fr;
}
.split-text {
padding: 40px;
}
.split-text h3 {
font-size: 28px;
}
.split-text li {
font-size: 18px;
}
.split-img img {
padding: 0 40px 40px;
}
.performance-module::before {
left: 20px;
}
.performance-module::after {
right: 20px;
}
.performance-module .section-container {
padding: 0 20px;
}
.perf-header {
padding: 20px 0;
margin-bottom: 0;
}
.perf-container::after {
top: 0;
bottom: -40px;
}
.perf-title {
font-size: 20px;
padding-left: 20px;
}
.perf-accent {
height: 12px;
}
.perf-container {
flex-direction: column;
padding: 0;
gap: 15px;
}
.perf-image img {
width: 100%;
height: auto;
}
.perf-text {
padding: 20px;
}
.perf-content-title {
font-size: 18px;
line-height: 30px;
font-family: "Archivo", sans-serif;
margin-bottom: 10px;
}
.perf-tabs {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
text-align: center;
gap: 15px;
display: none;
}
.perf-tabs::before {
display: none;
}
.tab-item {
text-align: center;
padding-right: 0;
line-height: normal;
font-size: 16px;
}
.tab-item.active::after {
display: none;
}
.tab-item.active {
border-bottom: 2px solid #004098;
padding-bottom: 5px;
font-size: 18px;
}
.overview-container {
padding: 0 20px;
}
.overview-header {
padding: 20px 0;
margin-bottom: 0;
}
.overview-header h2 {
font-size: 20px;
padding-left: 20px;
}
.header-blue-line {
height: 12px;
}
.overview-grid {
grid-template-columns: 1fr;
grid-auto-rows: minmax(0, auto);
}
.large-card,
.long-card {
grid-column: span 2;
}
.small-card {
grid-column: span 1;
}
.global-presence .section-title-wrap {
padding: 20px 0;
margin-bottom: 0;
}
.map-panel {
flex-direction: column;
}
.map-media {
padding: 24px 20px;
}
.map-copy {
padding: 0 20px 20px 20px;
}
.map-copy__title {
font-size: 20px;
}
.map-copy__desc {
font-size: 14px;
}
.stat-num {
font-size: 20px;
}
.stat-label {
font-size: 14px;
}
.similar-products-module__grid {
grid-template-columns: repeat(2, 1fr);
}
.similar-products-module__card:nth-child(2) {
border-right: none;
}
.similar-products-module__card:nth-child(n
/**/
+3) {
border-top: 1px solid #eee;
}
.similar-products-module__header {
padding: 30px 20px 30px;
}
.similar-products-module__switch {
padding: 30px 20px 30px !important;
}
.similar-products-module__accent {
display: none;
}
.solutions-hero .product-series-banner__grid,
.solutions-hero .product-series-banner__cell,
.solutions-hero .solutions-hero__banner-container {
height: 420px;
}
.solutions-hero .solutions-hero__banner-content {
padding: 22px 20px;
width: 100%;
gap: 20px;
}
.solutions-hero__title {
line-height: 26px;
font-size: 24px;
}
.product-item .prod-name,
.product-item .prod-sku {
padding-right: 20px;
padding-left: 20px;
}
.product-item .prod-sku {
margin-top: 0;
}
.product-tabs-module {
--product-tabs-gutter: 20px;
}
.tabs-nav {
height: 72px;
padding: 16px 20px 16px 0;
}
.main-layout {
grid-template-columns: 1fr;
min-height: 0;
border-right: 0;
padding-top: 0;
}
.left-content {
max-width: 100%;
padding: 24px 20px;
}
.right-products {
width: 100%;
grid-template-columns: 1fr;
grid-template-rows: auto;
}
.product-item {
width: 100%;
height: auto;
min-height: 322px;
border: 1px solid #E4E4E4;
padding: 20px;
display: block;
box-sizing: border-box;
margin-bottom: -1px;
}
.prod-img {
width: 100%;
max-width: 100%;
height: 212px;
object-fit: cover;
mix-blend-mode: multiply;
}
.prod-name {
line-height: 40px;
text-transform: uppercase;
margin: 0;
text-align: left;
font-size: 16px;
width: 100%;
}
.prod-sku {
line-height: 20px;
margin: 0;
text-align: left;
font-size: 14px;
width: 100%;
}
.arrow-top-right {
position: absolute;
top: 20px;
right: 20px;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
}
.arrow-top-right path {
display: block;
}
.arrow-top-right::after {
display: none;
}
.prod-text-wrap {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
gap: 0;
}
.right-products.right-products--count-3 .product-item:nth-child(1) {
grid-column: auto;
border-right: 1px solid #E4E4E4;
}
.why-choose-module {
padding: 40px 20px;
}
.left-v-line {
top: -40px;
}
.grid-item {
padding: 20px 0;
}
.main-title {
font-size: 24px;
line-height: 24px;
}
.title-line {
height: 19px;
width: 3px;
left: -1px;
}
.customization-v3-content {
padding: 0;
}
.customization-v3-unique-node {
--customization-v3-gutter: 20px;
}
.customization-v3-inner {
margin: 0 auto;
padding: 44px 20px;
min-height: 0;
width: min(100%, 390px);
}
.layout-header-v3 {
flex-direction: column;
gap: 0;
padding: 20px 20px 0;
width: 100%;
margin-bottom: 0;
display: flex;
}
.main-wrapper-v3 {
gap: 0;
flex-direction: column-reverse;
width: 100%;
padding-bottom: 20px;
}
.layout-header-v3 h2 {
line-height: 40px;
padding: 0;
max-width: none;
font-size: 24px;
width: 100%;
font-family: "Archivo";
font-style: normal;
font-weight: 600;
text-transform: capitalize;
color: #231815;
box-sizing: border-box;
}
.list-entry-v3 {
padding: 20px 0;
gap: 20px;
align-items: center;
box-sizing: border-box;
}
.info-bundle-v3 h3 {
line-height: 20px;
font-size: 18px;
color: #003B90;
}
.info-bundle-v3 p {
line-height: 20px;
color: #231815;
font-size: 14px;
}
.svc-hero {
height: auto;
min-height: 520px;
padding: 0;
box-sizing: border-box;
border-left: none;
border-right: none;
}
.svc-hero-bg {
height: 100%;
left: 20px;
width: calc(100% - 40px);
}
.svc-hero::after {
left: 20px;
width: calc(100% - 40px);
}
.svc-hero::before {
content: "";
position: absolute;
left: 20px;
right: 20px;
top: 0;
bottom: 0;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
z-index: 1;
pointer-events: none;
}
.svc-hero-overlay {
background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 100%);
align-items: flex-end;
left: 0;
right: 0;
width: 100%;
padding: 0;
box-sizing: border-box;
position: absolute;
}
.svc-hero-title {
line-height: 1.2;
font-size: 20px;
}
.svc-hero-desc {
line-height: 20px;
font-size: 14px;
}
.svc-hero-content {
gap: 20px;
padding: 40px 20px;
width: 100%;
}
.svc-hero-text-wrap {
max-width: 100%;
}
.solutions-hero-breadcrumb .product-series-breadcrumb__cell--crumbs {
padding: 0 20px;
}
.solutions-hero-breadcrumb .product-series-breadcrumb__sep {
margin: 0 6px;
}
.solutions-hero-breadcrumb .product-series-breadcrumb__link,
.solutions-hero-breadcrumb .product-series-breadcrumb__current {
font-size: 14px;
}
.v24-sustainability-section {
padding-left: 20px;
padding-right: 20px;
}
.v24-main-title {
font-size: 20px;
padding-left: 0;
}
.v24-main-title::before {
height: 19px;
left: calc(-1 * var(--v24-inner) - 2px);
transform: translateY(-50%);
}
.v25-social-responsibility {
--v25-gutter: 20px;
}
.v25-grid {
grid-template-columns: repeat(2, 1fr);
padding: 20px;
}
.v25-section-title {
font-size: 20px;
padding: 20px;
padding-left: 20px;
}
.v25-section-title::before {
height: 19px;
}
.v26-supply-chain__wrap {
--v26-gutter: 20px;
}
.v26-supply-chain__header {
padding: 20px;
}
.v26-supply-chain__nav {
width: 260px;
--v26-nav-pad: 20px;
padding: 0;
gap: 0;
border-top: 1px solid #E4E4E4;
order: 2;
}
.v26-supply-chain__media {
width: 360px;
padding: 20px;
height: auto;
border-top: 1px solid #E4E4E4;
order: 2;
}
.v26-supply-chain__content {
padding: 20px;
order: 1;
}
.v26-supply-chain__title {
font-size: 20px;
}
.v26-supply-chain__accent {
height: 20px;
}
.v26-supply-chain__subtitle {
font-size: 18px;
}
.v26-supply-chain__nav-item {
font-size: 14px;
border-bottom: 1px solid #E4E4E4;
padding: 10px 20px;
}
.sustainability-roadmap__timeline-col {
--sr-year-col: 96px;
--sr-dot-col: 32px;
width: 100%;
align-items: flex-start;
}
.sustainability-roadmap__stage {
font-size: 18px;
}
.sustainability-roadmap__content {
padding-bottom: 67px;
padding-left: 0;
}
.sustainability-roadmap__wrap {
--sr-gutter: 20px;
padding: 0 var(--sr-gutter);
}
.sustainability-roadmap__header {
padding: 30px 20px;
}
.sustainability-roadmap__table {
padding: 20px;
flex-direction: column;
align-items: stretch;
gap: 24px;
}
.sustainability-roadmap__img {
width: 180px;
height: 210px;
}
.sustainability-roadmap__title {
font-size: 20px;
}
.sustainability-roadmap__accent {
height: 20px;
}
.related-blogs__right-line {
display: none;
}
.related-blogs__grid {
grid-template-columns: repeat(2, 1fr);
}
.related-blogs__card:nth-child(3) {
display: none;
}
.related-blogs__title {
font-size: 20px;
}
.related-blogs__title::before {
height: 20px;
}
.xy-wcu-banner-content {
left: 0;
bottom: 0;
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 40px 20px;
gap: 12px;
height: auto;
z-index: 2;
right: 0;
}
.xy-wcu-banner-title {
line-height: 22px;
font-size: 36px;
font-family: "Archivo";
font-style: normal;
font-weight: 900;
color: #EDEDED;
margin: 0;
}
.wcu-qm-header {
padding: 40px 20px;
gap: 20px;
flex-direction: column;
}
.wcu-qm-title {
font-size: 28px;
}
.wcu-qm-list {
padding: 40px 20px;
gap: 30px;
}
.wcu-qm-item-title {
font-size: 18px;
}
.wcu-qm-item-desc {
font-size: 14px;
}
.wcu-group-grid {
gap: 0;
padding: 20px;
flex-direction: column;
border-bottom: 1px solid #E4E4E4;
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px;
}
.wcu-title-row {
gap: 0;
flex-direction: column;
}
.wcu-rnd-heading {
line-height: 16px;
font-size: 20px;
margin-bottom: 10px;
}
.wcu-achieve-grid {
gap: 30px;
flex-direction: column;
padding: 20px;
}
.wcu-achieve-num {
font-size: 20px;
line-height: 36px;
}
.modular-solutions-exclusive-v5 {
--ms-side-gap: 20px;
padding: 0 var(--ms-side-gap);
}
.modular-solutions-exclusive-v5 .flex-stage-v5 {
height: 400px;
flex-direction: row;
width: 100%;
gap: 0;
border: none;
background: transparent;
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
margin-left: 0;
margin-right: 0;
}
.modular-solutions-exclusive-v5 .cell-v5 {
flex: 0 0 150px;
}
.modular-solutions-exclusive-v5 .flex-stage-v5:hover .cell-v5:first-child:not(:hover) {
flex: 0 0 150px;
}
.ms-bottom-title-v5 {
font-size: 24px;
}
.svc-fm-grid {
flex-direction: column;
gap: 40px;
}
.svc-fm-list {
flex: none;
width: 100%;
}
.svc-sol-gallery {
height: 400px;
}
.svc-sol-content h3 {
font-size: 20px;
}
.svc-sol-content p {
font-size: 14px;
}
.svc-cs-container {
flex-direction: column;
gap: 40px;
}
.svc-cs-left {
flex: none;
width: 100%;
}
.svc-cs-img-sticky {
margin-bottom: 40px;
}
.svc-cs-img-sticky img {
height: 300px;
}
.svc-cs-params {
flex-wrap: wrap;
gap: 20px;
}
.site-footer {
padding-left: 40px;
padding-right: 40px;
padding-bottom: 120px;
}
.footer-heading {
padding: 16px 20px 0;
font-size: 16px;
}
.footer-link {
padding: 12px 20px 0;
font-size: 14px;
}
.footer-div,
.footer-contact {
padding: 16px 20px 0;
padding-left: 24px;
padding-right: 24px;
}
.footer-subscribe {
padding: 0 20px;
margin-top: 30px;
}
.footer-subscribe-btn {
width: 100%;
}
.page-template-page-product-series .product-series-filter__label {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
.page-template-page-product-series .product-series-filter-dropdown-wrap--application .product-series-filter--application,
.page-template-page-product-series .product-series-filter-dropdown-wrap--type .product-series-filter--type {
width: 100%;
}
.page-template-page-product-series .product-series-search.is-open {
padding: 0 16px;
height: 60px;
}
.page-template-page-product-series .product-series-search.is-open .product-series-search__submit {
padding: 0 18px;
height: 40px;
flex: 0 0 auto;
}
.page-template-page-product-series .product-series-search.is-open .product-series-search__input {
flex: 1 1 auto;
width: auto;
}
.page-template-page-product-series .product-series-filter-dropdown {
left: auto;
right: 0;
top: calc(100% + 12px);
width: min(432px, calc(100vw - 144px));
height: auto;
}
.page-template-page-product-series .product-series-filter-dropdown--application,
.page-template-page-product-series .product-series-filter-dropdown--type,
.page-template-page-product-series .product-series-filter-dropdown--search {
position: fixed;
inset: 0;
width: 100vw;
height: 100vh;
left: auto;
right: auto;
top: 0;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: none;
transition: opacity 0.2s ease, visibility 0.2s ease;
display: flex;
justify-content: flex-end;
align-items: flex-end;
z-index: 9999;
}
.page-template-page-product-series .product-series-filter-dropdown-wrap--application.is-open .product-series-filter-dropdown--application,
.page-template-page-product-series .product-series-filter-dropdown-wrap--type.is-open .product-series-filter-dropdown--type,
.page-template-page-product-series .product-series-filter-dropdown-wrap--search.is-open .product-series-filter-dropdown--search {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.page-template-page-product-series .product-series-filter-dropdown--application .product-series-filter-dropdown__panel,
.page-template-page-product-series .product-series-filter-dropdown--type .product-series-filter-dropdown__panel,
.page-template-page-product-series .product-series-filter-dropdown--search .product-series-filter-dropdown__panel {
width: 100%;
position: relative;
height: min(82vh, 720px);
max-height: calc(100vh - 40px);
background: #FFF;
overflow: hidden;
transform: translatex(100%);
transition: transform 0.28s ease;
display: flex;
flex-direction: column;
}
.page-template-page-product-series .product-series-filter-dropdown-wrap--application.is-open .product-series-filter-dropdown--application .product-series-filter-dropdown__panel,
.page-template-page-product-series .product-series-filter-dropdown-wrap--type.is-open .product-series-filter-dropdown--type .product-series-filter-dropdown__panel,
.page-template-page-product-series .product-series-filter-dropdown-wrap--search.is-open .product-series-filter-dropdown--search .product-series-filter-dropdown__panel {
transform: translatex(0);
}
.page-template-page-product-series .product-series-filter-dropdown__frame {
position: static;
width: auto;
height: auto;
left: auto;
top: auto;
padding: 16px 20px;
}
.page-template-page-product-series .product-series-filter-dropdown__row {
width: 100%;
height: auto;
}
.page-template-page-product-series .product-series-filter-dropdown__indicator {
display: none;
}
.xy-elevators-mod3__label {
font-size: 14px;
}
.xy-elevators-mod5-images {
padding-block: 40px;
padding-inline: 24px;
gap: 28px;
}
.xy-elevators-mod5-images__img50 {
padding: 36px;
}
.hero-banner-module .xy-elevators-hero-subtitle {
font-size: 14px;
}
.xy-elevators-mod5 {
--xy-mod5-line-x: 32px;
--xy-mod5-line-y: 0;
}
.xy-elevators-mod4__layout {
grid-template-rows: 170px 170px 170px;
gap: 16px;
}
.xy-elevators-mod4__info {
padding: 18px 14px 12px;
}
.xy-elevators-mod4__icon svg {
width: 26px;
height: 26px;
}
.xy-elevators-mod4__value {
font-size: 30px;
}
.xy-elevators-mod4__unit {
font-size: 18px;
}
.footer-social-top {
display: grid;
grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.9fr) minmax(0, 0.9fr) minmax(0, 1.5fr);
}
.footer-social--top {
grid-column: 4;
justify-content: flex-start;
padding-left: 24px;
}
.footer-top::before {
content: "";
position: absolute;
left: 50%;
top: 0;
width: 100vw;
height: 1px;
transform: translatex(-50%);
pointer-events: none;
}
.footer-nav::before {
display: none;
}
.footer-col--company {
grid-column: 1;
}
.footer-col--products {
grid-column: 2;
}
.footer-col--services {
grid-column: 3;
}
.footer-side {
grid-column: 4;
height: 100%;
}
.footer-side-top {
height: 100%;
}
.footer-side .footer-social--desktop,
.footer-side .footer-social--mobile {
display: none;
}
.sustainability-roadmap__media-col {
width: 100%;
display: flex;
flex-direction: row;
gap: 12px;
justify-content: space-between;
}
.sustainability-roadmap__media {
flex: 1 1 0;
padding-bottom: 0;
}
.product-series-pagination__container {
padding: 30px 20px;
}
.v21-news-item {
flex-direction: column-reverse;
gap: 20px;
height: 100%;
}
.v21-text-content {
padding: 20px;
}
.v21-image-box {
width: 100%;
height: 200px;
}
.v21-item-title {
font-size: 14px;
}
.xy-about-driven-image img {
padding: 0 20px;
height: 250px;
}
.xy-about-driven-item p {
line-height: 28px;
font-size: 14px;
}
.xy-about-driven-item svg {
width: 8px;
height: 8px;
}
.xy-about-driven-bottom-container {
flex-direction: column;
gap: 20px;
padding: 20px 0;
align-items: center;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
}
.xy-about-driven-card {
width: 350px;
height: 282px;
position: relative;
flex: none;
}
.xy-about-driven-card img {
width: 100%;
height: 288px;
position: absolute;
left: 50%;
top: -6px;
transform: translatex(-50%);
object-fit: cover;
}
.xy-about-driven-card-mask {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 20px;
gap: 12px;
position: absolute;
width: 350px;
height: auto;
left: 50%;
bottom: 0;
transform: translatex(-50%);
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
justify-content: flex-end;
}
.xy-about-driven-card-mask h3 {
font-family: "Zalando Sans Expanded";
font-style: normal;
font-weight: 400;
line-height: 19px;
color: #EDEDED;
margin: 0;
width: 310px;
font-size: 14px;
}
.xy-about-driven-card-mask p {
font-family: "Archivo";
font-style: normal;
font-weight: 400;
line-height: 16px;
color: #EDEDED;
margin: 0;
width: 310px;
font-size: 14px;
}
.xy-about-driven-card+.xy-about-driven-card {
border-left: none;
}
.xy-about-overview-link svg {
top: 10px;
right: 10px;
width: 32px;
height: 32px;
}
.xy-about-overview-desc {
line-height: 16px;
font-size: 14px;
}
.xy-about-overview-grid {
display: flex;
overflow-x: auto;
-ms-overflow-style: none;
scrollbar-width: none;
border-left: none;
border-right: none;
}
.xy-about-overview-grid::-webkit-scrollbar {
display: none;
}
.xy-about-overview-cell+.xy-about-overview-cell {
border-left: 1px solid #E4E4E4;
}
.xy-about-overview-cell-title,
.xy-about-history-title {
font-size: 14px;
}
.xy-about-overview-scrollbar-container {
display: block;
margin-top: -1px;
}
.xy-about-banner-bg {
position: absolute;
width: 711px;
height: 461px;
left: calc(50% - 711px / 2 + 0.5px);
}
.xy-about-banner-subtitle {
font-family: "Archivo";
font-style: normal;
font-weight: 400;
line-height: 36px;
color: #EDEDED;
margin: 0;
font-size: 14px;
}
.xy-about-banner-desc {
font-family: "Archivo";
font-style: normal;
font-weight: 100;
line-height: 20px;
color: #EDEDED;
margin: 0;
width: 350px;
font-size: 14px;
}
.xy-about-foot-container {
padding: 0;
}
.xy-about-foot-title {
font-size: 14px;
}
.xy-about-foot-title-line {
height: 12px;
}
.xy-about-foot-header {
margin-bottom: 170px;
}
.xy-about-foot-header h3 {
line-height: 20px;
font-size: 14px;
}
.xy-about-foot-header p {
line-height: 16px;
font-size: 14px;
}
.xy-about-foot-stats::-webkit-scrollbar {
display: none;
}
.xy-about-achieve-grid {
flex-direction: row;
flex-wrap: wrap;
gap: 0;
border-left: none;
border-right: none;
}
.xy-about-achieve-box:nth-child(even) {
border-right: none;
}
.xy-about-achieve-box-img img {
max-width: 143px;
max-height: 143px;
}
.xy-about-achieve-grid>div:nth-child(1) {
order: 2;
}
.xy-about-achieve-grid>div:nth-child(2) {
order: 1;
}
.xy-about-achieve-grid>div:nth-child(3) {
order: 4;
}
.xy-about-achieve-grid>div:nth-child(4) {
order: 3;
}
.xy-about-achieve-grid>div:nth-child(6) {
order: 6;
}
.xy-about-achieve-grid>div:nth-child(5) {
order: 5;
}
.xy-about-achieve-grid>div:nth-child(8) {
order: 8;
}
.xy-about-achieve-grid>div:nth-child(7) {
order: 7;
}
.xy-about-overview-left,
.xy-about-overview-right {
padding: 0;
}
.xy-contact-hero {
padding: 0 20px;
}
.xy-contact-header-module,
.xy-contact-info-module {
padding: 0 20px;
}
.xy-contact-detail-item,
.xy-contact-detail-item {
font-size: 14px;
}
.xy-social-link {
width: 20px;
height: 20px;
}
.xy-social-link svg {
width: 20px;
height: 20px;
}
.xy-contact-icon svg {
width: 16px;
height: 16px;
}
.xy-contact-container,
.xy-contact-container {
padding: 20px;
}
.xy-form-group-full {
grid-column: span 1;
}
.xy-contact-form-desc {
margin-bottom: 20px;
font-size: 14px;
}
.v21-news-section {
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
.v21-date {
font-size: 14px;
}
.v21-news-container {
border-left: 1px solid rgba(228, 228, 228, 0.5);
border-right: 1px solid rgba(228, 228, 228, 0.5);
}
.article-selector__item--empty {
display: none;
}
.article-selector__text {
font-size: 14px;
}
.article-selector__icon {
width: 24px;
height: 24px;
}
.v21-item-desc {
width: 100%;
font-size: 14px;
}
.hero-banner-divider {
display: block;
}
.hero-banner-module .hero-breadcrumb {
margin: 0 0 14px;
font-size: 14px;
}
.hero-banner-module .hero-subtitle {
font-size: 13px;
}
.perf-display {
flex-direction: column;
}
.mobile-carousel-controls {
display: flex;
}
.perf-content-desc {
line-height: 20px;
font-size: 14px;
}
.large-card,
.long-card,
.small-card {
grid-column: span 1;
height: 266px;
width: 100%;
}
.item-overlay h3 {
font-size: 14px;
}
.item-overlay {
padding: 20px 40px;
}
.solutions-hero-banner-bottom-bar {
height: 44px;
}
.solutions-hero__title-row {
gap: 10px;
}
.solutions-hero__desc {
line-height: 18px;
font-size: 13px;
}
.tabs-accent {
height: 12px;
margin-right: 16px;
}
.tabs-title {
line-height: 24px;
font-size: 14px;
}
.tabs-title svg {
width: 28px;
height: 28px;
}
.right-products.right-products--count-1,
.right-products.right-products--count-2,
.right-products.right-products--count-3 {
grid-template-columns: 1fr;
grid-template-rows: auto;
width: 100%;
}
.right-products.right-products--count-2 .prod-img {
height: 242px;
}
.header-row {
margin-bottom: 20px;
min-height: 24px;
padding-left: 12px;
}
.grid-container {
grid-template-columns: 1fr;
}
.right-v-line {
top: -40px;
}
.item-right-line {
display: none;
}
.item-bottom-line {
display: block;
}
.icon-box {
width: 40px;
height: 40px;
margin-bottom: 10px;
}
.item-title {
line-height: 16px;
margin: 0 0 10px 0;
font-size: 14px;
}
.list-entry-v3,
.visual-anchor-v3 {
padding: 20px;
}
.customization-v3-frame {
overflow: hidden;
}
.customization-v3-container {
max-width: none;
width: 100%;
}
.visual-anchor-v3 {
width: 100%;
flex: 0 1 auto;
}
.visual-anchor-v3 img {
width: 100%;
margin: 0 auto;
}
.feature-stack-v3 {
width: 100%;
gap: 0;
}
.icon-bracket-v3 {
width: 24px;
height: 24px;
}
.icon-bracket-v3 svg {
width: 24px;
height: 24px;
}
.info-bundle-v3 {
flex: 1;
gap: 8px;
}
.v24-header {
padding: 20px 20px;
--v24-inner: 20px;
}
.v24-body {
padding: 0 20px 40px;
}
.v24-steps-wrap {
max-width: none;
}
.v24-steps-list {
gap: 26px;
}
.v24-step-item {
gap: 16px;
}
.v24-icon-circle {
width: 40px;
height: 40px;
}
.v24-icon-circle svg {
width: 40px;
height: 40px;
}
.v24-step-title {
margin-bottom: 8px;
font-size: 14px;
}
.v24-step-desc {
font-size: 14px;
}
.v26-supply-chain__body {
flex-direction: column;
}
.v26-supply-chain__nav,
.v26-supply-chain__detail,
.v26-supply-chain__media,
.v26-supply-chain__content,
.v26-supply-chain__detail-panel {
width: 100%;
border-right: none;
}
.v26-supply-chain__detail {
order: 1;
}
.v26-supply-chain__nav-item:last-child {
border-bottom: none;
}
.v26-supply-chain__nav-item.is-active::after {
display: none;
}
.v26-supply-chain__detail-panel {
flex-direction: column;
}
.sustainability-roadmap__year {
padding-right: 0;
font-size: 14px;
}
.sustainability-roadmap__timeline-col::before {
margin-left: 0;
}
.wcu-rnd-sec .wcu-container,
.wcu-achieve-sec .wcu-container,
.wcu-qm-sec .wcu-container {
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
}
.wcu-qm-item {
gap: 20px;
}
.wcu-qm-icon {
width: 36px;
height: 36px;
margin-left: 0;
}
.wcu-group-sec {
padding: 0 20px;
}
.wcu-subtitle-box {
padding: 20px 20px 0;
}
.wcu-title-box {
padding: 0 20px;
}
.wcu-dot svg {
width: 8px;
height: 8px;
}
.wcu-group-right {
display: block;
padding: 0 20px 20px;
}
.wcu-list {
margin: 0;
}
.wcu-list li svg {
width: 34px;
height: 34px;
margin-right: 0;
}
.wcu-rnd-header {
padding: 20px;
}
.wcu-rnd-title {
font-size: 14px;
}
.wcu-rnd-title::before {
height: 12px;
}
.wcu-rnd-grid {
flex-direction: column;
padding: 20px;
}
.wcu-rnd-img-wrapper {
width: 100%;
height: auto;
aspect-ratio: 1/1;
}
.wcu-rnd-img-deco-tl,
.wcu-rnd-img-deco-br {
width: 40px;
height: 40px;
}
.wcu-achieve-header {
padding: 20px 20px 0 20px;
}
.wcu-achieve-title {
font-size: 16px;
}
.xy-wcu-banner {
height: 461px;
background: #F3F5F7;
padding: 0;
}
.xy-wcu-banner-bg {
position: absolute;
width: 711px;
height: 461px;
left: calc(50% - 711px / 2 + 0.5px);
}
.xy-wcu-banner-mask {
display: block;
background: linear-gradient(0deg, rgba(27, 33, 41, 0.6) 2.84%, rgba(27, 33, 41, 0) 98.08%);
}
.xy-wcu-banner-desc {
font-family: "Archivo";
font-style: normal;
font-weight: 100;
line-height: 20px;
color: #EDEDED;
margin: 0;
width: 350px;
font-size: 14px;
}
.modular-solutions-exclusive-v5 .title-row-v5 {
margin-bottom: 0;
}
.modular-solutions-exclusive-v5 .indicator-v5 {
height: 12px;
}
.modular-solutions-exclusive-v5 .main-label-v5 {
font-size: 14px;
}
.modular-solutions-exclusive-v5 .flex-stage-v5::-webkit-scrollbar {
display: none;
}
.modular-solutions-exclusive-v5 .cell-v5,
.modular-solutions-exclusive-v5 .cell-v5:first-child,
.modular-solutions-exclusive-v5 .flex-stage-v5:hover .cell-v5:first-child:not(:hover) {
width: calc(100vw - 40px);
height: 100%;
flex: 0 0 calc(100vw - 40px);
margin: 0;
scroll-snap-align: start;
}
.modular-solutions-exclusive-v5 .mask-v5 {
padding: 20px;
justify-content: flex-end;
background: linear-gradient(to top, rgba(0, 30, 60, 0.9) 0%, rgba(0, 30, 60, 0) 60%);
}
.modular-solutions-exclusive-v5 .info-v5 {
opacity: 1;
transform: translatey(0);
max-width: 100%;
}
.modular-solutions-exclusive-v5 .heading-v5 {
white-space: normal;
margin-bottom: 10px;
font-size: 14px;
}
.modular-solutions-exclusive-v5 .para-v5 {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 14px;
}
.modular-solutions-exclusive-v5 .action-v5 {
display: none;
}
.ms-slider-nav-v5 {
display: flex !important;
justify-content: space-between;
align-items: center;
padding: 20px;
border-right: 1px solid #E4E4E4;
border-left: 1px solid #E4E4E4;
}
.ms-slider-arrow-v5 {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.ms-slider-arrow-v5 svg {
width: 24px;
height: 24px;
stroke: #231815;
}
.wcu-rnd-sec,
.wcu-achieve-sec,
.wcu-qm-sec {
padding: 0 20px;
}
.mobile-drawer-overlay {
z-index: 999998 !important;
}
.mobile-drawer {
z-index: 999999 !important;
}
.v21-news-pagination__container {
padding-left: 20px;
padding-right: 20px;
}
.v21-news-pagination {
height: 100px;
}
.v21-news-pagination__inner {
height: 100px;
gap: 30px;
}
.v21-news-pagination__numbers {
gap: 30px;
}
.v21-news-pagination__number,
.v21-news-pagination__dots {
line-height: 22px;
font-size: 18px;
}
.article-selector__dropdown {
position: fixed;
inset: 0;
width: 100vw;
height: 100vh;
left: auto;
right: auto;
top: 0;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: none;
transition: opacity 0.2s ease, visibility 0.2s ease;
display: flex;
justify-content: flex-end;
align-items: flex-end;
z-index: 9999;
box-shadow: none;
border-top: none;
}
.article-selector__item.is-open .article-selector__dropdown {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: none;
}
.article-selector-dropdown__panel {
width: 100%;
position: relative;
height: min(82vh, 720px);
max-height: calc(100vh - 40px);
background: #FFF;
overflow: hidden;
transform: translatey(100%);
transition: transform 0.28s ease;
display: flex;
flex-direction: column;
}
.article-selector__item.is-open .article-selector__dropdown .article-selector-dropdown__panel {
transform: translatey(0);
}
.article-selector-dropdown__header {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: space-between;
padding: 24px 20px;
border-bottom: 1px solid #E4E4E4;
}
.article-selector-dropdown__frame {
flex-grow: 1;
display: flex;
flex-direction: column;
padding: 20px;
gap: 20px;
max-height: none;
}
.article-selector-dropdown__footer {
flex-shrink: 0;
padding: 20px;
display: block;
}
.article-selector-dropdown__indicator {
width: 100px;
height: 4px;
background: #E4E4E4;
border-radius: 2px;
margin: 0 auto 10px auto;
display: block;
}
.article-selector-wrapper {
padding-inline: 32px;
}
.article-selector {
flex-direction: column;
height: auto;
padding: 0;
gap: 0;
border-left: 1px solid rgba(228, 228, 228, 0.5);
border-right: 1px solid rgba(228, 228, 228, 0.5);
}
.article-selector__item {
width: 100%;
padding: 20px;
height: 64px;
min-height: 64px;
}
.article-selector__trigger {
justify-content: flex-start;
}
.article-selector__chevron {
margin-left: auto;
}
.article-selector__item:not(:last-child)::after {
display: none;
}
body.is-article-selector-open {
overflow: hidden;
height: 100vh;
}
.faq-group {
margin-bottom: 20px;
}
.faq-group-title {
margin-bottom: 20px;
font-size: 18px;
}
.faq-accordion-list {
padding-right: 0;
}
.faq-accordion-list::after {
display: none;
}
.faq-hero-content {
padding: 40px 20px;
}
.faq-tabs {
gap: 30px;
overflow-x: auto;
justify-content: flex-start;
padding-bottom: 0;
}
.faq-tab {
white-space: nowrap;
padding: 15px 0;
font-size: 16px;
}
.faq-hero-title {
font-size: 26px;
}
.xy-404-content {
flex: 1;
padding-top: 60px;
padding-left: 40px;
padding-right: 40px;
}
.xy-404-product-image {
margin-bottom: 30px;
}
.xy-404-product-info {
padding: 0;
}
.xy-404-product-name {
margin-bottom: 30px;
font-size: 20px;
}
body {
font-size: 16px;
}
.blog-detail-main,
main#primary.site-main {
font-size: 16px;
}
.blog-content__inner h3,
.news-content__inner h3 {
font-size: 22px;
}
.product-series-breadcrumb__link {
font-size: 16px;
}
.product-series-breadcrumb__current {
font-size: 16px;
}
.product-series-banner__btn {
font-size: 18px;
}
.product-series-banner__btn span {
font-size: 18px;
}
.page-template-page-product-series .product-series-search__text {
font-size: 16px;
}
.page-template-page-product-series .product-series-search__input {
font-size: 16px;
}
.page-template-page-product-series .product-series-search__submit {
font-size: 14px;
}
.page-template-page-product-series .product-series-filter-dropdown__search-input {
font-size: 14px;
}
.page-template-page-product-series .product-series-filter-dropdown__item {
font-size: 16px;
}
.page-template-page-product-series .product-series-filter-dropdown__title {
font-size: 14px;
}
.product-series-contact__btn span {
font-size: 18px;
}
.tablepress .tp-icon-label {
font-size: 14px;
}
.xy-home-video-time-sep {
font-size: 24px;
}
.xy-404-product-btn {
font-size: 16px;
}
.blog-hero__title {
font-size: 26px;
}
.blog-hero__date {
font-size: 14px;
}
.blog-hero__desc {
font-size: 16px;
}
.blog-hero__hover-desc {
font-size: 16px;
}
.blog-subscribe__input {
font-size: 18px;
}
.blog-subscribe__btn {
font-size: 18px;
}
.blog-content__inner p {
font-size: 16px;
}
.blog-content__inner h3 {
font-size: 22px;
}
.other-blogs-title {
font-size: 24px;
}
.other-blogs-date {
font-size: 14px;
}
.other-blogs-title-text {
font-size: 18px;
}
.other-blogs-desc {
font-size: 14px;
}
.other-blogs-link {
font-size: 16px;
}
.xy-about-title {
font-size: 32px;
}
.xy-contact-detail-item {
font-size: 16px;
}
.xy-form-group input,
.xy-form-group textarea {
font-size: 16px;
}
.xy-form-group label {
font-size: 16px;
}
.xy-form-group input:focus~label,
.xy-form-group input:not(:placeholder-shown)~label,
.xy-form-group textarea:focus~label,
.xy-form-group textarea:not(:placeholder-shown)~label {
font-size: 16px;
}
.xy-contact-submit {
font-size: 18px;
}
.xy-local-faq-title {
font-size: 24px;
}
.xy-local-faq-head {
font-size: 16px;
}
.xy-local-faq-content {
font-size: 14px;
}
.xy-contact-blogs-title {
font-size: 24px;
}
.xy-contact-blogs-date {
font-size: 14px;
}
.xy-contact-blogs-title-text {
font-size: 18px;
}
.xy-contact-blogs-desc {
font-size: 14px;
}
.xy-contact-blogs-link {
font-size: 16px;
}
.xy-copyright-intro {
font-size: 14px;
}
.xy-copyright-paragraph {
font-size: 14px;
}
.xy-copyright-item {
font-size: 14px;
}
.xy-disclaimer-paragraph {
font-size: 14px;
}
.xy-disclaimer-item {
font-size: 14px;
}
.xy-elevators-hero__desc {
font-size: 16px;
}
.xy-elevators-hero__btn {
font-size: 18px;
}
.xy-elevators-feature__title {
font-size: 28px;
}
.xy-elevators-lightbox__close {
font-size: 30px;
}
.xy-elevators-section__title {
font-size: 28px;
}
.xy-elevators-mod3b__value {
font-size: 36px;
}
.xy-elevators-mod3b__unit {
font-size: 18px;
}
.xy-elevators-mod3b__label {
font-size: 18px;
}
.xy-elevators-mod3b__desc {
font-size: 16px;
}
.xy-elevators-mod4__label {
font-size: 14px;
}
.xy-elevators-card__name {
font-size: 15px;
}
.xy-elevators-card__meta {
font-size: 14px;
}
.xy-elevators-cta__text h3 {
font-size: 24px;
}
.xy-elevators-cta__text p {
font-size: 15px;
}
.xy-elevators-cta__text a {
font-size: 14px;
}
.xy-events-hero__desc {
font-size: 16px;
}
.xy-explore-hero__desc {
font-size: 16px;
}
.xy-explore-hero__btn {
font-size: 18px;
}
.article-selector-dropdown__title {
font-size: 16px;
}
.article-selector-dropdown__action-btn {
font-size: 16px;
}
.article-selector__option {
font-size: 16px;
}
.calendar-title {
font-size: 16px;
}
.calendar-weekdays {
font-size: 14px;
}
.day {
font-size: 14px;
}
.faq-hero-desc {
font-size: 16px;
}
.faq-hero-link {
font-size: 18px;
}
.faq-search-input {
font-size: 16px;
}
.faq-accordion-header {
font-size: 18px;
}
.faq-accordion-body-inner {
font-size: 16px;
}
.news-top-pagination__link {
font-size: 16px;
}
.news-header__desc {
font-size: 16px;
}
.news-header__date {
font-size: 16px;
}
.news-content__inner p {
font-size: 16px;
}
.news-content__inner h3 {
font-size: 22px;
}
.news-subscribe-input {
font-size: 18px;
}
.feature-title {
font-size: 15px;
}
.feature-desc {
font-size: 14px;
}
.item-overlay p {
font-size: 14px;
}
.solutions-module__title {
font-size: 28px;
}
.solutions-module__subheading {
font-size: 20px;
}
.solutions-module__desc {
font-size: 16px;
}
.solutions-module__link {
font-size: 16px;
}
.similar-products-module__title {
font-size: 28px;
}
.similar-products-module__name {
font-size: 18px;
}
.similar-products-module__sku {
font-size: 14px;
}
.similar-products-module__link {
font-size: 16px;
}
.svc-section-title {
font-size: 28px;
}
.svc-hero-link-text {
font-size: 18px;
}
.svc-fm-item-title {
font-size: 18px;
}
.svc-fm-item-subtitle {
font-size: 16px;
}
.svc-fm-process-title {
font-size: 28px;
}
.svc-fm-process-item {
font-size: 18px;
}
.svc-fm-stat-num {
font-size: 26px;
}
.svc-fm-stat-desc {
font-size: 14px;
}
.svc-cs-tab {
font-size: 20px;
}
.svc-cs-img-tooltip {
font-size: 13px;
}
.svc-cs-block h3 {
font-size: 26px;
}
.svc-cs-block>p {
font-size: 16px;
}
.svc-cs-sub h4 {
font-size: 18px;
}
.svc-cs-sub p {
font-size: 14px;
}
.svc-cs-param-name {
font-size: 14px;
}
.svc-cs-param-val {
font-size: 16px;
}
.svc-cs-contact-btn {
font-size: 18px;
}
.scene-title-dropdown .scene-title-option {
font-size: 16px;
}
.left-content p,
.left-content #scene-content-desc p {
font-size: 16px;
}
.v25-item-text {
font-size: 18px;
}
.v25-item-desc {
font-size: 14px;
}
.v26-supply-chain__text {
font-size: 14px;
}
.sustainability-roadmap__intro {
font-size: 14px;
}
.sustainability-roadmap__points li {
font-size: 14px;
}
.related-blogs__date {
font-size: 18px;
}
.related-blogs__heading {
font-size: 18px;
}
.related-blogs__desc {
font-size: 14px;
}
.related-blogs__link {
font-size: 18px;
}
.xy-regularities-intro {
font-size: 14px;
}
.xy-regularities-paragraph {
font-size: 14px;
}
.xy-regularities-item {
font-size: 14px;
}
.wcu-sec-title {
font-size: 20px;
}
.wcu-achieve-desc {
font-size: 14px;
}
.wcu-qm-desc {
font-size: 14px;
}
.ms-bottom-desc-v5 {
font-size: 14px;
}
.xy-chat-badge {
font-size: 12px;
}
.xy-chat-header h4 {
font-size: 14px;
}
.xy-chat-header span {
font-size: 14px;
}
.xy-chat-close {
font-size: 20px;
}
.xy-chat-msg {
font-size: 13px;
}
.xy-chat-time {
font-size: 12px;
}
.xy-chat-email-input-wrapper input {
font-size: 13px;
}
.xy-chat-error {
font-size: 14px;
}
.xy-chat-questions button {
font-size: 13px;
}
.xy-chat-footer input {
font-size: 13px;
}
.v21-news-pagination__line {
display: none;
}
.xy-elevators-divider,
.hero-banner-divider,
.hero-banner-module,
.xy-elevators-feature,
.xy-elevators-section:not(.xy-elevators-mod5),
.xy-elevators-mod5-images,
.xy-elevators-mod5__content {
max-width: min(1216px, calc(100vw - 56px));
}
.solutions-module__content {
flex-direction: column;
gap: 20px;
height: auto !important;
}
.solutions-module__media,
.solutions-module__text {
flex: none;
width: 100%;
}
.solutions-module__media {
max-width: 500px;
margin: 0 auto;
aspect-ratio: 1/1;
}
.solutions-module__media img {
height: 100%;
object-fit: cover;
}
.solutions-module__text {
padding: 20px;
}
.solutions-module__accent {
display: none;
}
.bar-item {
width: 80px;
}
.svc-mobile-menu-drawer,
.svc-mobile-menu-overlay {
display: none !important;
}
.scene-title-drawer,
.scene-title-drawer-overlay {
display: none !important;
}
}
@media (max-width: 389.98px) {
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
. page-template-page-product-series . product-series-filter-dropdown {
background: rgba(0, 0, 0, 0.55);
}
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
. article-selector__dropdown {
background: #0000008c;
}
}
.footer-bottom {
flex-wrap: wrap;
justify-content: center;
align-content: center;
row-gap: 12px;
column-gap: 8px;
max-width: 100%;
padding-left: max(0, env(safe-area-inset-left));
padding-right: max(0, env(safe-area-inset-right));
padding-top: 80px;
width: 100%;
box-sizing: border-box;
min-width: 0;
}
.footer-legal-link {
line-height: 1.25;
text-align: center;
font-size: 13px;
font-family: "Archivo", sans-serif;
font-weight: 300;
}
.footer-legal-sep svg {
height: 13px;
width: auto;
}
.scene-title-dropdown {
display: none !important;
}
.scene-title-drawer-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 999998;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.3s ease, visibility 0.3s;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.scene-title-drawer-overlay.is-active {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.scene-title-drawer {
position: fixed;
top: 133px;
left: 0;
right: 0;
bottom: 0;
width: 100%;
max-height: 100%;
background: #FFF;
z-index: 999999;
display: flex;
flex-direction: column;
transform: translatey(100vh);
transition: transform 260ms ease, visibility 260ms;
visibility: hidden;
pointer-events: none;
border: 0;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
box-sizing: border-box;
}
.scene-title-drawer.is-active {
transform: translatey(0);
visibility: visible;
pointer-events: auto;
}
.scene-title-drawer .scene-drawer-header {
flex: 0 0 auto;
padding: 12px 12px 0 12px;
}
.scene-title-drawer .scene-drawer-header-row {
display: flex;
align-items: center;
justify-content: flex-end;
min-height: 40px;
}
.scene-title-drawer .scene-drawer-header .btn-icon {
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 0;
background: transparent;
color: #231815;
cursor: pointer;
}
.scene-title-drawer .scene-drawer-title {
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
color: #003B90;
text-align: center;
padding: 8px 8px 12px 8px;
line-height: 1.2;
border-bottom: 1px solid #E4E4E4;
font-size: 13px;
}
.scene-title-drawer .scene-drawer-content {
flex: 1;
min-height: 0;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
background-color: #FFF;
}
.scene-title-drawer .scene-title-drawer-list {
list-style: none;
margin: 0;
padding: 0;
}
.scene-title-drawer .scene-title-drawer-list li {
padding: 0;
}
.scene-title-drawer .scene-title-option {
width: 100%;
display: block;
text-align: left;
color: #231815;
font-weight: 500;
line-height: 24px;
font-family: "Archivo", sans-serif;
text-transform: none;
padding: 15px 20px;
border: 0;
border-bottom: 0;
border-radius: 0;
background: transparent;
cursor: pointer;
box-sizing: border-box;
font-size: 13px;
}
.scene-title-drawer .scene-title-option:hover,
.scene-title-drawer .scene-title-option:focus {
color: #003B90;
font-weight: 700;
outline: none;
font-size: 13px;
}
.scene-title-drawer .scene-title-option.is-selected {
color: #003B90;
font-weight: 700;
background-color: #F6F6F6;
font-size: 13px;
}
body.is-scene-title-menu-open {
overflow: hidden;
}
body.is-scene-title-menu-open #masthead {
display: none !important;
}
body.is-scene-title-menu-open .solutions-hero-breadcrumb {
display: none !important;
}
body.is-scene-title-menu-open .product-tabs-module {
z-index: 10000000 !important;
}
.product-series-breadcrumb__grid {
max-width: 1296px !important;
margin: 0 auto !important;
grid-template-columns: 40px 1fr 40px;
display: flex;
justify-content: flex-start;
border: 0;
}
.product-series-breadcrumb {
max-width: 1296px;
margin: 0 auto;
padding: 0 20px;
}
.page-template-page-products-detail-mro .product-parameters__th {
line-height: 32px;
font-size: 16px;
}
.page-template-page-products-detail-mro .product-parameters__td {
line-height: 24px;
font-size: 13px;
padding: 14px 12px;
}
.cta-btn {
font-size: 13px;
min-width: 0;
width: 100%;
padding: 16px 18px;
}
.xy-about-driven-item h4 {
font-size: 16px;
margin-bottom: 4px;
}
.xy-about-foot-stat-num {
line-height: 19px;
font-size: 16px;
margin-bottom: 0;
}
.xy-about-foot-stat-label {
line-height: 16px;
font-size: 10px;
text-align: left;
font-weight: 500;
}
.left-content h2 {
line-height: 28px;
font-size: 16px;
}
.left-content p {
line-height: 24px;
font-size: 14px;
margin-bottom: 24px;
}
.wcu-subtitle {
line-height: 20px;
font-size: 10px;
margin-bottom: 10px;
}
.wcu-title {
line-height: 44px;
font-size: 20px;
text-transform: uppercase;
padding: 10px 0;
}
.wcu-list li {
line-height: 32px;
font-size: 13px;
padding: 4px 0;
margin-bottom: 0;
gap: 20px;
}
.product-series-breadcrumb__back {
width: 32px;
height: 32px;
}
.header-search-text {
display: none;
}
.d-flex {
justify-content: space-between !important;
}
.site-header.site-header--sticky .main-navigation {
margin-left: 0;
}
.footer-subscribe-title {
padding: 30px 20px;
font-size: 13px;
text-align: left;
margin: 0;
font-family: "Archivo", sans-serif;
font-weight: 300;
}
.site-logo img {
width: 44px;
height: 40px;
}
.nav-menu>li>a {
font-size: 13px;
}
.search-field {
font-weight: 400;
line-height: 20px;
font-size: 13px;
}
.header-container {
padding-right: 20px;
padding-left: 20px;
max-width: 100%;
}
.search-container {
padding: 0 20px;
}
.product-series-breadcrumb__cell {
height: 60px;
border: 0 !important;
}
.product-series-breadcrumb__cell--crumbs {
padding: 0 10px;
border: 0;
}
.product-series-breadcrumb__link,
.product-series-breadcrumb__current,
.product-series-breadcrumb__sep {
font-size: 13px;
}
.product-series-breadcrumb__sep {
margin: 0 4px;
}
.product-series-banner__grid {
grid-template-columns: 20px 1fr 20px;
height: 480px;
}
.product-series-banner__cell {
height: 480px;
}
.product-series-banner__col2 {
padding-left: 0;
padding-right: 0;
padding: 0;
}
.product-series-filters__grid {
grid-template-columns: 1fr;
}
.product-series-filters__bar {
flex-wrap: wrap;
padding: 12px 0;
flex-direction: column;
align-items: stretch;
}
.product-series-filter--type,
.product-series-filter--application,
.product-series-filter--search {
padding-left: 16px;
padding-right: 16px;
}
.product-series-filter__label {
font-size: 13px;
white-space: normal;
}
.product-series-products__grid {
grid-template-columns: 60px 1fr 60px;
}
.product-series-products__col2 {
padding-left: 20px;
padding-right: 20px;
}
.product-series-pagination {
height: auto;
}
.product-series-pagination__inner {
padding: 0;
height: auto;
gap: 16px 24px;
width: 100%;
max-width: 100%;
margin: 0;
flex-wrap: wrap;
}
.product-series-pagination__line {
display: none;
}
.product-series-pagination__numbers {
gap: 8px;
height: auto;
width: auto;
flex: 1 1 200px;
min-width: 0;
justify-content: center;
flex-wrap: wrap;
}
.product-series-pagination__number,
.product-series-pagination__dots {
line-height: 22px;
font-size: 13px;
width: 40px;
height: 40px;
}
.product-series-contact {
height: 271px;
}
.product-series-contact__bg {
height: 271px;
width: 100%;
left: 0;
top: 0;
}
.product-series-contact__actions {
left: 0;
bottom: 40px;
width: 100%;
padding: 0 20px;
height: auto;
right: 0;
gap: 24px;
align-items: center;
box-sizing: border-box;
}
.product-series-contact__title {
width: 100%;
max-width: 310px;
line-height: 28px;
height: auto;
font-size: 13px;
text-align: center;
}
.product-series-products__row {
flex-wrap: wrap;
height: auto;
flex-direction: column;
align-items: stretch;
}
.product-series-products__card {
flex: 0 0 auto;
border-right: none;
width: 100%;
aspect-ratio: 1/1;
border-bottom: 1px solid #E4E4E4;
}
.product-series-products__card:nth-child(3n) {
border-right: none;
}
.product-series-products__card:last-child {
border-right: none;
}
.product-series-products__image {
width: 100%;
aspect-ratio: auto;
flex: 1 1 auto;
min-height: 0;
padding: 20px;
}
.product-series-products__arrow {
width: 32px;
height: 32px;
right: 20px;
top: 20px;
}
.product-series-products__title {
width: 100%;
line-height: 20px;
font-size: 13px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.product-series-products__sku {
width: 100%;
line-height: 16px;
font-size: 13px;
}
.banner-content {
padding: 20px;
gap: 20px;
width: 100%;
height: auto;
}
.mro-title {
width: 310px;
height: 24px;
line-height: 24px;
font-size: 13px;
}
.mro-description {
width: 100%;
line-height: 16px;
font-size: 13px;
height: 100%;
}
.d-lg-none {
display: block !important;
}
.d-lg-none.d-flex {
display: flex !important;
justify-content: space-between;
}
.d-lg-none.d-inline-flex {
display: inline-flex !important;
}
.d-lg-block {
display: none !important;
}
.d-lg-flex {
display: none !important;
}
.site-header--transparent {
background-color: #F2F3F5;
-webkit-backdrop-filter: none;
backdrop-filter: none;
}
.header-main-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
.header-mobile-actions {
margin-left: auto;
width: auto;
flex-wrap: nowrap;
position: relative;
z-index: 9999999;
pointer-events: auto;
gap: 20px;
column-gap: 20px;
display: flex;
justify-content: flex-end;
}
.header-mobile-actions .btn-icon {
color: #003B90;
pointer-events: auto;
position: relative;
z-index: 9999999;
}
.header-mobile-divider {
display: block;
width: 1px;
height: 40px;
background: rgba(0, 0, 0, 0.12);
margin: 0 20px;
flex: 0 0 1px;
}
.header-mobile-contact {
background: #003B90;
color: #EDEDED;
font-family: "Archivo", sans-serif;
font-weight: 600;
line-height: 1;
text-decoration: none;
padding: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
user-select: none;
position: relative;
margin-left: 0;
width: 100%;
max-width: 122px;
border-radius: 0;
justify-self: center;
font-size: 13px;
pointer-events: auto;
}
.header-mobile-search-trigger {
position: relative;
margin-left: 0;
justify-self: center;
}
.header-mobile-contact::before,
.header-mobile-search-trigger::before {
content: none;
position: absolute;
left: -20px;
top: 50%;
transform: translatey(-50%);
width: 1px;
height: 40px;
background: rgba(0, 0, 0, 0.12);
display: none;
}
.hero-content {
padding-bottom: 80px;
max-width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.hero-desc {
margin-bottom: 10px;
}
.intro-top {
padding: 30px 20px;
gap: 20px;
flex-direction: column;
}
.intro-grid__cell {
min-height: 240px;
flex: 0 0 240px;
}
.visual-box {
width: 200px;
height: 200px;
}
.visual-inner {
width: 160px;
height: 160px;
}
.scroll-bar-container {
margin-bottom: -1px;
display: block;
padding: 0 0 40px;
margin-top: -1px;
padding-left: 0;
padding-right: 0;
}
.new-section-pc {
display: none;
padding-top: 40px;
}
.new-section-mobile {
display: block;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
background-color: #FFF;
padding-top: 40px;
}
.new-section-title {
padding-left: 20px;
margin-bottom: 0;
}
.new-section-desc {
max-width: 100%;
padding: 20px;
margin-bottom: 0;
}
.new-section__btn {
padding: 15px 30px;
font-size: 13px;
}
.play-btn {
width: 60px;
height: 60px;
}
.capabilities-top {
padding: 30px 20px 10px;
flex-direction: column;
gap: 20px;
}
.cap-item {
padding: 28px 20px;
border-top: none;
overflow: hidden;
width: 100%;
height: auto;
}
.cta-container {
padding: 66px 20px;
}
.faq-header {
padding: 22px 20px;
}
.faq-question {
padding: 20px 20px;
}
.faq-answer-inner {
padding: 0 20px 28px;
}
.faq-title {
font-size: 14px;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 600;
line-height: 24px;
text-transform: capitalize;
padding-left: 0;
}
.faq-question-text {
line-height: 20px;
font-size: 14px;
font-family: "Archivo", sans-serif;
font-weight: 500;
text-transform: uppercase;
}
.faq-answer-text {
line-height: 16px;
font-size: 13px;
}
.faq-icon {
width: 20px;
height: 20px;
}
.footer-top {
grid-template-columns: 1fr;
gap: 40px;
}
.footer-nav {
gap: 30px;
grid-template-columns: repeat(2, 1fr);
grid-template-areas: "company services" "products products";
margin-top: 40px;
padding: 10px 20px 0;
}
.certs-section {
height: 120px;
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
}
.certs-section .certs-logo {
position: static;
}
.certs-logo--iso9001 {
width: 49px;
height: 49px;
top: 34px;
left: 29px;
}
.certs-logo--iatf16949 {
width: 51px;
height: 51px;
top: 33px;
left: 95px;
}
.certs-logo--iso14001 {
width: 63px;
height: 63px;
top: 27px;
left: 167px;
}
.certs-logo--cwb {
width: 124px;
height: 36px;
top: 41px;
left: 247px;
}
.page-template-page-products-detail-mro .why-choose-us {
margin: 0 auto;
}
.page-template-page-products-detail-mro .section-header {
height: 64px;
padding: 0 20px;
gap: 10px;
}
.page-template-page-products-detail-mro .accent-line {
width: 3px;
height: 12px;
transform: none;
}
.page-template-page-products-detail-mro .main-title {
line-height: 24px;
font-size: 13px;
}
.page-template-page-products-detail-mro .traits-grid {
display: flex;
flex-direction: column;
padding: 0;
margin: 0;
border-top: none;
border-left: none;
border-right: none;
}
.page-template-page-products-detail-mro .trait-item {
padding: 40px 20px;
gap: 40px;
border-right: none;
border-bottom: 1px solid #E4E4E4;
width: 100%;
box-sizing: border-box;
}
.page-template-page-products-detail-mro .traits-grid .trait-item:last-child {
border-bottom: none;
}
.page-template-page-products-detail-mro .trait-header {
flex-direction: row;
align-items: center;
gap: 20px;
height: 48px;
}
.page-template-page-products-detail-mro .trait-description {
line-height: 13px;
font-size: 13px;
}
.site-header {
background: #F3F5F7 !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
transition: none !important;
}
.site-header .custom-logo--default {
display: none !important;
}
.site-header .custom-logo--sticky {
display: block !important;
}
.site-header .btn-icon svg path,
.site-header .btn-icon svg circle {
stroke: #003B90 !important;
}
.site-header .header-mobile-contact {
border-color: #003B90 !important;
}
.blog-hero__inner {
min-height: 420px;
}
.blog-subscribe__inner {
padding: 0;
flex-direction: column;
gap: 0;
text-align: center;
border-left: none;
border-right: none;
border-bottom: 1px solid #E4E4E4;
}
.blog-content__inner {
max-width: 100%;
}
.blog-pagination__inner {
max-width: 100%;
padding: 20px 20px 0;
}
.other-blogs-grid-wrap {
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.other-blogs-grid-wrap::-webkit-scrollbar {
display: none;
}
.other-blogs-item {
flex: 0 0 85vw;
max-width: 85vw;
scroll-snap-align: start;
}
.xy-about-achieve-container {
border-left: 1px solid rgba(181, 181, 182, 0.2);
border-right: 1px solid rgba(181, 181, 182, 0.2);
}
.xy-about-history-title-block {
padding: 30px 20px;
}
.xy-about-history-content {
padding: 40px 20px;
}
.xy-about-history-image-wrap {
padding-right: 40px;
}
.xy-about-history-text-wrap {
padding-left: 40px;
}
.xy-about-history-item:nth-child(even) .xy-about-history-image-wrap {
padding-left: 40px;
}
.xy-about-history-item:nth-child(even) .xy-about-history-text-wrap {
padding-right: 40px;
}
.xy-about-driven-title-line {
height: 12px;
}
.xy-about-driven-section {
padding: 0 20px;
}
.xy-about-driven-bottom-section {
padding: 0 20px;
}
.xy-about-driven-title-block {
padding: 30px 20px;
}
.xy-about-driven-title {
font-size: 16px;
}
.xy-about-driven-top {
flex-direction: column-reverse;
gap: 20px;
}
.xy-about-driven-text {
padding: 0 20px 20px;
}
.xy-about-driven-image {
width: 100%;
border-left: none;
border-top: 1px solid #E4E4E4;
border: 0;
}
.xy-about-overview-container {
max-width: 100%;
}
.xy-about-overview-top {
padding: 30px 40px;
gap: 20px;
flex-direction: column;
border-left: none;
border-right: none;
}
.xy-about-overview-title {
font-size: 16px;
line-height: 30px;
margin-bottom: 10px;
}
.xy-about-overview-cell {
min-height: 240px;
flex: 0 0 240px;
}
.xy-about-overview-cell-title {
font-size: 13px;
}
.xy-about-overview-cell-desc {
font-size: 13px;
}
.xy-about-banner {
height: 461px;
padding: 60px 5%;
background: #F3F5F7;
}
.xy-about-banner-mask {
display: block;
background: linear-gradient(0deg, rgba(27, 33, 41, 0.6) 2.84%, rgba(27, 33, 41, 0) 98.08%);
}
.xy-about-banner-content {
padding-bottom: 20px;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0;
gap: 12px;
width: 100%;
z-index: 2;
}
.xy-about-banner-title {
font-size: 16px;
font-family: "Archivo";
font-style: normal;
font-weight: 900;
line-height: 22px;
color: #EDEDED;
margin: 0;
}
.xy-about-section {
padding: 0 20px;
}
.xy-about-foot-title-block {
padding: 30px 20px;
}
.xy-about-foot-content-wrap {
padding: 30px 20px;
overflow: visible;
}
.xy-about-foot-svg {
right: 0;
opacity: 1;
display: block;
width: 220px;
height: 199px;
left: 128px;
top: 202px;
padding-top: 0;
}
.xy-about-foot-stats {
justify-content: flex-start;
gap: 20px;
padding: 20px;
background: rgba(255, 255, 255, 0.5);
backdrop-filter: blur(2px);
margin: 0 -20px;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
display: flex;
-ms-overflow-style: none;
scrollbar-width: none;
}
.xy-about-foot-stat {
width: 120px;
flex: 0 0 auto;
margin-bottom: 0;
min-width: 120px;
align-items: flex-start;
gap: 10px;
}
.xy-about-history-section {
padding: 0 20px;
}
.xy-about-history-container {
padding: 0;
}
.xy-about-history-title {
font-size: 14px;
}
.xy-about-history-center-line {
display: none;
}
.xy-about-history-dot {
display: none;
}
.xy-about-history-item,
.xy-about-history-item:nth-child(even) {
flex-direction: column;
align-items: center;
gap: 20px;
}
.xy-about-history-half,
.xy-about-history-image-wrap,
.xy-about-history-text-wrap,
.xy-about-history-item:nth-child(even) .xy-about-history-image-wrap,
.xy-about-history-item:nth-child(even) .xy-about-history-text-wrap {
width: 100%;
justify-content: center;
padding-left: 0;
padding-right: 0;
}
.xy-about-history-image {
width: 100%;
max-width: 100%;
height: 314px;
aspect-ratio: 1;
}
.xy-about-history-text {
height: auto;
min-height: 103px;
gap: 20px;
align-items: flex-start;
}
.xy-about-history-text h4 {
line-height: 19px;
font-size: 13px;
}
.xy-about-history-text p {
line-height: 16px;
font-size: 13px;
}
.xy-about-history-date {
line-height: 32px;
font-size: 13px;
}
.xy-about-history-timeline {
gap: 20px;
}
.xy-about-achieve-title-block {
padding: 30px 20px;
flex-direction: column;
align-items: flex-start;
}
.xy-about-achieve-title-line {
top: 35px;
height: 12px;
}
.xy-about-achieve-title {
width: 100%;
font-size: 16px;
line-height: 1.2;
}
.xy-about-achieve-box {
width: 50%;
aspect-ratio: 1/1;
min-height: auto;
padding: 20px;
border-right: 1px solid rgba(181, 181, 182, 0.2);
border-bottom: none;
}
.xy-about-achieve-box-num {
left: 20px;
top: 20px;
font-size: 18px;
display: none;
}
.xy-about-achieve-box-text {
padding: 20px;
}
.xy-about-achieve-box-title {
font-size: 14px;
line-height: 20px;
}
.xy-about-achieve-box-desc {
font-size: 10px;
line-height: 14px;
}
.xy-about-driven-item {
padding-left: 16px;
}
.xy-about-driven-subtitle {
margin-bottom: 20px;
font-size: 16px;
}
.xy-about-history-title-line {
height: 12px;
}
.xy-contact-title {
font-size: 16px;
}
.xy-form-grid {
gap: 0;
grid-template-columns: 1fr;
}
.xy-contact-info-wrapper {
gap: 20px;
flex-wrap: wrap;
flex-direction: column;
align-items: stretch;
padding: 20px 0;
}
.xy-contact-details,
.xy-contact-map-wrap {
height: 200px;
max-height: 200px;
}
.xy-contact-blogs-grid-wrap {
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.xy-contact-blogs-grid-wrap::-webkit-scrollbar {
display: none;
}
.xy-contact-blogs-item {
flex: 0 0 85vw;
max-width: 85vw;
scroll-snap-align: start;
}
.hero-banner-module .hero-content {
padding: 18px 16px;
max-width: 100%;
}
.hero-banner-module .xy-elevators-hero-title {
font-size: 13px;
line-height: 1.14;
}
.hero-banner-module .hero-banner-strip {
height: 40px;
}
.xy-elevators-hero img {
height: 340px;
}
.xy-elevators-hero__content {
left: 28px;
right: 28px;
bottom: 28px;
}
.xy-elevators-hero__title {
font-size: 14px;
}
.xy-elevators-grid {
grid-template-columns: 1fr;
}
.xy-elevators-mod3__grid {
grid-template-columns: 1fr;
gap: 20px;
}
.xy-elevators-mod3b__layout {
grid-template-columns: 1fr;
gap: 16px;
height: 440px;
}
.xy-elevators-mod3b__cta {
left: 50%;
bottom: 14px;
transform: translatex(-50%);
font-size: 13px;
gap: 10px;
}
.xy-elevators-mod3__tile--info {
padding: 22px 14px 18px;
aspect-ratio: 1/1;
}
.xy-elevators-mod3__value {
font-size: 20px;
}
.xy-elevators-mod3__desc {
font-size: 13px;
max-width: 100%;
}
.xy-elevators-mod3__cta {
left: 16px;
bottom: 16px;
font-size: 13px;
}
.xy-elevators-mod3__zoom {
right: 12px;
bottom: 12px;
}
.xy-elevators-feature__head,
.xy-elevators-section__head {
padding: 28px 16px;
}
.xy-elevators-feature__head {
padding-inline-start: 10px;
}
.hero-banner-module .hero-banner {
height: clamp(252px, calc(var(--xy-visual-vh, 100vh) * 0.52), 440px);
}
.xy-elevators-feature__accent,
.xy-elevators-section__accent {
height: 14px;
}
.xy-elevators-feature__title,
.xy-elevators-section__title {
padding-left: 0;
line-height: 1.18;
font-size: 13px;
}
.xy-elevators-feature__main {
grid-template-columns: 1fr;
}
.xy-elevators-feature__left {
border-right: 0;
border-bottom: 1px solid #E4E4E4;
padding: 12px;
}
.xy-elevators-feature__text {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.xy-elevators-feature__text p {
max-width: 100%;
font-size: 10px;
}
.xy-elevators-feature__text p:first-child {
border-bottom: 0;
}
.xy-elevators-feature__specs {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.xy-elevators-feature__spec {
min-height: 0;
padding-block: 8px;
padding-inline: 4px 3px;
padding-inline-start: 6px;
}
.xy-elevators-feature__spec-line {
left: 0;
right: auto;
top: 0;
bottom: 0;
height: auto;
}
.xy-elevators-feature__spec-label {
font-size: 10px;
}
.xy-elevators-feature__spec-value {
font-size: 13px;
}
.xy-elevators-feature__spec-unit {
font-size: 10px;
}
.xy-elevators-feature__cta {
padding: 12px;
font-size: 13px;
}
.xy-elevators-feature__gallery-item img {
height: 220px;
}
.xy-elevators-cta {
grid-template-columns: 1fr;
}
.xy-elevators-mod5__content {
grid-template-columns: 1fr;
gap: 18px;
padding: 0 20px;
}
.xy-elevators-mod5__text h3 {
font-size: 13px;
margin-bottom: 12px;
}
.xy-elevators-mod5__text p {
max-width: 100%;
font-size: 13px;
line-height: 1.55;
margin-bottom: 10px;
}
.xy-elevators-mod5__media {
min-height: 250px;
}
.xy-events-hero__container {
padding-left: 24px;
padding-right: 24px;
padding-bottom: 20px;
border-left: 1px solid rgba(228, 228, 228, 0.5);
border-right: 1px solid rgba(228, 228, 228, 0.5);
}
.xy-events-hero__content {
padding-left: 0;
padding-right: 0;
margin-bottom: 20px;
}
.xy-events-hero__progress {
left: 44px;
right: 44px;
bottom: 28px;
}
.xy-events-hero__title {
font-size: 13px;
}
.xy-explore-hero__container {
padding-left: 24px;
padding-right: 24px;
padding-bottom: 20px;
border-left: 1px solid rgba(228, 228, 228, 0.5);
border-right: 1px solid rgba(228, 228, 228, 0.5);
}
.xy-explore-hero__content {
padding-left: 0;
padding-right: 0;
margin-bottom: 20px;
}
.xy-explore-hero__progress {
left: 44px;
right: 44px;
bottom: 28px;
}
.xy-explore-hero__title {
font-size: 13px;
}
.news-subscribe-btn {
height: 60px;
width: 100%;
justify-content: center;
font-size: 13px;
}
.news-header__title {
font-size: 13px;
margin-bottom: 20px;
}
.news-content__inner blockquote {
padding: 15px;
}
.blog-pagination__link {
font-size: 13px;
}
.section-title-wrap {
padding: 40px 40px 20px;
}
.title-accent {
height: 12px;
}
.section-title-wrap h2 {
padding-left: 20px;
font-size: 13px;
}
.hero-banner-module .hero-title {
font-size: 20px;
}
.header-title {
padding-left: 20px;
font-size: 13px;
}
.features-grid {
grid-template-columns: repeat(2, 1fr);
display: flex;
flex-direction: column;
margin: 0;
gap: 40px;
}
.feature-item:nth-child(2n) {
border-right: none;
}
.module-header {
padding: 24px 0;
margin-bottom: 0;
}
.header-accent {
height: 12px;
}
.benefits-split-section::before {
left: 20px;
}
.benefits-split-section::after {
right: 20px;
}
.split-grid {
grid-template-columns: 1fr;
padding: 0;
position: relative;
}
.split-text {
padding: 20px 20px 0;
}
.split-text h3 {
font-size: 13px;
line-height: 28px;
}
.split-text li {
font-size: 13px;
line-height: 30px;
}
.split-img img {
padding: 0;
width: 240px;
height: 240px;
}
.performance-module::before {
left: 20px;
}
.performance-module::after {
right: 20px;
}
.performance-module .section-container {
padding: 0 20px;
}
.perf-header {
padding: 20px 0;
margin-bottom: 0;
}
.perf-container::after {
top: 0;
bottom: -40px;
}
.perf-title {
font-size: 16px;
padding-left: 20px;
}
.perf-accent {
height: 12px;
}
.perf-container {
flex-direction: column;
padding: 0;
gap: 15px;
}
.perf-image img {
width: 100%;
height: auto;
}
.perf-text {
padding: 20px;
}
.perf-content-title {
font-size: 16px;
line-height: 30px;
font-family: "Archivo", sans-serif;
margin-bottom: 10px;
}
.perf-tabs {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
text-align: center;
gap: 15px;
display: none;
}
.perf-tabs::before {
display: none;
}
.tab-item {
text-align: center;
padding-right: 0;
line-height: normal;
}
.tab-item.active::after {
display: none;
}
.tab-item.active {
border-bottom: 2px solid #004098;
padding-bottom: 5px;
}
.overview-container {
padding: 0 20px;
}
.overview-header {
padding: 20px 0;
margin-bottom: 0;
}
.overview-header h2 {
font-size: 16px;
padding-left: 20px;
}
.header-blue-line {
height: 12px;
}
.overview-grid {
grid-template-columns: 1fr;
grid-auto-rows: minmax(0, auto);
}
.large-card,
.long-card {
grid-column: span 2;
}
.small-card {
grid-column: span 1;
}
.global-presence .section-title-wrap {
padding: 20px 0;
margin-bottom: 0;
}
.map-panel {
flex-direction: column;
}
.map-media {
padding: 24px 20px;
}
.map-copy {
padding: 0 20px 20px 20px;
}
.map-copy__title {
font-size: 16px;
}
.map-copy__desc {
font-size: 13px;
}
.stat-num {
font-size: 16px;
}
.stat-label {
font-size: 10px;
}
.page-template-page-products-detail-mro .product-detail-container {
width: 100%;
height: auto;
overflow: visible;
}
.page-template-page-products-detail-mro .main-layout-grid {
grid-template-columns: 20px 1fr 20px;
grid-template-rows: auto auto auto;
height: auto;
}
.page-template-page-products-detail-mro .line-v {
display: block;
grid-row: 1/4;
}
.page-template-page-products-detail-mro .line-v-2 {
grid-column: 3;
justify-self: start;
}
.page-template-page-products-detail-mro .line-h {
grid-column: 2;
}
.page-template-page-products-detail-mro .line-h-bottom {
display: block;
grid-row: 2;
align-self: start;
}
.page-template-page-products-detail-mro .media-section {
display: contents;
}
.page-template-page-products-detail-mro .main-image-wrapper {
grid-column: 2;
grid-row: 1;
width: 100%;
height: auto;
aspect-ratio: 1/1;
}
.page-template-page-products-detail-mro .carousel-container {
grid-column: 2;
grid-row: 2;
height: auto;
padding: 20px 0;
gap: 10px;
}
.page-template-page-products-detail-mro .arrow {
width: 44px;
height: 44px;
}
.page-template-page-products-detail-mro .carousel-track-viewport {
width: calc(100% - 88px);
}
.page-template-page-products-detail-mro .thumb-item {
width: 64px;
height: 64px;
}
.page-template-page-products-detail-mro .info-section {
grid-column: 2;
grid-row: 3;
border-left: none;
border-top: 1px solid #E4E4E4;
min-width: 0;
overflow-x: hidden;
overflow-y: visible;
}
.page-template-page-products-detail-mro .header-box {
height: auto;
padding: 30px 20px 0;
}
.page-template-page-products-detail-mro .description-text {
padding: 0 20px;
overflow: visible;
}
.page-template-page-products-detail-mro .options-grid {
padding: 20px 0;
}
.page-template-page-products-detail-mro .dimensions-row {
flex-wrap: wrap;
gap: 20px;
justify-content: space-between;
}
.similar-products-module__grid {
grid-template-columns: repeat(2, 1fr);
}
.similar-products-module__card:nth-child(2) {
border-right: none;
}
.similar-products-module__card:nth-child(n
/**/
+3) {
border-top: 1px solid #eee;
}
.similar-products-module__header {
padding: 30px 20px 30px;
}
.similar-products-module__switch {
padding: 30px 20px 30px !important;
}
.similar-products-module__accent {
display: none;
}
.solutions-hero .product-series-banner__grid,
.solutions-hero .product-series-banner__cell,
.solutions-hero .solutions-hero__banner-container {
height: 420px;
}
.solutions-hero .solutions-hero__banner-content {
padding: 22px 20px;
width: 100%;
gap: 20px;
}
.solutions-hero__title {
line-height: 26px;
font-size: 16px;
}
.product-item .prod-name,
.product-item .prod-sku {
padding-right: 20px;
padding-left: 20px;
}
.product-item .prod-sku {
margin-top: 0;
}
.product-tabs-module {
--product-tabs-gutter: 20px;
}
.tabs-nav {
height: 72px;
padding: 16px 20px 16px 0;
}
.main-layout {
grid-template-columns: 1fr;
min-height: 0;
border-right: 0;
padding-top: 0;
}
.left-content {
max-width: 100%;
padding: 24px 20px;
}
.right-products {
width: 100%;
grid-template-columns: 1fr;
grid-template-rows: auto;
}
.product-item {
width: 100%;
height: auto;
min-height: 322px;
border: 1px solid #E4E4E4;
padding: 20px;
display: block;
box-sizing: border-box;
margin-bottom: -1px;
}
.prod-img {
width: 100%;
max-width: 100%;
height: 212px;
object-fit: cover;
mix-blend-mode: multiply;
}
.prod-name {
line-height: 40px;
text-transform: uppercase;
margin: 0;
text-align: left;
font-size: 13px;
width: 100%;
}
.prod-sku {
line-height: 20px;
margin: 0;
text-align: left;
font-size: 13px;
width: 100%;
}
.arrow-top-right {
position: absolute;
top: 20px;
right: 20px;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
}
.arrow-top-right path {
display: block;
}
.arrow-top-right::after {
display: none;
}
.prod-text-wrap {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
gap: 0;
}
.right-products.right-products--count-3 .product-item:nth-child(1) {
grid-column: auto;
border-right: 1px solid #E4E4E4;
}
.why-choose-module {
padding: 40px 20px;
}
.left-v-line {
top: -40px;
}
.grid-item {
padding: 20px 0;
}
.main-title {
font-size: 16px;
line-height: 24px;
}
.title-line {
height: 19px;
width: 3px;
left: -1px;
}
.customization-v3-content {
padding: 0;
}
.customization-v3-unique-node {
--customization-v3-gutter: 20px;
}
.customization-v3-inner {
margin: 0 auto;
padding: 44px 20px;
min-height: 0;
width: min(100%, 390px);
}
.layout-header-v3 {
flex-direction: column;
gap: 0;
padding: 20px 20px 0;
width: 100%;
margin-bottom: 0;
display: flex;
}
.main-wrapper-v3 {
gap: 0;
flex-direction: column-reverse;
width: 100%;
padding-bottom: 20px;
}
.layout-header-v3 h2 {
line-height: 40px;
padding: 0;
max-width: none;
font-size: 16px;
width: 100%;
font-family: "Archivo";
font-style: normal;
font-weight: 600;
text-transform: capitalize;
color: #231815;
box-sizing: border-box;
}
.list-entry-v3 {
padding: 20px 0;
gap: 20px;
align-items: center;
box-sizing: border-box;
}
.info-bundle-v3 h3 {
line-height: 20px;
font-size: 16px;
color: #003B90;
}
.info-bundle-v3 p {
line-height: 20px;
color: #231815;
font-size: 14px;
}
.svc-hero {
height: auto;
min-height: 520px;
padding: 0;
box-sizing: border-box;
border-left: none;
border-right: none;
}
.svc-hero-bg {
height: 100%;
left: 20px;
width: calc(100% - 40px);
}
.svc-hero::after {
left: 20px;
width: calc(100% - 40px);
}
.svc-hero::before {
content: "";
position: absolute;
left: 20px;
right: 20px;
top: 0;
bottom: 0;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
z-index: 1;
pointer-events: none;
}
.svc-hero-overlay {
background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 100%);
align-items: flex-end;
left: 0;
right: 0;
width: 100%;
padding: 0;
box-sizing: border-box;
position: absolute;
padding-bottom: 0;
}
.svc-hero-title {
line-height: 1.2;
font-size: 13px;
}
.svc-hero-desc {
line-height: 20px;
font-size: 13px;
}
.svc-hero-content {
gap: 20px;
padding: 40px 20px;
width: 100%;
}
.svc-hero-text-wrap {
max-width: 100%;
}
.solutions-hero-breadcrumb .product-series-breadcrumb__cell--crumbs {
padding: 0 20px;
}
.solutions-hero-breadcrumb .product-series-breadcrumb__sep {
margin: 0 6px;
}
.solutions-hero-breadcrumb .product-series-breadcrumb__link,
.solutions-hero-breadcrumb .product-series-breadcrumb__current {
font-size: 14px;
}
.v24-sustainability-section {
padding-left: 20px;
padding-right: 20px;
}
.v24-main-title {
font-size: 16px;
padding-left: 0;
}
.v24-main-title::before {
height: 19px;
left: calc(-1 * var(--v24-inner) - 2px);
transform: translateY(-50%);
}
.v25-social-responsibility {
--v25-gutter: 20px;
}
.v25-grid {
grid-template-columns: 1fr;
padding: 20px;
gap: 0;
}
.v25-section-title {
font-size: 16px;
line-height: 30px;
padding: 20px;
padding-left: 20px;
}
.v25-section-title::before {
height: 19px;
}
.v26-supply-chain__wrap {
--v26-gutter: 20px;
}
.v26-supply-chain__header {
padding: 20px;
}
.v26-supply-chain__nav {
width: 260px;
--v26-nav-pad: 20px;
padding: 0;
gap: 0;
border-top: 1px solid #E4E4E4;
order: 2;
}
.v26-supply-chain__media {
width: 360px;
padding: 20px;
height: auto;
border-top: 1px solid #E4E4E4;
order: 2;
}
.v26-supply-chain__content {
padding: 20px;
order: 1;
}
.v26-supply-chain__title {
font-size: 16px;
line-height: 30px;
}
.v26-supply-chain__accent {
height: 20px;
}
.v26-supply-chain__subtitle {
font-size: 13px;
line-height: 30px;
}
.v26-supply-chain__nav-item {
font-size: 13px;
line-height: 16px;
border-bottom: 1px solid #E4E4E4;
padding: 10px 20px;
text-align: left;
}
.sustainability-roadmap__timeline-col {
--sr-year-col: 96px;
--sr-dot-col: 32px;
width: 100%;
align-items: flex-start;
}
.sustainability-roadmap__stage {
font-size: 16px;
}
.sustainability-roadmap__content {
padding-bottom: 67px;
padding-left: 0;
}
.sustainability-roadmap__wrap {
--sr-gutter: 20px;
padding: 0 var(--sr-gutter);
}
.sustainability-roadmap__header {
padding: 30px 20px;
}
.sustainability-roadmap__table {
padding: 20px;
flex-direction: column;
align-items: stretch;
gap: 20px;
}
.sustainability-roadmap__img {
width: 92.666664px;
height: 210px;
}
.sustainability-roadmap__title {
font-size: 16px;
}
.sustainability-roadmap__accent {
height: 20px;
}
.related-blogs__right-line {
display: none;
}
.related-blogs__grid {
grid-template-columns: repeat(2, 1fr);
border-left: none;
border-right: none;
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
scrollbar-width: none;
-ms-overflow-style: none;
}
.related-blogs__card:nth-child(3) {
display: none;
}
.related-blogs__title {
font-size: 13px;
padding-left: 20px;
padding-top: 20px;
padding-bottom: 20px;
}
.related-blogs__title::before {
height: 12px;
width: 3px;
left: -1.5px;
}
.xy-wcu-banner-content {
left: 0;
bottom: 0;
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 40px 20px;
gap: 12px;
height: auto;
z-index: 2;
right: 0;
}
.xy-wcu-banner-title {
line-height: 22px;
font-size: 16px;
font-family: "Archivo";
font-style: normal;
font-weight: 900;
color: #EDEDED;
margin: 0;
}
.wcu-qm-header {
padding: 40px 20px;
gap: 20px;
flex-direction: column;
}
.wcu-qm-title {
font-size: 22px;
}
.wcu-qm-list {
padding: 40px 20px;
gap: 30px;
}
.wcu-qm-item-title {
font-size: 16px;
}
.wcu-qm-item-desc {
font-size: 13px;
}
.wcu-group-grid {
gap: 0;
padding: 20px;
flex-direction: column;
border-bottom: 1px solid #E4E4E4;
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px;
}
.wcu-title-row {
gap: 0;
flex-direction: column;
}
.wcu-rnd-heading {
line-height: 16px;
font-size: 14px;
margin-bottom: 10px;
}
.wcu-achieve-grid {
gap: 30px;
flex-direction: column;
padding: 20px;
}
.wcu-achieve-num {
font-size: 14px;
line-height: 22px;
}
.modular-solutions-exclusive-v5 {
--ms-side-gap: 20px;
padding: 0 var(--ms-side-gap);
}
.modular-solutions-exclusive-v5 .flex-stage-v5 {
height: 400px;
flex-direction: row;
width: 100%;
gap: 0;
border: none;
background: transparent;
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
margin-left: 0;
margin-right: 0;
}
.modular-solutions-exclusive-v5 .cell-v5 {
flex: 0 0 150px;
}
.modular-solutions-exclusive-v5 .flex-stage-v5:hover .cell-v5:first-child:not(:hover) {
flex: 0 0 150px;
}
.ms-bottom-title-v5 {
font-size: 18px;
}
.svc-fm-grid {
flex-direction: column;
gap: 40px;
}
.svc-fm-list {
flex: none;
width: 100%;
padding: 0 0 0 20px;
box-sizing: border-box;
gap: 10px;
}
.svc-sol-gallery {
height: auto;
position: relative;
width: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
}
.svc-sol-content h3 {
font-size: 13px;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 600;
margin: 0 0 15px;
line-height: 1.2;
}
.svc-sol-content p {
font-size: 13px;
font-family: "Archivo", sans-serif;
line-height: 1.6;
margin: 0;
opacity: 0.9;
}
.svc-cs-container {
flex-direction: column;
gap: 0;
padding: 0 20px 40px;
}
.svc-cs-left {
flex: none;
width: 100%;
}
.svc-cs-img-sticky {
margin-bottom: 20px;
position: relative !important;
top: 0 !important;
}
.svc-cs-img-sticky img {
height: 180px;
width: 100%;
border-radius: 0;
aspect-ratio: auto;
display: block;
margin-left: 0;
}
.svc-cs-params {
flex-wrap: nowrap;
gap: 0;
flex-direction: row;
overflow-x: auto;
padding: 0;
margin: 0;
width: 100%;
margin-bottom: 0;
scrollbar-width: none;
box-sizing: border-box;
border: none;
justify-content: center;
}
.hero-slide-bg-pc {
display: none;
}
.hero-slide-bg-mobile {
display: block;
}
.text-group {
width: auto;
height: auto;
}
.product-series-breadcrumb__list {
gap: 8px;
}
.banner-container {
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
}
.product-series-banner {
padding: 0 20px;
}
.intro-grid-section {
padding: 40px 20px 0;
}
.intro-grid-section::before {
top: 40px;
}
.site-logo .custom-logo--default {
display: none !important;
}
.site-logo .custom-logo--sticky {
display: block !important;
}
#full-width-search.search-overlay {
top: 0;
left: 0;
width: 100vw;
height: 100dvh;
background-color: rgba(0, 0, 0, 0.35);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
transform: none;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 260ms ease, visibility 0s linear 260ms;
z-index: 2147483002 !important;
}
#full-width-search.search-overlay.is-open {
opacity: 1;
visibility: visible;
pointer-events: auto;
transition: opacity 260ms ease;
}
body.is-search-overlay-open {
overflow: hidden;
}
body.is-search-overlay-open .product-series-breadcrumb {
display: none !important;
}
body.is-search-overlay-open .product-series-filters {
display: none !important;
}
#full-width-search .search-bar {
position: relative;
top: 133px;
left: 0;
right: 0;
bottom: 0;
width: 100%;
transform: translatey(100vh);
transition: transform 260ms ease;
border: 0;
box-sizing: border-box;
overflow: hidden;
flex-direction: column;
align-items: stretch;
gap: 0;
padding: 20px;
background: #FFF;
}
#full-width-search.search-overlay.is-open .search-bar {
transform: translatey(0);
}
#full-width-search .search-bar-logo {
display: none;
}
#full-width-search .search-back {
position: absolute;
top: 20px;
left: 20px;
width: 44px;
height: 44px;
padding: 0;
border: 0;
background: transparent;
color: #231815;
display: inline-flex;
align-items: center;
justify-content: center;
}
#full-width-search .search-close {
position: absolute;
top: 20px;
right: 20px;
width: 44px;
height: 44px;
padding: 0;
border: 0;
background: transparent;
color: #231815;
display: inline-flex;
align-items: center;
justify-content: center;
}
#full-width-search .search-form {
flex: 1 1 auto;
width: 100%;
display: flex;
flex-direction: column;
align-items: stretch;
gap: 20px;
padding-top: 64px;
box-sizing: border-box;
}
#full-width-search .search-input-box {
width: 100%;
border: 0;
padding: 0;
box-sizing: border-box;
flex: 1 1 auto;
min-height: 0;
align-items: stretch;
display: flex;
flex-direction: column;
justify-content: flex-end;
overflow: hidden;
position: relative;
background: #FFF;
}
#full-width-search .search-fake-placeholder {
position: absolute;
left: 16px;
right: 16px;
top: 14px;
bottom: 14px;
overflow: hidden;
display: flex;
align-items: flex-end;
white-space: pre-wrap;
word-break: break-word;
color: #000;
line-height: 28px;
pointer-events: auto;
user-select: none;
font-size: 13px;
}
#full-width-search .search-fake-placeholder.is-hidden {
display: none;
}
#full-width-search .search-input-box svg {
display: none;
}
#full-width-search .search-input-box>span {
display: none;
}
#full-width-search .search-field-mobile {
display: block;
width: 100%;
height: 100%;
min-height: 0;
color: #000;
line-height: 20px;
background: transparent;
border: 0;
outline: 0;
resize: none;
overflow: hidden;
font-size: 13px;
}
body.is-search-overlay-open #full-width-search .search-form {
min-height: 0;
height: 100%;
}
body.is-search-overlay-open #full-width-search .search-input-box {
flex: 0 0 auto;
min-height: 0;
align-items: stretch;
}
body.is-search-overlay-open #full-width-search .search-submit {
margin-top: 0;
}
#full-width-search .search-submit {
width: 100%;
height: 56px;
margin-left: 0;
background: #003B90;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
font-size: 13px;
}
.mobile-drawer {
top: 133px;
left: 0;
right: 0;
bottom: 0;
width: 100%;
transform: translatey(100vh);
transition: transform 260ms ease;
border: 1px solid #E4E4E4;
box-sizing: border-box;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
z-index: 999999 !important;
}
.mobile-drawer.is-active {
transform: translatey(0);
}
.product-series-breadcrumb__back svg {
width: 32px;
height: 32px;
}
.product-series-filters {
padding: 0 20px;
}
.page-template-page-product-series .product-series-filters {
position: static !important;
top: auto !important;
z-index: auto !important;
transition: none !important;
will-change: auto;
}
.page-template-page-product-series .product-series-filters.is-stuck.ps-hidden {
transform: translatey(calc(-100% - var(--xy-custom-header-h, 125px) - var(--xy-ps-breadcrumb-h, 109px))) !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: none !important;
}
.product-series-filters__cell--side-left,
.product-series-filters__cell--side-right {
display: none;
}
.product-series-filters__cell--main {
border-right: 1px solid #E4E4E4;
border-left: 1px solid #E4E4E4;
}
.product-series-filter--application,
.product-series-filter--search {
border: 0;
}
.page-template-page-product-series .product-series-filters.is-stuck {
padding: 0;
background: #FFF;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filters__grid {
grid-template-columns: 1fr;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filters__cell--main {
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filters__bar {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
padding: 0;
border-top: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter--type,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter-dropdown-wrap--application,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-search {
width: 100%;
min-width: 0;
padding: 0;
justify-content: center;
display: flex;
align-items: center;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter-dropdown-wrap--application,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-search {
border-left: 1px solid #E4E4E4;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter--type,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter--application,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-search {
padding-left: 0;
padding-right: 0;
height: 60px;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter-dropdown-wrap--application,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter-dropdown-wrap--type {
align-items: stretch;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter--application {
width: 100%;
height: 100%;
justify-content: center;
padding: 0;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter--type {
width: 100%;
height: 100%;
justify-content: center;
padding: 0;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-search {
justify-content: center;
padding: 0;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter__label,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-search__text {
display: none;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter--type svg:last-child,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter--application svg:last-child {
display: none;
}
body.is-product-series-application-open {
overflow: hidden;
}
body.is-product-series-application-open .page-template-page-product-series .product-series-filters {
will-change: auto !important;
transform: none !important;
top: 0 !important;
z-index: 2147483000 !important;
}
body.is-product-series-search-open {
overflow: hidden;
}
body.is-product-series-search-open .page-template-page-product-series .product-series-filters {
will-change: auto !important;
transform: none !important;
top: 0 !important;
z-index: 2147483000 !important;
}
body.is-product-series-search-open .site-header {
display: none !important;
}
body.is-product-series-search-open .product-series-breadcrumb {
display: none !important;
}
body.is-product-series-search-open .product-series-banner {
display: none !important;
}
body.is-product-series-application-open .product-series-banner {
display: none !important;
}
.page-template-page-product-series .product-series-filter-dropdown {
position: fixed;
inset: 0;
width: 100vw;
height: 100vh;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: none;
transition: opacity 0.2s ease, visibility 0.2s ease;
display: flex;
justify-content: flex-end;
align-items: flex-end;
z-index: 9999;
}
.page-template-page-product-series .product-series-filter-dropdown-wrap.is-open .product-series-filter-dropdown {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.page-template-page-product-series .product-series-filter-dropdown__panel {
width: 100%;
position: relative;
height: min(82vh, 720px);
max-height: calc(100vh - 40px);
background: #FFF;
border-top-left-radius: 0;
border-top-right-radius: 0;
overflow: hidden;
transform: translatex(100%);
transition: transform 0.28s ease;
display: flex;
flex-direction: column;
}
.page-template-page-product-series .product-series-filter-dropdown-wrap.is-open .product-series-filter-dropdown__panel {
transform: translatex(0);
}
.page-template-page-product-series .product-series-filter-dropdown__header {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 12px;
padding: 60px 20px 20px;
border-bottom: 1px solid #E4E4E4;
position: relative;
}
.page-template-page-product-series .product-series-filter-dropdown__icon {
display: block;
width: 24px;
height: 24px;
}
.page-template-page-product-series .product-series-filter-dropdown__title {
width: auto;
line-height: 1;
font-weight: 700;
color: #003B90;
font-size: 13px;
}
.page-template-page-product-series .product-series-filter-dropdown__close {
position: absolute;
right: 20px;
top: 30%;
transform: translatey(-50%);
}
.page-template-page-product-series .product-series-filter-dropdown__frame {
position: relative;
width: 100%;
height: auto;
min-height: 0;
left: 0;
top: auto;
padding: 20px;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
scrollbar-color: #003B90 transparent;
}
.page-template-page-product-series .product-series-filter-dropdown__frame::after {
content: "";
position: sticky;
left: 0;
right: 0;
bottom: 0;
display: block;
height: 90px;
margin-top: -90px;
background: linear-gradient(to top, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 100%);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
pointer-events: none;
z-index: 1;
}
.page-template-page-product-series .product-series-filter-dropdown__frame::-webkit-scrollbar {
width: 4px;
}
.page-template-page-product-series .product-series-filter-dropdown__frame::-webkit-scrollbar-track {
background: transparent;
}
.page-template-page-product-series .product-series-filter-dropdown__frame::-webkit-scrollbar-thumb {
background: #003B90;
min-height: 130px;
}
.page-template-page-product-series .product-series-filter-dropdown__footer {
flex: 0 0 auto;
padding: 20px;
background: #FFF;
}
.page-template-page-product-series .product-series-filter-dropdown__search-btn {
width: 100%;
height: 56px;
background: #003B90;
color: #FFF;
border: 0;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
line-height: 1;
cursor: pointer;
transition: background-color 0.2s ease;
font-size: 13px;
}
.page-template-page-product-series .product-series-filter-dropdown__search-btn:hover,
.page-template-page-product-series .product-series-filter-dropdown__search-btn:active {
background-color: #007DBF;
}
.page-template-page-product-series .product-series-filter-dropdown__row {
width: 100%;
height: auto;
box-sizing: border-box;
}
.page-template-page-product-series .product-series-filter-dropdown__item {
width: 100%;
justify-content: center;
padding: 18px 10px;
margin: 0;
position: relative;
}
.page-template-page-product-series .product-series-filter-dropdown__row.is-active .product-series-filter-dropdown__item::after {
border-color: #003B90;
}
.page-template-page-product-series .product-series-filter-dropdown__indicator {
display: none;
}
.product-series-products__divider {
display: none;
}
.product-series-products__card--placeholder {
display: none;
}
.product-series-products__row:last-of-type .product-series-products__card:last-child {
border-bottom: none;
}
.product-series-products__content {
gap: 6px;
flex: 0 0 auto;
padding: 0 20px 20px 20px;
}
.product-series-pagination__container {
padding-left: 20px;
padding-right: 20px;
padding: 30px 20px;
}
.product-series-contact__bg-img {
inset: auto;
left: 0;
top: 0;
width: 752px;
height: 271px;
max-width: none;
object-fit: cover;
}
.product-series-contact__btn {
width: 100%;
max-width: 310px;
height: 60px;
}
.banner-overlay {
background: linear-gradient(0deg, #1B2129 0%, rgba(27, 33, 41, 0) 100%);
}
.product-series-banner__btn span {
font-size: 13px;
}
.header-mobile-actions button {
pointer-events: auto !important;
position: relative;
z-index: 9999999;
}
.hero-container {
padding: 0;
}
.hero-floating-actions {
right: 20px;
bottom: 100px;
}
.floating-btn {
width: 40px;
height: 40px;
}
.hero-progress {
left: 20px;
right: 20px;
bottom: 30px;
}
.grid-3 {
display: flex;
overflow-x: auto;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
-ms-overflow-style: none;
scrollbar-width: none;
}
.grid-3::-webkit-scrollbar {
display: none;
}
.cell-visual {
padding: 40px 0;
}
.scrollbar-thumb {
width: 142px;
height: 100%;
background-color: #003B90;
position: absolute;
top: 0;
left: 0;
}
.new-section {
padding-left: 20px;
padding-right: 20px;
}
.new-section-mobile-image {
position: relative;
width: 100%;
height: 40vh;
overflow: hidden;
}
.new-section-mobile-image .new-section-image {
object-fit: cover;
height: 100%;
}
.play-button-overlay {
position: absolute;
bottom: 0;
left: 0;
width: 60px;
height: 60px;
background-color: rgba(255, 255, 255, 0.18);
border: 1px solid rgba(255, 255, 255, 0.5);
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.xy-home-video-dialog {
width: 100vw;
height: 100vh;
transform: none;
left: 0;
top: 0;
}
.xy-home-video-close {
left: 20px;
right: auto;
top: 48px;
}
.xy-home-video-header {
left: 92px;
top: 48px;
right: 20px;
}
.xy-home-video-player {
width: 100vw;
height: 100vh;
aspect-ratio: auto;
}
.new-section-mobile-text {
padding: 30px 0 0;
}
.decorative-bar {
height: 12px;
margin-bottom: 0;
}
.new-section-mobile .new-section__btn {
width: 100%;
justify-content: flex-start;
padding: 15px 20px;
border-radius: 0;
}
.capabilities-left {
flex: 1 1 auto;
max-width: 100%;
width: 100%;
}
.capabilities-right {
flex: 1 1 auto;
max-width: 100%;
border: 0;
padding: 0;
}
.capabilities-desc {
max-width: 100%;
}
.capabilities-grid {
grid-template-columns: repeat(2, 1fr);
}
.cap-item:nth-child(3n + 2),
.cap-item:nth-child(3n + 3) {
border-left: none;
}
.cap-item:nth-child(2n) {
border-left: none;
}
.capabilities-grid .cap-item::before {
left: 12px;
right: 12px;
display: block;
top: auto;
bottom: 0;
height: 1px;
background: #E4E4E4;
}
.capabilities-grid .cap-item::after {
top: 12px;
bottom: 12px;
display: none;
}
.capabilities-grid .cap-item:nth-child(-n + 2)::before {
display: none;
}
.capabilities-grid .cap-item:nth-child(2n + 1)::after {
display: block;
left: auto;
right: 0;
top: 12px;
bottom: 12px;
width: 1px;
background: #E4E4E4;
}
.cap-label {
width: 107px;
}
.cap-item--highlight {
text-align: left;
}
.cap-highlight-desc {
margin: 0;
max-width: 100%;
}
.cap-item.is-active {
height: auto;
}
.cap-item.is-active .cap-number,
.cap-item.is-active .cap-unit,
.cap-item.is-active .cap-label {
color: #003B90;
}
.cap-item.is-active .cap-highlight-desc {
display: block;
line-height: 16px;
padding: 10px 0 0;
font-size: 13px;
}
.intro-grid__link svg {
position: absolute;
top: 10px;
right: 10px;
z-index: 2;
width: 32px;
height: 32px;
}
.capabilities-grid .cap-item:nth-last-child(-n + 2)::before {
display: none;
}
.capabilities-grid .cap-item:nth-child(1)::before,
.capabilities-grid .cap-item:nth-child(2)::before,
.capabilities-grid .cap-item:nth-child(3)::before {
display: block;
}
.story-container {
flex-direction: column;
align-items: flex-start;
gap: 24px;
padding: 40px 40px;
height: 100%;
}
.story-content {
flex: 1 1 auto;
max-width: 100%;
}
.story-visual {
flex: 1 1 auto;
max-width: 100%;
width: 100%;
justify-content: flex-end;
}
.story-image {
width: 248px;
height: 214px;
max-width: none;
}
.cards-grid {
display: flex;
overflow-x: auto;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
scrollbar-width: none;
}
.cards-grid::-webkit-scrollbar {
display: none;
}
.cards-item {
flex: 0 0 calc(100% - 80px);
padding: 20px 20px 0;
scroll-snap-align: start;
}
.cards-item+.cards-item {
border-left: 1px solid #E4E4E4;
}
.cards-date {
padding-left: 0;
}
.cards-media {
width: 260px;
height: 260px;
}
.cards-footer {
margin-left: -20px;
margin-right: -20px;
}
.cards-footer .cards-link {
padding: 22.5px 0 22.5px 20px;
}
.cards-section {
padding: 0 20px;
}
.faq-bar {
margin-left: calc(-20px - 2px);
height: 12px;
}
.site-footer {
padding-top: 0;
padding-bottom: 160px;
padding-left: 20px;
padding-right: 20px;
}
.footer-col--company {
grid-area: company;
}
.footer-col--services {
grid-area: services;
}
.footer-col--products {
grid-area: products;
grid-column: 1/-1;
border-left: none;
padding-left: 0;
}
.footer-social--desktop {
display: none;
}
.footer-social--mobile {
display: flex;
}
.footer-social {
justify-content: space-between;
padding: 20px;
}
.footer-subscribe {
padding: 0;
}
.footer-subscribe-btn {
border-top: 1px solid rgba(255, 255, 255, 0.25);
width: 100%;
max-width: 100%;
gap: 20px;
padding: 18px 0;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
font-size: 13px;
}
.footer-heading {
font-family: "Archivo", sans-serif;
font-weight: 400;
padding: 0;
font-size: 13px;
}
.footer-link {
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 600;
padding: 0;
font-size: 13px;
}
.footer-social-link {
width: 30px;
height: 30px;
}
.footer-contact-title {
font-family: "Archivo", sans-serif;
font-weight: 600;
line-height: 20px;
font-size: 13px;
}
.footer-contact-text {
font-family: "Archivo", sans-serif;
font-weight: 300;
line-height: 20px;
padding: 0;
font-size: 13px;
}
.cta-section {
min-height: 24vh;
}
.faq-container {
padding-top: 40px;
}
.faq-section {
padding-left: 20px;
padding-right: 20px;
}
.faq-Rectangle {
height: 44px;
background: rgba(12, 47, 98, 0.05);
}
.footer-col {
width: 100%;
gap: 44px;
}
.footer-contact {
padding: 20px;
}
.blog-pagination {
padding: 0 20px;
}
.blog-hero__overlay,
.blog-hero__hover-panel {
padding: 20px;
}
.blog-hero__date,
.news-header__subtitle {
font-size: 13px;
}
.blog-hero__desc,
.blog-hero__hover-desc {
font-size: 13px;
}
.blog-subscribe__input {
width: 100%;
padding: 20px;
font-size: 13px;
}
.blog-subscribe__btn {
width: 100%;
justify-content: center;
padding: 20px;
font-size: 13px;
}
.blog-pagination__link svg {
width: 20px;
height: 20px;
}
.blog-content,
.blog-subscribe,
.blog-hero {
padding: 0 20px;
}
.blog-share a {
width: 24px;
height: 24px;
}
.other-blogs-section {
padding-left: 20px;
padding: 50px 0 0 0;
padding-right: 0 !important;
}
.other-blogs-header {
padding: 20px;
border-left: none;
}
.other-blogs-header::before {
display: block;
left: 0;
width: 3px;
height: 12px;
}
.other-blogs-title {
font-size: 13px;
}
.other-blogs-title-text {
font-size: 13px;
}
.other-blogs-wrapper {
border-left: none;
border-right: none;
}
.xy-local-faq-section {
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
border-left: none;
border-right: none;
}
.xy-local-faq-section::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 20px;
right: 20px;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
pointer-events: none;
}
.xy-contact-submit-module {
margin: 40px 0;
padding: 0 20px;
}
.xy-local-faq-header {
padding: 40px 0 0;
}
.xy-local-faq-title {
font-size: 13px;
}
.xy-local-faq-bottom-block {
height: 44px;
}
.xy-local-faq-list {
padding: 0;
}
.xy-contact-blogs-section {
padding: 50px 0 0 0;
}
.xy-contact-blogs-header {
padding: 0 20px 20px;
border-left: none;
}
.xy-contact-blogs-header::before {
display: none;
}
.xy-contact-blogs-title {
font-size: 13px;
}
.xy-contact-blogs-wrapper {
border-left: none;
border-right: none;
}
.xy-contact-blogs-title-text {
font-size: 13px;
}
.xy-contact-blogs-scroll-container {
margin-top: 30px;
margin-bottom: 50px;
}
.xy-events-intro {
display: block;
padding: 0 20px;
}
.xy-events-intro__box {
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
padding: 40px 20px 20px;
}
.xy-events-intro__title {
margin: 0 0 10px;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 700;
line-height: 1.1;
color: #231815;
font-size: 13px;
}
.xy-events-intro__meta {
display: flex;
align-items: flex-start;
gap: 8px;
margin-bottom: 8px;
font-family: "Archivo", sans-serif;
font-weight: 400;
line-height: 1.35;
color: #231815;
font-size: 13px;
}
.xy-events-intro__meta svg {
flex-shrink: 0;
margin-top: 1px;
}
.xy-events-intro__desc {
margin: 0;
font-family: "Archivo", sans-serif;
font-weight: 300;
line-height: 1.45;
color: #231815;
font-size: 13px;
}
.xy-events-intro__footer {
display: flex;
align-items: stretch;
justify-content: space-between;
margin-top: 14px;
}
.xy-events-intro__socials {
display: flex;
align-items: center;
gap: 14px;
padding: 12px 0;
}
.xy-events-intro__socials a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
text-decoration: none;
}
.xy-events-hero {
min-height: 560px;
height: calc(var(--xy-visual-vh, 100vh) * 0.65);
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
background: #FFF;
border-top: 1px solid rgba(228, 228, 228, 0.5);
}
.xy-events-hero__slider {
position: absolute;
inset: 0 20px;
}
.xy-events-hero__desc {
font-size: 13px;
}
.xy-explore-hero__desc {
font-size: 13px;
}
.xy-explore-hero__btn {
font-size: 13px;
}
.news-subscribe-input {
font-size: 13px;
}
.news-header__inner {
padding: 40px 20px 20px;
}
.news-detail-main>section {
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
border-left: 1px solid #E5E5E5;
border-right: 1px solid #E5E5E5;
}
.news-header__date {
margin-bottom: 20px;
font-size: 13px;
}
.news-header__desc {
font-size: 13px;
}
.news-footer-action__inner {
flex-direction: column;
align-items: stretch;
gap: 0;
}
.news-footer-action__left {
flex-direction: column;
align-items: center;
width: 100%;
}
.news-footer-action__divider {
display: block;
width: 100%;
height: 1px;
background: #E5E5E5;
}
.news-top-pagination__link {
font-size: 13px;
}
.news-scroll-container {
margin-top: 30px;
margin-bottom: 50px;
}
.news-mobile-divider {
display: block;
width: 100%;
height: 1px;
background: #E5E5E5;
}
.news-share {
padding: 20px 0;
}
.page-template-page-products-detail-mro #modal3D.mro3d-modal {
padding: 0;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.01);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
display: none;
}
.page-template-page-products-detail-mro #modal3D.mro3d-modal.active {
display: block;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__card {
width: 100%;
height: auto;
position: absolute;
top: 133px;
bottom: 0;
left: 0;
right: 0;
background: #fff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
aspect-ratio: auto;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__viewer {
height: 100%;
justify-content: center;
align-items: center;
padding: 0 20px;
box-sizing: border-box;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__img {
width: 88%;
height: auto;
max-height: none;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__hint {
position: absolute;
top: 80px;
left: 0;
right: 0;
bottom: auto;
text-align: center;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__close {
top: 20px;
right: 20px;
background: transparent;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__nav {
position: absolute;
bottom: 40px;
background: transparent;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__nav--prev {
left: 20px;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__nav--next {
right: 20px;
}
.related-blogs__heading {
font-size: 13px;
}
.related-blogs-section .section-container {
padding-left: 20px;
padding-right: 0;
}
.related-blogs__top-divider {
margin-bottom: 30px;
width: calc(100% - 20px);
}
.related-blogs__content-wrapper {
padding-left: 0;
}
.related-blogs__mid-divider {
width: 100%;
}
.related-blogs__grid::-webkit-scrollbar {
display: none;
}
.scrollbar-track {
width: 100%;
height: 4px;
background-color: #F3F5F7;
position: relative;
}
.related-blogs__card {
border-right: 1px solid #E4E4E4;
border-left: none;
padding: 10px 20px 0;
flex: 0 0 85%;
scroll-snap-align: start;
}
.related-blogs__card:last-child {
border-right: 1px solid #E4E4E4;
}
.related-blogs__grid::after {
content: "";
display: block;
flex: 0 0 20px;
width: 20px;
}
.related-blogs__card:nth-child(2),
.related-blogs__card:nth-child(3) {
display: flex;
}
.related-blogs__date {
padding: 0 0 20px 0;
font-size: 13px;
}
.related-blogs__content {
padding: 20px 0;
color: #231815;
line-height: 24px;
font-size: 13px;
}
.related-blogs__desc {
font-size: 13px;
}
.related-blogs__footer {
margin-left: -20px;
margin-right: -20px;
}
.related-blogs__link {
padding: 20px;
font-size: 13px;
}
.xy-chat-window {
position: fixed;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 100vh;
border-radius: 0;
}
.xy-chat-body {
flex: 1;
height: auto;
}
.xy-chat-trigger {
width: 40px;
height: 40px;
}
.v25-item-text {
line-height: 30px;
font-size: 13px;
padding: 20px 10px;
}
.v25-item-desc {
line-height: 24px;
font-size: 13px;
}
.v26-supply-chain__text {
line-height: 24px;
font-size: 13px;
}
.page-template-page-products-detail-mro .product-title {
font-size: 16px;
}
.page-template-page-products-detail-mro .label {
font-size: 13px;
}
.page-template-page-products-detail-mro .size-btn {
font-size: 14px;
width: 90px;
}
.page-template-page-products-detail-mro .contact-btn {
height: 60px;
font-size: 16px;
}
.v21-news-item {
flex-direction: column-reverse;
gap: 20px;
height: 100%;
}
.v21-text-content {
padding: 20px;
}
.v21-image-box {
width: 100%;
height: 200px;
}
.v21-item-title {
font-size: 16px;
}
.xy-about-driven-image img {
padding: 0 20px;
height: 250px;
}
.xy-about-driven-item p {
line-height: 28px;
font-size: 13px;
}
.xy-about-driven-item svg {
width: 8px;
height: 8px;
}
.xy-about-driven-bottom-container {
flex-direction: column;
gap: 20px;
padding: 20px 0;
align-items: center;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
}
.xy-about-driven-card {
width: 350px;
height: 282px;
position: relative;
flex: none;
}
.xy-about-driven-card img {
width: 100%;
height: 288px;
position: absolute;
left: 50%;
top: -6px;
transform: translatex(-50%);
object-fit: cover;
}
.xy-about-driven-card-mask {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 20px;
gap: 12px;
position: absolute;
width: 350px;
height: auto;
left: 50%;
bottom: 0;
transform: translatex(-50%);
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
justify-content: flex-end;
}
.xy-about-driven-card-mask h3 {
font-family: "Zalando Sans Expanded";
font-style: normal;
font-weight: 400;
line-height: 19px;
color: #EDEDED;
margin: 0;
width: 310px;
font-size: 16px;
}
.xy-about-driven-card-mask p {
font-family: "Archivo";
font-style: normal;
font-weight: 400;
line-height: 16px;
color: #EDEDED;
margin: 0;
width: 310px;
font-size: 14px;
}
.xy-about-driven-card+.xy-about-driven-card {
border-left: none;
}
.xy-about-overview-link svg {
top: 10px;
right: 10px;
width: 32px;
height: 32px;
}
.xy-about-overview-desc {
line-height: 16px;
font-size: 13px;
}
.xy-about-overview-grid {
display: flex;
overflow-x: auto;
-ms-overflow-style: none;
scrollbar-width: none;
border-left: none;
border-right: none;
}
.xy-about-overview-grid::-webkit-scrollbar {
display: none;
}
.xy-about-overview-cell+.xy-about-overview-cell {
border-left: 1px solid #E4E4E4;
}
.xy-about-overview-cell-title,
.xy-about-history-title {
font-size: 16px;
}
.xy-about-overview-scrollbar-container {
display: block;
margin-top: -1px;
}
.xy-about-banner-bg {
position: absolute;
width: 711px;
height: 461px;
left: calc(50% - 711px / 2 + 0.5px);
}
.xy-about-banner-subtitle {
font-family: "Archivo";
font-style: normal;
font-weight: 400;
line-height: 36px;
color: #EDEDED;
margin: 0;
font-size: 16px;
}
.xy-about-banner-desc {
font-family: "Archivo";
font-style: normal;
font-weight: 100;
line-height: 20px;
color: #EDEDED;
margin: 0;
width: 350px;
font-size: 13px;
}
.xy-about-foot-container {
padding: 0;
}
.xy-about-foot-title {
font-size: 16px;
}
.xy-about-foot-title-line {
height: 12px;
}
.xy-about-foot-header {
margin-bottom: 170px;
}
.xy-about-foot-header h3 {
line-height: 20px;
font-size: 16px;
}
.xy-about-foot-header p {
line-height: 16px;
font-size: 13px;
}
.xy-about-foot-stats::-webkit-scrollbar {
display: none;
}
.xy-about-achieve-grid {
flex-direction: row;
flex-wrap: wrap;
gap: 0;
border-left: none;
border-right: none;
}
.xy-about-achieve-box:nth-child(even) {
border-right: none;
}
.xy-about-achieve-box-img img {
max-width: 143px;
max-height: 143px;
}
.xy-about-achieve-grid>div:nth-child(1) {
order: 2;
}
.xy-about-achieve-grid>div:nth-child(2) {
order: 1;
}
.xy-about-achieve-grid>div:nth-child(3) {
order: 4;
}
.xy-about-achieve-grid>div:nth-child(4) {
order: 3;
}
.xy-about-achieve-grid>div:nth-child(6) {
order: 6;
}
.xy-about-achieve-grid>div:nth-child(5) {
order: 5;
}
.xy-about-achieve-grid>div:nth-child(8) {
order: 8;
}
.xy-about-achieve-grid>div:nth-child(7) {
order: 7;
}
.xy-about-overview-left,
.xy-about-overview-right {
padding: 0;
}
.xy-contact-hero {
padding: 0 20px;
}
.xy-contact-header-module,
.xy-contact-info-module {
padding: 0 20px;
}
.xy-contact-detail-item,
.xy-contact-detail-item {
font-size: 13px;
}
.xy-social-link {
width: 20px;
height: 20px;
}
.xy-social-link svg {
width: 20px;
height: 20px;
}
.xy-contact-icon svg {
width: 16px;
height: 16px;
}
.xy-contact-container,
.xy-contact-container {
padding: 20px;
}
.xy-form-group-full {
grid-column: span 1;
}
.xy-contact-form-desc {
margin-bottom: 20px;
font-size: 16px;
}
.v21-news-section {
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
.v21-date {
font-size: 13px;
}
.v21-news-container {
border-left: 1px solid rgba(228, 228, 228, 0.5);
border-right: 1px solid rgba(228, 228, 228, 0.5);
}
.article-selector__item--empty {
display: none;
}
.article-selector__text {
font-size: 14px;
}
.article-selector__icon {
width: 24px;
height: 24px;
}
.v21-item-desc {
width: 100%;
font-size: 13px;
}
.hero-banner-divider {
display: block;
}
.hero-banner-module .hero-breadcrumb {
margin: 0 0 14px;
}
.hero-banner-module .hero-subtitle {
font-size: 13px;
}
.perf-display {
flex-direction: column;
}
.mobile-carousel-controls {
display: flex;
}
.perf-content-desc {
line-height: 20px;
font-size: 13px;
}
.large-card,
.long-card,
.small-card {
grid-column: span 1;
height: 266px;
width: 100%;
}
.item-overlay h3 {
font-size: 16px;
}
.item-overlay {
padding: 20px 40px;
}
.solutions-hero-banner-bottom-bar {
height: 44px;
}
.solutions-hero__title-row {
gap: 10px;
}
.solutions-hero__desc {
line-height: 18px;
font-size: 13px;
}
.tabs-accent {
height: 12px;
margin-right: 16px;
}
.tabs-title {
line-height: 24px;
font-size: 16px;
}
.tabs-title svg {
width: 28px;
height: 28px;
}
.right-products.right-products--count-1,
.right-products.right-products--count-2,
.right-products.right-products--count-3 {
grid-template-columns: 1fr;
grid-template-rows: auto;
width: 100%;
}
.right-products.right-products--count-2 .prod-img {
height: 242px;
}
.header-row {
margin-bottom: 20px;
min-height: 24px;
padding-left: 12px;
}
.grid-container {
grid-template-columns: 1fr;
}
.right-v-line {
top: -40px;
}
.item-right-line {
display: none;
}
.item-bottom-line {
display: block;
}
.icon-box {
width: 40px;
height: 40px;
margin-bottom: 15px;
}
.item-title {
line-height: 16px;
margin: 0 0 10px 0;
font-size: 14px;
}
.list-entry-v3,
.visual-anchor-v3 {
padding: 20px;
}
.customization-v3-frame {
overflow: hidden;
}
.customization-v3-container {
max-width: none;
width: 100%;
}
.visual-anchor-v3 {
width: 100%;
flex: 0 1 auto;
}
.visual-anchor-v3 img {
width: 100%;
margin: 0 auto;
}
.feature-stack-v3 {
width: 100%;
gap: 0;
}
.icon-bracket-v3 {
width: 24px;
height: 24px;
}
.icon-bracket-v3 svg {
width: 24px;
height: 24px;
}
.info-bundle-v3 {
flex: 1;
gap: 8px;
}
.v24-header {
padding: 20px 20px;
--v24-inner: 20px;
}
.v24-body {
padding: 0 20px 40px;
}
.v24-steps-wrap {
max-width: none;
}
.v24-steps-list {
gap: 26px;
}
.v24-step-item {
gap: 16px;
}
.v24-icon-circle {
width: 40px;
height: 40px;
}
.v24-icon-circle svg {
width: 40px;
height: 40px;
}
.v24-step-title {
margin-bottom: 8px;
font-size: 14px;
}
.v24-step-desc {
font-size: 13px;
}
.v26-supply-chain__body {
flex-direction: column;
}
.v26-supply-chain__nav,
.v26-supply-chain__detail,
.v26-supply-chain__media,
.v26-supply-chain__content,
.v26-supply-chain__detail-panel {
width: 100%;
border-right: none;
}
.v26-supply-chain__detail {
order: 1;
}
.v26-supply-chain__nav-item:last-child {
border-bottom: none;
}
.v26-supply-chain__nav-item.is-active::after {
display: none;
}
.v26-supply-chain__detail-panel {
flex-direction: column;
}
.sustainability-roadmap__year {
padding-right: 0;
}
.sustainability-roadmap__media-col {
width: 100%;
flex-direction: row;
justify-content: space-between;
gap: 10px;
}
.sustainability-roadmap__media {
padding-bottom: 0;
}
.sustainability-roadmap__timeline-col::before {
margin-left: 0;
}
.wcu-rnd-sec .wcu-container,
.wcu-achieve-sec .wcu-container,
.wcu-qm-sec .wcu-container {
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
}
.wcu-qm-item {
gap: 20px;
}
.wcu-qm-icon {
width: 36px;
height: 36px;
margin-left: 0;
}
.wcu-group-sec {
padding: 0 20px;
}
.wcu-subtitle-box {
padding: 20px 20px 0;
}
.wcu-title-box {
padding: 0 20px;
}
.wcu-dot svg {
width: 8px;
height: 8px;
}
.wcu-group-right {
display: block;
padding: 0 20px 20px;
}
.wcu-list {
margin: 0;
}
.wcu-list li svg {
width: 34px;
height: 34px;
margin-right: 0;
}
.wcu-rnd-header {
padding: 20px;
}
.wcu-rnd-title {
font-size: 16px;
}
.wcu-rnd-title::before {
height: 12px;
}
.wcu-rnd-grid {
flex-direction: column;
padding: 20px;
}
.wcu-rnd-img-wrapper {
width: 100%;
height: auto;
aspect-ratio: 1/1;
}
.wcu-rnd-img-deco-tl,
.wcu-rnd-img-deco-br {
width: 40px;
height: 40px;
}
.wcu-achieve-header {
padding: 20px 20px 0 20px;
}
.wcu-achieve-title {
font-size: 18px;
}
.xy-wcu-banner {
height: 461px;
background: #F3F5F7;
padding: 0;
}
.xy-wcu-banner-bg {
position: absolute;
width: 711px;
height: 461px;
left: calc(50% - 711px / 2 + 0.5px);
}
.xy-wcu-banner-mask {
display: block;
background: linear-gradient(0deg, rgba(27, 33, 41, 0.6) 2.84%, rgba(27, 33, 41, 0) 98.08%);
}
.xy-wcu-banner-desc {
font-family: "Archivo";
font-style: normal;
font-weight: 100;
line-height: 20px;
color: #EDEDED;
margin: 0;
width: 350px;
font-size: 13px;
}
.modular-solutions-exclusive-v5 .title-row-v5 {
margin-bottom: 0;
}
.modular-solutions-exclusive-v5 .indicator-v5 {
height: 12px;
}
.modular-solutions-exclusive-v5 .main-label-v5 {
font-size: 16px;
}
.modular-solutions-exclusive-v5 .flex-stage-v5::-webkit-scrollbar {
display: none;
}
.modular-solutions-exclusive-v5 .cell-v5,
.modular-solutions-exclusive-v5 .cell-v5:first-child,
.modular-solutions-exclusive-v5 .flex-stage-v5:hover .cell-v5:first-child:not(:hover) {
width: calc(100vw - 40px);
height: 100%;
flex: 0 0 calc(100vw - 40px);
margin: 0;
scroll-snap-align: start;
}
.modular-solutions-exclusive-v5 .mask-v5 {
padding: 20px;
justify-content: flex-end;
background: linear-gradient(to top, rgba(0, 30, 60, 0.9) 0%, rgba(0, 30, 60, 0) 60%);
}
.modular-solutions-exclusive-v5 .info-v5 {
opacity: 1;
transform: translatey(0);
max-width: 100%;
}
.modular-solutions-exclusive-v5 .heading-v5 {
white-space: normal;
margin-bottom: 10px;
font-size: 16px;
}
.modular-solutions-exclusive-v5 .para-v5 {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 14px;
}
.modular-solutions-exclusive-v5 .action-v5 {
display: none;
}
.ms-slider-nav-v5 {
display: flex !important;
justify-content: space-between;
align-items: center;
padding: 20px;
border-right: 1px solid #E4E4E4;
border-left: 1px solid #E4E4E4;
}
.ms-slider-arrow-v5 {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.ms-slider-arrow-v5 svg {
width: 24px;
height: 24px;
stroke: #231815;
}
.wcu-rnd-sec,
.wcu-achieve-sec,
.wcu-qm-sec {
padding: 0 20px;
}
.mobile-drawer-overlay {
z-index: 999998 !important;
}
.v21-news-pagination__container {
padding-left: 20px;
padding-right: 20px;
}
.v21-news-pagination {
height: 100px;
}
.v21-news-pagination__inner {
height: 100px;
gap: 30px;
}
.v21-news-pagination__numbers {
gap: 30px;
}
.v21-news-pagination__number,
.v21-news-pagination__dots {
line-height: 22px;
font-size: 13px;
}
.article-selector__dropdown {
position: fixed;
inset: 0;
width: 100vw;
height: 100vh;
left: auto;
right: auto;
top: 0;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: none;
transition: opacity 0.2s ease, visibility 0.2s ease;
display: flex;
justify-content: flex-end;
align-items: flex-end;
z-index: 9999;
box-shadow: none;
border-top: none;
}
.article-selector__item.is-open .article-selector__dropdown {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: none;
}
.article-selector-dropdown__panel {
width: 100%;
position: relative;
height: min(82vh, 720px);
max-height: calc(100vh - 40px);
background: #FFF;
overflow: hidden;
transform: translatey(100%);
transition: transform 0.28s ease;
display: flex;
flex-direction: column;
}
.article-selector__item.is-open .article-selector__dropdown .article-selector-dropdown__panel {
transform: translatey(0);
}
.article-selector-dropdown__header {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: space-between;
padding: 24px 20px;
border-bottom: 1px solid #E4E4E4;
}
.article-selector-dropdown__frame {
flex-grow: 1;
display: flex;
flex-direction: column;
padding: 20px;
gap: 20px;
max-height: none;
}
.article-selector-dropdown__footer {
flex-shrink: 0;
padding: 20px;
display: block;
}
.article-selector-dropdown__indicator {
width: 100px;
height: 4px;
background: #E4E4E4;
border-radius: 2px;
margin: 0 auto 10px auto;
display: block;
}
.article-selector-wrapper {
padding-inline: 16px;
}
.article-selector {
flex-direction: column;
height: auto;
padding: 0;
gap: 0;
border-left: 1px solid rgba(228, 228, 228, 0.5);
border-right: 1px solid rgba(228, 228, 228, 0.5);
}
.article-selector__item {
width: 100%;
padding: 20px;
height: 52px;
min-height: 52px;
}
.article-selector__trigger {
justify-content: flex-start;
}
.article-selector__chevron {
margin-left: auto;
}
.article-selector__item:not(:last-child)::after {
display: none;
}
body.is-article-selector-open {
overflow: hidden;
height: 100vh;
}
.faq-group {
margin-bottom: 20px;
}
.faq-group-title {
margin-bottom: 20px;
}
.faq-accordion-list {
padding-right: 0;
}
.faq-accordion-list::after {
display: none;
}
.faq-hero-content {
padding: 40px 20px;
}
.faq-tabs {
gap: 30px;
overflow-x: auto;
justify-content: flex-start;
padding-bottom: 0;
}
.faq-tab {
white-space: nowrap;
padding: 15px 0;
}
.faq-hero-title {
font-size: 22px;
}
.xy-home-video-controls {
left: 0;
right: 0;
bottom: 0;
top: 0;
gap: 8px;
}
.xy-home-video-control-btn#xyHomeVideoPlayToggle {
width: 32px;
height: 32px;
position: absolute;
left: 20px;
bottom: 20px;
}
.xy-home-video-control-btn svg {
width: 32px;
height: 32px;
}
.xy-home-video-progress {
display: none;
}
.xy-home-video-volume-wrap {
position: absolute;
right: 8px;
top: 50%;
width: 133px;
transform: rotate(-90deg) translatey(0);
transform-origin: right top;
z-index: 2;
}
.xy-home-video-control-btn#xyHomeVideoMute {
display: none;
}
.xy-home-video-volume {
width: 133px;
background: #B5B5B6;
}
.xy-home-video-control-time,
.xy-home-video-time-sep {
line-height: 19px;
min-width: 0;
font-size: 13px;
}
#xyHomeVideoDuration {
font-weight: 330;
color: #CDD0D2;
}
.xy-home-video-time-sep {
font-weight: 330;
}
.xy-home-video-time-badge {
position: absolute;
left: 50%;
bottom: 20px;
transform: translatex(-50%);
display: inline-flex;
align-items: center;
gap: 10px;
padding: 10px 20px;
background: rgba(255, 255, 255, 0.12);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
z-index: 3;
}
.xy-home-video-time-current,
.xy-home-video-time-duration {
display: none;
}
.xy-home-video-fullscreen {
display: inline-flex;
position: absolute;
right: 20px;
bottom: 20px;
width: 32px;
height: 32px;
}
.v21-news-pagination__line {
display: none;
}
.xy-contact-details {
flex: 0 0 auto;
width: 100%;
height: auto;
min-height: 0;
justify-content: flex-start;
gap: 16px;
}
.xy-contact-map-wrap {
flex: 0 0 auto;
width: 100%;
min-width: 0;
height: 200px;
max-height: 200px;
}
.hero-banner-module .xy-elevators-hero-subtitle {
font-size: 13px;
}
.xy-elevators-section__head,
.xy-elevators-feature__head {
padding: 32px 20px;
}
.xy-elevators-section__accent,
.xy-elevators-feature__accent {
height: 12px;
}
.xy-elevators-section__title,
.xy-elevators-feature__title {
padding-left: 0;
line-height: 1.18;
font-size: 14px;
}
.xy-elevators-hero__desc {
margin-bottom: 14px;
font-size: 13px;
}
.xy-elevators-hero__btn {
font-size: 13px;
}
.xy-elevators-mod3b__info {
padding: 22px 14px 18px;
}
.xy-elevators-mod3b__value {
font-size: 20px;
}
.xy-elevators-mod3b__unit {
font-size: 13px;
}
.xy-elevators-mod3b__label {
font-size: 13px;
}
.xy-elevators-mod3b__desc {
max-width: 100%;
font-size: 13px;
}
.xy-elevators-mod3__tile--media {
aspect-ratio: 1/1;
}
.xy-elevators-mod3__label {
font-size: 13px;
}
.xy-elevators-feature__right {
padding: 20px;
}
.xy-elevators-feature__gallery {
grid-template-columns: 1fr;
}
.xy-elevators-card__body {
padding: 12px;
}
.xy-elevators-card__name {
font-size: 13px;
}
.xy-elevators-card__meta {
font-size: 13px;
}
.xy-elevators-cta__text {
padding: 20px 16px;
}
.xy-elevators-cta__text h3 {
font-size: 13px;
}
.xy-elevators-cta__text p {
font-size: 13px;
}
.why-xingyi-module .section-container::before,
.why-xingyi-module .section-container::after {
content: "";
position: absolute;
bottom: 0;
width: 1px;
background-color: #E4E4E4;
display: block !important;
z-index: 1;
}
.why-xingyi-module {
display: block;
}
.why-xingyi-module::before,
.why-xingyi-module::after {
display: none !important;
}
.feature-item {
padding: 0 20px;
border-right: none;
}
.features-grid .feature-item:last-child {
border-bottom: none;
}
.feature-title {
min-height: auto;
font-weight: 700;
margin: 0;
padding: 0 40px;
line-height: 20px;
font-size: 13px;
}
.benefits-split-section .section-container::before,
.benefits-split-section .section-container::after {
content: "";
position: absolute;
bottom: 0;
width: 1px;
background-color: #E4E4E4;
display: block !important;
z-index: 1;
}
.benefits-split-section {
display: block;
}
.benefits-split-section::before,
.benefits-split-section::after {
display: none !important;
}
.benefits-split-section .section-title-wrap {
padding: 24px 0;
}
.split-text ul {
padding: 15px;
}
.split-img {
padding: 20px;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__grid {
display: grid;
grid-template-columns: 20px 1fr 20px;
grid-template-rows: auto auto;
position: relative;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__line-v {
display: block;
width: 1px;
background: #E4E4E4;
grid-row: 1/3;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__line-v--left {
grid-column: 1;
justify-self: end;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__line-v--right {
grid-column: 3;
justify-self: start;
grid-row: 2/3;
right: 0;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__line-h {
display: block !important;
height: 1px;
background: #E4E4E4;
grid-column: 1/-1;
grid-row: 1;
align-self: end;
justify-self: stretch;
width: 100%;
position: relative;
z-index: 3;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__grid .accent-line {
display: block;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__grid>.accent-line {
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: start !important;
align-self: center !important;
transform: translatex(-2px) !important;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__grid .section-header {
grid-column: 2;
grid-row: 1;
padding: 24px 20px 24px;
width: 100%;
box-sizing: border-box;
border-bottom: 1px solid #E4E4E4;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__grid .traits-grid {
grid-column: 2;
grid-row: 2;
grid-template-columns: 1fr;
border-top: none;
}
.page-template-page-products-detail-mro .product-parameters .why-choose-us__grid {
display: grid;
grid-template-columns: 20px 1fr 20px;
grid-template-rows: auto auto;
position: relative;
}
.page-template-page-products-detail-mro .product-parameters .why-choose-us__line-v {
display: block;
width: 1px;
background: #E4E4E4;
grid-row: 1/4;
}
.page-template-page-products-detail-mro .product-parameters .why-choose-us__line-v--left {
grid-column: 1;
justify-self: end;
}
.page-template-page-products-detail-mro .product-parameters .why-choose-us__line-v--right {
grid-column: 3;
justify-self: start;
grid-row: 2/4;
}
.page-template-page-products-detail-mro .product-parameters .why-choose-us__line-h {
display: block !important;
height: 1px;
background: #E4E4E4;
grid-column: 1/-1;
grid-row: 1;
align-self: end;
justify-self: stretch;
width: 100%;
position: relative;
z-index: 3;
}
.page-template-page-products-detail-mro .product-parameters .accent-line {
display: block;
}
.page-template-page-products-detail-mro .product-parameters .section-header {
grid-column: 2;
grid-row: 1;
padding: 24px 20px 24px;
border-bottom: 1px solid #E4E4E4;
}
.page-template-page-products-detail-mro .product-parameters .why-choose-us__grid>.accent-line {
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: start !important;
align-self: center !important;
transform: translatex(-2px) !important;
}
.page-template-page-products-detail-mro .product-parameters__scrollbar {
display: block;
grid-column: 2;
grid-row: 3;
margin-left: 0;
margin-right: 0;
width: 100%;
height: 0;
position: sticky;
left: 0;
bottom: 0;
z-index: 4;
line-height: 0;
}
.page-template-page-products-detail-mro .product-parameters__grid {
grid-column: 2/3 !important;
grid-row: 2/3 !important;
padding: 0;
margin-left: 0;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
scrollbar-color: #003B90 #E4E4E4;
}
.page-template-page-products-detail-mro .product-parameters__grid::-webkit-scrollbar {
height: 0;
}
.page-template-page-products-detail-mro .product-parameters__grid::-webkit-scrollbar-track {
background: #E4E4E4;
}
.page-template-page-products-detail-mro .product-parameters__grid::-webkit-scrollbar-thumb {
background: #003B90;
border-radius: 2px;
}
.page-template-page-products-detail-mro .product-parameters__scrollbar-range {
margin-left: calc(100px + 1px);
margin-top: 0;
margin-bottom: 0;
position: relative;
top: -4px;
appearance: none;
-webkit-appearance: none;
background: transparent;
height: 4px;
display: block;
}
.page-template-page-products-detail-mro .product-parameters__scrollbar-range::-webkit-slider-runnable-track {
height: 4px;
background: #E4E4E4;
border-radius: 0;
}
.page-template-page-products-detail-mro .product-parameters__scrollbar-range::-webkit-slider-thumb {
-webkit-appearance: none;
width: 142px;
height: 4px;
background: #003B90;
border-radius: 0;
margin-top: 0;
}
.page-template-page-products-detail-mro .product-parameters__scrollbar-range::-moz-range-track {
height: 4px;
background: #E4E4E4;
border-radius: 0;
}
.page-template-page-products-detail-mro .product-parameters__scrollbar-range::-moz-range-thumb {
width: 142px;
height: 4px;
background: #003B90;
border: none;
border-radius: 0;
}
.page-template-page-products-detail-mro .product-parameters__table {
border-collapse: separate;
border-spacing: 0;
min-width: 560px;
}
.page-template-page-products-detail-mro .product-parameters__col--label {
width: 100px;
}
.page-template-page-products-detail-mro .product-parameters__th,
.page-template-page-products-detail-mro .product-parameters__th-spacer {
padding: 16px 12px;
font-size: 13px;
}
.page-template-page-products-detail-mro .product-parameters__td--label,
.page-template-page-products-detail-mro .product-parameters__th--label {
width: 100px;
min-width: 100px;
max-width: 100px;
}
.page-template-page-products-detail-mro .product-parameters__th--label {
position: sticky;
left: 0;
z-index: 3;
background: #003B90;
}
.page-template-page-products-detail-mro .product-parameters__td--label {
position: sticky;
left: 0;
z-index: 2;
background: #FFF;
border-right: 1px solid #E4E4E4;
}
.page-template-page-products-detail-mro .product-parameters__icon {
width: 16px !important;
height: 16px !important;
}
.page-template-page-products-detail-mro .product-parameters__label {
line-height: 1.2;
font-size: 13px;
}
.page-template-page-products-detail-mro .solutions-module .why-choose-us__grid {
grid-template-columns: 20px 1fr 20px;
grid-template-rows: auto auto;
}
.page-template-page-products-detail-mro .solutions-module .solutions-module__accent {
display: block !important;
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: start !important;
align-self: center !important;
transform: translatex(-2px) !important;
}
.page-template-page-products-detail-mro .solutions-module .solutions-module__header {
grid-column: 2 !important;
grid-row: 1 !important;
padding: 24px 20px 24px !important;
}
.page-template-page-products-detail-mro .solutions-module .solutions-module__content {
grid-column: 2 !important;
grid-row: 2 !important;
height: auto !important;
min-width: 0;
}
.page-template-page-products-detail-mro .solutions-module .solutions-module__media {
width: 280px;
height: 280px;
max-width: 100%;
margin: 0 auto;
}
.page-template-page-products-detail-mro .solutions-module .solutions-module__media img {
width: 100%;
height: 100%;
object-fit: cover;
}
.page-template-page-products-detail-mro .solutions-module .solutions-module__subheading {
font-size: 13px;
}
.page-template-page-products-detail-mro .solutions-module .solutions-module__title {
font-size: 13px;
}
.similar-products-module__title {
font-size: 13px;
}
.page-template-page-products-detail-mro .similar-products-module .why-choose-us__grid {
grid-template-columns: 20px 1fr 20px;
grid-template-rows: auto auto;
}
.page-template-page-products-detail-mro .similar-products-module .similar-products-module__accent {
display: block !important;
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: start !important;
align-self: center !important;
transform: translatex(-2px) !important;
}
.page-template-page-products-detail-mro .similar-products-module .similar-products-module__header {
grid-column: 2 !important;
grid-row: 1 !important;
padding: 24px 20px 24px !important;
}
.page-template-page-products-detail-mro .similar-products-module .why-choose-us__line-v--right {
grid-row: 2/3;
}
.page-template-page-products-detail-mro .similar-products-module .why-choose-us__line-v--left {
grid-row: 1/3;
}
.page-template-page-products-detail-mro .similar-products-module .why-choose-us__grid>div[style*="grid-column:2 / 5"][style*="grid-row:2"] {
grid-column: 2 !important;
grid-row: 2 !important;
min-width: 0;
}
.page-template-page-products-detail-mro .similar-products-module .similar-products-module__grid {
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
scrollbar-width: none;
width: 100%;
}
.page-template-page-products-detail-mro .similar-products-module .similar-products-module__grid::-webkit-scrollbar {
display: none;
}
.page-template-page-products-detail-mro .similar-products-module .similar-products-module__card {
flex: 0 0 calc(100vw - 80px);
scroll-snap-align: start;
border-right: 1px solid #E4E4E4;
border-bottom: none;
box-sizing: border-box;
}
.page-template-page-products-detail-mro .similar-products-module .similar-products-module__card:last-child {
border-right: none;
}
.page-template-page-products-detail-mro .similar-products-module .similar-products-module__name {
font-size: 13px;
}
.page-template-page-products-detail-mro .similar-products-module .similar-products-module__sku {
display: none;
}
.similar-products-module__image img {
width: 270px;
height: 260px;
}
.xy-elevators-divider,
.hero-banner-divider,
.hero-banner-module,
.xy-elevators-feature,
.xy-elevators-section:not(.xy-elevators-mod5),
.xy-elevators-mod5-images,
.xy-elevators-mod5__content {
max-width: min(1216px, calc(100vw - 56px));
}
.xy-elevators-mod5-images {
padding-block: 28px;
padding-inline: 12px;
gap: 10px;
}
.xy-elevators-mod5-images__img50 {
padding: 16px;
}
.xy-elevators-mod5 {
--xy-mod5-line-x: 16px;
--xy-mod5-line-y: 0;
}
.xy-elevators-mod4__layout {
grid-template-columns: 1fr;
grid-template-rows: 140px 200px 140px 200px 140px 140px 200px;
gap: 10px;
}
.xy-elevators-mod4__a,
.xy-elevators-mod4__b,
.xy-elevators-mod4__c,
.xy-elevators-mod4__d,
.xy-elevators-mod4__e,
.xy-elevators-mod4__f,
.xy-elevators-mod4__g {
grid-column: auto;
grid-row: auto;
}
.xy-elevators-mod4__info {
padding: 12px 10px 10px;
}
.xy-elevators-mod4__icon svg {
width: 20px;
height: 20px;
}
.xy-elevators-mod4__label {
font-size: 13px;
}
.xy-elevators-mod4__value {
font-size: 14px;
}
.xy-elevators-mod4__unit {
font-size: 13px;
}
.page-template-page-products-detail-mro .carousel-track {
gap: 12px;
}
.page-template-page-products-detail-mro .color-dot {
width: 44px;
height: 44px;
}
.page-template-page-products-detail-mro .color-list {
padding-left: 20px;
padding-right: 20px;
}
.solutions-module__title {
font-size: 13px;
}
.solutions-module__header {
padding: 30px 20px 30px;
}
.v25-item:last-child .v25-item-text {
padding-bottom: 40px;
}
.sustainability-roadmap__intro,
.sustainability-roadmap__points li {
font-size: 13px;
}
.sustainability-roadmap__intro {
font-size: 13px;
}
.solutions-module__content {
flex-direction: column;
gap: 20px;
height: auto !important;
}
.solutions-module__media,
.solutions-module__text {
flex: none;
width: 100%;
}
.solutions-module__media {
max-width: 500px;
margin: 0 auto;
aspect-ratio: 1/1;
}
.solutions-module__media img {
height: 100%;
object-fit: cover;
}
.solutions-module__text {
padding: 20px;
}
.solutions-module__subheading {
font-size: 14px;
}
.solutions-module__accent {
display: none;
}
.bar-item {
width: 80px;
}
.svc-cs-border--left {
left: 20px;
}
.svc-cs-border--right {
right: 20px;
}
body.is-svc-menu-open .site-header,
body.is-svc-menu-open .product-series-breadcrumb {
display: none !important;
}
.svc-mobile-menu-drawer {
position: fixed;
bottom: -100%;
left: 0;
width: 100vw;
background: #FFF;
z-index: 9999;
transition: bottom 0.3s ease-in-out;
display: flex;
flex-direction: column;
height: 100%;
max-height: 100%;
box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.05);
}
.svc-mobile-menu-drawer.active {
bottom: 0;
top: 133px;
}
.svc-hero-link-text {
font-size: 13px;
}
.svc-features-map {
padding: 20px 0;
height: 100%;
min-height: 100%;
}
.svc-fm-border--left {
left: 20px;
}
.svc-fm-border--right {
right: 20px;
}
.svc-fm-container {
flex-direction: column;
gap: 20px;
padding-top: 0;
padding-right: 20px;
padding-left: 20px;
}
.svc-fm-item-icon {
width: 24px;
height: 24px;
}
.svc-solutions {
padding: 0;
border-bottom: 1px solid #E4E4E4;
}
.svc-sol-header {
padding: 0;
}
.svc-fm-item {
gap: 12px;
}
.svc-fm-visual {
width: 100%;
flex: none;
padding: 0 20px;
box-sizing: border-box;
gap: 14px;
}
.svc-fm-item-copy {
gap: 6px;
}
.svc-fm-item-title {
line-height: 1.35;
font-size: 13px;
}
.svc-fm-item-subtitle {
line-height: 1.5;
font-size: 13px;
}
.svc-fm-process-title {
line-height: 1.25;
font-size: 14px;
}
.svc-fm-process-list {
gap: 12px;
}
.svc-fm-process-item {
line-height: 1.5;
font-size: 13px;
}
.svc-fm-stat {
width: 100%;
height: auto;
padding: 0;
gap: 5px;
}
.svc-fm-stat-num {
line-height: 1.2;
font-size: 13px;
}
.svc-fm-stat-desc {
font-size: 10px;
}
.svc-sol-wrapper {
display: flex;
width: 100%;
height: 282px;
transition: transform 0.5s ease-in-out;
}
.svc-sol-item,
.svc-sol-item.active {
flex: 0 0 100% !important;
height: 100%;
position: relative;
overflow: hidden;
border: none;
}
.svc-sol-item:first-child {
border: none;
}
.svc-sol-item-bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.svc-sol-overlay {
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(0, 34, 85, 0.8) 0%, rgba(0, 34, 85, 0.2) 100%) !important;
}
.svc-sol-content {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
color: #fff;
z-index: 2;
right: auto;
opacity: 1 !important;
transform: none !important;
pointer-events: auto !important;
padding: 20px;
}
.svc-sol-icon {
display: none;
}
.svc-sol-controls {
display: flex;
justify-content: space-between;
align-items: center;
background: #FFF;
z-index: 10;
height: 60px;
width: 100%;
}
.svc-sol-control {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
cursor: pointer;
background: none;
border: none;
padding: 0;
position: relative;
}
.svc-sol-control:first-child {
border-right: none;
}
.svc-sol-control:first-child::before {
content: "";
position: absolute;
left: 0;
top: 0;
transform: translatey(0%);
width: 1px;
height: 80px;
background-color: #E4E4E4;
margin: 0 0 0 20px;
}
.svc-sol-control:last-child::after {
content: "";
position: absolute;
right: 0;
top: 0;
transform: translatey(0%);
width: 1px;
height: 80px;
background-color: #E4E4E4;
margin: 0 20px 0 0;
}
.svc-sol-control svg {
width: 24px;
height: 24px;
stroke: #231815;
}
.svc-core-services {
padding: 0;
}
.svc-cs-header {
display: none !important;
}
.svc-section-title {
display: flex;
align-items: center;
gap: 10px;
color: #003B90;
cursor: pointer;
font-family: "Zalando Sans Expanded";
font-weight: 600;
text-transform: capitalize;
line-height: 24px;
padding-left: 20px;
position: relative;
padding: 20px;
font-size: 13px;
}
.svc-section-title::before {
content: "";
position: absolute;
left: -2px;
top: 50%;
transform: translatey(-50%);
width: 4px;
height: 12px;
background: #003B90;
}
.svc-section-title::after {
display: none;
}
.svc-section-title-icon {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
cursor: pointer;
}
body.is-svc-menu-open {
overflow: hidden;
}
.svc-mobile-menu-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(255, 255, 255, 0.4);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
z-index: 9998;
}
.svc-mobile-menu-overlay.active {
display: block;
}
.svc-mm-level {
display: none;
flex-direction: column;
height: 100%;
}
.svc-mm-level.active {
display: flex;
}
.svc-mm-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px;
border-bottom: 1px solid #E4E4E4;
position: relative;
}
.svc-mm-title,
.svc-mm-title2 {
flex: 1;
text-align: center;
font-weight: 700;
color: #003B90;
font-size: 13px;
}
.svc-mm-close,
.svc-mm-back {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
flex: none;
}
.svc-mm-back {
position: absolute;
left: 20px;
}
.svc-mm-close {
position: absolute;
right: 20px;
}
.svc-mm-list {
overflow-y: auto;
padding: 10px 0;
}
.svc-mm-item {
padding: 20px;
font-weight: 600;
color: #231815;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
font-size: 13px;
}
.svc-mm-item.active {
color: #003B90;
background-color: #F8F9FB;
}
.svc-mm-subitem {
padding: 20px;
font-weight: 600;
color: #231815;
text-align: center;
cursor: pointer;
font-size: 13px;
}
.svc-mm-subitem.active {
color: #003B90;
background-color: #F8F9FB;
}
.svc-mm-footer {
padding: 20px;
border-top: 1px solid #E4E4E4;
}
.svc-mm-btn {
width: 100%;
background-color: #003B90;
color: #FFF;
font-weight: 600;
padding: 15px 0;
border: none;
cursor: pointer;
text-align: center;
font-size: 13px;
}
.svc-cs-top {
padding: 0 20px;
}
.svc-cs-tabs {
flex-wrap: nowrap;
gap: 20px;
justify-content: flex-start;
overflow-x: auto;
padding: 0 20px;
margin-left: -20px;
width: 100vw;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
box-sizing: border-box;
}
.svc-cs-tabs::-webkit-scrollbar {
display: none;
}
.svc-cs-tab {
font-weight: 700;
padding: 15px 0;
white-space: nowrap;
color: #231815;
display: flex;
align-items: center;
gap: 10px;
font-size: 13px;
}
.svc-cs-tab::after {
content: "";
display: inline-block;
width: 8px;
height: 14px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: center;
}
.svc-cs-tab.active::after {
background-image: url("data:image/svg+xml;utf8,");
}
.svc-cs-tab.active {
border-bottom: none;
color: #003B90;
}
.svc-cs-block {
margin-bottom: 0;
padding: 0 20px;
}
.svc-cs-block h3 {
font-family: "Archivo";
margin-bottom: 0;
font-weight: 600;
color: #231815;
text-transform: uppercase;
font-size: 13px;
}
.svc-cs-block>p {
font-family: "Archivo";
color: #231815;
line-height: 20px;
margin: 20px 0;
font-size: 13px;
}
.svc-cs-sub {
flex-direction: column;
gap: 10px;
margin-top: 20px;
margin-bottom: 20px;
align-items: flex-start;
}
.svc-cs-sub h4 {
flex: none;
font-family: "Zalando Sans Expanded";
font-weight: 700;
line-height: 32px;
color: #231815;
font-size: 13px;
}
.svc-cs-sub p {
font-family: "Archivo";
color: #231815;
line-height: 16px;
padding: 0;
margin: 0;
font-size: 13px;
}
.svc-cs-timeline-nodes,
.svc-cs-timeline,
.svc-cs-timeline-pointer,
.svc-cs-connector {
display: none;
}
.svc-cs-img-bg {
display: none;
}
.svc-cs-right {
padding-left: 0;
border-left: none;
width: 100%;
box-sizing: border-box;
}
.svc-cs-params::-webkit-scrollbar {
display: none;
}
.svc-cs-param-item {
width: auto;
flex: 0 0 auto;
min-width: 80px;
}
.svc-cs-param-name {
font-family: "Archivo";
color: #B5B5B6;
margin-bottom: 8px;
font-weight: 500;
display: block;
text-align: center;
font-size: 13px;
}
.svc-cs-param-val {
font-family: "Archivo";
color: #003B90;
font-weight: 500;
display: block;
text-align: center;
font-size: 13px;
}
.svc-cs-contact-btn {
display: none;
justify-content: center;
align-items: center;
padding: 10px 20px 10px 32px;
gap: 20px;
width: 100%;
height: 60px;
background: #003B90;
color: #EDEDED;
font-family: "Zalando Sans Expanded";
font-weight: 500;
text-transform: uppercase;
box-sizing: border-box;
margin-top: 40px;
text-decoration: none;
font-size: 13px;
}
}
@media (min-width: 390px) and (max-width: 429.98px) {
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
. page-template-page-product-series . product-series-filter-dropdown {
background: rgba(0, 0, 0, 0.55);
}
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
. article-selector__dropdown {
background: #0000008c;
}
}
.footer-bottom {
flex-wrap: wrap;
justify-content: center;
align-content: center;
row-gap: 12px;
column-gap: 8px;
max-width: 100%;
padding-left: max(0, env(safe-area-inset-left));
padding-right: max(0, env(safe-area-inset-right));
padding-top: 80px;
width: 100%;
box-sizing: border-box;
min-width: 0;
}
.footer-legal-link {
line-height: 1.25;
text-align: center;
font-size: 13px;
font-family: "Archivo", sans-serif;
font-weight: 300;
}
.footer-legal-sep svg {
height: 13px;
width: auto;
}
.scene-title-dropdown {
display: none !important;
}
.scene-title-drawer-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 999998;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.3s ease, visibility 0.3s;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.scene-title-drawer-overlay.is-active {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.scene-title-drawer {
position: fixed;
top: 133px;
left: 0;
right: 0;
bottom: 0;
width: 100%;
max-height: 100%;
background: #FFF;
z-index: 999999;
display: flex;
flex-direction: column;
transform: translatey(100vh);
transition: transform 260ms ease, visibility 260ms;
visibility: hidden;
pointer-events: none;
border: 0;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
box-sizing: border-box;
}
.scene-title-drawer.is-active {
transform: translatey(0);
visibility: visible;
pointer-events: auto;
}
.scene-title-drawer .scene-drawer-header {
flex: 0 0 auto;
padding: 12px 12px 0 12px;
}
.scene-title-drawer .scene-drawer-header-row {
display: flex;
align-items: center;
justify-content: flex-end;
min-height: 40px;
}
.scene-title-drawer .scene-drawer-header .btn-icon {
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 0;
background: transparent;
color: #231815;
cursor: pointer;
}
.scene-title-drawer .scene-drawer-title {
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
color: #003B90;
text-align: center;
padding: 8px 8px 12px 8px;
line-height: 1.2;
border-bottom: 1px solid #E4E4E4;
font-size: 13px;
}
.scene-title-drawer .scene-drawer-content {
flex: 1;
min-height: 0;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
background-color: #FFF;
}
.scene-title-drawer .scene-title-drawer-list {
list-style: none;
margin: 0;
padding: 0;
}
.scene-title-drawer .scene-title-drawer-list li {
padding: 0;
}
.scene-title-drawer .scene-title-option {
width: 100%;
display: block;
text-align: left;
color: #231815;
font-weight: 500;
line-height: 24px;
font-family: "Archivo", sans-serif;
text-transform: none;
padding: 15px 20px;
border: 0;
border-bottom: 0;
border-radius: 0;
background: transparent;
cursor: pointer;
box-sizing: border-box;
font-size: 13px;
}
.scene-title-drawer .scene-title-option:hover,
.scene-title-drawer .scene-title-option:focus {
color: #003B90;
font-weight: 700;
outline: none;
font-size: 13px;
}
.scene-title-drawer .scene-title-option.is-selected {
color: #003B90;
font-weight: 700;
background-color: #F6F6F6;
font-size: 13px;
}
body.is-scene-title-menu-open {
overflow: hidden;
}
body.is-scene-title-menu-open #masthead {
display: none !important;
}
body.is-scene-title-menu-open .solutions-hero-breadcrumb {
display: none !important;
}
body.is-scene-title-menu-open .product-tabs-module {
z-index: 10000000 !important;
}
.product-series-breadcrumb__grid {
max-width: 1296px !important;
margin: 0 auto !important;
grid-template-columns: 40px 1fr 40px;
display: flex;
justify-content: flex-start;
border: 0;
}
.product-series-breadcrumb {
max-width: 1296px;
margin: 0 auto;
padding: 0 20px;
}
.page-template-page-products-detail-mro .product-parameters__th {
line-height: 32px;
font-size: 16px;
}
.page-template-page-products-detail-mro .product-parameters__td {
line-height: 24px;
font-size: 13px;
padding: 14px 12px;
}
.cta-btn {
font-size: 13px;
min-width: 0;
width: 100%;
padding: 16px 18px;
}
.xy-about-driven-item h4 {
font-size: 16px;
margin-bottom: 4px;
}
.xy-about-foot-stat-num {
line-height: 19px;
font-size: 16px;
margin-bottom: 0;
}
.xy-about-foot-stat-label {
line-height: 16px;
font-size: 10px;
text-align: left;
font-weight: 500;
}
.left-content h2 {
line-height: 28px;
font-size: 16px;
}
.left-content p {
line-height: 24px;
font-size: 14px;
margin-bottom: 24px;
}
.wcu-subtitle {
line-height: 20px;
font-size: 10px;
margin-bottom: 10px;
}
.wcu-title {
line-height: 44px;
font-size: 20px;
text-transform: uppercase;
padding: 10px 0;
}
.wcu-list li {
line-height: 32px;
font-size: 13px;
padding: 4px 0;
margin-bottom: 0;
gap: 20px;
}
.product-series-breadcrumb__back {
width: 32px;
height: 32px;
}
.header-search-text {
display: none;
}
.d-flex {
justify-content: space-between !important;
}
.site-header.site-header--sticky .main-navigation {
margin-left: 0;
}
.footer-subscribe-title {
padding: 30px 20px;
font-size: 13px;
text-align: left;
margin: 0;
font-family: "Archivo", sans-serif;
font-weight: 300;
}
.site-logo img {
width: 44px;
height: 40px;
}
.nav-menu>li>a {
font-size: 13px;
}
.search-field {
font-weight: 400;
line-height: 20px;
font-size: 13px;
}
.header-container {
padding-right: 20px;
padding-left: 20px;
max-width: 100%;
}
.search-container {
padding: 0 20px;
}
.product-series-breadcrumb__cell {
height: 60px;
border: 0 !important;
}
.product-series-breadcrumb__cell--crumbs {
padding: 0 10px;
border: 0;
}
.product-series-breadcrumb__link,
.product-series-breadcrumb__current,
.product-series-breadcrumb__sep {
font-size: 13px;
}
.product-series-breadcrumb__sep {
margin: 0 4px;
}
.product-series-banner__grid {
grid-template-columns: 20px 1fr 20px;
height: 480px;
}
.product-series-banner__cell {
height: 480px;
}
.product-series-banner__col2 {
padding-left: 0;
padding-right: 0;
padding: 0;
}
.product-series-filters__grid {
grid-template-columns: 1fr;
}
.product-series-filters__bar {
flex-wrap: wrap;
padding: 12px 0;
flex-direction: column;
align-items: stretch;
}
.product-series-filter--type,
.product-series-filter--application,
.product-series-filter--search {
padding-left: 16px;
padding-right: 16px;
}
.product-series-filter__label {
font-size: 13px;
white-space: normal;
}
.product-series-products__grid {
grid-template-columns: 60px 1fr 60px;
}
.product-series-products__col2 {
padding-left: 20px;
padding-right: 20px;
}
.product-series-pagination {
height: auto;
}
.product-series-pagination__inner {
padding: 0;
height: auto;
gap: 16px 24px;
width: 100%;
max-width: 100%;
margin: 0;
flex-wrap: wrap;
}
.product-series-pagination__line {
display: none;
}
.product-series-pagination__numbers {
gap: 8px;
height: auto;
width: auto;
flex: 1 1 200px;
min-width: 0;
justify-content: center;
flex-wrap: wrap;
}
.product-series-pagination__number,
.product-series-pagination__dots {
line-height: 22px;
font-size: 13px;
width: 40px;
height: 40px;
}
.product-series-contact {
height: 271px;
}
.product-series-contact__bg {
height: 271px;
width: 100%;
left: 0;
top: 0;
}
.product-series-contact__actions {
left: 0;
bottom: 40px;
width: 100%;
padding: 0 20px;
height: auto;
right: 0;
gap: 24px;
align-items: center;
box-sizing: border-box;
}
.product-series-contact__title {
width: 100%;
max-width: 310px;
line-height: 28px;
height: auto;
font-size: 13px;
text-align: center;
}
.product-series-products__row {
flex-wrap: wrap;
height: auto;
flex-direction: column;
align-items: stretch;
}
.product-series-products__card {
flex: 0 0 auto;
border-right: none;
width: 100%;
aspect-ratio: 1/1;
border-bottom: 1px solid #E4E4E4;
}
.product-series-products__card:nth-child(3n) {
border-right: none;
}
.product-series-products__card:last-child {
border-right: none;
}
.product-series-products__image {
width: 100%;
aspect-ratio: auto;
flex: 1 1 auto;
min-height: 0;
padding: 20px;
}
.product-series-products__arrow {
width: 32px;
height: 32px;
right: 20px;
top: 20px;
}
.product-series-products__title {
width: 100%;
line-height: 20px;
font-size: 13px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.product-series-products__sku {
width: 100%;
line-height: 16px;
font-size: 13px;
}
.banner-content {
padding: 20px;
gap: 20px;
width: 100%;
height: auto;
}
.mro-title {
width: 310px;
height: 24px;
line-height: 24px;
font-size: 13px;
}
.mro-description {
width: 100%;
line-height: 16px;
font-size: 13px;
height: 100%;
}
.d-lg-none {
display: block !important;
}
.d-lg-none.d-flex {
display: flex !important;
justify-content: space-between;
}
.d-lg-none.d-inline-flex {
display: inline-flex !important;
}
.d-lg-block {
display: none !important;
}
.d-lg-flex {
display: none !important;
}
.site-header--transparent {
background-color: #F2F3F5;
-webkit-backdrop-filter: none;
backdrop-filter: none;
}
.header-main-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
.header-mobile-actions {
margin-left: auto;
width: auto;
flex-wrap: nowrap;
position: relative;
z-index: 9999999;
pointer-events: auto;
gap: 20px;
column-gap: 20px;
display: flex;
justify-content: flex-end;
}
.header-mobile-actions .btn-icon {
color: #003B90;
pointer-events: auto;
position: relative;
z-index: 9999999;
}
.header-mobile-divider {
display: block;
width: 1px;
height: 40px;
background: rgba(0, 0, 0, 0.12);
margin: 0 20px;
flex: 0 0 1px;
}
.header-mobile-contact {
background: #003B90;
color: #EDEDED;
font-family: "Archivo", sans-serif;
font-weight: 600;
line-height: 1;
text-decoration: none;
padding: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
user-select: none;
position: relative;
margin-left: 0;
width: 100%;
max-width: 122px;
border-radius: 0;
justify-self: center;
font-size: 13px;
pointer-events: auto;
}
.header-mobile-search-trigger {
position: relative;
margin-left: 0;
justify-self: center;
}
.header-mobile-contact::before,
.header-mobile-search-trigger::before {
content: none;
position: absolute;
left: -20px;
top: 50%;
transform: translatey(-50%);
width: 1px;
height: 40px;
background: rgba(0, 0, 0, 0.12);
display: none;
}
.hero-content {
padding-bottom: 80px;
max-width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.hero-desc {
margin-bottom: 10px;
}
.intro-top {
padding: 30px 20px;
gap: 20px;
flex-direction: column;
}
.intro-grid__cell {
min-height: 240px;
flex: 0 0 240px;
}
.visual-box {
width: 200px;
height: 200px;
}
.visual-inner {
width: 160px;
height: 160px;
}
.scroll-bar-container {
margin-bottom: -1px;
display: block;
padding: 0 0 40px;
margin-top: -1px;
padding-left: 0;
padding-right: 0;
}
.new-section-pc {
display: none;
padding-top: 40px;
}
.new-section-mobile {
display: block;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
background-color: #FFF;
padding-top: 40px;
}
.new-section-title {
padding-left: 20px;
margin-bottom: 0;
}
.new-section-desc {
max-width: 100%;
padding: 20px;
margin-bottom: 0;
}
.new-section__btn {
padding: 15px 30px;
font-size: 13px;
}
.play-btn {
width: 60px;
height: 60px;
}
.capabilities-top {
padding: 30px 20px 10px;
flex-direction: column;
gap: 20px;
}
.cap-item {
padding: 28px 20px;
border-top: none;
overflow: hidden;
width: 100%;
height: auto;
}
.cta-container {
padding: 66px 20px;
}
.faq-header {
padding: 22px 20px;
}
.faq-question {
padding: 20px 20px;
}
.faq-answer-inner {
padding: 0 20px 28px;
}
.faq-title {
font-size: 14px;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 600;
line-height: 24px;
text-transform: capitalize;
padding-left: 0;
}
.faq-question-text {
line-height: 20px;
font-size: 15px;
font-family: "Archivo", sans-serif;
font-weight: 500;
text-transform: uppercase;
}
.faq-answer-text {
line-height: 16px;
font-size: 13px;
}
.faq-icon {
width: 20px;
height: 20px;
}
.footer-top {
grid-template-columns: 1fr;
gap: 40px;
}
.footer-nav {
gap: 30px;
grid-template-columns: repeat(2, 1fr);
grid-template-areas: "company services" "products products";
margin-top: 40px;
padding: 10px 20px 0;
}
.certs-section {
height: 120px;
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
}
.certs-section .certs-logo {
position: static;
}
.certs-logo--iso9001 {
width: 49px;
height: 49px;
top: 34px;
left: 29px;
}
.certs-logo--iatf16949 {
width: 51px;
height: 51px;
top: 33px;
left: 95px;
}
.certs-logo--iso14001 {
width: 63px;
height: 63px;
top: 27px;
left: 167px;
}
.certs-logo--cwb {
width: 124px;
height: 36px;
top: 41px;
left: 247px;
}
.page-template-page-products-detail-mro .why-choose-us {
margin: 0 auto;
}
.page-template-page-products-detail-mro .section-header {
height: 64px;
padding: 0 20px;
gap: 10px;
}
.page-template-page-products-detail-mro .accent-line {
width: 3px;
height: 12px;
transform: none;
}
.page-template-page-products-detail-mro .main-title {
line-height: 24px;
font-size: 13px;
}
.page-template-page-products-detail-mro .traits-grid {
display: flex;
flex-direction: column;
padding: 0;
margin: 0;
border-top: none;
border-left: none;
border-right: none;
}
.page-template-page-products-detail-mro .trait-item {
padding: 40px 20px;
gap: 40px;
border-right: none;
border-bottom: 1px solid #E4E4E4;
width: 100%;
box-sizing: border-box;
}
.page-template-page-products-detail-mro .traits-grid .trait-item:last-child {
border-bottom: none;
}
.page-template-page-products-detail-mro .trait-header {
flex-direction: row;
align-items: center;
gap: 20px;
height: 48px;
}
.page-template-page-products-detail-mro .trait-description {
line-height: 13px;
font-size: 13px;
}
.site-header {
background: #F3F5F7 !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
transition: none !important;
}
.site-header .custom-logo--default {
display: none !important;
}
.site-header .custom-logo--sticky {
display: block !important;
}
.site-header .btn-icon svg path,
.site-header .btn-icon svg circle {
stroke: #003B90 !important;
}
.site-header .header-mobile-contact {
border-color: #003B90 !important;
}
.blog-hero__inner {
min-height: 420px;
}
.blog-subscribe__inner {
padding: 0;
flex-direction: column;
gap: 0;
text-align: center;
border-left: none;
border-right: none;
border-bottom: 1px solid #E4E4E4;
}
.blog-content__inner {
max-width: 100%;
}
.blog-pagination__inner {
max-width: 100%;
padding: 20px 20px 0;
}
.other-blogs-grid-wrap {
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.other-blogs-grid-wrap::-webkit-scrollbar {
display: none;
}
.other-blogs-item {
flex: 0 0 85vw;
max-width: 85vw;
scroll-snap-align: start;
}
.xy-about-achieve-container {
border-left: 1px solid rgba(181, 181, 182, 0.2);
border-right: 1px solid rgba(181, 181, 182, 0.2);
}
.xy-about-history-title-block {
padding: 30px 20px;
}
.xy-about-history-content {
padding: 40px 20px;
}
.xy-about-history-image-wrap {
padding-right: 40px;
}
.xy-about-history-text-wrap {
padding-left: 40px;
}
.xy-about-history-item:nth-child(even) .xy-about-history-image-wrap {
padding-left: 40px;
}
.xy-about-history-item:nth-child(even) .xy-about-history-text-wrap {
padding-right: 40px;
}
.xy-about-driven-title-line {
height: 12px;
}
.xy-about-driven-section {
padding: 0 20px;
}
.xy-about-driven-bottom-section {
padding: 0 20px;
}
.xy-about-driven-title-block {
padding: 30px 20px;
}
.xy-about-driven-title {
font-size: 16px;
}
.xy-about-driven-top {
flex-direction: column-reverse;
gap: 20px;
}
.xy-about-driven-text {
padding: 0 20px 20px;
}
.xy-about-driven-image {
width: 100%;
border-left: none;
border-top: 1px solid #E4E4E4;
border: 0;
}
.xy-about-overview-container {
max-width: 100%;
}
.xy-about-overview-top {
padding: 30px 40px;
gap: 20px;
flex-direction: column;
border-left: none;
border-right: none;
}
.xy-about-overview-title {
font-size: 16px;
line-height: 30px;
margin-bottom: 10px;
}
.xy-about-overview-cell {
min-height: 240px;
flex: 0 0 240px;
}
.xy-about-overview-cell-title {
font-size: 13px;
}
.xy-about-overview-cell-desc {
font-size: 13px;
}
.xy-about-banner {
height: 461px;
padding: 60px 5%;
background: #F3F5F7;
}
.xy-about-banner-mask {
display: block;
background: linear-gradient(0deg, rgba(27, 33, 41, 0.6) 2.84%, rgba(27, 33, 41, 0) 98.08%);
}
.xy-about-banner-content {
padding-bottom: 20px;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0;
gap: 12px;
width: 100%;
z-index: 2;
}
.xy-about-banner-title {
font-size: 16px;
font-family: "Archivo";
font-style: normal;
font-weight: 900;
line-height: 22px;
color: #EDEDED;
margin: 0;
}
.xy-about-section {
padding: 0 20px;
}
.xy-about-foot-title-block {
padding: 30px 20px;
}
.xy-about-foot-content-wrap {
padding: 30px 20px;
overflow: visible;
}
.xy-about-foot-svg {
right: 0;
opacity: 1;
display: block;
width: 220px;
height: 199px;
left: 128px;
top: 202px;
padding-top: 0;
}
.xy-about-foot-stats {
justify-content: flex-start;
gap: 20px;
padding: 20px;
background: rgba(255, 255, 255, 0.5);
backdrop-filter: blur(2px);
margin: 0 -20px;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
display: flex;
-ms-overflow-style: none;
scrollbar-width: none;
}
.xy-about-foot-stat {
width: 120px;
flex: 0 0 auto;
margin-bottom: 0;
min-width: 120px;
align-items: flex-start;
gap: 10px;
}
.xy-about-history-section {
padding: 0 20px;
}
.xy-about-history-container {
padding: 0;
}
.xy-about-history-title {
font-size: 14px;
}
.xy-about-history-center-line {
display: none;
}
.xy-about-history-dot {
display: none;
}
.xy-about-history-item,
.xy-about-history-item:nth-child(even) {
flex-direction: column;
align-items: center;
gap: 20px;
}
.xy-about-history-half,
.xy-about-history-image-wrap,
.xy-about-history-text-wrap,
.xy-about-history-item:nth-child(even) .xy-about-history-image-wrap,
.xy-about-history-item:nth-child(even) .xy-about-history-text-wrap {
width: 100%;
justify-content: center;
padding-left: 0;
padding-right: 0;
}
.xy-about-history-image {
width: 100%;
max-width: 100%;
height: 314px;
aspect-ratio: 1;
}
.xy-about-history-text {
height: auto;
min-height: 103px;
gap: 20px;
align-items: flex-start;
}
.xy-about-history-text h4 {
line-height: 19px;
font-size: 13px;
}
.xy-about-history-text p {
line-height: 16px;
font-size: 13px;
}
.xy-about-history-date {
line-height: 32px;
font-size: 13px;
}
.xy-about-history-timeline {
gap: 20px;
}
.xy-about-achieve-title-block {
padding: 30px 20px;
flex-direction: column;
align-items: flex-start;
}
.xy-about-achieve-title-line {
top: 35px;
height: 12px;
}
.xy-about-achieve-title {
width: 100%;
font-size: 16px;
line-height: 1.2;
}
.xy-about-achieve-box {
width: 50%;
aspect-ratio: 1/1;
min-height: auto;
padding: 20px;
border-right: 1px solid rgba(181, 181, 182, 0.2);
border-bottom: none;
}
.xy-about-achieve-box-num {
left: 20px;
top: 20px;
font-size: 18px;
display: none;
}
.xy-about-achieve-box-text {
padding: 20px;
}
.xy-about-achieve-box-title {
font-size: 14px;
line-height: 20px;
}
.xy-about-achieve-box-desc {
font-size: 10px;
line-height: 14px;
}
.xy-about-driven-item {
padding-left: 16px;
}
.xy-about-driven-subtitle {
margin-bottom: 20px;
font-size: 16px;
}
.xy-about-history-title-line {
height: 12px;
}
.xy-contact-title {
font-size: 16px;
}
.xy-form-grid {
gap: 0;
grid-template-columns: 1fr;
}
.xy-contact-info-wrapper {
gap: 20px;
flex-wrap: wrap;
flex-direction: column;
align-items: stretch;
padding: 20px 0;
}
.xy-contact-details,
.xy-contact-map-wrap {
height: 200px;
max-height: 200px;
}
.xy-contact-blogs-grid-wrap {
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.xy-contact-blogs-grid-wrap::-webkit-scrollbar {
display: none;
}
.xy-contact-blogs-item {
flex: 0 0 85vw;
max-width: 85vw;
scroll-snap-align: start;
}
.hero-banner-module .hero-content {
padding: 18px 16px;
max-width: 100%;
}
.hero-banner-module .xy-elevators-hero-title {
font-size: 13px;
line-height: 1.14;
}
.hero-banner-module .hero-banner-strip {
height: 40px;
}
.xy-elevators-hero img {
height: 340px;
}
.xy-elevators-hero__content {
left: 28px;
right: 28px;
bottom: 28px;
}
.xy-elevators-hero__title {
font-size: 14px;
}
.xy-elevators-grid {
grid-template-columns: 1fr;
}
.xy-elevators-mod3__grid {
grid-template-columns: 1fr;
gap: 20px;
}
.xy-elevators-mod3b__layout {
grid-template-columns: 1fr;
gap: 16px;
height: 440px;
}
.xy-elevators-mod3b__cta {
left: 50%;
bottom: 14px;
transform: translatex(-50%);
font-size: 13px;
gap: 10px;
}
.xy-elevators-mod3__tile--info {
padding: 22px 14px 18px;
aspect-ratio: 1/1;
}
.xy-elevators-mod3__value {
font-size: 20px;
}
.xy-elevators-mod3__desc {
font-size: 13px;
max-width: 100%;
}
.xy-elevators-mod3__cta {
left: 16px;
bottom: 16px;
font-size: 13px;
}
.xy-elevators-mod3__zoom {
right: 12px;
bottom: 12px;
}
.xy-elevators-feature__head,
.xy-elevators-section__head {
padding: 28px 16px;
}
.xy-elevators-feature__head {
padding-inline-start: 10px;
}
.hero-banner-module .hero-banner {
height: clamp(252px, calc(var(--xy-visual-vh, 100vh) * 0.52), 440px);
}
.xy-elevators-feature__accent,
.xy-elevators-section__accent {
height: 14px;
}
.xy-elevators-feature__title,
.xy-elevators-section__title {
padding-left: 0;
line-height: 1.18;
font-size: 13px;
}
.xy-elevators-feature__main {
grid-template-columns: 1fr;
}
.xy-elevators-feature__left {
border-right: 0;
border-bottom: 1px solid #E4E4E4;
padding: 12px;
}
.xy-elevators-feature__text {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.xy-elevators-feature__text p {
max-width: 100%;
font-size: 10px;
}
.xy-elevators-feature__text p:first-child {
border-bottom: 0;
}
.xy-elevators-feature__specs {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.xy-elevators-feature__spec {
min-height: 0;
padding-block: 8px;
padding-inline: 4px 3px;
padding-inline-start: 6px;
}
.xy-elevators-feature__spec-line {
left: 0;
right: auto;
top: 0;
bottom: 0;
height: auto;
}
.xy-elevators-feature__spec-label {
font-size: 10px;
}
.xy-elevators-feature__spec-value {
font-size: 13px;
}
.xy-elevators-feature__spec-unit {
font-size: 10px;
}
.xy-elevators-feature__cta {
padding: 12px;
font-size: 13px;
}
.xy-elevators-feature__gallery-item img {
height: 220px;
}
.xy-elevators-cta {
grid-template-columns: 1fr;
}
.xy-elevators-mod5__content {
grid-template-columns: 1fr;
gap: 18px;
padding: 0 20px;
}
.xy-elevators-mod5__text h3 {
font-size: 13px;
margin-bottom: 12px;
}
.xy-elevators-mod5__text p {
max-width: 100%;
font-size: 13px;
line-height: 1.55;
margin-bottom: 10px;
}
.xy-elevators-mod5__media {
min-height: 250px;
}
.xy-events-hero__container {
padding-left: 24px;
padding-right: 24px;
padding-bottom: 20px;
border-left: 1px solid rgba(228, 228, 228, 0.5);
border-right: 1px solid rgba(228, 228, 228, 0.5);
}
.xy-events-hero__content {
padding-left: 0;
padding-right: 0;
margin-bottom: 20px;
}
.xy-events-hero__progress {
left: 44px;
right: 44px;
bottom: 28px;
}
.xy-events-hero__title {
font-size: 13px;
}
.xy-explore-hero__container {
padding-left: 24px;
padding-right: 24px;
padding-bottom: 20px;
border-left: 1px solid rgba(228, 228, 228, 0.5);
border-right: 1px solid rgba(228, 228, 228, 0.5);
}
.xy-explore-hero__content {
padding-left: 0;
padding-right: 0;
margin-bottom: 20px;
}
.xy-explore-hero__progress {
left: 44px;
right: 44px;
bottom: 28px;
}
.xy-explore-hero__title {
font-size: 13px;
}
.news-subscribe-btn {
height: 60px;
width: 100%;
justify-content: center;
font-size: 13px;
}
.news-header__title {
font-size: 13px;
margin-bottom: 20px;
}
.news-content__inner blockquote {
padding: 15px;
}
.blog-pagination__link {
font-size: 13px;
}
.section-title-wrap {
padding: 40px 40px 20px;
}
.title-accent {
height: 12px;
}
.section-title-wrap h2 {
padding-left: 20px;
font-size: 13px;
}
.hero-banner-module .hero-title {
font-size: 20px;
}
.header-title {
padding-left: 20px;
font-size: 13px;
}
.features-grid {
grid-template-columns: repeat(2, 1fr);
display: flex;
flex-direction: column;
margin: 0;
gap: 40px;
}
.feature-item:nth-child(2n) {
border-right: none;
}
.module-header {
padding: 24px 0;
margin-bottom: 0;
}
.header-accent {
height: 12px;
}
.benefits-split-section::before {
left: 20px;
}
.benefits-split-section::after {
right: 20px;
}
.split-grid {
grid-template-columns: 1fr;
padding: 0;
position: relative;
}
.split-text {
padding: 20px 20px 0;
}
.split-text h3 {
font-size: 13px;
line-height: 28px;
}
.split-text li {
font-size: 13px;
line-height: 30px;
}
.split-img img {
padding: 0;
width: 310px;
height: 310px;
}
.performance-module::before {
left: 20px;
}
.performance-module::after {
right: 20px;
}
.performance-module .section-container {
padding: 0 20px;
}
.perf-header {
padding: 20px 0;
margin-bottom: 0;
}
.perf-container::after {
top: 0;
bottom: -40px;
}
.perf-title {
font-size: 16px;
padding-left: 20px;
}
.perf-accent {
height: 12px;
}
.perf-container {
flex-direction: column;
padding: 0;
gap: 15px;
}
.perf-image img {
width: 100%;
height: auto;
}
.perf-text {
padding: 20px;
}
.perf-content-title {
font-size: 16px;
line-height: 30px;
font-family: "Archivo", sans-serif;
margin-bottom: 10px;
}
.perf-tabs {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
text-align: center;
gap: 15px;
display: none;
}
.perf-tabs::before {
display: none;
}
.tab-item {
text-align: center;
padding-right: 0;
line-height: normal;
}
.tab-item.active::after {
display: none;
}
.tab-item.active {
border-bottom: 2px solid #004098;
padding-bottom: 5px;
}
.overview-container {
padding: 0 20px;
}
.overview-header {
padding: 20px 0;
margin-bottom: 0;
}
.overview-header h2 {
font-size: 16px;
padding-left: 20px;
}
.header-blue-line {
height: 12px;
}
.overview-grid {
grid-template-columns: 1fr;
grid-auto-rows: minmax(0, auto);
}
.large-card,
.long-card {
grid-column: span 2;
}
.small-card {
grid-column: span 1;
}
.global-presence .section-title-wrap {
padding: 20px 0;
margin-bottom: 0;
}
.map-panel {
flex-direction: column;
}
.map-media {
padding: 24px 20px;
}
.map-copy {
padding: 0 20px 20px 20px;
}
.map-copy__title {
font-size: 16px;
}
.map-copy__desc {
font-size: 13px;
}
.stat-num {
font-size: 16px;
}
.stat-label {
font-size: 10px;
}
.page-template-page-products-detail-mro .product-detail-container {
width: 100%;
height: auto;
overflow: visible;
}
.page-template-page-products-detail-mro .main-layout-grid {
grid-template-columns: 20px 1fr 20px;
grid-template-rows: auto auto auto;
height: auto;
}
.page-template-page-products-detail-mro .line-v {
display: block;
grid-row: 1/4;
}
.page-template-page-products-detail-mro .line-v-2 {
grid-column: 3;
justify-self: start;
}
.page-template-page-products-detail-mro .line-h {
grid-column: 2;
}
.page-template-page-products-detail-mro .line-h-bottom {
display: block;
grid-row: 2;
align-self: start;
}
.page-template-page-products-detail-mro .media-section {
display: contents;
}
.page-template-page-products-detail-mro .main-image-wrapper {
grid-column: 2;
grid-row: 1;
width: 100%;
height: auto;
aspect-ratio: 1/1;
}
.page-template-page-products-detail-mro .carousel-container {
grid-column: 2;
grid-row: 2;
height: auto;
padding: 20px 0;
gap: 10px;
}
.page-template-page-products-detail-mro .arrow {
width: 44px;
height: 44px;
}
.page-template-page-products-detail-mro .carousel-track-viewport {
width: calc(100% - 88px);
}
.page-template-page-products-detail-mro .thumb-item {
width: 64px;
height: 64px;
}
.page-template-page-products-detail-mro .info-section {
grid-column: 2;
grid-row: 3;
border-left: none;
border-top: 1px solid #E4E4E4;
min-width: 0;
overflow-x: hidden;
overflow-y: visible;
}
.page-template-page-products-detail-mro .header-box {
height: auto;
padding: 30px 20px 0;
}
.page-template-page-products-detail-mro .description-text {
padding: 0 20px;
overflow: visible;
}
.page-template-page-products-detail-mro .options-grid {
padding: 20px 0;
}
.page-template-page-products-detail-mro .dimensions-row {
flex-wrap: wrap;
gap: 20px;
justify-content: space-between;
}
.similar-products-module__grid {
grid-template-columns: repeat(2, 1fr);
}
.similar-products-module__card:nth-child(2) {
border-right: none;
}
.similar-products-module__card:nth-child(n
/**/
+3) {
border-top: 1px solid #eee;
}
.similar-products-module__header {
padding: 30px 20px 30px;
}
.similar-products-module__switch {
padding: 30px 20px 30px !important;
}
.similar-products-module__accent {
display: none;
}
.solutions-hero .product-series-banner__grid,
.solutions-hero .product-series-banner__cell,
.solutions-hero .solutions-hero__banner-container {
height: 420px;
}
.solutions-hero .solutions-hero__banner-content {
padding: 22px 20px;
width: 100%;
gap: 20px;
}
.solutions-hero__title {
line-height: 26px;
font-size: 16px;
}
.product-item .prod-name,
.product-item .prod-sku {
padding-right: 20px;
padding-left: 20px;
}
.product-item .prod-sku {
margin-top: 0;
}
.product-tabs-module {
--product-tabs-gutter: 20px;
}
.tabs-nav {
height: 72px;
padding: 16px 20px 16px 0;
}
.main-layout {
grid-template-columns: 1fr;
min-height: 0;
border-right: 0;
padding-top: 0;
}
.left-content {
max-width: 100%;
padding: 24px 20px;
}
.right-products {
width: 100%;
grid-template-columns: 1fr;
grid-template-rows: auto;
}
.product-item {
width: 100%;
height: auto;
min-height: 322px;
border: 1px solid #E4E4E4;
padding: 20px;
display: block;
box-sizing: border-box;
margin-bottom: -1px;
}
.prod-img {
width: 100%;
max-width: 100%;
height: 212px;
object-fit: cover;
mix-blend-mode: multiply;
}
.prod-name {
line-height: 40px;
text-transform: uppercase;
margin: 0;
text-align: left;
font-size: 13px;
width: 100%;
}
.prod-sku {
line-height: 20px;
margin: 0;
text-align: left;
font-size: 13px;
width: 100%;
}
.arrow-top-right {
position: absolute;
top: 20px;
right: 20px;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
}
.arrow-top-right path {
display: block;
}
.arrow-top-right::after {
display: none;
}
.prod-text-wrap {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
gap: 0;
}
.right-products.right-products--count-3 .product-item:nth-child(1) {
grid-column: auto;
border-right: 1px solid #E4E4E4;
}
.why-choose-module {
padding: 40px 20px;
}
.left-v-line {
top: -40px;
}
.grid-item {
padding: 20px 0;
}
.main-title {
font-size: 16px;
line-height: 24px;
}
.title-line {
height: 19px;
width: 3px;
left: -1px;
}
.customization-v3-content {
padding: 0;
}
.customization-v3-unique-node {
--customization-v3-gutter: 20px;
}
.customization-v3-inner {
margin: 0 auto;
padding: 44px 20px;
min-height: 0;
width: min(100%, 390px);
}
.layout-header-v3 {
flex-direction: column;
gap: 0;
padding: 20px 20px 0;
width: 100%;
margin-bottom: 0;
display: flex;
}
.main-wrapper-v3 {
gap: 0;
flex-direction: column-reverse;
width: 100%;
padding-bottom: 20px;
}
.layout-header-v3 h2 {
line-height: 40px;
padding: 0;
max-width: none;
font-size: 16px;
width: 100%;
font-family: "Archivo";
font-style: normal;
font-weight: 600;
text-transform: capitalize;
color: #231815;
box-sizing: border-box;
}
.list-entry-v3 {
padding: 20px 0;
gap: 20px;
align-items: center;
box-sizing: border-box;
}
.info-bundle-v3 h3 {
line-height: 20px;
font-size: 16px;
color: #003B90;
}
.info-bundle-v3 p {
line-height: 20px;
color: #231815;
font-size: 14px;
}
.svc-hero {
height: auto;
min-height: 520px;
padding: 0;
box-sizing: border-box;
border-left: none;
border-right: none;
}
.svc-hero-bg {
height: 100%;
left: 20px;
width: calc(100% - 40px);
}
.svc-hero::after {
left: 20px;
width: calc(100% - 40px);
}
.svc-hero::before {
content: "";
position: absolute;
left: 20px;
right: 20px;
top: 0;
bottom: 0;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
z-index: 1;
pointer-events: none;
}
.svc-hero-overlay {
background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 100%);
align-items: flex-end;
left: 0;
right: 0;
width: 100%;
padding: 0;
box-sizing: border-box;
position: absolute;
padding-bottom: 0;
}
.svc-hero-title {
line-height: 1.2;
font-size: 13px;
}
.svc-hero-desc {
line-height: 20px;
font-size: 13px;
}
.svc-hero-content {
gap: 20px;
padding: 40px 20px;
width: 100%;
}
.svc-hero-text-wrap {
max-width: 100%;
}
.solutions-hero-breadcrumb .product-series-breadcrumb__cell--crumbs {
padding: 0 20px;
}
.solutions-hero-breadcrumb .product-series-breadcrumb__sep {
margin: 0 6px;
}
.solutions-hero-breadcrumb .product-series-breadcrumb__link,
.solutions-hero-breadcrumb .product-series-breadcrumb__current {
font-size: 14px;
}
.v24-sustainability-section {
padding-left: 20px;
padding-right: 20px;
}
.v24-main-title {
font-size: 16px;
padding-left: 0;
}
.v24-main-title::before {
height: 19px;
left: calc(-1 * var(--v24-inner) - 2px);
transform: translateY(-50%);
}
.v25-social-responsibility {
--v25-gutter: 20px;
}
.v25-grid {
grid-template-columns: 1fr;
padding: 20px;
gap: 0;
}
.v25-section-title {
font-size: 16px;
line-height: 30px;
padding: 20px;
padding-left: 20px;
}
.v25-section-title::before {
height: 19px;
}
.v26-supply-chain__wrap {
--v26-gutter: 20px;
}
.v26-supply-chain__header {
padding: 20px;
}
.v26-supply-chain__nav {
width: 260px;
--v26-nav-pad: 20px;
padding: 0;
gap: 0;
border-top: 1px solid #E4E4E4;
order: 2;
}
.v26-supply-chain__media {
width: 360px;
padding: 20px;
height: auto;
border-top: 1px solid #E4E4E4;
order: 2;
}
.v26-supply-chain__content {
padding: 20px;
order: 1;
}
.v26-supply-chain__title {
font-size: 16px;
line-height: 30px;
}
.v26-supply-chain__accent {
height: 20px;
}
.v26-supply-chain__subtitle {
font-size: 13px;
line-height: 30px;
}
.v26-supply-chain__nav-item {
font-size: 13px;
line-height: 16px;
border-bottom: 1px solid #E4E4E4;
padding: 10px 20px;
text-align: left;
}
.sustainability-roadmap__timeline-col {
--sr-year-col: 96px;
--sr-dot-col: 32px;
width: 100%;
align-items: flex-start;
}
.sustainability-roadmap__stage {
font-size: 16px;
}
.sustainability-roadmap__content {
padding-bottom: 67px;
padding-left: 0;
}
.sustainability-roadmap__wrap {
--sr-gutter: 20px;
padding: 0 var(--sr-gutter);
}
.sustainability-roadmap__header {
padding: 30px 20px;
}
.sustainability-roadmap__table {
padding: 20px;
flex-direction: column;
align-items: stretch;
gap: 20px;
}
.sustainability-roadmap__img {
width: 92.666664px;
height: 210px;
}
.sustainability-roadmap__title {
font-size: 16px;
}
.sustainability-roadmap__accent {
height: 20px;
}
.related-blogs__right-line {
display: none;
}
.related-blogs__grid {
grid-template-columns: repeat(2, 1fr);
border-left: none;
border-right: none;
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
scrollbar-width: none;
-ms-overflow-style: none;
}
.related-blogs__card:nth-child(3) {
display: none;
}
.related-blogs__title {
font-size: 13px;
padding-left: 20px;
padding-top: 20px;
padding-bottom: 20px;
}
.related-blogs__title::before {
height: 12px;
width: 3px;
left: -1.5px;
}
.xy-wcu-banner-content {
left: 0;
bottom: 0;
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 40px 20px;
gap: 12px;
height: auto;
z-index: 2;
right: 0;
}
.xy-wcu-banner-title {
line-height: 22px;
font-size: 16px;
font-family: "Archivo";
font-style: normal;
font-weight: 900;
color: #EDEDED;
margin: 0;
}
.wcu-qm-header {
padding: 40px 20px;
gap: 20px;
flex-direction: column;
}
.wcu-qm-title {
font-size: 22px;
}
.wcu-qm-list {
padding: 40px 20px;
gap: 30px;
}
.wcu-qm-item-title {
font-size: 16px;
}
.wcu-qm-item-desc {
font-size: 13px;
}
.wcu-group-grid {
gap: 0;
padding: 20px;
flex-direction: column;
border-bottom: 1px solid #E4E4E4;
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px;
}
.wcu-title-row {
gap: 0;
flex-direction: column;
}
.wcu-rnd-heading {
line-height: 16px;
font-size: 14px;
margin-bottom: 10px;
}
.wcu-achieve-grid {
gap: 30px;
flex-direction: column;
padding: 20px;
}
.wcu-achieve-num {
font-size: 14px;
line-height: 22px;
}
.modular-solutions-exclusive-v5 {
--ms-side-gap: 20px;
padding: 0 var(--ms-side-gap);
}
.modular-solutions-exclusive-v5 .flex-stage-v5 {
height: 400px;
flex-direction: row;
width: 100%;
gap: 0;
border: none;
background: transparent;
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
margin-left: 0;
margin-right: 0;
}
.modular-solutions-exclusive-v5 .cell-v5 {
flex: 0 0 150px;
}
.modular-solutions-exclusive-v5 .flex-stage-v5:hover .cell-v5:first-child:not(:hover) {
flex: 0 0 150px;
}
.ms-bottom-title-v5 {
font-size: 18px;
}
.svc-fm-grid {
flex-direction: column;
gap: 40px;
}
.svc-fm-list {
flex: none;
width: 100%;
padding: 0;
box-sizing: border-box;
gap: 10px;
}
.svc-sol-gallery {
height: auto;
position: relative;
width: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
}
.svc-sol-content h3 {
font-size: 13px;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 600;
margin: 0 0 15px;
line-height: 1.2;
}
.svc-sol-content p {
font-size: 13px;
font-family: "Archivo", sans-serif;
line-height: 1.6;
margin: 0;
opacity: 0.9;
}
.svc-cs-container {
flex-direction: column;
gap: 0;
padding: 0 0px 40px;
}
.svc-cs-left {
flex: none;
width: 100%;
}
.svc-cs-img-sticky {
margin-bottom: 20px;
position: relative !important;
top: 0 !important;
}
.svc-cs-img-sticky img {
height: 180px;
width: 100%;
border-radius: 0;
aspect-ratio: auto;
display: block;
margin-left: 0;
}
.svc-cs-params {
flex-wrap: nowrap;
gap: 0;
flex-direction: row;
overflow-x: auto;
padding: 0;
margin: 0;
width: 100%;
margin-bottom: 0;
scrollbar-width: none;
box-sizing: border-box;
border: none;
justify-content: center;
}
.hero-slide-bg-pc {
display: none;
}
.hero-slide-bg-mobile {
display: block;
}
.text-group {
width: auto;
height: auto;
}
.product-series-breadcrumb__list {
gap: 8px;
}
.banner-container {
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
}
.product-series-banner {
padding: 0 20px;
}
.intro-grid-section {
padding: 40px 20px 0;
}
.intro-grid-section::before {
top: 40px;
}
.site-logo .custom-logo--default {
display: none !important;
}
.site-logo .custom-logo--sticky {
display: block !important;
}
#full-width-search.search-overlay {
top: 0;
left: 0;
width: 100vw;
height: 100dvh;
background-color: rgba(0, 0, 0, 0.35);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
transform: none;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 260ms ease, visibility 0s linear 260ms;
z-index: 2147483002 !important;
}
#full-width-search.search-overlay.is-open {
opacity: 1;
visibility: visible;
pointer-events: auto;
transition: opacity 260ms ease;
}
body.is-search-overlay-open {
overflow: hidden;
}
body.is-search-overlay-open .product-series-breadcrumb {
display: none !important;
}
body.is-search-overlay-open .product-series-filters {
display: none !important;
}
#full-width-search .search-bar {
position: relative;
top: 133px;
left: 0;
right: 0;
bottom: 0;
width: 100%;
transform: translatey(100vh);
transition: transform 260ms ease;
border: 0;
box-sizing: border-box;
overflow: hidden;
flex-direction: column;
align-items: stretch;
gap: 0;
padding: 20px;
background: #FFF;
}
#full-width-search.search-overlay.is-open .search-bar {
transform: translatey(0);
}
#full-width-search .search-bar-logo {
display: none;
}
#full-width-search .search-back {
position: absolute;
top: 20px;
left: 20px;
width: 44px;
height: 44px;
padding: 0;
border: 0;
background: transparent;
color: #231815;
display: inline-flex;
align-items: center;
justify-content: center;
}
#full-width-search .search-close {
position: absolute;
top: 20px;
right: 20px;
width: 44px;
height: 44px;
padding: 0;
border: 0;
background: transparent;
color: #231815;
display: inline-flex;
align-items: center;
justify-content: center;
}
#full-width-search .search-form {
flex: 1 1 auto;
width: 100%;
display: flex;
flex-direction: column;
align-items: stretch;
gap: 20px;
padding-top: 64px;
box-sizing: border-box;
}
#full-width-search .search-input-box {
width: 100%;
border: 0;
padding: 0;
box-sizing: border-box;
flex: 1 1 auto;
min-height: 0;
align-items: stretch;
display: flex;
flex-direction: column;
justify-content: flex-end;
overflow: hidden;
position: relative;
background: #FFF;
}
#full-width-search .search-fake-placeholder {
position: absolute;
left: 16px;
right: 16px;
top: 14px;
bottom: 14px;
overflow: hidden;
display: flex;
align-items: flex-end;
white-space: pre-wrap;
word-break: break-word;
color: #000;
line-height: 28px;
pointer-events: auto;
user-select: none;
font-size: 13px;
}
#full-width-search .search-fake-placeholder.is-hidden {
display: none;
}
#full-width-search .search-input-box svg {
display: none;
}
#full-width-search .search-input-box>span {
display: none;
}
#full-width-search .search-field-mobile {
display: block;
width: 100%;
height: 100%;
min-height: 0;
color: #000;
line-height: 20px;
background: transparent;
border: 0;
outline: 0;
resize: none;
overflow: hidden;
font-size: 13px;
}
body.is-search-overlay-open #full-width-search .search-form {
min-height: 0;
height: 100%;
}
body.is-search-overlay-open #full-width-search .search-input-box {
flex: 0 0 auto;
min-height: 0;
align-items: stretch;
}
body.is-search-overlay-open #full-width-search .search-submit {
margin-top: 0;
}
#full-width-search .search-submit {
width: 100%;
height: 56px;
margin-left: 0;
background: #003B90;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
font-size: 13px;
}
.mobile-drawer {
top: 133px;
left: 0;
right: 0;
bottom: 0;
width: 100%;
transform: translatey(100vh);
transition: transform 260ms ease;
border: 1px solid #E4E4E4;
box-sizing: border-box;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
z-index: 999999 !important;
}
.mobile-drawer.is-active {
transform: translatey(0);
}
.product-series-breadcrumb__back svg {
width: 32px;
height: 32px;
}
.product-series-filters {
padding: 0 20px;
}
.page-template-page-product-series .product-series-filters {
position: static !important;
top: auto !important;
z-index: auto !important;
transition: none !important;
will-change: auto;
}
.page-template-page-product-series .product-series-filters.is-stuck.ps-hidden {
transform: translatey(calc(-100% - var(--xy-custom-header-h, 125px) - var(--xy-ps-breadcrumb-h, 109px))) !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: none !important;
}
.product-series-filters__cell--side-left,
.product-series-filters__cell--side-right {
display: none;
}
.product-series-filters__cell--main {
border-right: 1px solid #E4E4E4;
border-left: 1px solid #E4E4E4;
}
.product-series-filter--application,
.product-series-filter--search {
border: 0;
}
.page-template-page-product-series .product-series-filters.is-stuck {
padding: 0;
background: #FFF;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filters__grid {
grid-template-columns: 1fr;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filters__cell--main {
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filters__bar {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
padding: 0;
border-top: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter--type,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter-dropdown-wrap--application,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-search {
width: 100%;
min-width: 0;
padding: 0;
justify-content: center;
display: flex;
align-items: center;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter-dropdown-wrap--application,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-search {
border-left: 1px solid #E4E4E4;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter--type,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter--application,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-search {
padding-left: 0;
padding-right: 0;
height: 60px;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter-dropdown-wrap--application,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter-dropdown-wrap--type {
align-items: stretch;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter--application {
width: 100%;
height: 100%;
justify-content: center;
padding: 0;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter--type {
width: 100%;
height: 100%;
justify-content: center;
padding: 0;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-search {
justify-content: center;
padding: 0;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter__label,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-search__text {
display: none;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter--type svg:last-child,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter--application svg:last-child {
display: none;
}
body.is-product-series-application-open {
overflow: hidden;
}
body.is-product-series-application-open .page-template-page-product-series .product-series-filters {
will-change: auto !important;
transform: none !important;
top: 0 !important;
z-index: 2147483000 !important;
}
body.is-product-series-search-open {
overflow: hidden;
}
body.is-product-series-search-open .page-template-page-product-series .product-series-filters {
will-change: auto !important;
transform: none !important;
top: 0 !important;
z-index: 2147483000 !important;
}
body.is-product-series-search-open .site-header {
display: none !important;
}
body.is-product-series-search-open .product-series-breadcrumb {
display: none !important;
}
body.is-product-series-search-open .product-series-banner {
display: none !important;
}
body.is-product-series-application-open .product-series-banner {
display: none !important;
}
.page-template-page-product-series .product-series-filter-dropdown {
position: fixed;
inset: 0;
width: 100vw;
height: 100vh;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: none;
transition: opacity 0.2s ease, visibility 0.2s ease;
display: flex;
justify-content: flex-end;
align-items: flex-end;
z-index: 9999;
}
.page-template-page-product-series .product-series-filter-dropdown-wrap.is-open .product-series-filter-dropdown {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.page-template-page-product-series .product-series-filter-dropdown__panel {
width: 100%;
position: relative;
height: min(82vh, 720px);
max-height: calc(100vh - 40px);
background: #FFF;
border-top-left-radius: 0;
border-top-right-radius: 0;
overflow: hidden;
transform: translatex(100%);
transition: transform 0.28s ease;
display: flex;
flex-direction: column;
}
.page-template-page-product-series .product-series-filter-dropdown-wrap.is-open .product-series-filter-dropdown__panel {
transform: translatex(0);
}
.page-template-page-product-series .product-series-filter-dropdown__header {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 12px;
padding: 60px 20px 20px;
border-bottom: 1px solid #E4E4E4;
position: relative;
}
.page-template-page-product-series .product-series-filter-dropdown__icon {
display: block;
width: 24px;
height: 24px;
}
.page-template-page-product-series .product-series-filter-dropdown__title {
width: auto;
line-height: 1;
font-weight: 700;
color: #003B90;
font-size: 13px;
}
.page-template-page-product-series .product-series-filter-dropdown__close {
position: absolute;
right: 20px;
top: 30%;
transform: translatey(-50%);
}
.page-template-page-product-series .product-series-filter-dropdown__frame {
position: relative;
width: 100%;
height: auto;
min-height: 0;
left: 0;
top: auto;
padding: 20px;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
scrollbar-color: #003B90 transparent;
}
.page-template-page-product-series .product-series-filter-dropdown__frame::after {
content: "";
position: sticky;
left: 0;
right: 0;
bottom: 0;
display: block;
height: 90px;
margin-top: -90px;
background: linear-gradient(to top, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 100%);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
pointer-events: none;
z-index: 1;
}
.page-template-page-product-series .product-series-filter-dropdown__frame::-webkit-scrollbar {
width: 4px;
}
.page-template-page-product-series .product-series-filter-dropdown__frame::-webkit-scrollbar-track {
background: transparent;
}
.page-template-page-product-series .product-series-filter-dropdown__frame::-webkit-scrollbar-thumb {
background: #003B90;
min-height: 130px;
}
.page-template-page-product-series .product-series-filter-dropdown__footer {
flex: 0 0 auto;
padding: 20px;
background: #FFF;
}
.page-template-page-product-series .product-series-filter-dropdown__search-btn {
width: 100%;
height: 56px;
background: #003B90;
color: #FFF;
border: 0;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
line-height: 1;
cursor: pointer;
transition: background-color 0.2s ease;
font-size: 13px;
}
.page-template-page-product-series .product-series-filter-dropdown__search-btn:hover,
.page-template-page-product-series .product-series-filter-dropdown__search-btn:active {
background-color: #007DBF;
}
.page-template-page-product-series .product-series-filter-dropdown__row {
width: 100%;
height: auto;
box-sizing: border-box;
}
.page-template-page-product-series .product-series-filter-dropdown__item {
width: 100%;
justify-content: center;
padding: 18px 10px;
margin: 0;
position: relative;
}
.page-template-page-product-series .product-series-filter-dropdown__row.is-active .product-series-filter-dropdown__item::after {
border-color: #003B90;
}
.page-template-page-product-series .product-series-filter-dropdown__indicator {
display: none;
}
.product-series-products__divider {
display: none;
}
.product-series-products__card--placeholder {
display: none;
}
.product-series-products__row:last-of-type .product-series-products__card:last-child {
border-bottom: none;
}
.product-series-products__content {
gap: 6px;
flex: 0 0 auto;
padding: 0 20px 20px 20px;
}
.product-series-pagination__container {
padding-left: 20px;
padding-right: 20px;
padding: 30px 20px;
}
.product-series-contact__bg-img {
inset: auto;
left: 0;
top: 0;
width: 752px;
height: 271px;
max-width: none;
object-fit: cover;
}
.product-series-contact__btn {
width: 100%;
max-width: 310px;
height: 60px;
}
.banner-overlay {
background: linear-gradient(0deg, #1B2129 0%, rgba(27, 33, 41, 0) 100%);
}
.product-series-banner__btn span {
font-size: 13px;
}
.header-mobile-actions button {
pointer-events: auto !important;
position: relative;
z-index: 9999999;
}
.hero-container {
padding: 0;
}
.hero-floating-actions {
right: 20px;
bottom: 100px;
}
.floating-btn {
width: 40px;
height: 40px;
}
.hero-progress {
left: 20px;
right: 20px;
bottom: 30px;
}
.grid-3 {
display: flex;
overflow-x: auto;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
-ms-overflow-style: none;
scrollbar-width: none;
}
.grid-3::-webkit-scrollbar {
display: none;
}
.cell-visual {
padding: 40px 0;
}
.scrollbar-thumb {
width: 142px;
height: 100%;
background-color: #003B90;
position: absolute;
top: 0;
left: 0;
}
.new-section {
padding-left: 20px;
padding-right: 20px;
}
.new-section-mobile-image {
position: relative;
width: 100%;
height: 40vh;
overflow: hidden;
}
.new-section-mobile-image .new-section-image {
object-fit: cover;
height: 100%;
}
.play-button-overlay {
position: absolute;
bottom: 0;
left: 0;
width: 60px;
height: 60px;
background-color: rgba(255, 255, 255, 0.18);
border: 1px solid rgba(255, 255, 255, 0.5);
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.xy-home-video-dialog {
width: 100vw;
height: 100vh;
transform: none;
left: 0;
top: 0;
}
.xy-home-video-close {
left: 20px;
right: auto;
top: 48px;
}
.xy-home-video-header {
left: 92px;
top: 48px;
right: 20px;
}
.xy-home-video-player {
width: 100vw;
height: 100vh;
aspect-ratio: auto;
}
.new-section-mobile-text {
padding: 30px 0 0;
}
.decorative-bar {
height: 12px;
margin-bottom: 0;
}
.new-section-mobile .new-section__btn {
width: 100%;
justify-content: flex-start;
padding: 15px 20px;
border-radius: 0;
}
.capabilities-left {
flex: 1 1 auto;
max-width: 100%;
width: 100%;
}
.capabilities-right {
flex: 1 1 auto;
max-width: 100%;
border: 0;
padding: 0;
}
.capabilities-desc {
max-width: 100%;
}
.capabilities-grid {
grid-template-columns: repeat(2, 1fr);
}
.cap-item:nth-child(3n + 2),
.cap-item:nth-child(3n + 3) {
border-left: none;
}
.cap-item:nth-child(2n) {
border-left: none;
}
.capabilities-grid .cap-item::before {
left: 12px;
right: 12px;
display: block;
top: auto;
bottom: 0;
height: 1px;
background: #E4E4E4;
}
.capabilities-grid .cap-item::after {
top: 12px;
bottom: 12px;
display: none;
}
.capabilities-grid .cap-item:nth-child(-n + 2)::before {
display: none;
}
.capabilities-grid .cap-item:nth-child(2n + 1)::after {
display: block;
left: auto;
right: 0;
top: 12px;
bottom: 12px;
width: 1px;
background: #E4E4E4;
}
.cap-label {
width: 107px;
}
.cap-item--highlight {
text-align: left;
}
.cap-highlight-desc {
margin: 0;
max-width: 100%;
}
.cap-item.is-active {
height: auto;
}
.cap-item.is-active .cap-number,
.cap-item.is-active .cap-unit,
.cap-item.is-active .cap-label {
color: #003B90;
}
.cap-item.is-active .cap-highlight-desc {
display: block;
line-height: 16px;
padding: 10px 0 0;
font-size: 13px;
}
.intro-grid__link svg {
position: absolute;
top: 10px;
right: 10px;
z-index: 2;
width: 32px;
height: 32px;
}
.capabilities-grid .cap-item:nth-last-child(-n + 2)::before {
display: none;
}
.capabilities-grid .cap-item:nth-child(1)::before,
.capabilities-grid .cap-item:nth-child(2)::before,
.capabilities-grid .cap-item:nth-child(3)::before {
display: block;
}
.story-container {
flex-direction: column;
align-items: flex-start;
gap: 24px;
padding: 40px 40px;
height: 100%;
}
.story-content {
flex: 1 1 auto;
max-width: 100%;
}
.story-visual {
flex: 1 1 auto;
max-width: 100%;
width: 100%;
justify-content: flex-end;
}
.story-image {
width: 248px;
height: 214px;
max-width: none;
}
.cards-grid {
display: flex;
overflow-x: auto;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
scrollbar-width: none;
}
.cards-grid::-webkit-scrollbar {
display: none;
}
.cards-item {
flex: 0 0 calc(100% - 80px);
padding: 20px 20px 0;
scroll-snap-align: start;
}
.cards-item+.cards-item {
border-left: 1px solid #E4E4E4;
}
.cards-date {
padding-left: 0;
}
.cards-media {
width: 260px;
height: 260px;
}
.cards-footer {
margin-left: -20px;
margin-right: -20px;
}
.cards-footer .cards-link {
padding: 22.5px 0 22.5px 20px;
}
.cards-section {
padding: 0 20px;
}
.faq-bar {
margin-left: calc(-20px - 2px);
height: 12px;
}
.site-footer {
padding-top: 0;
padding-bottom: 160px;
padding-left: 20px;
padding-right: 20px;
}
.footer-col--company {
grid-area: company;
}
.footer-col--services {
grid-area: services;
}
.footer-col--products {
grid-area: products;
grid-column: 1/-1;
border-left: none;
padding-left: 0;
}
.footer-social--desktop {
display: none;
}
.footer-social--mobile {
display: flex;
}
.footer-social {
justify-content: space-between;
padding: 20px;
}
.footer-subscribe {
padding: 0;
}
.footer-subscribe-btn {
border-top: 1px solid rgba(255, 255, 255, 0.25);
width: 100%;
max-width: 100%;
gap: 20px;
padding: 18px 0;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
font-size: 13px;
}
.footer-heading {
font-family: "Archivo", sans-serif;
font-weight: 400;
padding: 0;
font-size: 13px;
}
.footer-link {
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 600;
padding: 0;
font-size: 13px;
}
.footer-social-link {
width: 30px;
height: 30px;
}
.footer-contact-title {
font-family: "Archivo", sans-serif;
font-weight: 600;
line-height: 20px;
font-size: 13px;
}
.footer-contact-text {
font-family: "Archivo", sans-serif;
font-weight: 300;
line-height: 20px;
padding: 0;
font-size: 13px;
}
.cta-section {
min-height: 24vh;
}
.faq-container {
padding-top: 40px;
}
.faq-section {
padding-left: 20px;
padding-right: 20px;
}
.faq-Rectangle {
height: 44px;
background: rgba(12, 47, 98, 0.05);
}
.footer-col {
width: 100%;
gap: 44px;
}
.footer-contact {
padding: 20px;
}
.blog-pagination {
padding: 0 20px;
}
.blog-hero__overlay,
.blog-hero__hover-panel {
padding: 20px;
}
.blog-hero__date,
.news-header__subtitle {
font-size: 13px;
}
.blog-hero__desc,
.blog-hero__hover-desc {
font-size: 13px;
}
.blog-subscribe__input {
width: 100%;
padding: 20px;
font-size: 13px;
}
.blog-subscribe__btn {
width: 100%;
justify-content: center;
padding: 20px;
font-size: 13px;
}
.blog-pagination__link svg {
width: 20px;
height: 20px;
}
.blog-content,
.blog-subscribe,
.blog-hero {
padding: 0 20px;
}
.blog-share a {
width: 24px;
height: 24px;
}
.other-blogs-section {
padding-left: 20px;
padding: 50px 0 0 0;
padding-right: 0 !important;
}
.other-blogs-header {
padding: 20px;
border-left: none;
}
.other-blogs-header::before {
display: block;
left: 0;
width: 3px;
height: 12px;
}
.other-blogs-title {
font-size: 13px;
}
.other-blogs-title-text {
font-size: 13px;
}
.other-blogs-wrapper {
border-left: none;
border-right: none;
}
.xy-local-faq-section {
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
border-left: none;
border-right: none;
}
.xy-local-faq-section::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 20px;
right: 20px;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
pointer-events: none;
}
.xy-contact-submit-module {
margin: 40px 0;
padding: 0 20px;
}
.xy-local-faq-header {
padding: 40px 0 0;
}
.xy-local-faq-title {
font-size: 13px;
}
.xy-local-faq-bottom-block {
height: 44px;
}
.xy-local-faq-list {
padding: 0;
}
.xy-contact-blogs-section {
padding: 50px 0 0 0;
}
.xy-contact-blogs-header {
padding: 0 20px 20px;
border-left: none;
}
.xy-contact-blogs-header::before {
display: none;
}
.xy-contact-blogs-title {
font-size: 13px;
}
.xy-contact-blogs-wrapper {
border-left: none;
border-right: none;
}
.xy-contact-blogs-title-text {
font-size: 13px;
}
.xy-contact-blogs-scroll-container {
margin-top: 30px;
margin-bottom: 50px;
}
.xy-events-intro {
display: block;
padding: 0 20px;
}
.xy-events-intro__box {
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
padding: 40px 20px 20px;
}
.xy-events-intro__title {
margin: 0 0 10px;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 700;
line-height: 1.1;
color: #231815;
font-size: 13px;
}
.xy-events-intro__meta {
display: flex;
align-items: flex-start;
gap: 8px;
margin-bottom: 8px;
font-family: "Archivo", sans-serif;
font-weight: 400;
line-height: 1.35;
color: #231815;
font-size: 13px;
}
.xy-events-intro__meta svg {
flex-shrink: 0;
margin-top: 1px;
}
.xy-events-intro__desc {
margin: 0;
font-family: "Archivo", sans-serif;
font-weight: 300;
line-height: 1.45;
color: #231815;
font-size: 13px;
}
.xy-events-intro__footer {
display: flex;
align-items: stretch;
justify-content: space-between;
margin-top: 14px;
}
.xy-events-intro__socials {
display: flex;
align-items: center;
gap: 14px;
padding: 12px 0;
}
.xy-events-intro__socials a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
text-decoration: none;
}
.xy-events-hero {
min-height: 560px;
height: calc(var(--xy-visual-vh, 100vh) * 0.65);
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
background: #FFF;
border-top: 1px solid rgba(228, 228, 228, 0.5);
}
.xy-events-hero__slider {
position: absolute;
inset: 0 20px;
}
.xy-events-hero__desc {
font-size: 13px;
}
.xy-explore-hero__desc {
font-size: 13px;
}
.xy-explore-hero__btn {
font-size: 13px;
}
.news-subscribe-input {
font-size: 13px;
}
.news-header__inner {
padding: 40px 20px 20px;
}
.news-detail-main>section {
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
border-left: 1px solid #E5E5E5;
border-right: 1px solid #E5E5E5;
}
.news-header__date {
margin-bottom: 20px;
font-size: 13px;
}
.news-header__desc {
font-size: 13px;
}
.news-footer-action__inner {
flex-direction: column;
align-items: stretch;
gap: 0;
}
.news-footer-action__left {
flex-direction: column;
align-items: center;
width: 100%;
}
.news-footer-action__divider {
display: block;
width: 100%;
height: 1px;
background: #E5E5E5;
}
.news-top-pagination__link {
font-size: 13px;
}
.news-scroll-container {
margin-top: 30px;
margin-bottom: 50px;
}
.news-mobile-divider {
display: block;
width: 100%;
height: 1px;
background: #E5E5E5;
}
.news-share {
padding: 20px 0;
}
.page-template-page-products-detail-mro #modal3D.mro3d-modal {
padding: 0;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.01);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
display: none;
}
.page-template-page-products-detail-mro #modal3D.mro3d-modal.active {
display: block;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__card {
width: 100%;
height: auto;
position: absolute;
top: 133px;
bottom: 0;
left: 0;
right: 0;
background: #fff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
aspect-ratio: auto;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__viewer {
height: 100%;
justify-content: center;
align-items: center;
padding: 0 20px;
box-sizing: border-box;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__img {
width: 88%;
height: auto;
max-height: none;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__hint {
position: absolute;
top: 80px;
left: 0;
right: 0;
bottom: auto;
text-align: center;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__close {
top: 20px;
right: 20px;
background: transparent;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__nav {
position: absolute;
bottom: 40px;
background: transparent;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__nav--prev {
left: 20px;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__nav--next {
right: 20px;
}
.related-blogs__heading {
font-size: 13px;
}
.related-blogs-section .section-container {
padding-left: 20px;
padding-right: 0;
}
.related-blogs__top-divider {
margin-bottom: 30px;
width: calc(100% - 20px);
}
.related-blogs__content-wrapper {
padding-left: 0;
}
.related-blogs__mid-divider {
width: 100%;
}
.related-blogs__grid::-webkit-scrollbar {
display: none;
}
.scrollbar-track {
width: 100%;
height: 4px;
background-color: #F3F5F7;
position: relative;
}
.related-blogs__card {
border-right: 1px solid #E4E4E4;
border-left: none;
padding: 10px 20px 0;
flex: 0 0 85%;
scroll-snap-align: start;
}
.related-blogs__card:last-child {
border-right: 1px solid #E4E4E4;
}
.related-blogs__grid::after {
content: "";
display: block;
flex: 0 0 20px;
width: 20px;
}
.related-blogs__card:nth-child(2),
.related-blogs__card:nth-child(3) {
display: flex;
}
.related-blogs__date {
padding: 0 0 20px 0;
font-size: 13px;
}
.related-blogs__content {
padding: 20px 0;
color: #231815;
line-height: 24px;
font-size: 13px;
}
.related-blogs__desc {
font-size: 13px;
}
.related-blogs__footer {
margin-left: -20px;
margin-right: -20px;
}
.related-blogs__link {
padding: 20px;
font-size: 13px;
}
.xy-chat-window {
position: fixed;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 100vh;
border-radius: 0;
}
.xy-chat-body {
flex: 1;
height: auto;
}
.xy-chat-trigger {
width: 40px;
height: 40px;
}
.v25-item-text {
line-height: 30px;
font-size: 13px;
padding: 20px 10px;
}
.v25-item-desc {
line-height: 24px;
font-size: 13px;
}
.v26-supply-chain__text {
line-height: 24px;
font-size: 13px;
}
.page-template-page-products-detail-mro .product-title {
font-size: 16px;
}
.page-template-page-products-detail-mro .label {
font-size: 13px;
}
.page-template-page-products-detail-mro .size-btn {
font-size: 14px;
width: 90px;
}
.page-template-page-products-detail-mro .contact-btn {
height: 60px;
font-size: 16px;
}
.v21-news-item {
flex-direction: column-reverse;
gap: 20px;
height: 100%;
}
.v21-text-content {
padding: 20px;
}
.v21-image-box {
width: 100%;
height: 200px;
}
.v21-item-title {
font-size: 16px;
}
.xy-about-driven-image img {
padding: 0 20px;
height: 250px;
}
.xy-about-driven-item p {
line-height: 28px;
font-size: 13px;
}
.xy-about-driven-item svg {
width: 8px;
height: 8px;
}
.xy-about-driven-bottom-container {
flex-direction: column;
gap: 20px;
padding: 20px 0;
align-items: center;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
}
.xy-about-driven-card {
width: 350px;
height: 282px;
position: relative;
flex: none;
}
.xy-about-driven-card img {
width: 100%;
height: 288px;
position: absolute;
left: 50%;
top: -6px;
transform: translatex(-50%);
object-fit: cover;
}
.xy-about-driven-card-mask {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 20px;
gap: 12px;
position: absolute;
width: 350px;
height: auto;
left: 50%;
bottom: 0;
transform: translatex(-50%);
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
justify-content: flex-end;
}
.xy-about-driven-card-mask h3 {
font-family: "Zalando Sans Expanded";
font-style: normal;
font-weight: 400;
line-height: 19px;
color: #EDEDED;
margin: 0;
width: 310px;
font-size: 16px;
}
.xy-about-driven-card-mask p {
font-family: "Archivo";
font-style: normal;
font-weight: 400;
line-height: 16px;
color: #EDEDED;
margin: 0;
width: 310px;
font-size: 14px;
}
.xy-about-driven-card+.xy-about-driven-card {
border-left: none;
}
.xy-about-overview-link svg {
top: 10px;
right: 10px;
width: 32px;
height: 32px;
}
.xy-about-overview-desc {
line-height: 16px;
font-size: 13px;
}
.xy-about-overview-grid {
display: flex;
overflow-x: auto;
-ms-overflow-style: none;
scrollbar-width: none;
border-left: none;
border-right: none;
}
.xy-about-overview-grid::-webkit-scrollbar {
display: none;
}
.xy-about-overview-cell+.xy-about-overview-cell {
border-left: 1px solid #E4E4E4;
}
.xy-about-overview-cell-title,
.xy-about-history-title {
font-size: 16px;
}
.xy-about-overview-scrollbar-container {
display: block;
margin-top: -1px;
}
.xy-about-banner-bg {
position: absolute;
width: 711px;
height: 461px;
left: calc(50% - 711px / 2 + 0.5px);
}
.xy-about-banner-subtitle {
font-family: "Archivo";
font-style: normal;
font-weight: 400;
line-height: 36px;
color: #EDEDED;
margin: 0;
font-size: 16px;
}
.xy-about-banner-desc {
font-family: "Archivo";
font-style: normal;
font-weight: 100;
line-height: 20px;
color: #EDEDED;
margin: 0;
width: 350px;
font-size: 13px;
}
.xy-about-foot-container {
padding: 0;
}
.xy-about-foot-title {
font-size: 16px;
}
.xy-about-foot-title-line {
height: 12px;
}
.xy-about-foot-header {
margin-bottom: 170px;
}
.xy-about-foot-header h3 {
line-height: 20px;
font-size: 16px;
}
.xy-about-foot-header p {
line-height: 16px;
font-size: 13px;
}
.xy-about-foot-stats::-webkit-scrollbar {
display: none;
}
.xy-about-achieve-grid {
flex-direction: row;
flex-wrap: wrap;
gap: 0;
border-left: none;
border-right: none;
}
.xy-about-achieve-box:nth-child(even) {
border-right: none;
}
.xy-about-achieve-box-img img {
max-width: 143px;
max-height: 143px;
}
.xy-about-achieve-grid>div:nth-child(1) {
order: 2;
}
.xy-about-achieve-grid>div:nth-child(2) {
order: 1;
}
.xy-about-achieve-grid>div:nth-child(3) {
order: 4;
}
.xy-about-achieve-grid>div:nth-child(4) {
order: 3;
}
.xy-about-achieve-grid>div:nth-child(6) {
order: 6;
}
.xy-about-achieve-grid>div:nth-child(5) {
order: 5;
}
.xy-about-achieve-grid>div:nth-child(8) {
order: 8;
}
.xy-about-achieve-grid>div:nth-child(7) {
order: 7;
}
.xy-about-overview-left,
.xy-about-overview-right {
padding: 0;
}
.xy-contact-hero {
padding: 0 20px;
}
.xy-contact-header-module,
.xy-contact-info-module {
padding: 0 20px;
}
.xy-contact-detail-item,
.xy-contact-detail-item {
font-size: 13px;
}
.xy-social-link {
width: 20px;
height: 20px;
}
.xy-social-link svg {
width: 20px;
height: 20px;
}
.xy-contact-icon svg {
width: 16px;
height: 16px;
}
.xy-contact-container,
.xy-contact-container {
padding: 20px;
}
.xy-form-group-full {
grid-column: span 1;
}
.xy-contact-form-desc {
margin-bottom: 20px;
font-size: 16px;
}
.v21-news-section {
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
.v21-date {
font-size: 13px;
}
.v21-news-container {
border-left: 1px solid rgba(228, 228, 228, 0.5);
border-right: 1px solid rgba(228, 228, 228, 0.5);
}
.article-selector__item--empty {
display: none;
}
.article-selector__text {
font-size: 14px;
}
.article-selector__icon {
width: 24px;
height: 24px;
}
.v21-item-desc {
width: 100%;
font-size: 13px;
}
.hero-banner-divider {
display: block;
}
.hero-banner-module .hero-breadcrumb {
margin: 0 0 14px;
}
.hero-banner-module .hero-subtitle {
font-size: 13px;
}
.perf-display {
flex-direction: column;
}
.mobile-carousel-controls {
display: flex;
}
.perf-content-desc {
line-height: 20px;
font-size: 13px;
}
.large-card,
.long-card,
.small-card {
grid-column: span 1;
height: 266px;
width: 100%;
}
.item-overlay h3 {
font-size: 16px;
}
.item-overlay {
padding: 20px 40px;
}
.solutions-hero-banner-bottom-bar {
height: 44px;
}
.solutions-hero__title-row {
gap: 10px;
}
.solutions-hero__desc {
line-height: 18px;
font-size: 13px;
}
.tabs-accent {
height: 12px;
margin-right: 16px;
}
.tabs-title {
line-height: 24px;
font-size: 16px;
}
.tabs-title svg {
width: 28px;
height: 28px;
}
.right-products.right-products--count-1,
.right-products.right-products--count-2,
.right-products.right-products--count-3 {
grid-template-columns: 1fr;
grid-template-rows: auto;
width: 100%;
}
.right-products.right-products--count-2 .prod-img {
height: 242px;
}
.header-row {
margin-bottom: 20px;
min-height: 24px;
padding-left: 12px;
}
.grid-container {
grid-template-columns: 1fr;
}
.right-v-line {
top: -40px;
}
.item-right-line {
display: none;
}
.item-bottom-line {
display: block;
}
.icon-box {
width: 40px;
height: 40px;
margin-bottom: 15px;
}
.item-title {
line-height: 16px;
margin: 0 0 10px 0;
font-size: 14px;
}
.list-entry-v3,
.visual-anchor-v3 {
padding: 20px;
}
.customization-v3-frame {
overflow: hidden;
}
.customization-v3-container {
max-width: none;
width: 100%;
}
.visual-anchor-v3 {
width: 100%;
flex: 0 1 auto;
}
.visual-anchor-v3 img {
width: 100%;
margin: 0 auto;
}
.feature-stack-v3 {
width: 100%;
gap: 0;
}
.icon-bracket-v3 {
width: 24px;
height: 24px;
}
.icon-bracket-v3 svg {
width: 24px;
height: 24px;
}
.info-bundle-v3 {
flex: 1;
gap: 8px;
}
.v24-header {
padding: 20px 20px;
--v24-inner: 20px;
}
.v24-body {
padding: 0 20px 40px;
}
.v24-steps-wrap {
max-width: none;
}
.v24-steps-list {
gap: 26px;
}
.v24-step-item {
gap: 16px;
}
.v24-icon-circle {
width: 40px;
height: 40px;
}
.v24-icon-circle svg {
width: 40px;
height: 40px;
}
.v24-step-title {
margin-bottom: 8px;
font-size: 14px;
}
.v24-step-desc {
font-size: 13px;
}
.v26-supply-chain__body {
flex-direction: column;
}
.v26-supply-chain__nav,
.v26-supply-chain__detail,
.v26-supply-chain__media,
.v26-supply-chain__content,
.v26-supply-chain__detail-panel {
width: 100%;
border-right: none;
}
.v26-supply-chain__detail {
order: 1;
}
.v26-supply-chain__nav-item:last-child {
border-bottom: none;
}
.v26-supply-chain__nav-item.is-active::after {
display: none;
}
.v26-supply-chain__detail-panel {
flex-direction: column;
}
.sustainability-roadmap__year {
padding-right: 0;
}
.sustainability-roadmap__media-col {
width: 100%;
flex-direction: row;
justify-content: space-between;
gap: 10px;
}
.sustainability-roadmap__media {
padding-bottom: 0;
}
.sustainability-roadmap__timeline-col::before {
margin-left: 0;
}
.wcu-rnd-sec .wcu-container,
.wcu-achieve-sec .wcu-container,
.wcu-qm-sec .wcu-container {
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
}
.wcu-qm-item {
gap: 20px;
}
.wcu-qm-icon {
width: 36px;
height: 36px;
margin-left: 0;
}
.wcu-group-sec {
padding: 0 20px;
}
.wcu-subtitle-box {
padding: 20px 20px 0;
}
.wcu-title-box {
padding: 0 20px;
}
.wcu-dot svg {
width: 8px;
height: 8px;
}
.wcu-group-right {
display: block;
padding: 0 20px 20px;
}
.wcu-list {
margin: 0;
}
.wcu-list li svg {
width: 34px;
height: 34px;
margin-right: 0;
}
.wcu-rnd-header {
padding: 20px;
}
.wcu-rnd-title {
font-size: 16px;
}
.wcu-rnd-title::before {
height: 12px;
}
.wcu-rnd-grid {
flex-direction: column;
padding: 20px;
}
.wcu-rnd-img-wrapper {
width: 100%;
height: auto;
aspect-ratio: 1/1;
}
.wcu-rnd-img-deco-tl,
.wcu-rnd-img-deco-br {
width: 40px;
height: 40px;
}
.wcu-achieve-header {
padding: 20px 20px 0 20px;
}
.wcu-achieve-title {
font-size: 18px;
}
.xy-wcu-banner {
height: 461px;
background: #F3F5F7;
padding: 0;
}
.xy-wcu-banner-bg {
position: absolute;
width: 711px;
height: 461px;
left: calc(50% - 711px / 2 + 0.5px);
}
.xy-wcu-banner-mask {
display: block;
background: linear-gradient(0deg, rgba(27, 33, 41, 0.6) 2.84%, rgba(27, 33, 41, 0) 98.08%);
}
.xy-wcu-banner-desc {
font-family: "Archivo";
font-style: normal;
font-weight: 100;
line-height: 20px;
color: #EDEDED;
margin: 0;
width: 350px;
font-size: 13px;
}
.modular-solutions-exclusive-v5 .title-row-v5 {
margin-bottom: 0;
}
.modular-solutions-exclusive-v5 .indicator-v5 {
height: 12px;
}
.modular-solutions-exclusive-v5 .main-label-v5 {
font-size: 16px;
}
.modular-solutions-exclusive-v5 .flex-stage-v5::-webkit-scrollbar {
display: none;
}
.modular-solutions-exclusive-v5 .cell-v5,
.modular-solutions-exclusive-v5 .cell-v5:first-child,
.modular-solutions-exclusive-v5 .flex-stage-v5:hover .cell-v5:first-child:not(:hover) {
width: calc(100vw - 40px);
height: 100%;
flex: 0 0 calc(100vw - 40px);
margin: 0;
scroll-snap-align: start;
}
.modular-solutions-exclusive-v5 .mask-v5 {
padding: 20px;
justify-content: flex-end;
background: linear-gradient(to top, rgba(0, 30, 60, 0.9) 0%, rgba(0, 30, 60, 0) 60%);
}
.modular-solutions-exclusive-v5 .info-v5 {
opacity: 1;
transform: translatey(0);
max-width: 100%;
}
.modular-solutions-exclusive-v5 .heading-v5 {
white-space: normal;
margin-bottom: 10px;
font-size: 16px;
}
.modular-solutions-exclusive-v5 .para-v5 {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 14px;
}
.modular-solutions-exclusive-v5 .action-v5 {
display: none;
}
.ms-slider-nav-v5 {
display: flex !important;
justify-content: space-between;
align-items: center;
padding: 20px;
border-right: 1px solid #E4E4E4;
border-left: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
}
.ms-slider-arrow-v5 {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.ms-slider-arrow-v5 svg {
width: 24px;
height: 24px;
stroke: #231815;
}
.wcu-rnd-sec,
.wcu-achieve-sec,
.wcu-qm-sec {
padding: 0 20px;
}
.mobile-drawer-overlay {
z-index: 999998 !important;
}
.v21-news-pagination__container {
padding-left: 20px;
padding-right: 20px;
}
.v21-news-pagination {
height: 100px;
}
.v21-news-pagination__inner {
height: 100px;
gap: 30px;
}
.v21-news-pagination__numbers {
gap: 30px;
}
.v21-news-pagination__number,
.v21-news-pagination__dots {
line-height: 22px;
font-size: 13px;
}
.article-selector__dropdown {
position: fixed;
inset: 0;
width: 100vw;
height: 100vh;
left: auto;
right: auto;
top: 0;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: none;
transition: opacity 0.2s ease, visibility 0.2s ease;
display: flex;
justify-content: flex-end;
align-items: flex-end;
z-index: 9999;
box-shadow: none;
border-top: none;
}
.article-selector__item.is-open .article-selector__dropdown {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: none;
}
.article-selector-dropdown__panel {
width: 100%;
position: relative;
height: min(82vh, 720px);
max-height: calc(100vh - 40px);
background: #FFF;
overflow: hidden;
transform: translatey(100%);
transition: transform 0.28s ease;
display: flex;
flex-direction: column;
}
.article-selector__item.is-open .article-selector__dropdown .article-selector-dropdown__panel {
transform: translatey(0);
}
.article-selector-dropdown__header {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: space-between;
padding: 24px 20px;
border-bottom: 1px solid #E4E4E4;
}
.article-selector-dropdown__frame {
flex-grow: 1;
display: flex;
flex-direction: column;
padding: 20px;
gap: 20px;
max-height: none;
}
.article-selector-dropdown__footer {
flex-shrink: 0;
padding: 20px;
display: block;
}
.article-selector-dropdown__indicator {
width: 100px;
height: 4px;
background: #E4E4E4;
border-radius: 2px;
margin: 0 auto 10px auto;
display: block;
}
.article-selector-wrapper {
padding-inline: 18px;
}
.article-selector {
flex-direction: column;
height: auto;
padding: 0;
gap: 0;
border-left: 1px solid rgba(228, 228, 228, 0.5);
border-right: 1px solid rgba(228, 228, 228, 0.5);
}
.article-selector__item {
width: 100%;
padding: 20px;
height: 54px;
min-height: 54px;
}
.article-selector__trigger {
justify-content: flex-start;
}
.article-selector__chevron {
margin-left: auto;
}
.article-selector__item:not(:last-child)::after {
display: none;
}
body.is-article-selector-open {
overflow: hidden;
height: 100vh;
}
.faq-group {
margin-bottom: 20px;
}
.faq-group-title {
margin-bottom: 20px;
}
.faq-accordion-list {
padding-right: 0;
}
.faq-accordion-list::after {
display: none;
}
.faq-hero-content {
padding: 40px 20px;
}
.faq-tabs {
gap: 30px;
overflow-x: auto;
justify-content: flex-start;
padding-bottom: 0;
}
.faq-tab {
white-space: nowrap;
padding: 15px 0;
}
.faq-hero-title {
font-size: 22px;
}
.xy-home-video-controls {
left: 0;
right: 0;
bottom: 0;
top: 0;
gap: 8px;
}
.xy-home-video-control-btn#xyHomeVideoPlayToggle {
width: 32px;
height: 32px;
position: absolute;
left: 20px;
bottom: 20px;
}
.xy-home-video-control-btn svg {
width: 32px;
height: 32px;
}
.xy-home-video-progress {
display: none;
}
.xy-home-video-volume-wrap {
position: absolute;
right: 8px;
top: 50%;
width: 133px;
transform: rotate(-90deg) translatey(0);
transform-origin: right top;
z-index: 2;
}
.xy-home-video-control-btn#xyHomeVideoMute {
display: none;
}
.xy-home-video-volume {
width: 133px;
background: #B5B5B6;
}
.xy-home-video-control-time,
.xy-home-video-time-sep {
line-height: 19px;
min-width: 0;
font-size: 13px;
}
#xyHomeVideoDuration {
font-weight: 330;
color: #CDD0D2;
}
.xy-home-video-time-sep {
font-weight: 330;
}
.xy-home-video-time-badge {
position: absolute;
left: 50%;
bottom: 20px;
transform: translatex(-50%);
display: inline-flex;
align-items: center;
gap: 10px;
padding: 10px 20px;
background: rgba(255, 255, 255, 0.12);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
z-index: 3;
}
.xy-home-video-time-current,
.xy-home-video-time-duration {
display: none;
}
.xy-home-video-fullscreen {
display: inline-flex;
position: absolute;
right: 20px;
bottom: 20px;
width: 32px;
height: 32px;
}
.v21-news-pagination__line {
display: none;
}
.xy-contact-details {
flex: 0 0 auto;
width: 100%;
height: auto;
min-height: 0;
justify-content: flex-start;
gap: 16px;
}
.xy-contact-map-wrap {
flex: 0 0 auto;
width: 100%;
min-width: 0;
height: 200px;
max-height: 200px;
}
.hero-banner-module .xy-elevators-hero-subtitle {
font-size: 13px;
}
.xy-elevators-section__head,
.xy-elevators-feature__head {
padding: 32px 20px;
}
.xy-elevators-section__accent,
.xy-elevators-feature__accent {
height: 12px;
}
.xy-elevators-section__title,
.xy-elevators-feature__title {
padding-left: 0;
line-height: 1.18;
font-size: 14px;
}
.xy-elevators-hero__desc {
margin-bottom: 14px;
font-size: 13px;
}
.xy-elevators-hero__btn {
font-size: 13px;
}
.xy-elevators-mod3b__info {
padding: 22px 14px 18px;
}
.xy-elevators-mod3b__value {
font-size: 20px;
}
.xy-elevators-mod3b__unit {
font-size: 13px;
}
.xy-elevators-mod3b__label {
font-size: 13px;
}
.xy-elevators-mod3b__desc {
max-width: 100%;
font-size: 13px;
}
.xy-elevators-mod3__tile--media {
aspect-ratio: 1/1;
}
.xy-elevators-mod3__label {
font-size: 13px;
}
.xy-elevators-feature__right {
padding: 20px;
}
.xy-elevators-feature__gallery {
grid-template-columns: 1fr;
}
.xy-elevators-card__body {
padding: 12px;
}
.xy-elevators-card__name {
font-size: 13px;
}
.xy-elevators-card__meta {
font-size: 13px;
}
.xy-elevators-cta__text {
padding: 20px 16px;
}
.xy-elevators-cta__text h3 {
font-size: 13px;
}
.xy-elevators-cta__text p {
font-size: 13px;
}
.why-xingyi-module .section-container::before,
.why-xingyi-module .section-container::after {
content: "";
position: absolute;
bottom: 0;
width: 1px;
background-color: #E4E4E4;
display: block !important;
z-index: 1;
}
.why-xingyi-module {
display: block;
}
.why-xingyi-module::before,
.why-xingyi-module::after {
display: none !important;
}
.feature-item {
padding: 0 20px;
border-right: none;
}
.features-grid .feature-item:last-child {
border-bottom: none;
}
.feature-title {
min-height: auto;
font-weight: 700;
margin: 0;
padding: 0 40px;
line-height: 20px;
font-size: 13px;
}
.benefits-split-section .section-container::before,
.benefits-split-section .section-container::after {
content: "";
position: absolute;
bottom: 0;
width: 1px;
background-color: #E4E4E4;
display: block !important;
z-index: 1;
}
.benefits-split-section {
display: block;
}
.benefits-split-section::before,
.benefits-split-section::after {
display: none !important;
}
.benefits-split-section .section-title-wrap {
padding: 24px 0;
}
.split-text ul {
padding: 15px;
}
.split-img {
padding: 20px;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__grid {
display: grid;
grid-template-columns: 20px 1fr 20px;
grid-template-rows: auto auto;
position: relative;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__line-v {
display: block;
width: 1px;
background: #E4E4E4;
grid-row: 1/3;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__line-v--left {
grid-column: 1;
justify-self: end;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__line-v--right {
grid-column: 3;
justify-self: start;
grid-row: 2/3;
right: 0;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__line-h {
display: block !important;
height: 1px;
background: #E4E4E4;
grid-column: 1/-1;
grid-row: 1;
align-self: end;
justify-self: stretch;
width: 100%;
position: relative;
z-index: 3;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__grid .accent-line {
display: block;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__grid>.accent-line {
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: start !important;
align-self: center !important;
transform: translatex(-2px) !important;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__grid .section-header {
grid-column: 2;
grid-row: 1;
padding: 24px 20px 24px;
width: 100%;
box-sizing: border-box;
border-bottom: 1px solid #E4E4E4;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__grid .traits-grid {
grid-column: 2;
grid-row: 2;
grid-template-columns: 1fr;
border-top: none;
}
.page-template-page-products-detail-mro .product-parameters .why-choose-us__grid {
display: grid;
grid-template-columns: 20px 1fr 20px;
grid-template-rows: auto auto;
position: relative;
}
.page-template-page-products-detail-mro .product-parameters .why-choose-us__line-v {
display: block;
width: 1px;
background: #E4E4E4;
grid-row: 1/4;
}
.page-template-page-products-detail-mro .product-parameters .why-choose-us__line-v--left {
grid-column: 1;
justify-self: end;
}
.page-template-page-products-detail-mro .product-parameters .why-choose-us__line-v--right {
grid-column: 3;
justify-self: start;
grid-row: 2/4;
}
.page-template-page-products-detail-mro .product-parameters .why-choose-us__line-h {
display: block !important;
height: 1px;
background: #E4E4E4;
grid-column: 1/-1;
grid-row: 1;
align-self: end;
justify-self: stretch;
width: 100%;
position: relative;
z-index: 3;
}
.page-template-page-products-detail-mro .product-parameters .accent-line {
display: block;
}
.page-template-page-products-detail-mro .product-parameters .section-header {
grid-column: 2;
grid-row: 1;
padding: 24px 20px 24px;
border-bottom: 1px solid #E4E4E4;
}
.page-template-page-products-detail-mro .product-parameters .why-choose-us__grid>.accent-line {
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: start !important;
align-self: center !important;
transform: translatex(-2px) !important;
}
.page-template-page-products-detail-mro .product-parameters__scrollbar {
display: block;
grid-column: 2;
grid-row: 3;
margin-left: 0;
margin-right: 0;
width: 100%;
height: 0;
position: sticky;
left: 0;
bottom: 0;
z-index: 4;
line-height: 0;
}
.page-template-page-products-detail-mro .product-parameters__grid {
grid-column: 2/3 !important;
grid-row: 2/3 !important;
padding: 0;
margin-left: 0;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
scrollbar-color: #003B90 #E4E4E4;
}
.page-template-page-products-detail-mro .product-parameters__grid::-webkit-scrollbar {
height: 0;
}
.page-template-page-products-detail-mro .product-parameters__grid::-webkit-scrollbar-track {
background: #E4E4E4;
}
.page-template-page-products-detail-mro .product-parameters__grid::-webkit-scrollbar-thumb {
background: #003B90;
border-radius: 2px;
}
.page-template-page-products-detail-mro .product-parameters__scrollbar-range {
margin-left: calc(100px + 1px);
margin-top: 0;
margin-bottom: 0;
position: relative;
top: -4px;
appearance: none;
-webkit-appearance: none;
background: transparent;
height: 4px;
display: block;
}
.page-template-page-products-detail-mro .product-parameters__scrollbar-range::-webkit-slider-runnable-track {
height: 4px;
background: #E4E4E4;
border-radius: 0;
}
.page-template-page-products-detail-mro .product-parameters__scrollbar-range::-webkit-slider-thumb {
-webkit-appearance: none;
width: 142px;
height: 4px;
background: #003B90;
border-radius: 0;
margin-top: 0;
}
.page-template-page-products-detail-mro .product-parameters__scrollbar-range::-moz-range-track {
height: 4px;
background: #E4E4E4;
border-radius: 0;
}
.page-template-page-products-detail-mro .product-parameters__scrollbar-range::-moz-range-thumb {
width: 142px;
height: 4px;
background: #003B90;
border: none;
border-radius: 0;
}
.page-template-page-products-detail-mro .product-parameters__table {
border-collapse: separate;
border-spacing: 0;
min-width: 560px;
}
.page-template-page-products-detail-mro .product-parameters__col--label {
width: 100px;
}
.page-template-page-products-detail-mro .product-parameters__th,
.page-template-page-products-detail-mro .product-parameters__th-spacer {
padding: 16px 12px;
font-size: 13px;
}
.page-template-page-products-detail-mro .product-parameters__td--label,
.page-template-page-products-detail-mro .product-parameters__th--label {
width: 100px;
min-width: 100px;
max-width: 100px;
}
.page-template-page-products-detail-mro .product-parameters__th--label {
position: sticky;
left: 0;
z-index: 3;
background: #003B90;
}
.page-template-page-products-detail-mro .product-parameters__td--label {
position: sticky;
left: 0;
z-index: 2;
background: #FFF;
border-right: 1px solid #E4E4E4;
}
.page-template-page-products-detail-mro .product-parameters__icon {
width: 16px !important;
height: 16px !important;
}
.page-template-page-products-detail-mro .product-parameters__label {
line-height: 1.2;
font-size: 13px;
}
.page-template-page-products-detail-mro .solutions-module .why-choose-us__grid {
grid-template-columns: 20px 1fr 20px;
grid-template-rows: auto auto;
}
.page-template-page-products-detail-mro .solutions-module .solutions-module__accent {
display: block !important;
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: start !important;
align-self: center !important;
transform: translatex(-2px) !important;
}
.page-template-page-products-detail-mro .solutions-module .solutions-module__header {
grid-column: 2 !important;
grid-row: 1 !important;
padding: 24px 20px 24px !important;
}
.page-template-page-products-detail-mro .solutions-module .solutions-module__content {
grid-column: 2 !important;
grid-row: 2 !important;
height: auto !important;
min-width: 0;
}
.page-template-page-products-detail-mro .solutions-module .solutions-module__media {
width: 350px;
height: 350px;
max-width: 100%;
margin: 0 auto;
}
.page-template-page-products-detail-mro .solutions-module .solutions-module__media img {
width: 100%;
height: 100%;
object-fit: cover;
}
.page-template-page-products-detail-mro .solutions-module .solutions-module__subheading {
font-size: 13px;
}
.page-template-page-products-detail-mro .solutions-module .solutions-module__title {
font-size: 13px;
}
.similar-products-module__title {
font-size: 13px;
}
.page-template-page-products-detail-mro .similar-products-module .why-choose-us__grid {
grid-template-columns: 20px 1fr 20px;
grid-template-rows: auto auto;
}
.page-template-page-products-detail-mro .similar-products-module .similar-products-module__accent {
display: block !important;
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: start !important;
align-self: center !important;
transform: translatex(-2px) !important;
}
.page-template-page-products-detail-mro .similar-products-module .similar-products-module__header {
grid-column: 2 !important;
grid-row: 1 !important;
padding: 24px 20px 24px !important;
}
.page-template-page-products-detail-mro .similar-products-module .why-choose-us__line-v--right {
grid-row: 2/3;
}
.page-template-page-products-detail-mro .similar-products-module .why-choose-us__line-v--left {
grid-row: 1/3;
}
.page-template-page-products-detail-mro .similar-products-module .why-choose-us__grid>div[style*="grid-column:2 / 5"][style*="grid-row:2"] {
grid-column: 2 !important;
grid-row: 2 !important;
min-width: 0;
}
.page-template-page-products-detail-mro .similar-products-module .similar-products-module__grid {
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
scrollbar-width: none;
width: 100%;
}
.page-template-page-products-detail-mro .similar-products-module .similar-products-module__grid::-webkit-scrollbar {
display: none;
}
.page-template-page-products-detail-mro .similar-products-module .similar-products-module__card {
flex: 0 0 calc(100vw - 80px);
scroll-snap-align: start;
border-right: 1px solid #E4E4E4;
border-bottom: none;
box-sizing: border-box;
}
.page-template-page-products-detail-mro .similar-products-module .similar-products-module__card:last-child {
border-right: none;
}
.page-template-page-products-detail-mro .similar-products-module .similar-products-module__name {
font-size: 13px;
}
.page-template-page-products-detail-mro .similar-products-module .similar-products-module__sku {
display: none;
}
.similar-products-module__image img {
width: 270px;
height: 260px;
}
.xy-elevators-divider,
.hero-banner-divider,
.hero-banner-module,
.xy-elevators-feature,
.xy-elevators-section:not(.xy-elevators-mod5),
.xy-elevators-mod5-images,
.xy-elevators-mod5__content {
max-width: min(1216px, calc(100vw - 56px));
}
.xy-elevators-mod5-images {
padding-block: 28px;
padding-inline: 12px;
gap: 10px;
}
.xy-elevators-mod5-images__img50 {
padding: 16px;
}
.xy-elevators-mod5 {
--xy-mod5-line-x: 16px;
--xy-mod5-line-y: 0;
}
.xy-elevators-mod4__layout {
grid-template-columns: 1fr;
grid-template-rows: 140px 200px 140px 200px 140px 140px 200px;
gap: 10px;
}
.xy-elevators-mod4__a,
.xy-elevators-mod4__b,
.xy-elevators-mod4__c,
.xy-elevators-mod4__d,
.xy-elevators-mod4__e,
.xy-elevators-mod4__f,
.xy-elevators-mod4__g {
grid-column: auto;
grid-row: auto;
}
.xy-elevators-mod4__info {
padding: 12px 10px 10px;
}
.xy-elevators-mod4__icon svg {
width: 20px;
height: 20px;
}
.xy-elevators-mod4__label {
font-size: 13px;
}
.xy-elevators-mod4__value {
font-size: 14px;
}
.xy-elevators-mod4__unit {
font-size: 13px;
}
.page-template-page-products-detail-mro .carousel-track {
gap: 12px;
}
.page-template-page-products-detail-mro .color-dot {
width: 44px;
height: 44px;
}
.page-template-page-products-detail-mro .color-list {
padding-left: 20px;
padding-right: 20px;
}
.solutions-module__title {
font-size: 13px;
}
.solutions-module__header {
padding: 30px 20px 30px;
}
.v25-item:last-child .v25-item-text {
padding-bottom: 40px;
}
.sustainability-roadmap__intro,
.sustainability-roadmap__points li {
font-size: 13px;
}
.sustainability-roadmap__intro {
font-size: 13px;
}
.solutions-module__content {
flex-direction: column;
gap: 20px;
height: auto !important;
}
.solutions-module__media,
.solutions-module__text {
flex: none;
width: 100%;
}
.solutions-module__media {
max-width: 500px;
margin: 0 auto;
aspect-ratio: 1/1;
}
.solutions-module__media img {
height: 100%;
object-fit: cover;
}
.solutions-module__text {
padding: 20px;
}
.solutions-module__subheading {
font-size: 14px;
}
.solutions-module__accent {
display: none;
}
.bar-item {
width: 80px;
}
.svc-cs-border--left {
left: 20px;
}
.svc-cs-border--right {
right: 20px;
}
body.is-svc-menu-open .site-header,
body.is-svc-menu-open .product-series-breadcrumb {
display: none !important;
}
.svc-mobile-menu-drawer {
position: fixed;
bottom: -100%;
left: 0;
width: 100vw;
background: #FFF;
z-index: 9999;
transition: bottom 0.3s ease-in-out;
display: flex;
flex-direction: column;
height: 100%;
max-height: 100%;
box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.05);
}
.svc-mobile-menu-drawer.active {
bottom: 0;
top: 133px;
}
.svc-hero-link-text {
font-size: 13px;
}
.svc-features-map {
padding: 20px 0;
height: 100%;
min-height: 100%;
}
.svc-fm-border--left {
left: 20px;
}
.svc-fm-border--right {
right: 20px;
}
.svc-fm-container {
flex-direction: column;
gap: 20px;
padding-top: 0;
padding-right: 20px;
padding-left: 20px;
}
.svc-fm-item-icon {
width: 24px;
height: 24px;
}
.svc-solutions {
padding: 0;
border-bottom: 1px solid #E4E4E4;
}
.svc-sol-header {
padding: 0;
}
.svc-fm-item {
gap: 12px;
}
.svc-fm-visual {
width: 100%;
flex: none;
padding: 0;
box-sizing: border-box;
gap: 14px;
}
.svc-fm-item-copy {
gap: 6px;
}
.svc-fm-item-title {
line-height: 1.35;
font-size: 13px;
}
.svc-fm-item-subtitle {
line-height: 1.5;
font-size: 13px;
}
.svc-fm-process-title {
line-height: 1.25;
font-size: 14px;
}
.svc-fm-process-list {
gap: 12px;
}
.svc-fm-process-item {
line-height: 1.5;
font-size: 13px;
}
.svc-fm-stat {
width: 100%;
height: auto;
padding: 0;
gap: 5px;
}
.svc-fm-stat-num {
line-height: 1.2;
font-size: 13px;
}
.svc-fm-stat-desc {
font-size: 10px;
}
.svc-sol-wrapper {
display: flex;
width: 100%;
height: 282px;
transition: transform 0.5s ease-in-out;
}
.svc-sol-item,
.svc-sol-item.active {
flex: 0 0 100% !important;
height: 100%;
position: relative;
overflow: hidden;
border: none;
}
.svc-sol-item:first-child {
border: none;
}
.svc-sol-item-bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.svc-sol-overlay {
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(0, 34, 85, 0.8) 0%, rgba(0, 34, 85, 0.2) 100%) !important;
}
.svc-sol-content {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
color: #fff;
z-index: 2;
right: auto;
opacity: 1 !important;
transform: none !important;
pointer-events: auto !important;
padding: 20px;
}
.svc-sol-icon {
display: none;
}
.svc-sol-controls {
display: flex;
justify-content: space-between;
align-items: center;
background: #FFF;
z-index: 10;
height: 60px;
width: 100%;
}
.svc-sol-control {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
cursor: pointer;
background: none;
border: none;
padding: 0;
position: relative;
}
.svc-sol-control:first-child {
border-right: none;
}
.svc-sol-control:first-child::before {
content: "";
position: absolute;
left: 0;
top: 0;
transform: translatey(0%);
width: 1px;
height: 80px;
background-color: #E4E4E4;
margin: 0 0 0 20px;
}
.svc-sol-control:last-child::after {
content: "";
position: absolute;
right: 0;
top: 0;
transform: translatey(0%);
width: 1px;
height: 80px;
background-color: #E4E4E4;
margin: 0 20px 0 0;
}
.svc-sol-control svg {
width: 24px;
height: 24px;
stroke: #231815;
}
.svc-core-services {
padding: 0;
}
.svc-cs-header {
display: none !important;
}
.svc-section-title {
display: flex;
align-items: center;
gap: 10px;
color: #003B90;
cursor: pointer;
font-family: "Zalando Sans Expanded";
font-weight: 600;
text-transform: capitalize;
line-height: 24px;
padding-left: 20px;
position: relative;
padding: 20px;
font-size: 13px;
}
.svc-section-title::before {
content: "";
position: absolute;
left: -2px;
top: 50%;
transform: translatey(-50%);
width: 4px;
height: 12px;
background: #003B90;
}
.svc-section-title::after {
display: none;
}
.svc-section-title-icon {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
cursor: pointer;
}
body.is-svc-menu-open {
overflow: hidden;
}
.svc-mobile-menu-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(255, 255, 255, 0.4);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
z-index: 9998;
}
.svc-mobile-menu-overlay.active {
display: block;
}
.svc-mm-level {
display: none;
flex-direction: column;
height: 100%;
}
.svc-mm-level.active {
display: flex;
}
.svc-mm-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px;
border-bottom: 1px solid #E4E4E4;
position: relative;
}
.svc-mm-title,
.svc-mm-title2 {
flex: 1;
text-align: center;
font-weight: 700;
color: #003B90;
font-size: 13px;
}
.svc-mm-close,
.svc-mm-back {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
flex: none;
}
.svc-mm-back {
position: absolute;
left: 20px;
}
.svc-mm-close {
position: absolute;
right: 20px;
}
.svc-mm-list {
overflow-y: auto;
padding: 10px 0;
}
.svc-mm-item {
padding: 20px;
font-weight: 600;
color: #231815;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
font-size: 13px;
}
.svc-mm-item.active {
color: #003B90;
background-color: #F8F9FB;
}
.svc-mm-subitem {
padding: 20px;
font-weight: 600;
color: #231815;
text-align: center;
cursor: pointer;
font-size: 13px;
}
.svc-mm-subitem.active {
color: #003B90;
background-color: #F8F9FB;
}
.svc-mm-footer {
padding: 20px;
border-top: 1px solid #E4E4E4;
}
.svc-mm-btn {
width: 100%;
background-color: #003B90;
color: #FFF;
font-weight: 600;
padding: 15px 0;
border: none;
cursor: pointer;
text-align: center;
font-size: 13px;
}
.svc-cs-top {
padding: 0 20px;
}
.svc-cs-tabs {
flex-wrap: nowrap;
gap: 20px;
justify-content: flex-start;
overflow-x: auto;
padding: 0 20px;
margin-left: -20px;
width: 100vw;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
box-sizing: border-box;
}
.svc-cs-tabs::-webkit-scrollbar {
display: none;
}
.svc-cs-tab {
font-weight: 700;
padding: 15px 0;
white-space: nowrap;
color: #231815;
display: flex;
align-items: center;
gap: 10px;
font-size: 13px;
}
.svc-cs-tab::after {
content: "";
display: inline-block;
width: 8px;
height: 14px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: center;
}
.svc-cs-tab.active::after {
background-image: url("data:image/svg+xml;utf8,");
}
.svc-cs-tab.active {
border-bottom: none;
color: #003B90;
}
.svc-cs-block {
margin-bottom: 0;
padding: 0 20px;
}
.svc-cs-block h3 {
font-family: "Archivo";
margin-bottom: 0;
font-weight: 600;
color: #231815;
text-transform: uppercase;
font-size: 13px;
}
.svc-cs-block>p {
font-family: "Archivo";
color: #231815;
line-height: 20px;
margin: 20px 0;
font-size: 13px;
}
.svc-cs-sub {
flex-direction: column;
gap: 10px;
margin-top: 20px;
margin-bottom: 20px;
align-items: flex-start;
}
.svc-cs-sub h4 {
flex: none;
font-family: "Zalando Sans Expanded";
font-weight: 700;
line-height: 32px;
color: #231815;
font-size: 13px;
}
.svc-cs-sub p {
font-family: "Archivo";
color: #231815;
line-height: 16px;
padding: 0;
margin: 0;
font-size: 13px;
}
.svc-cs-timeline-nodes,
.svc-cs-timeline,
.svc-cs-timeline-pointer,
.svc-cs-connector {
display: none;
}
.svc-cs-img-bg {
display: none;
}
.svc-cs-right {
padding-left: 0;
border-left: none;
width: 100%;
box-sizing: border-box;
}
.svc-cs-params::-webkit-scrollbar {
display: none;
}
.svc-cs-param-item {
width: auto;
flex: 0 0 auto;
min-width: 80px;
}
.svc-cs-param-name {
font-family: "Archivo";
color: #B5B5B6;
margin-bottom: 8px;
font-weight: 500;
display: block;
text-align: center;
font-size: 13px;
}
.svc-cs-param-val {
font-family: "Archivo";
color: #003B90;
font-weight: 500;
display: block;
text-align: center;
font-size: 13px;
}
.svc-cs-contact-btn {
display: none;
justify-content: center;
align-items: center;
padding: 10px 20px 10px 32px;
gap: 20px;
width: 100%;
height: 60px;
background: #003B90;
color: #EDEDED;
font-family: "Zalando Sans Expanded";
font-weight: 500;
text-transform: uppercase;
box-sizing: border-box;
margin-top: 40px;
text-decoration: none;
font-size: 13px;
}
}
@media (min-width: 430px) and (max-width: 479.98px) {
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
. page-template-page-product-series . product-series-filter-dropdown {
background: rgba(0, 0, 0, 0.55);
}
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
. article-selector__dropdown {
background: #0000008c;
}
}
.footer-bottom {
flex-wrap: wrap;
justify-content: center;
align-content: center;
row-gap: 12px;
column-gap: 8px;
max-width: 100%;
padding-left: max(0, env(safe-area-inset-left));
padding-right: max(0, env(safe-area-inset-right));
padding-top: 80px;
width: 100%;
box-sizing: border-box;
min-width: 0;
}
.footer-legal-link {
line-height: 1.25;
text-align: center;
font-size: 14px;
font-family: "Archivo", sans-serif;
font-weight: 300;
}
.footer-legal-sep svg {
height: 13px;
width: auto;
}
.scene-title-dropdown {
display: none !important;
}
.scene-title-drawer-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 999998;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.3s ease, visibility 0.3s;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.scene-title-drawer-overlay.is-active {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.scene-title-drawer {
position: fixed;
top: 133px;
left: 0;
right: 0;
bottom: 0;
width: 100%;
max-height: 100%;
background: #FFF;
z-index: 999999;
display: flex;
flex-direction: column;
transform: translatey(100vh);
transition: transform 260ms ease, visibility 260ms;
visibility: hidden;
pointer-events: none;
border: 0;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
box-sizing: border-box;
}
.scene-title-drawer.is-active {
transform: translatey(0);
visibility: visible;
pointer-events: auto;
}
.scene-title-drawer .scene-drawer-header {
flex: 0 0 auto;
padding: 12px 12px 0 12px;
}
.scene-title-drawer .scene-drawer-header-row {
display: flex;
align-items: center;
justify-content: flex-end;
min-height: 40px;
}
.scene-title-drawer .scene-drawer-header .btn-icon {
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 0;
background: transparent;
color: #231815;
cursor: pointer;
}
.scene-title-drawer .scene-drawer-title {
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
color: #003B90;
text-align: center;
padding: 8px 8px 12px 8px;
line-height: 1.2;
border-bottom: 1px solid #E4E4E4;
font-size: 14px;
}
.scene-title-drawer .scene-drawer-content {
flex: 1;
min-height: 0;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
background-color: #FFF;
}
.scene-title-drawer .scene-title-drawer-list {
list-style: none;
margin: 0;
padding: 0;
}
.scene-title-drawer .scene-title-drawer-list li {
padding: 0;
}
.scene-title-drawer .scene-title-option {
width: 100%;
display: block;
text-align: left;
color: #231815;
font-weight: 500;
line-height: 24px;
font-family: "Archivo", sans-serif;
text-transform: none;
padding: 15px 20px;
border: 0;
border-bottom: 0;
border-radius: 0;
background: transparent;
cursor: pointer;
box-sizing: border-box;
font-size: 14px;
}
.scene-title-drawer .scene-title-option:hover,
.scene-title-drawer .scene-title-option:focus {
color: #003B90;
font-weight: 700;
outline: none;
font-size: 14px;
}
.scene-title-drawer .scene-title-option.is-selected {
color: #003B90;
font-weight: 700;
background-color: #F6F6F6;
font-size: 14px;
}
body.is-scene-title-menu-open {
overflow: hidden;
}
body.is-scene-title-menu-open #masthead {
display: none !important;
}
body.is-scene-title-menu-open .solutions-hero-breadcrumb {
display: none !important;
}
body.is-scene-title-menu-open .product-tabs-module {
z-index: 10000000 !important;
}
.product-series-breadcrumb__grid {
max-width: 1296px !important;
margin: 0 auto !important;
grid-template-columns: 40px 1fr 40px;
display: flex;
justify-content: flex-start;
border: 0;
}
.product-series-breadcrumb {
max-width: 1296px;
margin: 0 auto;
padding: 0 20px;
}
.page-template-page-products-detail-mro .product-parameters__th {
line-height: 32px;
font-size: 16px;
}
.page-template-page-products-detail-mro .product-parameters__td {
line-height: 24px;
font-size: 14px;
padding: 14px 12px;
}
.cta-btn {
font-size: 14px;
min-width: 0;
width: 100%;
padding: 16px 18px;
}
.xy-about-driven-item h4 {
font-size: 16px;
margin-bottom: 4px;
}
.xy-about-foot-stat-num {
line-height: 19px;
font-size: 16px;
margin-bottom: 0;
}
.xy-about-foot-stat-label {
line-height: 16px;
font-size: 12px;
text-align: left;
font-weight: 500;
}
.left-content h2 {
line-height: 28px;
font-size: 16px;
}
.left-content p {
line-height: 24px;
font-size: 14px;
margin-bottom: 24px;
}
.wcu-subtitle {
line-height: 20px;
font-size: 12px;
margin-bottom: 10px;
}
.wcu-title {
line-height: 44px;
font-size: 20px;
text-transform: uppercase;
padding: 10px 0;
}
.wcu-list li {
line-height: 32px;
font-size: 14px;
padding: 4px 0;
margin-bottom: 0;
gap: 20px;
}
.product-series-breadcrumb__back {
width: 32px;
height: 32px;
}
.header-search-text {
display: none;
}
.d-flex {
justify-content: space-between !important;
}
.site-header.site-header--sticky .main-navigation {
margin-left: 0;
}
.footer-subscribe-title {
padding: 30px 20px;
font-size: 14px;
text-align: left;
margin: 0;
font-family: "Archivo", sans-serif;
font-weight: 300;
}
.site-logo img {
width: 44px;
height: 40px;
}
.nav-menu>li>a {
font-size: 14px;
}
.search-field {
font-weight: 400;
line-height: 20px;
font-size: 14px;
}
.header-container {
padding-right: 20px;
padding-left: 20px;
max-width: 100%;
}
.search-container {
padding: 0 20px;
}
.product-series-breadcrumb__cell {
height: 60px;
border: 0 !important;
}
.product-series-breadcrumb__cell--crumbs {
padding: 0 10px;
border: 0;
}
.product-series-breadcrumb__link,
.product-series-breadcrumb__current,
.product-series-breadcrumb__sep {
font-size: 14px;
}
.product-series-breadcrumb__sep {
margin: 0 4px;
}
.product-series-banner__grid {
grid-template-columns: 20px 1fr 20px;
height: 480px;
}
.product-series-banner__cell {
height: 480px;
}
.product-series-banner__col2 {
padding-left: 0;
padding-right: 0;
padding: 0;
}
.product-series-filters__grid {
grid-template-columns: 1fr;
}
.product-series-filters__bar {
flex-wrap: wrap;
padding: 12px 0;
flex-direction: column;
align-items: stretch;
}
.product-series-filter--type,
.product-series-filter--application,
.product-series-filter--search {
padding-left: 16px;
padding-right: 16px;
}
.product-series-filter__label {
font-size: 14px;
white-space: normal;
}
.product-series-products__grid {
grid-template-columns: 60px 1fr 60px;
}
.product-series-products__col2 {
padding-left: 20px;
padding-right: 20px;
}
.product-series-pagination {
height: auto;
}
.product-series-pagination__inner {
padding: 0;
height: auto;
gap: 16px 24px;
width: 100%;
max-width: 100%;
margin: 0;
flex-wrap: wrap;
}
.product-series-pagination__line {
display: none;
}
.product-series-pagination__numbers {
gap: 8px;
height: auto;
width: auto;
flex: 1 1 200px;
min-width: 0;
justify-content: center;
flex-wrap: wrap;
}
.product-series-pagination__number,
.product-series-pagination__dots {
line-height: 22px;
font-size: 14px;
width: 40px;
height: 40px;
}
.product-series-contact {
height: 271px;
}
.product-series-contact__bg {
height: 271px;
width: 100%;
left: 0;
top: 0;
}
.product-series-contact__actions {
left: 0;
bottom: 40px;
width: 100%;
padding: 0 20px;
height: auto;
right: 0;
gap: 24px;
align-items: center;
box-sizing: border-box;
}
.product-series-contact__title {
width: 100%;
max-width: 310px;
line-height: 28px;
height: auto;
font-size: 14px;
text-align: center;
}
.product-series-products__row {
flex-wrap: wrap;
height: auto;
flex-direction: column;
align-items: stretch;
}
.product-series-products__card {
flex: 0 0 auto;
border-right: none;
width: 100%;
aspect-ratio: 1/1;
border-bottom: 1px solid #E4E4E4;
}
.product-series-products__card:nth-child(3n) {
border-right: none;
}
.product-series-products__card:last-child {
border-right: none;
}
.product-series-products__image {
width: 100%;
aspect-ratio: auto;
flex: 1 1 auto;
min-height: 0;
padding: 20px;
}
.product-series-products__arrow {
width: 32px;
height: 32px;
right: 20px;
top: 20px;
}
.product-series-products__title {
width: 100%;
line-height: 20px;
font-size: 14px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.product-series-products__sku {
width: 100%;
line-height: 16px;
font-size: 14px;
}
.banner-content {
padding: 20px;
gap: 20px;
width: 100%;
height: auto;
}
.mro-title {
width: 310px;
height: 24px;
line-height: 24px;
font-size: 14px;
}
.mro-description {
width: 100%;
line-height: 16px;
font-size: 14px;
height: 100%;
}
.d-lg-none {
display: block !important;
}
.d-lg-none.d-flex {
display: flex !important;
justify-content: space-between;
}
.d-lg-none.d-inline-flex {
display: inline-flex !important;
}
.d-lg-block {
display: none !important;
}
.d-lg-flex {
display: none !important;
}
.site-header--transparent {
background-color: #F2F3F5;
-webkit-backdrop-filter: none;
backdrop-filter: none;
}
.header-main-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
.header-mobile-actions {
margin-left: auto;
width: auto;
flex-wrap: nowrap;
position: relative;
z-index: 9999999;
pointer-events: auto;
gap: 20px;
column-gap: 20px;
display: flex;
justify-content: flex-end;
}
.header-mobile-actions .btn-icon {
color: #003B90;
pointer-events: auto;
position: relative;
z-index: 9999999;
}
.header-mobile-divider {
display: block;
width: 1px;
height: 40px;
background: rgba(0, 0, 0, 0.12);
margin: 0 20px;
flex: 0 0 1px;
}
.header-mobile-contact {
background: #003B90;
color: #EDEDED;
font-family: "Archivo", sans-serif;
font-weight: 600;
line-height: 1;
text-decoration: none;
padding: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
user-select: none;
position: relative;
margin-left: 0;
width: 100%;
max-width: 122px;
border-radius: 0;
justify-self: center;
font-size: 14px;
pointer-events: auto;
}
.header-mobile-search-trigger {
position: relative;
margin-left: 0;
justify-self: center;
}
.header-mobile-contact::before,
.header-mobile-search-trigger::before {
content: none;
position: absolute;
left: -20px;
top: 50%;
transform: translatey(-50%);
width: 1px;
height: 40px;
background: rgba(0, 0, 0, 0.12);
display: none;
}
.hero-content {
padding-bottom: 80px;
max-width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.hero-desc {
margin-bottom: 10px;
}
.intro-top {
padding: 30px 20px;
gap: 20px;
flex-direction: column;
}
.intro-grid__cell {
min-height: 240px;
flex: 0 0 240px;
}
.visual-box {
width: 200px;
height: 200px;
}
.visual-inner {
width: 160px;
height: 160px;
}
.scroll-bar-container {
margin-bottom: -1px;
display: block;
padding: 0 0 40px;
margin-top: -1px;
padding-left: 0;
padding-right: 0;
}
.new-section-pc {
display: none;
padding-top: 40px;
}
.new-section-mobile {
display: block;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
background-color: #FFF;
padding-top: 40px;
}
.new-section-title {
padding-left: 20px;
margin-bottom: 0;
}
.new-section-desc {
max-width: 100%;
padding: 20px;
margin-bottom: 0;
}
.new-section__btn {
padding: 15px 30px;
font-size: 14px;
}
.play-btn {
width: 60px;
height: 60px;
}
.capabilities-top {
padding: 30px 20px 10px;
flex-direction: column;
gap: 20px;
}
.cap-item {
padding: 28px 20px;
border-top: none;
overflow: hidden;
width: 100%;
height: auto;
}
.cta-container {
padding: 66px 20px;
}
.faq-header {
padding: 22px 20px;
}
.faq-question {
padding: 20px 20px;
}
.faq-answer-inner {
padding: 0 20px 28px;
}
.faq-title {
font-size: 14px;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 600;
line-height: 24px;
text-transform: capitalize;
padding-left: 0;
}
.faq-question-text {
line-height: 20px;
font-size: 15px;
font-family: "Archivo", sans-serif;
font-weight: 500;
text-transform: uppercase;
}
.faq-answer-text {
line-height: 16px;
font-size: 13px;
}
.faq-icon {
width: 20px;
height: 20px;
}
.footer-top {
grid-template-columns: 1fr;
gap: 40px;
}
.footer-nav {
gap: 30px;
grid-template-columns: repeat(2, 1fr);
grid-template-areas: "company services" "products products";
margin-top: 40px;
padding: 10px 20px 0;
}
.certs-section {
height: 120px;
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
}
.certs-section .certs-logo {
position: static;
}
.certs-logo--iso9001 {
width: 49px;
height: 49px;
top: 34px;
left: 29px;
}
.certs-logo--iatf16949 {
width: 51px;
height: 51px;
top: 33px;
left: 95px;
}
.certs-logo--iso14001 {
width: 63px;
height: 63px;
top: 27px;
left: 167px;
}
.certs-logo--cwb {
width: 124px;
height: 36px;
top: 41px;
left: 247px;
}
.page-template-page-products-detail-mro .why-choose-us {
margin: 0 auto;
}
.page-template-page-products-detail-mro .section-header {
height: 64px;
padding: 0 20px;
gap: 10px;
}
.page-template-page-products-detail-mro .accent-line {
width: 3px;
height: 12px;
transform: none;
}
.page-template-page-products-detail-mro .main-title {
line-height: 24px;
font-size: 14px;
}
.page-template-page-products-detail-mro .traits-grid {
display: flex;
flex-direction: column;
padding: 0;
margin: 0;
border-top: none;
border-left: none;
border-right: none;
}
.page-template-page-products-detail-mro .trait-item {
padding: 40px 20px;
gap: 40px;
border-right: none;
border-bottom: 1px solid #E4E4E4;
width: 100%;
box-sizing: border-box;
}
.page-template-page-products-detail-mro .traits-grid .trait-item:last-child {
border-bottom: none;
}
.page-template-page-products-detail-mro .trait-header {
flex-direction: row;
align-items: center;
gap: 20px;
height: 48px;
}
.page-template-page-products-detail-mro .trait-description {
line-height: 13px;
font-size: 14px;
}
.site-header {
background: #F3F5F7 !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
transition: none !important;
}
.site-header .custom-logo--default {
display: none !important;
}
.site-header .custom-logo--sticky {
display: block !important;
}
.site-header .btn-icon svg path,
.site-header .btn-icon svg circle {
stroke: #003B90 !important;
}
.site-header .header-mobile-contact {
border-color: #003B90 !important;
}
.blog-hero__inner {
min-height: 420px;
}
.blog-subscribe__inner {
padding: 0;
flex-direction: column;
gap: 0;
text-align: center;
border-left: none;
border-right: none;
border-bottom: 1px solid #E4E4E4;
}
.blog-content__inner {
max-width: 100%;
}
.blog-pagination__inner {
max-width: 100%;
padding: 20px 20px 0;
}
.other-blogs-grid-wrap {
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.other-blogs-grid-wrap::-webkit-scrollbar {
display: none;
}
.other-blogs-item {
flex: 0 0 85vw;
max-width: 85vw;
scroll-snap-align: start;
}
.xy-about-achieve-container {
border-left: 1px solid rgba(181, 181, 182, 0.2);
border-right: 1px solid rgba(181, 181, 182, 0.2);
}
.xy-about-history-title-block {
padding: 30px 20px;
}
.xy-about-history-content {
padding: 40px 20px;
}
.xy-about-history-image-wrap {
padding-right: 40px;
}
.xy-about-history-text-wrap {
padding-left: 40px;
}
.xy-about-history-item:nth-child(even) .xy-about-history-image-wrap {
padding-left: 40px;
}
.xy-about-history-item:nth-child(even) .xy-about-history-text-wrap {
padding-right: 40px;
}
.xy-about-driven-title-line {
height: 12px;
}
.xy-about-driven-section {
padding: 0 20px;
}
.xy-about-driven-bottom-section {
padding: 0 20px;
}
.xy-about-driven-title-block {
padding: 30px 20px;
}
.xy-about-driven-title {
font-size: 16px;
}
.xy-about-driven-top {
flex-direction: column-reverse;
gap: 20px;
}
.xy-about-driven-text {
padding: 0 20px 20px;
}
.xy-about-driven-image {
width: 100%;
border-left: none;
border-top: 1px solid #E4E4E4;
border: 0;
}
.xy-about-overview-container {
max-width: 100%;
}
.xy-about-overview-top {
padding: 30px 40px;
gap: 20px;
flex-direction: column;
border-left: none;
border-right: none;
}
.xy-about-overview-title {
font-size: 16px;
line-height: 30px;
margin-bottom: 10px;
}
.xy-about-overview-cell {
min-height: 240px;
flex: 0 0 240px;
}
.xy-about-overview-cell-title {
font-size: 14px;
}
.xy-about-overview-cell-desc {
font-size: 14px;
}
.xy-about-banner {
height: 461px;
padding: 60px 5%;
background: #F3F5F7;
}
.xy-about-banner-mask {
display: block;
background: linear-gradient(0deg, rgba(27, 33, 41, 0.6) 2.84%, rgba(27, 33, 41, 0) 98.08%);
}
.xy-about-banner-content {
padding-bottom: 20px;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0;
gap: 12px;
width: 100%;
z-index: 2;
}
.xy-about-banner-title {
font-size: 16px;
font-family: "Archivo";
font-style: normal;
font-weight: 900;
line-height: 22px;
color: #EDEDED;
margin: 0;
}
.xy-about-section {
padding: 0 20px;
}
.xy-about-foot-title-block {
padding: 30px 20px;
}
.xy-about-foot-content-wrap {
padding: 30px 20px;
overflow: visible;
}
.xy-about-foot-svg {
right: 0;
opacity: 1;
display: block;
width: 220px;
height: 199px;
left: 128px;
top: 202px;
padding-top: 0;
}
.xy-about-foot-stats {
justify-content: flex-start;
gap: 20px;
padding: 20px;
background: rgba(255, 255, 255, 0.5);
backdrop-filter: blur(2px);
margin: 0 -20px;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
display: flex;
-ms-overflow-style: none;
scrollbar-width: none;
}
.xy-about-foot-stat {
width: 120px;
flex: 0 0 auto;
margin-bottom: 0;
min-width: 120px;
align-items: flex-start;
gap: 10px;
}
.xy-about-history-section {
padding: 0 20px;
}
.xy-about-history-container {
padding: 0;
}
.xy-about-history-title {
font-size: 14px;
}
.xy-about-history-center-line {
display: none;
}
.xy-about-history-dot {
display: none;
}
.xy-about-history-item,
.xy-about-history-item:nth-child(even) {
flex-direction: column;
align-items: center;
gap: 20px;
}
.xy-about-history-half,
.xy-about-history-image-wrap,
.xy-about-history-text-wrap,
.xy-about-history-item:nth-child(even) .xy-about-history-image-wrap,
.xy-about-history-item:nth-child(even) .xy-about-history-text-wrap {
width: 100%;
justify-content: center;
padding-left: 0;
padding-right: 0;
}
.xy-about-history-image {
width: 100%;
max-width: 100%;
height: 314px;
aspect-ratio: 1;
}
.xy-about-history-text {
height: auto;
min-height: 103px;
gap: 20px;
align-items: flex-start;
}
.xy-about-history-text h4 {
line-height: 19px;
font-size: 14px;
}
.xy-about-history-text p {
line-height: 16px;
font-size: 14px;
}
.xy-about-history-date {
line-height: 32px;
font-size: 14px;
}
.xy-about-history-timeline {
gap: 20px;
}
.xy-about-achieve-title-block {
padding: 30px 20px;
flex-direction: column;
align-items: flex-start;
}
.xy-about-achieve-title-line {
top: 35px;
height: 12px;
}
.xy-about-achieve-title {
width: 100%;
font-size: 16px;
line-height: 1.2;
}
.xy-about-achieve-box {
width: 50%;
aspect-ratio: 1/1;
min-height: auto;
padding: 20px;
border-right: 1px solid rgba(181, 181, 182, 0.2);
border-bottom: none;
}
.xy-about-achieve-box-num {
left: 20px;
top: 20px;
font-size: 18px;
display: none;
}
.xy-about-achieve-box-text {
padding: 20px;
}
.xy-about-achieve-box-title {
font-size: 14px;
line-height: 20px;
}
.xy-about-achieve-box-desc {
font-size: 12px;
line-height: 14px;
}
.xy-about-driven-item {
padding-left: 16px;
}
.xy-about-driven-subtitle {
margin-bottom: 20px;
font-size: 16px;
}
.xy-about-history-title-line {
height: 12px;
}
.xy-contact-title {
font-size: 16px;
}
.xy-form-grid {
gap: 0;
grid-template-columns: 1fr;
}
.xy-contact-info-wrapper {
gap: 20px;
flex-wrap: wrap;
flex-direction: column;
align-items: stretch;
padding: 20px 0;
}
.xy-contact-details,
.xy-contact-map-wrap {
height: 200px;
max-height: 200px;
}
.xy-contact-blogs-grid-wrap {
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.xy-contact-blogs-grid-wrap::-webkit-scrollbar {
display: none;
}
.xy-contact-blogs-item {
flex: 0 0 85vw;
max-width: 85vw;
scroll-snap-align: start;
}
.hero-banner-module .hero-content {
padding: 18px 16px;
max-width: 100%;
}
.hero-banner-module .xy-elevators-hero-title {
font-size: 14px;
line-height: 1.14;
}
.hero-banner-module .hero-banner-strip {
height: 40px;
}
.xy-elevators-hero img {
height: 340px;
}
.xy-elevators-hero__content {
left: 28px;
right: 28px;
bottom: 28px;
}
.xy-elevators-hero__title {
font-size: 14px;
}
.xy-elevators-grid {
grid-template-columns: 1fr;
}
.xy-elevators-mod3__grid {
grid-template-columns: 1fr;
gap: 20px;
}
.xy-elevators-mod3b__layout {
grid-template-columns: 1fr;
gap: 16px;
height: 440px;
}
.xy-elevators-mod3b__cta {
left: 50%;
bottom: 14px;
transform: translatex(-50%);
font-size: 14px;
gap: 10px;
}
.xy-elevators-mod3__tile--info {
padding: 22px 14px 18px;
aspect-ratio: 1/1;
}
.xy-elevators-mod3__value {
font-size: 20px;
}
.xy-elevators-mod3__desc {
font-size: 14px;
max-width: 100%;
}
.xy-elevators-mod3__cta {
left: 16px;
bottom: 16px;
font-size: 14px;
}
.xy-elevators-mod3__zoom {
right: 12px;
bottom: 12px;
}
.xy-elevators-feature__head,
.xy-elevators-section__head {
padding: 28px 16px;
}
.xy-elevators-feature__head {
padding-inline-start: 10px;
}
.hero-banner-module .hero-banner {
height: clamp(252px, calc(var(--xy-visual-vh, 100vh) * 0.52), 440px);
}
.xy-elevators-feature__accent,
.xy-elevators-section__accent {
height: 14px;
}
.xy-elevators-feature__title,
.xy-elevators-section__title {
padding-left: 0;
line-height: 1.18;
font-size: 14px;
}
.xy-elevators-feature__main {
grid-template-columns: 1fr;
}
.xy-elevators-feature__left {
border-right: 0;
border-bottom: 1px solid #E4E4E4;
padding: 12px;
}
.xy-elevators-feature__text {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.xy-elevators-feature__text p {
max-width: 100%;
font-size: 12px;
}
.xy-elevators-feature__text p:first-child {
border-bottom: 0;
}
.xy-elevators-feature__specs {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.xy-elevators-feature__spec {
min-height: 0;
padding-block: 8px;
padding-inline: 4px 3px;
padding-inline-start: 6px;
}
.xy-elevators-feature__spec-line {
left: 0;
right: auto;
top: 0;
bottom: 0;
height: auto;
}
.xy-elevators-feature__spec-label {
font-size: 12px;
}
.xy-elevators-feature__spec-value {
font-size: 14px;
}
.xy-elevators-feature__spec-unit {
font-size: 12px;
}
.xy-elevators-feature__cta {
padding: 12px;
font-size: 14px;
}
.xy-elevators-feature__gallery-item img {
height: 220px;
}
.xy-elevators-cta {
grid-template-columns: 1fr;
}
.xy-elevators-mod5__content {
grid-template-columns: 1fr;
gap: 18px;
padding: 0 20px;
}
.xy-elevators-mod5__text h3 {
font-size: 14px;
margin-bottom: 12px;
}
.xy-elevators-mod5__text p {
max-width: 100%;
font-size: 14px;
line-height: 1.55;
margin-bottom: 10px;
}
.xy-elevators-mod5__media {
min-height: 250px;
}
.xy-events-hero__container {
padding-left: 24px;
padding-right: 24px;
padding-bottom: 20px;
border-left: 1px solid rgba(228, 228, 228, 0.5);
border-right: 1px solid rgba(228, 228, 228, 0.5);
}
.xy-events-hero__content {
padding-left: 0;
padding-right: 0;
margin-bottom: 20px;
}
.xy-events-hero__progress {
left: 44px;
right: 44px;
bottom: 28px;
}
.xy-events-hero__title {
font-size: 14px;
}
.xy-explore-hero__container {
padding-left: 24px;
padding-right: 24px;
padding-bottom: 20px;
border-left: 1px solid rgba(228, 228, 228, 0.5);
border-right: 1px solid rgba(228, 228, 228, 0.5);
}
.xy-explore-hero__content {
padding-left: 0;
padding-right: 0;
margin-bottom: 20px;
}
.xy-explore-hero__progress {
left: 44px;
right: 44px;
bottom: 28px;
}
.xy-explore-hero__title {
font-size: 14px;
}
.news-subscribe-btn {
height: 60px;
width: 100%;
justify-content: center;
font-size: 14px;
}
.news-header__title {
font-size: 14px;
margin-bottom: 20px;
}
.news-content__inner blockquote {
padding: 15px;
}
.blog-pagination__link {
font-size: 14px;
}
.section-title-wrap {
padding: 40px 40px 20px;
}
.title-accent {
height: 12px;
}
.section-title-wrap h2 {
padding-left: 20px;
font-size: 14px;
}
.hero-banner-module .hero-title {
font-size: 20px;
}
.why-xingyi-module .section-container::before {
left: 20px;
top: 0;
}
.why-xingyi-module .section-container::after {
right: 20px;
top: 80px;
}
.header-title {
padding-left: 20px;
font-size: 14px;
}
.features-grid {
grid-template-columns: repeat(2, 1fr);
display: flex;
flex-direction: column;
margin: 0;
gap: 40px;
}
.feature-item:nth-child(2n) {
border-right: none;
}
.module-header {
padding: 24px 0;
margin-bottom: 0;
}
.header-accent {
height: 12px;
}
.benefits-split-section::before {
left: 20px;
}
.benefits-split-section::after {
right: 20px;
}
.split-grid {
grid-template-columns: 1fr;
padding: 0;
position: relative;
}
.split-text {
padding: 20px 20px 0;
}
.split-text h3 {
font-size: 14px;
line-height: 28px;
}
.split-text li {
font-size: 14px;
line-height: 30px;
}
.split-img img {
padding: 0;
width: 310px;
height: 310px;
}
.performance-module::before {
left: 20px;
}
.performance-module::after {
right: 20px;
}
.performance-module .section-container {
padding: 0 20px;
}
.perf-header {
padding: 20px 0;
margin-bottom: 0;
}
.perf-container::after {
top: 0;
bottom: -40px;
}
.perf-title {
font-size: 16px;
padding-left: 20px;
}
.perf-accent {
height: 12px;
}
.perf-container {
flex-direction: column;
padding: 0;
gap: 15px;
}
.perf-image img {
width: 100%;
height: auto;
}
.perf-text {
padding: 20px;
}
.perf-content-title {
font-size: 16px;
line-height: 30px;
font-family: "Archivo", sans-serif;
margin-bottom: 10px;
}
.perf-tabs {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
text-align: center;
gap: 15px;
display: none;
}
.perf-tabs::before {
display: none;
}
.tab-item {
text-align: center;
padding-right: 0;
line-height: normal;
}
.tab-item.active::after {
display: none;
}
.tab-item.active {
border-bottom: 2px solid #004098;
padding-bottom: 5px;
}
.overview-container {
padding: 0 20px;
}
.overview-header {
padding: 20px 0;
margin-bottom: 0;
}
.overview-header h2 {
font-size: 16px;
padding-left: 20px;
}
.header-blue-line {
height: 12px;
}
.overview-grid {
grid-template-columns: 1fr;
grid-auto-rows: minmax(0, auto);
}
.large-card,
.long-card {
grid-column: span 2;
}
.small-card {
grid-column: span 1;
}
.global-presence .section-title-wrap {
padding: 20px 0;
margin-bottom: 0;
}
.map-panel {
flex-direction: column;
}
.map-media {
padding: 24px 20px;
}
.map-copy {
padding: 0 20px 20px 20px;
}
.map-copy__title {
font-size: 16px;
}
.map-copy__desc {
font-size: 13px;
}
.stat-num {
font-size: 16px;
}
.stat-label {
font-size: 12px;
}
.page-template-page-products-detail-mro .product-detail-container {
width: 100%;
height: auto;
overflow: visible;
}
.page-template-page-products-detail-mro .main-layout-grid {
grid-template-columns: 20px 1fr 20px;
grid-template-rows: auto auto auto;
height: auto;
}
.page-template-page-products-detail-mro .line-v {
display: block;
grid-row: 1/4;
}
.page-template-page-products-detail-mro .line-v-2 {
grid-column: 3;
justify-self: start;
}
.page-template-page-products-detail-mro .line-h {
grid-column: 2;
}
.page-template-page-products-detail-mro .line-h-bottom {
display: block;
grid-row: 2;
align-self: start;
}
.page-template-page-products-detail-mro .media-section {
display: contents;
}
.page-template-page-products-detail-mro .main-image-wrapper {
grid-column: 2;
grid-row: 1;
width: 100%;
height: auto;
aspect-ratio: 1/1;
}
.page-template-page-products-detail-mro .carousel-container {
grid-column: 2;
grid-row: 2;
height: auto;
padding: 20px 0;
gap: 10px;
}
.page-template-page-products-detail-mro .arrow {
width: 44px;
height: 44px;
}
.page-template-page-products-detail-mro .carousel-track-viewport {
width: calc(100% - 88px);
}
.page-template-page-products-detail-mro .thumb-item {
width: 64px;
height: 64px;
}
.page-template-page-products-detail-mro .info-section {
grid-column: 2;
grid-row: 3;
border-left: none;
border-top: 1px solid #E4E4E4;
min-width: 0;
overflow-x: hidden;
overflow-y: visible;
}
.page-template-page-products-detail-mro .header-box {
height: auto;
padding: 30px 20px 0;
}
.page-template-page-products-detail-mro .description-text {
padding: 0 20px;
overflow: visible;
}
.page-template-page-products-detail-mro .options-grid {
padding: 20px 0;
}
.page-template-page-products-detail-mro .dimensions-row {
flex-wrap: wrap;
gap: 20px;
justify-content: space-between;
}
.similar-products-module__grid {
grid-template-columns: repeat(2, 1fr);
}
.similar-products-module__card:nth-child(2) {
border-right: none;
}
.similar-products-module__card:nth-child(n
/**/
+3) {
border-top: 1px solid #eee;
}
.similar-products-module__header {
padding: 30px 20px 30px;
}
.similar-products-module__switch {
padding: 30px 20px 30px !important;
}
.similar-products-module__accent {
display: none;
}
.solutions-hero .product-series-banner__grid,
.solutions-hero .product-series-banner__cell,
.solutions-hero .solutions-hero__banner-container {
height: 420px;
}
.solutions-hero .solutions-hero__banner-content {
padding: 22px 20px;
width: 100%;
gap: 20px;
}
.solutions-hero__title {
line-height: 26px;
font-size: 16px;
}
.product-item .prod-name,
.product-item .prod-sku {
padding-right: 20px;
padding-left: 20px;
}
.product-item .prod-sku {
margin-top: 0;
}
.product-tabs-module {
--product-tabs-gutter: 20px;
}
.tabs-nav {
height: 72px;
padding: 16px 20px 16px 0;
}
.main-layout {
grid-template-columns: 1fr;
min-height: 0;
border-right: 0;
padding-top: 0;
}
.left-content {
max-width: 100%;
padding: 24px 20px;
}
.right-products {
width: 100%;
grid-template-columns: 1fr;
grid-template-rows: auto;
}
.product-item {
width: 100%;
height: auto;
min-height: 322px;
border: 1px solid #E4E4E4;
padding: 20px;
display: block;
box-sizing: border-box;
margin-bottom: -1px;
}
.prod-img {
width: 100%;
max-width: 100%;
height: 212px;
object-fit: cover;
mix-blend-mode: multiply;
}
.prod-name {
line-height: 40px;
text-transform: uppercase;
margin: 0;
text-align: left;
font-size: 14px;
width: 100%;
}
.prod-sku {
line-height: 20px;
margin: 0;
text-align: left;
font-size: 14px;
width: 100%;
}
.arrow-top-right {
position: absolute;
top: 20px;
right: 20px;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
}
.arrow-top-right path {
display: block;
}
.arrow-top-right::after {
display: none;
}
.prod-text-wrap {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
gap: 0;
}
.right-products.right-products--count-3 .product-item:nth-child(1) {
grid-column: auto;
border-right: 1px solid #E4E4E4;
}
.why-choose-module {
padding: 40px 20px;
}
.left-v-line {
top: -40px;
}
.grid-item {
padding: 20px 0;
}
.main-title {
font-size: 16px;
line-height: 24px;
}
.title-line {
height: 19px;
width: 3px;
left: -1px;
}
.customization-v3-content {
padding: 0;
}
.customization-v3-unique-node {
--customization-v3-gutter: 20px;
}
.customization-v3-inner {
margin: 0 auto;
padding: 44px 20px;
min-height: 0;
width: min(100%, 390px);
}
.layout-header-v3 {
flex-direction: column;
gap: 0;
padding: 20px 20px 0;
width: 100%;
margin-bottom: 0;
display: flex;
}
.main-wrapper-v3 {
gap: 0;
flex-direction: column-reverse;
width: 100%;
padding-bottom: 20px;
}
.layout-header-v3 h2 {
line-height: 40px;
padding: 0;
max-width: none;
font-size: 16px;
width: 100%;
font-family: "Archivo";
font-style: normal;
font-weight: 600;
text-transform: capitalize;
color: #231815;
box-sizing: border-box;
}
.list-entry-v3 {
padding: 20px 0;
gap: 20px;
align-items: center;
box-sizing: border-box;
}
.info-bundle-v3 h3 {
line-height: 20px;
font-size: 16px;
color: #003B90;
}
.info-bundle-v3 p {
line-height: 20px;
color: #231815;
font-size: 14px;
}
.svc-hero {
height: auto;
min-height: 520px;
padding: 0;
box-sizing: border-box;
border-left: none;
border-right: none;
}
.svc-hero-bg {
height: 100%;
left: 20px;
width: calc(100% - 40px);
}
.svc-hero::after {
left: 20px;
width: calc(100% - 40px);
}
.svc-hero::before {
content: "";
position: absolute;
left: 20px;
right: 20px;
top: 0;
bottom: 0;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
z-index: 1;
pointer-events: none;
}
.svc-hero-overlay {
background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 100%);
align-items: flex-end;
left: 0;
right: 0;
width: 100%;
padding: 0;
box-sizing: border-box;
position: absolute;
padding-bottom: 0;
}
.svc-hero-title {
line-height: 1.2;
font-size: 14px;
}
.svc-hero-desc {
line-height: 20px;
font-size: 14px;
}
.svc-hero-content {
gap: 20px;
padding: 40px 20px;
width: 100%;
}
.svc-hero-text-wrap {
max-width: 100%;
}
.solutions-hero-breadcrumb .product-series-breadcrumb__cell--crumbs {
padding: 0 20px;
}
.solutions-hero-breadcrumb .product-series-breadcrumb__sep {
margin: 0 6px;
}
.solutions-hero-breadcrumb .product-series-breadcrumb__link,
.solutions-hero-breadcrumb .product-series-breadcrumb__current {
font-size: 14px;
}
.v24-sustainability-section {
padding-left: 20px;
padding-right: 20px;
}
.v24-main-title {
font-size: 16px;
padding-left: 0;
}
.v24-main-title::before {
height: 19px;
left: calc(-1 * var(--v24-inner) - 2px);
transform: translateY(-50%);
}
.v25-social-responsibility {
--v25-gutter: 20px;
}
.v25-grid {
grid-template-columns: 1fr;
padding: 20px;
gap: 0;
}
.v25-section-title {
font-size: 16px;
line-height: 30px;
padding: 20px;
padding-left: 20px;
}
.v25-section-title::before {
height: 19px;
}
.v26-supply-chain__wrap {
--v26-gutter: 20px;
}
.v26-supply-chain__header {
padding: 20px;
}
.v26-supply-chain__nav {
width: 260px;
--v26-nav-pad: 20px;
padding: 0;
gap: 0;
border-top: 1px solid #E4E4E4;
order: 2;
}
.v26-supply-chain__media {
width: 360px;
padding: 20px;
height: auto;
border-top: 1px solid #E4E4E4;
order: 2;
}
.v26-supply-chain__content {
padding: 20px;
order: 1;
}
.v26-supply-chain__title {
font-size: 16px;
line-height: 30px;
}
.v26-supply-chain__accent {
height: 20px;
}
.v26-supply-chain__subtitle {
font-size: 14px;
line-height: 30px;
}
.v26-supply-chain__nav-item {
font-size: 14px;
line-height: 16px;
border-bottom: 1px solid #E4E4E4;
padding: 10px 20px;
text-align: left;
}
.sustainability-roadmap__timeline-col {
--sr-year-col: 96px;
--sr-dot-col: 32px;
width: 100%;
align-items: flex-start;
}
.sustainability-roadmap__stage {
font-size: 16px;
}
.sustainability-roadmap__content {
padding-bottom: 67px;
padding-left: 0;
}
.sustainability-roadmap__wrap {
--sr-gutter: 20px;
padding: 0 var(--sr-gutter);
}
.sustainability-roadmap__header {
padding: 30px 20px;
}
.sustainability-roadmap__table {
padding: 20px;
flex-direction: column;
align-items: stretch;
gap: 20px;
}
.sustainability-roadmap__img {
width: 92.666664px;
height: 210px;
}
.sustainability-roadmap__title {
font-size: 16px;
}
.sustainability-roadmap__accent {
height: 20px;
}
.related-blogs__right-line {
display: none;
}
.related-blogs__grid {
grid-template-columns: repeat(2, 1fr);
border-left: none;
border-right: none;
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
scrollbar-width: none;
-ms-overflow-style: none;
}
.related-blogs__card:nth-child(3) {
display: none;
}
.related-blogs__title {
font-size: 14px;
padding-left: 20px;
padding-top: 20px;
padding-bottom: 20px;
}
.related-blogs__title::before {
height: 12px;
width: 3px;
left: -1.5px;
}
.xy-wcu-banner-content {
left: 0;
bottom: 0;
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 40px 20px;
gap: 12px;
height: auto;
z-index: 2;
right: 0;
}
.xy-wcu-banner-title {
line-height: 22px;
font-size: 16px;
font-family: "Archivo";
font-style: normal;
font-weight: 900;
color: #EDEDED;
margin: 0;
}
.wcu-qm-header {
padding: 40px 20px;
gap: 20px;
flex-direction: column;
}
.wcu-qm-title {
font-size: 22px;
}
.wcu-qm-list {
padding: 40px 20px;
gap: 30px;
}
.wcu-qm-item-title {
font-size: 16px;
}
.wcu-qm-item-desc {
font-size: 14px;
}
.wcu-group-grid {
gap: 0;
padding: 20px;
flex-direction: column;
border-bottom: 1px solid #E4E4E4;
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px;
}
.wcu-title-row {
gap: 0;
flex-direction: column;
}
.wcu-rnd-heading {
line-height: 16px;
font-size: 14px;
margin-bottom: 10px;
}
.wcu-achieve-grid {
gap: 30px;
flex-direction: column;
padding: 20px;
}
.wcu-achieve-num {
font-size: 14px;
line-height: 22px;
}
.modular-solutions-exclusive-v5 {
--ms-side-gap: 20px;
padding: 0 var(--ms-side-gap);
}
.modular-solutions-exclusive-v5 .flex-stage-v5 {
height: 400px;
flex-direction: row;
width: 100%;
gap: 0;
border: none;
background: transparent;
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
margin-left: 0;
margin-right: 0;
}
.modular-solutions-exclusive-v5 .cell-v5 {
flex: 0 0 150px;
}
.modular-solutions-exclusive-v5 .flex-stage-v5:hover .cell-v5:first-child:not(:hover) {
flex: 0 0 150px;
}
.ms-bottom-title-v5 {
font-size: 18px;
}
.svc-fm-grid {
flex-direction: column;
gap: 40px;
}
.svc-fm-list {
flex: none;
width: 100%;
padding: 0;
box-sizing: border-box;
gap: 10px;
}
.svc-sol-gallery {
height: auto;
position: relative;
width: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
}
.svc-sol-content h3 {
font-size: 14px;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 600;
margin: 0 0 15px;
line-height: 1.2;
}
.svc-sol-content p {
font-size: 14px;
font-family: "Archivo", sans-serif;
line-height: 1.6;
margin: 0;
opacity: 0.9;
}
.svc-cs-container {
flex-direction: column;
gap: 0;
padding: 0 0px 40px;
}
.svc-cs-left {
flex: none;
width: 100%;
}
.svc-cs-img-sticky {
margin-bottom: 20px;
position: relative !important;
top: 0 !important;
}
.svc-cs-img-sticky img {
height: 180px;
width: 100%;
border-radius: 0;
aspect-ratio: auto;
display: block;
margin-left: 0;
}
.svc-cs-params {
flex-wrap: nowrap;
gap: 0;
flex-direction: row;
overflow-x: auto;
padding: 0;
margin: 0;
width: 100%;
margin-bottom: 0;
scrollbar-width: none;
box-sizing: border-box;
border: none;
justify-content: center;
}
.hero-slide-bg-pc {
display: none;
}
.hero-slide-bg-mobile {
display: block;
}
.text-group {
width: auto;
height: auto;
}
.product-series-breadcrumb__list {
gap: 8px;
}
.banner-container {
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
}
.product-series-banner {
padding: 0 20px;
}
.intro-grid-section {
padding: 40px 20px 0;
}
.intro-grid-section::before {
top: 40px;
}
.site-logo .custom-logo--default {
display: none !important;
}
.site-logo .custom-logo--sticky {
display: block !important;
}
#full-width-search.search-overlay {
top: 0;
left: 0;
width: 100vw;
height: 100dvh;
background-color: rgba(0, 0, 0, 0.35);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
transform: none;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 260ms ease, visibility 0s linear 260ms;
z-index: 2147483002 !important;
}
#full-width-search.search-overlay.is-open {
opacity: 1;
visibility: visible;
pointer-events: auto;
transition: opacity 260ms ease;
}
body.is-search-overlay-open {
overflow: hidden;
}
body.is-search-overlay-open .product-series-breadcrumb {
display: none !important;
}
body.is-search-overlay-open .product-series-filters {
display: none !important;
}
#full-width-search .search-bar {
position: relative;
top: 133px;
left: 0;
right: 0;
bottom: 0;
width: 100%;
transform: translatey(100vh);
transition: transform 260ms ease;
border: 0;
box-sizing: border-box;
overflow: hidden;
flex-direction: column;
align-items: stretch;
gap: 0;
padding: 20px;
background: #FFF;
}
#full-width-search.search-overlay.is-open .search-bar {
transform: translatey(0);
}
#full-width-search .search-bar-logo {
display: none;
}
#full-width-search .search-back {
position: absolute;
top: 20px;
left: 20px;
width: 44px;
height: 44px;
padding: 0;
border: 0;
background: transparent;
color: #231815;
display: inline-flex;
align-items: center;
justify-content: center;
}
#full-width-search .search-close {
position: absolute;
top: 20px;
right: 20px;
width: 44px;
height: 44px;
padding: 0;
border: 0;
background: transparent;
color: #231815;
display: inline-flex;
align-items: center;
justify-content: center;
}
#full-width-search .search-form {
flex: 1 1 auto;
width: 100%;
display: flex;
flex-direction: column;
align-items: stretch;
gap: 20px;
padding-top: 64px;
box-sizing: border-box;
}
#full-width-search .search-input-box {
width: 100%;
border: 0;
padding: 0;
box-sizing: border-box;
flex: 1 1 auto;
min-height: 0;
align-items: stretch;
display: flex;
flex-direction: column;
justify-content: flex-end;
overflow: hidden;
position: relative;
background: #FFF;
}
#full-width-search .search-fake-placeholder {
position: absolute;
left: 16px;
right: 16px;
top: 14px;
bottom: 14px;
overflow: hidden;
display: flex;
align-items: flex-end;
white-space: pre-wrap;
word-break: break-word;
color: #000;
line-height: 28px;
pointer-events: auto;
user-select: none;
font-size: 14px;
}
#full-width-search .search-fake-placeholder.is-hidden {
display: none;
}
#full-width-search .search-input-box svg {
display: none;
}
#full-width-search .search-input-box>span {
display: none;
}
#full-width-search .search-field-mobile {
display: block;
width: 100%;
height: 100%;
min-height: 0;
color: #000;
line-height: 20px;
background: transparent;
border: 0;
outline: 0;
resize: none;
overflow: hidden;
font-size: 14px;
}
body.is-search-overlay-open #full-width-search .search-form {
min-height: 0;
height: 100%;
}
body.is-search-overlay-open #full-width-search .search-input-box {
flex: 0 0 auto;
min-height: 0;
align-items: stretch;
}
body.is-search-overlay-open #full-width-search .search-submit {
margin-top: 0;
}
#full-width-search .search-submit {
width: 100%;
height: 56px;
margin-left: 0;
background: #003B90;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
font-size: 14px;
}
.mobile-drawer {
top: 133px;
left: 0;
right: 0;
bottom: 0;
width: 100%;
transform: translatey(100vh);
transition: transform 260ms ease;
border: 1px solid #E4E4E4;
box-sizing: border-box;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
z-index: 999999 !important;
}
.mobile-drawer.is-active {
transform: translatey(0);
}
.product-series-breadcrumb__back svg {
width: 32px;
height: 32px;
}
.product-series-filters {
padding: 0 20px;
}
.page-template-page-product-series .product-series-filters {
position: static !important;
top: auto !important;
z-index: auto !important;
transition: none !important;
will-change: auto;
}
.page-template-page-product-series .product-series-filters.is-stuck.ps-hidden {
transform: translatey(calc(-100% - var(--xy-custom-header-h, 125px) - var(--xy-ps-breadcrumb-h, 109px))) !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: none !important;
}
.product-series-filters__cell--side-left,
.product-series-filters__cell--side-right {
display: none;
}
.product-series-filters__cell--main {
border-right: 1px solid #E4E4E4;
border-left: 1px solid #E4E4E4;
}
.product-series-filter--application,
.product-series-filter--search {
border: 0;
}
.page-template-page-product-series .product-series-filters.is-stuck {
padding: 0;
background: #FFF;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filters__grid {
grid-template-columns: 1fr;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filters__cell--main {
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filters__bar {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
padding: 0;
border-top: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter--type,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter-dropdown-wrap--application,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-search {
width: 100%;
min-width: 0;
padding: 0;
justify-content: center;
display: flex;
align-items: center;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter-dropdown-wrap--application,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-search {
border-left: 1px solid #E4E4E4;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter--type,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter--application,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-search {
padding-left: 0;
padding-right: 0;
height: 60px;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter-dropdown-wrap--application,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter-dropdown-wrap--type {
align-items: stretch;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter--application {
width: 100%;
height: 100%;
justify-content: center;
padding: 0;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter--type {
width: 100%;
height: 100%;
justify-content: center;
padding: 0;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-search {
justify-content: center;
padding: 0;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter__label,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-search__text {
display: none;
}
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter--type svg:last-child,
.page-template-page-product-series .product-series-filters.is-stuck .product-series-filter--application svg:last-child {
display: none;
}
body.is-product-series-application-open {
overflow: hidden;
}
body.is-product-series-application-open .page-template-page-product-series .product-series-filters {
will-change: auto !important;
transform: none !important;
top: 0 !important;
z-index: 2147483000 !important;
}
body.is-product-series-search-open {
overflow: hidden;
}
body.is-product-series-search-open .page-template-page-product-series .product-series-filters {
will-change: auto !important;
transform: none !important;
top: 0 !important;
z-index: 2147483000 !important;
}
body.is-product-series-search-open .site-header {
display: none !important;
}
body.is-product-series-search-open .product-series-breadcrumb {
display: none !important;
}
body.is-product-series-search-open .product-series-banner {
display: none !important;
}
body.is-product-series-application-open .product-series-banner {
display: none !important;
}
.page-template-page-product-series .product-series-filter-dropdown {
position: fixed;
inset: 0;
width: 100vw;
height: 100vh;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: none;
transition: opacity 0.2s ease, visibility 0.2s ease;
display: flex;
justify-content: flex-end;
align-items: flex-end;
z-index: 9999;
}
.page-template-page-product-series .product-series-filter-dropdown-wrap.is-open .product-series-filter-dropdown {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.page-template-page-product-series .product-series-filter-dropdown__panel {
width: 100%;
position: relative;
height: min(82vh, 720px);
max-height: calc(100vh - 40px);
background: #FFF;
border-top-left-radius: 0;
border-top-right-radius: 0;
overflow: hidden;
transform: translatex(100%);
transition: transform 0.28s ease;
display: flex;
flex-direction: column;
}
.page-template-page-product-series .product-series-filter-dropdown-wrap.is-open .product-series-filter-dropdown__panel {
transform: translatex(0);
}
.page-template-page-product-series .product-series-filter-dropdown__header {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 12px;
padding: 60px 20px 20px;
border-bottom: 1px solid #E4E4E4;
position: relative;
}
.page-template-page-product-series .product-series-filter-dropdown__icon {
display: block;
width: 24px;
height: 24px;
}
.page-template-page-product-series .product-series-filter-dropdown__title {
width: auto;
line-height: 1;
font-weight: 700;
color: #003B90;
font-size: 14px;
}
.page-template-page-product-series .product-series-filter-dropdown__close {
position: absolute;
right: 20px;
top: 30%;
transform: translatey(-50%);
}
.page-template-page-product-series .product-series-filter-dropdown__frame {
position: relative;
width: 100%;
height: auto;
min-height: 0;
left: 0;
top: auto;
padding: 20px;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
scrollbar-color: #003B90 transparent;
}
.page-template-page-product-series .product-series-filter-dropdown__frame::after {
content: "";
position: sticky;
left: 0;
right: 0;
bottom: 0;
display: block;
height: 90px;
margin-top: -90px;
background: linear-gradient(to top, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 100%);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
pointer-events: none;
z-index: 1;
}
.page-template-page-product-series .product-series-filter-dropdown__frame::-webkit-scrollbar {
width: 4px;
}
.page-template-page-product-series .product-series-filter-dropdown__frame::-webkit-scrollbar-track {
background: transparent;
}
.page-template-page-product-series .product-series-filter-dropdown__frame::-webkit-scrollbar-thumb {
background: #003B90;
min-height: 130px;
}
.page-template-page-product-series .product-series-filter-dropdown__footer {
flex: 0 0 auto;
padding: 20px;
background: #FFF;
}
.page-template-page-product-series .product-series-filter-dropdown__search-btn {
width: 100%;
height: 56px;
background: #003B90;
color: #FFF;
border: 0;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
line-height: 1;
cursor: pointer;
transition: background-color 0.2s ease;
font-size: 14px;
}
.page-template-page-product-series .product-series-filter-dropdown__search-btn:hover,
.page-template-page-product-series .product-series-filter-dropdown__search-btn:active {
background-color: #007DBF;
}
.page-template-page-product-series .product-series-filter-dropdown__row {
width: 100%;
height: auto;
box-sizing: border-box;
}
.page-template-page-product-series .product-series-filter-dropdown__item {
width: 100%;
justify-content: center;
padding: 18px 10px;
margin: 0;
position: relative;
}
.page-template-page-product-series .product-series-filter-dropdown__row.is-active .product-series-filter-dropdown__item::after {
border-color: #003B90;
}
.page-template-page-product-series .product-series-filter-dropdown__indicator {
display: none;
}
.product-series-products__divider {
display: none;
}
.product-series-products__card--placeholder {
display: none;
}
.product-series-products__row:last-of-type .product-series-products__card:last-child {
border-bottom: none;
}
.product-series-products__content {
gap: 6px;
flex: 0 0 auto;
padding: 0 20px 20px 20px;
}
.product-series-pagination__container {
padding-left: 20px;
padding-right: 20px;
padding: 30px 20px;
}
.product-series-contact__bg-img {
inset: auto;
left: 0;
top: 0;
width: 752px;
height: 271px;
max-width: none;
object-fit: cover;
}
.product-series-contact__btn {
width: 100%;
max-width: 310px;
height: 60px;
}
.banner-overlay {
background: linear-gradient(0deg, #1B2129 0%, rgba(27, 33, 41, 0) 100%);
}
.product-series-banner__btn span {
font-size: 14px;
}
.header-mobile-actions button {
pointer-events: auto !important;
position: relative;
z-index: 9999999;
}
.hero-container {
padding: 0;
}
.hero-floating-actions {
right: 20px;
bottom: 100px;
}
.floating-btn {
width: 40px;
height: 40px;
}
.hero-progress {
left: 20px;
right: 20px;
bottom: 30px;
}
.grid-3 {
display: flex;
overflow-x: auto;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
-ms-overflow-style: none;
scrollbar-width: none;
}
.grid-3::-webkit-scrollbar {
display: none;
}
.cell-visual {
padding: 40px 0;
}
.scrollbar-thumb {
width: 142px;
height: 100%;
background-color: #003B90;
position: absolute;
top: 0;
left: 0;
}
.new-section {
padding-left: 20px;
padding-right: 20px;
}
.new-section-mobile-image {
position: relative;
width: 100%;
height: 40vh;
overflow: hidden;
}
.new-section-mobile-image .new-section-image {
object-fit: cover;
height: 100%;
}
.play-button-overlay {
position: absolute;
bottom: 0;
left: 0;
width: 60px;
height: 60px;
background-color: rgba(255, 255, 255, 0.18);
border: 1px solid rgba(255, 255, 255, 0.5);
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.xy-home-video-dialog {
width: 100vw;
height: 100vh;
transform: none;
left: 0;
top: 0;
}
.xy-home-video-close {
left: 20px;
right: auto;
top: 48px;
}
.xy-home-video-header {
left: 92px;
top: 48px;
right: 20px;
}
.xy-home-video-player {
width: 100vw;
height: 100vh;
aspect-ratio: auto;
}
.new-section-mobile-text {
padding: 30px 0 0;
}
.decorative-bar {
height: 12px;
margin-bottom: 0;
}
.new-section-mobile .new-section__btn {
width: 100%;
justify-content: flex-start;
padding: 15px 20px;
border-radius: 0;
}
.capabilities-left {
flex: 1 1 auto;
max-width: 100%;
width: 100%;
}
.capabilities-right {
flex: 1 1 auto;
max-width: 100%;
border: 0;
padding: 0;
}
.capabilities-desc {
max-width: 100%;
}
.capabilities-grid {
grid-template-columns: repeat(2, 1fr);
}
.cap-item:nth-child(3n + 2),
.cap-item:nth-child(3n + 3) {
border-left: none;
}
.cap-item:nth-child(2n) {
border-left: none;
}
.capabilities-grid .cap-item::before {
left: 12px;
right: 12px;
display: block;
top: auto;
bottom: 0;
height: 1px;
background: #E4E4E4;
}
.capabilities-grid .cap-item::after {
top: 12px;
bottom: 12px;
display: none;
}
.capabilities-grid .cap-item:nth-child(-n + 2)::before {
display: none;
}
.capabilities-grid .cap-item:nth-child(2n + 1)::after {
display: block;
left: auto;
right: 0;
top: 12px;
bottom: 12px;
width: 1px;
background: #E4E4E4;
}
.cap-label {
width: 107px;
}
.cap-item--highlight {
text-align: left;
}
.cap-highlight-desc {
margin: 0;
max-width: 100%;
}
.cap-item.is-active {
height: auto;
}
.cap-item.is-active .cap-number,
.cap-item.is-active .cap-unit,
.cap-item.is-active .cap-label {
color: #003B90;
}
.cap-item.is-active .cap-highlight-desc {
display: block;
line-height: 16px;
padding: 10px 0 0;
font-size: 14px;
}
.intro-grid__link svg {
position: absolute;
top: 10px;
right: 10px;
z-index: 2;
width: 32px;
height: 32px;
}
.capabilities-grid .cap-item:nth-last-child(-n + 2)::before {
display: none;
}
.capabilities-grid .cap-item:nth-child(1)::before,
.capabilities-grid .cap-item:nth-child(2)::before,
.capabilities-grid .cap-item:nth-child(3)::before {
display: block;
}
.story-container {
flex-direction: column;
align-items: flex-start;
gap: 24px;
padding: 40px 40px;
height: 100%;
}
.story-content {
flex: 1 1 auto;
max-width: 100%;
}
.story-visual {
flex: 1 1 auto;
max-width: 100%;
width: 100%;
justify-content: flex-end;
}
.story-image {
width: 248px;
height: 214px;
max-width: none;
}
.cards-grid {
display: flex;
overflow-x: auto;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
scrollbar-width: none;
}
.cards-grid::-webkit-scrollbar {
display: none;
}
.cards-item {
flex: 0 0 calc(100% - 80px);
padding: 20px 20px 0;
scroll-snap-align: start;
}
.cards-item+.cards-item {
border-left: 1px solid #E4E4E4;
}
.cards-date {
padding-left: 0;
}
.cards-media {
width: 260px;
height: 260px;
}
.cards-footer {
margin-left: -20px;
margin-right: -20px;
}
.cards-footer .cards-link {
padding: 22.5px 0 22.5px 20px;
}
.cards-section {
padding: 0 20px;
}
.faq-bar {
margin-left: calc(-20px - 2px);
height: 12px;
}
.site-footer {
padding-top: 0;
padding-bottom: 160px;
padding-left: 20px;
padding-right: 20px;
}
.footer-col--company {
grid-area: company;
}
.footer-col--services {
grid-area: services;
}
.footer-col--products {
grid-area: products;
grid-column: 1/-1;
border-left: none;
padding-left: 0;
}
.footer-social--desktop {
display: none;
}
.footer-social--mobile {
display: flex;
}
.footer-social {
justify-content: space-between;
padding: 20px;
}
.footer-subscribe {
padding: 0;
}
.footer-subscribe-btn {
border-top: 1px solid rgba(255, 255, 255, 0.25);
width: 100%;
max-width: 100%;
gap: 20px;
padding: 18px 0;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
font-size: 14px;
}
.footer-heading {
font-family: "Archivo", sans-serif;
font-weight: 400;
padding: 0;
font-size: 14px;
}
.footer-link {
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 600;
padding: 0;
font-size: 14px;
}
.footer-social-link {
width: 30px;
height: 30px;
}
.footer-contact-title {
font-family: "Archivo", sans-serif;
font-weight: 600;
line-height: 20px;
font-size: 14px;
}
.footer-contact-text {
font-family: "Archivo", sans-serif;
font-weight: 300;
line-height: 20px;
padding: 0;
font-size: 14px;
}
.cta-section {
min-height: 24vh;
}
.faq-container {
padding-top: 40px;
}
.faq-section {
padding-left: 20px;
padding-right: 20px;
}
.faq-Rectangle {
height: 44px;
background: rgba(12, 47, 98, 0.05);
}
.footer-col {
width: 100%;
gap: 44px;
}
.footer-contact {
padding: 20px;
}
.blog-pagination {
padding: 0 20px;
}
.blog-hero__overlay,
.blog-hero__hover-panel {
padding: 20px;
}
.blog-hero__date,
.news-header__subtitle {
font-size: 14px;
}
.blog-hero__desc,
.blog-hero__hover-desc {
font-size: 14px;
}
.blog-subscribe__input {
width: 100%;
padding: 20px;
font-size: 14px;
}
.blog-subscribe__btn {
width: 100%;
justify-content: center;
padding: 20px;
font-size: 14px;
}
.blog-pagination__link svg {
width: 20px;
height: 20px;
}
.blog-content,
.blog-subscribe,
.blog-hero {
padding: 0 20px;
}
.blog-share a {
width: 24px;
height: 24px;
}
.other-blogs-section {
padding-left: 20px;
padding: 50px 0 0 0;
padding-right: 0 !important;
}
.other-blogs-header {
padding: 20px;
border-left: none;
}
.other-blogs-header::before {
display: block;
left: 0;
width: 3px;
height: 12px;
}
.other-blogs-title {
font-size: 14px;
}
.other-blogs-title-text {
font-size: 14px;
}
.other-blogs-wrapper {
border-left: none;
border-right: none;
}
.xy-local-faq-section {
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
border-left: none;
border-right: none;
}
.xy-local-faq-section::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 20px;
right: 20px;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
pointer-events: none;
}
.xy-contact-submit-module {
margin: 40px 0;
padding: 0 20px;
}
.xy-local-faq-header {
padding: 40px 0 0;
}
.xy-local-faq-title {
font-size: 14px;
}
.xy-local-faq-bottom-block {
height: 44px;
}
.xy-local-faq-list {
padding: 0;
}
.xy-contact-blogs-section {
padding: 50px 0 0 0;
}
.xy-contact-blogs-header {
padding: 0 20px 20px;
border-left: none;
}
.xy-contact-blogs-header::before {
display: none;
}
.xy-contact-blogs-title {
font-size: 14px;
}
.xy-contact-blogs-wrapper {
border-left: none;
border-right: none;
}
.xy-contact-blogs-title-text {
font-size: 14px;
}
.xy-contact-blogs-scroll-container {
margin-top: 30px;
margin-bottom: 50px;
}
.xy-events-intro {
display: block;
padding: 0 20px;
}
.xy-events-intro__box {
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
padding: 40px 20px 20px;
}
.xy-events-intro__title {
margin: 0 0 10px;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 700;
line-height: 1.1;
color: #231815;
font-size: 14px;
}
.xy-events-intro__meta {
display: flex;
align-items: flex-start;
gap: 8px;
margin-bottom: 8px;
font-family: "Archivo", sans-serif;
font-weight: 400;
line-height: 1.35;
color: #231815;
font-size: 14px;
}
.xy-events-intro__meta svg {
flex-shrink: 0;
margin-top: 1px;
}
.xy-events-intro__desc {
margin: 0;
font-family: "Archivo", sans-serif;
font-weight: 300;
line-height: 1.45;
color: #231815;
font-size: 14px;
}
.xy-events-intro__footer {
display: flex;
align-items: stretch;
justify-content: space-between;
margin-top: 14px;
}
.xy-events-intro__socials {
display: flex;
align-items: center;
gap: 14px;
padding: 12px 0;
}
.xy-events-intro__socials a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
text-decoration: none;
}
.xy-events-hero {
min-height: 560px;
height: calc(var(--xy-visual-vh, 100vh) * 0.65);
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
background: #FFF;
border-top: 1px solid rgba(228, 228, 228, 0.5);
}
.xy-events-hero__slider {
position: absolute;
inset: 0 20px;
}
.xy-events-hero__desc {
font-size: 14px;
}
.xy-explore-hero__desc {
font-size: 14px;
}
.xy-explore-hero__btn {
font-size: 14px;
}
.news-subscribe-input {
font-size: 14px;
}
.news-header__inner {
padding: 40px 20px 20px;
}
.news-detail-main>section {
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
border-left: 1px solid #E5E5E5;
border-right: 1px solid #E5E5E5;
}
.news-header__date {
margin-bottom: 20px;
font-size: 14px;
}
.news-header__desc {
font-size: 14px;
}
.news-footer-action__inner {
flex-direction: column;
align-items: stretch;
gap: 0;
}
.news-footer-action__left {
flex-direction: column;
align-items: center;
width: 100%;
}
.news-footer-action__divider {
display: block;
width: 100%;
height: 1px;
background: #E5E5E5;
}
.news-top-pagination__link {
font-size: 14px;
}
.news-scroll-container {
margin-top: 30px;
margin-bottom: 50px;
}
.news-mobile-divider {
display: block;
width: 100%;
height: 1px;
background: #E5E5E5;
}
.news-share {
padding: 20px 0;
}
.page-template-page-products-detail-mro #modal3D.mro3d-modal {
padding: 0;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.01);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
display: none;
}
.page-template-page-products-detail-mro #modal3D.mro3d-modal.active {
display: block;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__card {
width: 100%;
height: auto;
position: absolute;
top: 133px;
bottom: 0;
left: 0;
right: 0;
background: #fff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
aspect-ratio: auto;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__viewer {
height: 100%;
justify-content: center;
align-items: center;
padding: 0 20px;
box-sizing: border-box;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__img {
width: 88%;
height: auto;
max-height: none;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__hint {
position: absolute;
top: 80px;
left: 0;
right: 0;
bottom: auto;
text-align: center;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__close {
top: 20px;
right: 20px;
background: transparent;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__nav {
position: absolute;
bottom: 40px;
background: transparent;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__nav--prev {
left: 20px;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__nav--next {
right: 20px;
}
.related-blogs__heading {
font-size: 14px;
}
.related-blogs-section .section-container {
padding-left: 20px;
padding-right: 0;
}
.related-blogs__top-divider {
margin-bottom: 30px;
width: calc(100% - 20px);
}
.related-blogs__content-wrapper {
padding-left: 0;
}
.related-blogs__mid-divider {
width: 100%;
}
.related-blogs__grid::-webkit-scrollbar {
display: none;
}
.scrollbar-track {
width: 100%;
height: 4px;
background-color: #F3F5F7;
position: relative;
}
.related-blogs__card {
border-right: 1px solid #E4E4E4;
border-left: none;
padding: 10px 20px 0;
flex: 0 0 85%;
scroll-snap-align: start;
}
.related-blogs__card:last-child {
border-right: 1px solid #E4E4E4;
}
.related-blogs__grid::after {
content: "";
display: block;
flex: 0 0 20px;
width: 20px;
}
.related-blogs__card:nth-child(2),
.related-blogs__card:nth-child(3) {
display: flex;
}
.related-blogs__date {
padding: 0 0 20px 0;
font-size: 14px;
}
.related-blogs__content {
padding: 20px 0;
color: #231815;
line-height: 24px;
font-size: 14px;
}
.related-blogs__desc {
font-size: 14px;
}
.related-blogs__footer {
margin-left: -20px;
margin-right: -20px;
}
.related-blogs__link {
padding: 20px;
font-size: 14px;
}
.xy-chat-window {
position: fixed;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 100vh;
border-radius: 0;
}
.xy-chat-body {
flex: 1;
height: auto;
}
.xy-chat-trigger {
width: 40px;
height: 40px;
}
.v25-item-text {
line-height: 30px;
font-size: 14px;
padding: 20px 10px;
}
.v25-item-desc {
line-height: 24px;
font-size: 14px;
}
.v26-supply-chain__text {
line-height: 24px;
font-size: 14px;
}
.page-template-page-products-detail-mro .product-title {
font-size: 16px;
}
.page-template-page-products-detail-mro .label {
font-size: 14px;
}
.page-template-page-products-detail-mro .size-btn {
font-size: 14px;
width: 90px;
}
.page-template-page-products-detail-mro .contact-btn {
height: 60px;
font-size: 16px;
}
.v21-news-item {
flex-direction: column-reverse;
gap: 20px;
height: 100%;
}
.v21-text-content {
padding: 20px;
}
.v21-image-box {
width: 100%;
height: 200px;
}
.v21-item-title {
font-size: 16px;
}
.xy-about-driven-image img {
padding: 0 20px;
height: 250px;
}
.xy-about-driven-item p {
line-height: 28px;
font-size: 14px;
}
.xy-about-driven-item svg {
width: 8px;
height: 8px;
}
.xy-about-driven-bottom-container {
flex-direction: column;
gap: 20px;
padding: 20px 0;
align-items: center;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
}
.xy-about-driven-card {
width: 350px;
height: 282px;
position: relative;
flex: none;
}
.xy-about-driven-card img {
width: 100%;
height: 288px;
position: absolute;
left: 50%;
top: -6px;
transform: translatex(-50%);
object-fit: cover;
}
.xy-about-driven-card-mask {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 20px;
gap: 12px;
position: absolute;
width: 350px;
height: auto;
left: 50%;
bottom: 0;
transform: translatex(-50%);
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
justify-content: flex-end;
}
.xy-about-driven-card-mask h3 {
font-family: "Zalando Sans Expanded";
font-style: normal;
font-weight: 400;
line-height: 19px;
color: #EDEDED;
margin: 0;
width: 310px;
font-size: 16px;
}
.xy-about-driven-card-mask p {
font-family: "Archivo";
font-style: normal;
font-weight: 400;
line-height: 16px;
color: #EDEDED;
margin: 0;
width: 310px;
font-size: 14px;
}
.xy-about-driven-card+.xy-about-driven-card {
border-left: none;
}
.xy-about-overview-link svg {
top: 10px;
right: 10px;
width: 32px;
height: 32px;
}
.xy-about-overview-desc {
line-height: 16px;
font-size: 14px;
}
.xy-about-overview-grid {
display: flex;
overflow-x: auto;
-ms-overflow-style: none;
scrollbar-width: none;
border-left: none;
border-right: none;
}
.xy-about-overview-grid::-webkit-scrollbar {
display: none;
}
.xy-about-overview-cell+.xy-about-overview-cell {
border-left: 1px solid #E4E4E4;
}
.xy-about-overview-cell-title,
.xy-about-history-title {
font-size: 16px;
}
.xy-about-overview-scrollbar-container {
display: block;
margin-top: -1px;
}
.xy-about-banner-bg {
position: absolute;
width: 711px;
height: 461px;
left: calc(50% - 711px / 2 + 0.5px);
}
.xy-about-banner-subtitle {
font-family: "Archivo";
font-style: normal;
font-weight: 400;
line-height: 36px;
color: #EDEDED;
margin: 0;
font-size: 16px;
}
.xy-about-banner-desc {
font-family: "Archivo";
font-style: normal;
font-weight: 100;
line-height: 20px;
color: #EDEDED;
margin: 0;
width: 350px;
font-size: 14px;
}
.xy-about-foot-container {
padding: 0;
}
.xy-about-foot-title {
font-size: 16px;
}
.xy-about-foot-title-line {
height: 12px;
}
.xy-about-foot-header {
margin-bottom: 170px;
}
.xy-about-foot-header h3 {
line-height: 20px;
font-size: 16px;
}
.xy-about-foot-header p {
line-height: 16px;
font-size: 14px;
}
.xy-about-foot-stats::-webkit-scrollbar {
display: none;
}
.xy-about-achieve-grid {
flex-direction: row;
flex-wrap: wrap;
gap: 0;
border-left: none;
border-right: none;
}
.xy-about-achieve-box:nth-child(even) {
border-right: none;
}
.xy-about-achieve-box-img img {
max-width: 143px;
max-height: 143px;
}
.xy-about-achieve-grid>div:nth-child(1) {
order: 2;
}
.xy-about-achieve-grid>div:nth-child(2) {
order: 1;
}
.xy-about-achieve-grid>div:nth-child(3) {
order: 4;
}
.xy-about-achieve-grid>div:nth-child(4) {
order: 3;
}
.xy-about-achieve-grid>div:nth-child(6) {
order: 6;
}
.xy-about-achieve-grid>div:nth-child(5) {
order: 5;
}
.xy-about-achieve-grid>div:nth-child(8) {
order: 8;
}
.xy-about-achieve-grid>div:nth-child(7) {
order: 7;
}
.xy-about-overview-left,
.xy-about-overview-right {
padding: 0;
}
.xy-contact-hero {
padding: 0 20px;
}
.xy-contact-header-module,
.xy-contact-info-module {
padding: 0 20px;
}
.xy-contact-detail-item,
.xy-contact-detail-item {
font-size: 14px;
}
.xy-social-link {
width: 20px;
height: 20px;
}
.xy-social-link svg {
width: 20px;
height: 20px;
}
.xy-contact-icon svg {
width: 16px;
height: 16px;
}
.xy-contact-container,
.xy-contact-container {
padding: 20px;
}
.xy-form-group-full {
grid-column: span 1;
}
.xy-contact-form-desc {
margin-bottom: 20px;
font-size: 16px;
}
.v21-news-section {
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
.v21-date {
font-size: 14px;
}
.v21-news-container {
border-left: 1px solid rgba(228, 228, 228, 0.5);
border-right: 1px solid rgba(228, 228, 228, 0.5);
}
.article-selector__item--empty {
display: none;
}
.article-selector__text {
font-size: 14px;
}
.article-selector__icon {
width: 24px;
height: 24px;
}
.v21-item-desc {
width: 100%;
font-size: 14px;
}
.hero-banner-divider {
display: block;
}
.hero-banner-module .hero-breadcrumb {
margin: 0 0 14px;
}
.hero-banner-module .hero-subtitle {
font-size: 13px;
}
.perf-display {
flex-direction: column;
}
.mobile-carousel-controls {
display: flex;
}
.perf-content-desc {
line-height: 20px;
font-size: 14px;
}
.large-card,
.long-card,
.small-card {
grid-column: span 1;
height: 266px;
width: 100%;
}
.item-overlay h3 {
font-size: 16px;
}
.item-overlay {
padding: 20px 40px;
}
.solutions-hero-banner-bottom-bar {
height: 44px;
}
.solutions-hero__title-row {
gap: 10px;
}
.solutions-hero__desc {
line-height: 18px;
font-size: 13px;
}
.tabs-accent {
height: 12px;
margin-right: 16px;
}
.tabs-title {
line-height: 24px;
font-size: 16px;
}
.tabs-title svg {
width: 28px;
height: 28px;
}
.right-products.right-products--count-1,
.right-products.right-products--count-2,
.right-products.right-products--count-3 {
grid-template-columns: 1fr;
grid-template-rows: auto;
width: 100%;
}
.right-products.right-products--count-2 .prod-img {
height: 242px;
}
.header-row {
margin-bottom: 20px;
min-height: 24px;
padding-left: 12px;
}
.grid-container {
grid-template-columns: 1fr;
}
.right-v-line {
top: -40px;
}
.item-right-line {
display: none;
}
.item-bottom-line {
display: block;
}
.icon-box {
width: 40px;
height: 40px;
margin-bottom: 15px;
}
.item-title {
line-height: 16px;
margin: 0 0 10px 0;
font-size: 14px;
}
.list-entry-v3,
.visual-anchor-v3 {
padding: 20px;
}
.customization-v3-frame {
overflow: hidden;
}
.customization-v3-container {
max-width: none;
width: 100%;
}
.visual-anchor-v3 {
width: 100%;
flex: 0 1 auto;
}
.visual-anchor-v3 img {
width: 100%;
margin: 0 auto;
}
.feature-stack-v3 {
width: 100%;
gap: 0;
}
.icon-bracket-v3 {
width: 24px;
height: 24px;
}
.icon-bracket-v3 svg {
width: 24px;
height: 24px;
}
.info-bundle-v3 {
flex: 1;
gap: 8px;
}
.v24-header {
padding: 20px 20px;
--v24-inner: 20px;
}
.v24-body {
padding: 0 20px 40px;
}
.v24-steps-wrap {
max-width: none;
}
.v24-steps-list {
gap: 26px;
}
.v24-step-item {
gap: 16px;
}
.v24-icon-circle {
width: 40px;
height: 40px;
}
.v24-icon-circle svg {
width: 40px;
height: 40px;
}
.v24-step-title {
margin-bottom: 8px;
font-size: 14px;
}
.v24-step-desc {
font-size: 14px;
}
.v26-supply-chain__body {
flex-direction: column;
}
.v26-supply-chain__nav,
.v26-supply-chain__detail,
.v26-supply-chain__media,
.v26-supply-chain__content,
.v26-supply-chain__detail-panel {
width: 100%;
border-right: none;
}
.v26-supply-chain__detail {
order: 1;
}
.v26-supply-chain__nav-item:last-child {
border-bottom: none;
}
.v26-supply-chain__nav-item.is-active::after {
display: none;
}
.v26-supply-chain__detail-panel {
flex-direction: column;
}
.sustainability-roadmap__year {
padding-right: 0;
}
.sustainability-roadmap__media-col {
width: 100%;
flex-direction: row;
justify-content: space-between;
gap: 10px;
}
.sustainability-roadmap__media {
padding-bottom: 0;
}
.sustainability-roadmap__timeline-col::before {
margin-left: 0;
}
.wcu-rnd-sec .wcu-container,
.wcu-achieve-sec .wcu-container,
.wcu-qm-sec .wcu-container {
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
}
.wcu-qm-item {
gap: 20px;
}
.wcu-qm-icon {
width: 36px;
height: 36px;
margin-left: 0;
}
.wcu-group-sec {
padding: 0 20px;
}
.wcu-subtitle-box {
padding: 20px 20px 0;
}
.wcu-title-box {
padding: 0 20px;
}
.wcu-dot svg {
width: 8px;
height: 8px;
}
.wcu-group-right {
display: block;
padding: 0 20px 20px;
}
.wcu-list {
margin: 0;
}
.wcu-list li svg {
width: 34px;
height: 34px;
margin-right: 0;
}
.wcu-rnd-header {
padding: 20px;
}
.wcu-rnd-title {
font-size: 16px;
}
.wcu-rnd-title::before {
height: 12px;
}
.wcu-rnd-grid {
flex-direction: column;
padding: 20px;
}
.wcu-rnd-img-wrapper {
width: 100%;
height: auto;
aspect-ratio: 1/1;
}
.wcu-rnd-img-deco-tl,
.wcu-rnd-img-deco-br {
width: 40px;
height: 40px;
}
.wcu-achieve-header {
padding: 20px 20px 0 20px;
}
.wcu-achieve-title {
font-size: 18px;
}
.xy-wcu-banner {
height: 461px;
background: #F3F5F7;
padding: 0;
}
.xy-wcu-banner-bg {
position: absolute;
width: 711px;
height: 461px;
left: calc(50% - 711px / 2 + 0.5px);
}
.xy-wcu-banner-mask {
display: block;
background: linear-gradient(0deg, rgba(27, 33, 41, 0.6) 2.84%, rgba(27, 33, 41, 0) 98.08%);
}
.xy-wcu-banner-desc {
font-family: "Archivo";
font-style: normal;
font-weight: 100;
line-height: 20px;
color: #EDEDED;
margin: 0;
width: 350px;
font-size: 14px;
}
.modular-solutions-exclusive-v5 .title-row-v5 {
margin-bottom: 0;
}
.modular-solutions-exclusive-v5 .indicator-v5 {
height: 12px;
}
.modular-solutions-exclusive-v5 .main-label-v5 {
font-size: 16px;
}
.modular-solutions-exclusive-v5 .flex-stage-v5::-webkit-scrollbar {
display: none;
}
.modular-solutions-exclusive-v5 .cell-v5,
.modular-solutions-exclusive-v5 .cell-v5:first-child,
.modular-solutions-exclusive-v5 .flex-stage-v5:hover .cell-v5:first-child:not(:hover) {
width: calc(100vw - 40px);
height: 100%;
flex: 0 0 calc(100vw - 40px);
margin: 0;
scroll-snap-align: start;
}
.modular-solutions-exclusive-v5 .mask-v5 {
padding: 20px;
justify-content: flex-end;
background: linear-gradient(to top, rgba(0, 30, 60, 0.9) 0%, rgba(0, 30, 60, 0) 60%);
}
.modular-solutions-exclusive-v5 .info-v5 {
opacity: 1;
transform: translatey(0);
max-width: 100%;
}
.modular-solutions-exclusive-v5 .heading-v5 {
white-space: normal;
margin-bottom: 10px;
font-size: 16px;
}
.modular-solutions-exclusive-v5 .para-v5 {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 14px;
}
.modular-solutions-exclusive-v5 .action-v5 {
display: none;
}
.ms-slider-nav-v5 {
display: flex !important;
justify-content: space-between;
align-items: center;
padding: 20px;
border-right: 1px solid #E4E4E4;
border-left: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
}
.ms-slider-arrow-v5 {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.ms-slider-arrow-v5 svg {
width: 24px;
height: 24px;
stroke: #231815;
}
.wcu-rnd-sec,
.wcu-achieve-sec,
.wcu-qm-sec {
padding: 0 20px;
}
.mobile-drawer-overlay {
z-index: 999998 !important;
}
.v21-news-pagination__container {
padding-left: 20px;
padding-right: 20px;
}
.v21-news-pagination {
height: 100px;
}
.v21-news-pagination__inner {
height: 100px;
gap: 30px;
}
.v21-news-pagination__numbers {
gap: 30px;
}
.v21-news-pagination__number,
.v21-news-pagination__dots {
line-height: 22px;
font-size: 14px;
}
.article-selector__dropdown {
position: fixed;
inset: 0;
width: 100vw;
height: 100vh;
left: auto;
right: auto;
top: 0;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: none;
transition: opacity 0.2s ease, visibility 0.2s ease;
display: flex;
justify-content: flex-end;
align-items: flex-end;
z-index: 9999;
box-shadow: none;
border-top: none;
}
.article-selector__item.is-open .article-selector__dropdown {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: none;
}
.article-selector-dropdown__panel {
width: 100%;
position: relative;
height: min(82vh, 720px);
max-height: calc(100vh - 40px);
background: #FFF;
overflow: hidden;
transform: translatey(100%);
transition: transform 0.28s ease;
display: flex;
flex-direction: column;
}
.article-selector__item.is-open .article-selector__dropdown .article-selector-dropdown__panel {
transform: translatey(0);
}
.article-selector-dropdown__header {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: space-between;
padding: 24px 20px;
border-bottom: 1px solid #E4E4E4;
}
.article-selector-dropdown__frame {
flex-grow: 1;
display: flex;
flex-direction: column;
padding: 20px;
gap: 20px;
max-height: none;
}
.article-selector-dropdown__footer {
flex-shrink: 0;
padding: 20px;
display: block;
}
.article-selector-dropdown__indicator {
width: 100px;
height: 4px;
background: #E4E4E4;
border-radius: 2px;
margin: 0 auto 10px auto;
display: block;
}
.article-selector-wrapper {
padding-inline: 20px;
}
.article-selector {
flex-direction: column;
height: auto;
padding: 0;
gap: 0;
border-left: 1px solid rgba(228, 228, 228, 0.5);
border-right: 1px solid rgba(228, 228, 228, 0.5);
}
.article-selector__item {
width: 100%;
padding: 20px;
height: 56px;
min-height: 56px;
}
.article-selector__trigger {
justify-content: flex-start;
}
.article-selector__chevron {
margin-left: auto;
}
.article-selector__item:not(:last-child)::after {
display: none;
}
body.is-article-selector-open {
overflow: hidden;
height: 100vh;
}
.faq-group {
margin-bottom: 20px;
}
.faq-group-title {
margin-bottom: 20px;
}
.faq-accordion-list {
padding-right: 0;
}
.faq-accordion-list::after {
display: none;
}
.faq-hero-content {
padding: 40px 20px;
}
.faq-tabs {
gap: 30px;
overflow-x: auto;
justify-content: flex-start;
padding-bottom: 0;
}
.faq-tab {
white-space: nowrap;
padding: 15px 0;
}
.faq-hero-title {
font-size: 22px;
}
.xy-home-video-controls {
left: 0;
right: 0;
bottom: 0;
top: 0;
gap: 8px;
}
.xy-home-video-control-btn#xyHomeVideoPlayToggle {
width: 32px;
height: 32px;
position: absolute;
left: 20px;
bottom: 20px;
}
.xy-home-video-control-btn svg {
width: 32px;
height: 32px;
}
.xy-home-video-progress {
display: none;
}
.xy-home-video-volume-wrap {
position: absolute;
right: 8px;
top: 50%;
width: 133px;
transform: rotate(-90deg) translatey(0);
transform-origin: right top;
z-index: 2;
}
.xy-home-video-control-btn#xyHomeVideoMute {
display: none;
}
.xy-home-video-volume {
width: 133px;
background: #B5B5B6;
}
.xy-home-video-control-time,
.xy-home-video-time-sep {
line-height: 19px;
min-width: 0;
font-size: 14px;
}
#xyHomeVideoDuration {
font-weight: 330;
color: #CDD0D2;
}
.xy-home-video-time-sep {
font-weight: 330;
}
.xy-home-video-time-badge {
position: absolute;
left: 50%;
bottom: 20px;
transform: translatex(-50%);
display: inline-flex;
align-items: center;
gap: 10px;
padding: 10px 20px;
background: rgba(255, 255, 255, 0.12);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
z-index: 3;
}
.xy-home-video-time-current,
.xy-home-video-time-duration {
display: none;
}
.xy-home-video-fullscreen {
display: inline-flex;
position: absolute;
right: 20px;
bottom: 20px;
width: 32px;
height: 32px;
}
.v21-news-pagination__line {
display: none;
}
.xy-contact-details {
flex: 0 0 auto;
width: 100%;
height: auto;
min-height: 0;
justify-content: flex-start;
gap: 16px;
}
.xy-contact-map-wrap {
flex: 0 0 auto;
width: 100%;
min-width: 0;
height: 200px;
max-height: 200px;
}
.hero-banner-module .xy-elevators-hero-subtitle {
font-size: 14px;
}
.xy-elevators-section__head,
.xy-elevators-feature__head {
padding: 32px 20px;
}
.xy-elevators-section__accent,
.xy-elevators-feature__accent {
height: 12px;
}
.xy-elevators-section__title,
.xy-elevators-feature__title {
padding-left: 0;
line-height: 1.18;
font-size: 14px;
}
.xy-elevators-hero__desc {
margin-bottom: 14px;
font-size: 14px;
}
.xy-elevators-hero__btn {
font-size: 14px;
}
.xy-elevators-mod3b__info {
padding: 22px 14px 18px;
}
.xy-elevators-mod3b__value {
font-size: 20px;
}
.xy-elevators-mod3b__unit {
font-size: 14px;
}
.xy-elevators-mod3b__label {
font-size: 14px;
}
.xy-elevators-mod3b__desc {
max-width: 100%;
font-size: 14px;
}
.xy-elevators-mod3__tile--media {
aspect-ratio: 1/1;
}
.xy-elevators-mod3__label {
font-size: 14px;
}
.xy-elevators-feature__right {
padding: 20px;
}
.xy-elevators-feature__gallery {
grid-template-columns: 1fr;
}
.xy-elevators-card__body {
padding: 12px;
}
.xy-elevators-card__name {
font-size: 14px;
}
.xy-elevators-card__meta {
font-size: 14px;
}
.xy-elevators-cta__text {
padding: 20px 16px;
}
.xy-elevators-cta__text h3 {
font-size: 14px;
}
.xy-elevators-cta__text p {
font-size: 14px;
}
.why-xingyi-module .section-container::before,
.why-xingyi-module .section-container::after {
content: "";
position: absolute;
bottom: 0;
width: 1px;
background-color: #E4E4E4;
display: block !important;
z-index: 1;
}
.why-xingyi-module {
display: block;
}
.why-xingyi-module::before,
.why-xingyi-module::after {
display: none !important;
}
.feature-item {
padding: 0 20px;
border-right: none;
}
.features-grid .feature-item:last-child {
border-bottom: none;
}
.feature-title {
min-height: auto;
font-weight: 700;
margin: 0;
padding: 0 40px;
line-height: 20px;
font-size: 14px;
}
.benefits-split-section .section-container::before,
.benefits-split-section .section-container::after {
content: "";
position: absolute;
bottom: 0;
width: 1px;
background-color: #E4E4E4;
display: block !important;
z-index: 1;
}
.benefits-split-section {
display: block;
}
.benefits-split-section::before,
.benefits-split-section::after {
display: none !important;
}
.benefits-split-section .section-title-wrap {
padding: 24px 0;
}
.split-text ul {
padding: 15px;
}
.split-img {
padding: 20px;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__grid {
display: grid;
grid-template-columns: 20px 1fr 20px;
grid-template-rows: auto auto;
position: relative;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__line-v {
display: block;
width: 1px;
background: #E4E4E4;
grid-row: 1/3;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__line-v--left {
grid-column: 1;
justify-self: end;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__line-v--right {
grid-column: 3;
justify-self: start;
grid-row: 2/3;
right: 0;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__line-h {
display: block !important;
height: 1px;
background: #E4E4E4;
grid-column: 1/-1;
grid-row: 1;
align-self: end;
justify-self: stretch;
width: 100%;
position: relative;
z-index: 3;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__grid .accent-line {
display: block;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__grid>.accent-line {
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: start !important;
align-self: center !important;
transform: translatex(-2px) !important;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__grid .section-header {
grid-column: 2;
grid-row: 1;
padding: 24px 20px 24px;
width: 100%;
box-sizing: border-box;
border-bottom: 1px solid #E4E4E4;
}
.page-template-page-products-detail-mro .why-choose-us .why-choose-us__grid .traits-grid {
grid-column: 2;
grid-row: 2;
grid-template-columns: 1fr;
border-top: none;
}
.page-template-page-products-detail-mro .product-parameters .why-choose-us__grid {
display: grid;
grid-template-columns: 20px 1fr 20px;
grid-template-rows: auto auto;
position: relative;
}
.page-template-page-products-detail-mro .product-parameters .why-choose-us__line-v {
display: block;
width: 1px;
background: #E4E4E4;
grid-row: 1/4;
}
.page-template-page-products-detail-mro .product-parameters .why-choose-us__line-v--left {
grid-column: 1;
justify-self: end;
}
.page-template-page-products-detail-mro .product-parameters .why-choose-us__line-v--right {
grid-column: 3;
justify-self: start;
grid-row: 2/4;
}
.page-template-page-products-detail-mro .product-parameters .why-choose-us__line-h {
display: block !important;
height: 1px;
background: #E4E4E4;
grid-column: 1/-1;
grid-row: 1;
align-self: end;
justify-self: stretch;
width: 100%;
position: relative;
z-index: 3;
}
.page-template-page-products-detail-mro .product-parameters .accent-line {
display: block;
}
.page-template-page-products-detail-mro .product-parameters .section-header {
grid-column: 2;
grid-row: 1;
padding: 24px 20px 24px;
border-bottom: 1px solid #E4E4E4;
}
.page-template-page-products-detail-mro .product-parameters .why-choose-us__grid>.accent-line {
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: start !important;
align-self: center !important;
transform: translatex(-2px) !important;
}
.page-template-page-products-detail-mro .product-parameters__scrollbar {
display: block;
grid-column: 2;
grid-row: 3;
margin-left: 0;
margin-right: 0;
width: 100%;
height: 0;
position: sticky;
left: 0;
bottom: 0;
z-index: 4;
line-height: 0;
}
.page-template-page-products-detail-mro .product-parameters__grid {
grid-column: 2/3 !important;
grid-row: 2/3 !important;
padding: 0;
margin-left: 0;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
scrollbar-color: #003B90 #E4E4E4;
}
.page-template-page-products-detail-mro .product-parameters__grid::-webkit-scrollbar {
height: 0;
}
.page-template-page-products-detail-mro .product-parameters__grid::-webkit-scrollbar-track {
background: #E4E4E4;
}
.page-template-page-products-detail-mro .product-parameters__grid::-webkit-scrollbar-thumb {
background: #003B90;
border-radius: 2px;
}
.page-template-page-products-detail-mro .product-parameters__scrollbar-range {
margin-left: calc(100px + 1px);
margin-top: 0;
margin-bottom: 0;
position: relative;
top: -4px;
appearance: none;
-webkit-appearance: none;
background: transparent;
height: 4px;
display: block;
}
.page-template-page-products-detail-mro .product-parameters__scrollbar-range::-webkit-slider-runnable-track {
height: 4px;
background: #E4E4E4;
border-radius: 0;
}
.page-template-page-products-detail-mro .product-parameters__scrollbar-range::-webkit-slider-thumb {
-webkit-appearance: none;
width: 142px;
height: 4px;
background: #003B90;
border-radius: 0;
margin-top: 0;
}
.page-template-page-products-detail-mro .product-parameters__scrollbar-range::-moz-range-track {
height: 4px;
background: #E4E4E4;
border-radius: 0;
}
.page-template-page-products-detail-mro .product-parameters__scrollbar-range::-moz-range-thumb {
width: 142px;
height: 4px;
background: #003B90;
border: none;
border-radius: 0;
}
.page-template-page-products-detail-mro .product-parameters__table {
border-collapse: separate;
border-spacing: 0;
min-width: 560px;
}
.page-template-page-products-detail-mro .product-parameters__col--label {
width: 100px;
}
.page-template-page-products-detail-mro .product-parameters__th,
.page-template-page-products-detail-mro .product-parameters__th-spacer {
padding: 16px 12px;
font-size: 14px;
}
.page-template-page-products-detail-mro .product-parameters__td--label,
.page-template-page-products-detail-mro .product-parameters__th--label {
width: 100px;
min-width: 100px;
max-width: 100px;
}
.page-template-page-products-detail-mro .product-parameters__th--label {
position: sticky;
left: 0;
z-index: 3;
background: #003B90;
}
.page-template-page-products-detail-mro .product-parameters__td--label {
position: sticky;
left: 0;
z-index: 2;
background: #FFF;
border-right: 1px solid #E4E4E4;
}
.page-template-page-products-detail-mro .product-parameters__icon {
width: 16px !important;
height: 16px !important;
}
.page-template-page-products-detail-mro .product-parameters__label {
line-height: 1.2;
font-size: 14px;
}
.page-template-page-products-detail-mro .solutions-module .why-choose-us__grid {
grid-template-columns: 20px 1fr 20px;
grid-template-rows: auto auto;
}
.page-template-page-products-detail-mro .solutions-module .solutions-module__accent {
display: block !important;
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: start !important;
align-self: center !important;
transform: translatex(-2px) !important;
}
.page-template-page-products-detail-mro .solutions-module .solutions-module__header {
grid-column: 2 !important;
grid-row: 1 !important;
padding: 24px 20px 24px !important;
}
.page-template-page-products-detail-mro .solutions-module .solutions-module__content {
grid-column: 2 !important;
grid-row: 2 !important;
height: auto !important;
min-width: 0;
}
.page-template-page-products-detail-mro .solutions-module .solutions-module__media {
width: 350px;
height: 350px;
max-width: 100%;
margin: 0 auto;
}
.page-template-page-products-detail-mro .solutions-module .solutions-module__media img {
width: 100%;
height: 100%;
object-fit: cover;
}
.page-template-page-products-detail-mro .solutions-module .solutions-module__subheading {
font-size: 14px;
}
.page-template-page-products-detail-mro .solutions-module .solutions-module__title {
font-size: 14px;
}
.similar-products-module__title {
font-size: 14px;
}
.page-template-page-products-detail-mro .similar-products-module .why-choose-us__grid {
grid-template-columns: 20px 1fr 20px;
grid-template-rows: auto auto;
}
.page-template-page-products-detail-mro .similar-products-module .similar-products-module__accent {
display: block !important;
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: start !important;
align-self: center !important;
transform: translatex(-2px) !important;
}
.page-template-page-products-detail-mro .similar-products-module .similar-products-module__header {
grid-column: 2 !important;
grid-row: 1 !important;
padding: 24px 20px 24px !important;
}
.page-template-page-products-detail-mro .similar-products-module .why-choose-us__line-v--right {
grid-row: 2/3;
}
.page-template-page-products-detail-mro .similar-products-module .why-choose-us__line-v--left {
grid-row: 1/3;
}
.page-template-page-products-detail-mro .similar-products-module .why-choose-us__grid>div[style*="grid-column:2 / 5"][style*="grid-row:2"] {
grid-column: 2 !important;
grid-row: 2 !important;
min-width: 0;
}
.page-template-page-products-detail-mro .similar-products-module .similar-products-module__grid {
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
scrollbar-width: none;
width: 100%;
}
.page-template-page-products-detail-mro .similar-products-module .similar-products-module__grid::-webkit-scrollbar {
display: none;
}
.page-template-page-products-detail-mro .similar-products-module .similar-products-module__card {
flex: 0 0 calc(100vw - 80px);
scroll-snap-align: start;
border-right: 1px solid #E4E4E4;
border-bottom: none;
box-sizing: border-box;
}
.page-template-page-products-detail-mro .similar-products-module .similar-products-module__card:last-child {
border-right: none;
}
.page-template-page-products-detail-mro .similar-products-module .similar-products-module__name {
font-size: 14px;
}
.page-template-page-products-detail-mro .similar-products-module .similar-products-module__sku {
display: none;
}
.similar-products-module__image img {
width: 270px;
height: 260px;
}
.xy-elevators-divider,
.hero-banner-divider,
.hero-banner-module,
.xy-elevators-feature,
.xy-elevators-section:not(.xy-elevators-mod5),
.xy-elevators-mod5-images,
.xy-elevators-mod5__content {
max-width: min(1216px, calc(100vw - 56px));
}
.xy-elevators-mod5-images {
padding-block: 28px;
padding-inline: 12px;
gap: 10px;
}
.xy-elevators-mod5-images__img50 {
padding: 16px;
}
.xy-elevators-mod5 {
--xy-mod5-line-x: 16px;
--xy-mod5-line-y: 0;
}
.xy-elevators-mod4__layout {
grid-template-columns: 1fr;
grid-template-rows: 140px 200px 140px 200px 140px 140px 200px;
gap: 10px;
}
.xy-elevators-mod4__a,
.xy-elevators-mod4__b,
.xy-elevators-mod4__c,
.xy-elevators-mod4__d,
.xy-elevators-mod4__e,
.xy-elevators-mod4__f,
.xy-elevators-mod4__g {
grid-column: auto;
grid-row: auto;
}
.xy-elevators-mod4__info {
padding: 12px 10px 10px;
}
.xy-elevators-mod4__icon svg {
width: 20px;
height: 20px;
}
.xy-elevators-mod4__label {
font-size: 14px;
}
.xy-elevators-mod4__value {
font-size: 14px;
}
.xy-elevators-mod4__unit {
font-size: 14px;
}
.page-template-page-products-detail-mro .carousel-track {
gap: 12px;
}
.page-template-page-products-detail-mro .color-dot {
width: 44px;
height: 44px;
}
.page-template-page-products-detail-mro .color-list {
padding-left: 20px;
padding-right: 20px;
}
.solutions-module__title {
font-size: 14px;
}
.solutions-module__header {
padding: 30px 20px 30px;
}
.v25-item:last-child .v25-item-text {
padding-bottom: 40px;
}
.sustainability-roadmap__intro,
.sustainability-roadmap__points li {
font-size: 14px;
}
.sustainability-roadmap__intro {
font-size: 14px;
}
.solutions-module__content {
flex-direction: column;
gap: 20px;
height: auto !important;
}
.solutions-module__media,
.solutions-module__text {
flex: none;
width: 100%;
}
.solutions-module__media {
max-width: 500px;
margin: 0 auto;
aspect-ratio: 1/1;
}
.solutions-module__media img {
height: 100%;
object-fit: cover;
}
.solutions-module__text {
padding: 20px;
}
.solutions-module__subheading {
font-size: 14px;
}
.solutions-module__accent {
display: none;
}
.bar-item {
width: 80px;
}
.svc-cs-border--left {
left: 20px;
}
body.is-svc-menu-open .site-header,
body.is-svc-menu-open .product-series-breadcrumb {
display: none !important;
}
.svc-mobile-menu-drawer {
position: fixed;
bottom: -100%;
left: 0;
width: 100vw;
background: #FFF;
z-index: 9999;
transition: bottom 0.3s ease-in-out;
display: flex;
flex-direction: column;
height: 100%;
max-height: 100%;
box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.05);
}
.svc-mobile-menu-drawer.active {
bottom: 0;
top: 133px;
}
.svc-hero-link-text {
font-size: 14px;
}
.svc-features-map {
padding: 20px 0;
height: 100%;
min-height: 100%;
}
.svc-fm-border--left {
left: 20px;
}
.svc-fm-border--right {
right: 20px;
}
.svc-fm-container {
flex-direction: column;
gap: 20px;
padding-top: 0;
padding-right: 20px;
padding-left: 20px;
}
.svc-fm-item-icon {
width: 24px;
height: 24px;
}
.svc-solutions {
padding: 0;
border-bottom: 1px solid #E4E4E4;
}
.svc-sol-header {
padding: 0;
}
.svc-fm-item {
gap: 12px;
}
.svc-fm-visual {
width: 100%;
flex: none;
padding: 0;
box-sizing: border-box;
gap: 14px;
}
.svc-fm-item-copy {
gap: 6px;
}
.svc-fm-item-title {
line-height: 1.35;
font-size: 14px;
}
.svc-fm-item-subtitle {
line-height: 1.5;
font-size: 14px;
}
.svc-fm-process-title {
line-height: 1.25;
font-size: 14px;
}
.svc-fm-process-list {
gap: 12px;
}
.svc-fm-process-item {
line-height: 1.5;
font-size: 14px;
}
.svc-fm-stat {
width: 100%;
height: auto;
padding: 0;
gap: 5px;
}
.svc-fm-stat-num {
line-height: 1.2;
font-size: 14px;
}
.svc-fm-stat-desc {
font-size: 12px;
}
.svc-sol-wrapper {
display: flex;
width: 100%;
height: 282px;
transition: transform 0.5s ease-in-out;
}
.svc-sol-item,
.svc-sol-item.active {
flex: 0 0 100% !important;
height: 100%;
position: relative;
overflow: hidden;
border: none;
}
.svc-sol-item:first-child {
border: none;
}
.svc-sol-item-bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.svc-sol-overlay {
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(0, 34, 85, 0.8) 0%, rgba(0, 34, 85, 0.2) 100%) !important;
}
.svc-sol-content {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
color: #fff;
z-index: 2;
right: auto;
opacity: 1 !important;
transform: none !important;
pointer-events: auto !important;
padding: 20px;
}
.svc-sol-icon {
display: none;
}
.svc-sol-controls {
display: flex;
justify-content: space-between;
align-items: center;
background: #FFF;
z-index: 10;
height: 60px;
width: 100%;
}
.svc-sol-control {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
cursor: pointer;
background: none;
border: none;
padding: 0;
position: relative;
}
.svc-sol-control:first-child {
border-right: none;
}
.svc-sol-control:first-child::before {
content: "";
position: absolute;
left: 0;
top: 0;
transform: translatey(0%);
width: 1px;
height: 80px;
background-color: #E4E4E4;
margin: 0 0 0 20px;
}
.svc-sol-control:last-child::after {
content: "";
position: absolute;
right: 0;
top: 0;
transform: translatey(0%);
width: 1px;
height: 80px;
background-color: #E4E4E4;
margin: 0 20px 0 0;
}
.svc-sol-control svg {
width: 24px;
height: 24px;
stroke: #231815;
}
.svc-core-services {
padding: 0;
}
.svc-cs-header {
display: none !important;
}
.svc-section-title {
display: flex;
align-items: center;
gap: 10px;
color: #003B90;
cursor: pointer;
font-family: "Zalando Sans Expanded";
font-weight: 600;
text-transform: capitalize;
line-height: 24px;
padding-left: 20px;
position: relative;
padding: 20px;
font-size: 14px;
}
.svc-section-title::before {
content: "";
position: absolute;
left: -2px;
top: 50%;
transform: translatey(-50%);
width: 4px;
height: 12px;
background: #003B90;
}
.svc-section-title::after {
display: none;
}
.svc-section-title-icon {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
cursor: pointer;
}
body.is-svc-menu-open {
overflow: hidden;
}
.svc-mobile-menu-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(255, 255, 255, 0.4);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
z-index: 9998;
}
.svc-mobile-menu-overlay.active {
display: block;
}
.svc-mm-level {
display: none;
flex-direction: column;
height: 100%;
}
.svc-mm-level.active {
display: flex;
}
.svc-mm-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px;
border-bottom: 1px solid #E4E4E4;
position: relative;
}
.svc-mm-title,
.svc-mm-title2 {
flex: 1;
text-align: center;
font-weight: 700;
color: #003B90;
font-size: 14px;
}
.svc-mm-close,
.svc-mm-back {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
flex: none;
}
.svc-mm-back {
position: absolute;
left: 20px;
}
.svc-mm-close {
position: absolute;
right: 20px;
}
.svc-mm-list {
overflow-y: auto;
padding: 10px 0;
}
.svc-mm-item {
padding: 20px;
font-weight: 600;
color: #231815;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
font-size: 14px;
}
.svc-mm-item.active {
color: #003B90;
background-color: #F8F9FB;
}
.svc-mm-subitem {
padding: 20px;
font-weight: 600;
color: #231815;
text-align: center;
cursor: pointer;
font-size: 14px;
}
.svc-mm-subitem.active {
color: #003B90;
background-color: #F8F9FB;
}
.svc-mm-footer {
padding: 20px;
border-top: 1px solid #E4E4E4;
}
.svc-mm-btn {
width: 100%;
background-color: #003B90;
color: #FFF;
font-weight: 600;
padding: 15px 0;
border: none;
cursor: pointer;
text-align: center;
font-size: 14px;
}
.svc-cs-top {
padding: 0 20px;
}
.svc-cs-tabs {
flex-wrap: nowrap;
gap: 20px;
justify-content: flex-start;
overflow-x: auto;
padding: 0 20px;
margin-left: -20px;
width: 100vw;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
box-sizing: border-box;
}
.svc-cs-tabs::-webkit-scrollbar {
display: none;
}
.svc-cs-tab {
font-weight: 700;
padding: 15px 0;
white-space: nowrap;
color: #231815;
display: flex;
align-items: center;
gap: 10px;
font-size: 14px;
}
.svc-cs-tab::after {
content: "";
display: inline-block;
width: 8px;
height: 14px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: center;
}
.svc-cs-tab.active::after {
background-image: url("data:image/svg+xml;utf8,");
}
.svc-cs-tab.active {
border-bottom: none;
color: #003B90;
}
.svc-cs-block {
margin-bottom: 0;
padding: 0 20px;
}
.svc-cs-block h3 {
font-family: "Archivo";
margin-bottom: 0;
font-weight: 600;
color: #231815;
text-transform: uppercase;
font-size: 14px;
}
.svc-cs-block>p {
font-family: "Archivo";
color: #231815;
line-height: 20px;
margin: 20px 0;
font-size: 14px;
}
.svc-cs-sub {
flex-direction: column;
gap: 10px;
margin-top: 20px;
margin-bottom: 20px;
align-items: flex-start;
}
.svc-cs-sub h4 {
flex: none;
font-family: "Zalando Sans Expanded";
font-weight: 700;
line-height: 32px;
color: #231815;
font-size: 14px;
}
.svc-cs-sub p {
font-family: "Archivo";
color: #231815;
line-height: 16px;
padding: 0;
margin: 0;
font-size: 14px;
}
.svc-cs-timeline-nodes,
.svc-cs-timeline,
.svc-cs-timeline-pointer,
.svc-cs-connector {
display: none;
}
.svc-cs-img-bg {
display: none;
}
.svc-cs-right {
padding-left: 0;
border-left: none;
width: 100%;
box-sizing: border-box;
}
.svc-cs-params::-webkit-scrollbar {
display: none;
}
.svc-cs-param-item {
width: auto;
flex: 0 0 auto;
min-width: 80px;
}
.svc-cs-param-name {
font-family: "Archivo";
color: #B5B5B6;
margin-bottom: 8px;
font-weight: 500;
display: block;
text-align: center;
font-size: 14px;
}
.svc-cs-param-val {
font-family: "Archivo";
color: #003B90;
font-weight: 500;
display: block;
text-align: center;
font-size: 14px;
}
.svc-cs-contact-btn {
display: none;
justify-content: center;
align-items: center;
padding: 10px 20px 10px 32px;
gap: 20px;
width: 100%;
height: 60px;
background: #003B90;
color: #EDEDED;
font-family: "Zalando Sans Expanded";
font-weight: 500;
text-transform: uppercase;
box-sizing: border-box;
margin-top: 40px;
text-decoration: none;
font-size: 14px;
}
}
@media (min-width: 1600px) {
.page-template-page-product-series .product-series-filters__bar {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
align-items: stretch;
}
.page-template-page-product-series .product-series-filter--type,
.page-template-page-product-series .product-series-filter-dropdown-wrap--application,
.page-template-page-product-series .product-series-search {
width: 100%;
}
.page-template-page-product-series .product-series-filter--type,
.page-template-page-product-series .product-series-filter--application,
.page-template-page-product-series .product-series-search {
min-width: 0;
height: 100%;
justify-content: center;
}
.page-template-page-product-series .product-series-filter-dropdown-wrap--application,
.page-template-page-product-series .product-series-filter-dropdown-wrap--type {
display: flex;
align-items: stretch;
}
.page-template-page-product-series .product-series-filter--application,
.page-template-page-product-series .product-series-filter--type {
width: 100%;
}
.page-template-page-product-series .product-series-filters__bar.is-search-open {
grid-template-columns: minmax(0, 1fr);
}
.xy-404-container {
padding: 0 40px;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
gap: 0;
}
.xy-404-title {
margin-bottom: 30px;
font-size: 120px;
}
.xy-404-text {
font-size: 20px;
}
.xy-404-product {
padding-left: 40px;
padding-top: 60px;
padding-bottom: 60px;
padding-right: 40px;
flex: 1;
border: none;
border-left: 1px solid #eee;
max-width: 500px;
}
.xy-copyright-container {
padding: 50px 40px;
}
.xy-copyright-header::before {
height: 28px;
}
.xy-copyright-title {
font-size: 32px;
}
.xy-copyright-intro,
.xy-copyright-paragraph,
.xy-copyright-item {
font-size: 16px;
}
.xy-copyright-subtitle {
font-size: 24px;
}
.xy-copyright-paragraph,
.xy-copyright-item {
font-size: 16px;
}
.xy-disclaimer-container {
padding: 50px 40px;
}
.xy-disclaimer-header::before {
height: 28px;
}
.xy-disclaimer-title {
font-size: 32px;
}
.xy-disclaimer-paragraph,
.xy-disclaimer-item {
font-size: 16px;
}
.xy-disclaimer-subtitle {
font-size: 24px;
}
.xy-policies-container {
padding: 50px 40px;
}
.xy-policies-header::before {
height: 28px;
}
.xy-policies-title {
font-size: 32px;
}
.xy-policies-intro {
margin-bottom: 50px;
font-size: 16px;
}
.xy-policies-subtitle {
margin-bottom: 25px;
font-size: 24px;
}
.xy-policies-item {
margin-bottom: 25px;
font-size: 16px;
}
.xy-policies-paragraph {
margin-bottom: 25px;
font-size: 16px;
}
.xy-regulatory-container {
padding: 50px 40px;
}
.xy-regulatory-header::before {
height: 28px;
}
.xy-regulatory-title {
font-size: 32px;
}
.xy-regulatory-paragraph {
font-size: 16px;
}
.xy-regulatory-subtitle {
font-size: 24px;
}
.xy-regularities-container {
padding: 50px 40px;
}
.xy-regularities-header::before {
height: 28px;
}
.xy-regularities-title {
font-size: 32px;
}
.xy-regularities-intro,
.xy-regularities-paragraph,
.xy-regularities-item {
font-size: 16px;
}
.xy-regularities-subtitle {
font-size: 24px;
}
.xy-cookies-container {
padding: 40px;
gap: 40px;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.xy-cookies-title {
font-size: 28px;
margin-bottom: 15px;
}
.xy-cookies-text {
font-size: 15px;
}
.xy-cookies-actions {
min-width: 250px;
width: auto;
flex-shrink: 0;
}
.xy-cookies-btn {
padding: 15px 30px;
font-size: 16px;
}
.page-template-page-product-series .product-series-filter-dropdown__footer {
display: none !important;
}
.d-lg-none {
display: none !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-flex {
display: flex !important;
}
.page-template-page-products-detail-mro .why-choose-us .container-wrapper {
max-width: 1296px;
margin: 0 auto;
}
.page-template-page-products-detail-mro .why-choose-us__grid {
display: grid;
grid-template-rows: auto auto;
position: relative;
max-width: 1296px;
margin: 0 auto;
}
.page-template-page-products-detail-mro .why-choose-us__line-v {
width: 1px;
background: #E4E4E4;
grid-row: 1/3;
}
.page-template-page-products-detail-mro .why-choose-us__line-v--left {
grid-column: 1;
justify-self: end;
}
.page-template-page-products-detail-mro .why-choose-us__line-v--right {
grid-column: 5;
justify-self: start;
grid-row: 2/3;
}
.page-template-page-products-detail-mro .why-choose-us__grid .section-header {
grid-column: 2/5;
grid-row: 1;
width: 100%;
box-sizing: border-box;
}
.page-template-page-products-detail-mro .why-choose-us__line-h {
display: block;
height: 1px;
background: #E4E4E4;
grid-column: 1/-1;
grid-row: 1;
align-self: end;
}
.page-template-page-products-detail-mro .why-choose-us__grid .traits-grid {
grid-column: 2/5;
grid-row: 2;
border-top: none;
}
.site-header--transparent {
background: linear-gradient(180deg, #231815 0%, rgba(35, 24, 21, 0) 100%);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
}
.site-header.site-header--transparent,
.site-header.site-header--sticky {
height: auto;
padding: 20px;
}
.site-header.site-header--transparent .header-container,
.site-header.site-header--sticky .header-container {
height: auto;
}
.site-header.site-header--transparent .header-main-wrapper,
.site-header.site-header--sticky .header-main-wrapper {
justify-content: space-between;
}
.site-header.site-header--transparent .main-navigation,
.site-header.site-header--sticky .main-navigation {
margin-left: 82px;
}
.site-header.site-header--transparent .header-actions,
.site-header.site-header--sticky .header-actions {
gap: 50px;
margin-left: 60px;
}
.site-header.site-header--transparent .header-actions .mr-4,
.site-header.site-header--sticky .header-actions .mr-4 {
margin-right: 0;
}
.site-header--transparent .nav-menu>li>a {
font-weight: 600;
color: #EDEDED;
}
.site-header--transparent .lang-toggle {
font-weight: 500;
color: #EDEDED;
gap: 12px;
font-size: 16px;
}
.site-header--transparent .btn-icon {
color: #EDEDED;
}
.site-header--transparent .btn-contact {
padding: 21px 20px;
border-radius: 0;
background-color: #007DBF;
transition: background-color 0.3s ease;
}
.site-header--transparent .btn-contact:hover {
background-color: #0C2F62;
}
.site-header--transparent .btn-contact:active,
.site-header--transparent .btn-contact.is-active {
background-color: #007DBF;
}
.header-search-trigger {
background: none;
border: none;
padding: 0;
cursor: pointer;
color: #EDEDED;
display: inline-flex;
align-items: center;
gap: 10px;
font-family: "Zalando Sans Expanded", sans-serif;
font-weight: 500;
line-height: 1;
font-size: 16px;
}
.header-search-text {
display: inline-block;
}
#full-width-search.search-overlay {
background: #F3F5F7;
}
#full-width-search .search-bar {
padding: 0 52px 0 42px;
}
#full-width-search .search-form {
display: flex;
align-items: center;
gap: 0;
flex: 1;
color: #231815;
height: 100%;
}
#full-width-search .search-icon {
margin-right: 10px;
}
#full-width-search .search-input-box {
display: flex;
align-items: center;
flex: 0 1 auto;
min-width: 0;
}
#full-width-search .search-field {
color: #231815;
flex: 0 0 auto;
width: 100%;
min-width: 0;
caret-color: #231815;
}
#full-width-search .search-input-box>span {
color: #231815;
margin-left: -5px;
flex-shrink: 0;
}
#full-width-search .search-field::placeholder {
color: #231815;
opacity: 1;
}
#full-width-search .search-divider {
background: #231815;
margin-left: 10px;
margin-right: 20px;
}
#full-width-search .search-submit {
background: #007DBF;
margin-left: auto;
transition: background-color 0.3s ease;
}
#full-width-search .search-submit:hover {
background: #0C2F62;
}
#full-width-search .search-submit:active,
#full-width-search .search-submit.is-active {
background: #007DBF;
}
.nav-menu>li>a:hover,
.nav-menu>li>a:active,
.nav-menu>li>a:focus {
color: #007DBF;
}
.language-selector.is-open .lang-toggle,
.language-selector:hover .lang-toggle {
color: #007DBF;
}
.site-header--sticky .nav-menu>li>a {
font-weight: 600;
color: #231815;
}
.site-header--sticky .lang-toggle {
font-weight: 500;
color: #231815;
gap: 12px;
font-size: 16px;
}
.site-header--sticky .btn-icon {
color: #EDEDED;
}
.site-header--sticky .header-search-trigger {
color: #231815;
}
.site-header--sticky .btn-contact {
background-color: #003B90;
transition: background-color 0.3s ease;
}
.site-header--sticky .btn-contact:hover {
background-color: #0C2F62;
}
.site-header--sticky .btn-contact:active,
.site-header--sticky .btn-contact.is-active {
background-color: #007DBF;
}
.language-selector {
position: static;
}
.lang-dropdown {
position: fixed;
left: 0;
top: 124px;
width: 100vw;
height: 502px;
background: rgba(0, 0, 0, 0.8);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
padding: 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
z-index: 30010;
overflow-x: hidden;
overflow-y: hidden;
}
.language-selector:hover .lang-dropdown {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.language-selector.is-open .lang-dropdown,
.language-selector.is-hover .lang-dropdown {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.lang-grid {
display: grid;
grid-template-columns: 636px minmax(0, 1fr);
height: 100%;
}
.lang-col--left {
height: 100%;
display: flex;
flex-direction: column;
}
.lang-col--right {
height: 100%;
}
.lang-dropdown a {
width: 100%;
display: flex;
font-family: "Archivo", sans-serif;
font-weight: 400;
line-height: 1;
color: #EDEDED;
text-decoration: none;
padding-left: 21px;
position: relative;
z-index: 1;
height: 60px;
align-items: center;
font-size: 20px;
}
.lang-dropdown a.active {
color: #007DBF;
}
.lang-dropdown a:hover {
color: #007DBF;
}
.lang-dropdown a.active::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translatey(-50%);
width: 636px;
height: 60px;
z-index: -1;
pointer-events: none;
}
.nav-menu>li.nav-mega>.dropdown-menu-wrapper {
position: fixed;
left: 0;
top: 100px;
transform: none;
width: 100vw;
height: 502px;
background: rgba(0, 0, 0, 0.8);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
padding: 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
z-index: 30010;
overflow-x: hidden;
overflow-y: hidden;
}
.nav-menu>li.nav-mega:hover>.dropdown-menu-wrapper,
.nav-menu>li.nav-mega.is-open>.dropdown-menu-wrapper,
.nav-menu>li.nav-mega.is-hover>.dropdown-menu-wrapper,
.nav-menu>li.nav-mega.is-click-open>.dropdown-menu-wrapper {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.nav-mega-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
align-items: stretch;
height: 100%;
}
.nav-mega-col--left {
height: 100%;
}
.nav-mega-col--right {
height: 100%;
}
.nav-mega-list {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
}
.nav-mega-item {
width: 100%;
height: 60px;
display: flex;
align-items: center;
font-family: "Archivo", sans-serif;
font-weight: 400;
line-height: 1;
color: #EDEDED;
text-decoration: none;
padding-left: 21px;
box-sizing: border-box;
font-size: 20px;
}
.nav-mega-item.is-active,
.nav-mega-item:hover {
color: #007DBF;
}
.nav-mega-all {
width: 100%;
padding-left: 21px;
margin-left: 0;
margin-top: auto;
margin-bottom: 0;
gap: 12px;
border-top: 1px solid rgba(228, 228, 228, 0.1);
border-bottom: 1px solid rgba(228, 228, 228, 0.1);
}
.nav-mega-all svg path {
stroke: currentColor;
}
.nav-mega-media {
width: 100%;
justify-self: end;
height: 100%;
overflow: hidden;
}
.menu-grid {
display: grid;
grid-template-columns: 120px minmax(0, 1fr) 120px;
grid-template-rows: 440px 62px;
width: 100%;
height: 100%;
}
.menu-main {
height: 100%;
overflow: hidden;
}
.menu-frame {
position: absolute;
inset: 0;
pointer-events: none;
}
.menu-frame-line {
position: absolute;
background-color: #E4E4E41A;
}
.menu-frame-line--top {
left: 0;
top: 0;
width: 100%;
height: 1px;
}
.menu-frame-line--bottom {
left: 0;
bottom: 0;
width: 100%;
height: 1px;
}
.menu-frame-line--left {
left: 0;
top: 0;
width: 1px;
height: 100%;
}
.menu-frame-line--right {
right: 0;
top: 0;
width: 1px;
height: 100%;
}
.menu-frame-line--v1 {
left: 120px;
top: 0;
width: 1px;
height: 100%;
}
.menu-frame-line--v2 {
right: 120px;
top: 0;
width: 1px;
height: 100%;
}
.menu-frame-line--row {
left: 0;
top: 440px;
width: 100%;
height: 1px;
}
.menu-frame-line--inner {
left: 756px;
top: 0;
width: 1px;
height: 440px;
}
.nav-mega-image {
width: 100%;
height: 440px;
display: block;
object-fit: cover;
padding: 20px;
box-sizing: border-box;
}
.footer-frame {
--footer-cols-total: 4.5;
--footer-col-unit: calc(100% / var(--footer-cols-total));
--footer-col-3: calc(var(--footer-col-unit) * 3);
}
.footer-social-top {
display: grid;
grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.9fr) minmax(0, 0.9fr) minmax(0, 1.5fr);
}
.footer-social-top::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: var(--footer-col-3);
width: 1px;
transform: translatex(-0.5px);
pointer-events: none;
}
.footer-social--top {
grid-column: 4;
justify-content: flex-start;
padding-left: 40px;
}
.footer-top {
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.2fr) minmax(0, 0.9fr) minmax(0, 1.5fr);
gap: 0;
border-top: 0;
position: relative;
align-items: stretch;
}
.footer-top::before {
content: "";
position: absolute;
left: 50%;
top: 0;
width: 100vw;
height: 1px;
transform: translatex(-50%);
pointer-events: none;
}
.footer-nav {
display: contents;
}
.footer-nav::before {
display: none;
}
.footer-col--company {
grid-column: 1;
padding: 0 20px;
}
.footer-col--products {
grid-column: 2;
}
.footer-col--services {
grid-column: 3;
}
.footer-side {
grid-column: 4;
height: 100%;
}
.footer-side-top {
height: 100%;
}
.footer-side .footer-social--desktop,
.footer-side .footer-social--mobile {
display: none;
}
.footer-subscribe {
margin-top: auto;
}
.footer-bottom {
position: relative;
max-width: 1440px;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
padding-right: 40px;
padding-bottom: 60px;
justify-content: flex-start;
flex-wrap: nowrap;
padding-top: 43px;
}
.footer-bottom::before {
content: "";
position: absolute;
left: 50%;
top: 0;
width: 100vw;
height: 1px;
transform: translatex(-50%);
pointer-events: none;
}
#masthead.site-header.site-header--transparent {
width: 100%;
background: linear-gradient(180deg, #231815 0%, rgba(35, 24, 21, 0) 100%) !important;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
position: absolute;
}
#masthead.site-header.site-header--transparent .custom-logo--default {
display: block !important;
}
#masthead.site-header.site-header--transparent .custom-logo--sticky {
display: none !important;
}
#masthead.site-header.site-header--transparent .nav-menu>li>a {
color: #EDEDED !important;
}
#masthead.site-header.site-header--transparent .lang-toggle {
color: #EDEDED !important;
}
#masthead.site-header.site-header--transparent .header-search-trigger {
color: #EDEDED !important;
}
#masthead.site-header.site-header--transparent .btn-contact {
color: #EDEDED !important;
border-color: #EDEDED !important;
}
#masthead.site-header.site-header--transparent .btn-icon {
color: #EDEDED !important;
}
.page-template-page-products-detail-mro .carousel-container {
border-top: 1px solid #E4E4E4;
}
.page-template-page-products-detail-mro .contact-btn {
box-sizing: border-box;
border-top: 1px solid #E4E4E4;
font-size: 18px;
}
.right-products.right-products--count-1 {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 550px;
width: 100%;
height: auto;
}
.right-products.right-products--count-1 .product-item {
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
border-bottom: 0;
}
.right-products.right-products--count-1 .prod-img {
width: calc(100% - 56px);
height: 380px;
margin: 0 auto;
object-fit: contain;
mix-blend-mode: normal;
}
.right-products.right-products--count-1 .prod-text-wrap {
padding-top: 22px;
}
.right-products.right-products--count-1 .prod-name,
.right-products.right-products--count-1 .prod-sku {
padding-left: 30px;
padding-right: 30px;
}
.right-products.right-products--count-1 .prod-name {
line-height: 38px;
}
.right-products.right-products--count-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-rows: 644px;
}
.right-products.right-products--count-2 .product-item {
height: 644px;
min-height: 644px;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 0 0 34px;
border-bottom: 0;
}
.right-products.right-products--count-2 .prod-img {
width: calc(100% - 56px);
height: 242px;
margin: 0 auto;
object-fit: cover;
mix-blend-mode: normal;
}
.right-products.right-products--count-2 .prod-text-wrap {
padding-top: 22px;
}
.right-products.right-products--count-2 .prod-name,
.right-products.right-products--count-2 .prod-sku {
padding-left: 30px;
padding-right: 30px;
}
.right-products.right-products--count-2 .prod-name {
line-height: 38px;
}
.right-products.right-products--count-3 .product-item:nth-child(1) {
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: flex-start;
padding: 0 40px 24px;
}
.right-products.right-products--count-3 .product-item:nth-child(1) .prod-img {
flex: 0 0 38%;
max-width: 38%;
height: 212px;
}
.right-products.right-products--count-3 .product-item:nth-child(1) .prod-text-wrap {
flex: 1 1 62%;
padding: 40px 0 40px 20px;
}
.right-products.right-products--count-3 .product-item:nth-child(1) .prod-name,
.right-products.right-products--count-3 .product-item:nth-child(1) .prod-sku {
padding-left: 0;
padding-right: 0;
}
.search-container {
max-width: 1440px;
}
.footer-legal-link {
text-align: left;
}
body {
font-size: 16px;
}
.blog-detail-main,
main#primary.site-main {
font-size: 16px;
}
.blog-content__inner h3,
.news-content__inner h3 {
font-size: 22px;
}
.product-series-breadcrumb__link {
font-size: 16px;
}
.product-series-breadcrumb__current {
font-size: 16px;
}
.product-series-breadcrumb__sep {
font-size: 16px;
}
.mro-title {
font-size: 28px;
}
.mro-description {
font-size: 16px;
}
.product-series-banner__btn {
font-size: 18px;
}
.product-series-banner__btn span {
font-size: 18px;
}
.product-series-filter__label {
font-size: 16px;
}
.page-template-page-product-series .product-series-search__text {
font-size: 16px;
}
.page-template-page-product-series .product-series-search__input {
font-size: 16px;
}
.page-template-page-product-series .product-series-search__submit {
font-size: 14px;
}
.page-template-page-product-series .product-series-filter-dropdown__search-input {
font-size: 14px;
}
.page-template-page-product-series .product-series-filter-dropdown__item {
font-size: 16px;
}
.page-template-page-product-series .product-series-filter-dropdown__title {
font-size: 14px;
}
.product-series-products__title {
font-size: 18px;
}
.product-series-products__sku {
font-size: 14px;
}
.product-series-pagination__number,
.product-series-pagination__dots {
font-size: 21px;
}
.product-series-contact__title {
font-size: 36px;
}
.product-series-contact__btn span {
font-size: 18px;
}
.new-section__btn {
font-size: 16px;
}
.faq-title {
font-size: 22px;
}
.faq-question-text {
font-size: 22px;
}
.faq-answer-text {
font-size: 14px;
}
.page-template-page-products-detail-mro .product-title {
font-size: 26px;
}
.page-template-page-products-detail-mro .product-sku {
font-size: 14px;
}
.page-template-page-products-detail-mro .description-text {
font-size: 14px;
}
.page-template-page-products-detail-mro .label {
font-size: 16px;
}
.page-template-page-products-detail-mro .size-btn {
font-size: 16px;
}
.page-template-page-products-detail-mro .close-modal {
font-size: 36px;
}
.page-template-page-products-detail-mro .main-title {
font-size: 28px;
}
.page-template-page-products-detail-mro .trait-description {
font-size: 16px;
}
.cta-btn {
font-size: 16px;
}
.page-template-page-products-detail-mro .product-parameters__th {
font-size: 28px;
}
.tablepress .tp-icon-label {
font-size: 14px;
}
.page-template-page-products-detail-mro .product-parameters__td {
font-size: 20px;
}
.page-template-page-products-detail-mro .product-parameters__label {
font-size: 18px;
}
.page-template-page-products-detail-mro .product-parameters__right .tablepress thead th {
font-size: 28px;
}
.page-template-page-products-detail-mro .product-parameters__right .tablepress tbody td {
font-size: 20px;
}
.xy-home-video-time-sep {
font-size: 24px;
}
.xy-404-product-name {
font-size: 24px;
margin-bottom: 30px;
}
.xy-404-product-btn {
font-size: 16px;
}
.blog-hero__title {
font-size: 26px;
}
.blog-hero__date {
font-size: 14px;
}
.blog-hero__desc {
font-size: 16px;
}
.blog-hero__hover-desc {
font-size: 16px;
}
.blog-subscribe__input {
font-size: 18px;
}
.blog-subscribe__btn {
font-size: 18px;
}
.blog-content__inner p {
font-size: 16px;
}
.blog-content__inner h3 {
font-size: 22px;
}
.blog-pagination__link {
font-size: 18px;
}
.other-blogs-title {
font-size: 24px;
}
.other-blogs-date {
font-size: 14px;
}
.other-blogs-title-text {
font-size: 18px;
}
.other-blogs-desc {
font-size: 14px;
}
.other-blogs-link {
font-size: 16px;
}
.v21-item-title {
font-size: 26px;
}
.v21-item-desc {
font-size: 14px;
}
.v21-date {
font-size: 16px;
}
.v21-news-pagination__number,
.v21-news-pagination__dots {
font-size: 21px;
}
.xy-about-banner-title {
font-size: 60px;
}
.xy-about-banner-subtitle {
font-size: 20px;
}
.xy-about-banner-desc {
font-size: 18px;
}
.xy-about-overview-title {
font-size: 36px;
}
.xy-about-overview-desc {
font-size: 14px;
}
.xy-about-overview-cell-title {
font-size: 18px;
}
.xy-about-overview-cell-desc {
font-size: 14px;
}
.xy-about-driven-title {
font-size: 28px;
}
.xy-about-driven-subtitle {
font-size: 36px;
}
.xy-about-driven-item h4 {
font-size: 28px;
}
.xy-about-driven-item p {
font-size: 14px;
}
.xy-about-driven-card-mask h3 {
font-size: 28px;
}
.xy-about-driven-card-mask p {
font-size: 18px;
}
.xy-about-title {
font-size: 32px;
}
.xy-about-foot-title {
font-size: 28px;
}
.xy-about-foot-header h3 {
font-size: 26px;
}
.xy-about-foot-header p {
font-size: 14px;
}
.xy-about-foot-stat-num {
font-size: 46px;
}
.xy-about-foot-stat-label {
font-size: 18px;
}
.xy-about-history-title {
font-size: 28px;
}
.xy-about-history-text h4 {
font-size: 26px;
}
.xy-about-history-text p {
font-size: 14px;
}
.xy-about-history-date {
font-size: 16px;
}
.xy-about-achieve-title {
font-size: 36px;
}
.xy-about-achieve-box-num {
font-size: 38px;
}
.xy-about-achieve-box-title {
font-size: 18px;
}
.xy-about-achieve-box-desc {
font-size: 14px;
}
.xy-contact-title {
font-size: 36px;
}
.xy-contact-detail-item {
font-size: 16px;
}
.xy-contact-form-desc {
font-size: 18px;
}
.xy-form-group input,
.xy-form-group textarea {
font-size: 16px;
}
.xy-form-group label {
font-size: 16px;
}
.xy-form-group input:focus~label,
.xy-form-group input:not(:placeholder-shown)~label,
.xy-form-group textarea:focus~label,
.xy-form-group textarea:not(:placeholder-shown)~label {
font-size: 16px;
}
.xy-contact-submit {
font-size: 18px;
}
.xy-local-faq-title {
font-size: 24px;
}
.xy-local-faq-head {
font-size: 16px;
}
.xy-local-faq-content {
font-size: 14px;
}
.xy-contact-blogs-title {
font-size: 24px;
}
.xy-contact-blogs-date {
font-size: 14px;
}
.xy-contact-blogs-title-text {
font-size: 18px;
}
.xy-contact-blogs-desc {
font-size: 14px;
}
.xy-contact-blogs-link {
font-size: 16px;
}
.xy-copyright-intro {
font-size: 14px;
}
.xy-copyright-paragraph {
font-size: 14px;
}
.xy-copyright-item {
font-size: 14px;
}
.xy-disclaimer-paragraph {
font-size: 14px;
}
.xy-disclaimer-item {
font-size: 14px;
}
.hero-banner-module .xy-elevators-hero-title {
font-size: 46px;
}
.hero-banner-module .xy-elevators-hero-subtitle {
font-size: 18px;
}
.xy-elevators-hero__title {
font-size: 52px;
}
.xy-elevators-hero__desc {
font-size: 16px;
}
.xy-elevators-hero__btn {
font-size: 18px;
}
.xy-elevators-feature__title {
font-size: 28px;
}
.xy-elevators-feature__text p {
font-size: 16px;
}
.xy-elevators-feature__spec-label {
font-size: 14px;
}
.xy-elevators-feature__spec-value {
font-size: 36px;
}
.xy-elevators-feature__spec-unit {
font-size: 18px;
}
.xy-elevators-feature__cta {
font-size: 18px;
}
.xy-elevators-lightbox__close {
font-size: 30px;
}
.xy-elevators-section__title {
font-size: 28px;
}
.xy-elevators-mod3__cta {
font-size: 18px;
}
.xy-elevators-mod3__label {
font-size: 14px;
}
.xy-elevators-mod3__value {
font-size: 40px;
}
.xy-elevators-mod3__desc {
font-size: 16px;
}
.xy-elevators-mod3b__value {
font-size: 36px;
}
.xy-elevators-mod3b__unit {
font-size: 18px;
}
.xy-elevators-mod3b__label {
font-size: 18px;
}
.xy-elevators-mod3b__desc {
font-size: 16px;
}
.xy-elevators-mod3b__cta {
font-size: 18px;
}
.xy-elevators-mod4__label {
font-size: 14px;
}
.xy-elevators-mod4__value {
font-size: 36px;
}
.xy-elevators-mod4__unit {
font-size: 18px;
}
.xy-elevators-card__name {
font-size: 15px;
}
.xy-elevators-card__meta {
font-size: 14px;
}
.xy-elevators-cta__text h3 {
font-size: 24px;
}
.xy-elevators-cta__text p {
font-size: 15px;
}
.xy-elevators-cta__text a {
font-size: 14px;
}
.xy-elevators-mod5__text h3 {
font-size: 26px;
}
.xy-elevators-mod5__text p {
font-size: 14px;
}
.xy-events-hero__title {
font-size: 28px;
}
.xy-events-hero__desc {
font-size: 16px;
}
.xy-explore-hero__title {
font-size: 28px;
}
.xy-explore-hero__desc {
font-size: 16px;
}
.xy-explore-hero__btn {
font-size: 18px;
}
.article-selector__item {
height: 60px;
min-height: 60px;
}
.article-selector__item:not(:last-child)::after {
height: 50px;
}
.article-selector__text {
font-size: 16px;
}
.article-selector-dropdown__title {
font-size: 16px;
}
.article-selector-dropdown__action-btn {
font-size: 16px;
}
.article-selector__option {
font-size: 16px;
}
.calendar-title {
font-size: 16px;
}
.calendar-weekdays {
font-size: 16px;
}
.day {
font-size: 14px;
}
.faq-hero-title {
font-size: 28px;
}
.faq-hero-desc {
font-size: 16px;
}
.faq-hero-link {
font-size: 18px;
}
.faq-search-input {
font-size: 16px;
}
.faq-tab {
font-size: 16px;
}
.faq-group-title {
font-size: 18px;
}
.faq-accordion-header {
font-size: 18px;
}
.faq-accordion-body-inner {
font-size: 16px;
}
.news-top-pagination__link {
font-size: 16px;
}
.news-header__title {
font-size: 28px;
}
.news-header__desc {
font-size: 16px;
}
.news-header__date {
font-size: 16px;
}
.news-content__inner p {
font-size: 16px;
}
.news-content__inner h3 {
font-size: 22px;
}
.news-content__inner blockquote {
font-size: 18px;
}
.news-subscribe-input {
font-size: 18px;
}
.news-subscribe-btn {
font-size: 18px;
}
.section-title-wrap h2 {
font-size: 28px;
}
.hero-banner-module .hero-breadcrumb {
font-size: 16px;
}
.hero-banner-module .hero-title {
font-size: 40px;
}
.hero-banner-module .hero-subtitle {
font-size: 16px;
}
.header-title {
font-size: 28px;
}
.feature-title {
font-size: 15px;
}
.feature-desc {
font-size: 14px;
}
.split-text h3 {
font-size: 36px;
}
.split-text li {
font-size: 20px;
}
.perf-title {
font-size: 28px;
}
.tab-item {
font-size: 16px;
}
.tab-item.active {
font-size: 18px;
}
.perf-content-title {
font-size: 26px;
}
.perf-content-desc {
font-size: 14px;
}
.overview-header h2 {
font-size: 28px;
}
.item-overlay h3 {
font-size: 18px;
}
.item-overlay p {
font-size: 14px;
}
.map-copy__title {
font-size: 28px;
}
.map-copy__desc {
font-size: 16px;
}
.stat-num {
font-size: 26px;
}
.stat-label {
font-size: 14px;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__hint {
font-size: 18px;
}
.solutions-module__title {
font-size: 28px;
}
.solutions-module__subheading {
font-size: 26px;
}
.solutions-module__desc {
font-size: 16px;
}
.solutions-module__link {
font-size: 16px;
}
.similar-products-module__title {
font-size: 28px;
}
.similar-products-module__name {
font-size: 18px;
}
.similar-products-module__sku {
font-size: 14px;
}
.similar-products-module__link {
font-size: 16px;
}
.svc-section-title {
font-size: 28px;
}
.svc-hero-title {
font-size: 28px;
}
.svc-hero-desc {
font-size: 16px;
}
.svc-hero-link-text {
font-size: 18px;
}
.svc-fm-item-title {
font-size: 18px;
}
.svc-fm-item-subtitle {
font-size: 16px;
}
.svc-fm-process-title {
font-size: 28px;
}
.svc-fm-process-item {
font-size: 18px;
}
.svc-fm-stat-num {
font-size: 26px;
}
.svc-fm-stat-desc {
font-size: 14px;
}
.svc-sol-content h3 {
font-size: 28px;
}
.svc-sol-content p {
font-size: 16px;
}
.svc-cs-tab {
font-size: 20px;
}
.svc-cs-img-tooltip {
font-size: 13px;
}
.svc-cs-block h3 {
font-size: 26px;
}
.svc-cs-block>p {
font-size: 16px;
}
.svc-cs-sub h4 {
font-size: 18px;
}
.svc-cs-sub p {
font-size: 14px;
}
.svc-cs-param-name {
font-size: 14px;
}
.svc-cs-param-val {
font-size: 16px;
}
.svc-cs-contact-btn {
font-size: 18px;
}
.solutions-hero__title {
font-size: 28px;
}
.solutions-hero__desc {
font-size: 16px;
}
.tabs-title {
font-size: 20px;
}
.scene-title-dropdown .scene-title-option {
font-size: 16px;
}
.left-content h2 {
font-size: 28px;
}
.left-content p,
.left-content #scene-content-desc p {
font-size: 16px;
}
.prod-name {
font-size: 18px;
}
.prod-sku {
font-size: 14px;
}
.main-title {
font-size: 28px;
}
.item-title {
font-size: 20px;
}
.layout-header-v3 h2 {
font-size: 36px;
}
.info-bundle-v3 h3 {
font-size: 26px;
}
.info-bundle-v3 p {
font-size: 16px;
}
.v24-main-title {
font-size: 28px;
}
.v24-step-title {
font-size: 18px;
}
.v24-step-desc {
font-size: 16px;
}
.v25-section-title {
font-size: 28px;
}
.v25-item-text {
font-size: 18px;
}
.v25-item-desc {
font-size: 16px;
}
.v26-supply-chain__title {
font-size: 28px;
}
.v26-supply-chain__nav-item {
font-size: 16px;
}
.v26-supply-chain__subtitle {
font-size: 26px;
}
.v26-supply-chain__text {
font-size: 14px;
}
.sustainability-roadmap__title {
font-size: 28px;
}
.sustainability-roadmap__year {
font-size: 14px;
}
.sustainability-roadmap__stage {
font-size: 26px;
}
.sustainability-roadmap__intro {
font-size: 14px;
}
.sustainability-roadmap__points li {
font-size: 14px;
}
.related-blogs__title {
font-size: 28px;
}
.related-blogs__date {
font-size: 18px;
}
.related-blogs__heading {
font-size: 18px;
}
.related-blogs__desc {
font-size: 14px;
}
.related-blogs__link {
font-size: 18px;
}
.xy-regularities-intro {
font-size: 14px;
}
.xy-regularities-paragraph {
font-size: 14px;
}
.xy-regularities-item {
font-size: 14px;
}
.wcu-subtitle {
font-size: 18px;
}
.wcu-sec-title {
font-size: 20px;
}
.wcu-title {
font-size: 36px;
}
.wcu-list li {
font-size: 26px;
}
.wcu-rnd-title {
font-size: 28px;
}
.wcu-rnd-heading {
font-size: 36px;
}
.wcu-achieve-title {
font-size: 26px;
}
.wcu-achieve-num {
font-size: 26px;
line-height: 40px;
}
.wcu-achieve-desc {
font-size: 14px;
}
.wcu-qm-title {
font-size: 36px;
}
.wcu-qm-desc {
font-size: 14px;
}
.wcu-qm-item-title {
font-size: 20px;
}
.wcu-qm-item-desc {
font-size: 20px;
}
.modular-solutions-exclusive-v5 .main-label-v5 {
font-size: 28px;
}
.modular-solutions-exclusive-v5 .heading-v5 {
font-size: 28px;
}
.modular-solutions-exclusive-v5 .para-v5 {
font-size: 16px;
}
.ms-bottom-title-v5 {
font-size: 28px;
}
.ms-bottom-desc-v5 {
font-size: 14px;
}
.xy-chat-badge {
font-size: 13px;
}
.xy-chat-header h4 {
font-size: 14px;
}
.xy-chat-header span {
font-size: 14px;
}
.xy-chat-close {
font-size: 20px;
}
.xy-chat-msg {
font-size: 13px;
}
.xy-chat-time {
font-size: 13px;
}
.xy-chat-email-input-wrapper input {
font-size: 13px;
}
.xy-chat-error {
font-size: 14px;
}
.xy-chat-questions button {
font-size: 13px;
}
.xy-chat-footer input {
font-size: 13px;
}
.header-container {
max-width: 1440;
}
.section-container,
.faq-Rectangle {
max-width: 1296px;
margin: 0 auto;
}
.xy-404-content {
flex: 1;
padding-top: 60px;
padding-left: 40px;
padding-right: 40px;
}
.xy-404-product-image {
margin-bottom: 30px;
}
.xy-404-product-info {
padding: 0;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__nav {
position: fixed;
bottom: 0;
transform: translatey(-50%);
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__nav--prev {
left: 24px;
}
.page-template-page-products-detail-mro #modal3D .mro3d-modal__nav--next {
right: 24px;
}
.xy-elevators-mod3b__layout {
height: 800px;
}
.xy-elevators-mod3__tile--info {
padding: 40px;
}
.xy-elevators-mod5-images {
padding-block: 56px;
padding-inline: 40px;
gap: 56px;
}
.xy-elevators-mod5-images__img50 {
padding: 60px;
}
.xy-elevators-feature__head,
.xy-elevators-section__head {
padding: 56px 48px;
}
.xy-elevators-feature__title,
.xy-elevators-section__title {
padding-left: 0;
font-size: 36px;
}
.xy-elevators-feature__accent,
.xy-elevators-section__accent {
height: 32px;
}
.hero-banner-module .hero-banner {
height: clamp(400px, calc(var(--xy-visual-vh, 100vh) * 0.8), 680px);
}
.hero-banner-module .hero-content {
padding: 56px 64px 50px;
max-width: 800px;
}
.hero-banner-module .hero-banner-strip {
height: 118px;
}
.xy-elevators-mod5 {
--xy-mod5-line-x: 56px;
--xy-mod5-line-y: 0;
}
.xy-elevators-mod4__layout {
grid-template-rows: 240px 240px 240px;
gap: 28px;
}
.svc-mobile-menu-drawer,
.svc-mobile-menu-overlay {
display: none !important;
}
.scene-title-drawer,
.scene-title-drawer-overlay {
display: none !important;
}
}
@media (min-width: 768px) {
.overview-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.overview-grid .long-card,
.overview-grid .small-card {
grid-column: auto;
grid-row: auto;
height: auto;
}
}
@media (max-width: 767.98px) {
.overview-grid {
grid-template-columns: 1fr;
}
.overview-grid .long-card,
.overview-grid .small-card {
grid-column: auto;
grid-row: auto;
height: auto;
}
.overview-grid .grid-item img {
max-height: min(58vw, 320px);
}
}
#masthead .nav-mega-panel .menu-frame-line--inner {
display: none;
}
#masthead .nav-mega-panel .nav-mega-col--left {
box-sizing: border-box;
border-right: 1px solid #E4E4E41A;
}