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

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

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

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

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

:root {
   --primary-color: #82c341;
   --secondary-color: #3c3c3c;
   --base-font-size: min(max(1rem, 1vw), 18px);
   --base-text-color: #000;
   --base-line-height: 160%;
   --google-font: 'Poppins', sans-serif;
   --google-heading-font:  'Poppins', sans-serif;
   --navilink-font-size: min(max(0.9rem, 1vw), 18px);
   --navilink-color: #3c3c3c;
   --navilink-font-weight: 700;
   --navilink-padding: 20px 15px;
   --navilink-selected-bg: #82c341;
   --navilink-selected-color: #fff;
   --heading-size-1: min(max(1.4rem, 2.2vw), 2.33rem);
   --heading-size-2: min(max(1.2rem, 1.5vw), 1.66rem);
   --heading-size-3: min(max(1.2rem, 2vw), 2.11rem);
   --heading-size-4: min(max(1.4rem, 2.2vw), 2.33rem);
   --heading-size-5: min(max(1.1rem, 1.9vw), 2rem);
   --heading-size-6: min(max(1.3rem, 1.375vw), 1.375rem);
   --grid-gap: 2em 3em;
   --webshop-badge-default-bg:#3c3c3c;
   --webshop-badge-default-color:#fff;
   --webshop-badge-discount-bg:#82c341;
   --webshop-badge-novelty-bg:#0b6f77;
   --webshop-badge-freeshipping-bg:#3c3c3c;
   --webshop-badge-package-bg:#3c3c3c;
   --home-products-default-color-theme:#82c341;
   --industry-products-default-color-theme:#25b7c4;
   --project-default-color-theme:#82c341;
   --button-background: #82c341;
   --button-text-color: #fff;
   --button-font-size: min(max(0.8rem, 1vw), 1rem);
   --button-font-weight: 700;
   --button-padding: 8px 30px;
   --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: 50px;
   --mobilemenu-open-close-color: #3c3c3c;
   --mobilemenu-menutext-color: #3c3c3c;
   --mobilemenu-button-background: #3c3c3c;
   --mobilemenu-link-color: #fff;
   --mobilemenu-link-background: #82c341;
   --mobilemenu-expand-button: #3c3c3c;
   --mobilemenu-submenu-background: #6fb02e;
   --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);
 }


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)}img {max-width: 100%;height: auto;display: block; border-radius:4px;}header.content-col {z-index: 2;}a {color: #82c341;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: 110%;color: #3c3c3c; font-weight:700;}h1, h1 a {font-size: var(--heading-size-1); text-transform:uppercase; padding-bottom:1em}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%}}@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%; border-radius:4px;}

/* 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 */
#main-navi, #top-navi, #footernavi {margin: 0 auto;padding: 0;list-style: none;z-index: 2;position: relative;flex-direction: row;justify-content:space-evenly;}#navi-wrap{padding:2em 0 1em 0;z-index:400} #main-navi{border:1px solid #cdcdcd; border-radius:4px;} #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;}.topnavi-link{color:#3b3b3b; font-weight:500; font-size:min(max(0.7rem, 0.9vw), 16px); padding:5px 10px;}.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 {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;}#sidenavi ul {margin: 0;list-style: none;}@media screen and (max-width:1660px) {#logo img{max-width: 160px;}}@media screen and (max-width:1280px) {#logo img{max-width: 130px;}}
#teollisuustuotteet-tpl .mainnavi-link{font-size:15px;padding:20px 5px;}#main-navi li ul {display:none;}#main-navi ul a {color: #000;}#industry-toplinks #top-navi {float:right}#industry-toplinks .naviblock:first-of-type{margin-right: 10px;}#industry-toplinks #verkkokauppaicon {margin-left:10px}#industry-toplinks .naviblock:last-of-type {margin-left: 10px;display: flex;}#industry-toplinks .topnavi-link {border: 1px solid #ececec;}

/* DRP menu */
ul#main-navi ul {background: #f1f1f1 none repeat ; left: 0;margin-top: 0; position: absolute; z-index: 20000000000000000000000; width:98%; border: 1px solid #dedede; box-sizing: border-box;padding:10px 0;}
ul#main-navi ul li {float: left;display:block;height:auto; width:16.66%; box-sizing:border-box; padding:0 0 0 3%; text-align:left;}
ul#main-navi ul li a {display:block;width:90%;border:none;padding:10px 0px; font-size:0.85rem; line-height:1.2rem;}
ul#main-navi ul ul { left: 100%;top: 0; display:none !important; }
ul#main-navi li:hover > ul {display: flex;text-align: center;flex-wrap: wrap;}
.home-dept-navi {justify-content:unset;}
.home-dept-navi .mainnavi-link {padding: 20px 3vw;}

.naviblock div {grid-template-columns:3fr 1fr; display:grid; grid-gap:2em;}
ul#main-navi ul#imgnavi li:first-of-type {display: flex;justify-content: center;align-items: center;padding: 0 40px;text-align: center;background: #82c341;}
ul#main-navi ul#imgnavi li:first-of-type h2 {color:#fff}
ul#main-navi ul#imgnavi img {border-radius:0; border-right: 1px solid #fff;border-bottom: 1px solid #fff;box-sizing: border-box;height: 100%;object-fit: cover;}
ul#main-navi.home-dept-navi div ul {background: #f1f1f1 none repeat ; left: 0;margin-top: 0; position: relative; z-index: 20000000000000000000000; width:auto; border: none; box-sizing: border-box;padding:0;}
ul#main-navi.home-dept-navi li > div {background: #f1f1f1 none repeat ; left: 0;margin-top: 0; position: absolute; z-index: 20000000000000000000000; width:100%; box-sizing: border-box;padding:0;min-height: 0}
ul#main-navi ul#imgnavi {grid-template-columns: repeat(3,1fr)}
ul#main-navi ul#imgnavi li a {width:100%; padding:0;position:relative;height: 100%;display: flex;justify-content: center;}
ul#main-navi li:hover > div ul#imgnavi,ul#main-navi li:hover > div ul#textnavi {display:grid;}
ul#main-navi ul#imgnavi li,ul#main-navi ul#textnavi li {width:100%; padding:0;position:relative;}
ul#main-navi ul#imgnavi li span {position: absolute; z-index: 2;bottom: 10%;background: #fff;padding: 8px 50px; border-radius: 4px;text-transform: uppercase;font-weight: 700;}
ul#main-navi ul#textnavi li a{align-items: flex-start;justify-content: flex-start;padding: 0;line-height: 100%;height:10px; display:flex;}
ul#main-navi ul#textnavi {padding:2em 0;}
ul#main-navi ul#textnavi li {line-height:100%}


ul#main-navi ul li.hiddenmenu {display:none;}
ul#main-navi.teollisuustuotenavi > li {position:relative;}
ul#main-navi.teollisuustuotenavi ul li {width: 100%; padding:0 0 0 10%}
ul#main-navi.teollisuustuotenavi ul {width: 100%;flex-direction: column;min-width: 260px;margin-left: -40px;}
#main-navi.teollisuustuotenavi li:last-of-type ul { margin-left:-120px}
#main-navi.teollisuustuotenavi li:nth-last-child(2) ul {width: 250px;margin-left: -80px;}
ul#main-navi.teollisuustuotenavi li ul a {padding: 8px 0;}

@media only screen and (max-width: 1660px) {#teollisuustuotteet-tpl #main-navi{width:98%}#teollisuustuotteet-tpl .mainnavi-link{font-size:13px;padding:15px 5px}}
@media only screen and (max-width: 1500px) {ul#main-navi.teollisuustuotenavi li:first-of-type ul{margin-left:-20px} #main-navi.teollisuustuotenavi li:last-of-type ul { margin-left:-130px}}
@media only screen and (max-width: 1440px) {#teollisuustuotteet-tpl .mainnavi-link{font-size:13px;}#mainheader{width:98%;}ul#main-navi ul#imgnavi img {height: 160px;}#main-navi.teollisuustuotenavi li:last-of-type ul { margin-left:-150px}}
@media only screen and (max-width: 1280px) {#teollisuustuotteet-tpl .mainnavi-link{font-size:11.5px;}#main-navi.teollisuustuotenavi li:nth-last-child(2) ul {margin-left: -110px;}}
@media only screen and (max-width: 1160px) {#main-navi.teollisuustuotenavi li:last-of-type ul { margin-left:-160px}ul#main-navi.teollisuustuotenavi li:first-of-type ul{margin-left:-10px}}


/* Header */
#mainheader {display:grid; grid-template-columns:1fr auto 1fr; padding: 1em 0;}
.department-link {padding:10px 20px; border-radius:6px; background:#fff; font-size: 15px; display:inline-block; color:#3c3c3c; font-weight:500;margin-right:10px}
.department-link.selected{color:#fff}
#home-dept {background: url(../img/header/kk-bgicon.png) 15px center no-repeat;padding-left: 47px;border:1px solid #ececec}
#home-dept.selected {background: var(--home-products-default-color-theme) url(../img/header/kk-bgicon-sel.png) 15px center no-repeat;padding-left: 47px;border:none;}
#industry-dept {background: url(../img/header/tt-bgicon.png) 15px center no-repeat;padding-left: 47px;border:1px solid #d8d8d8}
#industry-dept.selected {background:var(--industry-products-default-color-theme) url(../img/header/tt-bgicon-sel.png) 15px center no-repeat;padding-left: 57px;border:none;}

#langselect {display:flex;justify-content: flex-end;align-items: center;}
#langselect a {padding: 3px 0;margin: 10px 10px 0px 1px;display: block;width: 30px;color: #1c2f3d;font-size: 0.9em;font-weight: 700;text-align: center;}
#lang-selected {background: #e3e3e3;color: #000;}
#verkkokauppaicon,a#verkkokauppaicon-kodin-kalusteet{background: #e3e3e3;border-radius: 4px;}
#verkkokauppaicon a, #langselect a#verkkokauppaicon-kodin-kalusteet{display:flex; justify-content:center; align-items:center;width:auto;}
#verkkokauppaicon img,a#verkkokauppaicon-kodin-kalusteet img {padding-right:5px;}
a#verkkokauppaicon-kodin-kalusteet {padding: 5px 10px;margin-right:30px;}

@media only screen and (max-width: 1024px) {#mainheader {height: auto;grid-template-columns: 1fr; padding: 0 0 0.5em 0px;width: 100%;grid-gap:0;}#langselect{display:none;}.choose-department {border-bottom: 1px solid #cdcdcd;}.choose-department.dflex-row{display: grid; grid-template-columns: 1fr 1fr;}.department-link{border-radius:0; border-right:1px solid #cdcdcd; text-align:left;padding: 5px 0;font-size:12px;margin-right: 0px;}.department-link:last-of-type{border:none;}#industry-dept, #home-dept {border:none; padding:10px 0 10px 47px;}#industry-dept{padding:10px 0 10px 57px;}}

@media only screen and (max-width: 575px) {.department-link{font-size:10px; font-weight:700}}

/* Hero */
#hero-carousel{background: url(../img/header/dia1-bg.jpg) center top no-repeat; background-size:cover;}
#hero-carousel a, #collection-wrapper a {color: #000;text-decoration: underline;font-weight:500}
#hero-carousel.industry-carousel{background:url(../img/header/industry-carousel-bg.png) center top repeat-x;background-size: contain}
#hero-carousel.industry-carousel img {min-height: 300px;object-fit: cover;}
#industry-herotext{text-align: center}
#industry-headerbox {background:#0b6f77;padding:10px 30px;box-sizing: border-box;max-width: max-content;margin: 20px auto 0 auto;}
.crs-text {grid-column:1 / -1}

/* General classes, heroimg, banners */
#main-heroimg {width: 100%;}
.heroimg {position: relative;}
.abs-element {position: absolute;z-index: 200;max-width: 100%;flex-direction: column;display: flex;width: 80%;} 
.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.33);}
.headerbox {background: var(--primary-color);color: #fff;padding: 5px 10%;text-transform: uppercase;display: inline-block;margin-bottom:20px;}
.bnr {position:relative;} /* Bannerikuva position container */
.bnr img {width:100%;} /* Bannerikuvan maksimileveys */

@media screen and (max-width:1024px) {#main-heroimg, .bnr img{object-fit: cover; min-height: 300px;max-height: 50vh;}#hero-carousel{padding:min(max(20px, 1vw), 20px) 0}#hero-carousel .cpadding-xl{padding: 0;}}

/* Puumessut */
#puumessut {background:#0b6f77; margin:1em auto} #puumessut .col-full:nth-of-type(2){padding:0em 2em 2em 2em; box-sizing:border-box;}

/* Collection landing page */
#collection-header-wrapper{background: #f5f5f5 url(../img/header/bg-tk-hiipakka.png) left top no-repeat; background-size: 40%}
#collection-header-wrapper .dgrid-3-cols {grid-gap:2em 5em;grid-template-columns: 1fr 1fr 1fr;align-items: center;}
#collection-description{display: flex;justify-content: center;flex-direction: column;}
#collection-wrapper {display:grid; grid-gap: 2em 1em; grid-template-columns: repeat(3,1fr);}
#collection-wrapper .cpadding-m {padding-top:0}
#industry-categories-front .modulikuvausteksti {flex-basis: 100%;text-align: center;padding-bottom: 2em;}
#category-basicbg {background: #ececec url(../img/header/etusivunostot-bg.png) top left repeat-x;}
#category-logged-img img{width:100%; object-fit:cover;height:100%;}
#category-logged-img div, #category-logged-img article { height: 100%;}
.collection-product-listing .tuotelistaus{display:grid; grid-template-columns: repeat(2,1fr) !important; grid-gap:3em}
.collection-product-listing .selaus_hinta_iso, .collection-product-listing .viivarivi, .collection-product-listing .varivaihtoehdot {display:none;}
.collection-wd-listing .tuotelistaus {grid-template-columns: repeat(4,1fr) !important; }
.collection-product-wrapper {grid-gap:2em 5em;}
.collection-product-wrapper p{font-size: 16px}
.collection-product-wrapper img {width:100%}
.collection-category-desc-wrapper .erikoiskuva {padding-bottom: 1em;}
.product-modal {text-align:center}
.product-modal img {margin: 0 auto;height: 200px;width: auto;object-fit: contain;}
.product-modal h2 {padding-bottom:5px;}
.product-modal h2 a {font-size:min(max(1.2rem, 1.15vw), 1.2rem);}
.product-modal p{font-size:14px}
.product-modal-feature {background:#f5f5f5; padding:10px 30px; box-sizing: border-box; margin-top:1em;display: flex;justify-content: center;flex-wrap: wrap;}
p.modal-tops:before {content:"KANNEN VÄRIT"; font-weight:700; padding-right:10px}
p.modal-tops{font-size: 10px;}
.modal-tops:empty{display:none;}
.vlmark{padding:0 5px;}
.collection-rgs .col-full > div, .collection-rgs .col-full > div p{display:flex; justify-content: space-around; align-items:center;flex-wrap: wrap; background:#f5f1ee; margin-top:2em}
.collection-rgs .col-full > div p{padding:5px 10px; margin-top:0}
.collection-rgs img {max-width: 40%;width: auto;height: auto;}
@media screen and (max-width:1024px) {.collection-product-wrapper {grid-template-columns: 1fr}}
@media screen and (max-width:575px) {.product-collction-link{grid-gap:2em}.collection-product-listing {grid-gap:2em}}
@media screen and (max-width:430px) {.collection-product-listing .tuotelistaus {grid-template-columns: 1fr !important;}.product-modal img { max-height: 200px;object-fit: contain;min-height: 200px;}}

/* Collection modals */
@media screen and (max-width:1024px) {#collection-wrapper {grid-template-columns: repeat(2,1fr)}#collection-header-wrapper .dgrid-3-cols {grid-template-columns: 1fr 1fr;}#collection-description{grid-row: 2;grid-column: 1 / -1;}}
@media screen and (max-width:575px) {#collection-wrapper {grid-template-columns: 1fr}#collection-header-wrapper .dgrid-3-cols {grid-template-columns: 1fr;}#collection-mainimg img, #collection-subimg img {max-height:200px; min-height:200px; object-fit:cover;width: 100%;}#collection-subimg img{object-fit:contain; display:none;}#collection-mainimg img {max-height: unset;}#collection-subimg{display:none;}}

/* Collection product card */
#collection-product-card-header-wrapper{background: #f5f5f5 left top no-repeat; background-size: contain}
#collection-product-card-header-wrapper .collection-rgs{padding:0; background:none;}
#collection-consumer-view-info {padding: 3em;background: #fff;}
#collection-product-card-header-wrapper.cproduct-bg {background: #f5f5f5 url(../img/header/bg-tk-hiipakka.png) left top no-repeat; background-size: 50%} /* Yleiskuva */
#collection-product-card-header-wrapper.cproduct-15625 {background: #f5f5f5 url(../img/header/bg-tk-anton.png) left top no-repeat; background-size: 50%} /* Anton mallisto */
#collection-product-card-header-wrapper.cproduct-22808 {background: #f5f5f5 url(../img/header/bg-tk-niklas.png) left top no-repeat; background-size: 50%} /* Niklas mallisto */
#collection-product-card-header-wrapper.cproduct-36 {background: #f5f5f5 url(../img/header/bg-tk-taiga.png) left top no-repeat; background-size: 50%} /* Taiga mallisto */
#collection-product-card-header-wrapper.cproduct-21940 {background: #f5f5f5 url(../img/header/bg-tk-vilja.png) left top no-repeat; background-size: 50%} /* Vilja mallisto */
#collection-product-card-header-wrapper.cproduct-45 {background: #f5f5f5 url(../img/header/bg-tk-vuono.png) left top no-repeat; background-size: 50%} /* Vuono mallisto */
.cproduct-bg #product-wrapper{background: #fff;padding: 2em;border-radius: 6px;}
#collection-consumer-view-info {border-radius:6px}
.product-card-colors {display:flex; justify-content: center;}
.product-card-colors img {border-radius:100px; max-width:25px; border:1px solid #cdcdcd;min-height:unset !important}
.product-card-colors div {display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 0 15px;}
.product-card-colors p {font-weight: 700; font-size: 16px}
#collection-product-card-features {margin-top:2em; background:#fff;}
.pcard-feature {display: flex;padding-bottom:10px;}
.pcard-feature p {font-size:16px;}
#pcard-gallery img {opacity:0.7}
#pcard-gallery .kuvagalleriakuvatausta{background:#000; position: relative}
#pcard-gallery  .kuvagalleriakuvatausta a{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.kuvateksti {position:absolute; z-index:2;pointer-events: none; color:#fff; font-size:min(max(1.1rem, 1.375vw), 1.375rem);width: 80%;left: 10%;text-align: center;}
.kuvateksti b {font-size:min(max(1.1rem, 1.375vw), 1.375rem);}
.feature-header {font-weight: 700; min-width:150px;}
#pcard-sublisting {grid-template-columns:repeat(4,1fr)}
.collection-product-listing .modulinkuvausteksti {padding-bottom:2em;grid-column: 1 / -1}
.varivaihtoehdot-otsikko{font-weight:700;}
#mlink-kgalleria tr {display:grid;grid-template-columns:1fr 1fr 1fr; grid-gap:1em}
#mlink-kgalleria td{display: flex;justify-content: center;align-items: center;width: 100% !important;flex-direction: column;background: #000;padding: 0;border-radius: 6px;position:relative}
#mlink-kgalleria h6, #mlink-kgalleria h6 a{text-align: center;position: absolute;color: #fff;text-shadow: 2px 2px 2px rgba(0,0,0,0.4);font-weight: 500;font-size: 1.2rem;max-width: 80%;}
#mlink-kgalleria img {opacity: 0.8; padding: 0 !important;}
#mlink-kgalleria .col-full {margin:0; padding:0;}
#mlink-kgalleria .col-full div {padding:1em 0 2em 0}
#mlink-kgalleria .col-full div:empty {display:none;}

@media screen and (max-width:1024px) {#collection-product-card-header-wrapper{background-size: 70%;}#collection-product-card-mainimg img {max-height: 400px;margin: 0 auto;min-height: 300px;}#collection-product-card-header-wrapper .dgrid-2-cols {grid-template-columns: 1fr;}#pcard-sublisting {grid-template-columns:repeat(2,1fr)}#pcard-gallery .kuvagalleriagrid {grid-template-columns: 1fr;}#pcard-gallery .kuvagalleriakuvatausta .kuva {height: auto;max-height: 300px;}#mlink-kgalleria tr {grid-template-columns: 1fr 1fr;}#suomenvahvimmat-yrityslogo {max-width: 100px;}}
@media screen and (max-width:768px) {#herotext .dgrid-2-cols{display: flex;}#herotext .dgrid-2-cols div:first-of-type img {max-width: 60px !important;}.hde-mobile {display:none;}#varitaulukko tr {display: flex;flex-wrap: wrap;}#collection-consumer-view-info {padding: 2em;}.collection-wd-listing .tuotelistaus {grid-template-columns: repeat(2,1fr) !important;}}
@media screen and (max-width:720px) {#mlink-kgalleria tr {grid-template-columns: 1fr;}#mlink-kgalleria img {width:100%; object-fit:cover; min-height:200px}}
@media screen and (max-width:575px) {#collection-product-card-mainimg img {max-height: 300px;}.pcard-feature {flex-direction: column;}#pcard-sublisting {grid-template-columns:1fr}}
@media screen and (max-width:430px) {.collection-wd-listing .tuotelistaus {grid-template-columns: 1fr !important;}}

/* Industry products collapsible product features */
.industry-datarow summary {display: grid;grid-template-columns: 70px 1fr 110px;}
.industry-datarow details {position: unset;display: unset;justify-content: unset;align-items: unset;margin-top: unset;width: 100%;padding:3px}
.industry-datarow details[open] {background: #e1e1e1;}
.datarow-product-features{padding-left: 92px;font-size: 15px;display: grid;grid-template-columns: 1fr 1fr;padding: 0px 0 10px 72px;}
.industry-datarow details p {font-size: 14px;}
.datarow-product-features-open{color: #25b7c4;font-weight: 500;font-size: 16px;}


@media only screen and (max-width:1440px) {.datarow-product-features{padding: 10px 0 30px 0px;}}
@media only screen and (max-width:720px) {.industry-datarow summary,.datarow-product-features-open{font-size: 14px;}.industry-datarow summary {display: grid;grid-template-columns: 70px 1fr 110px;}.industry-datarow details p, {font-size: 12px;}.industry-datarow details p {font-size: 12px;}}
@media only screen and (max-width:575px) {.datarow-product-features{grid-template-columns:1fr}.industry-datarow details p {padding-bottom: 5px;}}
@media only screen and (max-width:440px) {.industry-datarow summary,.datarow-product-features-open{font-size: 12px;}.industry-datarow summary {display: grid;grid-template-columns: 60px 1fr 90px;}}

/* Product categories modals */
.product-category img{width: unset;}
#product-categories-wrapper {display: grid;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));grid-gap: 1em;}
.product-category{background:#f5f1ee;grid-template-rows: 1fr auto;display: grid;padding:min(max(30px, 2vw), 40px);}
.category-img {justify-self: center;align-self: center;}
.pcategory-link{padding-top:2em;text-align: center;}.pcategory-link a{color:#000; font-weight: 700; text-transform:uppercase;}

/* Contact */
.dgrid-3-cols table, .nw-yhtttable {width: 100% !important;}
.nw-yhtttable tr {display: grid;grid-template-columns: repeat(auto-fit,minmax(350px,1fr)); grid-gap:2em}
.nw-yhtttable tr td{width:100% !important}

@media screen and (max-width:575px) {.nw-yhtttable tr {display: grid;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));}}

/* About us */
#about-us .dflex {position: relative;}
#about-us h1 {color:var(--primary-color)}
#about-us h4 {color:#fff}
#about-us img, #sella img{width:100%; height: 100%;object-fit: cover}
#about-us .center-elements{height:100%}
#about-us #solu1691 img {width: unset;height: unset;object-fit: unset;min-height:unset}
@media screen and (max-width:768px) {#about-us img{min-height: 400px;max-height: 500px;}}

/* News */
#news-section .dgrid-2-cols section {background:#82c341;padding:min(max(30px, 2vw), 40px);border-radius:4px;}
#news-section, #news-section .dgrid-2-cols{grid-gap: 1em;}
#news-section,#news-section h6,#news-section a,#sella h6,#sella p,#sella a {color:#fff}
#sella {position: relative;}
#sella section{align-items: flex-start;}

@media screen and (max-width:1024px) {#news-section .dgrid-2-cols{grid-template-columns: 1fr}}
@media screen and (max-width:768px) {#about-us .cpadding-xl {padding: 1em;}#news-section .dgrid-2-cols {grid-template-columns: 1fr 1fr;}}
@media screen and (max-width:480px) {#news-section .dgrid-2-cols {grid-template-columns: 1fr;}#sella img {min-height:300px;}}

/* Brochures table */
@media only screen and (max-width:1440px) {
.kuvastotaulukko-tp table tr {display: flex;align-items: center;justify-content: flex-start;text-align: left;}
.kuvastotaulukko-tp table tr td {height: auto !important;display: flex;margin-bottom: 10px;width: auto !important;}
.kuvastotaulukko-tp table tr td:nth-of-type(1) {padding-right: 2%;box-sizing: border-box;min-width: 80px;}}

@media only screen and (max-width:800px) {
.kuvastotaulukko-tp td {display: block;width: 100%;clear: both;}
.kuvastotaulukko-tp td table tr {margin-bottom:1em}
.kuvastotaulukko-tp table tr {display: flex;align-items: center;justify-content: flex-start;}
.kuvastotaulukko-tp table tr {justify-content: flex-start;}
.kuvastotaulukko-tp table tr td {clear: none !important;width: auto !important;}}
@media only screen and (max-width:480px) {.kuvastotaulukko-tp table tr td:nth-of-type(1) {padding-right: 2%;box-sizing: border-box;min-width: 60px;}}

/* Models table */
#mltable-models {width:100% !important}
#mltable-models tr {display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 2em;}
#mltable-models td {width:100% !important}
#mltable-models h6 {background: #f6f6f6;padding: 0.5em 1em;text-align: center;border-radius: 0 0 6px 6px;}
#mltable-models h6 a {font-size:1.1rem; display:block; width:100%}
#mltable-models img {width: 100%;border-radius: 6px 6px 0 0;}
@media only screen and (max-width:1280px) {#mltable-models tr{grid-template-columns: repeat(3,1fr);}}
@media only screen and (max-width:860px) {#mltable-models tr{grid-template-columns: repeat(2,1fr);}}
@media only screen and (max-width:480px) {#mltable-models tr{grid-template-columns: 1fr}}


/* Industry dept styles */
/*#ttdr-order #ovilinkkiteollisuus{display:flex !important; justify-content:center;}*/
#industry-notification-box > div{background:#0b6f77; margin-top:1em;padding:var(--padding-s) var(--padding-m);}
#industry-notification-box div:empty {display:none;}
#industry-categories-front .valikkomodulilinkki {background:var(--industry-products-default-color-theme)}
#industry-categories-front ul,#industry-categories-front li {list-style:none; padding:0; margin:0}
#industry-categories-front ul, #industry-categories-front .col-full{display:flex;justify-content: center; flex-wrap:wrap;}
#industry-categories-front ul a, #industry-categories-front .col-full a {background: var(--industry-products-default-color-theme);padding:10px 30px; margin:0 5px 10px 5px;font-weight:500;color:#fff; display:block}
#industry-dept-introduction{background:url(../img/header/industry-ftr-bg-2.jpg) center top no-repeat; background-size:cover}
#industry-dept-introduction h4 {color:#0b6f77}
#industry-dept-introduction a {color:#000; font-weight:500; text-decoration: underline;}
#introduction-img {position:relative}
#introduction-img h6{color:#fff}
#industry-partners h4{color:#25b7c4}
#industry-partners table {width:100% !important}
#industry-partners table tr {display: flex;justify-content: center;flex-wrap:wrap;}
#industry-partners table tr td {padding:0 40px 10px 40px;}
#industry-partners table tr td img {padding:0;}
#mallisto-tuotekortti {justify-content: space-between;}
#mallisto-mh img {width:100%; object-fit:cover; height:100%}
.mallisto-tuotekortti-sisalto.tretusivu-col {background: #25b7c4;padding:  min(max(40px, 3vw), 60px);}
#mallisto-mh .colpadding,#mallisto-mh .col-full{margin:0;}
/*#mallisto-mh div, #mallisto-mh article, #mallisto-mh a {height:100%}*/
#mallisto-tuotekortti h2, #mallisto-tuotekortti h2 a,#mallisto-tuotekortti h3, #mallisto-tuotekortti h3 a,#mallisto-tuotekortti h4, #mallisto-tuotekortti h4 a,#mallisto-tuotekortti h5, #mallisto-tuotekortti h5 a,#mallisto-tuotekortti h6, #mallisto-tuotekortti h6 a{font-size:min(max(1.1rem, 1.2vw), 1.2rem);}
#teollisuustuotteet-alanavi {background: #e9f8f9;padding: 5%;}
.mallisto-tuotekortti-sisalto.tretusivu-col h1 {color:#fff}
/* Product card */
#varitaulukko {width:100%}
#varitaulukko tr {display:flex;}
#varitaulukko td {font-size: 11px;line-height: 120%;font-weight: 500;padding: 0 10px;flex-basis: 70px;}
#varitaulukko td img {border: 1px solid #dedede;padding:0}
#solu_25565_1_1 .lomakeotsikko {font-size: 1.2rem;}


/* Footer */
footer{background:url(../img/header/footerbg-nw.jpg) center top no-repeat; background-size:cover;}
footer a {color:#000}
#jamylinkki {background: var(--primary-color) url(../img/header/jamyikoni-nw.png) 8% center no-repeat;display: block;color: #fff;font-weight: 900;background-size: 60px;padding:0; margin:0;}
#teollisuustuotteet-tpl #jamylinkki {background:var(--industry-products-default-color-theme); height:auto; padding:var(--padding-s)}
#teollisuustuotteet-tpl #jamylinkki h6 {height:auto;}
#jamylinkki h6 {color:#fff;height:100%}
#jamylinkki {max-width: unset; display:block; box-sizing:border-box;}
#jamylinkki a {color:#fff;padding:1.1em 1em 1.1em 15%; display:block;}
#jamylinkki h6,#jamylinkki h6 a{font-size: min(max(1.1rem, 1.375vw), 1.375rem);}
#ftrlogo{background:rgba(0,0,0,0.7)}
#ftrlogo img {margin:0 auto;}
#industry-footer .dgrid-3-cols {grid-template-columns: repeat(auto-fill, minmax(150px,1fr))}

@media screen and (max-width:1660px) {#ftrlogo img{max-width:160px}}
@media screen and (max-width:1440px) {#jamylinkki{background-size: 40px;}}
@media screen and (max-width:1024px) {#jamylinkki {background-size: 30px;background-position:4% center}#jamylinkki a {padding: 1.5em 1em 1.5em 10%;}#ftrlogo img{max-width:120px}}

/* Mobile tags*/
#mobilemenu-container{height:var(--mobilemenu-container-height);position: relative;right: 0;top: 0;z-index: 2000;width: 100%;padding-bottom: 0.5em;}
#mobile-logo {position: absolute;top: 0;left: calc(51% - 60px);z-index: 50000}
#mobilelogo-img { max-width: 100px;height: auto;padding: 15px 0px 0 0em}
@media screen and (max-width:1024px) {#mobile-logo {display: block !important}main-nav, #logo, footer nav, footer ul, #sidenavi, #industry-toplinks {display: none}}
@media screen and (max-width:420px) {#mobile-logo {left: calc(53% - 60px);}}

/* Campaign ribbon */
#campaign-ribbon {background:#ac4232; margin:1em 0; flex-direction:row;justify-content: space-evenly;padding:10px 0}
#campaign-ribbon:empty {display:none;}
#campaign-ribbon span,#campaign-ribbon td,#campaign-ribbon p,#campaign-ribbon a {color:#fff; font-weight:400;font-size:min(max(0.7rem, 1vw),1rem);}

/* 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, .valikkomodulilinkki {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: var(--google-heading-font);letter-spacing: 3px;margin: 0;line-height: 120%;font-size:0.9rem; text-transform:uppercase;padding: 20px 0 5px 0}
details{position:relative; display:flex; justify-content:center; align-items:center;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 {display:block;padding: 10px 30px; max-width:100%}}

#sidenavi ul .valikkomodulilinkki{color:#000; padding:0; background:none;margin-top:0;font-weight:400;}
#sidenavi ul .valikkomodulilinkki-sel {font-weight:700; color:#000}
#sidenavi ul ul {padding: 0 10px 10px 10px;}
#sidenavi ul ul ul{padding: 10px;}
#sidenavi a {text-align: left;font-size: 16px;}

/* 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(2, 1fr)}.kuvagalleriakuvatausta .kuva{height: 150px}}@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;}.swlinkki {font-size: 12px;color: #000}

 @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) !important;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), 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;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_pois_pois_pois_pois {max-width: var(--max-input-width);height:35px;width: 100% !important;box-sizing: border-box;border: 1px solid #8e8e8e}textarea_pois_pois_pois_pois,.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: auto;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 */
/*.mean-bar::before{color:var(--mobilemenu-menutext-color);content:"VALIKKO";top:42px;width:auto;height:auto;left:10px;position:absolute;font-size:9px!important;line-height:100%!important;z-index:2}*/#kodin-kalusteet-mobinavi{display: grid;grid-template-columns: 1fr auto;justify-content: center;align-items: center;background:#82c341}.mbl-toplinkki {margin-right: 10px;}#kodin-kalusteet-mobinavi .mbl-toplinkki a {padding: 20px 5px;max-width: max-content;}.mobiotsikko a {font-weight: 700;font-size: 1rem !important;}#teollisuustuotteet-tpl .mean-container .mean-nav ul li a {background: var(--industry-products-default-color-theme);}#teollisuustuotteet-tpl .mean-container .mean-nav ul li li a {background: #16a8b5 !important;}.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:35px; /*background: #3b3938*/}.meanmenu-reveal.meanclose {padding: 12px 12px 4px 12px;}.meanmenu-reveal span{background:var(--mobilemenu-button-background);display:block;height:5px;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:14px 5% 14px 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: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-expand{background:var(--mobilemenu-expand-button)!important;border:medium none;color:#fff;font-weight:700;line-height:100%height:20px!important;margin-top:2px;padding:3px 4px 4px!important;position:absolute;right:10px;text-align:center!important;top:10px;width:23px!important;z-index:2}.mean-remove{display:none!important}#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;}}

/* Ovitilaus */
#door-order-wrapper {display: grid;grid-template-columns: auto auto auto auto auto auto auto auto auto auto;grid-gap: 1em;width: 100%;}
#door-order-wrapper select {appearance: auto !important;border: 1px solid #000 !important;border-radius: 6px;height: 35px;padding: 0 10px;}
#door-order-wrapper input {border-radius: 6px;width: 60px !important;border: 1px solid #000 !important;}
#door-order-wrapper input[type="text"],#do-order-mark input[type="text"]{border-radius: 6px;width: 60px;border: 1px solid #000 !important;font-size: 14px;text-align: center;}
#door-order-wrapper input[type="button"] {border-radius: 6px;width: auto;border: none;background: #25b7c4;color: #fff;font-weight: 700;padding: 0 10px;width:auto !important;border: none !important;font-size: 14px;}
#do-order-mark input[type="text"]{width:auto !important;height:35px !important;}
#do-order-mark label {padding-right:10px}
#ttdr-order #login a {opacity:0.1; pointer-events:none;}
#ttdr-order #login a:first-of-type{display:flex; opacity:1;pointer-events:auto;}
.do-order-row, .do-header-row {padding:10px}
.do-order-row:nth-of-type(2n+1){background: #fff;border-radius: 2px;}
#door-order-form-wrapper {background: #ebeae8;margin: 1em auto;border-radius: 6px;padding: 2em;}
#door-order-form-wrapper .do-order-row, #door-order-form-wrapper .do-header-row {display: grid;grid-template-columns: 70px 120px 2fr 2fr 2fr 2fr 1fr 90px 1fr 1fr 30px; grid-gap:5px}
#door-order-form-wrapper .do-order-row div {font-size:12px;line-height:120%}
.do-header-row div{font-size: 11px !important;font-weight: 700;line-height:120%}
#door-order-form-wrapper textarea_pois_pois {width: 100%;min-height: 100px;}

#do-order-mark div:nth-of-type(1) p,#do-order-mark div:nth-of-type(2) p,#do-order-mark div:nth-of-type(3) p {font-size:16px}
#do-order-info-wrap {background: #fff;padding: 2em;margin-top: 2em;box-sizing: border-box;border-radius: 4px;}
#do-order-total p {text-align:right;}
#do-order-tt-sum {font-size:1.6rem}
#do-order-mark {text-align: right;margin-top: 20px;display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap:1em 2em;}
#do-order-mark div:first-of-type,#do-order-mark div:nth-of-type(2),#do-order-mark div:nth-of-type(3){text-align: left;}
#do-order-total div{text-align: right !important;margin-top:1em}

#teollisuustuotteet-tpl #ovilinkkiteollisuus {display: flex;text-align: center;justify-content: center;}

@media screen and (max-width:1280px) {#do-order-mark {grid-template-columns:1fr 1fr 1fr}#do-order-total{grid-column:1 / -1}}
@media screen and (max-width:1024px) {#ovilomake #door-order-wrapper {display: grid;grid-template-columns: repeat(auto-fit,minmax(140px,1fr));}.do-order-row, .do-header-row{overflow: hidden;overflow-x: hidden;overflow-x: auto;}#door-order-form-wrapper .do-order-row, #door-order-form-wrapper .do-header-row {grid-template-columns: 70px 120px 1fr 1fr 1fr 1fr 1fr 90px 1fr 1fr 30px;}}
@media screen and (max-width:860px) {#do-order-mark {grid-template-columns: 1fr;}  #do-order-total {justify-self: flex-start;}#do-order-total p {text-align:left;}#do-order-total div {text-align:left !important}}

/* Asiakaspäivät ilmoittautuminen */

#subpage-content textarea {max-width: 100%;padding: 0;}

/* Projektimyynti */

.project-table,.project-table tbody,.project-table tr,.project-table td {width: 100% !important; padding:0; height:auto !important; box-sizing:border-box}
.project-table tr {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 4em;align-items:center; justify-content:center}
.project-table.projecttable-even td:last-of-type {padding:0 0 0 4em}
.project-table.projecttable-odd {background: #f1f1f1;border-radius: 6px;}
.project-table.projecttable-odd td:first-of-type {padding:0 0 0 4em;}
.project-table.projecttable-odd tr td:last-of-type {display: flex;flex-direction: row;flex-wrap: nowrap;}
.project-table.projecttable-odd tr td:last-of-type a {width:100%}

@media screen and (max-width:860px) {.project-table tr {grid-template-columns: 1fr;grid-gap: 0;}.project-table.projecttable-odd td:first-of-type {padding: 2em;}.project-table.projecttable-odd tr td:last-of-type {flex-wrap: nowrap;max-width: max-content;margin: 0 auto;}.project-table.projecttable-even td:first-of-type{order:2}.project-table.projecttable-even td:last-of-type {padding: 2em;}}