/* 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:  180px;
  --card-logo-img-max-height:  60px;
  --card-logo-shadow: 0 2px 4px rgba(0, 0, 0, .25);
  --pager-btn-size: 48px;
  --pager-gap: 4px;
  --scrollbar-color: var(--color-orange);
  --scrollbar-background: var(--color-black);
  --transition-time: .3s;
  --transition-time-slow: 1s;
  --transition-time-fast: .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;
  --effects-time: .5s;
  /* scroll */
  --scroll-position-bar-background: var(--color-white);
  --scroll-position-bar-color: var(--color-green);
  --contact-height: 100px;
  --placeholder-font: var(--font-input);
  --fields-gap: var(--width-gap-fields);
  --fields-columns: 1;
  --input-padding: 24px;
  --input-outline: 1px solid var(--color-text);
  --input-hover-outline: 2px solid var(--color-green);
  --input-background: var(--color-white);
  --input-border-radius: 0;
  --input-color: var(--color-text-soft);
  --input-hover-color: var(--color-text);
  --checkbox-background: var(--color-text-soft);
  --checkbox-checked-background: var(--color-green);
  --checkbox-checked-color: var(--color-white);
}

/* laptop */
@media only screen and (max-width: 1366px){
  :root{
    --input-padding: 12px;
  }
}
/* tablet */
@media only screen and (max-width: 1024px){
}
@media only screen and (max-width: 768px){
  :root{
    --fields-columns: 1;
    --input-outline: 1px solid var(--color-gray);
    --input-hover-outline: 1px solid var(--color-orange);
  }
}
/* mobile */
@media only screen and (max-width: 568px){
  :root{
    --input-padding: 10px;
  }
}
/* body */
body {background: var(--color-white-dark);color: var(--color-text);position: relative;}
body::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 25vh;background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);z-index: 50;mix-blend-mode:overlay;pointer-events: none;}
p {margin: 0;}
p + * {margin-top: var(--width-gap-xs);}
a {color: var(--color-pink);-webkit-transition: var(--transition);transition: var(--transition);text-decoration-style: dotted;text-underline-offset: var(--width-border-width);}
a:is(:hover,:focus) {color: var(--color-orange);outline: none;}
img {image-rendering: auto;}
hr {display: block;border: none;background-color: var(--color-gray);}
hr + *, * + hr{margin-top: var(--width-gap-lg);}
address {padding: var(--width-gap-sm) var(--width-gap);color: var(--color-text);border-top: var(--border-width-effect) solid var(--color-orange-soft);border-bottom: var(--border-width-effect) solid var(--color-blue);}
address + *, * + address{margin-top: var(--width-gap);}
blockquote{background-color: rgba(var(--color-gray-rgb), .15);color: var(--color-gray-dark);font: var(--item-title-font);font-weight: var(--item-title-font-weight);-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);position: relative;padding: var(--width-gap-lg) 25% var(--width-gap-lg) var(--width-gap-lg);margin: 0;overflow: hidden;-webkit-box-shadow: var(--box-shadow-soft);box-shadow: var(--box-shadow-soft);}
blockquote strong{color: var(--color-gray-dark) !important;font-weight: var(--item-title-font-strong);}
blockquote::after{background-color: var(--color-orange);position: absolute;inset: 0;left: 80%;display: block;content: " ";clip-path: polygon(50% 0, 100% 0, 100% 100%, 0 100%);}
blockquote + *, * + blockquote{margin-top: var(--width-gap);}
video {width: 100%;display: block;}
*:is(h1, h2, h3, h4, h5) {color: var(--color-black);}
*:is(h1, h2, h3, h4, h5) strong {color: var(--color-black-dark);}
iframe{width: 100%;display: block;}
iframe.embed {width: 100%;height: auto;}
section, .card, .content{display: block;position: relative;}
.hide{display: none;}
.grow{flex-grow: 1;}
[class^="material-icons-"]{pointer-events: none;}
/* tns-controls */
.tns-controls{display: flex;justify-content: center;gap: var(--width-gap-xs);}
.tns-controls + *, * + .tns-controls{margin-top: var(--width-gap);}
.tns-controls button{background-color: transparent;border: none;font-size: 24px;padding: 0;display: flex;align-items: center;justify-content: center;width: 48px;height: 48px;background-color: var(--color-white-dark);-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);color: var(--color-black-dark);-webkit-transition: var(--transition);transition: var(--transition);}
.tns-controls button:hover{color: var(--color-orange);background-color: var(--color-black);}
.tns-controls button:disabled{background-color: transparent;color: var(--color-white-dark);}
/* el-pager */
.el-pager > * {-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);font: var(--subtitle-font);font-weight: var(--subtitle-font-strong);}
.el-pager > a{background-color: var(--color-black);text-decoration: none;color: var(--color-white);}
.el-pager > a:is(:hover, :focus){background-color: var(--color-orange);color: var(--color-white);}
.el-pager > span{background-color: var(--color-gray);color: var(--color-white-dark);pointer-events: none;}
/* TODO: btn */
[data-toggle-related] * {pointer-events: none;}
/* TODO: btn */
[class^="btn"]{vertical-align: middle;font: var(--font-btn);letter-spacing: var(--btn-letter-spacing);text-transform: var(--btn-text-transform);}
[class^="btn"][class*="-default"] {background-color: var(--color-blue);color: var(--color-white);}
[class^="btn"][class*="-default"]:is(:hover,:focus) {background-color: var(--color-green);color: var(--color-white);}
/* TODO: article */
.article, [class^="article-"]{color: var(--color-text);}
.article strong, [class^="article-"] strong{color: var(--color-blue);}
.article.md, [class^="article-"][class*="md"]{font-size: calc(var(--body-font-size) + 1px);}
.article.lg, [class^="article-"][class*="lg"]{font-size: calc(var(--body-font-size) * 1.2);}
.article.sm, [class^="article-"][class*="-sm"]{font-size: calc(var(--body-font-size) * .9);}
[class^="article-"][class*="-black"]{color: var(--color-black);}
[class^="article"] ul{display: block;padding-left: var(--width-gap);list-style: square inside;}
[class^="article"] ul + * , [class^="article"] * + ul {margin-top: var(--width-gap);}
/* TODO: intro */
.intro + *, * +  .intro{margin-top: var(--width-gap);}
div[class^="heading"] + .intro {margin-top: var(--width-gap-sm);}
.item-title{letter-spacing: calc(0px - var(--item-title-font-size) * .05);  }
.item-title + *, * + .item-title{margin-top: calc(var(--item-title-font-size) * 1);}
.item-title + :is(.subtitle), :is(.subtitle) + .item-title{margin-top: var(--width-gap-xs);}
.item-title-sm{letter-spacing: calc(0px - var(--item-title-sm-font-size) * .05);  }
.item-title-sm + *, * + .item-title-sm{margin-top: calc(var(--item-title-sm-font-size) * 1);}
.item-title-sm + :is(.subtitle), :is(.subtitle) + .item-title-sm{margin-top: var(--width-gap-xs);}
[class^="item-title"] a{text-decoration: none;}
/* TODO: heading */
.holder-heading + *{margin-top: var(--width-gap);}
div[class^="heading"][class*="-white"] .title {color: var(--color-white);}
div[class^="heading"][class*="-white"] .title strong{color: var(--color-white);}
div[class^="heading"][class*="-white"] .subtitle{color: rgba(var(--color-white-rgb),.75);}
div[class^="heading"][class*="-half"]{padding: 0 50% 0 0;}
div[class^="heading"][class*="-centered"][class*="-half"]{padding: 0 25%;}
div[class^="heading"][class*="-gold"] .title{color: var(--color-gold);}
/* OK: subtitle */
.subtitle{color: var(--color-text);}
.subtitle strong{color: var(--color-green);}
.subtitle.white {color: var(--color-white-dark);}
.subtitle.white strong {color: var(--color-white);}
/* OK: fields */
.field-type-textarea, .field-type-checkbox, .field-type-info{grid-column: auto / span 1;}
.field-type-info {padding: var(--width-gap-sm);max-height: 200px;background-color: var(--color-gray);color: var(--color-text);font-size: calc(var(--body-font-size) - 3px);overflow-y: auto;}
.field > label + * {margin-top: 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;}
}
/* OK: header */
#logo {position: fixed;top: var(--width-gap-sm);left: var(--width-gap-sm);z-index: 50;}
#logo img{filter: drop-shadow(0px 8px 64px rgba(255,255,255,.75));max-height: min(200px, 20vh);width: auto;-webkit-transition: var(--transition);transition: var(--transition);}
#logo:is(:hover, :focus) img{-webkit-filter: drop-shadow(0px 0px 40px rgba(255,255,255,1));filter: drop-shadow(0px 0px 40px rgba(255,255,255,1));}
body[mobile-menu] #logo{opacity: 0;}
@media only screen and (min-width: 1024px){
  #logo.hide_logo{display: none;}
}
/* OK: mobile menu related */
.mobile-menu-show{position: fixed; top: var(--width-gap-sm); right: var(--width-gap-sm);z-index: 101;line-height: 1;color: var(--color-blue);
  background-color: var(--color-white);
  text-decoration: none;display: flex;align-items: center;justify-content: center;filter: drop-shadow(0px 4px 32px rgba(255,255,255,1));}
