/* http://themestate.com/demo/geopoint/ */
:root {
  /* EDIT: Settings */
  --actions-gap: 16px;
  --actions-margin: 32px;
  --breadcrumb-gap: 16px;
  --card-logo-aspect-ratio: 1.3;
  --card-logo-img-max-width: min(180px, 75%);
  --card-logo-img-max-height: min(60px, 75%);
  --card-logo-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  --pager-btn-size: calc(var(--body-sm-font-size) * 3);
  --pager-gap: var(--width-border-radius);
  --scrollbar-color: var(--color-green);
  --scrollbar-background: var(--color-white);
  --transition-time: 0.3s;
  --transition-time-slow: 1s;
  --transition-time-fast: 0.1s;
  --transition: all var(--transition-time) ease-in-out;
  --transition-slow: all var(--transition-time-slow) ease-in-out;
  --transition-fast: all var(--transition-time-fast) ease-in-out;
  --backdrop-filter: blur(24px);
  --letter-effect-size: 3px;
  --effects-time: 0.3s;
  --effects-delay: 0.2s;
  --gradient: linear-gradient(280deg,var(--color-green) 0%, var(--color-black) 100%);
  --gradient-sm: linear-gradient(to right,var(--color-red-dark) 0%, var(--color-purple) var(--width-sections-gap));
  --header-height: 80px;

  --border-effect-width: 1px;
  --border-effect: var(--border-effect-width) solid rgba(var(--color-white-rgb), .1);
  --border-effect-dark: var(--border-effect-width) solid rgba(var(--color-black-rgb), .1);

  /* scroll */
  --scrollbar-background: var(--color-cream);
  --scrollbar-color: var(--color-bronze);

  --text-shadow: 0 2px 3px rgba(var(--color-black-rgb), 0.1), 0 6px 18px rgba(var(--color-black-rgb), 0.2);
  --text-shadow-white: 0 2px 3px rgba(var(--color-white-rgb), 0.5), 0 6px 18px rgba(var(--color-white-rgb), 0.2);

  --box-shadow: 0 0 var(--width-gap-sm) rgba(var(--color-black-rgb), 0.2);

  --placeholder-font: var(--input-font);
  --fields-gap: var(--width-gap);
  --input-padding: calc(var(--input-font-size) * 1.2);
  --input-outline: 1px solid var(--color-gray-dark);
  --input-outline-offset: -1px;
  --input-hover-outline: 1px solid var(--color-green);
  --input-background: var(--color-white);
  --input-border-radius: calc(var(--width-border-radius) + 1px);
  --input-color: var(--color-gray-dark);
  --input-hover-color: var(--color-black);
  --checkbox-background: var(--color-surface);
  --checkbox-checked-background: var(--color-green);
  --checkbox-checked-color: var(--color-green-dark);


  --notification-border-radius: var(--width-border-radius);
  --notification-padding: var(--width-gap-sm);


}

@media only screen and (max-width: 1680px) {
}

@media only screen and (max-width: 1366px) {
  :root {
    --header-height: 80px;
    --input-padding: 12px;
    --related-height: 260px;
  }
}
/* tablet */
@media only screen and (max-width: 1024px) {
  :root {
    --related-height: 220px;
  }
}
@media only screen and (max-width: 768px) {
  :root {
    --header-height: 72px;
    --fields-columns: 1;
  }
}
/* mobile */
@media only screen and (max-width: 568px) {
  :root {
    --header-height: 48px;
  }
}


html{ background-color:var(--color-white);}
#loading {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 2147483647;display: flex;align-items: center;justify-content: center;transition: var(--transition);pointer-events: none;background-color: var(--color-surface);--size: 5vmin;}
#loading::after{content: " ";display: block;position: absolute;width: var(--size);height: var(--size);top: calc(50% - var(--size) / 2);left: calc(50% - var(--size) / 2);background: url(../images/loading.svg);background-size: contain;background-repeat: no-repeat;background-position: center;transition: all var(--transition-time) cubic-bezier(.55,.04,.92,.1);}
html:not(.is-loading) #loading{transition-delay: var(--transition-time);opacity: 0;}
html:not(.is-loading) #loading::after{transform: scale(.5);opacity: 0;}
body {background: var(--color-white);color: var(--color-black);}
a > *{pointer-events: none;}
section{display: block;position: relative;z-index: 5;}
address {background-color: var(--color-surface);border-radius: var(--width-border-radius);padding: var(--width-gap-sm);outline: var(--border-effect-dark);font: var(--body-font);color: var(--color-gray-dark);}
address {margin: var(--width-gap) 0 !important;}

.el-pager {font: var(--btn-font);letter-spacing: var(--btn-letter-spacing);text-transform: var(--btn-text-transform);}
.el-pager > :is(a, span){background: var(--color-surface);border-radius: var(--width-border-radius);text-decoration: none;color: var(--color-gray-dark);}
.el-pager > .current{background-color: var(--color-green);color: var(--color-white);}


.grow, [grow]{flex-grow: 1;}
.material-symbols-outlined{font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;pointer-events: none;}
.tns-item img {pointer-events: none !important;}
.tns-controls{display: flex;justify-content: center;gap: var(--border-effect-width);}
.tns-controls + *, * + .tns-controls{margin-top: var(--width-gap);}
.tns-controls button{background-color: transparent;border: none;font-size: 28px;padding: 0;display: flex;align-items: center;justify-content: center;width: 56px;height: 56px;-webkit-transition: var(--transition);transition: var(--transition);color: var(--color-gray-dark);}
.tns-controls button [class^="material"]{font-size: 28px;}
section.slider .tns-controls button{color: var(--color-white);}
.tns-controls button:hover{color: var(--color-black);}
.tns-controls button:disabled{pointer-events: none;opacity: .1;}
.tns-nav {margin-top: var(--width-gap);display: flex;justify-content: center;}
.tns-nav > button{border: none;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;padding: 0;background-color: transparent;}
.tns-nav > button::before{content: " ";display: block;width: 6px;height: 6px;
background-color:var(--color-gray);-webkit-border-radius:8px;border-radius:8px;-webkit-transition: var(--transition);transition: var(--transition);}
.tns-nav > button:is(:hover,:focus)::before{background-color: var(--color-black);}
.tns-nav > button.tns-nav-active::before{background-color: var(--color-green);width: 10px;height: 10px;}
.subtitle{user-select: none;}
[class^="btn"][class*="-subtle"] {background:transparent;color: var(--color-black);}
[class^="btn"][class*="-subtle"]:is(:hover,:focus) {box-shadow: var(--box-shadow);}
[class^="btn"][class*="-surface"] {background:var(--color-surface);color: var(--color-gray);}
[class^="btn"][class*="-surface"]:is(:hover,:focus) {background:var(--color-surface);color: var(--color-purple);}
[class^="btn"][class*="-gray"] {background:var(--color-surface);color: var(--color-black);}
[class^="btn"][class*="-gray"]:is(:hover,:focus) {background:var(--color-black);color: var(--color-white);}
[class^="btn"][class*="-white"] {background-color:var(--color-white);color: var(--color-black);}
[class^="btn"][class*="-white"]:is(:hover,:focus) {background-color: var(--color-white);color: var(--color-purple);box-shadow: var(--box-shadow);}
[class^="btn"][class*="-lines"] {background-color: transparent;color: var(--color-white);outline: 2px solid var(--color-white);outline-offset: -2px;}
[class^="btn"][class*="-lines"]:is(:hover,:focus) {background-color: var(--color-white);color: var(--color-purple);box-shadow: var(--box-shadow);}
[class^="btn"][class*="-graylines"] {background-color: transparent;color: var(--color-gray-dark);outline: 2px solid var(--color-gray-dark);outline-offset: -2px;}
[class^="btn"][class*="-graylines"]:is([class*="-xs"],[class*="-sm"] ){outline-width: 1px;outline-offset: -1px;}
[class^="btn"][class*="-graylines"]:is(:hover,:focus) {outline-color: var(--color-gray-dark);background-color: var(--color-gray-dark);color: var(--color-white);}
[class^="btn"][class*="-blacklines"] {background-color: transparent;color: var(--color-black);outline: 2px solid var(--color-black);outline-offset: -2px;}
[class^="btn"][class*="-blacklines"]:is([class*="-xs"],[class*="-sm"] ){outline-width: 1px;outline-offset: -1px;}
[class^="btn"][class*="-blacklines"]:is(:hover,:focus) {outline-color: var(--color-black);background-color: var(--color-black);color: var(--color-white);box-shadow: var(--box-shadow);}

[class^="item-title"]{text-wrap: balance; }
[class^="item-title"].white {color: var(--color-white);}

[class^="heading"] + .intro{margin-top: var(--width-gap-sm);}
[class^="heading"][class*="-white"] .title {color: var(--color-white);}
[class^="heading"][class*="-white"] .subtitle{color: var(--color-white);}
[class^="heading"][class*="-colorized"] .title{color: var(--color-gray-dark);}
[class^="heading"][class*="-colorized"] .title > strong {color: var(--color-black);}
[class^="heading"][class*="-white"][class*="-shadow"] .title{text-shadow: var(--text-shadow);}

[class^="article"]{font: var(--body-font);}
[class^="article"] a{color: var(--color-green-dark);font-weight: var(--body-font-strong);text-underline-offset: 6px;text-decoration-color: var(--color-green);transition: var(--transition);}
[class^="article"] a:is(:hover, :focus){text-underline-offset: 8px;text-decoration-color: var(--color-green-dark);}
[class^="article"] ul{display: flex;padding-left: var(--width-gap);flex-direction: column;gap: var(--width-gap-xs);}
[class^="article"] ul + * , [class^="article"] * + ul {margin-top: var(--width-gap);}
[class^="article"] ul > li{position: relative;padding-left: var(--width-gap-xs);}

