.hashtaginosto {
	width: 152px;
	border: 1px solid #ececec;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 12px;
	height: 205px;
	overflow: hidden;
	margin-right: 20px;
	float: left;
	margin-bottom: 30px;
	background: url(../img/header/tuotekorttibg.gif) left bottom repeat-x;
}
.hashtaginosto_kuva {
	height: 130px;
	width: 150px;
	border: 1px solid #ececec;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
  text-align:center;
}

.hashtaginosto_kuva td{
	text-align:center;
}

.hashtaginosto_kuva img {
  width:80%;
  height:auto;
}


.hashtaginosto_sivunnimi {
	font-size: 15px;
  line-height:17px;
	color: #507235;
	font-family: 'Lato', Arial;
	font-weight: 400;
	clear: both;
	padding-top: 18px;
	width: 155px;
}
/* lato-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

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

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

:root {
--primary-color: #5a742f;
--base-font-size: min(max(1rem, 1.05vw), 18px);
--base-font-color: #5a742f;
--base-line-height: 160%;
--google-font: 'Lato', sans-serif;
--google-heading-font: 'Lato', sans-serif;
--navi-background: #5a742f;
--footer-navi-background: #5a742f;
--navilink-font-size: min(max(0.9rem, 1.125vw), 18px);
--navilink-color: #fff;
--navilink-font-weight: 700;
--navilink-padding: 20px 15px;
--navilink-selected-bg: #91ab29;
--navilink-selected-color: #fff;
--heading-size-1: min(max(1.6rem, 2.2vw), 44px);
--heading-size-2: min(max(1.4rem, 1.3vw), 26px);
--heading-size-3: min(max(1.4rem, 1.5vw), 30px);
--heading-size-4: min(max(1.4rem, 1.8vw), 36px);
--heading-size-5: min(max(1.6rem, 2.2vw), 44px);
--heading-size-6: min(max(1.6rem, 2.4vw), 48px);
--grid-gap: 2em 3em;
--webshop-badge-default-bg:#3b3938;
--webshop-badge-default-color:#fff;
--webshop-badge-discount-bg:#ff6000;
--webshop-badge-novelty-bg:#8dd6d2;
--webshop-badge-freeshipping-bg:#3b3938;
--webshop-badge-package-bg:#3b3938;
--button-background: #5a742f;
--button-text-color: #fff;
--button-font-size: min(max(0.8rem, 1vw), 1rem);
--button-font-weight: 700;
--button-padding: 8px 30px;
--max-button-width: 450px;
--max-input-width: max-content;
--img-gallery-rows: repeat(auto-fit, minmax(200px, 1fr));
--mobilemenu-container-height: 63px;
--mobilemenu-open-close-color: #fff;
--mobilemenu-menutext-color: #fff;
--mobilemenu-button-background: #fff;
--mobilemenu-link-color: #fff;
--mobilemenu-link-background: #5a742f;
--mobilemenu-expand-button: #fff;
--mobilemenu-submenu-background: #49631e;
--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);
--footer-background: #333333 url(../img/header/vectorbg.png) center bottom no-repeat;
--footer-bg-scale: 100%;
}

body, html, p {margin: 0;padding: 0;font-family: var(--google-font) !important;color: var(--base-text-color);font-size: var(--base-font-size);line-height: var(--base-line-height)} html{scroll-behavior: smooth;} img {max-width: 100%;height: auto;display: block;}header.content-col { position: absolute;z-index: 2;}a {color: var(--primary-color);text-decoration: none}a:hover {text-decoration: underline}h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {font-family: 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);}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);font-weight:500;}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}}picture > img{width:100%}
#tr-bg {background: url(../img/header/paakuva1.jpg) center top no-repeat;background-size: 100%;}@media screen and (max-width:575px) {#tr-bg {background: url(../img/header/paakuva1.jpg) left top no-repeat;background-size: 80%;}}

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

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

/* Navigation */