.mobile-menu-show::after{font-size: 64px;font-family: 'Material Icons Outlined';content: "\e5d2";}
.mobile-menu-show:is(:hover, :focus),
body[mobile-menu] .mobile-menu-show{color: var(--color-blue);}
body[mobile-menu] .mobile-menu-show::after{content: "\e5cd";}
#main{-webkit-transition: var(--transition-fast);transition: var(--transition-fast);margin: 0 auto;background-color: var(--color-white);max-width: var(--width-layout-full);}
#main::after{content: " ";pointer-events: none;position: fixed;inset: 0;background-color: rgba(var(--color-white-rgb), 1);z-index: 10;opacity: 0;-webkit-transition: var(--transition);transition: var(--transition);}
body[mobile-menu] > #main::after{opacity: .99;}
#mobile-menu{position: fixed;inset: 0 0 0 0;z-index: 100;pointer-events: none;}
#mobile-menu > .content{padding: var(--width-padding-package);position: absolute;inset:0; opacity: 0;transform: translateY(var(--width-sections-gap));transition: var(--transition);overflow-y: auto;}
#mobile-menu > .content {padding-bottom: calc(48px + var(--width-padding-package));}
body[mobile-menu] #mobile-menu > .content{opacity: 1;transform: translateY(0);}
body[mobile-menu] #mobile-menu{transition-delay: .3s;opacity: 1;pointer-events: all;transform: translateY(0);display: block;}
#mobile-menu .menu-item + .menu-item {margin-top: var(--width-gap);}
#mobile-menu .menu-item > a {display: block;font: var(--h-font);text-decoration: none;color: var(--color-blue);}
#mobile-menu .menu-item.current > a {color: var(--color-green) !important;}
#mobile-menu .submenu .menu-item > a {font: var(--item-title-sm-font);color: var(--color-blue);}
#mobile-menu .submenu {padding-left: var(--width-gap-sm);margin-top: var(--width-gap);}
#mobile-menu .submenu .menu-item + .menu-item{margin-top: var(--width-gap-sm);}
#mobile-menu .menu-item:not(.current) > a[featured]{text-decoration: underline;text-underline-offset: 2px;text-decoration-thickness: 2px;text-decoration-color: var(--color-orange);}
@media only screen and (max-width: 1024px){
  :root{--mobile-header-size: 100px;}
  body{padding-top: var(--mobile-header-size);}
  body::after{content: '';position: fixed;top: 0;left: 0;right: 0;height: var(--mobile-header-size);background-color: var(--color-white);z-index: 40;border-bottom: 2px solid var(--color-blue);}
  body[mobile-menu]::after{display: none;}
  #logo img{height: calc(var(--mobile-header-size) - var(--width-gap-sm) * 2 );}
  .mobile-menu-show::after{font-size: calc(var(--mobile-header-size) - var(--width-gap-sm) * 2 );}
}
@media only screen and (max-width: 568px) {
  :root{--mobile-header-size: 70px;}
}
/* OK: footer */
#footer{background-color: var(--color-white-dark);
  padding: calc(var(--width-sections-gap) * 1.5) 0;color: var(--color-text);text-align: center;position: relative;z-index: 5;}