.intro{font-weight: 100;}
.intro.white{color: var(--color-white);}
.intro.gray{color: var(--color-gray);}
.intro.gray strong{color: var(--color-gray-dark);}
.intro.centered{text-align: center;}
.intro.half{max-width: 60%;}
@media only screen and (max-width: 1366px){
  .intro.half{max-width: 70%;}
}
@media only screen and (max-width: 1024px){
  .intro.half{max-width: 80%;} 
}
@media only screen and (max-width: 768px){
  .intro.half{max-width: 100%;}
}

/* NEW */

.circle-btn{cursor: pointer;--size: 48px;--font-size: 24px;}
.circle-btn.sm{--size: 36px;--font-site: 20px;}
.circle-btn > [class^="material"]{width: var(--size);height: var(--size);font-size: var(--font-size);border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;outline: var(--border-effect-dark);background-color: var(--color-white);color: var(--color-black);transition: var(--transition);}
.circle-btn > input:checked + [class^="material"]{background: var(--color-black);outline-color: var(--color-black);color: var(--color-green);}
a.circle-btn:is(:hover, :focus) > [class^="material"]{outline-color: var(--color-gray);color: var(--color-green-dark);}

/* NEW fields */

[class^="field"] > label{display: -webkit-box !important;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.field-type-textarea, .field-type-checkbox, .field-type-info{grid-column: auto / span 2;}
.field-type-info {background: var(--color-surface);color: var(--color-black);font: var(--small-font);padding: var(--width-gap-sm);max-height: 200px;-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);overflow-y: auto;}
.field-type-checkbox {align-items: center;}
.field-type-checkbox .description{font: var(--small-font);text-transform: var(--small-font-text-transform);letter-spacing: var(--small-font-letter-spacing);margin-left: var(--width-gap-xs);}
@media only screen and (max-width: 768px){
  .field-type-textarea, .field-type-checkbox, .field-type-info{grid-column: auto / span 1;}
}

/* INFO language-flag */

a:is(:hover,:focus) > [class^="language-flag-"]::after{box-shadow: var(--box-shadow);}
[class^="language-flag-"]{ pointer-events: none; }
[class^="language-flag-"]::after{content: "";aspect-ratio: 1;border-radius: 50%;height: 36px;max-height: calc(var(--header-height) * .5);background-color: var(--color-white);display: inline-flex;outline: var( --border-effect);transition: var(--transition-fast);}
[class^="language-flag-"][class*="-es"]::after{background: url(../images/flags/es.svg) center center no-repeat;background-size: cover;}
[class^="language-flag-"][class*="-en"]::after{background: url(../images/flags/gb.svg) center center no-repeat;background-size: cover;}
[class^="language-flag-"][class*="-fr"]::after{background: url(../images/flags/fr.svg) center center no-repeat;background-size: cover;}
[class^="language-flag-"][class*="-it"]::after{background: url(../images/flags/it.svg) center center no-repeat;background-size: cover;}
@media only screen and (max-width: 568px){
  [class^="language-flag-"]::after{height: 32px;}
}

/* NEW #header */

#header{top: 0;left: 0;width: 100%;position: fixed;z-index: 100;-webkit-transition: var(--transition-fast);transition: var(--transition-fast);height: calc(var(--header-height) + var(--width-gap-sm));--effects-delay: .5s;backdrop-filter: var(--backdrop-filter) grayscale(.25);background-color: rgba(var(--color-white-rgb), .75);border-bottom: var(--border-effect);display: flex;align-items: center;transition: var(--transition-fast);}
#header::before {content: "";position: absolute;top: 0;left: 0;bottom: 0;width: 50%;background: linear-gradient(to right, rgba(var(--color-white-rgb), 1) 0%, rgba(var(--color-white-rgb), 0) 100%);}
body.scrolling #header{background-color: rgba(var(--color-surface-rgb), .95);box-shadow: var(--box-shadow);height: var(--header-height);}
#header > [class^="package"]{padding: 0 var(--width-gap-sm);}
#header a:not([class^="btn"]) {font: var(--menu-font);text-transform: var(--menu-text-transform);letter-spacing: var(--menu-letter-spacing);color: var(--color-black);display: inline-flex;text-decoration: none;user-select: none;}
#header a > span[class^="material"]{font-size: calc(var(--menu-font-size) * 2);display: inline-flex;line-height: 1;}
#header a[class^="btn"]{font: var(--menu-font);text-transform: var(--menu-text-transform);letter-spacing: var(--menu-letter-spacing);padding: var(--menu-font-size) calc(var(--menu-font-size) * 2);}
#header .content {display: flex;height: var(--header-height);align-items: center;gap: 0;justify-content: flex-start;gap: var(--width-gap-sm);}


#header .content > .logo{z-index: 2;position: relative;flex-shrink: 0;width: 30%;display: flex;align-items: center;justify-content: center;}
#header .content > .logo img{height: calc(var(--header-height) * .6);width: auto;-webkit-transition: var(--transition-fast);-webkit-transition: var(--transition-fast);transition: var(--transition-fast);image-rendering: high-quality;}
#header .content > .right > .mobile-menu > a {display: flex;height: calc(var(--header-height) * .6);width: calc(var(--header-height) * .6);align-items: center;justify-content: center;}
#header .content > .right > .mobile-menu > a > span{display: flex;position: relative;aspect-ratio: 1;height: 36px;pointer-events: none;}
#header .content > .right > .mobile-menu > a > span::before, #header .content > .right > .mobile-menu > a > span::after{content: "";width: 100%;position: absolute;height: 1px;top: 50%;background-color: var(--color-black);transition: var(--transition-fast);transform-origin: center center;}
#header .content > .right > .mobile-menu > a > span::before{transform: translateY(-3px);}
#header .content > .right > .mobile-menu > a:is(:hover, :focus) > span::before{transform: translateY(-5px);}
#header .content > .right > .mobile-menu > a > span::after{transform: translateY(3px);}
#header .content > .right > .mobile-menu > a:is(:hover, :focus) > span::after{transform: translateY(5px);}
body[new-mobile-menu] #header .content > .right > .mobile-menu > a > span::before{transform: translate(0, 0);transform: rotate(-45deg);}
body[new-mobile-menu] #header .content > .right > .mobile-menu > a > span::after{transform: translate(0, 0);transform: rotate(45deg);}
@media only screen and (max-width: 768px){
  #header .content [class^="btn"] > [class^="material"]{display: none !important;}
}
#header .content > .right{width: 35%;display: flex;gap: var(--width-gap-sm);align-items: center;justify-content: flex-end;}
#header .content > .left{display: flex;gap: var(--width-gap-sm);width: 35%;align-items: center;}
#header .content > .left > a{display: inline-flex;text-decoration: none;color: var(--color-black);white-space: nowrap;position: relative;line-height: var(--header-height);transition: var(--transition-fast);color: var(--color-black);align-items: center;}
#header .content > .left > a::after{content: "";display: block;height: 2px;position: absolute;top: calc(50% + var(--menu-font-size));left: 50%;width: 0;background-color: var(--color-green-dark);transition: var(--transition);opacity: 0;}
#header .content > .left > a:is(:hover, :focus)::after{opacity: 1;width: 100%;left: 0;}
@media only screen and (max-width: 456px){
  #header .content > .logo{width: auto;aspect-ratio: 1;}
  #header .content > .left, #header .content > .right{flex-grow: 1;}
}
#menu{display: flex;gap: var(--width-gap-sm);align-items: center;}
#menu .menu-item > a {display: inline-flex;text-decoration: none;color: var(--color-black);white-space: nowrap;display: block;position: relative;line-height: 1;transition: var(--transition-fast);color: var(--color-black);}
#menu .menu-item > a:is(:hover, :focus) , #menu .menu-item.current > a {color: var(--color-black);}
#menu > .menu-item > a{height: var(--header-height);display: inline-flex;line-height: var(--header-height);position: relative;}
#menu .menu-item > a::after{content: "";display: block;height: 2px;position: absolute;top: calc(50% + var(--menu-font-size));left: 50%;width: 0;background-color: var(--color-green-dark);transition: var(--transition);opacity: 0;}
#menu .menu-item.current > a::after,
#menu .menu-item > a:is(:hover, :focus)::after{opacity: 1;width: 100%;left: 0;}
#menu .menu-item > .submenu{opacity: 0;padding: var(--width-gap-sm);top: calc(100% - var(--width-gap-xs));left:0;background-color: rgba(var(--color-white-rgb), 1);box-shadow: var(--box-shadow);border-radius: var(--width-border-radius-rounded);transform: translateY(var(--width-gap-xs)) scale(0);-webkit-transform-origin: center top;transform-origin: center top;min-width:100%;-webkit-transition: var(--transition-fast);transition: var(--transition-fast);display: flex;flex-direction: column;}
#menu .submenu > .menu-item > a{padding: var(--width-gap-xs) 0;text-align: left;font-size: calc(var(--menu-font-size) - 2px);}


#main::after{content: " ";pointer-events: none;position: fixed;inset: 0;background:rgba(var(--color-white-rgb), .9);backdrop-filter: blur(10px);z-index: 10;opacity: 0;}
body[mobile-menu] > #main::after{opacity: 1;}
#mobile-menu{position: fixed;inset: var(--header-height) 0 0 0;z-index: 90;pointer-events: none;top: calc(var(--header-height) + var(--width-gap-sm));}
body.scrolling #mobile-menu{top: var(--header-height);}
#mobile-menu > .content{position: absolute;inset:0; opacity: 0;overflow-y: auto;}
body[mobile-menu] #mobile-menu > .content{opacity: 1;transform: translateY(0);}
body[mobile-menu] #mobile-menu{opacity: 1;pointer-events: all;transform: translateY(0);}
#mobile-menu .menu-item > a {display: block;font: var(--menu-font);text-transform: var(--menu-text-transform);letter-spacing: var(--menu-letter-spacing);font-weight: var(--menu-font-strong);color: var(--color-black);text-align: center;text-decoration: none;padding: calc(var(--menu-font-size) * 2);font-size: calc(var(--menu-font-size) + 4px);}
#mobile-menu .menu-item > a:is(:hover, :focus){background-color: var(--color-green-dark);color: var(--color-white);}
#mobile-menu .submenu .menu-item > a {font-size: var(--menu-font-size);font-weight: normal;}

