/*********************************************
 * Home Responsive
**********************************************/
/* reset horizontal scroll */
.horizontal-container {height:auto !important;}
.horizontal-pin {height:auto !important; width:100% !important;}
.horizontal-scroll {display:block;}
.panel-inner {display:block; padding:0 var(--vii-gap-container);}

/* reset stacked pinning */
.stacked-pinning-header {
    --vii-size-h1:36px;
    position:relative; margin:0 calc(-1 * var(--vii-gap-container)) var(--vii-spacing-30);
    padding:0 var(--vii-gap-container) var(--vii-spacing-25);
    border-bottom:1px solid #000;
}

/* header */
.site-nav--desktop {backdrop-filter:blur(2px); background:rgba(255, 255, 255, .8);}
html:not(.menu-open) body.scroll-top .site-nav--desktop {
    --menu-color:#fff; --logo-color:#fff;
    box-shadow:none; background:transparent;
}

/*********************************************
 * Intro
**********************************************/
.panel.intro {
    --vii-size-h1:48px;
    padding-top:var(--vii-header-height); display:block;
    margin-bottom:var(--vii-spacing-70);
}

.intro-logo {display:none;}
.intro-text {padding:100px var(--vii-gap-container) 75px;}
.intro-image-wrap {width:100%;}
.intro-image-inner img {min-height:375px;}
.intro-pattern {opacity:.5;}


/*********************************************
 * Products
**********************************************/
/* Text */
.products-content {margin-bottom:var(--vii-spacing-30);}

/* List */
.products-list {flex-wrap:wrap; margin:0 -10px;}
.products-list-group {width:100%; display:flex; flex-wrap:wrap;}
.products-list-item {width:50%; padding:0 10px;}

.products-list-item__mobile-content.hidden {display:block;}
.products-list-item__description {font-size:.8em;}

.products-list-group:not(:last-child) {margin-bottom:var(--vii-spacing-30);}
.products-list-item__cover {display:none;}
.products-list-item__inner-wrap,
.products-list-item__inner {width:100%;}
.products-list-item__image {aspect-ratio:338/187 !important; background-color:#f3f3f3; padding:20px; width:100%;}
.products-list-item__image img {mix-blend-mode:multiply; aspect-ratio:338/187 !important;}

/* Pin circle */
.products-list-item__image-pin-circle {display:none;}

/* View all button */
.products-col-view-all {padding:var(--vii-spacing-70) 0;}
.products-button-view-all {width:114px; margin:0 auto;}


@media only screen and (max-width:480px) {
    .products-list-item {width:100%;}
    .products-list-item:not(:last-child) {margin-bottom:var(--vii-spacing-30);}
}

/*********************************************
 * About
**********************************************/
.about-content-wrap {flex-direction:column;}
.panel.about .stacked-pinning-header {border-top:1px solid #000; padding-top:var(--vii-spacing-25);}
.about-col.text {margin-bottom:var(--vii-spacing-30);}
.about-col.media {width:100%; order:2;}
.about-image {height:375px; margin:0 calc(-1 * var(--vii-gap-container));}
.about-image-inner {position:relative; bottom:auto; top:auto; height:100%;}


/*********************************************
 * Panels with blue column content
**********************************************/
.services-pattern {opacity:.5;}
.panel.panel-col-content .panel-inner {padding:0;}
.services-col-content {padding:var(--vii-spacing-70) var(--vii-gap-container);}

.services-industrial .services-text,
.services-hotel .services-text {padding:var(--vii-spacing-70) var(--vii-gap-container) var(--vii-spacing-30);}
.services-industrial .services-text {border-top:1px solid #fff;}

.services-image img {height:375px; min-width:100%; object-fit:cover;}


.partner-text {margin-bottom:var(--vii-spacing-45);}
.partner-text .panel-col--text {padding:0 var(--vii-gap-container);}
.partner-text .partner-text-title {
    padding:var(--vii-spacing-70) var(--vii-gap-container) var(--vii-spacing-30);
    border-bottom:1px solid #fff;
}

.partner-logos {padding:0 var(--vii-gap-container); margin-bottom:var(--vii-spacing-45);}
.partner-logo-item {border:1px solid #fff; height:70px; padding:15px;}
.partner-logo-item:not(:last-child) {border-bottom:none;}
.partner-logo-item img {height:100%; width:100%; object-fit:contain;}


.partner-contact {border-top:1px solid #fff; padding:var(--vii-spacing-70) var(--vii-gap-container);}