/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v31-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/montserrat-v31-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v31-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


:root {
      --primary-color: #1F5849;
      --base-font-size: min(max(1rem, 1.05vw), 18px);
      --base-font-color: #000;
      --base-line-height: 160%;
      --google-font: 'Montserrat', sans-serif;
      --navi-background: #38b896;
      --footer-navi-background: #000;
      --navilink-font-size: min(max(0.95rem, 1.125vw), 18px);
      --navilink-color: #38b896;
      --navilink-font-weight: 700;
      --navilink-padding: 0 0 0 40px;
      --navilink-selected-color: #fff;
      --heading-size-1: min(max(3.6rem, 7vw), 150px);
      --heading-size-2: min(max(2.4rem, 4vw), 70px);
      --heading-size-3: min(max(2.4rem, 2.5vw), 50px);
      --heading-size-4: min(max(1.4rem, 1.8vw), 36px);
      --heading-size-5: min(max(1.4rem, 1.4vw), 28px);
      --heading-size-6: min(max(1.2rem, 1.2vw), 24px);
      --grid-gap: 2em 3em;
      --button-background: #38b896;
      --button-text-color: #fff;
      --button-font-size: min(max(0.8rem, 1vw), 1rem);
      --button-font-weight: 700;
      --button-padding: 8px 30px;
      --max-button-width: 450px;
      --max-input-width: 100%;
      --img-gallery-rows: repeat(auto-fit, minmax(200px, 1fr));
      --img-gallery-img-size: 300px;
      --mobilemenu-container-height: 73px;
      --mobilemenu-open-close-color: #fff;
      --mobilemenu-menutext-color: #fff;
      --mobilemenu-button-background: #38b896;
      --mobilemenu-link-color: #fff;
      --mobilemenu-link-background: #1d1f1e;
      --mobilemenu-expand-button: #1d1f1e;
      --mobilemenu-submenu-background: #000;
      --padding-s: min(max(20px, 1vw), 20px);
      --padding-m: min(max(30px, 2vw), 40px);
      --padding-xl: min(max(40px, 3vw), 60px);
      --padding-xxl: min(max(60px, 4vw), 80px);
      --animate: all .3s ease 0s;
    }