#new-mobile-menu{position: fixed;top: calc(var(--header-height) + var(--width-gap-sm));left: 0;right: 0;bottom: 0;background: rgba(var(--color-black-rgb), .9);backdrop-filter: blur(var(--width-gap-xs));
  z-index: 101;overflow-x: hidden;display: flex;color: var(--color-gray);overscroll-behavior-x: none;overscroll-behavior-y: none;scroll-behavior: auto;transition: var(--transition-fast);pointer-events: none;opacity: 0;transform: scale(.5) translateY(-25%);
display: none;
}
body[new-mobile-menu]{overflow: hidden;}
body[new-mobile-menu] #new-mobile-menu{pointer-events: all;opacity: 1;transform: scale(1);display: flex;}
#new-mobile-menu a {color: var(--color-white);font: var(--menu-font);font-size: calc(var(--menu-font-size) * 1);text-transform: var(--menu-text-transform);letter-spacing: var(--menu-letter-spacing);text-decoration: none;display: flex;justify-content: flex-start;align-items: center;gap: var(--width-gap-sm);transition: var(--transition);line-height: 32px;}
#new-mobile-menu a.has-submenu {justify-content: space-between;}
#new-mobile-menu a > .show-children{display: inline-flex;width: 32px;height: 32px;align-items: center;justify-content: center;pointer-events: all;width: auto;aspect-ratio: 1;height: 100%;position: absolute;top: 0;right: 0;bottom: 0;}
#new-mobile-menu a > .show-children::before{color: var(--color-gray);font-family: "Material Symbols Outlined";content: "\e5e1";font-size: 18px;line-height: 1;}
#new-mobile-menu a:is(:hover, :focus) {color: var(--color-green);}
#new-mobile-menu > [class^="page"]{width: 100vw;height: 100%;overflow-y: auto;outline: 1px solid var(--color-gray-dark);outline-offset: -1px;flex-shrink: 0;}
#new-mobile-menu > [class^="page"] .content{display: flex;flex-direction: column;border-bottom: 1px solid var(--color-gray-dark);}
#new-mobile-menu > [class^="page"] .content > a{padding: var(--width-gap-sm);font-size: calc(var(--menu-font-size) * 1.15);}
#new-mobile-menu > [class^="page"] .content > * + *{border-top: 1px solid var(--color-gray-dark);}
#new-mobile-menu .top-links{display: flex;justify-content: space-around;border-bottom: 1px solid var(--color-gray-dark);flex-wrap: wrap;}
#new-mobile-menu .back-links{display: flex;justify-content: space-between;border-bottom: 1px solid var(--color-gray-dark);flex-wrap: wrap;}
#new-mobile-menu :is(.top-links, .back-links) a{padding: var(--width-gap-sm);}
body.scrolling #new-mobile-menu{top: var(--header-height);}

#drawer-language{position: fixed;top: 0;right: 0;bottom: 0;z-index: 102;width: min(600px, calc(100vw - var(--width-gap-lg)));background-color: rgba(var(--color-white-rgb), .95);backdrop-filter: var(--backdrop-filter);pointer-events: none;transform: translateX(100%);opacity: 0;transition: var(--transition-fast);}
body.drawer-language-opened #drawer-language{opacity: 1;pointer-events: all;transform: translateX(0);}
#drawer-language > .content > nav{display: flex;flex-direction: column;gap: var(--width-gap-xs);}
#drawer-language > .content {padding: var(--width-gap);display: flex;flex-direction: column;gap: var(--width-gap);}
#drawer-language > .content > nav > a{display: flex;align-items: center;gap: var(--width-gap-sm);outline: var(--border-effect-dark);text-decoration: none;font: var(--menu-font);text-transform: var(--menu-text-transform);letter-spacing: var(--menu-letter-spacing);color: var(--color-black);padding: var(--menu-font-size);transition: var(--transition-fast);border-radius: var(--width-border-radius);}
#drawer-language > .content > nav > a:is(:hover, :focus, .current){outline-color: var(--color-black);}

#drawer-search{position: fixed;top: calc(var(--header-height) + var(--width-gap-sm));right: 0;left: 0; z-index: 5;background-color: rgba(var(--color-black-rgb), .75);backdrop-filter: var(--backdrop-filter);pointer-events: none;transition: var(--transition-fast);clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%);padding: var(--width-gap);display: flex;border-bottom: var(--border-effect-width) solid var(--color-green);}
body.scrolling #drawer-search{top: var(--header-height);}
body.drawer-search-opened #drawer-search{opacity: 1;pointer-events: all;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
#drawer-search form{display: flex;gap: var(--width-gap);}
#drawer-search input[type='search']{background-color: var(--color-white);text-align: center;border-radius: 100px;border: none;outline: none;font: var(--input-font);font-size: calc(var(--input-font-size) * 2);padding: var(--width-gap-sm);flex-grow: 1;}
#drawer-search input[type='search']::placeholder{font: var(--input-font);font-size: calc(var(--input-font-size) * 2);}
@media only screen and (max-width: 1024px){
  #drawer-search input[type='search']{font: var(--input-font);}
  #drawer-search input[type='search']::placeholder{font: var(--input-font);}
}


/* DRAWER FILTERS */

#drawer-filters{position: fixed;inset: 0;z-index: 100;backdrop-filter: var(--backdrop-filter);display: flex;align-items: center;justify-content: center;background-color: rgba(var(--color-surface-rgb), .9);pointer-events: none;opacity: 0;transition: var(--transition-fast);}
#drawer-filters > .content{padding: var(--width-gap-lg);background-color: var(--color-white);border-radius: var(--width-border-radius);width: min(1800px, calc(100vw - var(--width-gap) * 2));max-height: calc(100vh - var(--width-gap) * 2);overflow-y: auto;outline: var(--border-effect-dark);outline-offset: 0;}
body.drawer-filters-opened {overflow: hidden;}
body.drawer-filters-opened #drawer-filters{opacity: 1;pointer-events: all;}
#drawer-filters .fields{grid-template-columns: repeat(4, 1fr);gap: var(--width-gap);}
@media only screen and (max-width: 1440px){
  #drawer-filters .fields{grid-template-columns: repeat(3, 1fr);}
}
@media only screen and (max-width: 1024px){
  #drawer-filters .fields{grid-template-columns: repeat(2, 1fr);}
}
@media only screen and (max-width: 568px){
  #drawer-filters .fields{grid-template-columns: 1fr;}
}

.multi-checkbox {display: flex;flex-wrap: wrap;align-items: center;gap: calc(var(--pseudo_label-font-size) / 2);}
.multi-checkbox > label {cursor: pointer;}
.multi-checkbox > label > span{display: flex;align-items: center;background-color:var(--color-surface);color: var(--color-black);line-height: 1;padding: calc(var(--pseudo_label-font-size) / 2) var(--pseudo_label-font-size);border-radius: 64px;font: var(--pseudo_label-font);text-transform: var(--pseudo_label-text-transform);letter-spacing: var(--pseudo_label-letter-spacing);display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.multi-checkbox > label > input:checked + span{background-color: var(--color-black);color: var(--color-green);display: flex;align-items: center;gap: calc(var(--pseudo_label-font-size) / 2);white-space: nowrap;}
.multi-checkbox > label > input:checked + span::before{display: inline-block;font-family: "Material Symbols Outlined";content: "\e5ca";font-size: 18px;line-height: 0;}

/* NEW */

#drawer-products{position: fixed;top: calc(var(--header-height) + var(--width-gap-sm));right: 0;left: 0; z-index: 5;background-color: rgba(var(--color-black-rgb), .9);backdrop-filter: var(--backdrop-filter);pointer-events: none;transition: var(--transition-fast);clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%);display: flex;border-bottom: var(--border-effect-width) solid var(--color-green);}
body.scrolling #drawer-products{top: var(--header-height);}
body.drawer-products-opened #drawer-products{opacity: 1;pointer-events: all;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
#drawer-products > .content{padding: var(--width-gap-lg);width: 100%;max-height: calc(50vh - var(--header-height));overflow-y: auto;}

/* NEW */

#drawer-menu{position: fixed;top: calc(var(--header-height) + var(--width-gap-sm));right: 0;left: 0; z-index: 5;background-color: rgba(var(--color-black-rgb), .9);backdrop-filter: var(--backdrop-filter);pointer-events: none;transition: var(--transition-fast);clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%);display: flex;border-bottom: var(--border-effect-width) solid var(--color-green);}
body.scrolling #drawer-menu{top: var(--header-height);}
body.drawer-menu-opened #drawer-menu{opacity: 1;pointer-events: all;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
#drawer-menu > .content{padding: var(--width-gap);width: 100%;max-height: calc(50vh - var(--header-height));overflow-y: auto;}
#drawer-menu > .content > .submenu + #menu-levels{
  display: none;
}


#drawer-menu > .content > .submenu{margin-left: calc(0px - var(--width-gap));}
#menu-levels{display: flex;gap: var(--width-gap-xl);}
#menu-levels > nav, #drawer-menu > .content > .submenu {display: flex;flex-direction: column;gap: var(--width-gap-sm);}
#menu-levels > nav > a, #drawer-menu > .content > .submenu > .menu-item > a {
  transition: var(--transition);
}
#menu-levels > nav > a.current, #drawer-menu > .content > .submenu > .menu-item.current > a {color: var(--color-green-dark);

}

#menu-levels > nav > a:is(:hover, :focus), #drawer-menu > .content > .submenu > .menu-item > a:is(:hover, :focus) {color: var(--color-green);}

