/* barlow-semi-condensed-300 - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/barlow-semi-condensed-v7-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/barlow-semi-condensed-v7-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display:swap;
}
/* barlow-semi-condensed-regular - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/barlow-semi-condensed-v7-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/barlow-semi-condensed-v7-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display:swap;
}
/* barlow-semi-condensed-600 - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../fonts/barlow-semi-condensed-v7-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/barlow-semi-condensed-v7-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display:swap;
}
/* barlow-semi-condensed-700 - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/barlow-semi-condensed-v7-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/barlow-semi-condensed-v7-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display:swap;
}
/* barlow-semi-condensed-900 - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 900;
  src: local(''),
       url('../fonts/barlow-semi-condensed-v7-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/barlow-semi-condensed-v7-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display:swap;
}
:root {
   --primary-color: #4daf47;
   --secondary-color: #3b3938;
   --base-font-size: min(max(1rem, 1.05vw), 1.05rem);
   --base-text-color: #000;
   --base-line-height: 160%;
   --google-font: 'Barlow Semi Condensed', sans-serif;
   --google-heading-font:  'Barlow Semi Condensed', sans-serif;
   --navilink-font-size: min(max(0.75rem, 1.125vw), 18px);
   --navilink-color: #fff;
   --navilink-font-weight: 700;
   --navilink-padding: 20px 8px;
   --navilink-selected-bg: #4daf47;
   --navilink-selected-color: #fff;
   --heading-size-1: min(max(1.4rem, 2.125vw), 2.125rem);
   --heading-size-2: min(max(1.2rem, 1.75vw), 1.75rem);
   --heading-size-3: min(max(1.2rem, 1.75vw), 1.75rem);
   --heading-size-4: min(max(1.1rem, 2.25vw), 2.25rem);
   --heading-size-5: min(max(1.1rem, 1.375vw), 1.375rem);
   --heading-size-6: min(max(1.1rem, 1.375vw), 1.375rem);
   --grid-gap: 2em 3em;
   --webshop-badge-default-bg:#3b3938;
   --webshop-badge-default-color:#fff;
   --webshop-badge-discount-bg:orange;
   --webshop-badge-novelty-bg:#8dd6d2;
   --webshop-badge-freeshipping-bg:#3b3938;
   --webshop-badge-package-bg:#3b3938;
   --button-background: #021201;
   --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: min(100%, 450px);   
   --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: #000;
   --mobilemenu-expand-button: #4daf47;
   --mobilemenu-submenu-background: #b31b02;
   --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)} #tuotekortti li,#pcard-gallery-wrapper li, #model-introduction li {font-family: var(--google-font);line-height:140%}body {line-height: calc(1rem + .1vw); background:url(../img/header/sitebg.jpg) right top no-repeat}td {font-family:var(--google-font);} img {max-width: 100%;height: auto;display: block;}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}#logo img {margin:0 auto}@media screen and (max-width:1024px) {header.content-col {width: auto;max-width: 120px;background: none;right: 0em;position: absolute;z-index: 99999;padding: 0;margin-top: -63px;}#mainheader div:empty{display:none;}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}}
html {scroll-behavior: smooth;}
/* 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%;}

/* 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: 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}.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 {position:relative;z-index:2;}#main-navi, #top-navi, #footernavi {margin: 0 auto;padding: 0;list-style: none;z-index: 2;position: relative;flex-direction: row;justify-content:space-around;}#main-navi {background:url(../img/header/navibg.png) left top no-repeat; background-size:cover}#top-navi {justify-content: flex-end} .mainnavi-link, .topnavi-link, .footerlink {text-transform:uppercase;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:#919191}.mainnavi-link:hover, .topnavi-link:hover, .footerlink:hover {color: #c6c6c6;}.footerlink {color:#fff}#link-sel-1-4, #link-sel-3-9, #link-sel-2-10, #link-sel-4-5, #link-sel-5-6, #link-sel-6-7, #link-sel-7-8 {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;}
#submenu > ul {list-style:none; margin:0; padding:0; background:#4daf47; padding:2em; box-sizing:border-box; top:0; position: sticky; display:grid;}#readc, #breadc a {color:#000; font-size:16px;}#artikkelinostot .col-full, .page-12 .col-full {display: grid;grid-template-columns: repeat(auto-fill,minmax(350px,1fr));grid-gap: 1em;}.valikkonosto {position:relative;background:#fff;border: 1px solid #d1d1d1;}.valikkonosto-description {display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;}@media screen and (max-width:1024px) {#submenu{display:none;}.mallisto-esittely div,.mallisto-esittely article {height: 100%;}.mallisto-esittely img.erikoiskuva {height: 100%;object-fit: cover;width: 100%;}#product-listing-wrapper .col-full table {width:100% !important;}}

/* General classes, heroimg, banners */
#main-heroimg {width: 100%;height: 100%;object-fit: cover;}
.heroimg {position: relative; grid-gap:0 0.3em; margin-top:0.5em}
.eride-banner-wrapper, .eride-banner-wrapper div {height: 100%;}
.eridebanner h2 {color: #fff;font-size: min(max(1.4rem, 2vw), 2rem);}
.abs-element {position: absolute;z-index: 200;max-width: 100%;flex-direction: column;display: flex;width: 100%;flex-wrap: wrap;bottom: 15%;padding: 0 4em; width: 100%;box-sizing:border-box; height:auto !important} 
.eridebanner {display:grid;grid-template-columns: 100px auto;align-items: center;padding:0 10%; box-sizing:border-box;background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);bottom: 0;padding: 0 10% 10% 10% !important;}
.eridebanner .webiolinkkipainike {margin-top:0;}
.eridebanner-container {display:flex;max-width: 800px;align-items:center}
.eridebanner-container h2{flex:3}
.eridebanner-container p{flex:1; min-width:200px;}
.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 2px rgba(0, 0, 0, 0.8);}
.headerbox {background: var(--primary-color);color: #fff;padding: 5px 10%;text-transform: uppercase;display: inline-block;margin-bottom:20px;}
.bnr {position:relative;}
.bnr img {width:100%;}
.mallisto-tuotteet {margin:2em 0}
.mallisto-esittely {background: #eee;border: 1px solid #dedede;padding:0 !important}
#sp-moto {background:#fff; padding:4em 2em;}
#sp-moto-front {padding:2em 0em 1em 0em;}
#sp-moto-front .dgrid-2-cols {grid-gap:1em}
#sp-moto .dgrid-2-cols {align-items:center;}
#solu112 table {margin-top:1em}
#solu112 tr {display: grid;grid-template-columns: repeat(auto-fit,minmax(350px,1fr));grid-gap: 2em 2em;}
#solu112 tr td{width:100% !important; border:5px solid #24571f; padding:2em; box-sizing:border-box;}
#product-listing-content{margin-top:2em;}
#tyosuhdepyora-ja-rahoitus{background:url(../img/header/bg-tyosuhdepyora.jpg) center top no-repeat; background-size:cover; margin-top:2em;}
.ebike-placeholder {background:#10131a}
#gasgas-placeholder, #gasgas-placeholder .mallisto-esittely {background:#dedede}
.ebike-tt-place .col-4-grid {grid-template-columns:1fr 1fr;filter: drop-shadow(0px 0px 12px rgba(0,69,220,0.3));}
#serial1-promo{background:#10131a; grid-gap:0}
#gasgas-placeholder {margin-top:2em}
#gasgas-promo{background:#dedede; grid-gap:0}
#gasgas-promo .ebike-tt-place .col-4-grid{filter: drop-shadow(0px 0px 12px rgba(255,255,255,0.3));}
.promo-content img {max-height:600px; object-fit:cover;}
.ebike-pdg {padding: min(max(20px, 3vw), 60px);}
.ebike-pdg .tuotelistaus {grid-template-columns:repeat(3,1fr);filter: drop-shadow(0px 0px 12px rgba(0,69,220,0.3));grid-gap: 1.5em;}
#gasgas-placeholder .tuotelistaus{filter: drop-shadow(0px 0px 12px rgba(255,255,255,0.3));}
.tr-item-latka:empty{display:none;}
.ebike-placeholder .tr-item-latka{position: absolute;}
.ebike-placeholder .tr-item-img img {border-radius: 6px 6px 0 0;}
.ebike-placeholder .mallisto-esittely {background:#10131a;padding: 0 4em 4em 4em !important;border:none}
.ebike-placeholder .mallisto-esittely h2, .ebike-placeholder .mallisto-esittely p {color:#fff !important}
#gasgas-placeholder .mallisto-esittely h2, #gasgas-placeholder .mallisto-esittely p{color:#000 !important}
.ebike-pdg .tr-item-img img{height:auto}
.ebike-placeholder .tr-item-wrapper {border:none;}

@media screen and (max-width:678px) {.eridebanner-container {flex-direction: column;justify-self: flex-start;width: 100%;}.eridebanner-container p{align-self: flex-start;}.eridebanner .webiolinkkipainike {margin-top:1em; padding:3px 20px;}.eridebanner-container p{margin:0 auto;}.eridebanner {background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);bottom: 0;padding: 0 10% 30% 10% !important;}}
@media screen and (max-width:520px) {.eridebanner {grid-template-columns: 1fr; text-align: center;}.eridebanner img {max-width:80px; margin:0 auto; height:auto;}}

/* Carousel */
#eride-desc-wrapper {display: grid;grid-gap: 0.5em;height: 100%;padding-top:10px;}
#eride-bannerblock, #eride-bannerblock div, #eride-bannerblock article, #eride-bannerblock p, #eride-bannerblock a, #eride-bannerblock img {height: 100%;}
#eride-bannerblock img {object-fit:cover; padding-right:3px !important}

.eride-desc {background: url(../img/header/banner-bg-kaupunkipyorat.jpg) center center no-repeat; background-size:cover;display: flex;height: 100%;padding: 2em;flex-direction: column;}
.eride-desc h2,.eride-desc p, .eridebanner p{color:#fff}
.eridebanner p {font-size:1.4rem} 
.eride-banner-wrapper{position:relative}
#retkipyorat{background-image: url(../img/header/banner-bg-retkipyorat.jpg) }
#maastopyorat{background-image: url(../img/header/banner-bg-maastopyorat.jpg) }
#footer-basic {padding:4em;}
footer {background:#eee;}
aside.content-col{background: #000;}
.mallisto-esittely tr {display: flex;}.mallisto-esittely td {flex:0 0 auto;width:unset !important;}

@media screen and (max-width:1024px) {#main-heroimg, .bnr img{object-fit: cover; min-height: 400px;max-height: 50vh;}#herotext img {max-width:100px}#eride-desc-wrapper {order: 2;margin-top: 1em;}#eride-bannerblock{order:2;background: #45ab3e;}#eride-bannerblock img {margin:0 auto; padding:2em 0 1em 0 !important;}}
@media screen and (max-width:575px) {.abs-element {padding: 0 2em;}#footer-basic {padding: 2em;}.mallisto-esittely tr {flex-direction:column;}}

/* Mobile tags*/
#mobilemenu-container{background:#fff;height:var(--mobilemenu-container-height);position: relative;right: 0;top: 0;z-index: 2000;width: 100%;}
#mbl-logo-container {position: absolute;z-index: 2;width: 100%;top: 56px;margin-left:42%; max-width:120px; display:none;}
#mobile-logo {display:none;position: absolute;top: 8px;left: 75px;z-index: 50000}
#mobilelogo-img { max-width: 120px;height: auto;padding: 10px 0px 0 0em}
@media screen and (max-width:1024px) {#mbl-logo-container {display:block;}#mobile-logo {display: block !important}main-nav, #logo, footer nav, footer ul, #sidenavi {display: none}}
@media screen and (max-width:575px) {#mbl-logo-container {margin-left: 39%;}}
@media screen and (max-width:420px) {#mbl-logo-container {margin-left: 34%;}}
@media screen and (max-width:375px) {#mbl-logo-container {top: 54px;}}

/* Campaign ribbon */
#campaign-ribbon {background:#054601; ; flex-direction:row;justify-content: space-evenly;padding:10px 5px}
#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.6rem, 1vw),1rem);}
.ribbonicon {display: flex;justify-content: center; align-items: center;}
.ribbonicon img {padding-right: 10px;}
@media screen and (max-width:375px) {#campaign-ribbon span, #campaign-ribbon td, #campaign-ribbon p, #campaign-ribbon a {font-size:0.6rem;}}

/* 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;}.center-col .colpadding:last-of-type, .content-col .colpadding:last-of-type {display: none;}

/* Webio content classes */
.webiolinkkipainike, .lomakenappi_submit, .takaisinuutisiin {border-radius:4px;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;}.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 0;}}
.valikkolinkki-sel {font-weight: 700;color: #000;}
/* 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}}@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}

/* Responsive content tables */
 @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: #041503 !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 {max-width: var(--max-input-width);height:35px;width: 100% !important;box-sizing: border-box;border: 1px solid #8e8e8e}textarea_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)!important;content:"VALIKKO";top:42px;width:auto;height:auto;left:10px;position:absolute;font-size:9px!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; background: #000}.meanmenu-reveal.meanclose {padding:12px 10px 4px 10px}.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:#383838!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;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}.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;}}

 /* MOBIILIVALIKKO */

#mblcontainer {height:var(--mobilemenu-container-height)}position: relative;z-index: 20000000}
.btn-open,.btn-close {position: relative;left: 2em;top: 10px;z-index: 2;}
.btn-close {right: 2em;left: unset;position: fixed;z-index: 2000000000000000;top: 5em;}
#mbllogo{top: 0;position: fixed;z-index: 230;width: 100%;}
#mbllogo img {margin: 0 auto;padding: 40px;max-width: 200px;}
.overlay {padding-top: 220px;display: none;position: fixed;top: 0;height: 100%;width: 100%;background: rgba(0, 0, 0, 0.9);overflow: auto;z-index: 100000;left:0;}
.wrap {color: #fff;text-align: left;max-width: 100%;margin: 0 auto;height: 50vh;display: flex;justify-content: center;align-items: center;}
.wrap ul {width: 100%;margin: 0 auto;display: block;padding: 0;}
.wrap ul a{width:100%;display:block;font-family: var(--google-font);font-size: 3rem;line-height: 160%;color:#fff} 
.wrap ul, .wrap li{list-style: none}
.wrap li {text-align:center}
.blackbox{width: 100%;color: #fff; padding:10px 0;background:#4daf47; text-align:center;}
#hajyboxit-mbl{display: flex;justify-content: center;align-items: center;padding: 0;border: 1px solid #303030;max-width: 300px;margin: 0 auto;}
#hajyboxit-mbl .redbox, #hajyboxit-mbl .blackbox{min-width:150px; padding:10px 0;font-size: 1.3rem;}
@media screen and (max-width:1024px) {#mblcontainer{display:flex !important; width:50px;justify-content: center;align-items: center;padding-left: 4%;}}
@media screen and (max-width:720px) {.wrap ul a{font-size: 2.2rem;}}
@media screen and (max-width:575px) {.overlay {padding-top: 160px;}.btn-close {max-width: 60px;top: 4em;}#mbllogo img {max-width: 120px;padding: 2em 0 25px 0;}#hajyboxit-mbl { max-width: 240px;}#hajyboxit-mbl .redbox, #hajyboxit-mbl .blackbox {min-width: 120px;padding: 5px 0;font-size: 1.1rem;}}
@media screen and (max-width:480px) {.btn-open {max-width:60px;}#mobile-logo { max-width: 120px;padding-right: 10vw;padding-top:7px;}}

/* Tyosuhdepyoratilaus */
#rltsp-divi{background: url(../img/header/banneri-bg.jpg) center center no-repeat; background-size:cover;}

#tsuhdepyora-orderform-block a{padding: 20px 20px;display: block;margin-top: 2em;font-weight: 700;background: #f39200;text-transform: uppercase;margin: 2em 2em 1em 2em;color: #fff;}
.other-bike-buttons#tsuhdepyora-orderform-block a{margin: 2em 0em 1em 0em;}


#tab-btn-container {display: grid;grid-template-columns: auto auto 1fr;background:#f1f1f1;border-top: 1px solid #dedede; border-right: 1px solid #dedede;border-left: 1px solid #dedede;border-radius: 10px 10px 0 0;}
#tab-btn-container > div {padding: 1em 2em;border-right: 1px solid #dedede;}
#eride-rahoituslaskuri, #eride-tyosuhdepyoratilaus {border-radius: 0 0 12px 12px;border-left: 1px solid #dedede;border-bottom: 1px solid #dedede;border-right: 1px solid #dedede;background: #fff;}
#eride-tyosuhdepyoratilaus h2 {padding: 1em 0 0 0;}
.tab-buttons.active {background:#fff; border-radius:8px 0 0 0}
.tab-buttons:nth-of-type(2).active {border-radius:0 0 0 0}
.tab #ll-laskuri-nw {background:none;padding: unset;margin:unset}
.tab #nw-luottolaskuri{width:100%;}
.tab #luottolaskuri-container{border: none;}
.tab-buttons img {max-width: 25px;padding-right: 10px;}
.tab-buttons {display: flex;align-items: center;cursor: pointer}
.tab-buttons h6 {font-size: 1.1rem;}

#funding-container {width:100%}
#funding-content {display: grid;align-items: center;grid-template-columns: max-content max-content max-content max-content;padding: 2em 0 0 0;background: #4daf47;padding: 2em;border-radius: 6px;}
.funding-header,#kuukausiera {font-weight: 700;font-size:min(max(1.2rem, 1.7vw), 26px);color: #fff;}
#funding-expences .funding-header{color:#000; font-size: 14px}
#funding-content > div {padding: 0 1em 0 0;display: grid;grid-template-columns: auto auto auto;grid-gap: 1em; align-items: center;max-width: max-content;}
#funding-content .syote {display: flex;align-items: center;color: #fff;}
#funding-content .syote input,.syote select {width: auto !important;min-width: 100px;border: none;border-radius: 4px;font-family: var(--google-font);font-size: 20px; text-align:right}
#funding-content > div#monthly-payment {grid-gap:0}
#funding-content #kuukausiera {line-height: 100%;color: #fff !important;}
#funding-select .syote{position: relative;display: flex;height: 2em;line-height: 2;background: #fff;overflow: hidden;color: #000;border: none;border-radius: 4px;float: left;}
#funding-select select {-webkit-appearance: auto;-moz-appearance: auto;-ms-appearance: auto;appearance: auto;outline: 0;box-shadow: none;border: 0 !important;background: #fff;margin: 0;width: 100%;padding: 5px;min-width: 70px;text-align: left;font-size:16px !important}
#funding-content #luottoaika {padding:0 10px;}
#funding-content #luotonmaara, #funding-content #kasiraha {padding: 0 10px !important;margin: 0 5px 0 0}
#funding-expences {padding: 2em 0 0 0;display: grid;grid-template-columns: max-content max-content max-content max-content max-content;grid-gap: 1em;}


@media screen and (max-width:1500px) {#monthly-payment{grid-column: 1 / -1;margin-top: 2em;}}
@media screen and (max-width:1024px) {#funding-content {grid-template-columns: max-content max-content;grid-gap: 1em;}}
@media screen and (max-width:800px) {#funding-content {grid-template-columns: 1fr;}#funding-content > div {max-width: 100%;grid-template-columns: 1fr 1fr;}#funding-expences {grid-template-columns: 1fr 1fr 1fr;}}
@media screen and (max-width:678px) {.tab-buttons h6 {font-size: 0.9rem;}}
@media screen and (max-width:575px) {.tab-buttons h6 {font-size: 0.85rem;}.tab-buttons img {display: none;}#tab-btn-container > div {padding: 1em;}}
@media screen and (max-width:480px) {#funding-expences {grid-template-columns: 1fr 1fr;}  #funding-content > div {grid-template-columns: 1fr;}}
@media screen and (max-width:375px) {#funding-expences div{text-align: left !important;}#funding-expences .funding-header{font-size:12px !important}#funding-content {padding: 1em;}.tab {padding:1em}}

/* Frontpage -> productlisting -> Columns */
#nmp-store-direct h2 {font-size:min(max(1.8rem, 2.7vw), 3rem);}

.pwrapper-25 #product-listing-content {display:grid;grid-template-columns:1fr 1fr 1fr; grid-gap:2em}
.pwrapper-25 .mallisto-tuotteet{box-sizing: border-box;border-radius: 12px;}
.pwrapper-25 .mallisto-tuotteet .mallisto-logo-wrap {text-align: center;padding: 1em 1em 4em 1em;height: 41px;}
.pwrapper-25 .mallisto-tuotteet .mallisto-logo-wrap img {margin:0 auto;}
.pwrapper-25 .selaus_wrapper {background: #fff;padding: 2em;border-radius: 8px;box-shadow: 0 0 20px rgba(0,0,0,.1);box-sizing: border-box;}
.pwrapper-25 .tr-item-name {padding: 5% 0% 5% 0%;}
.pwrapper-25 .tr-item-wrapper {border: none;}
.pwrapper-25 .tr-item-img img {object-fit: contain;min-height: 200px;max-height: 300px;}
.pwrapper-25 .modulikuvausteksti {padding-bottom: 2em;min-height: 80px;display: flex;justify-content: center;align-items: center;}
.pwrapper-25 #listaus, .pwrapper-25 .tuoteryhmaetusivu_tuotedivi, .pwrapper-25 .vktlsdivi{grid-template-columns:1fr}
.pwrapper-25 .tr-item-om {margin: 0;}
.pwrapper-25 .mallisto-tuotteet:first-of-type img {height:auto;border-radius: 6px;}
#ordr-1, #ordr-3 {grid-row: 1 / span 2;}
#ordr-3{grid-column: 2;grid-row: 1;}
#ordr-5 {grid-row: 2;grid-column: 2;}


@media screen and (max-width:1024px) {.pwrapper-25 .tr-item-img img {height: auto;object-fit: contain;)}}
@media screen and (max-width:860px) {.pwrapper-25 #product-listing-content {grid-template-columns:1fr;grid-gap: 0;}#ordr-1, #ordr-2, #ordr-3, #ordr-4, #ordr-5 {grid-row: unset;grid-column: unset;}}
@media screen and (max-width:768px) {.pwrapper-25 #listaus, .pwrapper-25 .tuoteryhmaetusivu_tuotedivi, .pwrapper-25 .vktlsdivi {grid-template-columns: 1fr;}.pwrapper-25 .modulikuvausteksti img{max-width: 220px;}.pwrapper-25 #product-listing-content .modulikuvausteksti {padding-bottom: 0;}.pwrapper-25 .modulikuvausteksti img {padding-bottom:20px !important}}
@media screen and (max-width:375px) {.pwrapper-25 .selaus_wrapper {padding: 1em;}}

.productcat-10 #ll-laskuri-nw {display: none;}