/* rubik-300 - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/rubik-v12-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/rubik-v12-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}

/* rubik-regular - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/rubik-v12-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/rubik-v12-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: swap;
}

/* rubik-500 - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../fonts/rubik-v12-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/rubik-v12-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: swap;
}

/* rubik-700 - latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/rubik-v12-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/rubik-v12-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+,  Safari 5.1+ */
    font-display: swap;
}

:root {
    --primary-color: #ff8800;
    --secondary-color: #2a2a2a;    
    --base-font-size:clamp(0.95rem,1vw,1rem);
    --base-text-color:#373737;
    --base-line-height:140%;
    --google-font:'Rubik', sans-serif;
    --google-heading-font: 'Rubik', sans-serif;
    --navilink-font-size:clamp(0.8rem,1vw,1.1rem);
    --navilink-color:#ff8800;
    --navilink-font-weight:700;
    --navilink-padding:40px 5px;
    --navilink-selected-bg:#fff;
    --navilink-selected-color:#ff8800;
    --heading-size-1:clamp(2rem,2.875vw,2.875rem);
    --heading-size-2:clamp(1.2rem,1.5vw,1.5rem);
    --heading-size-3:clamp(1.6rem,2.5vw,2.5rem);
    --heading-size-4:clamp(1.3rem,1.625vw,1.625rem);
    --heading-size-5:clamp(1.4rem,1.75vw,1.75rem);
    --heading-size-6:clamp(1.5rem,2.75vw,3.5rem);
    --grid-gap:2em 3em;
    --button-background: #ff8800;
    --button-text-color: #fff;
    --button-font-size: 1.1rem;   
    --button-font-weight: 500;
    --button-padding: 15px 20px;
		--max-input-width: 300px;   
    --max-button-width: min(100%, 450px);    
		--max-button-width: min(100%, 450px);
		--img-gallery-rows: repeat(auto-fill, minmax(300px, 1fr));
    --mobilemenu-container-height: 81px;
    --mobilemenu-open-close-color: #fff;
    --mobilemenu-menutext-color: #fff;
    --mobilemenu-button-background: #fff;
    --mobilemenu-link-color: #f80;
    --mobilemenu-link-background: #444;
    --mobilemenu-expand-button: #f80;
    --mobilemenu-submenu-background: #303030;	
    --padding-s:clamp(20px,1vw,20px);
    --padding-m:clamp(20px,2vw,40px);
    --padding-xl:clamp(20px,3vw,60px);
}
body,html,p{margin:0;padding:0;font-family:var(--google-font);color:var(--base-text-color);font-size:var(--base-font-size);line-height:var(--base-line-height)}body{line-height:calc(1rem + .1vw)}h1,h1 a,h2,h2 a,h3,h3 a,h4,h4 a,h5,h5 a,h6,h6 a{font-family:var(--google-heading-font);margin:0;padding:0;line-height:110%; color:var(--primary-color); font-weight:700;}h1,h1 a{font-size:var(--heading-size-1); text-shadow: 2px 2px 2px rgba(0,0,0,0.8);color:#fff;}h2,h2 a{font-size:var(--heading-size-2);color:#ff8800;text-shadow: 2px 2px 2px rgba(0,0,0,0.8); }h3,h3 a{font-size:var(--heading-size-3);color:#ff8800;}h4,h4 a{font-size:var(--heading-size-4);color:#323232;}h5,h5 a{font-size:var(--heading-size-5);color:#ff8800}h6,h6 a{font-size:var(--heading-size-6); font-weight:500; text-transform: none; color:#ff8800}article,div,footer,header,section,aside{box-sizing:border-box}.content-col,.center-col {width:100%; clear:both; position: relative;}.center-col {width: clamp(83.3vw, 1600px,90%); margin: 0 auto}#header-navi {display:grid; grid-template-columns:1fr 4fr; grid-gap:0;background:url(../img/header/navibg.png) left top no-repeat; background-size:cover}img {max-width: 100%;height: auto}.erikoiskuva,.kuva,.kuva2{border:0;outline:0;max-width:100%;height:auto;display:block;margin:0;cursor:pointer}a{color:var(--primary-color);text-decoration:none}picture{width:100%}.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;}.nogap{grid-gap:2em 0;}.dgrid-2-cols {grid-template-columns: repeat(2,1fr);}.dgrid-3-cols {grid-template-columns: repeat(3,1fr)}.dgrid-s-m-s-cols {grid-template-columns: 1fr 2fr 1fr}.dgrid-s-xl-cols {grid-template-columns: 1fr 3fr}.abs-element {position: absolute;z-index: 200;max-width:100%; flex-direction:column; display:flex; width:80%; flex-wrap:wrap;}#mask-left,#mask-right{width:auto; height:100%;z-index:1;}#mask-left{left:0; top:0;align-items: flex-start;}#mask-right{right:0; top:0;align-items: flex-end;}#mask-left-img{height:100%; width:auto;object-fit:contain;}#mask-right-img{height:100%; width:auto;object-fit:contain;}.dflex {display: flex;flex-wrap:wrap; flex-direction:column;}.center-elements {align-items: center; justify-content: center}.colpadding {margin-bottom: 2em;}header.content-col{position:relative; z-index:2;}#main-navi, #top-navi, #footernavi {margin: 0 auto;padding:0;list-style: none;  z-index:2; position: relative; flex-direction:row}#main-navi{justify-content: space-evenly;}#top-navi {justify-content: flex-end}#footernavi{max-width:1200px}#logoimg { max-width:50%; margin:0 auto; float:none; display:block; height:auto;}.naviblock { text-align:center;}.mainnavi-link,.topnavi-link, .footerlink {padding:var(--navilink-padding);font-size: var(--navilink-font-size);font-weight: var(--navilink-font-weight);text-decoration: none;color:var(--navilink-color);display:block; text-transform: uppercase}#logolink {padding:0}#footerlogo { max-width:30%; margin:0 auto; float:none; display:block; height:auto; padding:20px 0;}.footerlink {color:var(--navilink-color);text-shadow: none; font-size:0.9rem;padding: 30px 5px;}.mainnavi-link:hover, .topnavi-link:hover, .footerlink:hover {color: #c6c6c6;}#link-sel-1-2, #link-sel-2-3, #link-sel-3-4, #link-sel-4-5, #link-sel-5-6, #link-sel-6-7, #link-sel-1-18, #link-sel-2-19, #link-sel-3-20, #link-sel-4-21, #link-sel-5-22, #link-sel-58-24, #link-sel-6-23, #link-sel-58-16  {color:var(--navilink-selected-color);background:var(--navilink-selected-bg);text-decoration: none}.heroimg{position:relative;}#main-heroimg {display:block; width:100%;max-height:920px;object-fit:cover; height:auto;}#main-heroimg.tnosto-pk{max-height:630px;}#herotext{z-index:2;}#herogrid{grid-template-columns:2fr 1fr}#herotext-content {max-width: 80ch;}.shadow {text-shadow: 2px 2px 2px rgba(0,0,0,0.8);}#herotext-content.htext-alasivu {max-width: 100%;text-align: center;}.herogrid-front h2{font-weight:400;color: #fff;font-size: 22px;text-shadow: 1px 1px 1px rgba(0,0,0,0.8);}.center-col .colpadding:last-of-type, .content-col .colpadding:last-of-type {display: none;}.white-p{color:#fff}#mobile-logo{position:absolute;top:0;left:0;z-index:50000}#mobilelogo-img{max-width:120px;height:auto;padding:25px 0 0 2em}.tuotenostot-etusivu{background:url(../img/header/forest-bg.png) left bottom no-repeat; background-size:100%}.tuotenostot-etusivu .nostotuote, .tuotenostot .nostotuote{border:1px solid #eaeaea; padding:2em;text-align:center;background:#fff}#selecttabs{background: url(../img/header/tab-bg.png) left top repeat-x; background-size:contain; padding:0 8.35%;grid-template-columns:repeat(4,1fr) !important}.tablinks h4::after {content: "";background: url(../img/header/down-icon.png) center top no-repeat;position: absolute;right: 10%;width: 10px;height: 6px;margin-top: 10px;}#herogrid.herogrid-tk{grid-template-columns: 3fr 2fr; align-items:center;} #herotext.herotext-tk{ width:100%; left:0;}#tkimg img {margin:0 auto; display:block;height: clamp(100px,28vw,530px); width:auto;}
#language-sel{width:120px;position:relative;display: flex;flex-direction: column;align-items: center;}#language-sel span{color:#fff}#language-sel ul, #language-sel li {margin:0; padding:0; list-style-type:none}li#language-sel ul{display:none;position:absolute;z-index:2; top:19px;margin: 0 0px 0px 0px;background: #ff8800;list-style-type: none;padding: 0px 1.5% 0px 1%;box-sizing: border-box;width:95px;right:27%}li#language-sel:hover > ul {display: block;}li#language-sel a {color:#fff;padding:4px 0;display:block; width:100%;text-transform: none;font-size:14px; border-bottom: 1px solid rgba(255,255,255,0.3);}
li#language-sel a:hover {background:none; color: #7d7d7d;}.tablinks {cursor: pointer;}#products-wrapper .modulikuvausteksti{order: 4;grid-column: 1 / span 4;text-align: center;}#murupolku { padding-bottom:5px;}#murupolku a {color:#373737;}.tuotenosto-otsikko a{color:#2a2a2a;font-weight:500;text-shadow:none;font-size:1.625rem;text-transform:none}.tuotenosto-img{position:relative;}.tuotenosto-tuotekuvaus h2{font-weight: 500;color: #f80;text-transform: unset;text-shadow: none;font-size: clamp(0.8rem,1vw,1rem);}.kayttokohde-nosto p {display: inline-block;max-width: 220px;padding: 10px 20px;font-size: 0.9rem;position: absolute;bottom: 5%; left:0;background:#e5e5e5}.tablinks{padding:30px;position:relative;border-right:1px solid #d3d3d3}.tablinks:first-of-type{border-left:1px solid #d3d3d3}{display:none;animation:fadeEffect 1s;margin-top:4em;}.tabcontent{margin:2em auto}.tuotenostot .col-full{display:grid; grid-gap:1em 2em;grid-template-columns:repeat(4,1fr)!important}@keyframes fadeEffect{from{opacity:0}to{opacity:1}}.tablinks strong{color:#f80;font-weight:500}.tablinks.active{background:#fff!important}.tab div:hover{background-color:#ddd}#footer-top{background:url(../img/header/bg-linepattern.png) left top repeat}.ominaisuusnostot{max-width:100%;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important}.accordion{display:none}.accordion{background:url(../img/header/tab-bg.png) left top repeat-x!important}.ominaisuus{background:url(../img/header/hexagon-bg.png) left top no-repeat}.ominaisuus{height:143px;width:163px;justify-content:center;align-items:center}.ominaisuus-ylateksti{text-align:center;font-size:12px;color:#d7d7d7;font-weight:300}.ominaisuus-keskiteksti{color:#f80;font-weight:700;font-size:20px;line-height:110%;text-align:center}.ominaisuus-alateksti{font-size:13px;color:#fff}#footer-content{max-width:50%;margin:0 auto;text-align:center}footer{background:url(../img/header/footer-bg.png) center top no-repeat;background-size:cover;margin-top:1em}footer.cpadding-tb-xl{padding:8em 0}#laadustaan-tunnetut{max-width:1400px;}#laadustaan-tunnetut .col-full{grid-template-columns:1fr !important}.tuotenostot-etusivu .modulikuvausteksti,.tuotenostot .modulikuvausteksti{grid-column: 1 / span 4;padding: 1em;text-align: center;}.kayttokohde-nosto table tr {display: grid;grid-template-columns: 2fr 3fr;}.kayttokohde-nosto table tr td {font-size: 12px;}.kayttokohde-nosto table tr td {border-right: 1px solid #fff;width: 100% !important;line-height:100%;box-sizing: border-box;display: flex;justify-content: center;align-items: center;}.kayttokohde-nosto {padding-bottom: 1em;}@media screen and (max-width:1500px){.kayttokohde-nosto table tr {display: grid;grid-template-columns: 1fr 1fr;}.kayttokohde-nosto table tr td {font-size: 11px;}}@media screen and (max-width:1280px) {.tuotenostot .col-full{grid-gap:1em ;}.tuotenostot-etusivu .nostotuote, .tuotenostot .nostotuote{border:1px solid #eaeaea; padding:1em;}.kayttokohde-nosto img {max-height: 28px !important;width: auto;}}@media screen and (max-width:1024px) {.kayttokohde-nosto img {max-height: 20px !important;}#tuotekorttisivu .center-col {max-width: 1600px;box-sizing: border-box;padding: 1em;}}@media screen and (max-width:860px) {.kayttokohde-nosto table tr {display: grid;grid-template-columns: 1fr 2fr;}.kayttokohde-nosto img {margin:0 !important;max-height: 36px !important;width: auto;}}@media screen and (max-width:768px) {#footer-top img{display:none;}}@media screen and (max-width:720px) {.kayttokohde-nosto table tr {display: grid !important;grid-template-columns: 1fr 1fr;}}@media screen and (max-width:480px){.kayttokohde-nosto img {max-height: 26px !important;}}#tkhero-bgimg {background:url(../img/header/alasivupk-tk.jpg) center center no-repeat; background-size:cover;}@media screen and (max-width:1024px){#tkhero-bgimg {background:url(../img/header/alasivupk-tk-mobile.jpg) center center no-repeat; background-size:cover;}}
.lang-nostot .ominaisuus-ylateksti{font-size:11px;max-width: 80%;text-align: center;}.herogrid-front h1 {font-size:clamp(1.6rem,2vw,2rem);}.herogrid-front h2 {font-size: 1.3rem;line-height: 140%;}

.herogrid-front h1 {text-transform:uppercase}
#herotext-content.herotext-frt{display: flex;align-items: center;}
.herogrid-front #herotext-content {align-items: center;display: flex;}
#herotext-element-wrapper {background:url(../img/header/hero-teksti-bg.jpg) center top no-repeat; background-size:cover;margin:0 0 1em 0; padding:min(max(40px, 5vw), 100px);}
#herotext-element {max-width:1000px;width:100%;}
#herotext-element p{text-shadow: none;color: #cbcbcb;font-weight: 400;font-size: 1.3rem;line-height: 160%;}
@media screen and (max-width:575px) {#herotext-element p {font-size: 1.1rem;}}

@media screen and (max-width:1660px) {#selecttabs{padding:0;}#selecttabs .tablinks:first-of-type {border-left:none;}#selecttabs .tablinks:last-of-type{border-right:none;}}
@media screen and (max-width:1440px) {#header-navi{grid-template-columns: 1fr 9fr;}:root{--navilink-padding:30px 5px;}#logoimg {max-width: 67%;}}
@media screen and (max-width:1280px) {.nostotuote img {max-height: 220px;}.footerlink {padding:5px;}.tuotenosto-otsikko a{font-size: 1.3rem;}#ominaisuuspalsta{padding: 4em 0;}.tablinks h4{font-size:1.1rem;}.tablinks strong {font-size: 0.9rem;}.tablinks h4::after {margin-top: 4px;}#footer-nav{display:none;padding-right: 23%;box-sizing: border-box;}#footernavi {justify-content: center;}}@media screen and (max-width:1024px) {#mobile-logo {display:block !important}#main-heroimg {object-fit:cover;height:50vh;}#heroimg-tk{min-height:400px; }}@media screen and (max-width:860px) {body{line-height:calc(1rem + 1vw)}#selecttabs{display:none;}.accordion{display:block;}.tuotenostot .col-full{grid-template-columns: repeat(2,1fr) !important;}.tuotenostot-etusivu .modulikuvausteksti,.tuotenostot .modulikuvausteksti {grid-column: 1 / span 2;}.tablinks{padding:20px 30px}#products-wrapper .modulikuvausteksti {grid-column: 1 / span 2;}.nostotuote img {max-height: 240px;margin: 0 auto;float: none;display: block;width: auto;}.kayttokohde-nosto p { position: relative;bottom: unset;left: unset;width: 100%;box-sizing: border-box;margin-bottom: 20px;}#footer-content br {display: none;}#footer-content{max-width:66.7%}footer.cpadding-tb-xl {padding: 4em 0;}.tuotenostot-etusivu .nostotuote {padding: 1.5em;}}@media screen and (max-width:768px) {#mask-left{margin-left:-15%}#mask-right{margin-right:-30%} #herogrid {display: flex;flex-direction: column;}#herotext-content{order:2;}#herogrid img {max-height: 150px;min-height: 150px;margin: 0 auto;padding-bottom:20px;display: block; width:auto;}.heroimg #herotext {width: 90%;}#front-tuotekuva img{min-height:500px;}#mask-right-img {height: 500px;object-fit: fill;}.footer-top-alasivu {padding: 6em 0 !important;}.dgrid-4-cols, .dgrid-3-cols{grid-template-columns: 1fr}.ominaisuusnostot{max-width: 100%;}}@media screen and (max-width:678px) {#herotext-content {max-width: 100%;}#herogrid h1 {font-size: 1.3rem;}#herogrid h2 {font-size: 1.1rem;margin-top: 10px; line-height:120%}}@media screen and (max-width:575px) {.tabcontent {margin-top: 0;width: 100%;padding:1em}.nostotuote img {padding-bottom: 20px;}.kayttokohde-nosto p {font-size: 0.7rem;}.tuotenosto-otsikko a {font-size: 1.1rem;}.tuotenosto-otsikko {font-size: 1.1rem;}.tuotenosto-tuotekuvaus {font-size: 0.8rem;}#footer-content {max-width: 90%;}.footer-top-alasivu {padding: 4em 0 !important;}.dgrid-2-cols {grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));}}@media screen and (max-width:480px){body{line-height:calc(1rem + 1.2vw)}#mask-left{margin-left:-30%}#mask-right{margin-right:-50%}}@media screen and (max-width:420px){#products-wrapper .modulikuvausteksti {grid-column: 1;max-width:100%; padding:0 2em}.tuotenostot-etusivu .modulikuvausteksti,.tuotenostot .modulikuvausteksti  {grid-column: 1;}.tuotenostot .col-full {grid-template-columns: 1fr !important;} .tuotenosto-button.webiolinkkipainike{max-width: 200px;margin: 10px auto 0 auto;}h1,h2,h3,h4,h5,h6{word-wrap:anywhere}}@media screen and (max-width:420px) {.ominaisuusnostot{grid-template-columns:repeat(auto-fill,minmax(130px,1fr)) !important;}.ominaisuus {height: 123px;width: 143px;background-size: contain;}.ominaisuus-ylateksti {font-size:12px;}.ominaisuus-keskiteksti{font-size:14px;}.ominaisuus-alateksti{font-size:11px;}.dgrid-3-cols {grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));}}@media screen and (max-width:1280px){.kuvagalleriagrid {display: grid;grid-template-columns: repeat(auto-fill,minmax(200px,1fr)) !important;grid-gap: 1em;}}#tuotekorttisivu .center-col{max-width:1600px}#tekniset-tiedot tr {display:grid; grid-template-columns:repeat(auto-fit, minmax(200px,1fr)); margin:10px 0}#tekniset-tiedot tr:nth-of-type(2n) {background: #f5f5f5;padding:5pxpx 10px;}#tekniset-tiedot td {padding: 5px 10px;}.pakollisetkentat{padding-top: 20px;display: block;}
@media screen and (max-width:1200px) {#footer-top div > div {display: none;}#footer-top .dgrid-2-cols {grid-template-columns: 1fr;}}
@media screen and (max-width:1440px) {#language-sel{max-width:70px;}}@media screen and (max-width:575px) {:root {--button-font-size:0.9rem;}:root{--max-input-width: 100%;}}@media screen and (max-width:480px) {#tekniset-tiedot tr {grid-template-columns: repeat(auto-fit, minmax(100px,1fr));}#tekniset-tiedot td{font-size:0.8rem}}#yhttbox-left{display:flex;flex-direction:column;align-items: center;height:100%;background: url(../img/header/yhteys-left.png) left top no-repeat; background-size:cover}#yhttbox {grid-gap:0;}#yhttbox-right{height:100%;background: url(../img/header/yhteys-right.png) left top no-repeat; background-size:cover; text-align:center}#yhttbox-right .webiolinkkipainike{background:#2a2a2a; box-shadow: none}#yhteysteksti, #puhnro{font-size:clamp(1.2rem,2.2vw,2.5rem)} #yhteysteksti{font-weight:400; text-transform:uppercase;}#puhnro{color:#fff}
/* Paddings */
.cpadding-s{padding:var(--padding-s)}.cpadding-m{padding:var(--padding-m)}.cpadding-xl{padding:var(--padding-xl)}.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-t-s{padding-top:var(--padding-s)}.cpadding-t-m{padding-top:var(--padding-m)}.cpadding-t-xl{padding-top:var(--padding-xl)}.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-rl-s{padding:0 var(--padding-s)}.cpadding-rl-m{padding:0 var(--padding-m)}.cpadding-rl-xl{padding:0 var(--padding-xl)}.col-3,.col-3-center,.col-full,.col-left,.col-right{width:100%!important;float:none!important}

.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}.dgrid-4-cols{grid-template-columns:repeat(4,1fr)}.dflex-row {display:flex;grid-gap:1em;}.dflex-row > div,.dflex-row > section,.dflex-row > article {flex:1;} 
/*@media screen and (max-width:575px) {#herogrid img {display:none;}}*/
#jamytable tr {display: grid; grid-template-columns: repeat(auto-fill, minmax(250px,1fr));}#jamytable tr td {width: 100% !important;}
@media screen and (max-width:1280px) {.dgrid-4-cols {grid-template-columns: repeat(3,1fr)}} @media screen and (max-width:1024px) {#yhttbox {grid-gap: 0;grid-template-columns: 1fr;}#yhttbox-left{justify-content:center;}.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}#main-nav,#footer-nav,footer ul,header{display:none!important}footer .nogap{grid-gap:0}.dflex-row{flex-direction:column}}@media screen and (max-width:768px) {.dgrid-2-cols {grid-template-columns: 1fr;}#tkhero-bgimg{padding:2em 0}#tkhero-bgimg #herogrid img {max-height: unset;min-height: 200px;}#alanostotpalsta-nw tr {display: flex;flex-direction: column;align-items: center;}}@media screen and (max-width:575px) {.dgrid-4-cols {grid-template-columns: repeat(2,1fr)}#tkhero-bgimg #herotext-content {max-width: 73%;}}
@media screen and (max-width:420px) {#yhttbox-left{flex-direction:column; grid-gap:0.5em;}}
#alasivu-esittelypalsta, #tuotekorttisivu{background: url(../img/header/forest-bg.png) left bottom no-repeat; background-size:100%}

/* Webio content elements - main */ 
.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);text-transform:uppercase;padding:var(--button-padding);background: var(--button-background);height:auto;color: var(--button-text-color);font-weight: var(--button-font-weight);width:100%;max-width: var(--max-button-width);text-shadow:none!important;box-shadow: -3px 3px 0px #2a2a2a;}.webiolinkkipainike:hover.takaisinuutisiin:hover{transition:all .3s ease 0s; -webkit-filter: brightness(110%);filter: brightness(110%); text-decoration:none}@media screen and (max-width:480px){.webiolinkkipainike,.lomakenappi_submit,.takaisinuutisiin {display:block; padding:10px 0;}}.valikkolinkki,.valikkolinkki-sel,.valikkomodulilinkki,.valikkomodulilinkki-sel{text-decoration:none;color:#fff}a:hover{text-decoration:underline}.lomakeotsikko{color:var(--primary-color);font-weight:700}.lomakenappi_submit{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--button-font-color);padding:0 20px !important;font-size:var(--button-font-size);width:auto;border:none;border-radius:6px;height:45px !important; color:#fff !important;font-weight:700; margin-top:10px;}
@media screen and (max-width:1200px) {.lomakeotsikko {margin-bottom:10px;}}@media screen and (max-width:1024px) {table, td, tr {height: auto !important; max-width:100%}}@media screen and (max-width:860px) {.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}}@media screen and (max-width:720px) {.kuva, .kuva2 {padding: 20px 0;float: none;}}@media screen and (max-width:480px) {.kuva, .kuva2 {max-width: 100% !important;padding: 20px 0;}}.tapahtumat,.tapahtumakalenteri_otsikko,.tapahtumakalenteri_valiotsikko,.uutis_otsikko.tapahtumakalenteri_valiotsikko,.uutis_otsikko,.nostettumoduli,.nostettumoduli a,a.nostouutis_otsikko{color:var(--primary-color) !important;font-size:1.2rem; display:block;}.center-col iframe {max-width: 96%; width:100% !important;margin: 0 auto !important}tr[id^=lomakerivi]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,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 #8F8F8F}textarea{height:auto}.lpainike,.pmvk{width:auto;height:auto}.lomake-ve-solu input[type=checkbox]+label::before,.lomake-ve-solu input[type=checkbox]:checked+label::before{border-radius:100%}.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:13px}.lomake-ve-solu input[type=checkbox]+label::before,.lomake-ve-solu input[type=checkbox]:checked+label::before{border:1px solid #cacece;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:#9ec72a none repeat scroll 0 0;color:#fff!important;border:none;padding:8px 15px 0 7px}.lomake-ve-solu input[type=checkbox]:checked+label{color:#000;box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05),inset 15px 10px -12px rgba(255,255,255,.1),inset 0 0 10px rgba(0,0,0,.1)}.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),inset 0 1px 3px rgba(0,0,0,.1)}.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;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 #ddd;border-radius:100%;background:#fff}.lomake-ve-solu [type=radio]:checked+label:after,.lomake-vesolu[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)}@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}}.kuvagalleriagrid{display:grid;grid-template-columns:var(--img-gallery-rows);grid-gap:1em}.kuvagalleriakuvatausta{width:100%!important;height:auto!important;margin:0!important}.kuvagalleriakuvatausta img{width:100%;max-width:100%!important;object-fit:cover;padding:0!important;height:var(--img-gallery-img-size)}#semio-logot{text-align:center}.semiologo{display:inline;float:none;padding:10px 0 0 0}@media screen and (max-width:1024px){.semiologo{max-width:40px;padding-top:0}}@media screen and (max-width:575px){.kuvagalleriagrid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr)) !important}}

#contact-wrapper{position:fixed; bottom:20px; right:10px; z-index:2; }#contact-wrapper p a {color:#000 !important}#contact-wrapper .webiolinkkipainike {color:#fff !important;box-shadow:none; border-radius:40px;font-size:1rem;display: flex;justify-content: center;align-items: center;padding: 10px 30px;}#contact-wrapper img{padding-right:10px;}#myForm{animation: myanimation 0.2s ease-in; background: #fff;min-width: 300px;position: absolute;right: 5px;padding: 2em;bottom: 55px;height: 252px;border-radius: 6px;border: 1px solid #CECECE;}#contact-wrapper p a#contactlinkki {background: #070707;margin-top: 20px;display: inline-block;color: #fff !important;padding: 10px 30px;box-sizing: border-box;border-radius: 40px;text-align: center;}
#close-form{cursor:pointer;width: 30px;height: 30px;float: right;background: #ff8800;border-radius: 100%;text-align: center;color: #fff;font-size: 16px;font-weight: 700;position: absolute;right: 20px;top: 20px; display:flex; justify-content:center; align-items:center;}@keyframes myanimation { 0%   {opacity:0;}100%   {opacity:1;}}
@media screen and (max-width:768px) {#myForm{bottom:42px;z-index:2}body{margin:0 0 30px 0}#contact-wrapper img {padding: 2px 10px 0px 0;max-width:20px;}#contact-wrapper {width:90%;bottom:0;left:0; width:100%;}#myForm {width: 100% !important;left: 0 !important;bottom: 0;}#contact-wrapper .webiolinkkipainike {color: #fff !important;box-shadow: none; justify-content: center;align-items: center;padding: 5px 0px;display: flex;flex-direction: row;right: 10px;position: fixed;bottom: 10px;width: 185px;box-sizing: border-box;font-size: 11px;line-height: 120%;justify-content:center; align-items:center;}/*#contact-wrapper{position: fixed;bottom: 0;right: 0;z-index: 2;width: 100%;}#contact-wrapper .webiolinkkipainike{line-height: 100%;}.open-button.webiolinkkipainike {padding: 10px 0 !important;border-radius: 0 !important;display: flex !important;width: 100%;max-width: unset;}#contact-wrapper img{max-width:20px;}*/#myForm {height:auto;box-sizing: border-box;right: unset; min-width:unset;width: 90%;left: 5%;text-align: center;}#close-form {width: 30px;height: 30px;line-height: 100%;display: flex;justify-content: center;align-items: center;font-size: 16px;}}

/* MOBIILIVALIKKO */
#mobilemenu-container {height:var(--mobilemenu-container-height);background:#2a2a2a}#main-navi-resp,#mobile-logo{display:none}@media screen and (max-width:1024px){#mobilemenu-container, #main-navi-resp {display:block !important;}#mobile-logo{display:block;}.mean-bar::before{color:var(--mobilemenu-menutext-color) !important;content:"MENU";top:51px;width:auto;height:auto;right:5%;position:absolute;font-size:14px!important;line-height:100%!important}#mobilemenu-container::after{right:13px!important}.meanmenu-reveal{display:none}.meanmenu-reveal:after{color:#000;font-size:10px!important;top:65px;width:50px;height:50px}.meanmenu-reveal.meanclose::after{display:block;margin-left:-2px;margin-top:15px;padding-left:0;text-align:left}.meanmenu-reveal.meanclose{color:var(--mobilemenu-open-close-color);}.meanmenu-reveal.meanclose{width:39px!important; font-size:30px !important}.mean-bar{float:left;width:100%;position:relative;top:0;padding:0;min-height:42px;z-index:999}.meanmenu-reveal{color:var(--mobilemenu-open-close-color);cursor:pointer;display:block;font-size:1px;font-weight:700;height:48px;line-height:22px;margin-top:0;padding:12px 0 0;position:absolute;right:5%!important;text-decoration:none;text-indent:-9999em;top:6px;width:39px}.meanmenu-reveal span{background:var(--mobilemenu-button-background);border-radius:2px;display:block;height:6px;margin-top:4px;color:#000;width:39px;line-height:100%!important}.mean-nav{float:left;width:100%;margin-top:81px}.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% 5px;height:23px;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);font-weight:600;text-transform:uppercase}.mean-nav ul li li a{width:90%;padding:15px 0 6px 10%;background:var(--mobilemenu-submenu-background) !important;text-shadow:none!important;visibility:visible}.mean-nav ul li{position:relative;float:left;width:100%}.mean-nav ul li a:hover{background:#2a2a2a !important}.mean-expand{background:var(--mobilemenu-expand-button) !important;border:medium none;border-radius:3px;color:#fff !important;font-weight:700;height:20px !important;margin-top:2px;padding:3px 2px 2px !important;line-height:100%;position:absolute;right:10px;text-align:center !important;top:6px;width:23px !important;z-index:2}.mean-container .mean-push,.mean-nav .wrapper{width:100%;padding:0;margin:0}.mean-container .mean-nav ul li a.mean-expand:hover{background:#000!important}.mean-container .mean-push{float:left;clear:both}.mean-remove{display:none!important}}@media screen and (max-width:720px){.mean-bar::before{top:49px}}@media screen and (max-width:375px){#mobilemenu-container::after{right:8px!important}}@media screen and (max-width:290px){#mobilemenu-container::after{right:4px!important}}
#mobilepalsta span{font-size: 12px;color: #fff;font-weight: 700; margin-right: 10px;}.langlink-mbl {width: 100%;color: #fff;padding: 5px 10px;border-left: 1px solid #595959;}#mobilepalsta {background: #2a2a2a; box-sizing: border-box;text-align: right;padding: 1em 0.5em 1em 0;clear: both;}
@media screen and (max-width:480px) {#mobilepalsta span, .langlink-mbl{font-size:0.7rem}}

#language-sel {background:url(../img/header/langsel-arrow.png) 85% center no-repeat}
@media screen and (max-width:1440px) {#language-sel {background:url(../img/header/langsel-arrow.png) 110% center no-repeat}}
/* Alanavi */
#submenupage {grid-column-gap:5%}#sidenavi ul {background:var(--primary-color);padding: 10%;;margin: 0;list-style: none;}@media screen and (max-width:1024px) {.sidenavi ul{display:none;}}

/* Blog */
.blog-endordse-item {background: #ededed;display: grid;grid-template-rows: 1fr auto;}
td:has(>section.blog-endordse-item){display:grid; grid-template-columns:repeat(3,1fr);grid-gap:1em}
.blog-endordse-item h2 a{text-shadow: none;font-size:1.3rem}
.blogbutton {background: #000;color: #fff;padding: 7px 20px;display: block;max-width: max-content;margin-top: 20px;font-size: 14px;border-radius: 4px;font-weight: 700;}
  .blog-endorse-img img {object-fit:cover; max-height:250px; aspect-ratio:16/9; margin-bottom:1em; padding: 0 !important}
@media screen and (max-width:1024px) {td:has(> section.blog-endordse-item) {grid-template-columns: repeat(2,1fr);}}
@media screen and (max-width:575px) {td:has(> section.blog-endordse-item) {grid-template-columns: 1fr}}