#menu-levels > nav > a.show-all{/*color: var(--color-gray-dark);*/}
#menu-levels > nav[level] > a:not(.active){display: none;}
#menu-levels a, #drawer-menu > .content > .submenu > .menu-item > a {user-select: none;color: var(--color-white);font: var(--menu-font);text-transform: var(--menu-text-transform);letter-spacing: var(--menu-letter-spacing);text-decoration: none;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;

}
@media only screen and (max-width: 1024px){
  #menu-levels {flex-direction: column;text-align: center;}
}


[class^="tag-"]{display: inline-flex;font: var(--label-font);text-transform: var(--label-text-transform);letter-spacing: var(--label-letter-spacing);padding: var(--label-font-size);border-radius: var(--width-border-radius);}
/* NEW */
section.product_list > [class^="package"] > .holder-content {display: flex;gap: var(--width-sections-gap);flex-direction: column;}
section.product_list > [class^="package"] > .holder-content > .content{display: flex;gap: var(--width-sections-gap);
flex-direction: column;
}
section.product_list > [class^="package"] > .holder-content > .content > .holder-filters{width: min(320px, 25%);flex-shrink: 0;}
section.product_list > [class^="package"] > .holder-content > .content > .holder-filters > .filters{position: sticky;top: calc(var(--header-height) + var(--width-gap));}
section.product_list > [class^="package"] > .holder-content > .content > .holder-filters > .filters > .fields{grid-template-columns: 1fr;gap: var(--width-gap-sm);}
section.product_list > [class^="package"] > .holder-content > .content > [class^="layout"]{flex-grow: 1;}
section.product_list .filters{--input-padding-overwrite: var(--width-gap-xs);--input-font-overwrite: var(--small-font);}
@media only screen and (max-width: 1024px){
  section.product_list > [class^="package"] > .holder-content > .content{flex-direction: column;}
  section.product_list > [class^="package"] > .holder-content > .content > .holder-filters{width: 100%;}
  section.product_list > [class^="package"] > .holder-content > .content > .holder-filters > .filters > .fields{grid-template-columns: repeat(3, 1fr); }
}
@media only screen and (max-width: 768px){
  section.product_list > [class^="package"] > .holder-content > .content > .holder-filters > .filters > .fields{grid-template-columns: repeat(2, 1fr); }
}

.card-product{display: flex;flex-direction: column;gap: var(--width-gap);user-select: none;text-decoration: none;color: var(--color-gray-dark);position: relative;}
.card-product > picture{display: block;width: 100%;aspect-ratio: 1;background-color: rgba(var(--color-surface-rgb), .25);border-radius: var(--width-border-radius);overflow: hidden;outline: var(--border-effect-dark);outline-color: transparent; outline-offset: 2px;transition: var(--transition);}
.card-product:is(:hover, :focus) > picture {outline-color: var(--color-gray-dark);}
.card-product > picture > img{width: 100%;height: 100%;object-fit: cover;}
.card-product > picture.hover{position: absolute;top: 0;left: 0;opacity: 0;z-index: 2;transition: var(--transition-slow);pointer-events: none;

}
/*.card-product > picture:not(.hover) > img{mix-blend-mode: multiply;}*/
.card-product:is(:hover, :focus) > picture.hover{opacity: 1;filter: contrast(1);}
.card-product.has-hover:is(:hover, :focus) > picture:not(.hover){
  /*opacity: 0;  */
}
.card-product > .info{display: flex;flex-direction: column;gap: var(--width-gap-sm);}
.card-product > .info > [class^="item-title"]{color: var(--color-gray-dark);transition: var(--transition);}
.card-product:is(:hover, :focus) > .info > [class^="item-title"]{color: var(--color-black);}
/* NEW */
#footer{/*background: var(--color-black);*/color: var(--color-gray-dark);padding: var(--width-sections-gap)  0;border-bottom: .5vh solid var(--color-green);position: relative;z-index: 1;}
#footer > [class^="package"] > .content{display: flex;flex-direction: column;gap: var(--width-gap);}
#footer > [class^="package"] > .content > .logo{margin:  0 auto;}
#footer > [class^="package"] > .content > .logo > picture > img{width: min(200px, 25vw);height: auto;}
#footer > [class^="package"] > .content > .columns{display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--width-gap);}
#footer > [class^="package"] > .content > .columns > .column{display: flex;flex-direction: column;gap: var(--width-gap-sm);}
#footer > [class^="package"] > .content > .columns > .column > .column-title{font: var(--label-font);font-weight: var(--label-font-strong);color: var(--color-black);text-transform: var(--label-text-transform);letter-spacing: var(--label-letter-spacing);}
#footer > [class^="package"] > .content > .columns > .column > nav{display: flex;flex-direction: column;gap: var(--width-gap-xs);}
#footer > [class^="package"] > .content > .columns > .column > nav > a{color: var(--color-gray-dark);text-decoration: none;font: var(--label-font);text-transform: var(--label-text-transform);letter-spacing: var(--label-letter-spacing);transition: var(--transition-fast);}
#footer > [class^="package"] > .content > .columns > .column > nav > a:is(:hover,:focus){color: var(--color-green);padding-left: var(--width-gap-xs);}
#footer > [class^="package"] > .content > .columns > .column > nav.social-networks{flex-direction: row;}
#footer > [class^="package"] > .content > .institutional{color: var(--color-gray);display: flex;flex-direction: column;gap: var(--width-gap-sm);pointer-events: none;user-select: none;}
#footer > [class^="package"] > .content > .institutional > [class^="article"]{font: var(--label-font);text-align: center;text-wrap: balance;}
#footer > [class^="package"] > .content > .institutional > picture{width: 60%;aspect-ratio: 1500 / 125;margin:0 auto;}
#footer > [class^="package"] > .content > .institutional > picture > img{width: 100%;height: 100%;object-fit: contain;}
#footer .copyright{display: flex;align-items: center;justify-content: space-between;gap: var(--width-gap-sm);font: var(--label-font);text-transform: var(--label-text-transform);letter-spacing: var(--label-letter-spacing);}
#footer .copyright > nav{display: flex;gap: var(--width-gap-sm);}
#footer .copyright > nav > a{color: var(--color-black);text-underline-offset: var(--width-gap-xs);}
@media only screen and (max-width: 1366px){
  #footer .copyright {flex-direction: column-reverse;}
}
@media only screen and (max-width: 1024px){
  #footer > [class^="package"] > .content > .columns{grid-template-columns: repeat(2, 1fr);}
  #footer .copyright > nav{flex-direction: column;align-items: center;text-align: center;}
}
@media only screen and (max-width: 768px){
  #footer > [class^="package"] > .content > .columns > .column > nav.social-networks{justify-content: center;align-items: center ;}
  #footer > [class^="package"] > .content > .columns{grid-template-columns: 1fr;text-align: center;}
  #footer > [class^="package"] > .content > .columns > .column > nav > a:is(:hover,:focus){padding-left: 0;}
}




[class^="social-network-"]{display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: var(--width-border-radius);background: url(../images/social-networks/facebook.svg) no-repeat var(--color-black);background-size: 40%;background-position: center;transition: var(--transition);}
[class^="social-network-"]:is(:hover, :focus){background-color: var(--color-green);}
[class^="social-network-"][class*="-facebook"]{background-image: url(../images/social-networks/facebook.svg);}
[class^="social-network-"][class*="-linkedin"]{background-image: url(../images/social-networks/linkedin.svg);}
[class^="social-network-"][class*="-instagram"]{background-image: url(../images/social-networks/instagram.svg);}
[class^="social-network-"][class*="-tik_tok"]{background-image: url(../images/social-networks/tiktok.svg);}
[class^="social-network-"][class*="-x"]{background-image: url(../images/social-networks/x.svg);}
[class^="social-network-"][class*="-youtube"]{background-image: url(../images/social-networks/youtube.svg);}

/* NEW  */

