@charset "utf-8";
@font-face{font-family:'Font Awesome 7 Pro';font-weight:300;font-style:normal;font-variant:normal;font-display:block;src:url('fal.woff2');-moz-osx-font-smoothing:grayscale;text-rendering:auto}
@font-face{font-family:'HostGrotesk';src:url('hostgrotesk-variable.woff2') format('woff2-variations');font-weight:100 900;font-style:normal;font-display:block}
:before,:after{font-family:'Font Awesome 7 Pro';font-weight:300}
*,*:before,*:after{box-sizing:border-box}
::selection,::-moz-selection{background:var(--c-primary);color:var(--c-white)}
::placeholder{color:var(--c-light);opacity:1}
:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}
:root{--fm:'HostGrotesk',sans-serif;--fw-normal:300;--fw-bold:600;--fw-bolder:700;--fw-boldest:800;--fs-base:1rem;--fs-h1:2rem;--fs-h2:2rem;--fs-h3:1.5rem;--fs-h4:1.5rem;--fs-h5:1.25rem;--fs-h6:1rem;--fs-big:18px;--fs-bigger:24px;--fs-biggest:36px;--fs-biggo:48px;--fs-smaller:14px;--fs-smallest:12px;--lh-base:1.5;--lh-h1:1.2;--lh-h2:1.3;--lh-h3:1.3;--c-main:#0a0a0a;--c-primary:#164194;--c-secondary:#0F66B5;--c-blue:#0000FF;--c-gold:#D88C00;--c-star:#D7A94B;--c-orange:#FF9800;--c-green:#02864A;--c-yellow:#FFE600;--c-red:#D20038;--c-brown:#795548;--c-purple:#4C0099;--c-redbg:#FDDDE6;--c-white:#FFF;--c-half:#555;--c-app:#f5f5f7;--c-light:#777;--c-lighter:#DDD;--c-lightest:#EEE;--c-lightmax:#F9F9F9;--c-goldbg:#FFF8DB;--c-greenbg:#D6FFEB;--c-greenbg2:#E5FFE7;--c-bluebg:#EFF6FF;--c-brownbg:#e1c4be;--c-limebg:#ddefbb;--c-bluebg2:#e7f0fd;--c-bluebg3:#e0eeff;--c-yellowbg:#ffefba;--c-opc:rgba(255,255,255,.1);--c-opc2:rgba(255,255,255,.2);--c-opc3:rgba(255,255,255,.7);--c-brand:linear-gradient(0deg,rgba(0,0,0,1) 10%,rgba(0,0,0,0) 100%);--c-product:linear-gradient(180deg,#ffdbd4 0%,#eee 70%);--c-hero:linear-gradient(90deg,rgba(255,240,230,1) 500px,rgba(255,255,255,0) 1200px);--c-featured:linear-gradient(90deg,rgba(221,221,221,1) 60px,rgba(221,221,221,0) 180px);--c-featured2:linear-gradient(90deg,rgba(11,78,162,1) 60px,rgba(11,78,162,0) 160px);--c-featureimg:linear-gradient(90deg,rgba(11,78,162,0) 50%,rgba(11,78,162,0.1) 100%);--opc:.8;--opc2:.6;--opc3:.3;--fx:all ease .3s;--mb1:15px;--mb2:30px;--mb5:5rem;--mbstd30:90px;--mbstd60:60px;--mbstd:120px;--br4:4px;--br8:8px;--br12:12px;--br40:40px;--br50:50%;--br99:60px 12px;--maxw:1400px;--maxw2:1400px;--maxw3:1400px}
html{font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:120px}
body{margin:0;padding:0;position:relative;background:var(--c-white);color:var(--c-main);font:var(--fw-normal) var(--fs-base)/var(--lh-base) var(--fm);font-style:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto}
img,video,canvas,svg{display:block;max-width:100%;height:auto}
h1,h2,h3,h4,h5,h6,p,blockquote,figure,figcaption,ol,ul{margin:0;padding:0;font-weight:inherit}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
hr{height:1px;background:var(--c-light)}
button,input,label,textarea,select{margin:0;color:inherit;font:inherit}
button,label,select,.is-pointer{cursor:pointer}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}
a{color:var(--c-main);text-decoration:none}
a:hover{color:var(--c-primary);transition:var(--fx)}
p{margin:0 0 20px}
h1{font-weight:var(--fw-bolder)}
h2,h3,h4,h5,h6,strong,b{font-weight:var(--fw-bold)}
h1{font-size:var(--fs-h1);line-height:var(--lh-h1)}
h2{font-size:var(--fs-h2);line-height:var(--lh-h2)}
h3{font-size:var(--fs-h3);line-height:var(--lh-h3)}
h4{font-size:var(--fs-h4)}
h5{font-size:var(--fs-h5)}
h6{font-size:var(--fs-h6)}
h1,h2,h3,h4,h5,h6{margin:0 0 20px}
small{font-size:var(--fs-smaller)}
i{font-style:normal;font-weight:var(--fw-normal)}
.cf:after,.w-100:after,.w-101:after,.w-107:after,.h-100:after,.f-100:after,.n100:after,.n70:after,.n30:after,.h-nav100:after,.h-nav-all:after,
.h-nav-sub:after,.f-last:after,.f-bottom:after,.f-container:after,.inquiry-calc-head:after,.core-feature-grid:after, .product-badges:after,.f-all:after,.f-products:after,.product-card a:after,#f-selected-filters:after,#f-tags:after,.f-top:after,.view-options:after,.share-this-page:after,.entry-content:after,.i-cards:after,.p-page:after,.contact-item:after,.cta-links:after,.i-feature:after,.i-inside:after,.i-features ul:after,.contact-links ul:after,.contact-group:after,.p-guide ul:after,.p-guide-body:after,.p-solutions ul:after,.h-language-selected:after,.i-home-promo:after,.ihpgo:after,.ihpgo ul li:after,.share-inside:after,.single-cards:after,.p-guide-contents-title:after,.w-figure:after,.partner-steps:after{content:'';display:table;clear:both}
.h-100{width:100%;max-width:1300px;margin:0 auto;padding:0 30px}
.s-100{position:relative;width:100%;max-width:1300px;margin:0 auto}
.w-101{width:100%;max-width:1300px;margin:0 auto;position:relative}
.w-100,.f-100{width:100%;max-width:1300px;margin:0 auto;padding:0 30px;position:relative}
.scroll-progress{position:absolute;left:0;bottom:-5px;width:100%;height:4px;background:transparent}
.scroll-progress-bar{width:0;height:100%;background:var(--c-lightest)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
main{position:relative;z-index:2;background:var(--c-white);overflow:hidden}
.main-product{padding:160px 0 0}
.main-single{padding:160px 0 0}
.hero-100{position:relative;z-index:10;width:100%;max-width:1300px;margin:0 auto;padding:20px 30px 30px 30px}
.product-tagline{font-weight:var(--fw-bold)}
.p-entry{width:600px}
.product-detail{position:relative}
.product-badges{margin:0 0 30px}
.product-badge{display:block;float:left;font-size:var(--fs-smaller);font-weight:var(--fw-bold)}
.product-badge:after{content:'\•';display:block;float:right;padding:0 8px}
.product-badge:last-child:after{display:none}
.primary-cta{display:inline-block;padding:0 30px;line-height:40px;background:var(--c-primary);color:var(--c-white)}
.hero-sub-cta ul,.product-highlights ul{list-style:inside;padding:0}
.hero-sub-cta ul li{margin:0 0 4px}
.hero-sub-cta ul li:last-child,.product-highlights li:last-child{margin:0}
.hero-sub-cta a{display:inline-block;font-weight:var(--fw-bold);text-decoration:underline}
.product-highlights li{margin:0 0 10px}
.mb60{margin-bottom:60px}
.n100{margin:0 0 20px;padding:0 0 16px;border-bottom:1px solid var(--c-lighter)}
.n100:hover{font-weight:var(--fw-bold)}
.n30{float:left;width:220px}
.n70{float:right;width:calc(100% - 280px)}
.n-info{display:block;padding:0 0 4px}
.n-info em{font-style:normal;opacity:var(--opc)}
.rating{display:inline-flex;gap:4px;margin:0 20px 0 0}
.rating i{display:block;width:16px;height:8px;border:1px solid var(--c-main);background:transparent}
.rating--1 i:nth-child(-n+1),.rating--2 i:nth-child(-n+2),.rating--3 i:nth-child(-n+3),.rating--4 i:nth-child(-n+4),.rating--5 i:nth-child(-n+5){background:var(--c-main)}
.p100{position:relative;padding:0 0 80px 360px}
.p100-title{position:absolute;top:0;left:0;width:320px;margin:0;padding:0;font-size:1rem;line-height:24px}
.p100-title:before{content:'';position:absolute;top:9px;left:0;display:block;width:100%;height:6px;background:var(--c-lighter)}
.p100-title span{position:relative;z-index:10;padding:0 30px 0 0;max-width:180px;display:inline-block;background:var(--c-white)}
.p100-title-more{top:13px}
.toggle-cup .content,.toggle-acc .content,.inquiry-calc-content{display:none}
.toggle-cup input:checked + label + .content{display:block}
.imd-input,.toggle-acc input,.f-container input[type="checkbox"],.h-nav input[type="checkbox"],.toggle{display:none}
.imd-dsc:after{content:'\f054';padding:0 0 0 12px;display:none}
.imd-label{display:block;font-weight:var(--fw-bold)}
.imd-label:after{content:'\2b';display:block;float:right;padding:0 0 0 10px}
.toggle-cup input:checked + .imd-label:after,.toggle-acc input:checked + label:after{content:'\f068'}
.inquiry-calc-content,.inquiry-panel-body,.product-card figure,.sg-main,.inquiry-field input[type="text"],.inquiry-field input[type="tel"],.inquiry-field input[type="email"],.inquiry-field textarea,.inquiry-choice-card,.inquiry-volume-step,.inquiry-calc-step,.inquiry-demand-field input,.cookies,.core-feature-card{border-radius:var(--br4)}
.inquiry-calc-content,.inquiry-panel-body,.inquiry-field input[type="text"],.inquiry-field input[type="tel"],.inquiry-field input[type="email"],.inquiry-field textarea,.inquiry-choice-card,.inquiry-volume-step,.inquiry-calc-step,.inquiry-demand-field input,.inquiry-success-link,.inquiry-success-btn,.product-card figure{border:1px solid var(--c-lighter)}
.inquiry-calc-content{padding:30px}
.toggle-acc{margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid var(--c-lighter)}
.toggle-acc label{display:block;line-height:50px}
.toggle-acc label:hover{font-weight:var(--fw-bold)}
.toggle-acc .content{padding:0}
.toggle-acc label:after{content:'\2b';display:block;float:right}
.toggle-acc input:checked + label{font-weight:var(--fw-bold)}
.toggle-acc input:checked + label + .content{display:block;padding:10px 0 0}
.more-list,.number-list{padding:0 0 20px 40px;list-style:outside}
.more-list li{margin:0 0 5px}
.number-list li{margin:0 0 20px}
.more-list li:last-child,.number-list li:last-child{margin:0}
.number-list .recommended{display:inline-block;padding:0 12px;border-radius:24px;background:var(--c-goldbg);font-size:var(--fs-smaller);font-weight:var(--fw-bold)}
.number-title{display:block}
.number-list-txt{display:block;font-size:var(--fs-smaller);opacity:var(--opc)}
.hint-scala{position:relative;display:inline-block;margin:0 0 0 10px}
.hint-scala:hover .hint-icon{background:var(--c-gold);color:var(--c-white)}
.hint-scala:hover .hint-tooltip{display:block}
.hint-icon{display:block;width:24px;line-height:24px;border-radius:50%;background:var(--c-goldbg);text-align:center;cursor:help;transition:var(--fx);font-size:var(--fs-smallest)}
.hint-icon:before{content:'\3f';display:block;font-size:10px}
.hint-tooltip{position:absolute;top:30px;left:-20px;z-index:100;display:none;width:260px;overflow:hidden;padding:20px;border-radius:4px;background:var(--c-goldbg);font-size:var(--fs-smaller);font-weight:var(--fw-normal)}
.hint-tooltip ul{margin:0;padding:0;list-style:none}
.hint-tooltip ul li{margin:0 0 20px}
.hint-tooltip ul li:last-child{margin:0;border:none}
.hint-tooltip b{display:block;margin:0 0 2px;font-weight:var(--fw-bold)}
.hint-tooltip i{opacity:var(--opc)}
.method-ingredients .n-info{display:inline-block;padding:0 60px 20px 0}
.method-ingredients .n-info:last-child{padding:0}
.method-ingredients .n-info span{display:block}
.method-ingredients span:before{display:block;width:40px;line-height:40px;margin:0 0 15px;border-radius:var(--br40);background:var(--c-lightmax);text-align:center;font-size:20px}
.brew-label{font-weight:var(--fw-normal);opacity:var(--opc)}
.mi-coffee:before{content:'\e13e'}
.mi-water:before{content:'\f043'}
.mi-extraction:before{content:'\f874'}
.mi-ratio:before{content:'\25'}
.mi-time:before{content:'\e29e'}
.mi-temp:before{content:'\f2c7'}
.mi-tds:before{content:'\f066'}
.mi-cooking:before{content:'\e4f1'}
.product-image img{width:100%;height:auto}
.product-price-unit,.product-definition{font-weight:var(--fw-bold)}
.product-segment{display:inline-block;margin:0 0 40px;padding:0 16px;border-radius:var(--br40);background:var(--c-bluebg2);font-size:var(--fs-smaller);line-height:24px;font-weight:var(--fw-bold)}
.product-title{margin:0 0 30px 0;padding:0;font-size:4rem}
.slider-container{position:relative;padding:0 0 80px 0}
.slider-top{position:relative;line-height:30px}
.slider-title{margin:0 0 30px 30px}
.inquiry-cup-summary-note,.product-price-note{font-size:var(--fs-smaller)}
.slider-title i,.product-trust-line,.inquiry-panel-subtitle,.inquiry-price-box .product-price-note,.inquiry-cup-summary-note,.core-feature-text,.f-contact i,.number-list-txt,.f-nav-title,.f-last .f-arr:before,.f-last .f-arr:after{opacity:var(--opc)}
.slider-title a{display:inline-block;font-weight:var(--fw-bold)}
.slider-title a:after{content:'\e093';display:block;float:right;padding:0 0 0 20px}
.slider-arrow{position:absolute;top:0;z-index:10;width:30px;height:30px;border:none;border-radius:50%;background:transparent;font-size:0;cursor:pointer}
.slider-arrow.prev{right:70px}
.slider-arrow.next{right:30px}
.slider-arrow:before{display:block;font-size:20px}
.slider-arrow.prev:before{content:'\f104'}
.slider-arrow.next:before{content:'\f105'}
.slider-arrow:disabled{opacity:var(--opc3);cursor:not-allowed}
.slider-base{position:relative;top:18px}
.slider-base .slider-arrow,.slider-main .slider-arrow{opacity:1}
.slider-base .slider-arrow.prev,.slider-main .slider-arrow.prev{right:auto;left:0}
.slider-base .slider-arrow.next,.slider-main .slider-arrow.next{right:0}
.slider-base .slider-arrow:disabled,.slider-main .slider-arrow:disabled{display:none}
.slider-main .slider-arrow{width:50px;height:50px;background:var(--c-white)}
.slider-main .slider-arrow.prev,.slider-main .slider-arrow.next{top:calc(50% - 65px)}
.slider-progress{position:absolute;top:13px;right:130px;z-index:10;width:120px;height:4px;overflow:hidden;border-radius:120px;background:var(--c-lighter)}
.slider-progress-bar{height:100%;background:var(--c-light);transition:var(--fx);transform-origin:left}
.slider-track{display:flex;gap:12px;width:max-content;cursor:grab;transition:transform .3s ease;user-select:none;touch-action:pan-y}
.slider-track.dragging{cursor:grabbing;transition:none}
.slider-track img{display:block;width:100%;height:auto;pointer-events:none;user-select:none;-webkit-user-drag:none}
.slider-track a{pointer-events:auto;cursor:pointer}
.slider-track.dragging a{cursor:grabbing}
.slider-item,.slider-multi{position:relative;overflow:hidden}
.slider-item{align-items:center;justify-content:center}
.sitm:first-child{margin-left:30px}
.sitm:last-child{margin-right:30px}
.slider-multi .product-card{width:280px}
.slider-hero .sitm{color:var(--c-white);width:calc(90vw - 60px);max-width:1080px;overflow:hidden;border-radius:var(--br8);position:relative}
.slider-hero .hero-image{width:100%;max-width:720px;float:right}
.herobg-1{background:#020202}
.herobg-2{background:#2E6944}
.herobg-3{background:#161210}
.herobg-4{background:#760107}
.product-card a{position:relative}
.product-card figure{position:relative;overflow:hidden;margin:0 0 15px;padding:80px 0 20px 0}
.product-card figure img{width:100%;height:auto;transition:var(--fx)}
.product-card a:hover figure img{transform:scale(1.04)}
.product-card a:hover .product-cat{color:var(--c-main)}
.product-cat{position:absolute;top:20px;left:20px;display:inline-block;max-width:60px;margin:0 0 10px;font-size:var(--fs-smallest);line-height:1.2;font-weight:var(--fw-bold);opacity:var(--opc);cursor:default}
.product-def{display:block;font-size:var(--fs-smallest);font-weight:var(--fw-bold)}
.product-name{margin:0;padding:0 0 10px 0;font-size:1rem}
.product-blend{display:block;font-size:var(--fs-smaller);opacity:var(--opc)}
.cta-notes{display:inline-block;font-size:11px}
.h-header{position:fixed;top:0;right:0;left:0;z-index:9999;display:block;background:var(--c-white);font-size:16px}
.h-header:after{content:'';position:absolute;right:0;bottom:-1px;left:0;display:block;width:100%;height:1px;background:var(--c-lighter)}
.h-nav-all,.h-nav-top,#search,.f-container{position:relative}
.h-logo{position:relative;z-index:20;width:126px;margin:0 auto;padding:20px 0}
.h-logo a{display:block;padding:2px 0}
.h-logo img{display:block;width:100%;height:auto}
.menu-btn{position:absolute;top:15px;left:0;z-index:30;display:block;width:80px;line-height:50px;cursor:pointer;transition:var(--fx)}
.menu-btn span{float:right;font-size:var(--fs-smaller)}
.menu-btn:hover{color:var(--c-primary)}
.menu-btn:before{content:'\f0c9';display:block;float:left;width:30px;font-size:1rem}
.h-nav{position:relative;z-index:2;display:block}
.h-nav:before{content:'';position:fixed;top:80px;right:0;left:0;z-index:0;display:block;width:100%;height:1px;background:var(--c-lighter)}
.ico-home:before{content:'\e487';display:block;float:left;padding:0 20px 0 0}
.h-nav-main{position:relative;z-index:10;width:100%;padding:0;line-height:50px}
.h-nav a,.h-right a{position:relative;display:block}
.h-nav ul{position:relative}
.h-nav ul li{position:relative;display:inline-block;margin:0 36px 0 0;font-weight:var(--fw-bold)}
.h-nav ul li:last-child{margin:0}
.h-nav ul li:after{content:'';position:absolute;bottom:0;left:0;z-index:0;display:block;width:0;height:2px;background:var(--c-primary);transition:var(--fx)}
.h-nav ul li:hover,.h-nav ul li:hover .h-navgo,.h-language:hover .h-language-selected{color:var(--c-primary)}
.h-nav ul li:hover:after{width:100%}
.h-nav ul li:hover .h-nav-sub,.h-language:hover ul{display:block}
.h-cta{float:right}
.h-cta a{color:var(--c-primary)}
.h-has-sub{display:none}
.h-has-sub:after,.h-navgo:after,.h-language-selected:after{content:'\f107'}
.h-has-sub:after,.h-navgo:after{padding:0 0 0 5px;display:block;float:right}
.h-language-selected:after{position:absolute;right:0;top:0;display:block}
.menu-active .h-navto:after{content:'\f105';display:block;float:right}
.h-nav-sub{display:none;border:1px solid var(--c-lighter);background:var(--c-white)}
.h-nav-sub:before{content:'';position:absolute;top:0;right:0;left:0;display:block;height:10px;background:transparent}
.h-nav-sub strong,.h-nav-sub i,.i-brand,.i-blend,.h-nav-link a,.h-language-selected,.h-language ul li a,.inquiry-cup-summary-note,.inquiry-calc-dose-note,.core-feature-title,.core-feature-text{display:block}
.h-nav-sub i{opacity:var(--opc)}
.h-nav ul li ul li{display:block;margin:0 0 2px;font-weight:var(--fw-normal)}
.h-nav ul li ul li:last-child{margin:0}
.h-nav ul li ul li:hover:after{display:none}
.h-nav-regular{position:absolute;top:50px;left:-40px;width:320px;padding:30px 40px;line-height:36px;border:1px solid var(--c-lighter);border-radius:0 0 var(--br4) var(--br4)}
.h-nav-regular a:before{content:'\• ';display:inline-block;padding:0 10px 0 0}
.h-nav-regular ul li:hover a{text-decoration:underline}
.h-nav-double{width:600px!important}
.h-nav-double .h-nav50{float:left;width:50%}
.h-nav-double ul,.h-nav-products ul{padding:30px 30px 0 0;border-top:1px solid var(--c-lighter)}
.h-nav-products{position:fixed;top:130px;right:0;left:0;z-index:10;text-align:left;line-height:1.5}
.h-nav-products li{margin:0 0 30px!important}
.h-nav-title{display:inline-block;font-size:var(--fs-smaller);line-height:30px;font-weight:var(--fw-bold);color:var(--c-main);opacity:var(--opc)}
.h-nav-title:after{content:'';display:block;width:100%;height:2px;margin:10px 0 0;background:var(--c-lighter)}
.i-product-name{position:absolute;top:50%;left:90px;display:block;line-height:1;transform:translateY(-50%)}
.i-brand{padding:5px 0 15px;font-weight:var(--fw-bold)}
.i-blend{font-size:var(--fs-smallest);opacity:var(--opc)}
.h-nav-products figure{display:block;width:60px}
.h-nav100,.h-nav101{width:100%;max-width:1300px;margin:0 auto;padding:30px 30px 0}
.h-nav101{padding-top:0}
.h-nav25{float:left;width:25%}
.h-nav-link{text-align:center;border-top:1px solid var(--c-lighter)}
.h-nav-link a{display:inline-block;line-height:50px;border-bottom:none}
.h-nav-link a:after{content:'\f061';display:block;float:right;padding:0 0 0 30px}
.h-right{position:absolute;top:0;right:0;padding:15px 0;transition:var(--fx)}
.h-language{position:relative;z-index:10;float:left;width:90px;margin:0 40px 0 0}
.h-language i{display:block;font-size:var(--fs-smaller);opacity:var(--opc)}
.h-language-selected{line-height:50px;cursor:pointer;font-size:var(--fs-smaller);position:relative}
.h-language-code{display:none}
.h-language-selected:before{content:'\f0ac';float:left;padding:0 10px 0 0}
.h-language ul{position:absolute;top:65px;right:-90px;display:none;width:220px;padding:30px 40px;border:1px solid var(--c-lighter);border-radius:0 0 var(--br4) var(--br4);background:var(--c-white)}
.h-language ul:before{content:'';position:absolute;top:-20px;right:0;left:0;display:block;height:20px;background:transparent}
.h-language ul li{margin:0 0 20px;padding:0 0 20px;border-bottom:1px solid var(--c-lighter);font-weight:var(--fw-bold)}
.h-language ul li:last-child{margin:0;padding:0;border:none}
.h-language ul li:hover a:after{content:'\f00c';display:block;float:right}
.h-language ul li a:hover i{opacity:1}
.sticky .h-nav{display:none}
.search-active .h-nav,.search-active #search,.menu-active .h-nav-main input[type="checkbox"]:checked~.h-nav-sub{display:block}
.sticky .h-nav-main:before,.menu-active .h-nav-main:before{top:60px}
.sticky .h-nav-sub ul,.menu-active .h-nav-sub ul{position:relative;top:auto;right:auto;display:block;width:auto;border-radius:0;background:none}
.h-search{position:relative;float:left;display:block;width:50px;line-height:48px;cursor:pointer;transition:var(--fx)}
.search-btn{border:1px solid var(--c-lighter);border-radius:var(--br40);text-align:center;font-size:var(--fs-smaller);display:block}
.search-btn:before{content:'\f002';display:block}
.search-btn:hover{transition:var(--fx);border-color:var(--c-primary);background:var(--c-primary);color:var(--c-white)}
.search-active .h-nav{display:none}
.search-active .search-btn{border:1px solid var(--c-white);background:transparent}
.search-active .search-btn:before{content:'\f00d';background:transparent;color:var(--c-red);font-size:24px}
.search-active .search-btn:hover:before{background:transparent;color:var(--c-red)}
#search{display:none}
#search form{position:relative;display:block;max-width:100%;margin:0;padding:0}
.h-search-box{position:relative;min-height:50px;margin:0 0 24px;padding:0 60px}
.h-search-field{display:block;width:100%;padding:0 30px;border:none;border-radius:var(--br4);background:var(--c-lightest);font-weight:var(--fw-bold);line-height:48px}
.h-search-field:focus{outline:none;background:var(--c-goldbg)}
.h-search-button{position:absolute;top:40px;right:30px;display:block;width:120px;padding:0 20px;border:none;border-radius:0 var(--br4) var(--br4) 0;background:var(--c-primary);color:var(--c-white);line-height:48px;transition:var(--fx)}
.h-search-button b{display:block;float:left;font-size:var(--fs-smallest);opacity:var(--opc)}
.h-search-button:before{content:'\f002';display:block;float:right;font-size:1rem}
.h-search-button:hover{background:var(--c-primary);color:var(--c-white)}
.h-search-tags{margin:20px 0 0 0}
.h-search-tags-title{display:inline-block;margin:0 0 15px;font-size:var(--fs-smaller);font-weight:var(--fw-bold)}
.h-search-tags ul{overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch}
.h-search-tags li{display:inline-block;margin:0 2px 20px 0}
.h-search-tags li:last-child{margin-right:30px}
.h-search-tags li a{display:block;padding:0 10px;border-radius:var(--br4);background:var(--c-bluebg);font-size:var(--fs-smaller);font-weight:var(--fw-bold)}
.h-search-tags li a:hover{background:var(--c-primary);color:var(--c-white)}
.menu-active .menu-btn:before{content:'\f00d';color:var(--c-red);font-size:24px}
.menu-active .menu-btn:hover{color:var(--c-main)}
.menu-active .menu-btn:after{content:'';position:fixed;top:80px;right:0;bottom:0;left:0;display:block;background:rgb(100 100 100 / .1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:opacity .32s cubic-bezier(.4,0,.6,1) 80ms,visibility .32s step-start 80ms}
.menu-active .h-nav-main{padding:10px 30px}
.menu-active .h-nav-main ul,.menu-active .h-nav100,.menu-active .h-nav101{padding:0;border:none}
.menu-active .h-nav{position:fixed;top:80px;bottom:0;display:block;overflow-y:auto;width:360px;max-height:calc(100vh - 80px);border:1px solid var(--c-lighter);border-bottom:none;background:var(--c-white);z-index:999;margin:0 0 0 -30px}
.menu-active .h-nav ul li{display:block;margin:0;padding:0;border-bottom:1px solid var(--c-lighter)}
.menu-active .h-nav ul li:last-child,.menu-active .h-nav ul li ul li{border:none}
.menu-active .h-nav ul li:hover .h-nav-sub,.menu-active .h-nav ul li:hover:after,.menu-active .h-nav-sub:before{display:none}
.menu-active .h-cta{float:none}
.menu-active .h-nav-double{width:100%!important}
.menu-active .h-nav-double .h-nav50,.menu-active .h-nav25{float:none;width:100%}
.menu-active .h-nav-double .h-nav50:first-child{margin:0 0 20px}
.menu-active .h-nav-title{display:block;margin:0 0 20px}
.menu-active .h-navgo{display:none}
.menu-active .h-has-sub{line-height:60px;display:block}
.menu-active .h-nav-sub{position:relative;top:auto;left:auto;display:none;width:100%;padding:0;border:none}
.menu-active .h-nav-regular{padding:0 0 20px 20px}
.menu-active .h-nav-regular ul li{font-weight:var(--fw-normal)}
.menu-active .h-nav25 ul li{margin:0 0 30px!important}
.menu-active .h-nav-link{margin:0 0 30px;border:none}
.menu-active .h-nav-link a{float:none;width:100%;padding:0 30px;border:none;border-radius:var(--br40);background:var(--c-primary);color:var(--c-white)}
.menu-active .h-nav-link a:hover{background:var(--c-secondary)}
.product-offer-actions{position:absolute;top:0;right:30px}
.inquiry-panel{padding:0 0 50px}
.inquiryFormTitle{display:block;padding:10px 0;font-size:var(--fs-smaller);font-weight:var(--fw-bold)}
.inquiry-panel-toggle{display:block;width:100%;max-width:360px;margin:0 0 20px;padding:15px 30px;border:0;border-radius:var(--br40);background:var(--c-primary);color:var(--c-white);text-align:left;font-weight:var(--fw-bold);cursor:pointer}
.inquiry-panel-toggle:after{content:'\f107';display:block;float:right}
.inquiry-panel-toggle:hover,.inquiry-primary-btn:hover,.p-more-cta:hover,.menu-active .h-nav-link a:hover{background:var(--c-secondary)}
.product-trust-line{padding:0 0 30px 20px;font-size:var(--fs-smaller)}
.product-trust-line li{margin:0 0 6px}
.product-trust-line li:last-child{margin:0}
.product-trust-line li:before{content:'\f00c';padding:0 10px 0 0}
.inquiry-panel-body{width:100%;max-width:600px;margin:0 0 30px;padding:30px}
.ipbv2{max-width:100%;padding:40px}
.inquiry-section:first-child{padding-top:0;border-top:0}
.inquiry-section h3{padding:0 0 20px;border-bottom:1px solid var(--c-lighter);font-size:1rem;line-height:24px}
.inquiry-section h3:after{content:'\f872';display:block;float:right;font-size:24px}
.inquiry-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.inquiry-field{padding:0 0 20px}
.inquiry-form-grid .inquiry-field{padding:0 0 10px}
.inquiry-field:last-child{margin-bottom:0}
.inquiry-field label{display:inline-block;margin-bottom:10px;font-size:var(--fs-smaller);font-weight:var(--fw-bold)}
.inquiry-field small{font-size:var(--fs-smaller);font-weight:var(--fw-normal);opacity:var(--opc)}
.inquiry-field input[type="text"],.inquiry-field input[type="tel"],.inquiry-field input[type="email"],.inquiry-field textarea{width:100%;height:46px;padding:0 14px;background:var(--c-white);font-size:16px}
.inquiry-field textarea{height:auto;padding:12px 14px;resize:vertical}
.inquiry-choice-grid-4{grid-template-columns:repeat(4,1fr)}
.inquiry-choice-grid-3{grid-template-columns:repeat(3,1fr)}
.inquiry-choice-grid-2{grid-template-columns:repeat(2,1fr)}
.inquiry-choice-card{position:relative;padding:0 12px;background:var(--c-white);line-height:30px;font-weight:var(--fw-normal)!important;cursor:pointer;transition:border-color .18s ease,background-color .18s ease}
.inquiry-choice-card input{position:absolute;display:none;opacity:0;pointer-events:none}
.inquiry-choice-card span{display:block}
.inquiry-choice-card:has(input:checked){border-color:var(--c-bluebg2);background:var(--c-bluebg2);font-weight:var(--fw-bold)!important}
.inquiry-volume-current{margin-bottom:12px;font-size:2rem;line-height:1;font-weight:var(--fw-bold)}
.inquiry-volume-slider-row,.inquiry-calc-slider-row{display:grid;grid-template-columns:40px 1fr 40px;gap:12px;align-items:center}
.inquiry-volume-slider-row{margin-bottom:10px}
.inquiry-volume-step,.inquiry-calc-step{width:40px;height:40px;background:var(--c-white);line-height:1}
.inquiry-volume-step{font-size:20px;border-radius:var(--br40)}
.inquiry-calc-step{font-size:24px;border-radius:50%}
.inquiry-volume-slider-row input[type="range"],.inquiry-calc-slider-row input[type="range"]{width:100%}
.inquiry-volume-scale{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.inquiry-volume-scale span{font-size:var(--fs-smallest);text-align:center;opacity:var(--opc)}
.inquiry-consent-group{padding:15px 0}
.inquiry-consent-item{display:block;max-width:680px;margin:0 0 10px}
.inquiry-consent-item input{float:left;width:16px;height:16px;margin:0 12px 4px 0}
.inquiry-consent-item span{display:block;font-size:var(--fs-smallest);opacity:var(--opc)}
.inquiry-consent-item a,.cookies a,.hero-sub-cta a{text-decoration:underline}
.inquiry-primary-btn{height:48px;padding:0 80px;border:none;border-radius:var(--br40);background:var(--c-primary);color:var(--c-white);font-size:16px;font-weight:var(--fw-bold);cursor:pointer}
.inquiry-hp{position:absolute;left:-9999px;overflow:hidden;width:1px;height:1px}
.inquiry-form-message{margin-top:16px;padding:12px 14px;border:1px solid var(--c-lighter);background:var(--c-light);font-size:var(--fs-smaller)}
.inquiry-success h3{margin:0 0 8px;font-size:22px}
.inquiry-success p{margin:0 0 16px;opacity:var(--opc)}
.inquiry-success-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.inquiry-success-link,.inquiry-success-btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 18px;background:var(--c-white);font-size:var(--fs-smaller);font-weight:var(--fw-bold);text-decoration:none;cursor:pointer}
.inquiry-offer-box{max-width:600px;padding:20px 0 0}
.inquiry-currency-switch{margin:0 0 20px;font-size:0}
.inquiry-currency-btn{margin:0 4px 0 0;padding:0 12px;border:1px solid var(--c-bluebg2);border-radius:var(--br4);background:var(--c-white);font-size:var(--fs-smaller);font-weight:var(--fw-bold);line-height:20px;cursor:pointer}
.inquiry-currency-btn.active,.inquiry-choice-card:has(input:checked){background:var(--c-bluebg2);border-color:var(--c-bluebg2)}
.inquiry-price-box{max-width:360px;margin:0 0 30px;padding:0 0 30px;border-bottom:1px solid var(--c-lighter)}
.inquiry-price-box .product-price-unit{display:block;padding:0 0 5px;line-height:1}
.inquiry-price-box .price-value{font-size:2rem;font-weight:var(--fw-bold)}
.inquiryCupCost{display:block;padding:0 0 20px}
.inquiry-toggle-wrap>input{position:absolute;display:none;opacity:0;pointer-events:none}
.inquiry-toggle-wrap>label{display:inline-block;background:var(--c-white);font-weight:var(--fw-bold)}
.inquiry-toggle-wrap>label:hover{color:var(--c-primary)}
.inquiry-toggle-wrap>input:checked + label + .inquiry-calc-content{display:block;margin:20px 0 0}
.inquiry-calc-head{margin:0 0 20px}
.inquiry-calc-value{display:block;padding:0 0 20px;line-height:1}
.inquiry-calc-value strong{font-size:3rem;font-weight:var(--fw-bold)}
.inquiry-calc-value span{margin-left:4px;font-size:20px;font-weight:var(--fw-bold)}
.inquiry-calc-all{padding:0 0 2px;font-weight:var(--fw-bold)}
.inquiry-calc-results,.inquiry-demand-results{margin-top:20px}
.inquiry-calc-result-label,.inquiry-demand-result-label{opacity:var(--opc)}
.inquiry-monthly-demand{margin:30px 0 0;padding:30px 0 0;border-top:1px solid var(--c-lighter)}
.inquiry-demand-block{margin:30px 0 0}
.inquiry-demand-field label{display:inline-block;padding:0 10px 0 0}
.inquiry-demand-field input{width:100%;max-width:170px;padding:0 20px;background:var(--c-white);font-weight:var(--fw-bold);height:40px;border-radius:var(--br40)}
.inquiry-demand-note{margin:20px 0 0;font-size:var(--fs-smaller);opacity:var(--opc)}
.bgapp{position:relative;z-index:10;margin:0 0 100px;padding:80px 0;background:var(--c-app)}
.bgapp h2{margin:0 0 40px;padding:0;font-size:24px;line-height:1;opacity:var(--opc)}
.core-feature-grid{gap:20px;width:100%;max-width:1300px;margin:0 auto;padding:0 30px}
.core-feature-card{position:relative;float:left;min-height:200px;width:calc(30% - 20px);padding:30px;background:var(--c-white);box-shadow:2px 4px 12px #00000014;margin:0 0 20px 20px;display:flex;flex-direction:column;justify-content:flex-end}
.core-feature-card--primary{height:420px;width:40%;float:left;padding:40px;overflow:hidden;background-position:left;background-repeat:no-repeat;background-size:cover;color:var(--c-white);margin:0 0 10px 0}
.core-feature-title,.core-feature-text{position:relative;display:block}
.core-feature-title{padding:0 0 2px;font-weight:var(--fw-bold)}
.core-feature-text{max-width:200px;font-size:var(--fs-smaller)}
.core-feature-card--primary .core-feature-text{max-width:300px}
.core-feature-card--primary:before{content:'';position:absolute;right:0;bottom:0;left:0;display:block;width:100%;height:240px;background:var(--c-brand);z-index:0}
.core-feature-card:after{position:absolute;top:30px;right:30px;display:block;font-size:2rem}
.cfc-ico1:after{content:'\e4bd'}
.cfc-ico2:after{content:'\f0f4'}
.cfc-ico3:after{content:'\f468'}
.cfc-ico4:after{content:'\f53b'}
.cfc-ico5:after{content:'\e533'}
.cfc-ico6:after{content:'\f518'}
.cfc-ico7:after{content:'\e13f'}
.cfc-ico8:after{content:'\e0e6'}
.cfc-ico9:after{content:'\f094'}
.cfc-ico10:after{content:'\f562'}
.cfc-ico11:after{content:'\e862'}
.cfc-ico12:after{content:'\f0c2'}
.cfc-ico13:after{content:'\f54e'}
.cfc-ico14:after{content:'\f773'}
.cfc-ico15:after{content:'\f0e7'}
.cfc-ico16:after{content:'\f543'}
.cfc-ico17:after{content:'\f44b'}
.cfc-ico18:after{content:'\f3a5'}
.cfc-ico19:after{content:'\f521'}
.cfc-ico20:after{content:'\e62a'}
.cfc-ico21:after{content:'\e5de'}
.f-div{position:relative;z-index:2;margin:0 0 120px;padding:80px 0 60px 0;background:var(--c-app);font-size:var(--fs-smaller)}
.f25{float:left;width:33.333%;padding:0 0 0 120px}
.f-logo{position:absolute;right:30px;bottom:30px;display:block;width:60px}
.f-logo img{filter:brightness(100);opacity:var(--opc3)}
.f-support{float:left}
.f-contact ul,.f-nav ul{padding:0 0 30px}
.f-contact ul li{position:relative;margin:0 0 30px}
.f-contact ul li:last-child,.f-nav ul li:last-child{margin:0}
.f-contact ul li a{position:relative;display:inline-block}
.f-contact i{display:block}
.f-contact .a-ico{padding:0 0 0 36px}
.f-contact .a-ico:before{position:absolute;top:4px;left:0;display:block;line-height:20px}
.f-contact b{display:block;padding:0 0 2px}
.icon-address:before{content:'\f3c5'}
.icon-direction:before{content:'\f124'}
.icon-phone:before{content:'\f095'}
.icon-email:before{content:'\f0e0'}
.f-nav{float:right;width:calc(100% - 220px);padding:0 0 30px}
.f-nav ul li{margin:0 0 6px}
.f-nav ul li a:before{content:'\•';display:inline-block;padding:0 10px 0 0}
.f-title{display:block;margin:0 0 20px;padding:0 0 10px;border-bottom:1px solid var(--c-lighter);font-weight:var(--fw-bold);cursor:default}
.f-nav-title,.f-menu-title{display:block;padding:0 0 8px;font-weight:var(--fw-bold)}
.f-menu-title{padding:0 0 10px;color:var(--c-opc2)}
.f-menu ul:last-child{padding:0}
.f-toplink{display:block;max-width:160px;margin:0 0 30px 0}
.f-toplink a{display:block;border:1px solid var(--c-lighter);border-radius:var(--br40);font-weight:var(--fw-bold);line-height:36px;text-align:center}
.f-toplink a:hover{border-color:var(--c-primary);background:var(--c-primary);color:var(--c-white);text-decoration:none!important}
.ftl2{margin:0 0 12px 0}
.ftl3{margin:0}
.ftl3 a{border:1px solid var(--c-primary);background:var(--c-primary);color:var(--c-white)}
.ftl3 a:hover{border:1px solid var(--c-secondary);background:var(--c-secondary)}
.f-social-media{position:absolute;top:60px;right:0;font-size:0}
.f-social-media a{position:relative;display:inline-block;width:40px;margin:0 8px 0 0;border-radius:50%;background:var(--c-lightest);text-align:center;font-size:16px;line-height:40px}
.f-social-media a:last-child{margin:0}
.f-social-media a svg,.share a svg,.icon-whatsapp svg{display:block;width:40px;height:40px;fill:currentColor;padding:11px}
.f-social-media a:hover{color:var(--c-white);text-decoration:none}
.sm-x:hover{background:#1C9CEA}
.sm-facebook:hover{background:#4867AA}
.sm-instagram:hover{background:#C32AA3}
.sm-youtube:hover,.sm-pinterest:hover{background:#e40521}
.sm-linkedin:hover{background:#007BB5}
.sm-google:hover{background:#437CE1}
.sm-whatsapp:hover{background:#128C7E}
.sm-tiktok:hover{background:var(--c-main)}
.f-bottom{position:relative;padding:60px 0 0;border-top:1px solid var(--c-lighter)}
.f-policies{padding:0 0 10px}
.f-policies ul li{display:inline-block;padding:0 20px 10px 0}
.f-policies ul li:last-child{padding-right:0}
.f-policies ul li a{display:block;line-height:20px}
.f-last{position:relative}
.f-last span{display:inline-block}
.f-last a{font-weight:var(--fw-bold)}
.f-arr:before,.f-arr:after{content:'\2f';display:block;padding:0 10px;opacity:var(--opc3)}
.f-arr:before{float:left}
.f-arr:after{float:right}
.f-exit{position:fixed;right:0;bottom:0;left:0;height:120px;color:var(--c-half);z-index:0}
.f-exit p{width:100%;max-width:900px;margin:0 auto;padding:0 30px;font-size:var(--fs-smallest);text-align:center}
.f-exit a{font-weight:var(--fw-bold)}
.f-exit-inside{position:absolute;top:50%;right:0;left:0;transform:translateY(-50%)}
.cookies{position:fixed;right:60px;bottom:60px;z-index:10000;display:none;width:410px;padding:50px;background:var(--c-white);box-shadow:0 0 80px 0 rgba(0,0,0,.7);font-size:var(--fs-smaller)}
.cookies a,.cookies label:hover{font-weight:var(--fw-bold)}
.cookies a:hover,.cookies label:hover{color:var(--c-primary)}
.cookies-title{margin:0 0 10px;font-size:1rem;font-weight:var(--fw-bold)}
.cookies p{margin:0 0 40px}
.cookies br{display:none}
.cookies-button{display:block;width:100%;padding:0 24px;border-radius:var(--br4);background:transparent;font-weight:var(--fw-bold);line-height:48px}
.cookies-button:hover{transition:var(--fx)}
.cookies-close{position:absolute;top:0;right:50px;width:50px;padding:0;border:none;border-radius:0 0 var(--br4)var(--br4);background:var(--c-red);color:var(--c-white);line-height:50px}
.cookies-close:before{content:'\f00d';display:block}
.cookies-reject{border:1px solid var(--c-light)}
.cookies-reject:hover{border-color:var(--c-redbg);background:var(--c-redbg);color:var(--c-red)}
.cookies-approve{margin:0 0 10px;border:1px solid var(--c-green);color:var(--c-green)}
.cookies-approve:hover{border-color:var(--c-green);background:var(--c-green);color:var(--c-white)}
.progress-wrap{position:fixed;right:24px;bottom:24px;z-index:120;width:40px;height:40px;border-radius:50%;color:var(--c-light);cursor:pointer;opacity:0;visibility:hidden;transition:var(--fx)}
.progress-wrap.active{opacity:1;visibility:visible}
.progress-wrap:after{content:'\f106';position:absolute;top:0;right:0;left:0;z-index:1;display:block;text-align:center;line-height:40px;font-size:var(--fs-smallest);pointer-events:none}
.progress-wrap svg path{fill:none;stroke:var(--c-lighter,var(--c-lighter));stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .1s linear}
.p-more{margin:0 0 80px;padding:60px;border-radius:var(--br4);background:url(../pages/p-coffee-inquiry-form.jpg) no-repeat right bottom var(--c-app);background-size:contain}
.p-more h6{font-size:30px;padding:0;margin:0 0 40px 0;font-weight:var(--fw-normal);width:100%;max-width:540px;line-height:1.4}
.p-more span{display:block;margin:0 0 15px}
.p-more span:last-child{margin:0}
.p-more a{display:inline-block}
.p-more-cta{width:100%;max-width:320px;padding:0 30px;border-radius:var(--br40);background:var(--c-primary);color:var(--c-white);font-weight:var(--fw-bold);line-height:48px;font-size:16px}
.p-more-cta:hover{color:var(--c-white)}
.p-more-cta:after{content:'\f178';display:block;float:right}
.p-more-cfa{font-size:var(--fs-smaller)}
.simple-gallery{position:absolute;top:0;right:30px;width:400px;padding:80px 0 0 0}
.sg-main{position:relative;overflow:hidden;width:100%;border:1px solid var(--c-lighter)}
.sg-track{display:flex;transition:transform .38s cubic-bezier(.22,.61,.36,1)}
.sg-slide{flex:0 0 100%;min-width:100%;user-select:none;-webkit-user-select:none}
.sg-slide img,.sg-thumb img{pointer-events:none;-webkit-user-drag:none}
.sg-thumbs{display:flex;justify-content:center;gap:5px;margin-top:40px;overflow-x:auto;scrollbar-width:none}
.sg-thumbs::-webkit-scrollbar{display:none}
.sg-thumb{flex:0 0 auto;width:25%;border:none;border-radius:var(--br4);cursor:pointer;background:transparent;transition:var(--fx)}
.sg-thumb.is-active{opacity:var(--opc2)}
.f-products .product-card{width:33.333%;margin:0 0 60px 0;padding:0 0 0 20px;float:left;box-sizing:border-box}
.f-right{float:right;width:calc(100% - 240px);overflow:hidden;padding:0 0 20px 20px;position:relative}
.f-right:before{content:'';display:block;position:absolute;left:0;top:0;bottom:80px;width:1px;background:#ddd}
.f-filters-count{margin:0 0 10px 0;padding:8px 0;background:var(--c-bluebg);text-align:center;font-size:var(--fs-smaller);border-radius:var(--br40)}
.f-filters{width:200px;float:left}
.f-options{margin:0 0 20px 0}
.f-options button{display:block;float:left;background:transparent;padding:0;border:none;line-height:30px}
.f-options button:focus{outline:none}
.f-options button:hover{color:var(--c-primary)}
.f-filters-button{display:none}
.f-filters-label{font-family:var(--fw-bold);z-index:10;position:relative;border-bottom:1px solid var(--c-lighter);line-height:50px;display:none;font-weight:var(--fw-bold);font-size:var(--fs-smaller)}
.f-acc{position:relative;-webkit-transition:var(--fx);transition:var(--fx);display:block;padding:0;margin:0 0 30px 0;font-size:var(--fs-smaller)}
.f-filters-button:checked ~ .f-acc{display:block;padding:10px 0}
.f-filters-label:after{content:'\f141';display:block;float:right}
.f-filters-button:checked ~ .f-filters-label:after{content:'\f00d'}
.f-acc-c label{display:block}
.f-acc-input{display:none}
.f-acc-toggle{font-weight:var(--fw-bold);padding:10px 0;line-height:30px}
.f-acc label{display:block}
.f-acc-toggle:after{content:'\f141';display:block;float:right}
.f-acc input:checked + label + .f-acc-c{transition:all ease 0.1s;height:100%;display:none}
.f-acc-c{max-height:8000px;overflow:hidden;border-bottom:1px solid var(--c-lighter);transition:all ease 0.1s;padding:0 0 20px 0}
.f-acc-c label{padding:0 0 0 24px;position:relative;margin:0 0 8px 0}
.f-acc-c label:last-child{margin:0}
.f-acc-c label:hover{color:var(--c-primary)}
.f-acc-c input{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}
.f-acc-c input:after{content:'\f0c8';position:absolute;left:1px;top:0}
.f-acc-c input:checked:after{content:'\f14a';color:var(--c-primary)}
.f-info{position:relative;height:180px}
.f-top{font-size:var(--fs-smaller);position:relative;margin:0 0 0 20px}
#no-results{padding:20px 0 20px 20px;font-size:var(--fs-smaller)}
#f-selected-filters{margin:10px 0 10px 0;font-weight:var(--fw-bold);font-size:var(--fs-smallest)}
#f-tags{float:left;max-width:calc(100% - 70px)}
#f-tags div{float:left;margin:0 5px 5px 0}
#f-tags button{display:block;float:right;line-height:26px;padding:0 8px;border:none;background:var(--c-bluebg);border-radius:var(--br4);font-weight:var(--fw-normal)}
#f-tags button:hover{background:var(--c-lighter)}
#f-tags button:after{content:'\f00d';display:block;float:right;padding:0 0 0 8px}
#reset{border:none;line-height:24px;margin:0 10px 10px 0px;cursor:pointer;background:var(--c-redbg);color:var(--c-red);width:60px;text-align:center;float:left;border-radius:var(--br4)}
#reset:hover{background:var(--c-red);color:var(--c-white)}
.f-order{display:block;float:left;padding:0 10px 0 0;color:var(--c-light)}
.view-options{line-height:30px}
.view-options select{display:block;height:30px;border:none;float:left;padding:0;background:transparent;margin:0 20px 0 0;font-weight:var(--fw-bold)}
.view-options select:focus{outline:none}
.view-toggle{display:block;float:right}
.view-toggle input{display:none}
.view-toggle label{display:block;float:left;line-height:30px;width:30px;text-align:center;font-size:1rem;border-radius:var(--br4);margin:0 0 0 4px}
.view-toggle label:before{display:block}
.view-toggle .grid::before{content:'\f009'}
.view-toggle .list::before{content:'\f0ca'}
.view-toggle input:checked + label{background:var(--c-lightest)}
.list-view{padding:0 0 30px 20px}
.list-view .product-card{width:100%;float:none;margin:0 0 30px 0;padding:30px 0 0 0;border-top:1px solid var(--c-lighter)}
.list-view .product-card figure{width:120px;float:left;padding:0;margin:0;border:none}
.list-view .product-card .p-info{float:left;margin:0 0 0 30px;padding:20px 0;height:auto}
.list-view .product-card .product-cat{left:auto;right:0;top:50px;display:block;max-width:100%;margin:0}
.list-view .product-card a{border:none}
.list-view .product-card b{display:block;float:none}
.list-view .product-card .f-info{width:calc(100% - 220px);padding:0;float:right;height:auto;margin:0 0 20px 0}
.list-view .product-card .f-pn{margin:1rem 0}
.list-view .product-card .f-tech span{border:none;padding:0;margin:0 0 10px 0;width:25%;float:left}
.i-shortcuts{float:left;width:180px}
.i-shortcuts p,.i-dropdown{display:none}
.i-shortcuts .hP{position:relative;display:block;transition:var(--fx);list-style:outside;padding:20px 0 20px 20px}
.i-dropdown + label{display:block;margin:0;background:none;border:none;border-bottom:1px solid var(--c-lighter);font-size:var(--fs-smaller);font-weight:var(--fw-bold);padding:0 0 20px 0}
.i-dropdown + label:after{content:'\e0b7';display:block;float:right}
.i-dropdown:checked ~ .hP{display:none}
.i-shortcuts ul{font-size:var(--fs-smallest);list-style:inside}
.i-shortcuts ul li{margin:0 0 10px 0}
.i-shortcuts ul li:last-child{margin:0}
.i-shortcuts ul li a{text-decoration:none;opacity:1}
.i-shortcuts ul li ul{padding:10px 0 0 15px;margin:0;list-style:outside}
.i-information{width:calc(100% - 280px);float:right;max-width:980px;padding:0 0 40px 0}
.i-information h2,.i-information h3{padding:20px 0;margin:0;font-size:24px}
.i-information a{text-decoration:underline;font-weight:var(--fw-bold)}
.f-tabs{padding:0 0 60px 0}
.f-tabs h2{margin:0;padding:0 0 30px 0}
.f-tab{margin:0 0 20px 0}
.f-tab input{position:absolute;opacity:0;z-index:-1;display:none}
.f-tab-title{margin:0;padding:0 40px 0 0;position:relative;font-weight:var(--fw-bold);display:block}
.f-tab-title:after{content:'\2b';display:block;position:absolute;right:0;top:0}
.f-tabs input:checked + label:after{content:'\f068'}
.f-tabs input:checked ~ .f-tab-inside{display:block;padding:20px 0 10px 0}
.f-tab-inside{transition:var(--fx);display:none}
.i-information address{font-style:normal;border-left:1px solid var(--c-lighter);padding:0 0 0 30px;margin:0 0 30px 0}
.i-effective-date{color:var(--c-light);margin:0 0 20px 0;padding:0}
.list-archive{list-style:outside;padding:0 0 20px 40px}
.list-archive li{margin:0 0 4px 0}
.list-archive li:last-child{margin:0}
.share-this-page{margin:0 0 80px 0;position:relative}
.share-this-page:before{content:'';display:block;position:absolute;left:0;right:0;top:20px;background:var(--c-lighter);width:100%;height:1px}
.share-input{display:none}
.share-input:checked ~ .share-inside{display:block;padding:30px 0 0 0;font-size:0}
.share-input:checked ~ .share-label:before{content:'\f00d'}
.share-inside{display:none;padding:0}
.share-inside .sm-x{background:#1C9CEA}
.share-inside .sm-facebook{background:#4867AA}
.share-inside .sm-instagram{background:#C32AA3}
.share-inside .sm-pinterest{background:#e40521}
.share-inside .sm-linkedin{background:#007BB5}
.share-inside .sm-whatsapp{background:#128C7E}
.share-label{background:var(--c-white);z-index:2;cursor:pointer;display:inline-block;font-weight:var(--fw-bold);line-height:40px;position:relative;padding:0 30px 0 0;font-size:var(--fs-smaller)}
.share-label:hover{color:var(--c-primary)}
.share-label:hover:before{color:var(--c-white);background:var(--c-primary)}
.share-label:before{content:'\f1e0';display:block;float:left;text-align:center;width:40px;margin:0 20px 0 0;background:var(--c-half);color:var(--c-white);border-radius:50%}
.share-inside a{margin:0 10px 0 0;display:block;border-radius:var(--br40);transition:var(--fx);padding:0 24px;background:var(--c-app);line-height:40px;float:left;font-size:1rem;width:calc(20% - 8px);color:var(--c-white)}
.share-inside a:last-child{margin:0}
.share-inside a:hover{opacity:var(--opc)}
.share-inside b{display:block;float:left;font-size:var(--fs-smaller)}
.share-inside svg{display:block;padding:0;display:block;float:right;width:20px;height:20px;margin:10px 0 0 0}
.i-entrance{margin:0 0 80px 0;position:relative;border-bottom:1px solid var(--c-lighter)}
.i-entry-title{padding:40px 0 0 0}
.i-entry-title h1{margin:0;font-size:4rem;line-height:1.2;padding:0 0 30px 0}
.i-entry-title p{margin:0;position:relative;padding:0 100px 0 0;color:var(--c-light)}
.i-entry-title p:after{content:'';display:block;width:120px;height:4px;background:var(--c-lighter);margin:15px 0 0 0}
.m-cfa{display:block;font-size:var(--fs-smallest);display:none}
.m-cfa a{display:block;line-height:24px}
.m-cfa a:hover{opacity:var(--opc)}
.m-cfa a:before{content:'\f059';display:block;float:left;padding:0 10px 0 0}
.m-cfa u{font-weight:var(--fw-bold)}
.m-down{position:absolute;bottom:10px;right:0;text-align:center;width:40px;z-index:10;font-size:24px}
.m-down a{display:block;text-decoration:none;line-height:40px}
.m-down a:after{content:'\f0ab';display:block}
.i-cards{padding:0}
.i-cards .i-card:nth-child(2n){margin-right:0}
.i-card{float:left;width:calc(50% - 10px);margin:0 20px 60px 0}
.i-card h3{font-size:1rem;padding:0 0 5px 0}
.i-card figure{display:block;overflow:hidden}
.i-card a{display:block;text-decoration:none;overflow:hidden;position:relative;font-weight:var(--fw-normal)}
.i-card p{font-size:var(--fs-smaller);opacity:var(--opc);margin:0}
.i-card figcaption{display:block;padding:20px 20px 0 0;height:140px}
.i-card figcaption:after{content:'\f178';display:block;padding:20px 0 0 0}
.i-card img{width:100%;height:auto;border-radius:var(--br4)}
.ico-pdf:before{content:'\f1c1'}
.ico-xls:before{content:'\e64d'}
.ico-doc:before{content:'\e5ed'}
.ico-ppt:before{content:'\e64a'}
.ico-jpg:before{content:'\e646'}
.ico-png:before{content:'\e666'}
.ico-zip:before{content:'\e5ee'}
.ico-mp3:before{content:'\e648'}
.ico-mp4:before{content:'\e649'}
.ico-zip:before{content:'\e5ee'}
.ico-direct:after{content:'\f061'}
.ico-internal:after{content:'\e093'}
.ico-external:after{content:'\e09f'}
.p-downloads{padding:0 0 30px 0}
.p-downloads-file{margin:0 0 10px 0}
.p-downloads-file a{border:1px solid var(--c-lighter);padding:15px 30px 15px 80px;border-radius:var(--br4);text-decoration:none;display:block;position:relative}
.p-files-info{display:block;opacity:var(--opc);font-size:var(--fs-smallest)}
.p-files-info i{display:inline-block}
.p-files-info i:after{content:'\•';padding:0 6px 0 8px}
.p-files-info i:last-child:after{display:none}
.p-downloads-file a:before{position:absolute;top:20px;left:30px;font-size:20px}
.p-downloads-file a:after{position:absolute;right:30px;bottom:20px}
.p-downloads-file a:hover{background:var(--c-lightest);border:1px solid var(--c-lightest);color:var(--c-main)}
.p-page{padding:0 0 40px 0}
.f-boxes{float:left;width:280px;padding:0 0 30px 0}
.fright{float:right}
.i-map{width:calc(100% - 400px);float:right}
.i-map iframe{width:100%;height:540px;margin:0 0 30px 0;overflow:hidden}
.f-link{margin:0 0 30px 0}
.f-link a{display:inline-block}
.f-link a:after{content:'\e09f';display:inline-block;padding:0 0 0 20px}
.i-contact-title{margin:0 0 30px 0;padding:0 0 10px 0;border-bottom:1px solid var(--c-lighter);display:inline-block;font-weight:var(--fw-bold)}
.i-contact{padding:0!important}
.i-contact li{margin:0 0 30px 0!important;position:relative;list-style:none}
.i-contact li:last-child{margin:0}
.i-contact i,.i-contact span,.i-contact em{display:block}
.i-contact i{opacity:var(--opc);font-size:var(--fs-smaller)}
.i-contact a{text-decoration:none;position:relative;display:inline-block;font-weight:var(--fw-bold)}
.i-contact .a-ico{padding:0 0 0 40px}
.i-contact .a-ico:before{position:absolute;left:0;top:0}
.i-feature{position:relative;margin:0 0 80px 0}
.i-inside{width:calc(100% - 600px);position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);padding:20px 0 0 0}
.i-inside h2,.i-inside h3{font-size:30px;padding:0}
.i-inside p{width:100%;text-align:justify}
.i-note{font-style:italic;font-size:var(--fs-smaller);opacity:var(--opc)}
.i-img{display:block;overflow:hidden;position:relative;width:480px;border-radius:var(--br99)}
.i-img img{width:100%}
.i-far{float:right;right:0}
.i-fal{float:left;left:0}
.i-link{display:block;margin:0 0 20px 0}
.i-link a{background:var(--c-primary);color:var(--c-white);padding:0 30px;display:block;line-height:50px;border-radius:var(--br40);width:100%;text-decoration:none;max-width:320px;font-weight:var(--fw-bold);font-size:16px}
.i-link a:after{content:'\e093';display:block;float:right;padding:0 0 0 60px}
.i-link a:hover{background:var(--c-secondary)}
.i-cta{font-weight:var(--fw-bold);text-decoration:underline}
.cta-all{padding:60px 0;border-top:1px solid var(--c-lighter);width:100%;max-width:600px;font-size:var(--fs-smaller)}
.cta-title{float:left;width:200px}
.cta-all h4{margin:0 0 10px 0;padding:0;font-size:var(--fs-smaller)}
.cta-all h4:after{content:'\f590';display:inline-block;margin:0 0 0 10px}
.cta-all p{margin:0}
.cta-working-hours{opacity:var(--opc)}
.cta-working-hours span,.cta-working-hours i{display:block}
.cta-links ul{list-style:none;padding:0;margin:0;float:left;width:calc(100% - 200px)}
.cta-links ul li{margin:0 0 15px 0;padding:0 0 15px 0;border-bottom:1px solid var(--c-lighter)}
.cta-links ul li:last-child{margin:0;padding:0;border:none}
.cta-links a{display:block;font-weight:var(--fw-bold)}
.cta-links a:before,.cta-links a svg{display:block;float:left;width:40px}
.cta-links a svg{padding:0;width:18px;margin:0 22px 0 0;height:18px}
.cta-label{display:block;float:left}
.cta-links b{display:block;float:right}
.cta-links b:after{display:block;float:right;text-align:right;width:30px;font-size:10px}
.i-features{position:relative;text-align:center;margin:0}
.i-features ul{padding:0;margin:0}
.i-features ul li{position:relative;float:left;width:33.333%;list-style:none;padding:0 0 80px 0;margin:0}
.i-features ul li:last-child{border:none}
.i-features ul li:before{display:block;font-size:3rem;margin:0 0 24px 0;line-height:1}
.i-features ul li i{opacity:var(--opc);display:block;width:100%;max-width:280px;margin:0 auto;font-size:var(--fs-smaller)}
.i-features ul li b{display:block;margin:0 0 5px 0}
.i-oc1:before{content:'\e0ab'}
.i-oc2:before{content:'\e41b'}
.i-oc3:before{content:'\e798'}
.solutions-grid{padding:0 0 80px 0}
.solutions-grid li{margin:0 0 10px 0}
.solutions-grid li:last-child{border:none;padding:0;margin:0}
.solutions-grid li a{display:block;position:relative;border:1px solid var(--c-lighter);padding:30px 40px 30px 30px;border-radius:var(--br4)}
.solutions-grid li a:after{content:'\e093';display:block;position:absolute;bottom:30px;right:30px}
.solutions-grid h2{padding:0;margin:0 0 10px 0;font-size:20px}
.solutions-grid p{margin:0;font-size:var(--fs-smaller);opacity:var(--opc)}
.solutions-grid-title{font-weight:var(--fw-bold);margin:0 0 30px 0}
.breadcrumb{font-size:var(--fs-smallest);color:var(--c-light)}
.breadcrumb ol{overflow-y:hidden;-webkit-overflow-scrolling:touch;white-space:nowrap}
.breadcrumb ol li{display:inline-block;margin:0 12px 20px 0}
.breadcrumb ol li:first-child{margin-left:30px}
.breadcrumb ol li:last-child{margin-right:30px}
.breadcrumb a{color:var(--c-half)}
.breadcrumb ol li:hover a{color:var(--c-primary)}
.breadcrumb ol li:after{content:'\f105';display:inline-block;padding:0 0 0 12px}
.breadcrumb ol li:last-child{display:inline-block;margin-right:30px}
.breadcrumb ol li:last-child:after{display:none}
.inside-link{padding:20px 0}
.inside-link a{display:inline-block;background:var(--c-primary);color:var(--c-white);padding:0 30px;border-radius:var(--br40);line-height:48px;font-weight:var(--fw-bold);font-size:16px}
.inside-link a:hover{background:var(--c-secondary)}
.inside-link a:after{content:'\f178';padding:0 0 0 30px;display:block;float:right}
.contact-links{padding:0 0 20px 0}
.contact-links ul li{width:calc(33.333% - 6px);margin:0 9px 20px 0;float:left}
.contact-links ul li:last-child{margin-right:0}
.contact-links ul li a{display:block;font-weight:var(--fw-bold);border-radius:var(--br4);border:1px solid var(--c-lighter);padding:40px}
.contact-links ul li a:hover{background:var(--c-primary);border:1px solid var(--c-primary);color:var(--c-white)}
.contact-links ul li a:before{display:block;font-size:24px;margin:0 0 40px 0;line-height:1}
.contact-links ul li svg {display:block;width:24px; height:24px; margin:0 0 40px 0;padding:0}
.contact-links ul li i{display:block;opacity:var(--opc);font-weight:var(--fw-normal)}
.contact-links ul li a:hover i{opacity:1}
.contact-group{background:var(--c-app);padding:40px;border-radius:var(--br4);margin:0 0 40px 0}
.contact-info{border-radius:var(--br4);background:var(--c-white);padding:40px;width:420px;float:left}
.contact-info h2{font-size:20px;padding:0;margin:0 0 10px 0}
.contact-info p{margin:0 0 30px 0}
.a-working-hours{position:relative;padding:0 20px 0 20px;font-size:var(--fs-smaller)}
.a-working-hours-title{font-weight:var(--fw-bold);padding:0 0 10px 0;display:block}
.a-working-hours em{font-style:normal;display:block}
.a-working-hours i{margin:0 0 10px 0;display:block}
.a-working-hours i:last-child{margin:0}
.contact-subs{float:right;width:calc(100% - 460px)}
.contact-subs ul li{margin:0 0 30px 0;padding:0 0 30px 0;border-bottom:1px solid var(--c-lighter)}
.contact-subs ul li:last-child{border:none;padding:0;margin:0}
.contact-subs i{display:block;opacity:var(--opc);font-weight:var(--fw-normal);font-size:var(--fs-smaller)}
.contact-subs a{font-weight:var(--fw-bold);position:relative;display:block}
.contact-subs a:hover i{opacity:1}
.contact-subs a:after{position:absolute;right:0;top:0}
.contact-subs-cta{margin:0 0 30px 0;display:block}
.contact-subs-cta a{background:var(--c-primary);color:var(--c-white);padding:30px;border-radius:var(--br4);position:relative;display:block}
.contact-subs-cta a:hover{background:var(--c-secondary)}
.contact-subs-cta a:after{right:30px;top:30px}
.hero-content{position:absolute;left:0;bottom:0;right:0;top:0}
.hero-go{left:0;right:0;z-index:100;text-align:left;position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);padding:140px 80px 60px 60px}
.hero-kicker{display:inline-block;opacity:var(--opc3);font-weight:var(--fw-bold);position:absolute;top:60px;left:60px;border:1px solid var(--c-white);padding:6px 20px;font-size:var(--fs-smaller);border-radius:var(--br40)}
.hero-title{font-size:48px;display:block;margin:0;padding:0;font-weight:var(--fw-bolder)}
.hero-go p{margin:0 0 40px 0;opacity:var(--opc)}
.hero-actions span{display:block;margin:0 0 20px 0}
.hero-actions span:last-child{margin:0}
.hero-actions a{display:inline-block}
.hero-actions .hero-cta{font-weight:var(--fw-bold);background:var(--c-primary);color:var(--c-white);width:100%;max-width:320px;padding:0 40px;border-radius:var(--br40);line-height:50px}
.hero-actions .hero-cta:after{content:'\f178';display:block;float:right}
.hero-actions .hero-cta:hover{background:var(--c-secondary);color:var(--c-white)}
.hero-actions .hero-cfa{color:var(--c-white);opacity:var(--opc)}
.hero-actions .hero-cfa:before{content:'\f178';display:block;float:left;padding:0 20px 0 0}
.hero-actions .hero-cfa:hover{text-decoration:underline;opacity:1}
.pbthr{border-bottom:1px solid var(--c-lighter);margin:0 0 80px 0}
.p-guide-head {margin:0 0 30px 0}
.p-guide-head h2 {font-size:1rem;margin:0 0 30px 0}
.p-guide-head p {margin:0}
.p-guide-body{padding:0 0 30px 0}
.p-guide-main{width:calc(100% - 360px);float:left;padding:0 0 40px 0}
.p-guide-main ul li{float:left;width:calc(50% - 5px);margin:0 10px 10px 0}
.p-guide-main ul li:nth-child(2n){margin-right:0}
.p-guide-main ul li:last-child{margin:0;border:none;padding-right:0}
.p-guide-main ul li a{display:block;border:1px solid var(--c-lighter);padding:40px;border-radius:var(--br4);position:relative}
.p-guide-main ul li a:hover{border:1px solid var(--c-primary);background:var(--c-primary);color:var(--c-white)}
.p-guide-main ul li a:before{display:block;font-size:30px;margin:0 0 40px 0;line-height:1}
.p-guide-main ul li p {max-width:200px;font-size:var(--fs-smaller)}
.p-guide-main ul p{opacity:var(--opc);margin:0}
.p-guide-main h3{margin:0;padding:0 0 4px 0;font-size:1rem}
.p-guide-contents {width:280px;float:right;padding:0 0 50px 0}
.p-guide-contents-title {border-bottom:1px solid var(--c-lighter);padding:0 0 20px 0;margin:0 0 30px 0}
.p-guide-contents-title a {display:block;float:right;background:var(--c-bluebg2);border-radius:var(--br40);font-weight:var(--fw-bold);padding:0 20px}
.p-guide-contents-title a:hover{background:var(--c-primary);color:var(--c-white)}
.p-guide-contents h3 {font-size:1rem;float:left;margin:0;padding:0;line-height:inherit}
.p-guide-contents ul{list-style:outside;padding:0 0 0 20px}
.p-guide-contents ul li{margin:0 0 15px 0}
.p-guide-contents ul li:last-child{margin:0;padding:0;border:none}
.p-guide-contents ul li a{display:block}
.p-guide-contents h4 {font-size:1rem;margin:0;padding:0;font-weight:var(--fw-normal)}
.ico-g1:before{content:'\f059'}
.ico-g2:before{content:'\f0f4'}
.ico-g3:before{content:'\f518'}
.ico-g4:before{content:'\f07c'}
.p-solutions{padding:10px 0 20px 0;font-size:0}
.p-solutions figure{display:block;margin:0 auto 12px auto;max-width:70px;border-radius:var(--br40);overflow:hidden}
.p-solutions ul{overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch}
.p-solutions ul li{display:inline-block;padding:0 50px 20px 0;text-align:center}
.p-solutions ul li:first-child{padding-left:30px}
.p-solutions-title{display:block;font-weight:var(--fw-bold);font-size:var(--fs-smaller);line-height:18px;max-width:80px;white-space:normal}
.p-solutions i{display:none;opacity:var(--opc);font-size:var(--fs-smaller);max-width:180px;line-height:1.4}
.i-home-promo{background:#aaa;margin:0 0 80px 0;border-radius:var(--br4)}
.ihpimg{float:right;width:calc(100% - 600px);overflow:hidden;position:relative;border-radius:var(--br99)}
.ihpgo ul li{width:100%;position:relative;margin:0 0 40px 0;padding:0 0 0 48px}
.ihpgo ul li:before{content:'\f00c';display:block;opacity:var(--opc3);position:absolute;left:0;top:0}
.ihpgo strong{display:block}
.ihpgo span{display:block;font-size:var(--fs-smaller);opacity:var(--opc)}
.gcse-search{height:58px!important}
.gsc-control-cse{padding:0!important;border:none!important;font-family:inherit!important}
.gcsc-more-maybe-branding-root{display:none!important}
.rotateFX{position:relative;display:block;height:48px;font-size:2rem}
.rotateFX span{position:absolute;top:0;left:0;right:0;opacity:0;animation:rotateFX 9s infinite;margin:0;display:block}
.rotateFX span:nth-child(2){animation-delay:3s}
.rotateFX span:nth-child(3){animation-delay:6s}
.hP li{-webkit-animation:Hoppa .6s .6s ease both;animation:Hoppa .6s .6s ease both}
.hP li:nth-child(1){-webkit-animation-delay:.1s;animation-delay:.1s}
.hP li:nth-child(2){-webkit-animation-delay:.15s;animation-delay:.15s}
.hP li:nth-child(3){-webkit-animation-delay:.2s;animation-delay:.2s}
.hP li:nth-child(4){-webkit-animation-delay:.25s;animation-delay:.25s}
.hP li:nth-child(5){-webkit-animation-delay:.30s;animation-delay:.30s}
.hP li:nth-child(6){-webkit-animation-delay:.35s;animation-delay:.35s}
.hP li:nth-child(7){-webkit-animation-delay:.40s;animation-delay:.40s}
.hP li:nth-child(8){-webkit-animation-delay:.45s;animation-delay:.45s}
.hP li:nth-child(9){-webkit-animation-delay:.50s;animation-delay:.50s}
.hP li:nth-child(10){-webkit-animation-delay:.55s;animation-delay:.55s}
.hP li:nth-child(11){-webkit-animation-delay:.60s;animation-delay:.60s}
.hP li:nth-child(12){-webkit-animation-delay:.65s;animation-delay:.65s}
.hP li:nth-child(13){-webkit-animation-delay:.70s;animation-delay:.70s}
.hP li:nth-child(14){-webkit-animation-delay:.75s;animation-delay:.75s}
.hP li:nth-child(15){-webkit-animation-delay:.80s;animation-delay:.80s}
.hP li:nth-child(16){-webkit-animation-delay:.85s;animation-delay:.85s}
.p-wide-all{margin:0 0 80px 0}
.p-wide-all h2{font-size:30px;margin:0 0 15px 0;line-height:1.3}
.p-wide{background:var(--c-app);border-radius:var(--br12);margin:0 0 80px 0;padding:40px 40px 10px 40px}
.pnew-title{font-size:30px}
.single-page{padding:40px 0 0 0}
.single-header {margin-bottom:60px}
.single-meta{opacity:var(--opc);margin:0 0 30px 0;font-size:var(--fs-smaller)}
.single-meta time {display:inline-block;padding:0 16px;border-radius:var(--br40);background:var(--c-app);font-weight:var(--fw-bold)}
.single-content{padding:0 0 40px 60px}
.single-page h1{font-size:3rem;margin:0}
.single-page h2, .single-page h3{font-size:30px;padding:20px 0 0 0;margin:0 0 10px 0}
.single-header p{margin:12px 0 0 0}
.single-media{width:100%;max-width:1240px;margin:0 auto 60px auto;border-radius:var(--br8);overflow:hidden;position:relative}
.single-media img{width:100%;height:auto}
.single-summary{padding:0 0 0 40px;border-left:10px solid var(--c-lighter);margin:0 0 40px 30px;font-size:1rem}
.single-summary h2{padding:0 0 10px 0;font-size:20px}
.single-checklist li{position:relative;padding:0 0 0 30px;margin:0 0 10px 0}
.single-checklist li:last-child{margin:0}
.single-checklist li:before{content:'\f00c';display:block;position:absolute;left:0;top:0}
.single-list{list-style:outside;padding:0 0 20px 40px}
.single-list li{margin:0 0 4px 0}
.single-list li:last-child{margin:0}
.single-note{padding:0 0 0 30px;border-left:10px solid var(--c-lighter);margin:30px 0 30px 30px}
.single-note strong{display:block;padding:0 0 4px 0}
.single-note p{font-style:italic}
.single-note p:last-child{margin:0}
.single-cta{font-weight:var(--fw-bold);text-decoration:underline}
.slider-multi .single-card{width:360px}
.single-card figure{display:block;margin:0 0 20px 0;border-radius:var(--br4);overflow:hidden}
.single-card figure img{width:100%;height:auto;transition:var(--fx)}
.single-card a:hover figure img{transform:scale(1.04)}
.single-card h3{font-size:1rem;margin:0}
.single-cards .single-card{width:calc(33.333% - 8px);margin:0 12px 60px 0;float:left}
.single-cards .single-card:nth-child(3n){margin-right:0}
.single-cards .p-info{height:140px}
.single-card .p-info{padding:0 30px 0 0}
.single-card p{opacity:var(--opc);font-size:var(--fs-smaller);display:block;margin:0}
.p-date{display:block;font-size:var(--fs-smaller);padding:0 0 10px 0}
.w-107{width:100%;max-width:1400px;margin:0 auto 60px auto;position:relative;border-radius:var(--br8);overflow:hidden;background:var(--c-brown)}
.w-figure{display:block;position:relative;z-index:0}
.w-figure img {float:right;max-width:1200px;position:relative;z-index:1}
.w-figure:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;z-index:40;background:rgb(67,40,24);background:linear-gradient(90deg, rgba(67,40,24, 1) 200px, rgba(121, 85, 72, 0) 100%)}
.w-inside{position:absolute;left:0;top:0;right:0;bottom:0;color:var(--c-white);padding:80px 0}
.w-inside h1{margin:0 0 20px 0;font-size:4rem;line-height:1}
.w-inside p{margin:0}
.w-header{margin:0 0 60px 0}
.b2b-proof{margin:60px auto}
.b2b-proof ul{list-style:none;font-size:0;border-top:1px solid var(--c-opc2);border-bottom:1px solid var(--c-opc2);padding:30px 0 0 30px;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch}
.b2b-proof li{margin:0;display:inline-block;font-size:1rem;text-align:left;position:relative;padding:0 30px 30px 0;width:25%;min-width:200px;white-space:normal}
.b2b-proof li:before{display:block;font-size:36px;line-height:1;margin:0 0 20px 0}
.b2b-proof strong{display:block;font-size:16px}
.b2b-proof span {display:inline-block;width:100%;max-width:180px;font-size:var(--fs-smaller);line-height:1.3}
.b2b-ico1:before{content:'\e13e'}
.b2b-ico2:before{content:'\f0f4'}
.b2b-ico3:before{content:'\f0d1'}
.b2b-ico4:before{content:'\f2b5'}
.w-links {line-height:48px}
.w-links a{display:inline-block;border-radius:var(--br40);padding:0 60px;font-weight:var(--fw-bold)}
.w-cta {background:var(--c-primary);color:var(--c-white);margin:0 6px 0 0}
.w-cta:hover{background:var(--c-secondary);color:var(--c-white)}
.w-cfa{color:var(--c-white);background:var(--c-opc)}
.w-cfa:hover{background:var(--c-secondary);color:var(--c-white)}
@-webkit-keyframes Hoppa{
0%{opacity:0}
66%{opacity:.8}
77%{opacity:.9}
100%{opacity:1}
}
@keyframes Hoppa{0%{opacity:0}
66%{opacity:.8}
77%{opacity:.9}
100%{opacity:1}
}
@keyframes rotateFX{0%{opacity:0}
5%{opacity:1}
20%{opacity:1}
25%{opacity:0}
100%{opacity:0}
}
@media screen and (max-width:1480px){
.f25{padding:0 0 0 100px}
.w-107{border-radius:0;max-width:100%}
}
@media screen and (max-width:1360px){
.i-inside {width:calc(100% - 540px)}
.slider-main .slider-arrow.prev {left:30px}
.slider-main .slider-arrow.next {right:30px}
}
@media screen and (max-width:1280px){
.f25{padding:0 0 0 60px}
.p-solutions ul li{padding:0 40px 20px 0}
.i-inside {width:calc(100% - 460px)}
.i-img{width:400px}
.p100 {padding:0 0 80px 0}
.p100-title{position:relative;top:auto;left:auto;width:100%;line-height:inherit;margin:0 0 40px 0}
.p100-title span{max-width:inherit}
.single-media{max-width:100%;border-radius:0}
.p-guide-main {width:calc(100% - 320px)}
}
@media screen and (max-width:1080px){
.p-guide-main ul li a{padding:30px}
.p-guide-main ul li a:before{margin:0 0 60px 0;font-size:24px}
.slider-hero .hero-image {margin-right:-200px}
.hero-kicker{top:60px;left:60px}
.hero-go {padding:60px 60px 0 60px}
.hero-go p{max-width:360px}
.hero-title{font-size:3rem}
.single-content{font-size:1rem}
.single-header{margin:0 0 40px 0}
.single-media{margin:0 0 40px 0}
.slider-hero .sitm {color:var(--c-white);width:calc(96vw - 60px)}
.slider-main .slider-arrow { display:none}
.p-entry{width:calc(100% - 360px)}
.product-title {margin:10px 0px 30px 0;max-width:360px;line-height:1.1}
.share-inside svg{float:none}
.share-inside a{border-radius:var(--br4);padding:12px 24px}
.simple-gallery{right:20px;width:320px}
.i-img{width:100%;max-width:800px;margin:0 auto;float:none}
.i-inside{width:100%;position:relative;top:auto;-ms-transform:none;transform:none;padding:30px 0 0 0}
.i-feature {position:relative;margin:0 0 40px 0}
.i-features ul li{width:50%}
.ihpgo{padding:10px 20px 0 20px}
.ihpgo ul li:before{font-size:24px}
.ihpgo ul li{margin:0 0 30px 0}
.p-solutions ul li{padding:0 30px 20px 0}
.f-bottom{border:none;padding:0}
.f-social-media{position:relative;top:auto;right:auto;padding:0 0 30px 0}
.main-product,.main-single{padding:110px 0 0}
.h-nav{display:none}
.f-support{padding:0 80px 0 0;margin:0 0 60px 0;border-right:1px solid var(--c-lighter)}
.f25{float:none;width:100%}
.f-nav{width:calc(100% - 300px)}
.f-nav .f-collapse ul,.f-nav .f-collapse span{display:none}
.f-nav .f-title{padding:0 0 30px 0;margin:0 0 30px 0}
.f-nav .f-title:after{content:'\f107';display:block;float:right}
.f-nav input[type="checkbox"]:checked + .f-title:after {content:'\f068'}
.f-nav input[type="checkbox"]:checked ~ ul, .f-nav input[type="checkbox"]:checked ~ span {display:block}
.f-products .product-card {width:50%}
.f-right:before{display:none}
.f-right{padding:0 0 20px 0}
.i-entrance {margin:0 0 60px 0}
}
@media screen and (max-width:1024px){
.w-figure:before{background:linear-gradient(90deg, rgba(67,40,24, 1) 0, rgba(121, 85, 72, 0) 100%)}
.b2b-proof li:before{position:absolute;left:0;top:0;font-size:30px;line-height:inherit}
.b2b-proof li{padding:0 30px 30px 50px;width:auto}
.w-figure img{float:none;max-width:1024px}
.b2b-proof{margin:40px auto}
.w-inside h1{font-size:3rem}
.single-cards .single-card {width:calc(50% - 6px);margin-right:12px}
.single-cards .single-card:nth-child(3n){margin-right:12px}
.single-cards .single-card:nth-child(2n){margin-right:0}
.i-information {width:100%;float:none;max-width:100%}
.i-shortcuts{float:none;width:100%;margin:0 0 30px 0}
.i-shortcuts ul li{margin:0 0 10px 0}
.i-shortcuts .hP{display:none}
.i-dropdown:checked~.hP{display:block}
.contact-links ul li a{padding:30px}
.method-ingredients .n-info {width:50%;padding:0 0 40px 0;float:left}
.bgapp{padding:80px 0 60px 0}
.core-feature-card {width:calc(50% - 10px);margin:0 20px 20px 0}
.core-feature-card:nth-child(3),.core-feature-card:nth-child(5){margin-right:0}
.core-feature-card--primary {float:none;width:100%;margin:0 0 20px 0}
}
@media screen and (max-width:900px){
.p-guide-main ul li{float:none;width:100%;margin:0 0 10px 0}
.p-guide-main ul li a{padding:30px 30px 30px 90px}
.p-guide-main ul li a:before{margin:0;position:absolute;left:30px;top:30px}
.hero-go p{margin:10px 0 30px 0}
.contact-subs, .contact-info {width:100%;float:none}
.contact-subs {margin:0 0 40px 0}
.f-filters {float:none;width:100%;margin:0 0 20px 0}
.f-acc{position:relative;-webkit-transition:var(--fx);transition:var(--fx);display:none;padding:0;margin:0 0 30px 0;font-size:var(--fs-smaller)}
.f-right {float:none;width:100%;padding:0 0 20px 0}
.f-top{margin:0}
.f-products .product-card {margin:0 0 40px 0;width:50%;padding:0 5px}
.f-filters-count{display:none}
.f-filters-label{font-family:var(--fw-bold);z-index:10;position:relative;border-bottom:1px solid var(--c-lighter);line-height:50px;display:block;font-weight:var(--fw-bold);font-size:var(--fs-smaller)}
.f-filters-button:checked ~ .f-acc{display:block;padding:10px 20px}
.f-filters-label:after{content:'\f141';display:block;float:right}
.f-filters-button:checked ~ .f-filters-label:after{content:'\f00d'}
.contact-links ul li {width:100%;margin:0 0 10px 0;float:none}
.contact-links ul li a:before {float:left;line-height:inherit;width:48px}
.contact-links ul li svg{float:left;margin:0 20px 10px 0}
.contact-links ul li a {padding:24px 30px}
}
@media screen and (max-width:768px){
.p-guide-main{float:none;width:100%}
.p-guide-main h3{padding:0}
.p-guide-contents{float:none;width:100%}
.p-guide-contents ul li{margin:0 0 12px 0}
html{font-size:16px}
.cookies {left:0;right:0;width:100%;bottom:0;border-radius:0;padding:30px}
.cookies-title {margin:0 0 5px 0}
.cookies p {width:100%;max-width:460px;margin:0 0 20px 0}
.cookies-close {display:none}
.cookies-button {float:left;padding:0;line-height:40px}
.cookies-approve {width:calc(100% - 136px)}
.cookies-reject {float:right; width:130px}
.p-more{background:var(--c-app);text-align:center;padding:40px;margin:0 0 60px 0}
.p-more h6{margin:0 auto 40px auto}
.h-search-tags{padding:0 0 30px 0}
.h-search-tags li{display:block;margin:0 0 8px 0;padding:0}
.h-search-tags li:last-child{margin:0}
.h-search-tags li a {padding:0;border-radius:0;background:none;display:inline-block}
.h-search-tags li a:hover{background:none;color:var(--c-primary)}
.h-search-tags li a:before {content:'\f178';display:block;float:left;padding:0 20px 0 0}
.single-page h2,.single-page h3{font-size:24px}
.single-summary{margin:0 0 30px 0;padding:0 0 0 30px;border-left:6px solid var(--c-lighter)}
.single-note{margin:30px 0;border-left:6px solid var(--c-lighter)}
.single-content{padding:0 0 20px 0}
.share-this-page{margin:0 0 40px 0}
.i-entry-title h1{font-size:3rem}
.product-title{font-size:3rem}
.i-features ul li{width:100%;float:none}
.sitm:first-child{margin-left:20px}
.sitm:last-child{margin-right:20px}
.single-cards .single-card:first-child{margin-left:0}
.single-cards .single-card:last-child{margin-right:0}
.f-products .product-card{margin:0 0 40px 0}
.slider-title {margin:0 0 20px 20px}
.slider-arrow.next{right:15px}
.slider-arrow.prev {right:50px}
.slider-progress{display:none}
.slider-hero .sitm {color:var(--c-white);width:calc(96vw - 40px)}
.slider-hero .sitm{max-width:480px}
.slider-hero .hero-image{float:none}
.hero-go{position:relative;top:auto;left:auto;bottom:auto;right:auto;-ms-transform:inherit;transform:inherit;padding:40px}
.hero-kicker {top:40px;left:40px}
.hero-title{line-height:1.1;font-size:36px}
.p-solutions ul li:first-child{padding-left:20px}
.p-solutions ul li:last-child{padding-right:40px}
.h-100,.f-100,.w-100{padding:0 20px}
.core-feature-grid{padding:0 20px}
.menu-active .h-nav{margin:0 0 0 -20px}
.breadcrumb ol li:first-child{margin-left:20px}
.f-div{padding:50px 0;margin:0 0 180px 0}
.f-exit{height:180px}
.f-contact .f-collapse ul, .f-contact .f-collapse span{display:none}
.f-contact input[type="checkbox"]:checked + .f-title:after {content:'\f068'}
.f-contact input[type="checkbox"]:checked ~ ul, .f-contact input[type="checkbox"]:checked ~ span {display:block}
.f-contact .f-title:after{content:'\f107';display:block;float:right}
.f-nav .f-title, .f-title{padding:0;margin:0 0 20px 0;border:none}
.f-nav,.f-support{float:none;width:100%;border:none;padding:0;margin:0}
.f-social-media {margin:30px 0 50px 0;padding:0}
.f25{padding:0}
.ftl3 {margin:0 0 30px 0}
.f-policies{padding:0 0 30px 0}
.f-arr:before,.f-arr:after{display:none}
.f-last span{display:block}
.f-author{padding:10px 0 0 0}
.f-contact ul, .f-nav ul {padding:0 0 30px 30px}
.f-nav-title {padding:0 0 8px 30px}
.f-toplink {margin-left:30px}
.solutions-grid li a:after {top:30px;bottom:auto;right:auto;left:30px}
.solutions-grid li a {padding:30px 30px 30px 70px}
}
@media screen and (max-width:760px){
.menu-btn{width:50px}
.menu-btn:before{font-size:20px}
.menu-btn span{display:none}
.h-logo {margin:0 0 0 50px;width:98px}
.h-logo a {padding:6px 0}
.h-language{width:60px;margin:0 30px 0 0}
.h-language-set{display:none}
.h-language-code{display:block}
.search-active .search-btn:before, .menu-active .menu-btn:before{font-size:20px}
.bgapp{margin:0 0 60px 0;padding:80px 0 40px 0}
.simple-gallery{position:relative;right:auto;top:auto;width:100%;margin:0 0 40px 0;padding:10px 0 0 0}
.sg-main{border:1px solid var(--c-lighter);border-radius:var(--br4)}
.sg-slide img{width:100%;max-width:400px;margin:0 auto;padding:60px 20px}
.sg-thumbs{margin:20px 0 0 0}
.p-entry, .product-title{max-width:100%;width:100%;margin:15px 0px 30px 0}
.p100{padding:0 0 60px 0}
.n100:last-child{border:none;margin:0}
.n30,.n70{float:none;width:100%}
.n30{font-weight:var(--fw-bold);margin:0 0 10px 0}
.method-ingredients .n-info{float:none;width:auto;padding:20px 40px 20px 0}
}
@media screen and (max-width:640px){
.single-cards .single-card{float:none;width:100%;margin:0 0 60px 0}
.single-cards .p-info{height:auto}
}
@media screen and (max-width:600px){
.p-more h6{font-size:24px}
.inquiry-toggle-wrap>input:checked + label + .inquiry-calc-content{text-align:center}
.inquiry-calc-results, .inquiry-demand-results {margin-top:20px}
.inquiry-volume-step, .inquiry-calc-step {width:30px;height:30px}
.i-card{width:100%;float:none;margin:0 0 60px 0}
.i-card figcaption{height:auto}
.inquiry-panel-body{padding:20px}
.cta-title{margin:0 0 30px 0}
.cta-title,.cta-links ul{float:none;width:100%}
.core-feature-card{float:none;width:100%;margin:0 0 20px 0;min-height:auto}
.inquiry-form-grid{display:block}
}
@media screen and (max-width:500px){
.hero-go{padding:30px}
.hero-title{max-width:100px}
.hero-actions .hero-cta{line-height:40px}
.w-inside h1{font-size:40px;margin:0 0 10px 0}
.w-figure img {float:none;max-width:940px}
.w-cfa{display:none!important}
.hero-go p{margin:10px 0 0 0;height:100px}
.contact-group{padding:30px}
.f-products .product-card{padding:0;width:100%;float:none;margin:0 0 60px 0}
.product-card img {width:100%;max-width:240px;margin:0 auto}
.inquiry-choice-card {display:block;width:100%}
.inquiry-choice-card:has(input:checked):before{content:'\f00c';display:block;float:left;padding:0 20px 0 0}
.share-inside svg{float:right;width:16px;text-align:center}
.share-inside a{border-radius:var(--br40);padding:2px 24px;width:100%;margin:0 0 10px 0}
.inquiry-demand-field label{display:block;padding:0 0 10px 0}
.inquiry-demand-field input{max-width:100%;text-align:center}
.inquiry-demand-result-value{display:block}
.inquiry-demand-result-item{margin:0 0 10px 0}
.inquiry-volume-current{font-size:30px}
.contact-info {background:none;padding:40px 0 0 0;border-top:1px solid var(--c-lighter)}
.contact-subs a {padding:0 0 0 40px;display:block}
.contact-subs a:after {position:absolute;right:auto;left:0;top:0}
.contact-subs-cta a:after {position:relative;display:block;padding:20px 0 0 0}
.contact-subs-cta a{padding:30px 20px 20px 40px}
}
@media screen and (max-width:460px){
.menu-btn{width:40px}
.h-language {margin:0 20px 0 0;width:32px}
.h-language-code {display:none}
.h-language-selected:before{float:none}
.menu-active .h-nav-main{padding:10px 20px 20px 20px}
.menu-active .h-nav{width:100%}
.hero-actions .hero-cta{padding:0 20px;border-radius:var(--br4)}
.hero-actions .hero-cta:after{content:'\f105'}
}
.partner-steps{border-top:1px solid var(--c-lighter);border-bottom:1px solid var(--c-lighter);padding:30px 0}
.partner-step{width:25%;float:left;border-right:1px solid var(--c-lighter);padding:0 20px}
.partner-step:last-child{border:none}
.partner-step-num{display:block; font-weight:var(--fw-bold); font-size:30px}
.partner-step p{margin:0}
.nb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:10px}
.nb-card{padding:30px;display:flex;flex-direction:column;transition:var(--fx);border:1px solid var(--c-lighter);border-radius:var(--br8);overflow:hidden}
.nb-card:hover{background:var(--c-bluebg);border:1px solid var(--c-primary)}
.nb-title{font-weight:var(--fw-bold);margin:0;padding:0;font-size:24px}
.nb-sub{opacity:var(--opc);margin:0;padding:0 0 20px 0;border-bottom:1px solid var(--c-lighter);font-size:var(--fs-smaller)}
.nb-body{padding:30px 0;margin:0}
.nb-link{display:inline-flex;align-items:center;font-weight:var(--fw-bold);color:var(--c-primary);text-decoration:none;padding:4px 0;border-bottom:1px solid transparent;transition:var(--fx);align-self:flex-start}
.nb-link:hover{border-bottom-color:var(--c-primary)}
.nb-link:after{content:'\f178';padding:0 0 0 8px}
.nb-new{padding:10px 0 30px 0}
.nb-newcard {padding:0 0 30px 40px;max-width:900px;position:relative}
.nb-newtitle{margin:0 0 5px 0;font-size:20px}
.nb-newcard:before{content:'\f00c';position:absolute;left:0;top:0;font-size:20px;}
.new-form-wrap {margin:0 0 40px 0;background:var(--c-greenbg);padding:30px;border-radius:var(--br8)}
.new-form {padding:40px;border-radius:var(--br8);background:var(--c-white)}
.new-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:30px}
.new-form-group{margin-bottom:25px}
.new-form-group label{display:block;margin-bottom:10px;font-size:var(--fs-smaller);font-weight:var(--fw-bold)}
.new-form-group input,.new-form-group textarea{width:100%;padding:14px 16px;border:1px solid var(--c-lighter);border-radius:4px;background:var(--c-white);transition:var(--fx)}
.new-form-group textarea{min-height:150px;resize:vertical}
.new-form-group input:focus,.new-form-group textarea:focus{outline:none;border-color:var(--c-primary)}
.new-form-radio{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.new-form-radio label{display:flex;align-items:center;gap:10px;margin:0;padding:14px 16px;border:1px solid var(--c-lighter);border-radius:4px;cursor:pointer;transition:var(--fx)}
.new-form-radio label:hover{border-color:var(--c-primary)}
.new-form-radio input{width:18px;height:18px;accent-color:var(--c-primary)}
.new-form-radio label:has(input:checked){border-color:var(--c-primary);background:var(--c-bluebg2)}
.new-form-consent{margin:35px 0}
.new-form-consent label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:var(--fs-smaller)}
.new-form-consent input{margin-top:3px;accent-color:var(--c-primary)}
.new-form-button{display:inline-block;padding:0 34px;height:52px;border:none;border-radius:999px;background:var(--c-primary);color:var(--c-white);font-weight:var(--fw-bold);cursor:pointer;transition:var(--fx)}
.new-form-button:hover{background:var(--c-secondary)}
@media (max-width:768px){
.new-form{padding:20px}
.new-form-grid,.new-form-radio{grid-template-columns:1fr}
.new-form-button{width:100%}
}