@font-face {
  font-display: swap;
  font-family: 'Exo';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/exo-v24-latin-regular.woff2') format('woff2'); 
}

/* exo-500 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Exo';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/exo-v24-latin-500.woff2') format('woff2'); 
}

/* exo-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Exo';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/exo-v24-latin-700.woff2') format('woff2'); 
}

/* exo-800 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Exo';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/exo-v24-latin-800.woff2') format('woff2'); 
}

:root {
   --primary-color: #008eef;
   --secondary-color:#1e1e53;
   --base-font-size: min(max(0.95rem, 1.05vw), 1.05rem);
   --base-text-color: #000;
   --base-line-height: 160%;
   --google-font: 'Exo', sans-serif;
   --google-heading-font: 'Exo', sans-serif;
   --navilink-font-size: min(max(0.8rem, 1.125vw), 18px);
   --navilink-color: #0f2a61;
   --navilink-font-weight: 700;
   --navilink-padding: 20px 1vw;
   --navilink-selected-bg: #a4f7ff;
   --navilink-selected-color: #000;
   --heading-size-1: min(max(1.6rem, 2.55vw), 2.55rem);
   --heading-size-2: min(max(1.2rem, 2vw), 2rem);
   --heading-size-3: min(max(1.2rem, 2.1vw), 2.1rem);
   --heading-size-4: min(max(1.2rem, 2vw), 2rem);
   --heading-size-5: min(max(1.2rem, 2vw), 2rem);
   --heading-size-6: min(max(1.1rem, 1.22vw), 1.22rem);
   --grid-gap: 2em 3em;
   --button-background: #48f89c;
   --button-text-color: #fff;
   --button-font-size: min(max(0.8rem, 1vw), 1rem);
   --button-font-weight: 700;
   --button-padding: 12px 1.5vw;
   --max-input-width: 450px;   
   --max-button-width: max-content;   
   --img-gallery-rows: repeat(auto-fit, minmax(200px, 1fr));
   --img-gallery-img-size: 300px;
   --mobilemenu-container-height: 63px;
   --mobilemenu-open-close-color: #fff;
   --mobilemenu-menutext-color: #fff;
   --mobilemenu-button-background: #fff;
   --mobilemenu-link-color: #fff;
   --mobilemenu-link-background: #102372;
   --mobilemenu-expand-button: #1beafe;
   --mobilemenu-submenu-background: #000C5B;
   --padding-s: min(max(20px, 1vw), 20px);
   --padding-m: min(max(20px, 2vw), 40px);
   --padding-xl: min(max(20px, 3vw), 60px);
   --padding-xxl: min(max(20px, 4vw), 80px);
 }
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)}
header.content-col { position: absolute;z-index: 202;}#product-header-wrapper{padding: 0 0 2em 0}a {color: #4397da;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: var(--google-heading-font);margin: 0;padding: 0;line-height: 140%;color: var(--primary-color); font-weight:800; text-transform: uppercase}h1, h1 a {font-size: var(--heading-size-1);}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);font-weight:500}h6, h6 a {font-size: var(--heading-size-6);font-weight:500;}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%}}@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}}.subheader{color:#008dee; text-align:center;font-weight:800; font-size: min(max(1.8rem, 1.9vw), 36px)}

/* 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%;}
video {width:100%; max-height:720px; object-fit:cover;min-height: 300px;object-fit: cover;}

/* Gdids */
.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: 1em 0;}.dgrid-4-cols{grid-template-columns:repeat(4,1fr);}@media screen and (max-width:1500px) {#topnavi{grid-template-columns: 700px auto;}}@media screen and (max-width:1280px) {.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{grid-template-columns:1fr;}}@media screen and (max-width:575px) {.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; position:relative;background: url(../img/header/headerimg.png) center top no-repeat; background-size:1600px}#main-navi, #top-navi, #footernavi,#product-navi {margin: 0 auto;padding: 0;list-style: none;z-index: 2;position: relative;flex-direction: row;width:100%}#main-navi,#product-navi {display:flex; justify-content: space-around;max-width: 100%;background:#fff;border: 1px solid #144897;box-sizing: border-box;}#product-navi-wrapper {grid-column:1/-1;}#product-navi {display: grid;grid-template-columns: repeat(5,1fr);}#top-navi {justify-content: flex-end} .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;}.mainlevel-link > .mainnavi-link {text-transform:uppercase;}.topnavi-link{color:#919191}.mainnavi-link:hover, .topnavi-link:hover, .footerlink:hover {color: #c6c6c6;}.mainnavi-selected,#link-sel-2-37, #link-sel-3-59, #link-sel-4-58, #link-sel-5-39, #link-sel-6-40 {color: var(--navilink-selected-color);background: var(--navilink-selected-bg);text-decoration: none}#logoimg {max-width: 50%;margin: 0 auto;float: none;display: block;height: auto;padding: 40px 0;}#logo img {margin:0 auto; width:25vw; padding:0px 0; min-width:300px;}#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;}@media screen and (max-width:860px) {#product-navi {grid-template-columns: repeat(4,1fr);}#product-navi li:last-of-type{grid-column: 3 / 4;}}@media screen and (max-width:720px) {#product-navi {grid-template-columns: repeat(3,1fr);}}@media screen and (max-width:575px) {#product-navi {grid-template-columns: repeat(2,1fr);}#product-navi li:last-of-type{grid-column: 1/-1;}}

/* DRP menu */
.naviblock ul {display:none; position:absolute; width:100%;left:0; box-sizing:border-box;background:#fff} .naviblock ul, .naviblock li {list-style-type:none; padding:0; margin:0;} .naviblock:hover ul{display: grid;grid-template-columns: repeat(5,1fr);width: 100%;border:1px solid #25e6fe} .naviblock ul li a {display:flex;color:#0f2a61; font-weight:700;padding: 20px 1vw;box-sizing: border-box; line-height:110%; font-size:16px}.naviblock ul li,#product-navi li{border-right:1px solid #25e6fe; border-top:1px solid #25e6fe}.naviblock ul li:last-of-type a {text-transform:uppercase; text-align:center;justify-content: center;}.naviblock ul li:nth-of-type(5),.naviblock ul li:nth-of-type(10),.naviblock ul li:nth-of-type(15) {border-right:0}

@media screen and (max-width:1500px) {#main-navi {max-width: 100%;}.naviblock:hover ul{width: 100%;}}
@media screen and (max-width:1300px) {.naviblock ul li a {font-size: 14px;align-items: center;height:100%}}

.pp-background {background: url(../img/header/headerbg.jpg) center bottom no-repeat;background-size: cover;}

/* General classes, heroimg, banners */
#main-heroimg {width: 100%;max-height:836px; height:100%; object-fit:cover;display: block;}
.heroimg {position: relative;}
.heroimg h1 {font-size:min(max(1.6rem, 3vw), 60px);color:#fff; line-height:110%}
.heroimg .webiolinkkipainike {background:#25e6fe; color:#134896;line-height: 120%;}
.heroimg strong {font-size:min(max(1.2rem, 1.6vw), 30px); padding-top:10px; display: block}
#herotext-content {max-width:50%; padding-top:min(max(8vw, 11vw),180px)}
#herotext-subpage {bottom:10%; text-align: center}
#videomask.abs-element {left: 0;top: 0;height: 100%; width:auto;pointer-events:none; z-index:1}
#videomask img {object-fit:cover; object-position:right; height:100%; max-height:836px; width:100%}
#front-maincol {background:#d7ffff}
#subhero-col, #procedure-hero {margin-top: -6em;z-index: 3;}
.greenbox {background:#48f89c;margin-top:1em}
.greenbox .webiolinkkipainike{background:#102371; margin-top:0;padding-right: 1vw;margin-left: 0;}
.arrow {color:#48f89c; padding-left:1vw}
.bluebox {background:#102371; position:relative;}
.bluebox .col-full{margin:0;}
#consumerbox {border: 3px solid #25e6fe;background: #fff;grid-column: 1/-1;}
#consumerbox .col-full {margin-bottom:0}
#consumerbox .webiolinkkipainike {margin-top:0}
#front-subnavi-header {background:#008dee;}
#front-subnavi-header h3 {color:#fff; text-transform:unset; font-size:min(max(1.3rem, 2vw), 32px); text-align:center;}
#machines {background:#cdeffc}

/*.bluebox p:last-of-type {position:absolute; bottom:20px; }*/
.bluebox p, .bluebox h2 {color:#fff}
.bluetext {color:#1e1e53}
.lightbluetext{color:#4397da; font-size:min(max(1.2rem, 2.33vw), 2.33rem); font-weight:700; text-align: center}
#popular-categories{grid-gap:1em;}
#services img{margin: 0 auto;  max-width: 100%;height: auto;}
#services {grid-gap: 2em;}
img {max-width: 100%;height: auto;}
#contract-manufacturing,#import {height:100%;}
#contract-manufacturing{background:#a6d5e9 url(../img/header/pieni-hiilijalanjalki-bg.jpg) center -100px no-repeat; background-size: cover;display: flex;align-items: flex-end;}
#import {background:#a6d6e9 url(../img/header/peitetulpat-refebg.jpg) center top no-repeat; background-size: cover;background-blend-mode: screen;position:relative;padding: 4em 0;}
#import > section{position: relative;z-index: 22;}
#import-mask {height: 100%;width: 100%;pointer-events: none;background: #000;background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(0, 0, 0, 0) 100%);position: absolute; top: 0;left: 0;z-index: 1;opacity: 0.8;}
#import p {color:#102372}
#contract-manufacturing .webiolinkkipainike,#import .webiolinkkipainike{background:#4397da}
#footer-top{background:#f4fcff;z-index:3}
#footer-top .webiolinkkipainike {background:#4397da}
#footer-top h6{text-transform:unset}
footer h6{font-weight:700}
#contact{background:#fff}
#category-wrapper{background:#fff;margin-top:2em}
#category-wrapper.subpage-wrapper-section {margin-top: -6em;}
#subpage-wrapper-herobg #main-heroimg{max-height:500px; min-height:370px; object-fit:cover;}
#submenu-wrapper tr {display:flex; flex-direction:column;}
#submenu-wrapper td{width:100%; display:block;}
#submenu-wrapper td table {padding-left:20px; box-sizing:border-box;}
#submenu-wrapper {background:#f5f9fd; height:100%;}
#submenu-wrapper ul {padding:0; margin:0; list-style-type: none}
#submenu-wrapper ul ul{padding-left:1vw; box-sizing: border-box}
#submenu{ padding:1em}
.footer-top-table tr {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 2em;align-items: center;}
.footer-top-table td img {margin:0 auto;width: auto;height: auto;}
#tunnustukset img {margin:0 auto;max-width: 90%;}
.abs-element {position: absolute;z-index: 200;max-width: 100%;flex-direction: column;display: flex;width: 80%;flex-wrap: wrap;} 
.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: relative;width: 100%;display: flex;align-items: center;z-index: 220;margin-bottom:1em}
.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;padding: 10px 3vw;text-align: center;text-transform: uppercase;}
footer{background:#f4fcff url(../img/header/footerbg.jpg) center bottom no-repeat; background-size: 100%; padding-bottom:0 !important;z-index:3}
footer h6,#footer-top h4,#footer-top h5,#footer-top h6 {color:#1e1e53}
#footerlogoimg{margin: 0 auto;max-width: 50%;display:block;height:auto;}
#footertable tr {display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,1fr));grid-gap: 2em;}
#category-wrapper-nonavi td a{pointer-events:none;}

@media screen and (max-width:1140px) {.footer-top-table tr {display: grid;grid-template-columns: 1fr;}.footer-top-table tr {text-align: center;}}
@media screen and (max-width:1024px) {#front-maincol > .dgrid-2-cols {grid-template-columns: 1fr;}#front-maincol .dgrid-2-cols img {max-height: 400px;}#product-header-wrapper {padding: 1em 0;}#category-wrapper {padding: 1em;}#muotek-esittely {grid-template-columns:1fr}#muotek-esittely img {max-height: 300px;object-fit: contain;}.greenbox {text-align: center;}footer .cpadding-rl-xxl{padding:0;}#footerlogoimg {max-width: 80%;  margin: 0 auto;display: block;}#category-wrapper img {width: 100%;object-fit: cover;max-height: 300px;min-height: 200px;}img{max-width: 100%;height: auto;}#herotext-content {padding-top:0}.abs-element:has(#herotext-content){width:100%}#subpage-wrapper-herobg #main-heroimg {max-height: 200px;min-height: unset;}}
@media screen and (max-width:768px) {#contract-manufacturing{padding-top: 30vw !important;}#import {padding:6em 0}}
@media screen and (max-width:678px) {#subhero-col {margin-top: 0;}}
@media screen and (max-width:575px) {#services .cpadding-m, #services .cpadding-xl {padding: 20px;}#services .cpadding-rl-xxl {padding: 0;}#category-wrapper .cpadding-m:first-of-type {padding: 0;}#category-wrapper .cpadding-m img {width:100%}#category-wrapper {margin-top: 1em;}#order-cart.cpadding-m{padding:1em !important;}#herotext-content {max-width: 100%;}}
@media screen and (max-width:480px) {#category-wrapper-nonavi td {width:100% !important}#category-wrapper-nonavi tr {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 10px;}}

/* Frontpage -> Procedure */
#plasticline {background:url(../img/header/tulppabg.jpg) center bottom no-repeat; background-size: cover; }
#procedure-wrapper,#subpage-maincol{background:url(../img/header/headerbg.jpg) center bottom no-repeat; background-size: cover; }
#procedure-wrapper h3 {font-size:min(max(1.2rem, 1.8vw), 34px); text-transform:unset;}
#services-boxes {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 2em;}

/* Frontpage -> Big banners */
#services h3 {color:#1e1e53}
#services #contract-manufacturing .col-full, #services #import .col-full {margin-bottom: 0;}

@media screen and (max-width:860px) {#services-boxes {grid-template-columns: 1fr 1fr;}.odd-even-cols-wrapper .dgrid-2-cols {grid-template-columns: 1fr;}.evencolpage-img{order:2}}
@media screen and (max-width:768px) {#procedure-hero{margin-top:0;}#procedure-hero img {max-width:80%; margin:0 auto; display: block}}
@media screen and (max-width:480px) {#services-boxes {grid-template-columns: 1fr;}}

/* Responsibility page */
#solu37781 img,#solu37611 img, #solu59781 img, #solu59611, #solu39781 img, #solu39611 img{clip-path: polygon(10% 0, 100% 0, 100% 90%, 90% 100%, 0 100%, 1% 10%);padding:0 !important}
#services-boxes:has(#solu59791),#services-boxes:has(#solu39791) {display: none;}#machines:has(#solu59831),#machines:has(#solu39831) {background: url(../img/header/tulppabg.jpg) center bottom no-repeat;background-size: cover;}

/* Tuotesivut */
#order-cart{background:#0f2371; margin-bottom:1em !important;z-index:5}
#order-cart h6,#order-cart i, #order-cart p{color:#fff; font-size:14px}
.tarjouskori_poistalinkki { background: red;width: 17px;height: 17px;display: inline-flex; justify-content: center;align-items: center;border-radius: 50px;color: #fff;font-size: 12px; line-height: 10%; margin-left: 2px;font-weight: 700;}
#tilausbutton {background: #48f89c;color:#0f2371;padding: 10px 2vw;display: block;width: max-content;margin-top: 1em;}
.productlisting-wrapper td, .productlisting-wrapper th {font-size: 13px;padding:0;width: 100% !important;}
.productlisting-wrapper th {padding-bottom: 10px;}
.tuotetietokanta_rivi_odd {background: #ecf4fb;}
.productlisting-wrapper td {padding: 5px 0;line-height: 100%;}.productlisting-wrapper tr {display: grid;width: 100%;min-width: 100%;grid-template-columns:30px 120px 60px 60px 60px 60px 1fr 1fr 1fr 50px 80px 100px}
.productlisting-wrapper .tuotetietokanta_rivi_odd:nth-of-type(even),.productlisting-wrapper .tuotetietokanta_rivi_even:nth-of-type(even) {justify-content: flex-start;box-sizing: border-box;text-align: left;}
/*.productlisting-wrapper .tuotetietokanta_rivi_odd:nth-of-type(even) div,.productlisting-wrapper .tuotetietokanta_rivi_even:nth-of-type(even) div{padding: 1em;}*/
.productlisting-wrapper .tuotetietokanta_rivi_odd:nth-of-type(even) td,.productlisting-wrapper .tuotetietokanta_rivi_even:nth-of-type(even) td{/*padding: 0;*/vertical-align: top;}
.productlisting-wrapper .tuotetietokanta_rivi_odd tr,.productlisting-wrapper .tuotetietokanta_rivi_even tr {display: table-row !important;}
.tuotetietokanta_rivi_odd:hover,.tuotetietokanta_rivi_even:hover {background:#48f89c}
tr[id^=taulukko_ryhma_] td:nth-of-type(1){flex-basis:30px}
tr[id^=taulukko_ryhma_] td:nth-of-type(2){flex-basis:120px}
.productlisting-wrapper table {width: 100%;}
.tuotekuva_ikoni { width: 20px;height: 20px;background: url(/content/img/kauppapainikkeet_kuva.gif) no-repeat;}
.ostoskori_ikoni {width: 40px;height: auto;background: #102371;padding: 5px;font-size: 11px;text-transform: uppercase;font-weight: 700;border-radius: 2px;}
.ostoskori_ikoni::before {content: "Osta ›";color: #fff;line-height: 100%;height: auto;display: block;}
.tuotetietokanta_lisatiedotnappi {width: 100%;height: 20px;background: url(/content/img/kauppapainikkeet_info.gif) center center no-repeat;}
.tuotetietokanta_lisatiedotnappi img{margin:0 auto;}
.kuvaikoni {display:none !important;}
.measure-start::before {content: "MITAT(mm)";display: block;position: static;margin-top: -20px;}
.imagecell-content {visibility: hidden;}
div[id^="otsikko_ryhma"] img{padding-bottom:30px;}
.removefixed{display:none;}
#floating-img {position: sticky;top: 0;}
#tuotekuvapaikka {margin: 0 auto;max-width: 100%;height: auto;width:100%}

@media screen and (max-width:1280px) {#floating-img {padding: 0;}.tuotetietokanta_tarjouskori_tuoterivi {font-size: 12px !important}#content-wrapper-col {width: calc(100% - 2em);}}
@media screen and (max-width:1024px) {header.content-col {padding-top: 0.1em;}}
/* Rivitemplatet */

div[id^="otsikko_ryhma_"] {z-index: 2;}


/* Aluslevyt Prikat holkit */
#otsikko_ryhma_9_2_1_1 tr,#taulukko_ryhma_9_2_1_1 tr{grid-template-columns:30px 120px 40px 40px 40px 1fr 1fr 50px 80px 100px}

/* Hyllynkannattimet */
#otsikko_ryhma_15_2_1_25 tr,#taulukko_ryhma_15_2_1_25 tr{grid-template-columns:30px 120px 80px 1fr 1fr 200px 80px 100px}

/* Jätesangot */
#otsikko_ryhma_17_2_1_31 tr,#taulukko_ryhma_17_2_1_31 tr{grid-template-columns:30px 120px 1fr 1fr 80px 100px}

/* Jätesankosetit */
#otsikko_ryhma_17_4_1_33 tr,#taulukko_ryhma_17_4_1_33 tr{grid-template-columns:30px 120px 1fr 80px 100px}

/* Kasaushelat poratapit*/
#otsikko_ryhma_16_2_1_27 tr,#taulukko_ryhma_16_2_1_27 tr{grid-template-columns:30px 120px 40px 40px 1fr 1fr 50px 80px 100px}

/* Kasaushelat kanneohjain*/
#otsikko_ryhma_16_4_1_28 tr,#taulukko_ryhma_16_4_1_28 tr{grid-template-columns:30px 120px 1fr 1fr 1fr 50px 80px 100px}

/* Kasaushelat nepparit*/
#otsikko_ryhma_16_6_1_29 tr,#taulukko_ryhma_16_6_1_29 tr{grid-template-columns:30px 120px 1fr 1fr 1fr 50px 80px 100px}

/* Kulmasuojat KL*/
#otsikko_ryhma_12_2_1_17 tr,#taulukko_ryhma_12_2_1_17 tr{grid-template-columns:30px 120px 40px 40px 40px 1fr 1fr 80px 100px}

/* Kulmasuojat SL*/
#otsikko_ryhma_12_4_1_18 tr,#taulukko_ryhma_12_4_1_18 tr{grid-template-columns:30px 120px 40px 40px 40px 1fr 1fr 80px 100px}

/* Kulmasuojat VK*/
#otsikko_ryhma_12_6_1_19 tr,#taulukko_ryhma_12_6_1_19 tr{grid-template-columns:30px 120px 40px 40px 40px 1fr 1fr 80px 100px}

/* Laakeriholkit */
#otsikko_ryhma_14_2_1_24 tr,#taulukko_ryhma_14_2_1_24 tr{grid-template-columns:30px 120px 40px 40px 40px 40px 40px 1fr 1fr 50px 80px 100px}

/* Liukunastat Suorakaiteet*/
#otsikko_ryhma_13_2_1_21 tr,#taulukko_ryhma_13_2_1_21 tr{grid-template-columns:30px 120px 40px 40px 40px 1fr 1fr 50px 80px 100px}

/* Liukunastat Pyoreat*/
#otsikko_ryhma_13_4_1_22 tr,#taulukko_ryhma_13_4_1_22 tr{grid-template-columns:30px 120px 1fr 1fr 1fr 50px 80px 100px}

/* Mutterinsuojat */
#otsikko_ryhma_28_2_1_46 tr,#taulukko_ryhma_28_2_1_46 tr{grid-template-columns:30px 120px 40px 40px 40px 40px 40px 1fr 1fr 50px 80px 100px}

/* Muut tuotteet vaimenninnastat */
#otsikko_ryhma_20_2_1_40 tr,#taulukko_ryhma_20_2_1_40 tr{grid-template-columns:30px 120px 1fr 1fr 1fr 50px 80px 100px}

/* Muut tuotteet imukuppi */
#otsikko_ryhma_20_4_1_41 tr,#taulukko_ryhma_20_4_1_41 tr{grid-template-columns:30px 120px 1fr 1fr 1fr 50px 80px 100px}

/* Muut tuotteet pyorastot pyorat */
#otsikko_ryhma_20_6_1_42 tr,#taulukko_ryhma_20_6_1_42 tr{grid-template-columns:30px 120px 1fr 1fr 1fr 50px 80px 100px}

/* Muut tuotteet pyorastot kannattimet */
#otsikko_ryhma_20_8_1_43 tr,#taulukko_ryhma_20_8_1_43 tr{grid-template-columns:30px 1fr 1fr 1fr 1fr 50px 80px 100px}

/* Muut tuotteet asennuskiila */
#tuotetietokanta_ryhma_kuva_selite_taulu_20_10_1_44 tr,#tuotetietokanta_data_taulu_20_10_1_44 tr {display:flex;display: flex;text-align: center;}
#tuotetietokanta_data_taulu_20_10_1_44 tr th:first-of-type,#tuotetietokanta_data_taulu_20_10_1_44 tr td:first-of-type {text-align:left}

/* Nupit ulkokierre */
#otsikko_ryhma_52_3_1_49 tr,#taulukko_ryhma_52_3_1_49 tr{grid-template-columns:30px 200px 40px 40px 40px 40px 40px 40px 1fr 50px 80px 100px}

/* Nupit sisakierre */
#otsikko_ryhma_52_5_1_50 tr,#taulukko_ryhma_52_5_1_50 tr{grid-template-columns:30px 200px 40px 40px 40px 40px 40px 40px 1fr 50px 80px 100px}

/* Paatytulpat neliot */
#otsikko_ryhma_23_2_1_4 tr,#taulukko_ryhma_23_2_1_4 tr{grid-template-columns:30px 140px 80px 60px 60px 40px 1fr 1fr 50px 80px 100px}

/* Paatytulpat ovaalit */
#otsikko_ryhma_25_2_1_6 tr,#taulukko_ryhma_25_2_1_6 tr{grid-template-columns:30px 140px 80px 60px 60px 40px 40px 1fr 1fr 1fr 50px 80px 100px}

/* Paatytulpat pyoreat */
#otsikko_ryhma_51_2_1_47 tr,#taulukko_ryhma_51_2_1_47 tr{grid-template-columns:30px 120px 40px 80px 40px 40px 1fr 1fr 50px 80px 100px}


/* Paatytulpat suorakaiteet */
#otsikko_ryhma_24_2_1_5 tr,#taulukko_ryhma_24_2_1_5 tr{grid-template-columns:30px 140px 80px 60px 60px 40px 40px 1fr 1fr 50px 80px 100px}

/* Pallonupit pallonupit */
#otsikko_ryhma_19_2_1_38 tr,#taulukko_ryhma_19_2_1_38 tr{grid-template-columns:30px 1fr 1fr 1fr 1fr 50px 80px 100px}

/* Peitetulpat pyoreat */		
#otsikko_ryhma_22_2_1_3 tr,#taulukko_ryhma_22_2_1_3 tr{grid-template-columns:30px 120px 40px 40px 40px 40px 1fr 1fr 50px 80px 100px}

/* Reikatulpat */
#otsikko_ryhma_27_2_1_8 tr,#taulukko_ryhma_27_2_1_8 tr{grid-template-columns:30px 120px 40px 40px 40px 40px 40px 1fr 1fr 50px 80px 100px}


/* Saatojalan kierretulpat neliot */
#otsikko_ryhma_31_2_1_13 tr,#taulukko_ryhma_31_2_1_13 tr{grid-template-columns:30px 200px 60px 60px 40px 40px 40px 1fr 1fr 50px 80px 100px}

/* Saatojalan kierretulpat pyoreat */
#otsikko_ryhma_34_2_1_15 tr,#taulukko_ryhma_34_2_1_15 tr{grid-template-columns:30px 200px 60px 60px 40px 40px 40px 1fr 1fr 50px 80px 100px}
/* Saatojalan kierretulpat suorakaiteet */		
#otsikko_ryhma_33_2_1_14 tr,#taulukko_ryhma_33_2_1_14 tr{grid-template-columns:30px 120px 60px 60px 40px 40px 40px 1fr 1fr 50px 80px 100px}

/* Saatojalan sokkelikulma */	
#otsikko_ryhma_30_2_1_12 tr,#taulukko_ryhma_30_2_1_12 tr{grid-template-columns:30px 1fr 1fr 1fr 50px 80px 100px}

/* Saatojalat kiinteat */
#otsikko_ryhma_21_2_1_10 tr,#taulukko_ryhma_21_2_1_10 tr{grid-template-columns:30px 200px 40px 40px 40px 40px 1fr 1fr 50px 80px 100px}

/* Saatojalat */
#otsikko_ryhma_29_2_1_11 tr,#taulukko_ryhma_29_2_1_11 tr{grid-template-columns:30px 120px 40px 40px 40px 40px 1fr 1fr 50px 80px 100px}

/* Ulkotulpat */		
#otsikko_ryhma_26_2_1_7 tr,#taulukko_ryhma_26_2_1_7 tr{grid-template-columns:30px 120px 40px 40px 40px 1fr 1fr 50px 80px 100px}

/* Vedonpoistajat */ 
#otsikko_ryhma_18_2_1_34 tr,#taulukko_ryhma_18_2_1_34 tr{grid-template-columns:30px 120px 1fr 1fr 1fr 50px 80px 100px}

.productlisting-wrapper .extrainfofield{display:block; padding: 20px 2em 0 2em;}
.productlisting-wrapper .extrainfofield td {width: 100% !important;display: block;padding: 0 0 5px 0;flex: 1 !important;}
.productlisting-wrapper .extrainfofield td, .productlisting-wrapper .extrainfofield th {flex: 0;}
.productlisting-wrapper .extrainfofield tr {display: flex !important;}
.extrainfofield th {min-width: 100px;}
@media screen and (max-width:1660px) {.productlisting-wrapper{max-width: 1000px !important;}}
@media screen and (max-width:1440px) {.productlisting-wrapper {max-width: 800px !important;}}
@media screen and (max-width:1280px) {.productlisting-wrapper {max-width: 760px !important; width:760px;overflow:auto;}}
@media screen and (max-width:1024px) {#tuotekuvapaikka {display: none;}.kuvaikoni{display:block !important}.imagecell-content {visibility:visible !important}.productlisting-wrapper {max-width: 100% !important;  width: 100% !important;}#floating-img {padding: 0;position: fixed;bottom: 0;top: unset;z-index:5;width: ;right: 0;width: calc(100% - 2em);left: 1em;}#tuotetietokanta_tarjouskori_eituotteita, #tuotetietokanta_tarjouskori_tuotteet {display: none;} #order-cart .white-p {display:none;}#tilausbutton{margin-top:0}#floating-img p {display: none;}#swlinkit{background: #fff;width: 100%;}#order-cart{padding:0.5em}#tilausbutton {width: auto;text-align: center;}}
@media screen and (max-width:860px) {.productlisting-wrapper{overflow-x: scroll;}.productlisting-wrapper div[id^="otsikko_ryhma"], .productlisting-wrapper table[id^="taulukko_ryhma"]{width:1000px; max-width:1000px;}.pricecell-content {grid-column: 2 / span 2;text-align: left;padding-top: 8px !important;}.pricecell-content:before{content:"Hinta ALV 0%";font-weight:700; padding-right:20px} .pricecell-header,.actions-content {visibility: hidden;}div[id^="otsikko_ryhma"] .imagecell-content{visibility:hidden !important}.tuotetietokanta_rivi_odd, .tuotetietokanta_rivi_even {padding: 10px 0;}.tuotetietokanta_rivi_odd td:nth-last-child(3), .tuotetietokanta_rivi_even td:nth-last-child(3)  {grid-row: 3;  grid-column: 2 / span 2;text-align: left;}.tuotetietokanta_rivi_odd td:nth-last-child(2),.tuotetietokanta_rivi_even td:nth-last-child(2)  {grid-row: 2;}.pricecell-content{min-width:200px}div[id^="otsikko_ryhma"] table::before {
 content: "Pyyhkäise oikealle, niin näet lisää tuotesarakkeita ->";font-style: italic;padding: 0px 0 50px 0;display: block;font-size:12px}div[id^="otsikko_ryhma"] img {padding-bottom: 30px;max-width: 350px;}}


/* Banner - imgmask (optional) */
.banner-imgmask {position: absolute;height: 100%; width: 100%;} /* Optional */
.bannermask-img {opacity: 1 !important;max-height: 100%;object-fit: cover;width: 100%;}
@media screen and (max-width:1024px) {#main-heroimg, .bnr img{object-fit: cover; min-height: 300px;max-height: 50vh;}#herotext img {max-width:100px}#tunnustukset img {margin:0 auto;max-width: 50%;}footer .dgrid-xl-s-cols{display:none;}} 

/* Mobile tags*/
#mobilemenu-container{height:var(--mobilemenu-container-height);position: relative;right: 0;top: 0;z-index: 2000;width: 100%;background:#102372}
#mobile-logo {position: absolute;top: 0;left: 0px;z-index: 50000;width: 64%;background: url(../img/header/logobg-2.png) center top no-repeat;;background-size: 70vw 63px;}
#mobilelogo-img { max-width: 180px;height: auto;padding: 0px 0px 0 0em;max-height: 63px;object-fit: cover;object-position: top;margin: 0 auto;min-width: 100px;}
@media screen and (max-width:1024px) {#main-nav, #logo, footer nav, footer ul, #sidenavi, #topnavi,#submenu,header.content-col {display: none}}
@media screen and (max-width:575px) {#mobile-logo {width: 83%;background-size: 90vw 63px;}}

/* 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%;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 {text-transform:uppercase;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:after {content:"›";color:#48f89c; padding-left:1vw}.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;}.valikkolinkki, .valikkolinkki-sel, .valikkomodulilinkki, .valikkomodulilinkki-sel {text-decoration: none;color: #2f4046; font-weight:700;padding: 12px 2vw;display: block; box-sizing:border-box}.valikkolinkki-sel{background:#48f89c}@media screen and (max-width:575px) { .webiolinkkipainike, .lomakenappi_submit, .takaisinuutisiin,.greenbox .webiolinkkipainike{padding: 10px 40px;}}


.footer-top-table img{margin: 0 auto;display: block;}

/* 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;height: var(--img-gallery-img-size)}@media screen and (max-width:575px) {.kuvagalleriagrid {grid-template-columns: repeat(auto-fit, minmax(120px, 1fr))}.kuvagalleriakuvatausta img {height: 150px}#footer-top .cpadding-m {padding: 0;text-align: center;}#contact.cpadding-m{padding:2em;}}@media screen and (max-width:480px) {.kuva, .kuva2 {float: none !important;clear: both;padding: 20px 0; box-sizing:border-box;}}

/* Semio referencelinks*/
#swlinkit {text-align: center;color:#eaeaea;padding:7px 0 !important}.swlinkki {font-size: 12px;color: #eaeaea;}


 @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;background:#008eef;font-size: var(--button-font-size);width: auto;border: none !important;border-radius: 6px;height: 45px !important;font-weight: 700;margin-top: 10px;line-height: 100%;color: #fff !important;}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%;}
.lomakenappi_submit {color: #0f2371;}
 /* Mobilemenu */
.mean-bar::before{color:var(--mobilemenu-menutext-color);content:"VALIKKO";top:42px;width:auto;height:auto;right:10px;position:absolute;font-size:10px!important;line-height:100%!important;z-index:2}.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:47px;line-height:22px;margin-top:0;padding:8px 10px;position:absolute;text-decoration:none;text-indent:-9999em;top:0px;width:39px;}.meanmenu-reveal.meanclose {padding: 12px 12px 4px 12px;}.meanmenu-reveal span{background:var(--mobilemenu-button-background);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%;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:12px;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-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 4px 4px!important;position:absolute;right:10px;text-align:center!important;top:6px;width:23px!important;z-index:2;color:#102372 !important}.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: flex;justify-content: center;height: 63px;padding-top:0px}#muotek_side_float_bar_close,#muotek_side_float_bar_close a,#muotek_side_float_bar_close a img{height:100% !important}}
#webiolomake_35_1_1 tr#lomakerivi1_110 {display: none !important;}

#muotek_side_float_bar_open_link img {height: 200px;}
#muotek_side_float_bar_close img {height: 368px;}

/* Machinery table */
#konetable-content, #konetable-content tbody,#konetable-content tr, #konetable-content td{width:100% !important; height:auto !important; font-family:var(--google-font)}  #konetable-content td {line-height:140%}#konetable-content tr {display:grid; grid-template-columns:repeat(auto-fit, minmax(200px,1fr)); grid-gap:1em;} @media screen and (max-width:575px) {#konetable-content tr {display:grid; grid-template-columns:1fr; grid-gap:1em;}}

/* FLOATNAVI */
#main-header {transition: all 0.3s ease;z-index: 999;}
#main-header.floating {position: fixed !important;top: 0;left: 0;width: 100%;transform: scale(0.95); padding: 5px 0;}
#toplogo {transition: transform 0.3s ease, opacity 0.3s ease;padding:25px 0}
#main-header.floating #toplogo {transform: scale(0.8);opacity: 0.8;}

.floating #toplogo img{display:none;}
.floating #toplogo img:last-of-type{display:block;}
.floating #navi-wrap {background:#084294; padding:0 2em;grid-template-columns: 1fr 6fr;display: grid;}
.floating .naviblock:hover ul{border:1px solid #dedede;}

 @media screen and (max-width:1440px) {.floating #navi-wrap { width: 100%;}}