section.slider{background-color: var(--color-white-softer);position: relative;}
section.slider  [class^="heading-"] > .title{display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
section.slider .card-slide > .package{-webkit-transition: var(--transition);transition: var(--transition);-webkit-transform: translateY(var(--width-sections-gap));transform: translateY(var(--width-sections-gap));opacity: 0;}
section.slider .tns-slide-active .card-slide > .package{-webkit-transition-delay: .3s;transition-delay: .3s;opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
section.slider .tns-controls{position: absolute;bottom: var(--width-gap-xs);right: var(--width-gap-xs);z-index: 10;}
.card-slide{overflow: hidden;position: relative;display: flex;align-items: center;justify-content: center;user-select: none;}
.card-slide > picture{width: 100%;height: 100%;;display: block;position: absolute;}
.card-slide > picture > img{width: 100%;height: 100%;object-fit: cover;}
.card-slide > [class^="package"] {display: flex;flex-direction: column;align-items: flex-end;justify-content: flex-end;aspect-ratio: 16 / 9;}
.card-slide > [class^="package"] > .info{width: 100%;padding: 0 25% var(--width-gap-lg) 0;}
@media only screen and (max-width: 1024px){
  .card-slide > [class^="package"] > .info{padding-right: 0;}
}
@media only screen and (max-width: 568px){
  .card-slide > [class^="package"]{aspect-ratio: 3 / 4;}
}

/* NEW  */

section.specs{background-color: var(--color-surface);padding: var(--width-sections-gap) 0;}
section.specs > [class^="package"] > .holder-content > .content {display: flex;flex-direction: column;gap: var(--width-sections-gap);}

.card-specs-group{display: flex;flex-direction: column;gap: var(--width-gap);}
.card-specs-group > .spects {display: flex;flex-direction: column;gap: var(--width-gap-sm);font: var(--label-font);text-transform: var(--label-text-transform);letter-spacing: var(--label-letter-spacing);}
.card-specs-group > .spects > .spect{display: flex;flex-direction: column;gap: calc(var(--width-gap-xs) / 2);}
.card-specs-group > .spects > .spect > .name{font-weight: var(--label-font-strong);color: var(--color-black);}
.card-specs-group > .spects > .spect > .description{font: var(--small-font);text-transform: var(--small-font-text-transform);letter-spacing: var(--small-font-letter-spacing);color: var(--color-black);}


/* NEW  */
section.model_viewer .content > * + .model-viewer{margin-top: var(--width-gap-lg);aspect-ratio: 16 / 9;position: relative;background-color: var(--color-surface);border-radius: var(--width-border-radius);overflow: hidden;}
section.model_viewer .model-viewer > model-viewer {position: absolute;inset: 0;width: 100%;height: 100%;}
section.model_viewer .model-viewer > .downloads{
  position: absolute;
  bottom: 0;
  right: 0;
  padding: var(--width-gap-sm);
  display: flex;
  gap: var(--width-gap-xs);
  pointer-events: none;
}
section.model_viewer .model-viewer > .downloads > a,
section.model_viewer .model-viewer > .editor > a
{
  pointer-events: all;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 36px;
  text-decoration: none;
  background-color: var(--color-white);
  color: var(--color-gray);
  outline: 1px solid var(--color-gray);
  transition: var(--transition);
  
}

section.model_viewer .model-viewer > .editor > a.reset:not(.active){
  display: none;

}

section.model_viewer .model-viewer > .downloads > a:is(:hover, :focus),
section.model_viewer .model-viewer > .editor > a:is(:hover, :focus){
  color: var(--color-gray-dark);
  outline-color: var(--color-gray-dark);
}

section.model_viewer .model-viewer > .editor > a > .color
{
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: var(--background_color);
  outline: 1px solid var(--color-gray);
}


section.model_viewer .model-viewer > .editor{
   position: absolute;
  bottom: 0;
  left: 0;
  padding: var(--width-gap-sm);
  display: flex;
  gap: var(--width-gap-xs);
  pointer-events: none;
}


@media only screen and (max-width: 1366px){
  section.model_viewer .content > * + .model-viewer{aspect-ratio: 1;}
}

/* NEW */
section.news * + .layout-grid-news{margin-top: var(--width-gap-lg);}
.card-new{display: flex;flex-direction: column;gap: var(--width-gap-sm);user-select: none;}
.card-new > a{outline: none;}
.card-new > a > picture{width: 100%;aspect-ratio: 1;border-radius: var(--width-border-radius);overflow: hidden;background-color: var(--color-green);outline: var(--border-effect);transition: var(--transition);}
.card-new > a > picture > img{width: 100%;height: 100%;object-fit: cover;transition: var(--transition);}
.card-new > a:is(:hover, :focus) > picture{outline: var(--border-effect-dark);outline-color: var(--color-gray);outline-offset: 2px;}
.card-new > a:is(:hover,:focus) > picture > img{transform: scale(1.02);filter: contrast(1.25);}
.card-new > .info{display: flex;flex-direction: column;gap: var(--width-gap-sm);}
.card-new > .info > .subtitle{color: var(--color-gray);}
.card-new > .info a{text-decoration: none;color: var(--color-black);transition: var(--transition);outline: none;}
.card-new > .info a:is(:hover, :focus){color: var(--color-green-dark);}
@media only screen and (max-width: 568px){
  .card-new{flex-direction: row-reverse;align-items: center;}
  .card-new > a > picture{width: 80px;}
  .card-new > .info{flex-direction: column-reverse;}
}

/* NEW */
section.news_latest * + .tns-outer{margin-top: var(--width-gap-lg);}
section.news_latest  .tns-inner {padding: 4px;}

/* NEW  */
section.call_to_action .content{padding: var(--width-gap);padding-top: 20vh;position: relative;border-radius: var(--width-border-radius-rounded);overflow: hidden;background: var(--color-gray);}
section.call_to_action .content > .info{z-index: 2;position: relative;padding-right: 50%;}
section.call_to_action .content > picture {position: absolute;inset: 1px;border-radius: var(--width-border-radius-rounded);mask-image: linear-gradient(60deg, transparent 0%, black 60%);}
section.call_to_action .content > picture > img{width: 100%;height: 100%;object-fit: cover;}
@media only screen and (max-width: 1366px){
  section.call_to_action .content > .info{padding-right: 25%;}
}
@media only screen and (max-width: 568px){
  section.call_to_action .content{padding-top: 10vh;}
  section.call_to_action .content > .info{padding-right: 0;}
}

/* NEW  */
section.call_to_action_video {background-color: var(--color-surface);padding: var(--width-sections-gap) 0;}
section.call_to_action_video > picture {position: absolute;inset: 0;filter: brightness(.75);}
section.call_to_action_video > picture > img{width: 100%;height: 100%;object-fit: cover;}
section.call_to_action_video > video {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;filter: brightness(.75);}
section.call_to_action_video .content{padding-top: 25vh;}
section.call_to_action_video .content > .info{z-index: 2;position: relative;padding-right: 50%;}
@media only screen and (max-width: 1366px){
  section.call_to_action_video .content > .info{padding-right: 25%;}
}
@media only screen and (max-width: 568px){
  section.call_to_action_video .content{padding-top: 10vh;}
  section.call_to_action_video .content > .info{padding-right: 0;}
}

/* NEW  */

section.catalogs .layout-grid-catalogs{gap: var(--width-gap-lg);}
section.catalogs * + .layout-grid-catalogs{margin-top: var(--width-gap-lg);}
.card-catalog{user-select: none;outline: none;display: flex;flex-direction: column;gap: var(--width-gap-sm);text-align: center;color: var(--color-gray);}
.card-catalog > [class^="actions"]{margin-top: 0;}
.card-catalog picture{width: 100%;aspect-ratio: 0.7;border-radius: var(--width-border-radius);overflow: hidden;box-shadow: var(--box-shadow);}
.card-catalog picture > img{width: 100%;height: 100%;object-fit: cover;transition: var(--transition);}

/* NEW  */
section.documents {background: var(--color-surface);padding: var(--width-sections-gap) 0;}
section.documents :is(.no-selected, .selected) {text-align: center;color: var(--color-gray-dark);}
section.documents.selected .no-selected, section.documents:not(.selected) .selected {display: none;}
section.documents > [class^="package"] > .holder-content > .content{display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--width-gap);}
section.documents > [class^="package"] > .holder-content > .content > .holder-items{display: flex;flex-direction: column;gap: var(--width-gap);}
section.documents > [class^="package"] > .holder-content > .content > .holder-items > [class^="layout"]{gap: var(--width-gap-sm);}
section.documents > [class^="package"] > .holder-content > .content > .holder-items > [class^="layout"] > * {min-width: 0;}
@media only screen and (max-width: 1024px){ 
  section.documents > [class^="package"] > .holder-content > .content{grid-template-columns: 1fr;}
}

.card-document {display: flex;flex-shrink: 0;flex-direction: column;gap: var(--width-gap-sm);text-decoration: none;padding: var(--width-gap);background: var(--color-white);border-radius: var(--width-border-radius);outline: var(--border-effect-dark);user-select: none;}
.card-document > .info {display: flex;flex-direction: column;gap: var(--width-gap-xs);}
.card-document > .info > .filename{font: var(--label-font);text-transform: var(--label-text-transform);letter-spacing: var(--label-letter-spacing);color: var(--color-gray-dark);display: -webkit-box;line-height: 1;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
@media only screen and (max-width: 768px){ 
  .card-document > .grow{display: none;order: 0;}
}

/* NEW  */
section.documents_from_odoo{background-color: var(--color-surface);padding: var(--width-gap) 0;}
section.documents_from_odoo .holder-items{background-color: var(--color-white);display: flex;flex-direction: column;gap: var(--width-gap-sm);padding: var(--width-gap);outline: 1px solid var(--color-gray);outline-offset: -1px;border-radius: var(--width-border-radius-rounded);}
section.documents_from_odoo .holder-items > *{margin: 0;}
section.documents_from_odoo .holder-items > .checkboxes{display: flex;gap: var(--width-gap-sm);flex-wrap: wrap;}
section.documents_from_odoo .holder-items > .checkboxes > .field-type-checkbox{width: auto;display: inline-flex;}

/* NEW */ 

section.faqs .tabs{display: flex;gap: var(--width-gap);align-items: flex-start;--effects-delay:.3s;}
section.faqs .tabs > nav {width: 30%;padding-top: var(--width-gap-sm);display: flex;flex-direction: column;gap: var(--width-gap-sm);flex-shrink: 0;position: sticky;top: var(--header-height);}
section.faqs .tabs > nav > a {text-decoration: none;font: var(--small-font);text-transform: var(--small-text-transform);letter-spacing: var(--small-letter-spacing);color: var(--color-gray);user-select: none;transition: var(--transition);outline: none;font-weight: var(--small-font-strong);}
section.faqs .tabs > nav > a:is(:hover, :focus, .current) {color: var(--color-gray-dark);}
section.faqs .tabs > .tabs_items{flex-grow: 1;}
section.faqs .tabs > .tabs_items > .tab_item{display: flex;flex-direction: column;background-color: var(--color-white);border-radius: var(--width-border-radius);padding: var(--width-gap);outline: var(--border-effect-dark);}
section.faqs .tabs > .tabs_items > .tab_item > picture{margin-top: calc(var(--width-gap-xs) - var(--width-gap));margin-left: calc(var(--width-gap-xs) - var(--width-gap));margin-right: calc(var(--width-gap-xs) - var(--width-gap));margin-bottom: var(--width-gap-sm);border-radius: var(--width-border-radius);overflow: hidden;}
section.faqs .tabs > .tabs_items > .tab_item:not(.current){display: none;}
section.faqs .tabs > .tabs_items > .tab_item > * {margin: 0;}
section.faqs .tabs > .tabs_items > .tab_item > [class^="actions"]{margin-top: var(--width-gap);}
@media only screen and (max-width: 1024px){ 
  section.faqs .tabs > nav{padding-top: 0;width: 100%; display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: var(--width-gap-xs);}
  section.faqs .tabs > nav > a{background-color: var(--color-surface);padding: var(--width-gap-sm);border-radius: var(--width-border-radius);}
  section.faqs .tabs{flex-direction: column;}
}

/* NEW  */

section.featured_pages .layout-grid-featured-pages{gap: var(--width-gap-sm);}
section.featured_pages * + .layout-grid-featured-pages{margin-top: var(--width-gap-lg);}
.card-featured-page{user-select: none;outline: none;}
.card-featured-page picture{width: 100%;aspect-ratio: 1.4;border-radius: var(--width-border-radius);overflow: hidden;}
.card-featured-page picture > img{width: 100%;height: 100%;object-fit: cover;transition: var(--transition);}
a.card-featured-page picture > img{transform: scale(1.1);filter: brightness(.95);}
a.card-featured-page picture{outline: var(--border-effect-dark);outline-color: transparent; outline-offset: 2px;transition: var(--transition-fast);}
a.card-featured-page:is(:hover, :focus) picture{outline-color: var(--color-gray);}
a.card-featured-page:is(:hover,:focus) picture > img{transform: scale(1);filter: brightness(1) contrast(1.2);}
.card-featured-page > .info{position: absolute;bottom: 0;left: 0;right: 0;z-index: 2;padding: var(--width-gap-sm);padding-top: calc(var(--width-sections-gap) * 2);border-radius: var(--width-border-radius);
  background: linear-gradient(to bottom, rgba(var(--color-black-rgb), 0) 0%, rgba(var(--color-black-rgb), .5) 100%);}
.card-featured-page > .info > [class^="item-title"]{color: var(--color-white);}
@media only screen and (max-width: 768px){
  section.featured_pages .layout-grid-featured-pages > .item > .card-featured-page > picture{aspect-ratio: 1.75;width: 100%;height: auto !important;}
  .card-featured-page > .info{padding: var(--width-gap-sm);}
}

/* NEW  */

section.featured_pages_alternative .layout-grid-featured-pages-alternative{gap: var(--width-gap-lg);display: grid;grid-template-columns: repeat(2, 1fr);}
section.featured_pages_alternative * + .layout-grid-featured-pages-alternative{margin-top: var(--width-gap-lg);}
section.featured_pages_alternative .layout-grid-featured-pages-alternative > .double{grid-column: auto / span 2;}
section.featured_pages_alternative .item.double >.card-featured-page-alternative picture{aspect-ratio: 2;}
.card-featured-page-alternative{user-select: none;outline: none;border-radius: var(--width-border-radius);display: flex;overflow: hidden;position: relative;flex-shrink: 0;}
.card-featured-page-alternative picture{width: 100%;aspect-ratio: 1;display: block;}
.card-featured-page-alternative picture > img{width: 100%;height: 100%;object-fit: cover;}
.card-featured-page-alternative > .info{position: absolute;inset: 0;z-index: 2;display: flex;align-items: center;justify-content: center;background: rgba(var(--color-white-rgb), .8);padding: var(--width-gap);color: var(--color-black);backdrop-filter: blur(var(--width-gap));opacity: 0;transition: var(--transition);transition-delay: .5s;}
.card-featured-page-alternative > .info > .item-title{font-size: calc(var(--item-title-font-size) * 1.25);text-align: center;}
.card-featured-page-alternative:is(:hover, :focus) > .info{opacity: 1;}
@media only screen and (max-width: 1024px){
  section.featured_pages_alternative .layout-grid-featured-pages-alternative{gap: var(--width-gap-sm);}
  .card-featured-page-alternative > .info > .item-title{font-size: var(--item-title-font-size);}
}

@media only screen and (max-width: 568px){
  section.featured_pages_alternative .layout-grid-featured-pages-alternative{grid-template-columns: 1fr;gap: var(--width-gap-xs);}
  section.featured_pages_alternative .item >.card-featured-page-alternative picture{aspect-ratio: 1.5 !important;}
  section.featured_pages_alternative .layout-grid-featured-pages-alternative > .double{grid-column: auto / span 1;}
  .card-featured-page-alternative > .info{left: 0;right: 0;bottom: 0;top: auto;opacity: 1;padding: var(--width-gap-xs);background-color: rgba(var(--color-white-rgb), .25);}
  .card-featured-page-alternative > .info > .item-title{font: var(--label-font);text-transform: var(--label-text-transform);letter-spacing: var(--label-letter-spacing);}
}

/* NEW */

section.form * + form{margin-top: var(--width-gap-lg);}

/* NEW  */

section.gallery{overflow: hidden;}
section.gallery [class^="layout-"] {gap: var(--width-gap-xs);}
section.gallery .tns-ovh{overflow: visible !important;}
section.gallery * + .tns-outer{margin-top: var(--width-gap-lg);}
.card-image {position: relative;display: block;overflow: hidden;outline: none;outline: none;border-radius: var(--width-border-radius-rounded);overflow: hidden;}
.card-image > picture{transition: var(--transition-fast);pointer-events: none;user-select: none;aspect-ratio: .75;
background-color: var(--color-purple);}
.card-image > picture > img{width: 100%;height: 100%;object-fit: cover;--eftects-delay: .3s;}
.card-image:is(:hover,:focus) > picture{-webkit-transform: scale(1.05);transform: scale(1.05);}
@media only screen and (max-width: 1024px){
  .card-image > picture{aspect-ratio: 1;}
}

/* NEW  */

section.gallery_grid * + [class^="layout-"] {gap: var(--width-gap-xs);margin-top: var(--width-gap-lg);}
section.gallery_grid .card-image{border-radius: var(--width-border-radius);}
section.gallery_grid .card-image > picture{aspect-ratio: 1.5;}

/* NEW */

section.image > [class^="package"]:not([class*="-nopadding"]) .image{text-decoration: none;display: flex;flex-direction: column;gap: var(--width-gap-xs);text-align: center;font: var(--small-font);color: var(--color-gray-dark);}
section.image > [class^="package"]:not([class*="-nopadding"]) picture img{border-radius: var(--width-border-radius-rounded);box-shadow: var(--box-shadow);outline: var(--border-effect-dark);}
section.image > [class^="package"][class*="-nopadding"] .image{position: relative;text-align: center;color: var(--color-white);display: block;}
section.image > [class^="package"][class*="-nopadding"] .image figcaption{position: absolute;bottom: var(--width-gap-xs);left: var(--width-gap-lg);right: var(--width-gap-lg);display: block;z-index: 2;text-align: center;}

/* NEW  */

section.image_text > [class^="package"] > .holder-content > * + .content{margin-top: var(--width-gap-lg);}
section.image_text > [class^="package"] > .holder-content > .content{gap: var(--width-sections-gap);display: flex;align-items: center;justify-content: center;}
section.image_text.image_position_right .content {flex-direction: row-reverse;}
section.image_text .content > .image{width: 50%;position: relative;}
section.image_text .content > .image > picture{width: 100%;}
section.image_text .content > .image > picture > img{width: 100%;height: 100%;object-fit: cover;user-select: none;pointer-events: none;border-radius: var(--width-border-radius);box-shadow: var(--box-shadow);}
section.image_text .content > .text{width: 50%;}
section.image_text .content > .text > .info{--effects-delay: .3s;}
section.image_text .content > .image{position: relative;--effects-delay: .3s;}
@media only screen and (max-width: 1024px){
  section.image_text .content{flex-direction: column-reverse;}
  section.image_text.image_position_right .content {flex-direction: column-reverse;}
  section.image_text .content > :is(.image, .text){width: 100%;}
}

/* NEW */

section.logos {overflow: hidden;}
section.logos .tns-ovh{overflow: visible !important;}
section.logos * + .tns-outer{margin-top: var(--width-gap-lg);}
.card-logo{display: flex;padding: 2px;user-select: none;}
.card-logo[href*="javascript"]{pointer-events: none;}
.card-logo > picture{display: flex;aspect-ratio: 1.75;justify-content: center;align-items: center;background-color: var(--color-white);border-radius: var(--width-border-radius);outline: var(--border-effect-dark);filter: grayscale(1);transition: var(--transition-slow);}
.card-logo:is(:hover, :focus) > picture{filter: grayscale(0);outline-color: var(--color-green);}
.card-logo > picture > img{width: calc(100% - var(--width-gap) * 2);height: calc(100% - var(--width-gap) * 2);object-fit: contain;}

/* NEW */

section.product_title.counter_0{padding-top: var(--header-height);}
section.product_title > [class^="package"] > .content {display: flex;gap: var(--width-sections-gap); align-items: stretch;}
section.product_title > [class^="package"] > .content > .info-holder{flex-grow: 1;}
section.product_title > [class^="package"] > .content > .info-holder > .info{position: sticky;top: calc(var(--header-height) + var(--width-gap));display: flex;flex-direction: column;}

section.product_title > [class^="package"] > .content > .info-holder > .info > .specs{display: flex;flex-direction: column;gap: var(--width-gap-sm);margin-top: var(--width-gap);}
section.product_title > [class^="package"] > .content > .gallery{flex-shrink: 0;width: 50%;}
section.product_title > [class^="package"] > .content > .gallery > .info{position: sticky;top: calc(var(--header-height) + var(--width-gap));display: flex;flex-direction: column;gap: 8px;}
section.product_title > [class^="package"] > .content > .gallery > .info > .image > picture{aspect-ratio: 1;background-color: rgba(var(--color-surface-rgb), .5);border-radius: var(--width-border-radius);overflow: hidden;}
section.product_title > [class^="package"] > .content > .gallery > .info > .image > picture > img{width: 100%;height: 100%;object-fit: contain;}
section.product_title > [class^="package"] > .content > .gallery img{border-radius: var(--width-border-radius);}
section.product_title > [class^="package"] > .content > .gallery .layout-carousel-product-images picture{width: 100%;aspect-ratio: 1;}
section.product_title > [class^="package"] > .content > .gallery .layout-carousel-product-images picture > img{width: 100%;height: 100%; object-fit: cover;}
section.product_title > [class^="package"] > .content > .gallery > .image.main{grid-column: auto / span 4;}
section.product_title > [class^="package"] > .content > .gallery > .info > .image:not(.main) > picture > img{width: 100%;height: 100%;object-fit: contain;mix-blend-mode: multiply;}
section.product_title > [class^="package"] > .content > .gallery > .image > picture > img{mix-blend-mode: darken;}
section.product_title > [class^="package"] > .content > .info-holder > .info > .product-breadcrumb {margin-bottom: var(--width-gap);}
section.product_title > [class^="package"] > .content > .info-holder > .info > .icons{display: flex;flex-wrap: wrap;gap: var(--width-gap-xs);margin-top: var(--width-gap);}
section.product_title > [class^="package"] > .content > .info-holder > .info > .icons > picture{width: 64px;aspect-ratio: 1;}
section.product_title > [class^="package"] > .content > .info-holder > .info > .icons > picture > img{width: 100%;height: 100%;object-fit: contain;}
section.product_title .card-specs-group {gap: var(--width-gap-xs);}
section.product_title .card-specs-group > .spects{gap: var(--width-gap-xs);}
section.product_title .card-specs-group > .spects > .spect{flex-direction: row;align-items: center;font: var(--small-font);text-transform: var(--small-text-transform);letter-spacing: var(--small-letter-spacing);color: var(--color-black);}
section.product_title .card-specs-group > .spects > .spect > .name::after{content: ": ";}

section.product_title .tns-outer{position: relative;}
section.product_title .tns-controls{--size: 40px;position: absolute;left: calc(0px - var(--size) - var(--width-gap-xs) );right: calc(0px - var(--size) - var(--width-gap-xs) );top: 50%;z-index: 2;margin: 0;transform: translateY(-50%);justify-content: space-between;pointer-events: none;}
section.product_title .tns-controls button{background-color: var(--color-black);border: none;font-size: calc(var(--size) / 2);padding: 0;display: flex;align-items: center;justify-content: center;width: var(--size);height: var(--size);-webkit-transition: var(--transition);transition: var(--transition);color: var(--color-white);border-radius: var(--width-border-radius);pointer-events: all;}
section.product_title .tns-controls button [class^="material"]{font-size: calc(var(--size) / 2);}

@media only screen and (max-width: 1366px){

  section.product_title .tns-controls{--size: 36px;left: calc(0px - var(--size) + var(--width-gap-xs) );right: calc(0px - var(--size) + var(--width-gap-xs) );}

}

@media only screen and (max-width: 1024px){
  section.product_title > [class^="package"] > .content > .gallery > .info > .image.main{display: none;}
  section.product_title > [class^="package"] > .content {flex-direction: column;}
  section.product_title > [class^="package"] > .content > .gallery{width: 100%;grid-template-columns: repeat(6, 1fr)}
  section.product_title > [class^="package"] > .content > .gallery > .image.main{grid-column: auto / span 3;grid-row: auto / span 3;}
  section.product_title > [class^="package"] > .content > .info-holder > .info > .icons > picture{width: 64px;}
    section.product_title .tns-controls{--size: 32px;left: calc(0px - var(--width-gap-sm) );right: calc(0px -  var(--width-gap-sm) );}

}

@media only screen and (max-width: 568px){
  section.product_title > [class^="package"] > .content > .gallery{grid-template-columns: repeat(4, 1fr)}
  section.product_title > [class^="package"] > .content > .gallery > .image.main{grid-column: auto / span 2;grid-row: auto / span 2;}
  section.product_title > [class^="package"] > .content > .info-holder > .info > .icons > picture{width: 48px;}
}


.product-breadcrumb{font: var(--label-font);text-transform: var(--label-text-transform);letter-spacing: var(--label-letter-spacing);color: var(--color-gray);display: flex;align-items: center;gap: var(--width-gap-xs);flex-wrap: wrap;}
.product-breadcrumb > a:last-child{color: var(--color-black);font-weight: var(--label-font-strong);}
.product-breadcrumb > a{text-decoration: none;color: var(--color-gray-dark);transition: var(--transition);}
.product-breadcrumb > span{font-size: 12px;color: var(--color-gray);}
.product-breadcrumb > a:is(:hover, :focus){color: var(--color-black);}

/* NEW */

section.resources_center.counter_0 {padding-top: var(--header-height);}
section.resources_center > [class^="package"] > .content > .info + * {margin-top: var(--width-gap-lg);}
section.resources_center > [class^="package"] > .content > .info > * + form{margin-top: var(--width-gap-lg);}
section.resources_center [class^="layout"] {gap: var(--width-gap-sm);}
section.resources_center * + [class^="layout"] {margin-top: var(--width-gap-lg);}
section.resources_center form{display: flex;gap: var(--width-gap);align-items: center;}
section.resources_center * + form{margin-top: var(--width-gap-lg);}
section.resources_center form > .fields{flex-grow: 1;display: flex;gap: var(--width-gap-sm);}
section.resources_center form > button{flex-shrink: 0;}
@media only screen and (max-width: 768px){
  section.resources_center form{flex-direction: column;align-items: flex-start;gap: var(--width-gap-sm);}
}

.card-resource {display: flex;flex-direction: column;gap: var(--width-gap-sm);aspect-ratio: 1;position: relative;background-color: var(--color-surface);outline: var(--border-effect-dark);overflow: hidden;border-radius: var(--width-border-radius);transition: var(--transition);}
.card-resource:is(:hover, :focus){outline: 1px solid var(--color-black);outline-offset: 2px;}
.card-resource > .tags{display: flex;gap: var(--width-gap-xs);position: absolute;top: var(--width-gap-xs);right: var(--width-gap-xs);z-index: 3;pointer-events: none;}
.card-resource > .tags > span{font: var(--label-font);text-transform: var(--label-text-transform);letter-spacing: var(--label-letter-spacing);background-color: var(--color-green);border-radius: var(--width-border-radius);color: var(--color-black);font-weight: var(--label-font-strong);padding: calc(var(--label-font-size)*.5);line-height: 1;}
.card-resource > picture{position: absolute;inset: 0;display: block;z-index: 1;filter: brightness(.75) contrast(1.5);transition: var(--transition);}
.card-resource:is(:hover, :focus) > picture{filter: brightness(1);}
.card-resource > picture > img{width: 100%;height: 100%;object-fit: cover;}
.card-resource > .info{position: absolute;bottom: 0;left: 0;right: 0;padding: var(--width-gap-sm);z-index: 2;display: flex;flex-direction: column;gap: var(--width-gap-xs);color: var(--color-white);background: linear-gradient(to bottom, transparent 0%, rgba(var(--color-black-rgb), .25) 100%);padding-top: var(--width-gap);}

/* NEW */
section.resources [class^="layout-grid"]{grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));gap: var(--width-gap-xs);}
section.resources form {display: flex;flex-direction: column;gap: var(--width-gap-sm);position: sticky;top: calc(var(--header-height) + var(--width-gap-xs));z-index: 10;background-color: var(--color-white);border-radius: var(--width-border-radius-rounded);padding: var(--width-gap-sm);box-shadow: var(--box-shadow);}
section.resources form + * {margin-top: var(--width-gap-lg);}
section.resources form > .filters{display: flex;gap: var(--width-gap-sm);flex-wrap: wrap;}
section.resources form > .more{display: flex;align-items: center;gap: var(--width-gap-xs);}
section.resources form > .more.empty > :is(.small, [download-selection]){display: none;}