#navi-wrap {grid-column:1 / -1}#main-navi, #top-navi, #footernavi {margin: 0 auto;padding: 0;list-style: none;z-index: 2;position: relative;flex-direction: row;justify-content:space-around;width:100%}#main-navi{background:var(--navi-background); border-radius:10px}#top-navi {justify-content: flex-end} #footernavi{background:var(--footer-navi-background)}.mainnavi-link, .topnavi-link, .footerlink {padding: var(--navilink-padding);font-size: var(--navilink-font-size);font-weight: var(--navilink-font-weight);line-height: 100%;text-decoration: none;color: var(--navilink-color);display: block;}.topnavi-link{color:#535b45;min(max(0.8rem, 1vw), 18px);}.mainnavi-link:hover, .topnavi-link:hover, .footerlink:hover {color: #c6c6c6;}#link-sel-1-3, #link-sel-2-4, #link-sel-4-5, #link-sel-5-7, #link-sel-6-8, #link-sel-7-9,#link-sel-7-641 {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 {background: var(--primary-color);padding: 10%;margin: 0;list-style: none;}#logo img {margin:0 auto; max-width:25vw; min-width:300px;padding:30px 0}.naviblock span {display: block;}
.mainnavi-link {min-height: 35px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
@media screen and (max-width:1440px) {.mainnavi-link {min-height: 30px;}}

/* General classes, heroimg, banners */
#main-heroimg {width: 100%;}
.heroimg {position: relative;}
#herotext h2, #herotext h3, #herotext h4, #herotext h5, #herotext h6, #herotext p {color:#fff}
.abs-element {position: absolute;z-index: 2025;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.8);}
.headerbox {position: absolute;top: 2em;width: 100%;display: flex;justify-content: center;align-items: center;z-index: 220;}
.headerbox p{font-family: var(--google-font);font-weight: 700;background: #fff;color: var(--primary-color);border-radius:6px;text-shadow: none;display: block;max-width: max-content;margin: 0 auto;padding: 10px 3vw;text-align: center;text-transform: uppercase;}
.bnr {position:relative;} /* Bannerikuva position container */
.bnr img {width:100%;} /* Bannerikuvan maksimileveys */
.bnr.basic .bannertext img{width: auto;min-height:unset;max-height: unset}
#hautala-service-introduction h2 {font-size:min(max(1.6rem, 2.2vw), 44px);}
.bgcolor-wrapper {background:#000} /* Optional */
.bgcolor-wrapper img {opacity:0.7} /* Optional */
.lines {display:grid;grid-template-columns:1fr 1fr; height:10px}
.ltgreen, .green {width:100%}
.ltgreen {background:#c9d020}
.green{background:#5a742f}
#oikea-konekauppa img {max-width:70px; margin:0 auto; visibility: hidden}

#egopower-table {padding: 2em;border-radius: 12px;box-sizing: border-box;border: 1px solid #c9d020;}

/* Frontpage - carousel */
#carousel-container{position:relative; background:#3e4f22;width:100%;border-radius:10px;}
#carousel-wrapper{margin-top:1em}
#carousel-container h2 {font-size: min(max(1.6rem, 2.2vw), 44px);text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);color: #fff;}
#carousel-mask {bottom: 0;width: 100%;max-height: 50%;flex-direction: row;}
#carousel-container img{border-radius:10px;object-fit:cover;object-position: top;}
#carousel-container .abs-element{bottom:0; width:100%}
#carousel-container .selaus_kuva_iso img {min-height: 10vw;max-height: 10vw;}
.carousel-products {width:100%}
.mfbanners-front{grid-gap: 1em;grid-template-columns: repeat(5,1fr);margin-top:1em}
.mfbanners-front .col-full{margin-bottom:0}
#manufacturer-banners h2, #manufacturer-banners h2 a,#manufacturer-banners h3, #manufacturer-banners h3 a {font-size: 1.2rem !important;text-align: center;}

@media screen and (max-width:1280px) {#carousel-container .tuotelistaus {grid-template-columns: repeat(4,1fr);}}
@media screen and (max-width:1024px) {#carousel-wrapper{width:96%}#carousel-wrapper{margin-top:1em}}
@media screen and (max-width:860px) {#carousel-container .selaus_wrapper img {min-height: 100px;max-height: unset;padding: 0;max-width: 90%;object-fit: contain;min-height: unset;margin: 0;}.carousel-products .dgrid-s-xl-cols img {max-width: 160px;}.carousel-products .dgrid-s-xl-cols{grid-gap: 1em;}.carousel-products {margin-top:-40vw;padding: 1em !important;}#carousel-container .tuotelistaus{grid-template-columns:1fr 1fr;} .carousel-products .selaus_iso{display:grid;grid-template-columns: 1fr 3fr; justify-content: center; align-items: center; grid-gap:1em}.carousel-products .selaus_kuva_iso {grid-template-columns: 1fr;}#carousel-container .selaus_tuotenimi_iso{margin-bottom:0;}
#carousel-container .selaus_tuotenimi_iso::after {font-size: 14px;margin-top:5px}#egopower-table td {display: flex;justify-content: center;flex-direction: column;}#egopower-table td img {float:none !important; padding:1em 0 !important}}
@media screen and (max-width:678px) {#carousel-container .tuotelistaus {grid-template-columns: 1fr;grid-gap: 10px;}#carousel-container .selaus_wrapper img{min-height:60px; max-height:60px;margin: 0 auto;}#carousel-container img{object-fit: cover;object-position: top;min-height: 700px;}}

/* Frontpage - Environment */
#envinronment {background:url(../img/header/envinronment.jpg) center center no-repeat; background-size:cover}

/* Category - frontpage - Mainheader */
#category-frontpage {grid-gap:0 2em;}
#category-frontpage .dgrid-2-cols{grid-column:1 /-1; padding:1em 0; text-align:center}
@media screen and (max-width:575px) {#category-frontpage {margin-top: 1em;}}

/* Product card */
#pcard-bg{background:url(../img/header/pcard-bg.png) center top no-repeat; background-size:100%}
#pcard-wrapper {background:#fff url(../img/header/pcard-content-bg.png) left top repeat-x; border:1px solid #bed13e; border-radius: 12px;margin-top: 1em;}
#pcard-tech-specs{background:#fcfcfc url(../img/header/pcard-tech-specs-bg.png) center bottom no-repeat; background-size:100%; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc}
#tech-specs-features ul {justify-content: center;align-items: center;display: flex;flex-wrap: wrap;}
#tech-specs-features ul, #tech-specs-features li {list-style: none;padding: 0;margin: 0;}
#tech-specs-features li {background:#fff; border:1px solid #dfdfdf;min-width:unset;padding:10px 10px; color:var(--primary-color); position:relative; border-radius:4px; font-weight:700; margin:0 10px 10px 0}
#tech-specs-features li,#tech-specs-features li p {font-size:14px;color:var(--primary-color); font-weight:700;line-height:120%}
#tech-specs-content {margin-top: -28px;}
#tech-specs-content table {border-collapse:collapse !important}
#tech-specs-content td {padding:8px 10px 8px 20px;width:100% !important; box-sizing:border-box}#tech-specs-content td strong {font-size:1.2rem; padding-top:20px; display:block; }#tech-specs-content tr:nth-of-type(odd) {background: #e2e2e2;border-radius:10px}#tech-specs-content td, #tech-specs-content td p {font-size: 16px;}#tech-specs-content tr:has(.tekniset_valiotsikko){background:none}
#tech-specs-content tr {display: grid;grid-template-columns: 1fr 1fr; flex-wrap: wrap}
#brochures-and-links .col-full > div {display: flex;justify-content: center;flex-direction: column;max-width: max-content;align-items: center;margin: 0 auto;}

#brochures-and-links .col-full a, #brochures-and-links .col-full h2 a, #brochures-and-links .col-full h3 a #brochures-and-links .col-full h4 a, #brochures-and-links .col-full h5 a, #brochures-and-links .col-full h6 a {background: #5a742f;color: #fff;font-size:min(max(0.8rem, 1vw), 16px);padding: 10px 30px;box-sizing: border-box;border-radius: 6px;margin-right: 10px;display: block;line-height: 120%;}
#brochures-and-links {grid-column: 1/-1;}
@media screen and (max-width:1024px) {#pcard-text-content{order:2}#pcard-text-content .cpadding-m {padding: 2em 0 0 0;}.equipment-accessories{grid-template-columns:1fr}#pcard-accessory-card-images{order:2}}
@media screen and (max-width:678px) {#pcard-tech-specs .dgrid-2-cols {padding: 0;}#brochures-and-links .col-full > div {flex-direction:column}}
@media screen and (max-width:575px) {#pcard-wrapper {padding: 1em;}#pcard-tech-specs .center-col {padding: 1em 0;}#tech-specs-features li,#tech-specs-features li p {font-size:12px;}#tech-specs-content td, #tech-specs-content td p {font-size: 13px;width:100% !important; box-sizing:border-box}#tech-specs-content tr {grid-template-columns: 150px 1fr;}#shop-manufacturer-quicklinks .col-full {display:flex; flex-wrap:wrap}#shop-manufacturer-quicklinks a {flex:1; text-align:center;}}

/* Footer */
footer {background:var(--footer-background); background-size: var(--footer-bg-scale);}
footer .dgrid-3-cols {grid-template-columns: repeat(3,1fr)}
#dgrid-5-cols {display:grid; grid-gap:2em;grid-template-columns:repeat(5,1fr)}
footer h6,footer h6 a {color:#a9c326;font-size:min(max(1rem, 1.125vw), 22px); line-height:140%}
#footer-quicklinks, #footer-quicklinks li {margin: 0;padding: 0;list-style: none;}
#footer-quicklinks {display: flex;justify-content: center;}
#footer-quicklinks a {color:#c9d020; font-weight:700;padding:0 10px;}
footer p, footer a,footer td {color:#fff}
footer .webiolinkkipainike {background:#fff; border:1px solid #c9d020;color:var(--primary-color);display: block;margin:0 auto;max-width: max-content;}
#sicons-content, #sicons-content p { display: flex;justify-content: center;}
#sicons-content p {padding-right:10px}

@media screen and (max-width:1024px) {#dgrid-5-cols section {display: none;}#dgrid-5-cols section:last-of-type{display:block}footer, #dgrid-5-cols, footer .dgrid-3-cols {grid-template-columns: 1fr; text-align:center;}footer .dgrid-3-cols img{margin:0 auto;}#footer-quicklinks {flex-direction: column;}#footer-quicklinks li {padding-bottom:10px}#footer-quicklinks{display:none}footer .content-col.cpadding-xl{padding:0 0 20px 0}}
@media screen and (max-width:575px) {#footerbg .center-col {padding: 0 0 2em 0;width: 100%;}}

/* Banners */
#manufacturer-banners .col-full{grid-template-columns:repeat(4,1fr);grid-gap:1em}
#manufacturer-banners .bannertext {padding-top:10px}
#shop-manufacturer-wrapper {background:#eee url(../img/header/tnosto-bg.png) center bottom no-repeat; background-size:100%;}
#shop-manufacturer-wrapper .col-full {margin-bottom:0}
#shop-manufacturer-wrapper #manufacturer-banners{grid-template-columns:repeat(4,1fr);grid-gap: 1em;}
#shop-manufacturer-quicklinks {display:none;}
#shop-manufacturer-quicklinks .col-full {margin-bottom:0;display: flex;justify-content: center;flex-wrap: wrap;}
#shop-manufacturer-text {grid-column: 1/-1;max-width: 1200px;margin: 0 auto;}
#shop-manufacturer-text .col-full:nth-of-type(2){display:flex; flex-wrap:wrap;justify-content: center;}
#shop-manufacturer-text h2{font-size:min(max(1.6rem, 2.2vw), 44px)}
#shop-manufacturer-text .col-full:nth-of-type(2) a,#shop-manufacturer-quicklinks .col-full a {background: #fff;font-size:min(max(14px, 1.4vw), 18px);color: #3e4f22;font-weight: 700;line-height: 120%;padding: 10px 20px;border-radius: 6px;border: 1px solid #3e4f22; margin-right:10px;display: inline-block; margin-bottom: 10px;}
#shop-manufacturer-text .col-full:nth-of-type(2) a:after,#shop-manufacturer-quicklinks .col-full a:after {content:"›"; padding-left:5px}
#shop-manufacturer-text .col-full:nth-of-type(2) br,#shop-manufacturer-quicklinks .col-full br {display:none;}
#bannersbg {background:var(--banners-background); background-size: var(--banners-bg-scale); grid-gap:1em}
#bannersbg .dgrid-2-cols,#bannersbg .dgrid-3-cols {grid-gap:1em}
#banners-narrow .abs-element h2,#banners-narrow .abs-element h3, #banners-narrow .abs-element h4,#banners-narrow .abs-element h5,#banners-narrow .abs-element h6, #banners-narrow .abs-element p,
#bannersbg .abs-element h2,#bannersbg .abs-element h3, #bannersbg .abs-element h4,#bannersbg .abs-element h5,#bannersbg .abs-element h6, #bannersbg .abs-element p{color:#fff}
#banners-narrow {grid-gap:1em}
.banner img{width: auto;align-self: center;}

@media screen and (max-width:1660px) {.banner img {max-width: 110px;max-height: 90px;}}
@media screen and (max-width:1280px) {.banner img {max-width: 90px;max-height: 110px;}}
@media screen and (max-width:1024px) {#shop-manufacturer-quicklinks {display:block;}.bannertext h2 {font-size: 1.2rem;text-align: center;}#manufacturer-banners {padding:0;}}
@media screen and (max-width:860px) {.banner img {max-width: 80px;max-height: 80px;}#manufacturer-banners .erikoiskuva {max-height: 350px;object-fit: cover;}#shop-manufacturer-wrapper #manufacturer-banners{grid-template-columns:repeat(2,1fr)}}
@media screen and (max-width:768px) {.mfbanners-front { grid-template-columns: repeat(2,1fr);}#manufacturer-banners .banner img {max-width: 124px;max-height: 90px;}}
@media screen and (max-width:678px) {#manufacturer-banners .col-full{grid-template-columns: repeat(2,1fr);}.banner img {max-width: 100px;max-height: 80px;} .mfbanners-front{grid-gap:2em}}
@media screen and (max-width:480px) {#manufacturer-banners .col-full{grid-template-columns: repeat(2,1fr);}.banner img {max-width: 90px;max-height: 60px;} #manufacturer-banners .erikoiskuva {max-height: 200px;}.mfbanners-front { grid-template-columns: 1fr;}#shop-manufacturer-wrapper #manufacturer-banners{grid-template-columns:1fr}}

/* Banner - imgmask */
.banner-imgmask .bnr{background:#2c3f0e; border-radius:10px} /* Optional */
.banner-imgmask .bnr > img,.banner-imgmask .bnr > div img, .banner-imgmask .bnr > article img {opacity:0.3; border-radius:10px;}

/* Hautala Service Introduction */
#hautala-service-introduction {background:url(../img/header/vectorbg.png) center bottom no-repeat; background-size:100%;}
#hautala-service-introduction .col-full {margin-bottom:0;}

/* Modal */
#modals {background:var(--modals-background); background-size: var(--modals-bg-scale)}
#modals-narrow {align-items: flex-start; grid-gap:1em}
#modals-abs{grid-gap:1em}
#modals-abs img {border-radius:6px}
.basic-modal {padding:1em 1em 80px 1em;}
.modal {background: #fff;position: relative;flex-direction: column;display: flex;height: 100%;}
.modal-img {width:100%;position: relative;object-fit: cover;max-height:590px;}
.modal img{object-fit: cover;padding:0 !important; width:100%; height:100%;}
#modals-abs img {min-height: 450px;}
.modal h2 {font-size: 1.2rem;}
.modal-link {position: absolute;bottom: 1em;background: var(--primary-color); color: #fff;padding: 5px 3vw;font-size: 14px;font-weight: 700;left: 1.1em;margin-left: 1em;}
.modal-link a{color:#fff !important}
.ap-modal {padding:0}
.ap-modal .abs-element p {color:#fff}
.fancybox-caption__body b {display: none;}

@media screen and (max-width:1024px) {#modals-abs .col-full {grid-template-columns:repeat(2,1fr)}}
@media screen and (max-width:575px) {#modals-abs .headerbox {position: absolute;top: 2em; left:0.5em;}#modals-abs .headerbox p{font-size:0.7rem}.ap-modal .abs-element p {line-height: 140%;}.modal-text {padding-top: 50px;}}

/* Brand table */

#brands-table,
#brands-table tbody,
#brands-table tr,
#brands-table td,
#brands-table-contentblock,
#brands-table-contentblock tbody,
#brands-table-contentblock tr,
#brands-table-contentblock td
{width: 100% !important;height: auto !important;}#brands-table, #brands-table-contentblock {margin: 2em 0 2em 0; width:100% !important}#brands-table tr{justify-content: center;align-items: center;display: grid;grid-gap: 1em;grid-template-columns: repeat(auto-fit,minmax(90px,1fr));}#brands-table-contentblock tr {justify-content: center;align-items: center;display: grid;grid-gap: 1em;grid-template-columns: repeat(auto-fit,minmax(120px,1fr));}#brands-table img, #brands-table-contentblock img{max-height: 100px;object-fit: contain;width: auto;margin: 0 auto;padding: 0 10px !important;}
#brand-table-col {border-top: 1px solid #333;background:#fff}
@media screen and (max-width:1024px) {#brands-table tr,#brands-table-contentblock tr {display: grid;grid-gap:1em;grid-template-columns: repeat(auto-fill,minmax(90px,1fr));}#brands-table img, #brands-table-contentblock img{max-width: 100%;}}

/* Reseller tabs */
.valilehtilinkit{padding:0;height:auto;display:flex;width:100%}.vl-selected,.vl-selected-perus{height:32px!important;border-top:5px solid #4b7131!important}.valilehtisisalto,.valilehtisisalto-perus{display:none;width:100%}.valilehtilinkit a{flex: 1;transition:.2s ease-in-out;border-left:1px solid #d2d1d1;border-top:1px solid #d2d1d1;color:#8d8d8d;background:url(../img/header/bg_valilehti.jpg) bottom repeat-x #fff;width:auto;text-align:center;font-size:min(max(0.7rem, 1.8vw), 1.2rem);padding:20px 25px;display:block;float:left}#tuotekortti-pk img{width:100%}.valilehtilinkit a:first-of-type{border-top-left-radius:5px}.valilehtilinkit a:nth-of-type(6){border-right:1px solid #d2d1d1;border-top-right-radius:5px}.valilehtilinkit a:hover{color:#c9d020;background:#4b7131;text-decoration:none}.vl-selected{font-weight:700;color:#4a4a4a!important;background:#fff!important;border-bottom:none!important;padding:17px 40px 7px!important}.vl-selected-perus{color:#507235!important;background:#f9f9f9!important;padding:18px 25px 20px 25px !important;}.vl-selected-perus:hover{color:#fff!important}.valilehtisisalto-perus .valilehtilinkit a:last-of-type{border-right:1px solid #dedede;border-radius:0 6px 0 0}.vl-selected a{color:#507235;}.valilehtitekstiotsikko h3{color:#4a4a47;font-weight:700;font-size:28px;padding-bottom:20px}.valilehtiteksti-perus{padding:var(--padding-m);min-height:287px;height:auto!important;background:0 0;float:left;border:1px solid #dedede;width: 100%;box-sizing: border-box;}.valilehtisisalto{float:left}#tuotekuvat{display:block}

/* Contact table */
.hkunttable, .hkunttable tbody, .hkunttable tr, .hkunttable td {width: 100% !important;height: auto !important;}

.hkunttable tr{display:flex; gap:1em}

.hkunttable h2, .hkunttable h2 a,.hkunttable h3, .hkunttable h3 a,.hkunttable h4, .hkunttable h4 a,.hkunttable h5, .hkunttable h5 a,.hkunttable h6, .hkunttable h6 a {font-size:min(max(1.4rem, 1.3vw), 26px);}
.hkunttable td {flex: 1;margin-bottom: 2em;}

#webiolomake_240_1_1 td input {max-width: 40%;}

@media screen and (max-width:860px) {.hkunttable tr {display: grid;grid-gap: 1em;grid-template-columns: 1fr;}.valilehtiteksti-perus table tr {display: flex;flex-direction: column;}.valilehtiteksti-perus table, .valilehtiteksti-perus table tbody, .valilehtiteksti-perus table tr, .valilehtiteksti-perus table td {width: 100% !important;height: auto !important;}}
@media screen and (max-width:768px) {.valilehtilinkit a {padding: 20px 5px;line-height: 120%;}}
@media screen and (max-width:575px) {#webiolomake_240_1_1 td input {max-width: 100%;}}
@media screen and (max-width:375px) {.valilehtiteksti-perus p, .valilehtiteksti-perus a {word-wrap: anywhere;}}

/* Mobile tags*/
#mobilemenu-container{height:var(--mobilemenu-container-height);position: relative;right: 0;top: 0;z-index: 2000;width: 100%;}
#mobile-logo {display:none;position: absolute;top: 0;left: 0px;z-index: 50000}
#mobilelogo-img {max-width: 250px;height: auto;padding: 15px 0px 0 1em;}
#startpoint {grid-column:1/-1}
#startlink {background: #5a803a;position: fixed;bottom: 10px;right: 10px;color: #fff; font-size: 1.8rem;z-index:3000;font-weight: 400;display:flex;justify-content: center;align-items: center;width: 35px;height: 35px;border-radius: 100px; line-height: 100%;transition: all .3s ease 0s;text-decoration:none}
#startlink span{display:block;transform:rotate(-90deg); color:#fff;line-height: 100%; margin-left: -7px;}
#startlink:hover {background:#4c7132}

@media screen and (max-width:1024px) {#main-nav, #logo, footer nav, footer ul, #sidenavi,#main-navi,#top-navi,#oikea-konekauppa {display: none}#startlink {display: flex;}}
@media screen and (max-width:575px) {#mobilelogo-img {max-width: 180px;height: auto;padding: 20px 0px 0 0.5em;}}

/* 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, table.tarjouspyyntolomake input[type="button"]{border-radius:6px;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); text-transform:uppercase;}.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%}}.popupkalenteri iframe {height: 239px;}
.lomakeotsikko {color:var(--primary-color) !important}
/* Image gallery */
.kuvagalleriagrid {display:grid;grid-template-columns: repeat(auto-fit,minmax(120px,1fr));grid-gap: 1em}.kuvagalleriakuvatausta {height: auto !important;margin: 0 !important}.kuvagalleriakuvatausta .kuva {aspect-ratio: 4/3;width: 100%;max-width: 100%;object-fit: cover; padding: 0 !important;max-width: 90%;}#swlinkit {text-align: center;padding:10px 0;}.swlinkki {font-family:var(--google-font);font-size: 12px;color: #424242; }.swlinkki:hover{color:#06b0a7; text-decoration: none;} @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:575px) {.kuvagalleriagrid {grid-template-columns: repeat(auto-fit,minmax(60px,1fr));}.kuvagalleriakuvatausta .kuva {max-width: 70px;}}@media screen and (max-width:480px) {.subpage tr {display: grid;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));}.kuva, .kuva2 {float: none !important;clear: both;padding: 20px 0; box-sizing:border-box;}}

/* 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), 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 {max-width: var(--max-input-width);height:35px;width: 100% !important;box-sizing: border-box;border: 1px solid #8e8e8e}textarea,.lomakenappi_submit, input[type=file] {height: auto}.lomakenappi_submit {-webkit-appearance: none;-moz-appearance: none;appearance: none;color: var(--button-text-color);font-size: var(--button-font-size);width: 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 */
.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 0 10px;position:absolute;text-decoration:none;text-indent:-9999em;top:4px;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:14px;background:var(--mobilemenu-link-background);text-transform:uppercase}.mean-nav ul li li a{width:90%;padding:10px 5% 10px 8%;background:var(--mobilemenu-submenu-background)!important;visibility:visible}.mean-nav ul li{position:relative;float:left;width:100%}.mean-nav .mean-expand{background:var(--mobilemenu-expand-button)!important;border:medium none;border-radius:3px;color:#fff;color: var(--primary-color) !important;font-weight:700;height:20px!important;line-height:100%;margin-top:3px !important;padding:3px 4px 4px!important;line-height: 120%;position:absolute;right:10px;text-align:center!important;top:6px;width:23px!important;z-index:2}.mean-remove{display:none!important}#main-navi-resp{display:none}@media screen and (max-width:1024px) {#mobilemenu-container, #main-navi-resp {display: block !important;}#mobile-logo {display: block;}}.acc-news-wrapper {padding: 20px 20px 10px 20px;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}
.mean-nav ul li li li a {width: 86%;padding: 10px 5% 10px 12%;background: #304a05 !important;}

#mbl-yhteys{background: #c9d020;text-align: center;font-weight: 700;}


#optnews {background:#f1f1f1; margin-top:2em}
#optnews div:empty {display:none;}
#optnews .dgrid-2-cols, #optnews .col-full {padding:2em 0}

/*
#tuote_771 {order:1}
#tuote_770 {order:2}
#tuote_766 {order:3}
#tuote_767 {order:4}
#tuote_769 {order:5}
#tuote_772 {order:6}
#tuote_773 {order:7}
#tuote_775 {order:8}
#tuote_774 {order:9}
#tuote_776 {order:10}*/