/* barlow-semi-condensed-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: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/barlow-semi-condensed-v15-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-semi-condensed-800 - 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: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/barlow-semi-condensed-v15-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-semi-condensed-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: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/barlow-semi-condensed-v15-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-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: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v32-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
   --primary-color: #000;
   --secondary-color: #3b3938;
   --base-font-size: min(max(1rem, 1.05vw), 1.05rem);
   --base-text-color: #000;
   --base-line-height: 160%;
   --google-font: 'Roboto', sans-serif;
   --google-heading-font:  'Barlow Semi Condensed', sans-serif;
   --navi-background:#fff;
   --footer-navi-background:#000;
   --navilink-font-size: min(max(0.9rem, 1.125vw), 18px);
   --navilink-color: #000;
   --navilink-font-weight: 700;
   --navilink-padding: 20px 1vw;
   --navilink-selected-bg: #ff6600;
   --navilink-selected-color: #fff;
   --heading-size-1: min(max(1.4rem, 2.125vw), 2.125rem);
   --heading-size-2: min(max(1.4rem, 1.5vw), 1.6rem);
   --heading-size-3: min(max(1.4rem, 1.75vw), 1.75rem);
   --heading-size-4: min(max(1.4rem, 2.25vw), 2.25rem);
   --heading-size-5: min(max(1.4rem, 1.375vw), 1.375rem);
   --heading-size-6: min(max(1.4rem, 1.375vw), 1.375rem);
   --grid-gap: 2em 3em;
   --webshop-badge-default-bg:#3b3938;
   --webshop-badge-default-color:#fff;
   --webshop-badge-discount-bg:#ff6000;
   --webshop-badge-novelty-bg:#024d92;
   --webshop-badge-freeshipping-bg:#3b3938;
   --webshop-badge-package-bg:#3b3938;
   --button-background: #ff6600;
   --button-text-color: #fff;
   --button-font-size: min(max(1rem, 1vw), 1rem);
   --button-font-weight: 700;
   --button-padding: 8px 30px;
   --max-input-width: 450px;   
   --max-button-width: max-content;   
   --img-gallery-rows: repeat(3,1fr);
   --img-gallery-img-size: unset;
   --plisting-desktop-max-img-size:300px;
   --plisting-desktop-min-img-size:auto;
   --plisting-laptop-max-img-size:auto;
   --plisting-laptop-min-img-size:180px;
   --plisting-mobile-max-img-size:140px;
   --plisting-mobile-min-img-size:140px;
   --mobilemenu-container-height: 63px;
   --mobilemenu-open-close-color: #fff;
   --mobilemenu-menutext-color: #fff;
   --mobilemenu-button-background: #fff;
   --mobilemenu-link-color: #000;
   --mobilemenu-link-background: #fff;
   --mobilemenu-expand-button: #000;
   --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);
   --banners-background:url(../img/header/bannersbg.jpg) center top no-repeat;
   --banners-bg-scale:cover;
   --footer-background:#2a2a2a;
   --footer-bg-scale:cover;
   --modals-background:url(../img/header/modalsbg.jpg) center top no-repeat;
   --modals-bg-scale:cover;
   --odd-even-background:url(../img/header/oddevenbg.jpg) center top no-repeat;
   --odd-even-bg-scale:cover;
   --feature-col-background:url(../img/header/featurecolbg.jpg) center top no-repeat;
   --feature-col-bg-scale:cover;
 }

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)}html {scroll-behavior: smooth;} img {max-width: 100%;height: auto;display: block;}header.content-col { position: relative;z-index: 2000;}#mainheader{grid-gap:0; background:url(../img/header/headerbg.png) center top no-repeat; background-size:cover}#hdheader{background:#000;position:relative}#hdheader #logo {display: flex;align-items:center;}#hdheader #logo img{margin-right:2em}#mobile-logo-img.hd-mbllogo {margin-right:1em}a {color:#f60;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:1280px) {#mainheader .center-col {width: 96%;grid-template-columns: auto 1fr auto;}}@media screen and (max-width:1024px) {table, td, tr {height: auto !important;max-width: 100%}#mobile-logo.hd-mobilelogo {display: flex;align-items:center;top: 53px;}header.content-col {position: absolute;right: 0em;top: 5px;z-index: 2000;width: auto;}#hdheader{padding:0;}header.content-col div:empty, #hd-moto, #hdheader #logo{display:none}#mainheader, #hdheader {margin-top: 14px;margin-right: 1em;top: 0px;width: auto;right: 0em;width: auto;position: absolute;z-index: 4000;height: 37px;width: auto;display: flex;justify-content: flex-end;align-items: center;}#hdheader{margin-right:0.5em}}@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 {width: 100%;aspect-ratio: 16/9;height:auto}.narrow-col{max-width:1200px;}.erikoiskuva, .kuva, .kuva2 {box-sizing:border-box;border: 0;outline: 0;height: auto;margin: 0;cursor: pointer; max-width:100%;}video{display:block;}
video {display: block;min-height: 300px;object-fit: cover;}@media only screen and (max-width:1024px) {#hdheader {background:none;top: 40px;}}

/* 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(4,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-4-cols{grid-template-columns:2fr;}}@media screen and (max-width:768px) {.dgrid-2-cols.dgrid-4-cols{grid-template-columns:1fr;}}@media screen and (max-width:575px) {.dgrid-4-cols{grid-template-columns:1fr;}}@media screen and (max-width:480px) {.autogrid, .dgrid-2-cols, .dgrid-3-cols {grid-template-columns:repeat(auto-fit, minmax(220px,1fr))}}

/* Navigation */
#navi-wrap {grid-column:1 / -1}#main-navi, #top-navi, #footernavi {border-radius:6px;margin: 0 auto;padding: 0;list-style: none;z-index: 2;position: relative;flex-direction: row;justify-content:space-around;width:100%;}.hdnavi {max-width:1600px; justify-content:center;}#hdnavi-container {background:#fff}#hdshield{position:left: 0;display:none;}.mainnavi-link.kotilinkki{padding: 20px 20px 20px 160px;}#top-navi{background:var(--navi-background)}#main-navi{background:var(--navi-background)}/*#top-navi {justify-content: flex-end}*/ #footernavi{background:var(--footer-navi-background)}.mainnavi-link, .topnavi-link, .footerlink {padding: var(--navilink-padding);font-family: var(--google-heading-font);font-size: var(--navilink-font-size);font-weight: var(--navilink-font-weight);text-decoration: none;text-transform:uppercase;color: var(--navilink-color);display: block;}.topnavi-link{color:#919191}.mainnavi-link:hover, .topnavi-link:hover, .footerlink:hover {color: #fff; background:#2a2a2a}.hdnavi .mainnavi-link {padding:20px 0.9vw}.hdnavi .mainnavi-link:hover{background:#fff;color:#ff6600}mainnavi-selected,#link-sel-1-2, #link-sel-2-3, #link-sel-4-5, #link-sel-5-6, #link-sel-6-7, .mainnavi-selected {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 {padding: 10%;border: 10px solid #dedede;height: auto;margin: 0;list-style: none;}#sidenavi li ul {padding:0 0 10px 15px; margin:0;} #sidenavi li {padding:0; margin:0; list-style-type:none}#logo img {margin:0 auto; max-width:180px; padding:30px 0}
.naviblock ul {display:none; position:absolute; width:100%;background: #2a2a2a; padding: 1em 2em;left:0; box-sizing:border-box} .naviblock ul, .naviblock li {list-style-type:none; padding:0; margin:0;} .naviblock:hover ul{display: grid;grid-template-columns: repeat(4,1fr); margin:0;padding: 1em 2em 2em 2em;border-radius: 0px 6px;} .naviblock ul li a {padding:10px 0;display:flex;color:#fff; font-family:var(--google-heading-font)}
#top-quicklinks ul,#top-quicklinks li{list-style: none;margin: 0;padding: 0;}#top-quicklinks ul{max-width: max-content;display: flex;justify-content: center; align-items: center;background: #000;border-radius: 4px;width: 100%;margin: 0 auto;}#top-quicklinks ul li a {font-family:var(--google-heading-font)}
#top-quicklinks a {padding: 15px 15px;color: #fff;font-weight: 400;text-transform: uppercase;font-size: 15px;display: block;display: flex;align-items: center;font-weight: 700;}#top-quicklinks li a::before {content: "";display: inline-block;width: 40px;height: 30px;background-size: 76% !important;margin-right: 8px;}
#top-quicklinks li:first-of-type a::before{background: url(../img/header/icon-kaytetyt.png) center center no-repeat;}#top-quicklinks li:nth-of-type(2) a::before{background: url(../img/header/icon-kaytetyt.png) center center no-repeat;}#top-quicklinks li:nth-of-type(3) a::before{background: url(../img/header/icon-huolto.png) center center no-repeat;}#top-quicklinks li:last-of-type a::before{background: url(../img/header/icon-yhteys.png) center center no-repeat;}
.mbl-subnavi-header {color:#F28D28 !important; text-transform:uppercase; font-weight:700;font-size:min(max(1rem, 1.2vw), 22px);}.mbl-subnavi-basic a {padding:3px 0 !important;}
#sidenavi .valikkolinkki, #sidenavi .valikkolinkki-sel {border: none; padding: 0 10px;font-size: 1rem;}


/* 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: 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.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);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}
.bgcolor-wrapper {background:#000} /* Optional */
.bgcolor-wrapper img {opacity:0.7} /* Optional */
footer {background:var(--footer-background); background-size: var(--footer-bg-scale)}
footer h5,footer h6, footer p, footer span, footer a,footer td {color: #fff;}
#some-icons,#someicons {display:flex;}
#some-icons p,#someicons p {padding-right:10px}
#someicons {justify-content: center;margin-top: 1em;}

/* Crosslink banners */
.crosslink-banners-wrapper {background: rgb(72,72,72);background: linear-gradient(180deg, rgba(72,72,72,1) 0%, rgba(145,145,145,1) 100%);}
.crosslink-banners {display: grid;grid-template-columns: auto auto;grid-gap: 1em;max-width: max-content;padding: 1em;margin: 0 auto;}
.crosslink-banners a {overflow:hidden;}
.crosslink-img {max-width: 800px;transition: transform .2s;width:100%; transform:none;}
.crosslink-img:hover {transform: scale(110%);}

@media only screen and (max-width:1024px) {.crosslink-dt {display:none;}.crosslink-banners{grid-gap: 10px;max-width: max-content;padding: 10px;}}
@media only screen and (max-width:575px) {.crosslink-front.crosslink-banners{grid-template-columns:1fr}.crosslink-img:hover {transform:unset}.crosslink-banners {display: grid;grid-template-columns: 1fr;}}

/* Hero banner(s) */
#odd-even-wrap {background:var(--odd-even-background); background-size: var(--odd-even-bg-scale);}
#feature-col-wrap {background:var(--feature-col-background); background-size: var(--feature-col-bg-scale);}
.feature-col .abs-element h2, .feature-col .abs-element h3, .feature-col .abs-element h4, .feature-col .abs-element h5, .feature-col .abs-element h6, .feature-col .abs-element p {color:#fff}
.feature-col .abs-element img {width:auto;}
.feature-col img {padding:0; width:100%; object-fit: cover;}
.feature-col .col-right,.feature-even .col-left{padding: var(--padding-m)}
.feature-even .col-right{padding: 0; height:100%}
.feature-even .col-right > img {height:100%}
.feature-col .col-left,.feature-even .col-right{width: 100%;position:relative}
.feature-col {align-items:center; justify-content:center;grid-gap: 0;}
.feature-col img {height:auto; padding:0 !important;margin: 0 auto;}

/* Frontpage tabs */
#frontpage-tabs {display: flex;justify-content: center;align-items: center; max-width:max-content; border-radius:100px; margin:0 auto 2em auto;background:#2a2a2a; color:#fff; font-family:var(--google-heading-font)}
#frontpage-tabs div {flex:1;text-align: center;white-space: nowrap; padding:10px 3vw;border-right: 1px solid rgba(255,255,255,.2)}

/* ------ HD FRONTPAGE ------ */
#hdheader .center-col {grid-template-columns: auto 1fr auto}
#hd-moto-mbl-logos{background: #000;display: none;max-width: 100%;grid-template-columns: 1fr auto;padding: 0 10px;box-sizing: border-box;align-items: center;justify-content: center;}

/* Hide old bruchure */
#hd-testdrive a {visibility: hidden;}

/* Logo */
.hd-brand-logo img {margin-right: 1em;filter: invert(1);max-width:70px}
#hd-moto-textlogo {padding-top: 3px;}
#hd-moto-textlogo,#hd-moto-textlogo-mbl{line-height: 100%;}
#hd-moto-textlogo-mbl{padding: 10px 0;}
#hd-moto-textlogo a,#hd-moto-textlogo-mbl a{font-size:1.6rem; font-weight:700; color:#fff; font-family:var(--google-heading-font);}
#hd-moto-location a,#hd-moto-location-mbl a {color:#fff; font-size:16px;}

.hd-quicklinks-top a {color: #fff;padding: 0 10px; font-family:var(--google-heading-font)}
#hdshield img {float: right;padding: 5px 0 5px 5px;box-sizing: border-box;}
#hd-testdrive .webiolinkkipainike, #hd-frontpage-endorse .webiolinkkipainike {background: #ff5000;color: #000;padding: 10px 24px;font-size: 0.9rem;font-weight: 600;text-transform: uppercase;text-align: center;margin:0;border-radius: 0;margin:0 auto;}
#hd-testdrive .webiolinkkipainike:hover {background: #c96026;}
#link-sel-1-833, #link-sel-2-835, #link-sel-3-836, #link-sel-4-837, #link-sel-5-838,#link-sel-6-839, #link-sel-7-840, #link-sel-8-842 {background:#ff6600; color:#fff;}

@media only screen and (max-width:1660px) {#hdshield {left: 10px;}#hdshield img {max-width: 50px;}.mainnavi-link.kotilinkki {padding: 5px 20px 5px 5vw;}}
@media only screen and (max-width:1024px) {#hd-moto-mbl-logos {display:grid;background: #f60;}#hd-testdrive{display: flex;justify-content: center;align-items: center;}#hd-testdrive .webiolinkkipainike{display:none;}#hd-testdrive-img img {max-width: 25px;padding-right: 10px;margin-top: 0px;filter: invert(1);}.hd-moto-location-mbl{display:none;}#hd-moto-textlogo-mbl span {display: inline-block;line-height: 120%;}#hd-moto-textlogo-mbl a{font-size:1.2rem;display:flex; align-items:center; justify-content:center;}#hd-moto-location-mbl{display:none;}.hd-brand-logo img {margin-right: 0;max-width: 50px;}}
@media only screen and (max-width:575px) {#hd-testdrive img {max-width: 53px;padding-left: 0px;}}

/* Endorse */
#hd-frontpage-endorse .category-header a {background: #fff;color: #303030; border-radius: 0;font-family: var(--google-heading-font);font-size: min(max(1.4rem, 1.5vw), 1.8rem);font-weight: 400;white-space: wrap;}
#hd-frontpage-endorse .col-full:has(.webshop-category-banner) {grid-template-columns: repeat(3,1fr);}
#hd-frontpage-endorse .webiolinkkipainike {border-radius:0;background:#ff5000}
#hd-frontpage-endorse .category-header {position: relative;order:2}
#hd-frontpage-endorse .category-img {background:none;order:1}
#hd-frontpage-endorse .category-img img{opacity:1}
#hd-frontpage-endorse .webshop-category-banner {display: flex;flex-direction: column;background:none;}
#hd-frontpage-endorse .category-img img{transform:scale(100%);aspect-ratio:unset;transition: .3s ease-out}
#hd-frontpage-endorse .webshop-category-banner:hover .category-img img{opacity:1;transform:scale(120%)}
#hd-frontpage-endorse .webshop-category-banner:hover:before {content:"";animation: unset;pointer-events:none}

@media only screen and (max-width:575px) {#hd-frontpage-endorse .col-full:has(.webshop-category-banner) {grid-template-columns: 1fr;}}


/*#hd-frontpage-endorse {background:#f6f6f6}*/
#hd-frontpage-categories {border-bottom:1px solid #dedede}
#hd-frontpage-categories .col-full {display: flex;justify-content: center;}
#hd-frontpage-categories .valikkomodulilinkki {color: #000;font-family: var(--google-heading-font);font-size: 1.3rem;}

/* Header */
.hdfront h1 {font-size:min(max(2.6rem, 3.5vw), 4rem); line-height:110%}
.hdfront h1, .hdfront .abs-element p {color:#fff;max-width:800px;text-transform: uppercase;}
.hdfront img {max-height:550px; object-fit:cover}

/* Banners */
#hd-banners-wrapper {background:#000; margin-bottom:1em}
#hd-banners-wrapper h6 {font-size: min(max(1.1rem, 2.25vw), 2.25rem);}
#hd-banners {display: grid;grid-template-columns: repeat(4,1fr); grid-gap:1em}
#hd-banners .webiolinkkipainike {background: none;color: #000;padding: 0;border-bottom: 1px solid #000;line-height: 130%;}
.hdbanner {position:relative;}
.hdbanner .abs-element {bottom: 0;width: 100%;height: 100%;display: flex;justify-content: center;background: rgba(0,0,0,0.3);}

@media only screen and (max-width:1024px) {#hd-banners {grid-template-columns: repeat(2,1fr)}}
@media only screen and (max-width:575px) {#hd-banners {grid-template-columns: 1fr;padding-top:0}#hd-banners img{max-height:200px}}


/* Subpage styles */
#hd-subpage-mainimg img {max-height:500px; object-fit:cover; width:100%}

/* Motorclothes page */
#hd-motoclothes,#hd-motoclothes tbody, #hd-motoclothes tr, #hd-motoclothes td,.hd-motocustom-table,.hd-motocustom-table tbody, .hd-motocustom-table tr, .hd-motocustom-table td {width:100% !important; height:auto !important}
#hd-motoclothes tr {display:grid; grid-template-columns:1fr 1fr; grid-gap:4em; justify-content:center; align-items:center; margin-bottom:2em}
.hd-motocustom-table tr {display:grid; grid-template-columns:1fr 1fr 1fr 1fr; grid-gap:1em;}

@media only screen and (max-width:860px) {.hd-motocustom-table tr {display: grid;grid-template-columns: 1fr 1fr;}}
@media only screen and (max-width:678px) {#hd-motoclothes tr {display: grid;grid-template-columns: 1fr;}#hd-motoclothes tr:nth-of-type(2n) td:first-of-type {order: 2;}}

/* News */
#hdnews {display:flex; justify-content:center; align-items:center;max-width:max-content; width:100%; flex-wrap:wrap;margin: 0 auto;}
#hdnews .col-full {margin-bottom:0}
#hdnews > section {flex: 1 1 250px; margin:0 1em 1em 1em; }
#hdnews img {width: 100%;min-height: 200px;max-height: 300px; object-fit: cover;}
.hdnews-text div:empty{display:none;}
.hdnews-text article div{background:#fff;padding:var(--padding-s);}

@media only screen and (max-width:575px) {#hdnews {padding:0 1em}#hdnews > section {display: grid;grid-template-columns: 1fr 2fr;width: 100%;background: #fff;justify-content: center;align-items: center; grid-gap:1em}.hdnews-text{padding-right:10px}.hdnews-text h4,#hd-banners-wrapper h4 {font-size: 1.6rem !important;}#hdnews img {min-height: 160px;height: 100%;}.hdnews-text article div {padding: 0;}#hdnews > section { margin: 0;}}
@media only screen and (max-width:420px) {.hdnews-text h4, #hd-banners-wrapper h4 {font-size: 1.3rem !important;}  #hdnews img {min-height: 120px;}}

/* ------ HD FOOTER ------ */
/* HD footer */
#hd-footer {background: url(../img/header/footer-hd-bg.jpg) left top no-repeat; background-size: cover;}
#hd-footer-top {grid-template-columns: auto auto 1fr;border-bottom:2px solid #808080;padding-bottom: 2em;}
#footer-button {justify-self: flex-end;display: flex;justify-content: center;align-items: center;}
#footer-button .webiolinkkipainike {margin: 0 0 0 10px}
#hd-footer td {border-bottom: 1px solid #8e8e8e;}
#hd-footer tr:last-of-type td{border:none}
#hd-footer .dgrid-3-cols a {color:#ff5000}
#hd-footer .dgrid-3-cols a:hover {color:#c96026}
#phonecontact, #scroll-button {display: none;line-height: 100%;box-sizing: border-box;text-align: center;z-index: 2000000;right: 10px;bottom: 10px;height: auto;width: auto;justify-content: center;align-items: center;flex-direction: column;margin-left: 10px;filter:invert(1)}
#phonecontact {margin-left: 0;}
#phonecontact img {max-width: 35px;height: auto;margin: 0 auto;padding:0px 0 0 0;}
/*#phonecontact a::after {content: "Soita";display: block;line-height: 100%;font-size: 10px;text-transform: uppercase;color: #000;padding-top: 5px;}*/
#scroll-button {position:fixed; background:#000}

@media only screen and (max-width:1280px) {#hog-col {grid-column:1/-1}}
@media only screen and (max-width:1024px) {#hd-footer-top {grid-template-columns: 1fr;text-align:center; grid-gap:1em}#footer-button {justify-self: center;}#hd-footer-top img {margin:0 auto}#phonecontact{display: flex;}}

/* ------ VEHICLES FRONTPAGE ------- */
#vehicles-header {color:#fff; font-size:min(max(1.8rem, 3vw), 4.125rem);text-align:center;}
.vehicles-front {background:#000; min-height:200px}
.vehicles-front img {opacity:0.5;max-height: 500px;object-fit: cover;}
.vehicles-front  .col-full{margin-bottom:0;}
#vehicles-description h2 {font-size:min(max(1.8rem, 2.6vw), 3.5rem);}


/* Vehicles endorse */
.vehicles-endorse-front .modulikuvausteksti h3, #vehicles-description h3{text-align: center;background: #000;padding: 10px 3vw 15px 3vw;color: #fff;line-height: 100%;border-radius: 100px;max-width: max-content;margin: 0 auto;font-size: 1.4rem;}
@media screen and (max-width:575px) {.vehicles-endorse-front .modulikuvausteksti h3, #vehicles-description h3 {padding: 8px 40px 12px 40px;font-size: 1.2rem;}}


/* Vehicles servicebanners */
#moto-services-header {grid-column:1/-1}
#moto-services-wrapper {background:url(../img/header/service-bg-vehicles.jpg) center center no-repeat; background-size:cover;margin:1em 0}
#moto-services-wrapper .dgrid-3-cols {grid-template-columns:1fr 1fr 1fr;grid-gap: 2em;}
.moto-service-bannerblock {background:#fff; border-radius:8px;}
#moto-services-wrapper img {aspect-ratio: 16/9;object-fit: cover;border-radius: 8px 8px 0 0;}

@media screen and (max-width:1200px) {#moto-services-wrapper .dgrid-3-cols {grid-template-columns: 1fr 1fr;}}
@media screen and (max-width:768px) {#moto-services-wrapper .dgrid-3-cols {grid-template-columns: 1fr;}}

/* ------ */

/* Hero background */
.bannertype-1 {background: #ffdede;}
.darkbanner .webiolinkkipainike {background:#fff;color:#1d1d1b}
.darkbanner p,.darkbanner h2,.darkbanner h3,.darkbanner h4,.darkbanner h5,.darkbanner h6  {color:#fff;}
@media screen and (max-width:1280px) {.feature-even .col-left {padding: 2em !important;}}
@media screen and (max-width:1024px) {#banners-small{grid-template-columns: 1fr}}
@media screen and (max-width:768px) {.feature-col{grid-template-columns:1fr 1fr}} 
@media screen and (max-width:575px) {.feature-col{grid-template-columns:1fr;}.feature-col .col-left{order:2}  #vk-front-hero-banner span#dffli img {max-width: 60px;} #footer-button {flex-direction: column;} #footer-button .webiolinkkipainike {min-width:230px; margin-bottom:10px}}

/* Frontlinks table */
#fwlinks table, #fwlinks tbody, #fwlinks tr, #fwlinks td {height: auto !important;width: 100% !important;}
#fwlinks tr {display:grid; grid-template-columns: repeat(2,1fr);}
#fwlinks td a{padding:var(--padding-s); display: block; width: 100%; box-sizing: border-box}
@media screen and (max-width:480px) {#fwlinks tr {display:grid; grid-template-columns: 1fr;}}

/* Banners small */
#banners-small {grid-gap:1em}
.bannertype-1.small-1 .col-right {height: 100%;}
.bannertype-1.small-1 img {height:100%; object-fit: cover}

/* Banners big */
.bannertype-2.big-1 {position: relative;}
.bannertype-2 .abs-element {width: 50%;height: 100%;display: flex; flex-direction: column;justify-content: center;}
.bannertype-2.big-1 h2 {text-shadow: 2px 2px 2px rgba(0,0,0,0.3); line-height:120%}

@media screen and (max-width:575px) {.bannertype-2.big-1 {position: relative;display: flex;flex-direction: column;}.bannertype-2.big-1 .abs-element{background:#f1f1f1; width:100%; position:relative; padding:2em; order:2}.bannertype-2.big-1 h2{color:#000 !important; text-shadow:none}#varia-elamaan img {max-width: 120px;}}

/* Banners - OPTIONAL */
#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}
#banners-narrow img {padding:0 !important}
#banners-narrow .col-full {margin-bottom: 0}

/* Modal - OPTIONAL */
#modals-narrow {align-items: flex-start; grid-gap:1em}
#modals-abs{grid-gap:1em} 
#modals-abs .col-full {display: grid; grid-gap:1em; grid-template-columns:repeat(4,1fr)}
#modals-abs .headerbox {background:none;position: absolute;top: 1em; left:1em; width: calc(100% - 2em);z-index: 220;justify-content: flex-start;align-items: flex-start;}
#modals-abs .headerbox p{background:none;font-family: var(--google-font);font-size:min(max(0.9rem, 1.125vw), 18px);font-weight:700;display: block;max-width: max-content;text-align: center;text-transform: uppercase;padding: 0;margin: 0;}
.basic-modal {padding:1em 1em 80px 1em;}
.modal {background: #fff;position: relative;flex-direction: column;display: flex;height: 100%;}
.modal-text {padding:1em }
.modal-img {width:100%;position: relative;object-fit: cover;max-height:590px;}
.modal img{object-fit: cover;padding:0 !important; width:100%; height:100%;}
.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:hover {cursor:pointer}
.ap-modal:hover .headerbox p {text-decoration:underline}
.ap-modal .abs-element {bottom:10%}
.ap-modal .abs-element p {color:#fff}
.ap-modal .headerbox {pointer-events: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: 0.5em; left:0.5em;}#modals-abs .headerbox p{font-size:0.7rem}#modals-abs .col-full {grid-gap: 10px;}.hdcard.abs-element {bottom: 1em;}}
@media screen and (max-width:375px) {.cta-links {flex-direction: column;gap: 0 !important;}}

/* Contactbox - OPTIONAL */
#contactbox-wrapper{background: var(--primary-color) url(../img/header/yhteysbg.jpg) left top no-repeat; background-size: cover; text-align:center;}
#contactbox-wrapper .cpadding-rl-m{padding:0 0 0 2em !important}
#contactbox-wrapper .webiolinkkipainike {margin-top:0}
#contactbox-wrapper h3,contactbox-wrapper h4,contactbox-wrapper h5,#contactbox-wrapper h6 {color:#fff;font-size:min(max(1.5rem, 2vw), 2.2rem);}
.cboxdiv{display:grid; grid-template-columns: 44% auto;align-items: center; padding:0 0 0 4em !important;}
.greentext {font-weight: 500;color: #bccf02;}

@media screen and (max-width:1280px) {#contactbox-wrapper {grid-template-columns: 1fr;grid-gap: 2em;}}
@media screen and (max-width:1024px) {#contactbox-wrapper{background:var(--primary-color)}#contactbox-wrapper{grid-gap:0}#contactbox-wrapper,.cboxdiv {grid-template-columns: 1fr}#contactbox-wrapper .cpadding-rl-xl{padding:2em}#contactbox-wraper .cpadding-rl-m{padding:1em 0 0 0 !important}.cboxdiv{background:#313131; padding:2em !important}.cboxdiv .webiolinkkipainike{margin: 0 !important; max-width:max-content}.cboxdiv p {text-align:left !important;}#ftr-block .cpadding-rl-xxl{padding:0;}}
@media screen and (max-width:575px) {#contactbox-wrapper {grid-gap: 2em;}}
@media screen and (max-width:480px) {.cboxdiv .webiolinkkipainike {max-width: unset;padding: 10px 30px;max-width: unset !important;}}

/* Maintenace page -> Manufacturers */
#solu15171 tr td {background: #fff;border-radius: 6px;padding:  2em;box-sizing: border-box;display: flex;flex-direction: column;height: 100% !important;justify-content: center;}
#solu15171 tr {display: grid;grid-gap: 1em;grid-template-columns: 1fr 1fr 1fr 1fr; justify-content: center;align-items: center;}
#solu15171 tr img {padding-bottom:10px}
#solu15171 table, #solu15171 tbody,#solu15171 tr,#solu15171 td {width: 100% !important;height: auto !important;}
#solu15171 h2 {font-size: 1.2rem;}

@media screen and (max-width:1100px) {#solu15171 tr {grid-template-columns: 1fr 1fr;}}
@media screen and (max-width:575px) {#solu15171 tr {grid-template-columns: 1fr;}#solu15171 tr td {display: grid;grid-template-columns: 100px 1fr;padding: 20px 10px;}#solu15171 tr td img {max-height: 40px;object-fit: contain;max-width: 60px;}#solu15171 h2 {font-size: 1rem;text-align: left !important;}}

/* Banner - imgmask (optional) */
.banner-imgmask {position: absolute;height: 100%; width: 100%;} /* Optional */
.bannermask-img {opacity: 1 !important;max-height: 100%;object-fit: cover;width: 100%;}
@media screen and (max-width:1024px) {#main-heroimg, .bnr img,.modal-img img{object-fit: cover; min-height: 300px;max-height: 50vh;}#herotext img {max-width:100px}} 

/* Mobile tags*/
#mobilemenu-container {height:var(--mobilemenu-container-height);background: var(--primary-color);}
.mean-bar::before{right:unset; left:10px}
#mobile-logo {display:none;position: absolute;top: 9px; left: 60px;z-index: 50000}
#mobile-logo-img { max-width: 110px;height: auto;padding: 0px 0px 0 0em}
.hd-mbllogo {filter: invert(1)}
@media screen and (max-width:1024px) {#main-nav, #logo, footer nav, footer ul, #sidenavi, #navi-wrap,#hdnavi-container, #top-quicklinks {display: none}}

/* 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{border-radius:100px;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);font-family:var(--google-heading-font);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; justify-content:center; align-items:center;margin-top:20px;flex-direction: column;}
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: #000; white-space: nowrap;display: block;font-size: 14px;font-family: var(--google-heading-font);padding: 5px 30px;background: no-repeat;text-transform: uppercase;border: 1px solid #000;}@media screen and (max-width:480px) {.webiolinkkipainike, .lomakenappi_submit, .takaisinuutisiin {padding: 10px 30px; max-width:100%}}.popupkalenteri iframe {height: 239px;}
.col-full:has(.valikkomodulilinkki) {display: flex;color: #f0f0f0;overflow-x: hidden;scrollbar-width: thin;scroll-behavior: smooth;margin:0;}.col-full:has(.valikkomodulilinkki) a{white-space: nowrap;}


.hd-content-col .webiolinkkipainike, .hd-content-col .lomakenappi_submit, .hd-content-col .takaisinuutisiin, .hd-content-col .valikkomodulilinkki{border-radius:0; color:#000; text-transform:uppercase; font-family:var(--google-heading-font)}
#hdnews article > div > div {background:#fff}.kuvallinenuutisnosto_otsikko{font-size: 2rem;font-family: var(--google-heading-font);padding: 0 1rem;line-height: 120%; text-transform:uppercase;}.kuvallinenuutisnosto_otsikko{padding-top:20px}.kuvallinenuutisnosto_paivays{color:#000; font-size:14px; padding: 0 1.1em;padding-bottom:1em}
#hdnews #solu4141 {display:flex; gap:1em; justify-content:center; align-items:center;flex-wrap: wrap;}

/* Image gallery */
.img-gallery .kuvagalleriagrid {display: grid;grid-template-columns: var(--img-gallery-rows);grid-gap: 1em}.img-gallery .kuvagalleriagrid a {text-align:left;color: #000;}.kuvagalleriagrid .kuvateksti b {font-family: var(--google-heading-font);color: #000;font-size: min(max(1.4rem, 1.5vw), 1.6rem);text-align: left;}.img-gallery .kuvagalleriakuvatausta {width: 100% !important;height: auto !important;margin: 0 !important}.img-gallery .kuvagalleriakuvatausta .kuva {width: 100%;max-width: 100%;object-fit: cover; padding: 0 !important;height: var(--img-gallery-img-size)}@media screen and (max-width:480px) {.kuva, .kuva2 {float: none !important;clear: both;padding: 20px 0; box-sizing:border-box;}}
.hdcard .kuva {aspect-ratio: 4/3;height: auto; padding:0 !important;object-fit: cover;}
#kuvagalleria {background: #000;}
#kuvagalleria h4 {color: #fff;text-align: center;padding-bottom: 1em;}
#optional-gallery .kuvagalleriagrid{margin-top: 2em;}

#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;}.img-gallery .kuvagalleriagrid { grid-template-columns: 1fr;grid-gap: 3em;}.img-gallery .kuvateksti{line-height:140%}.img-gallery .kuvateksti b{display: block;padding: 10px 0;}.img-gallery .kuvateksti br {display:none;}}@media screen and (max-width:480px) {.subpage tr {display: grid;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));}}

/* Forms */
.lomakeotsikko {color: #000 !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 {max-width: var(--max-input-width);height:35px;width: 100% !important;display: block;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;}
td:has(.pmvk) {display: flex;gap: 10px;}
 /* Mobilemenu */
.meanmenu-reveal{display:none;font-size:30px!important;position: relative;}.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:relative;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:0px;display:block;height:4px;margin-top:6px;line-height:100%!important}.mean-nav{float:left;width:100%;margin-top:0}.mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}.mean-nav li a,.mobilemenu-hd summary, .mobile-basenavi summary{font-family: var(--google-heading-font);display:block;float:left;width:90%;padding:15px 5% 15px 5%;height:auto;margin:0;text-align:left;color:var(--mobilemenu-link-color);border-top:1px solid rgba(0,0,0,.2);text-decoration:none;font-size:16px;background:var(--mobilemenu-link-background);text-transform:uppercase}.mean-nav ul li li a{width:90%;padding:10px 5% 10px 8%;background:var(--mobilemenu-submenu-background)!important;visibility:visible}.mean-nav ul li{position:relative;float:left;width:100%}.mean-expand{background:var(--mobilemenu-expand-button)!important;border:medium none;border-radius:3px;color:#fff;font-weight:700;height:20px!important;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}
#mobilemenu-container.mobilemenu-hd {background: #000;position:relative;}
.mobilemenu-hd #hd-mbl-links {grid-template-columns: 1fr 1fr;}
#mobilemenu-container.mobilemenu-hd span {background: #fff;border-radius:0; height: 3px;margin-top: 7px;line-height: 100% !important;}
#mobilemenu-container.mobilemenu-hd .meanmenu-reveal.meanclose{color:#fff}
#mobilemenu-container.mobilemenu-hd .mean-nav a {background:#fff; color:#000; border-top:1px solid rgba(0,0,0,.1); font-family:var(--google-heading-font);}
#mobilemenu-container.mobilemenu-hd .meanmenu-reveal.meanclose {padding: 14px 12px 0px 12px;font-size: 26px !important;font-weight: 400 !important;}
.mobilemenu-hd details, .mobile-basenavi details{padding-top:0; margin-top:0;display: block;}
.mobilemenu-hd details::after, .mobilemenu-hd details[open]::after, .mobile-basenavi details::after,.mobile-basenavi details[open]::after {right: 4.7vw;color: #f60;}
#mobilemenu-container.mobilemenu-hd .mean-nav details a,#mobilemenu-container.mobile-basenavi .mean-nav details a {width: 87%;padding: 12px 5% 12px 8%; background:#000;color:#fff;border-bottom: 1px solid rgba(255,255,255,.2);border-top:0;}
#hd-mbl-links, #hd-mbl-links-blc {display: grid;grid-template-columns: 1fr 1fr 1fr;background:#000}
#hd-mbl-links-blc {grid-template-columns:1fr 1fr}
#hd-mbl-links a {background: #f60 !important;color: #fff !important;width:auto;border-right:1px solid rgba(255,255,255,.2);padding: 12px !important;text-align:center;}
#hd-mbl-links a::after {content: "›";color: #fff;padding-left: 10px;}
#hd-mbl-links .webiolinkkipainike, #hd-mbl-links-blc .webiolinkkipainike{background: none !important;text-align: center !important;display: block;width: 100%;max-width: unset;background:#f60 !important;border-radius:0}
#hd-mbl-links-blc .webiolinkkipainike {background:#000;background: #000 !important;border-top: 1px solid rgba(255,255,255,.3);color:#fff;border-right:1px solid rgba(255,255,255,.3)}
#hd-functions {grid-column: 1/-1;justify-content: center;align-items: center;display: flex;}
#hd-functions a {background:none !important;border: none;display: flex;justify-content: center;align-items: center;}#hd-functions a:after{display:none;b}
#hd-functions img {filter:invert(1);padding-right: 10px;}
#hd-footer span img {float: left !important;}
#webshop-mbl-navi img {max-width: 16px;}

.mobile-basenavi .mean-nav details a {width:100% !important;align-items: center;}
.mobile-basenavi img {padding-right:10px}
.model-header-mobile summary, .model-header-mobile {text-align:center; grid-column:1/-1}
.manufacturer-mobile-navi a, .manufacturer-mobile-navi a span, .model-header-mobile p {color:#fff; text-transform:uppercase; text-align:center;font-weight:700;font-family: var(--google-heading-font);}
.model-icons {display: grid;grid-template-columns: 1fr;grid-gap: 0;}
.model-icons{background:#fff}
.mobile-basenavi li > a, .manufacturer-mobile-navi summary {display:flex; align-items:center;}
.mobile-basenavi li > a img, .manufacturer-mobile-navi summary img {margin-right:20px;}
#polaris-monkijat-navi, #polaris-monkijat-navi a,#polaris-moottorikelkat-navi, #polaris-moottorikelkat-navi a {background:#014E97 !important}
#honda-navi, #honda-navi a{background:#ac0b0b !important}
#indian-navi, #indian-navi a{background:#94082f !important}
#polaris-monkijat-navi .model-header-mobile {background:#003B72; padding:0;}
.model-header-mobile p {text-align:center;}
.model-header-mobile a {display:grid; padding:10px 0; text-align:left; grid-template-columns: 1fr 75px auto;border: 0;}

.manufacturer-mobile-navi a span {display: block;text-align:left;}
.mobile-basenavi .model-header-mobile a {display: flex!important;}
.mobile-basenavi .model-header-mobile a::after {content: "›";color: #fff !important;float: right;position: absolute;right: 1em;}
#mbl-contact-col {padding: 20px;background: #000;box-sizing: border-box;}
#mbl-contact-col img {max-width: 100px;margin:0 auto;}
#mbl-contact-col p, #mbl-contact-col a {color:#fff; padding:0;font-size:12px; text-align:center;background: none;}
@media screen and (max-width:355px) {.mean-nav li a, .mobilemenu-hd summary, .mobile-basenavi summary {font-size: 15px;}}