.card-file {aspect-ratio: 1;background-color: var(--color-surface);border-radius: var(--width-border-radius);position: relative;}
.card-file.hidden{display: none;}

.card-file > [class^="material"]{position: absolute;inset:  0;bottom: 80px; top: 48px;justify-content: center;align-items: center;display: flex;font-size: 64px;color: var(--color-gray);}

.card-file > .info{position: absolute;bottom: top;left: 0;right: 0;height: 48px;padding: var(--width-gap-xs);z-index: 2;font: var(--label-font);text-transform: var(--label-text-transform);display: flex;align-items: center;gap: calc(var(--width-gap-xs) / 2);}
.card-file > .info > .name{display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.card-file > picture{position: absolute;top: 48px;bottom: 80px;left: var(--width-gap-sm);right: var(--width-gap-sm);display: block;border-radius: var(--width-border-radius);background-color: var(--color-white);z-index: 1;}


.card-file > picture > img{width: 100%;height: 100%;object-fit: contain;}
.card-file > .circles{position: absolute;right: 0;left: 0;bottom: 0;height: 80px;display: flex;justify-content: center;align-items: center;gap: var(--width-gap-xs);z-index: 2;}

/* OK */

section.store_finder { position: relative;}
section.store_finder > [class^="package"] {min-height: calc(100vh);display: flex;align-items: center;pointer-events: none;}
section.store_finder > [class^="package"] > .content{ width: calc(60% - var(--width-sections-gap) / 2); pointer-events: all;}
section.store_finder > [class^="package"] > .content > .info{display: flex;flex-direction: column;gap: var(--width-gap-sm);max-height: calc(100vh - var(--header-height) - var(--width-sections-gap) * 2);}
section.store_finder > [class^="package"] > .content > .info > * {margin: 0 !important;}
section.store_finder > .holder-map{position: absolute;top: 0;bottom: 0;left: 60%;right: 0;background-color: var(--color-surface);}
section.store_finder > .holder-map > google-maps-store-finder{position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
section.store_finder #holder-stores{margin-top: var(--width-gap-lg);display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--width-gap-xs);overflow-y: auto;padding: var(--width-gap-sm);background-color: var(--color-surface);border-radius: var(--width-border-radius);outline: 1px solid var(--color-gray);}
section.store_finder #holder-stores:not([count]),
section.store_finder #holder-stores[count='0']{display: none;}
section.store_finder #holder-stores.loading{opacity: .1;pointer-events: none;}
section.store_finder #holder-stores > .item {display: flex;align-items: stretch;flex-shrink: 0;}
@media only screen and (max-width: 1366px){
  section.store_finder {--height-map: 40vh;}
  section.store_finder > .holder-map{bottom: none;left: 0;height: calc(var(--height-map) - var(--width-sections-gap));}
  section.store_finder{padding-top: var(--height-map);}
  section.store_finder > [class^="package"] {min-height: 0;padding-bottom: var(--width-sections-gap);}
  section.store_finder > [class^="package"] > .content{width: 100%;}
}
@media only screen and (max-width: 768px){
  section.store_finder {--height-map: 40vh;}
  section.store_finder #holder-stores{grid-template-columns: 1fr;}
}
.item.current > .card-store{background-color: var(--color-surface);outline-color: var(--color-black);}
.card-store{width: 100%;align-self: stretch;display: flex;flex-direction: column;gap: var(--width-gap-sm);padding: var(--width-gap-sm);border-radius: var(--width-border-radius);background-color: var(--color-white);text-decoration: none;user-select: none;transition: var(--transition);outline: var(--border-effect-dark);outline-offset: -1px;outline-color: var(--color-gray);}
.card-store > .address, .card-store > .contact-methods {font: var(--small-font);}
.card-store > .address > .country{font-weight: var(--small-font-strong);}
.card-store > .contact-methods {display: flex;flex-direction: column;gap: var(--width-gap-xs);}
.card-store > .contact-methods > * > a{display: flex;gap: var(--width-gap-xs);align-items: center;text-decoration: none;color: var(--color-black);font: var(--small-font);font-weight: var(--small-font-strong);text-transform: var(--small-text-transform);transition: var(--transition);}
.card-store > .contact-methods > * > a:is(:hover, :focus){color: var(--color-green-dark);}
.card-store > .contact-methods > * > a > [class^="material"]{font-size: calc(var(--small-font-size) * 1.25);color: var(--color-black);line-height: 0;}


section.store_finder_simple { position: relative; background-color: var(--color-surface);padding: var(--width-sections-gap) 0;}
section.store_finder_simple.counter_0{padding-top: calc(var(--header-height) + var(--width-sections-gap));}
section.store_finder_simple > [class^="package"] > .content > .info{display: flex;flex-direction: column;gap: var(--width-gap-sm);}
section.store_finder_simple .holder-stores{display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--width-gap-xs);}
section.store_finder_simple .holder-stores > .item {display: flex;}





/* NEW */

section.team{ overflow: hidden; }
section.team .tns-ovh{overflow: visible !important;}
section.team .tns-item:not(.tns-slide-active) > .card-team{filter: grayscale(.5);opacity: .15;}
.card-team { user-select: none;transition-delay: 1s;transition: var(--transition);}
.card-team, .card-team > .info{display: flex;flex-direction: column;gap: var(--width-gap-sm);}
.card-team, .card-team > .info > [class^="actions"]{margin-top: var(--width-gap-sm);}
.card-team > .info{gap: var(--width-gap-xs);margin-top: 0; user-select: none;--effects-delay: .5s;padding-bottom: var(--width-gap);}
.card-team > .info > .position{font: var(--usps-font);text-transform: var(--usps-text-transform);letter-spacing: var(--usps-letter-spacing);color: var(--color-bronze);margin: 0;}
.card-team > picture{aspect-ratio: .75; pointer-events: none;background-color: var(--color-black);display: block;border-radius: var(--width-border-radius);overflow: hidden;}
.card-team > picture > img{width: 100%;height: 100%;object-fit: cover;--effects-delay: .3s;}

/* OK */

section.timeline{ overflow: hidden; }
section.timeline .tns-ovh{overflow: visible !important;}
section.timeline [class^="layout"]{display: flex;align-items: stretch;}
section.timeline [class^="layout"] .tns-item{display: flex;width: 100%;align-items: center;justify-content: center;}
.card-timeline { user-select: none;transition-delay: 1s;transition: var(--transition);display: flex;align-items: center;}
.card-timeline > .info{display: flex;flex-direction: column;gap: var(--width-gap-xs);width: 65%;padding: var(--width-gap-lg) var(--width-gap-xl);padding-right: max(20%, var(--width-gap-xl));border-radius: var(--width-border-radius-rounded);background: var(--color-surface);color: var(--color-black);}
.card-timeline > .year{color: var(--color-green);font-size: 8vw;transform: translateX(25%);pointer-events: none;opacity: 0;transition: var(--transition);font-weight: lighter;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
section.timeline .tns-slide-active > .card-timeline > .year {opacity: 1;transform: translateX(calc(0px - var(--width-gap)));}
section.timeline .tns-item:not(.tns-slide-active) > .card-timeline {filter: blur(var(--width-gap-xs)) grayscale(1);opacity: .25;}
@media only screen and (max-width: 1024px){
  .card-timeline > .info{width: 100%;padding: var(--width-gap-lg);}
  .card-timeline{flex-direction: column;}
}


/* NEW */

section.title {position: relative;background: var(--color-surface);overflow: hidden;padding: var(--width-sections-gap) 0;}
section.title.counter_0 {padding-top: calc(var(--width-sections-gap) + var(--header-height));}
section.title > [class^="package"]{display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-end;}
section.title.has-background > [class^="package"]{min-height: 35vh;}
section.title.has-video > [class^="package"]{min-height: 50vh;}
section.title > [class^="package"] > .content{display: flex;align-items: center;gap: 0;padding-right: 35%;}
section.title > picture{pointer-events: none; user-select: none;--effects-delay: .3s;position: absolute;inset: 0;}
section.title > picture > img{width: 100%;height: 100%;object-fit: cover;object-position:75% center;}
section.title > picture::after{content: " ";display: block;position: absolute;inset: 0;z-index: 5;background: linear-gradient(10deg, rgba(var(--color-black-rgb), .5) 0%, rgba(var(--color-black-rgb), 0) 100%);mix-blend-mode: multiply;}
section.title > video{pointer-events: none; user-select: none;--effects-delay: .3s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: center center;filter: brightness(.75);}
@media only screen and (max-width: 1366px){
  section.title > [class^="package"] > .content{padding-right: 25%;}
}
@media only screen and (max-width: 568px){
    section.title > [class^="package"] > .content{padding-right: 15%;}
}

/* NEW */

section.video * + [class^="layout-grid-videos"]{margin-top: var(--width-gap-lg);}
section.video [class^="layout-grid-videos"]{gap: var(--width-gap);display: grid;grid-template-columns: 1fr;}
section.video [class^="layout-grid-videos-2"]{grid-template-columns: repeat(2, 1fr);}
section.video [class^="layout-grid-videos-3"]{grid-template-columns: repeat(3, 1fr);}
.card-youtube {display: block;aspect-ratio: 16 / 9;width: 100%;}
.card-youtube > iframe {width: 100%;height: 100%;box-shadow: var(--box-shadow);border-radius: var(--width-border-radius-rounded);outline: var(--border-effect);}
@media only screen and (max-width: 1366px){
  section.video [class^="layout-grid-videos-3"]{grid-template-columns: repeat(2, 1fr);}
}
@media only screen and (max-width: 568px){
   section.video :is([class^="layout-grid-videos-2"], [class^="layout-grid-videos-3"]){grid-template-columns: 1fr;}
}

/* NEW */

section.videos_mp4 * + [class^="layout-grid-videos"]{margin-top: var(--width-gap-lg);}
section.videos_mp4 [class^="layout-grid-videos"]{gap: var(--width-gap);display: grid;grid-template-columns: 1fr;}
section.videos_mp4 [class^="layout-grid-videos-2"]{grid-template-columns: repeat(2, 1fr);}
section.videos_mp4 [class^="layout-grid-videos-3"]{grid-template-columns: repeat(3, 1fr);}
.card-video {display: block;aspect-ratio: 16 / 9;width: 100%;box-shadow: var(--box-shadow);border-radius: var(--width-border-radius);overflow: hidden;}
.card-video > video {width: 100%;height: 100%;display: block;object-fit: contain;object-position: center center;}
@media only screen and (max-width: 1366px){
  section.videos_mp4 [class^="layout-grid-videos-3"]{grid-template-columns: repeat(2, 1fr);}
}
@media only screen and (max-width: 568px){
   section.videos_mp4 :is([class^="layout-grid-videos-2"], [class^="layout-grid-videos-3"]){grid-template-columns: 1fr;}
}

.card-video-link > picture{display: block;aspect-ratio: 16 / 9;width: 100%;border-radius: var(--width-border-radius);overflow: hidden;}
.card-video-link > picture > img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

/* NEW  */

section.product_related {overflow: hidden;}
section.product_related .tns-ovh{overflow: visible !important;}

/* NEW  */

#contact-methods{position: fixed;right: var(--width-gap-sm);bottom: var(--width-gap-sm);z-index: 100;display: flex;flex-direction: column;padding: calc(var(--width-gap-xs) / 2);background-color: rgba(var(--color-surface-rgb), .25);backdrop-filter: var(--backdrop-filter);border-radius: var(--width-border-radius);outline: var(--border-effect-dark);transition: var(--transition);opacity: 0;pointer-events: none;}
body.scrolling #contact-methods {transition-delay: 1s;opacity: 1;pointer-events: all;}
#contact-methods a:first-child {border-radius: var(--width-border-radius) var(--width-border-radius) 0 0;}
#contact-methods a:last-child {border-radius: 0 0 var(--width-border-radius) var(--width-border-radius);}
#contact-methods a {display: block;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;text-decoration: none;background-color: var(--color-gray-dark);transition: var(--transition-fast);}
#contact-methods a > [class^="material"]{font-size: 20px;color: var(--color-white);}
#contact-methods a:is(:hover, :focus){background-color: var(--color-black);}


cookies-message::part(minimized) {
  display: none !important;
}