#footer .linkedin {position: absolute;top: 0;left: 50%;transform: translate(-50%, -50%);display: block;width: 80px;height: 80px;background-color: #004cdd;background: linear-gradient(90deg, #004cdd 0%, #0071BD 100%);display: flex;align-items: center;justify-content: center;-wekbit-border-radius: 50%;border-radius: 50%;z-index: 2;-webkit-transition: var(--transition-fast);transition: var(--transition-fast);}
#footer .linkedin > span {display: block;width: 40px;height: 40px;background-image: url(../images/linkedin.svg);background-size: contain;background-repeat: no-repeat;}
#footer .linkedin:is(:hover, :focus){top: calc(0px - var(--width-gap-xs));}
#footer > .cover{z-index: 1;}
@media only screen and (max-width: 1024px){
  #footer .linkedin{width: 60px;height: 60px;}
  #footer .linkedin > span{width: 30px;height: 30px;}
}
/* OK: logos*/
section.logos .layout-flex-logos{gap: var(--width-gap);align-items: center;justify-content: center;}
section.logos .layout-flex-logos > .item{display: block;}
.card-logo {-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);background-color: rgba(var(--color-white-dark-rgb), .25);display: block;}
.card-logo > .logo{position: relative;display: block;width: 100%;display: block;}
.card-logo > .logo > picture > img{height: 100px;width: auto;}
a.card-logo:is(:hover, :focus){-webkit-transform: scale(1.05);transform: scale(1.05);} 
@media only screen and (max-width: 1024px){
  section.logos .layout-flex-logos{gap: var(--width-gap-sm);}
  .card-logo > .logo > picture > img{height: 75px;}
}
@media only screen and (max-width: 568px) {
  .card-logo > .logo > picture > img{height: 40px;}
}
/* OK: sections.map */
section.map {-webkit-box-shadow: var(--box-shadow);box-shadow: var(--box-shadow);}
section.map > div{background-color: var(--color-black);}
section.map google-maps{height: 50vh;}
@media only screen and (max-width: 1366px){
  section.map google-maps{height: 45vh;}
}
@media only screen and (max-width: 1024px){
  section.map google-maps{height: 40vh;}
}
@media only screen and (max-width: 568px){
  section.map google-maps{height: 35vh;}
}
/* */
.card-slide{overflow: hidden;position: relative;display: flex;align-items: flex-end;padding-bottom: var(--width-sections-gap);user-select: none;background-color: var(--color-black-dark);}
.card-slide.overlay::before {content: " ";display: block;position: absolute;inset: 0;background: -webkit-linear-gradient(to bottom, rgba(var(--color-black-rgb), 0) 25%,rgba(var(--color-black-rgb), 1) 100%);background: linear-gradient(to bottom, rgba(var(--color-black-rgb), 0) 25%,rgba(var(--color-black-rgb), 1) 100%);z-index: 2;mix-blend-mode: multiply;}
.card-slide .package {padding-right: 25%;}
section.slider{background-color: var(--color-white);}
section.slider .card-slide{aspect-ratio: 1272 / 709;margin:  0 auto;}
section.slider .card-slide::after{content: " ";display: block;position: absolute;inset: 0;background: -webkit-linear-gradient(to top,  rgba(var(--color-orange-rgb),1) 0%, rgba(var(--color-orange-rgb),0) 100%);background: linear-gradient(to right,  rgba(var(--color-orange-rgb),1) 0%, rgba(var(--color-orange-rgb),0) 100%);mix-blend-mode:screen;z-index: 2;transition: var(--transition);clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);}
section.slider .tns-slide-active .card-slide::after{transition-delay: .1s; clip-path: polygon(60% 0, 100% 0, 100% 100%, 100% 100%);}
section.slider .card-slide .cover{opacity: 0;-webkit-transform: scale(2);transform: scale(2);-webkit-filter: contrast(2);filter: contrast(2);-webkit-transition: var(--transition-slow);transition: var(--transition-slow);}
section.slider .tns-slide-active .card-slide .cover{-webkit-transform: scale(1);transform: scale(1);-webkit-filter: contrast(1);filter: contrast(1);opacity: 1;}
section.slider  [class^="heading-"] > .title{display: -webkit-box;-webkit-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);}
@media only screen and (max-width: 1366px){
  .card-slide .package {padding-right: 20%;}
}
@media only screen and (max-width: 768px){
  .card-slide .package {padding-right: 15%;}
}
/* OK: blocks */
#blocks > :last-child:is(.map, .slider, .text){padding-bottom: var(--width-sections-gap);}
/* OK: section.title */
section.title {padding: calc(var(--width-sections-gap) * 2) 0;background-color: var(--color-blue);overflow: hidden;display: flex;}
section.title.position-center {align-items: center;justify-content: center;}
section.title.position-right {align-items: center;justify-content: flex-end;}
section.title.position-bottom {align-items: flex-end;}
section.title.no-background {background-color: var(--color-blue);}
section.title.has-background{aspect-ratio: 1920 / 1080;}
section.title > a {position: absolute;inset: 0;z-index: 5;}
section.title >  picture {-webkit-transition: var(--transition);transition: var(--transition);}
section.title > a:is(:hover, :focus) + picture {-webkit-filter: grayscale(1);filter: grayscale(1);}
/* OK: section.pdf */
section.pdf {padding: var(--width-sections-gap) 0;}
section.pdf .pdf-object{-webkit-box-shadow: 0 0 0 1px rgba(var(--color-gray-dark-rgb), .5), var(--box-shadow);box-shadow: 0 0 0 1px rgba(var(--color-gray-dark-rgb), .5), var(--box-shadow);}
.logo-pdf {display: flex;gap: var(--width-gap);}
.logo-pdf > .logo {width: 200px;}
.logo-pdf > .pdf {flex-grow: 1;}
/* OK: section.gallery */
section.gallery [class^="layout-"] {gap: var(--width-gap-lg);}
section.gallery .card-image{aspect-ratio: 1;}
/* OK: card-image */
.card-image {position: relative;display: block;border-radius: var(--width-border-radius);overflow: hidden;--icon-size: 32px;}
.card-image > picture{transition: var(--transition);pointer-events: none;user-select: none;}
.card-image:is(:hover,:focus) > picture{-webkit-filter: grayscale(.25) contrast(1.2);filter: grayscale(.25) contrast(1.2);-webkit-transform: scale(1.02);transform: scale(1.02);}
.card-image > .icon{position: absolute;bottom: 0;right: 0;line-height: 1;display: block;width: calc( var(--icon-size) * 2.2);height: calc( var(--icon-size) * 2.2);padding: calc( var(--icon-size) / 3);display: flex;align-items: flex-end;justify-content: flex-end;z-index: 2;opacity: 0;-webkit-transform: translate(8px,8px);transform: translate(8px, 8px);-webkit-transition: var(--transition-fast);transition: var(--transition-fast);}
.card-image:is(:hover,:focus) > .icon{-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);opacity: 1;}
.card-image > .icon::after{content: " ";display: block;inset: 0;position: absolute;clip-path: polygon(100% 0, 100% 0, 100% 100%, 0 100%);background-color: rgba(var(--color-orange-rgb), .75);}
.card-image > .icon > span{font-size: var(--icon-size);color: var(--color-white);z-index: 2;}
/* OK: section.featured_pages */
section.featured_pages{position: relative;}
body .layout-grid-pages{gap: var(--width-gap-sm);}
body .layout-grid-pages > :nth-child(3){grid-column: auto / span 2;}
body .layout-grid-pages > :nth-child(3) .card-page > .image {aspect-ratio: 2;}
@media only screen and (max-width: 568px){
  body .layout-grid-pages > :nth-child(3){grid-column: auto / span 1;}
}
.card-page{position: relative;display: block;}
.card-page > .image {aspect-ratio: 1;overflow: hidden;-webkit-transition: var(--transition);transition: var(--transition);display: block;position: relative;}
.card-page > .image img{-webkit-transition: var(--transition);transition: var(--transition);}
.card-page:is(:hover, :focus) > .image{filter: grayscale(1) brightness(1.5) contrast(.5);}
.card-page > .info{position: absolute;bottom: 0;left: 0;right: 0;z-index: 2;padding: var(--width-gap);color: var(--color-white);}
.card-page:is(:hover, :focus) > .image img{-webkit-transform: scale(1);transform: scale(1);}
@media only screen and (max-width: 568px){
  .card-page > .image {aspect-ratio: 2;}
  .card-page > .info{padding: var(--width-gap-sm);}
}
/* OK: card-team*/
.card-team{position: relative;display: block;text-decoration: none;color: var(--color-black);}
.card-team:is(:hover, :focus){color: var(--color-black-dark);}
.card-team > .image {aspect-ratio: 1;overflow: hidden;overflow: hidden;-webkit-transition: var(--transition);transition: var(--transition);position: relative;}
.card-team > .image img{-webkit-transform: scale(1);transform: scale(1);-webkit-transition: var(--transition);transition: var(--transition);}
.card-team:is(:hover, :focus) > .image img{-webkit-filter: grayscale(1);filter: grayscale(1);-webkit-transform: scale(1.02);transform: scale(1.02);}
@media only screen and (max-width: 568px){
  body .layout-grid-team{gap: var(--width-gap-xs);}
}