body, html, p {margin: 0;padding: 0;font-family: var(--google-font);color: var(--base-font-color);font-size: var(--base-font-size);line-height: var(--base-line-height)}  html {scroll-behavior: smooth;} img {max-width: 100%;height: auto;display: block;}header.content-col { position: absolute;z-index: 202;height:181px;background: #000;background: linear-gradient(-180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 94%, rgba(0, 0, 0, 0) 100%);}a {color: var(--primary-color);text-decoration: none}a:hover {text-decoration: underline}h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {font-family: "atrament-web", sans-serif;font-weight: 700;font-style: normal;margin: 0;padding: 0;line-height: 100%;color: var(--primary-color); }h1, h1 a {font-size: var(--heading-size-1);text-transform:uppercase}h2, h2 a {font-size: var(--heading-size-2);}h3, h3 a {font-size: var(--heading-size-3);}h4, h4 a {font-size: var(--heading-size-4);}h5, h5 a {font-size: var(--heading-size-5);}h6, h6 a {font-size: var(--heading-size-6);}picture {width: 100%}section, article, .center-col, .content-col{box-sizing:border-box;}table, td, tr {border-collapse: unset !important}@media screen and (max-width:1024px) {table, td, tr {height: auto !important;max-width: 100%}header.content-col {z-index: 2;}}@media screen and (max-width:480px) {body {line-height: calc(1rem + 1.2vw)}}@media screen and (max-width:375px) {h1, h2, h3, h4, h5, h6 {word-wrap: anywhere}}

/* Wrappers */
.content-col, .center-col {width: 100%;clear: both;position: relative;}.center-col {width: min(max(60vw, 1600px), 90%);margin: 0 auto}.center-col iframe { max-width: 100%;margin: 0 auto}.narrow-col{max-width:1200px;}.erikoiskuva, .kuva, .kuva2 {box-sizing:border-box;border: 0;outline: 0;height: auto;margin: 0;cursor: pointer; max-width:100%;}

/* Grids */
.autogrid,.dgrid-2-cols, .dgrid-3-cols, .dgrid-4-cols, .dgrid-s-m-s-cols, .dgrid-s-xl-cols, .dgrid-xl-s-cols, .dgrid-m-l-cols, .dgrid-l-m-cols {display: grid;grid-gap: var(--grid-gap);clear: both;position: relative;} .dgrid-s-m-s-cols {grid-template-columns: 1fr 2fr 1fr}.dgrid-s-xl-cols {grid-template-columns: 1fr 3fr} .dgrid-xl-s-cols {grid-template-columns: 3fr 1fr}.dgrid-m-l-cols {grid-template-columns: 1fr 2fr}.dgrid-l-m-cols {grid-template-columns: 2fr 1fr}.autogrid, .dgrid-3-cols{grid-template-columns:repeat(auto-fit, minmax(350px,1fr))}.dgrid-2-cols {grid-template-columns:repeat(2,1fr)}.nogap {grid-gap: 2em 0;}.dgrid-4-cols{grid-template-columns:repeat(2,1fr);}@media screen and (max-width:1024px) {.dgrid-m-l-cols, .dgrid-l-m-cols, .dgrid-s-m-s-cols, .dgrid-s-xl-cols, .dgrid-xl-s-cols {grid-template-columns: 1fr}}@media screen and (max-width:768px) {.dgrid-2-cols, .dgrid-4-cols{grid-template-columns:1fr;}} @media screen and (max-width:480px) {.autogrid, .dgrid-2-cols, .dgrid-3-cols {grid-template-columns:repeat(auto-fit, minmax(220px,1fr))}}

/* Navigation */

#navi-wrap {grid-column:1 / -1}#main-navi, #top-navi, #footernavi {border-radius:12px;margin: 0 auto;padding: 0;list-style: none;z-index: 2;position: relative;flex-direction: row;justify-content: flex-end;width:100%}#main-nav {justify-self: flex-end;}#top-navi {justify-content: flex-end} #footernavi{background:var(--footer-navi-background)}.mainnavi-link, .topnavi-link, .footerlink {padding: var(--navilink-padding);font-size: var(--navilink-font-size);font-weight: var(--navilink-font-weight);text-decoration: none;text-transform: uppercase; color: var(--navilink-color);display: block;}.topnavi-link{color:#919191}.mainnavi-link:hover, .topnavi-link:hover, .footerlink:hover {color: #c6c6c6;}.mainnavi-selected,#link-sel-1-2, #link-sel-2-3, #link-sel-3-4, #link-sel-4-5, #link-sel-5-6, #link-sel-6-7 {color: var(--navilink-selected-color);text-decoration: none}#logobg {background: url(../img/header/logobg.png)right bottom no-repeat; background-size:cover;width: 37vw;min-width: 300px;height: 15vw;position: absolute;left:0; top:0; z-index:2}#logoimg {max-width: 50%;margin: 0; float: none;display: block;height: auto;}#logo img {max-width:11vw;min-width:180px; padding:30px 0 0 30px}#sidenavi ul, #sidenavi li{list-style:none; margin:0; padding:0;}#sidenavi > ul {padding: 1em 2em;height: auto;background: var(--primary-color);}#sidenavi > ul a.valikkolinkki,#sidenavi > ul a.valikkolinkki-sel{padding:5px 0} #sidenavi ul li ul {padding: 0 0 0 20px !important;margin: 0;}#sidenavi ul li ul li ul {padding-bottom: 2em !important;}#navicol {max-width: 60%;float: right;top: 30px;right: 50px;position: relative; z-index:3}

/* General classes, heroimg, banners */
#main-heroimg {width: 100%;min-height: 48vw;}
#subpage-hero #main-heroimg {max-height: 751px;object-fit: cover;min-height: 300px;}
.heroimg {position: relative;}
picture img {width:100%; max-height:1040px;object-fit:cover}
#hero-content {padding-top:100px; max-width: 850px;}
#herotext h1, #herotext h2, #herotext h3, #herotext h4, #herotext h5, #herotext h6, #herotext p {color:#fff; text-shadow:0px 0px 50px #1B290422;}
#herotext p {font-size:min(max(1.1rem, 1.6vw), 36px); text-transform: uppercase; font-weight:700;line-height:130%}
#frt-herocontent .abs-element{width:calc(85% - 1vw);}
#frt-herocontent #hero-content{padding-left: calc(69px + 1vw);}
#frt-text span {display:block;}
#subpage-hero #hero-content{max-width:100%}
.abs-element {position: absolute;z-index: 200;max-width: 100%;flex-direction: column;display: flex;width: 80%;} 
.category-header-img {display: grid;grid-template-columns: 1fr auto 1fr;grid-gap: 4em;align-items: center;}
.category-header-img span {background:url(../img/header/border-spacer.png) center center repeat-x; height:2px;}
.dflex {display: flex;flex-wrap: wrap;flex-direction: column;} 
.dflex-row {display: flex;flex-wrap: wrap;flex-direction: row;} 
.center-elements {align-items: center;justify-content: center}
.fwimg {width:100%}
.white-p {color: #fff}
.shadow {text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);}
.headerbox {position: absolute;top: 2em;width: 100%;display: flex;justify-content: center;align-items: center;z-index: 220;}
.headerbox p{font-family: var(--google-font);font-weight: 700;background: #fff;color: var(--primary-color);text-shadow: none;display: block;max-width: max-content;margin: 0 auto;padding: 10px 3vw;text-align: center;text-transform: uppercase;}
.headerbox .col-full {margin: 0;}
.bnr {position:relative;} /* Bannerikuva position container */
.bnr img {width:100%;object-fit: cover;} /* Bannerikuvan maksimileveys */
.bnr.basic .bannertext img{width: auto;min-height:unset;max-height: unset}
.bgcolor-wrapper {background:#000} /* Optional */
.bgcolor-wrapper img {opacity:0.7} /* Optional */
footer {background:#1f1f1e}
footer img {min-width: 120px;max-width: 17vw;margin: 0 auto;}
#some-icons {display:flex;}
#some-icons p {padding-right:10px}

/* Trailguard introduction */
#trailguard-introduction .col-left{max-width: 40vw;margin: 0 auto;}
#trailguard-introduction .dgrid-2-cols {grid-template-columns:1fr 1fr}
#trailguard-introduction a,#made-in-finland a, #flavour-packed-energy a, .col-full table a, #products-contact-wrapper a {font-size:min(max(1.6rem, 1vw), 20px); font-weight:700; text-transform: uppercase; margin-top:1em; display:block;}
#trailguard-introduction a{color:#38B896;}
#made-in-finland a{color:#3B3B38;}

/* Check icons */
#features-wrap{background:#1f1f1e}
#features-content {max-width:max-content;display:flex; gap:0 1em;margin: 0 auto;}
.feature p{display:flex;align-items: center;}
.feature p {color:#fff;font-weight: 700;font-style: normal;font-size:min(max(1rem, 1.1vw), 22px); text-transform:uppercase; line-height:110%}
.feature img {padding:0 20px}

/* Flavour */
#flavour-right-col {max-width: 50%; margin: 0 0 0 auto;}
#flavour-right-col h2 {font-size:min(max(2rem, 5vw), 70px); text-transform: uppercase}
#flavour-packed-energy img {min-height: 400px;}

/* Made in Finland */
#made-in-finland {background:#f2e7db; grid-template-columns:1fr 1fr 1fr; max-width:calc(100% - 4em); margin: 2em auto;grid-gap: 0;}
#made-in-finland picture, #made-in-finland picture img {height: 100%;}
#made-in-finland h3 {font-size:min(max(2.6rem, 5vw), 100px);color:#3B3B38;text-transform: uppercase}


@media screen and (max-width:2100px) {#frt-herocontent .abs-element{width:calc(85% - 2vw)}#frt-herocontent #hero-content {max-width: 700px;}}
@media screen and (max-width:1800px) {#frt-herocontent .abs-element{width:calc(85% - 3vw)}#frt-herocontent #hero-content {max-width: 600px;}}
@media screen and (max-width:1660px) {#logo img {max-width: 10vw;min-width: 160px;}}
@media screen and (max-width:1440px) {#logo img {padding:20px 0 0 20px;}#frt-herocontent .abs-element{width:calc(85% - 4vw)}#frt-herocontent #hero-content {max-width: 500px;}}
@media screen and (max-width:1280px) {#logo img {max-width: 10vw;min-width: 135px;}.feature img {max-height: 21px;width: auto;max-width: 100%;}#frt-herocontent .abs-element{width:calc(85% - 5vw)}#frt-herocontent #hero-content {max-width: 450px;}}
@media screen and (max-width:1140px) {#frt-herocontent .abs-element{width:calc(85% - 7vw)}}
@media screen and (max-width:1024px) {#hero-content {padding-top: 0;} #frt-herocontent .abs-element {width: 75%;padding-left: 4em;left: 0}#main-heroimg{min-height:400px;height:90vh}#trailguard-introduction .col-left{max-width: 100%;margin: 0 auto;}#made-in-finland > picture {order:2}#made-in-finland .cpadding-xxl{grid-column:1/-1}#made-in-finland {grid-template-columns: 1fr 1fr;}#subpage-hero #main-heroimg{min-height:300px;max-height:200px}#subpage-hero h1 {text-align:center;}#features-content {max-width: 90%;justify-content: center;}.feature img {padding: 7px 7px 7px 0;}}
@media screen and (max-width:860px) {#logobg {width: 51vw;height: 18vw;}#hero-content {max-width: 100%;padding-top: 100px;}#frt-herocontent .abs-element {width: unset;padding-left: unset;left: unset}#trailguard-introduction .dgrid-2-cols {grid-template-columns: 1fr;}#frtheader {max-width:334px; font-size: 5rem;margin:0}#frt-herocontent {max-width: max-content;margin: 0 auto;}#frt-herocontent #hero-content{max-width:max-content; margin:0 auto;}#frt-text {max-width:310px; margin:0}#frt-herocontent #hero-content{padding-left: 0;}}
@media screen and (max-width:720px) {.feature p {font-size: 0.8rem;}#features-content {flex-wrap: wrap;justify-content: center;}.category-header-img {grid-gap: 2em;}.category-header-img img {max-width: 90px;}}
@media screen and (max-width:575px) {#flavour-packed-energy .abs-element {position: relative;order: 2;width: 100%;padding: 2em;}#flavour-right-col {max-width: 100%;}#flavour-packed-energy img {min-height: 200px;} #trailguard-introduction .col-left {padding: 2em;}#made-in-finland .cpadding-xxl{padding:var(--padding-m)} #made-in-finland {grid-template-columns: 1fr;}#made-in-finland > picture {order: unset;}#product-listing-wrapper img {max-height: 300px;object-fit: contain;} #frtheader {max-width: 300px;}#frt-herocontent #hero-content h1{font-size:min(max(4.4rem, 7vw), 150px);}}
@media screen and (max-width:375px) {#logobg {width: 70vw;height: 32vw;}.feature img {padding: 7px 0px 7px 0;}}

/* Contact us -> Pagestyles */
#contact-us-pagewrapper{background: url(../img/header/contact-bgcolor.gif) center top repeat-y;}
#contact-us-content .col-left,#contact-us-content .col-right{padding:var(--padding-xl)}
@media screen and (max-width:768px) {#contact-us-pagewrapper{background: #fff}#contact-us-content {padding:0;width:100%;}#contact-us-content .col-right{background: #f2e7db;}}

/* Even/odd cols, <IMG> / text - OPTIONAL */
.feature-col .abs-element h2, .feature-col .abs-element h3, .feature-col .abs-element h4, .feature-col .abs-element h5, .feature-col .abs-element h6, .feature-col .abs-element p {color:#fff}
.feature-col .abs-element img {width:auto;}
.dgrey-col {background:#f0f0f0}
.feature-col img {padding:0; width:100%; object-fit: cover;}
.feature-col .col-right,.feature-even .col-left{padding: 2em 4em;}
.feature-even .col-right{padding: 0;}
.feature-col .col-left,.feature-even .col-right{width: 100%;position:relative}
.feature-col {align-items:center; justify-content:center;grid-gap: 0;}
.feature-col img {height:auto; padding:0 !important;margin: 0 auto;}
@media screen and (max-width:860px) {.feature-even .col-left {order: 2;}}

/* Products */
.col-full .three-col-table tr{display: flex;max-width: max-content;grid-gap: 4em;margin: 0 auto}
#products-contact-wrapper {background:#38b896}
#products-contact-wrapper h5 {color:#fff; font-size:min(max(2rem, 3vw), 48px); text-transform:uppercase}
#products-contact-wrapper p a, .product-table-intro p a,#trailguard-introduction p a, #flavour-packed-energy p a, #made-in-finland p a{display:flex !important; max-width:max-content; padding-right:10px; margin:0 auto;align-items: center;}
#products-contact-wrapper p a:after {content:" "; width:21px; height:19px; background:url(../img/header/arrow-right-solid-white.png) center center no-repeat; display:block; background-size:contain; margin-left:10px}
.product-table-intro p a:after, #trailguard-introduction a:after {content:" "; width:21px; height:19px; background:url(../img/header/arrow-right-solid-lgree.png) center center no-repeat; display:block; background-size:contain; margin-left:10px}
#flavour-packed-energy a:after {content:" "; width:21px; height:19px; background:url(../img/header/arrow-right-solid-dgreen.png) center center no-repeat; display:block; background-size:contain; margin-left:10px}
#made-in-finland a:after {content:" "; width:19px; height:16px; background:url(../img/header/arrow-right-solid-blc.png) center center no-repeat; display:block; background-size:contain; margin-left:10px}
#trailguard-introduction p a, #flavour-packed-energy p a {margin:0}

/* Mobile tags*/
#mobilemenu-container{height:var(--mobilemenu-container-height);position: absolute;right: 0;top: 0;z-index: 2000;width: 100%;}
#mobile-logo {position: absolute;top: 0;left: 0px;z-index: 60000;}
#mobilelogo-img { max-width: 102px;height: auto;padding: 5px 0px 0 1em}
@media screen and (max-width:1024px) {#main-nav, #logo, footer nav, footer ul, #sidenavi {display: none}}

/* Paddings */
.cpadding-s{padding:var(--padding-s)}.cpadding-m{padding:var(--padding-m)}.cpadding-xl{padding:var(--padding-xl)}.cpadding-xxl{padding:var(--padding-xxl)}.cpadding-tb-s{padding:var(--padding-s) 0}.cpadding-tb-m{padding:var(--padding-m) 0}.cpadding-tb-xl{padding:var(--padding-xl) 0}.cpadding-tb-xxl{padding:var(--padding-xxl) 0}.cpadding-t-s{padding-top:var(--padding-s)}.cpadding-t-m{padding-top:var(--padding-m)}.cpadding-t-xl{padding-top:var(--padding-xl)}.cpadding-t-xxl{padding-top:var(--padding-xxl)}.cpadding-b-s{padding-bottom:var(--padding-s)}.cpadding-b-m{padding-bottom:var(--padding-m)}.cpadding-b-xl{padding-bottom:var(--padding-xl)}.cpadding-b-xxl{padding-bottom:var(--padding-xxl)}.cpadding-rl-s{padding:0 var(--padding-s)}.cpadding-rl-m{padding:0 var(--padding-m)}.cpadding-rl-xl{padding:0 var(--padding-xl)}.cpadding-rl-xxl{padding:0 var(--padding-xxl)}

/* Webio cols classes */
.col-3,.col-full,.col-left,.col-right{width:100%;float:none; margin:0}.col-full, .colpadding{clear:both;margin-bottom:20px;}.center-col .colpadding:last-of-type, .content-col .colpadding:last-of-type {display: none;}

/* Webio content classes */
 .webiolinkkipainike, .lomakenappi_submit, .takaisinuutisiin {box-sizing: border-box;cursor: pointer;margin-top: 20px;display: inline-block;text-align: center;font-size: var(--button-font-size);padding: var(--button-padding);background: var(--button-background);color: var(--button-text-color);font-weight: var(--button-font-weight);width: auto;max-width: var(--max-button-width);}.webiolinkkipainike:hover,.takaisinuutisiin:hover { transition: all .3s ease 0s;-webkit-filter: brightness(110%);filter: brightness(110%);text-decoration: none}.tapahtumat, .tapahtumakalenteri_otsikko, .tapahtumakalenteri_valiotsikko, .uutis_otsikko.tapahtumakalenteri_valiotsikko, .uutis_otsikko, .nostettumoduli, .nostettumoduli a, a.nostouutis_otsikko {color: var(--primary-color);font-size: 1.2rem;display: block;}.acc-news-wrapper .uutis_otsikko{border-top: 1px solid #707070;font-family: "atrament-web", sans-serif;font-weight: 700;font-style: normal;margin: 0;line-height: 120%;font-size:0.9rem; text-transform:uppercase;padding: 15px 0 15px 0;}
details{position:relative;margin-top:20px;}
details:after,details[open]:after{position:absolute; right:0; top: 15px;font-weight: 700;pointer-events:none}
details:after{content:"+"}details[open]:after{content:"-"}.valikkolinkki, .valikkolinkki-sel, .valikkomodulilinkki, .valikkomodulilinkki-sel {text-decoration: none;color: #fff;padding: 5px 0;display: block;}@media screen and (max-width:480px) {.webiolinkkipainike, .lomakenappi_submit, .takaisinuutisiin {padding: 10px 30px; max-width:100%}}.popupkalenteri iframe {height: 239px;}

/* Image gallery */
.kuvagalleriagrid {display: grid;grid-template-columns: var(--img-gallery-rows);grid-gap: 1em}.kuvagalleriakuvatausta {width: 100% !important;height: auto !important;margin: 0 !important}.kuvagalleriakuvatausta .kuva {width: 100%;max-width: 100%;object-fit: cover; padding: 0 !important;aspect-ratio:4/3}@media screen and (max-width:575px) {.kuvagalleriagrid {grid-template-columns: repeat(2, 1fr)}}@media screen and (max-width:480px) {.kuva, .kuva2 {float: none !important;clear: both;padding: 20px 0; box-sizing:border-box;}}

 @media screen and (max-width:678px) {.subpage table, .subpage td, .subpage tr {display: block;width: 100% !important;height: auto; clear: both;box-sizing: border-box}.subpage tbody {width: 100%;display: inline-block}.subpage tr {display: flex;}.subpage tr td {flex:1;}}@media screen and (max-width:480px) {.subpage tr {display: grid;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));}}
/* Forms */
.lomakeotsikko {color: var(--primary-color);font-weight: 700; padding:10px 0;}.lomake-ve-solu input[type=checkbox] {display: none}.lomake-ve-solu input[type=checkbox] + label, .lomake-ve-solu input[type=checkbox]:checked + label {-webkit-appearance: none;display: block;position: relative;height: auto;clear: both;}.lomake-ve-solu input[type=checkbox] + label::before, .lomake-ve-solu input[type=checkbox]:checked + label::before {border-radius: 100%;border: 1px solid #8e8e8e;border-radius: 4px;color: #fff;content: "✓";float: left;font-size: 1.2em !important;font-weight: 700;height: 18px;line-height: 11px;margin-right: 20px;padding: 8px 12px 0 8px;position: relative; width: 9px}.lomake-ve-solu input[type=checkbox] + label::before {content: ""}.lomake-ve-solu input[type=checkbox]:checked + label::before { background: #2a2a2a none repeat scroll 0 0;color: #fff !important;border: none;padding: 8px 15px 0 7px}#suodatin input[type=checkbox]:checked + label,.lomake-ve-solu input[type=checkbox]:checked + label {color: #000;box-shadow: 0 1px 2px rgba(0, 0, 0, .05)}.lomake-ve-solu input[type=checkbox] + label:active, .lomake-ve-solu input[type=checkbox]:checked + label:active {box-shadow: 0 1px 2px rgba(0, 0, 0, .05)}.lomake-ve-solu [type=radio]:checked, .lomake-ve-solu [type=radio]:not(:checked) {position: absolute;left: -9999px}.lomake-ve-solu [type=radio]:checked + label, .lomake-ve-solu [type=radio]:not(:checked) + label {position: relative; padding-left: 28px;cursor: pointer;line-height: 20px;padding-bottom: 10px;display: inline-block;color: #666}.lomake-ve-solu [type=radio]:checked + label:before, .lomake-ve-solu [type=radio]:not(:checked) + label:before {content: '';position: absolute;left: 0;top: 0;width: 18px; height: 18px;border: 1px solid #8e8e8e;border-radius: 100%;background: #fff}
.lomake-ve-solu [type=radio]:checked + label:after, .lomake-ve-solu[type=radio]:not(:checked) + label:after {content: '';width: 12px;height: 12px;background: #9ec72a;position: absolute;top: 4px;left: 4px;border-radius: 100%;-webkit-transition: all .2s ease;transition: all .2s ease}.lomake-ve-solu [type=radio]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0)}.lomake-ve-solu [type=radio]:checked + label:after {opacity: 1;-webkit-transform: scale(1); transform: scale(1)}input[type="text"].pmvk, input[type="button"].lpainike { width: auto !important;}@media screen and (max-width:1200px) {.lomake-ve-solu input[type=checkbox] + label::before, .lomake-ve-solu input[type=checkbox]:checked + label::before { margin-bottom: 10px}}tr[id^=lomakerivi] {display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))}input[type=button], input[type=file], input[type=text], textarea {max-width: var(--max-input-width);height:35px;width: 100% !important;box-sizing: border-box;border: 1px solid #8e8e8e}textarea,.lomakenappi_submit, input[type=file] {height: auto}.lomakenappi_submit {-webkit-appearance: none;-moz-appearance: none;appearance: none;color: var(--button-text-color);font-size: var(--button-font-size);width: 100%;border: none !important;border-radius: 6px;height: 45px !important;font-weight: 700;margin-top: 10px;line-height: 100%}tr[id^="lomakerivi"] select {border: 1px solid #888 !important;padding: 10px;border-radius: 4px;appearance: auto;-webkit-appearance: auto;-moz-appearance: auto;-ms-appearance: auto; width: auto !important;}.lpainike, .pmvk {width: auto;height: auto}.lomake-ve-solu {padding-bottom: 5px;padding-right: 10px}tr[id^="lomakerivi"] table tr {grid-gap: 2em;display: grid;grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));}tr[id^="lomakerivi"] table { width: 100%;}.rbcb-table tr {grid-gap: 0 !important;}

 /* Mobilemenu */
.meanmenu-reveal{display:none;font-size:30px!important}.meanmenu-reveal{color:var(--mobilemenu-open-close-color);cursor:pointer;display:block;font-size:1px;font-weight:700;height:41px;line-height:22px;margin-top:0;padding: 6px 8px 0 8px;position:absolute;text-decoration:none;text-indent:-9999em;top:10px;width:39px; right:10px !important; background:#38b896}.meanmenu-reveal.meanclose {padding: 12px 12px 4px 12px;padding: 11px 8px 0 8px;height: 36px;}.meanmenu-reveal span{background:#fff;border-radius:2px;display:block;height:6px;margin-top:4px;line-height:100%!important}.mean-nav{float:left;width:100%;margin-top:var(--mobilemenu-container-height)}.mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}.mean-nav li a{display:block;float:left;width:90%;padding:10px 5% 10px 5%;font-weight: 700;height:auto;margin:0;text-align:left;color:var(--mobilemenu-link-color);border-top:1px solid rgba(255,255,255,.2);text-decoration:none;font-size:14px;background:var(--mobilemenu-link-background);text-transform:uppercase}.mean-nav ul li li a{width:90%;padding:10px 5% 10px 8%;background:var(--mobilemenu-submenu-background)!important;visibility:visible}.mean-nav ul li{position:relative;float:left;width:100%}.mean-nav a.mean-expand{background:var(--mobilemenu-expand-button)!important;border:medium none;border-radius:3px;color:#fff;font-weight:700;height:20px!important;margin-top:3px !important;padding:3px 4px 4px!important;line-height: 120%;position:absolute;right:10px;text-align:center!important;top:6px;width:23px!important;z-index:2}.mean-remove{display:none!important}#main-navi-resp{display:none}@media screen and (max-width:1024px) {#mobilemenu-container, #main-navi-resp {display: block !important;}#mobile-logo {display: block;}}.acc-news-wrapper {font-family: var(--google-font);margin: 0;line-height: 120%;font-size:0.9rem;}

/* Accessibility */
#skip-to-content {position: absolute;left: -9999px; z-index: 999; padding: 1em;background-color: black;color: white;opacity: 0; }#skip-to-content:focus {left: 50%; transform: translateX(-50%); opacity: 1;}

/* Tables */
.col-full table, .col-full tbody, .col-full tr, .col-full td {width:100% !important; height:auto !important; box-sizing:border-box;}
.col-full tr {display:grid; grid-template-columns:repeat(4,1fr); grid-gap:2em}
.product-table-intro {text-align: center;}

#solu421 td {padding:var(--padding-xxl) var(--padding-m)}
#solu421 tr {grid-gap:0}
#solu421 h3{color:#3b3b38}

@media screen and (max-width:1024px) {.col-full tr {display:grid; grid-template-columns:repeat(3,1fr);}}
@media screen and (max-width:678px) {.col-full tr,.col-full .three-col-table tr {display:grid; grid-template-columns:repeat(2,1fr); max-width: 100%;grid-gap: 2em;}}
@media screen and (max-width:480px) {.col-full tr,.col-full .three-col-table tr {grid-template-columns:1fr}}

/* Our story */
.dgrid-2-cols:has(#solu521) {background: #f2e7db; justify-content: center; align-items:center; grid-gap:0}
.dgrid-2-cols:has(#solu521) .col-right{padding:var(--padding-xxl); box-sizing:border-box}
.dgrid-2-cols:has(#solu521) img{width:100%; height:auto;}

@media screen and (max-width:575px) {.dgrid-2-cols:has(#solu521) .col-right {padding: var(--padding-m);}.product-table-intro tr {grid-template-columns: 1fr;display: grid !important;}}

/* Scroll to top */
#top-scroll{position: fixed;z-index:30000;right: 10px;bottom: 10px;}
#top-scroll a{background: #48b7a2;width: 27px;height: 26px;padding: 0 0 3px 2px;display: flex;justify-content: center;align-items: center;line-height: 100%;color: #fff;border-radius:100px; transform:rotate(-90deg); filter:brightness(100%);transition:var(--animate);}
#top-scroll a:hover {text-decoration:none; filter:brightness(110%)}
#top-scroll a span {color:#fff; line-height:100%}