.card-category{position: relative;display: block;text-decoration: none;color: var(--color-black);}
.card-category:is(:hover, :focus){color: var(--color-black-dark);}
.card-category > .image {aspect-ratio: 1;overflow: hidden;overflow: hidden;-webkit-transition: var(--transition);transition: var(--transition);position: relative;}
.card-category > .image img{-webkit-transition: var(--transition);transition: var(--transition);}
.card-category:is(:hover, :focus) > .image img{-webkit-filter: grayscale(1) contrast(1.5);filter: grayscale(1) contrast(1.5);}
/* OK: card-product */
.card-product{user-select: none;position: relative;display: block;text-decoration: none;color: var(--color-black);user-select: none;-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);box-shadow: var(--box-shadow-soft);outline: 1px solid var(--color-white-dark);}
.card-product:is(:hover, :focus){color: var(--color-black-dark);}
.card-product > .image {display: block;aspect-ratio: 1.2;overflow: hidden;overflow: hidden;-webkit-transition: var(--transition);transition: var(--transition);position: relative;-webkit-border-radius: var(--width-border-radius) var(--width-border-radius) 0 0;border-radius: var(--width-border-radius) var(--width-border-radius) 0 0;border-bottom: 1px solid var(--color-white-dark);}
.card-product > .image::after{content: " ";display: block;position: absolute;inset: 0;opacity: 0;background: -webkit-linear-gradient(to top,  rgba(var(--color-orange-rgb),.75) 0%, rgba(var(--color-orange-rgb),0) 100%);background: linear-gradient(to top,  rgba(var(--color-orange-rgb),.75) 0%, rgba(var(--color-orange-rgb),0) 100%);mix-blend-mode:lighten;z-index: 1;transition: var(--transition);clip-path: polygon(0 0, 80% 0, 40% 100%, 0% 100%);pointer-events: none;}
.card-product:is(:hover, :focus) > .image::after{opacity: 1;}
.card-product > .image img{-webkit-transform: scale(1.05);transform: scale(1.05);-webkit-transition: var(--transition);transition: var(--transition);}
.card-product  a.image:is(:hover, :focus) img{-webkit-filter: grayscale(.75);filter: grayscale(.75);-webkit-transform: scale(1);transform: scale(1);}
.card-product > .image > .terms-xs{position: absolute;bottom: var(--width-gap-xs);left: var(--width-gap-xs);right: var(--width-gap-xs);z-index: 2;}
.card-product > .info{display: flex;flex-direction: column;gap: var(--width-gap-sm);padding: 32px;}
@media only screen and (max-width: 1366px){
  .card-product > .image {aspect-ratio: 1.4;}
  .card-product > .image > .terms-xs{display: none;}
  .card-product > .info > [class^="actions-"]{display: none;}
}
@media only screen and (max-width: 568px){
  .card-product{padding: 16px;}
  .card-product{display: flex; align-items: flex-start; gap: 16px; align-items: center; }
  .card-product > .image {width: 128px;aspect-ratio: 1;border: none;-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);outline: 1px solid var(--color-white-dark);}
  .card-product > .info{padding: 0;}
}
/* OK: section.image */
section.image .image{display: block;position: relative;overflow: hidden;text-decoration: none;color: var(--color-white);background-color: var(--color-black-dark);}
section.image .image > img{width: auto;margin: 0 auto;}
section.image .image > figcaption{display: block;background-color: var(--color-black-dark);color: var(--color-white-dark);text-align: center;font: var(--body-font);font-weight: var(--body-font-strong);padding: var(--width-gap-sm);}
section.image .image > figcaption strong{color: var(--color-orange);}
section.image .package-full-nopadding .image > figcaption{position: absolute;bottom: var(--width-gap-xs);right: var(--width-gap-xs);z-index: 2;-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);}
@media only screen and (max-width: 768px){
  section.image .image{margin-right: calc(0px - var(--width-gap-lg) / 2);margin-left: calc(0px - var(--width-gap-lg) / 2);border-radius: 0;}
}
/* OK: section.image_text */
section.image_text {--image_text_secondary_size: 240px;}
section.image_text .content{display: flex;gap: var(--width-gap-lg);align-items: flex-start;}
section.image_text.has-image_secondary .content {gap: var(--width-sections-gap);}
section.image_text.image_position_right .content {flex-direction: row-reverse;}
section.image_text .content > :is(.image, .text){width: 50%;}
section.image_text .content > .image{position: relative;}
section.image_text.has-image_secondary .content > .image {padding-bottom: var(--image_text_secondary_size);}
section.image_text.has-image_secondary .content > .image > .image-secondary{position: absolute;height: calc(var(--image_text_secondary_size) + var(--width-gap-lg));aspect-ratio: 1;top: calc(100% - (var(--image_text_secondary_size) + var(--width-gap-lg)));right: calc(0px - var(--width-gap));}
section.image_text.has-image_secondary.image_position_right .content > .image > .image-secondary{right: auto;left: calc(0px - var(--width-gap));}
section.image_text .image-secondary img{-webkit-box-shadow: var(--box-shadow-closed), var(--box-shadow);box-shadow: var(--box-shadow-closed), var(--box-shadow);}
@media only screen and (max-width: 1366px){
  section.image_text {--image_text_secondary_size: 200px;}
}
@media only screen and (max-width: 1024px){
  section.image_text .content{flex-direction: column;}
  section.image_text.image_position_right .content {flex-direction: column;}
  section.image_text .content > :is(.image, .text){width: 100%;}
  section.image_text.has-image_secondary .content > .image{padding-bottom: 0;}
  section.image_text.has-image_secondary .content > .image > .image-secondary{top: auto; bottom: var(--width-gap); right: var(--width-gap);max-height: 50%;}
  section.image_text.has-image_secondary.image_position_right .content > .image > .image-secondary{right: auto;left: var(--width-gap);}
}
/* OK: section.logo_text */
section.logo_text .content{display: flex;gap: var(--width-gap-lg);align-items: center;}
section.logo_text.image_position_right .content {flex-direction: row-reverse;}
section.logo_text .content > .image{width: 30%;display: flex;align-items: center;justify-content: center;}
section.logo_text .content > .text{width: 70%;}
@media only screen and (max-width: 768px){
  section.logo_text .content{flex-direction: column;}
  section.logo_text.image_position_right .content {flex-direction: column-reverse;}
  section.logo_text .content > :is(.image, .text){width: 100%;}
}
/* OK: section.brand_list */
section.brand_list {min-height: 50vh;background-color: var(--color-black);display: flex;align-items: center;justify-content: center;padding: var(--width-sections-gap);}
.card-brand-logo > picture > img{aspect-ratio: 1;object-fit: contain;display: block;padding: var(--width-gap-xs);-webkit-transition: var(--transition);transition: var(--transition);}
.card-brand-logo:is(:hover, :focus) > picture > img{filter: brightness(2);}
/* OK: section.video */
section.video [class^="layout-grid-videos"]{gap: var(--width-gap-lg);}
.card-youtube {display: block;aspect-ratio: 16 / 9;width: 100%;}
.card-youtube > iframe {width: 100%;height: 100%;}
/* TODO: section.text */
section.text{overflow: hidden;}
section.text .article hr{position: relative;background-color: transparent;}
section.text .article hr::after{display: block;content: " ";position: absolute;height: var(--width-border-width);width: 100vw;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);background-color: var(--color-orange-soft)}
section.text .article blockquote{margin-left: calc(0px - var(--width-gap-lg));margin-right: calc(0px - var(--width-gap-lg));}
@media only screen and (max-width: 768px){
  section.text .article blockquote{margin-left: 0;margin-right: 0;}
}
/* OK: card-
 */
.layout-grid-categories{  gap: var(--width-gap-sm) !important;--picture-size: 54px;}
.layout-grid-categories:hover .card-category:not(:hover){background-color: transparent;-webkit-box-shadow: none;box-shadow: none;}
.tns-item img {pointer-events: none !important;}


.card-brand-detail .products{padding: var(--width-gap);background-color: var(--color-products-background);display: flex;gap: var(--width-gap);min-height: 50vh;position: relative;}
.card-brand-detail .products ul{position: relative;list-style: none;z-index: 2;}
.card-brand-detail .products .packaging {position: absolute;bottom: 0;right: 0;top: var(--width-sections-gap);left: 35%;z-index: 1;mix-blend-mode: darken;}
.card-brand-detail .products .packaging img{width: 100%;height: 100%;object-fit: cover;object-position: 0% 0%;}
@media only screen and (max-width: 1024px){
  .card-brand-detail .products .packaging {left: 50%;opacity: .5;}
}