/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v29-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-500 - 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: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/montserrat-v29-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

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

/* montserrat-700italic - 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: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/montserrat-v29-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



:root {
  --primary-color: #ae2248;
  --base-font-size: min(max(1rem, 1.05vw), 18px);
  --base-font-color: #364e5e;
  --base-line-height: 160%;
  --google-font: 'Montserrat', sans-serif;
  --google-heading-font: 'Montserrat', sans-serif;
  --navi-background: #151617;
  --footer-navi-background: url(../img/header/navibg.png) center top no-repeat;
  --navilink-font-size: min(max(0.7rem, 1vw), 18px);
  --navilink-color: #fff;
  --navilink-font-weight: 700;
  --navilink-padding: 20px 10px;
  --navilink-selected-bg: #364e5e;
  --navilink-selected-color: #fff;
  --heading-size-1: min(max(1.8rem, 2.7vw), 54px);
  --heading-size-2: min(max(1.6rem, 2.2vw), 36px);
  --heading-size-3: min(max(1.8rem, 2.7vw), 54px);
  --heading-size-4: min(max(1.6rem, 1.9vw), 38px);
  --heading-size-5: min(max(1.6rem, 2.2vw), 44px);
  --heading-size-6: min(max(1.6rem, 1.4vw), 28px);
  --grid-gap: 2em 3em;
  --button-background: #5aaae3;
  --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(4,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: #20252c;
  --mobilemenu-expand-button: #fff;
  --mobilemenu-submenu-background: #161B22;
  --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);
  --animate: all .3s ease 0s;
 }
body, html, p {margin: 0;padding: 0;font-family: var(--google-font);color: var(--base-text-color);font-size: var(--base-font-size);line-height: var(--base-line-height)}  img {max-width: 100%;height: auto;display: block;}li {font-family: var(--google-font)}#mainheader{ position: relative;z-index: 2; background:url(../img/header/header-bg.jpg) center top no-repeat; background-size:cover;}#mainheader .center-col {grid-template-columns: 1fr auto;justify-content: center;grid-gap: 0;align-items: center;}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);font-style: italic; color:#000;margin: 0;padding: 0;line-height: 110%;color: var(--primary-color); color:#fff;font-weight:700;text-transform:uppercase;}h1, h1 a {font-size: var(--heading-size-1);}h2, h2 a {font-size: var(--heading-size-2);}h3, h3 a {font-size: var(--heading-size-3);}h4, h4 a {font-size: var(--heading-size-4);}h5, h5 a {font-size: var(--heading-size-5);}h6, h6 a {font-size: var(--heading-size-6);}picture {width: 100%}section, article, .center-col, .content-col{box-sizing:border-box;}table, td, tr {border-collapse: unset !important}@media screen and (max-width:1024px) {table, td, tr {height: auto !important;max-width: 100%}}@media screen and (max-width:480px) {body {line-height: calc(1rem + 1.2vw)}}@media screen and (max-width:375px) {h1, h2, h3, h4, h5, h6 {word-wrap: anywhere}}

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

/* 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 {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%}#main-navi{background: background: rgb(80,77,73);background: linear-gradient(180deg, rgba(80,77,73,1) 0%, rgba(21,22,23,1) 50%);  background-size:cover;}#main-navi{border-radius:0;justify-content: space-between;padding-left: 2vw;box-sizing: border-box;}#top-navi {justify-content: flex-end} #footernavi{background:var(--footer-navi-background);background-size:cover;}.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;text-transform: uppercase; color: var(--navilink-color);display: block;}.topnavi-link{color:#919191}.mainnavi-link:hover, .topnavi-link:hover, .footerlink:hover {color: #c6c6c6;}.mainnavi-selected,#link-sel-1-3, #link-sel-2-4, #link-sel-3-5, #link-sel-4-6, #link-sel-5-7, #link-sel-6-8 {color: var(--navilink-selected-color);background: var(--navilink-selected-bg);text-decoration: none}#logo img {max-width: 70%;margin: 0 auto;float: none;display: block;height: auto;padding: 40px 0;}#sidenavi ul, #sidenavi li{list-style:none; margin:0; padding:0;}#sidenavi > ul {padding: 1em 2em;height: auto;background: var(--primary-color);}#sidenavi > ul a.valikkolinkki,#sidenavi > ul a.valikkolinkki-sel{padding:5px 0} #sidenavi ul li ul {padding: 0 0 0 20px !important;margin: 0;}#sidenavi ul li ul li ul {padding-bottom: 2em !important;}.naviblock .webiolinkkipainike{margin-left: 20px;}#brands-menu {clip-path: polygon(35px 0, 100% 0%, 100% 100%, 0% 100%);padding-left: 60px;padding-right: 30px; background: rgb(193,83,110);
background: linear-gradient(180deg, rgba(193,83,110,1) 0%, rgba(140,29,64,1) 50%); }@media screen and (max-width:1440px) {.naviblock .webiolinkkipainike {font-size: 11px;padding: 3px 20px;}}@media screen and (max-width:1280px) {:root {--navilink-padding: 12px 10px;}}
#brands-menu a {font-size: 16px;line-height: 120%;}
#brands-menu span {display:block;}

/* DRPMENU */
.naviblock ul {display:none; position:absolute; width:250px; background: rgb(209,221,230);background: linear-gradient(180deg, rgba(209,221,230,1) 0%, rgba(255,255,255,1) 60%);box-shadow: 4px 4px 0px rgb(0, 0, 0);padding: 1em 1em;box-sizing:border-box; border-radius:0 0 6px 6px} .naviblock ul, .naviblock li {list-style-type:none; padding:0; margin:0;} .naviblock:hover ul{display: grid;grid-template-columns: 1fr; margin:0;padding: 1em 2em 2em 2em;} .naviblock ul li a {display: flex;color: #b02850; background: rgb(218,225,231);background: linear-gradient(180deg, rgba(218,225,231,1) 0%, rgba(238,243,245,1) 60%); padding: 10px 20px;border: 1px solid #a8b1b7;border-radius: 10px;font-weight: 700;font-size: 16px;margin-top: 5px;align-items:center;}.naviblock ul li a img {padding-right:10px} 
@media screen and (max-width:1440px) {.naviblock ul li a img {padding-right: 5px;}.naviblock ul li a img {max-width: 25px;}.naviblock ul li a {font-size:13px}}

/* General classes, heroimg, banners */
#main-heroimg {width: 100%;}
.heroimg {position: relative;}
picture img {width:100%; max-height:1040px;object-fit:cover}
#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;}
.headerbox .col-full {margin: 0;}
.bnr {position:relative;} /* Bannerikuva position container */
.bnr img {width:100%;object-fit: cover;} /* 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:url(../img/header/footerbg.jpg) center top no-repeat;backgroud-size:cover}
footer p {color:#fff}
footer h1 {text-align: center;color: #fff;font-size: min(max(1rem, 1.05vw), 18px);font-style: normal;font-weight: 400;text-transform: none;}
#ftrlogo img{margin: 0 auto; min-width:400px; max-width:40vw;}
#some-icons {display:flex;justify-content:center;}
#some-icons p {padding-right:10px}
#some-icons p img {min-width:unset; padding:20px 0px; max-width:30px}
.cta-call-links {margin: 1em auto 0 auto; max-width:max-content}
.cta-call-links span {min-width:200px; display:inline-block}

/* Frontpage -> Carousel */
#carousel-container .banner, #category-frontpage .banner {max-width: 50%;width: 100%;right: 0;padding-right: 10%;}
.carousel-mask {z-index: 100;width: 100%;height: 100%;background:url(../img/header/carousel-mask.png) center top no-repeat; background-size:cover;right:0}
#mask-mainimg{background:url(../img/header/mainimg-mask.png) left top no-repeat; background-size:cover; max-width:67vw}
#carousel-container h2,#carousel-container p, #category-frontpage h2, #category-frontpage p,#category-subpage h2, #category-subpage p {color:#fff}
#carousel-container h2, #category-frontpage h2,#category-subpage h2{font-size:min(max(1.8rem, 3vw), 58px);}
#carousel-container img{max-height: 950px;object-fit: cover;object-position: left;height:50vw}
.abs-logo{position: absolute;margin: auto;z-index: 2000;pointer-events: none;width: 100%;height: 100%;display: flex;justify-content: center;left: -10%;align-items: center;}
.abs-logo div, .abs-logo article {width: auto;}
#carousel-container .abs-logo img, #category-manufacturer-logo img{max-width:12vw; height: auto;min-width:100px}
#carousel-container .erikoiskuva {clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);}
#carousel-container .bannercarousel-img img.erikoiskuva,#carousel-container .bannercarousel-img img.kuva,#carousel-container .bannercarousel-img img.kuva2 {max-width:60%; clip-path:unset}
#carousel-container .rel-element img.kuva, #carousel-container .rel-element img.kuva2 { height: unset;object-fit: unset !important;object-position: unset !important;width: unset;}
#carousel-container .rel-element-container .bnr img{width:unset; height:unset}
#carousel-container #slide-3 .erikoiskuva, #carousel-container #slide-4 .erikoiskuva,#carousel-container #slide-4 .kuva, #carousel-container #slide-4 .kuva2 {clip-path: unset;border-radius: 8px;max-width:100%; padding:0 !important}
#carousel-container .rel-element-container .bnr img {width: auto;height: auto;display: block;max-height: unset;object-fit: unset;object-position: unset;max-width: unset;}
#carousel-container #slide-3 .dgrid-2-cols {justify-content:center; align-items:center}

@media screen and (max-width:1024px) {#carousel-container .abs-element{position: relative;order: 2;background: #1a1a1a;width: 100%;max-width: unset;padding:var(--padding-xl);}#carousel-container .bnr > img {width: 100%;max-width: unset;height: auto;max-height: 400px;object-fit: cover;}#carousel-container .abs-element{background:#1a1a1a url(../img/header/carousel-mask.png) right top no-repeat; background-size:cover;padding:2em 2em 5em 2em}.carousel-mask{display:none}#carousel-container .bnr > img {padding: 2em 2em 0 2em;box-sizing: border-box;background: #1a1a1a;}#carousel-container img {height:100px; object-fit:contain;}#carousel-container .abs-logo img {max-width: 15vw;height: auto;min-height: unset;object-fit: contain;}.manufacturer-logo {display:block;margin: 0 auto;}#carousel-container .manufacturer-logo img {object-fit: contain;max-height: 140px !important;min-height: 140px;padding-bottom: 2em;}#mask-mainimg {display: block;height: calc(100% - 4em);margin-top: -1px;}}
@media screen and (max-width:575px) {#carousel-container .bnr > img {padding: 1em 1em 0 1em;}#carousel-container h2 {text-align: center;word-break: break-word;font-size: 2.2rem;padding-bottom: 1em;}}
@media screen and (max-width:480px) {#mask-mainimg{max-width: 85vw;top: 0;height: 100% !important;}.cta-call-links p {text-align:left;text-align: center;padding-bottom: 20px;}.cta-call-links p span {display:block}}

/* Frontpage -> Introduction */
#introduction .abs-element{width:100%}
#introduction h3,#introduction h4,#introduction p {color:#fff}
#introduction h3{font-size:min(max(1.8rem, 3vw), 58px);}
#introduction h4{font-size:min(max(1.4rem, 2vw), 28px);}

/* Frontpage -> Social media feed */
#social-media-feed h4 {color:#ae2248; text-align: center;font-size:min(max(1.8rem, 2.7vw), 54px);}

/* Frontpage -> Introduction -> Box listing */
#boxlisting ul, boxlisting li {list-style: none;padding: 0;margin: 0;}
#boxlisting ul {max-width:100%; margin:0 auto;display: flex;flex-wrap: wrap;}
#boxlisting li{max-width:max-content; padding: 1em 2vw; background: rgba(54,78,94,.9);border-radius: 8px;color: #fff; margin-bottom:1em}

/* Subpage -> Contact form */
.sbpage-11 table#lomake11-3-1 {margin: 0 auto;}

/* Category frontpage -> Hero + content */
#category-frontpage,#category-subpage{background:#1a1a1a url(../img/header/hero-bg.png) left top repeat-y; }
#category-mainimg {padding: 3% 0 3% 12vw;float: right;max-height: 600px;}
#category-text{order:2; z-index: 230}
#category-mainimg img {max-width:37vw; height:auto;max-height: 950px;object-fit: contain;}
#category-frontpage-content{flex-direction: row;flex-wrap: nowrap;align-items: center;min-height: 600px}
#category-frontpage-content h1,#category-subpage-content h1 {padding-bottom:20px}
#category-frontpage .banner {max-width: 100%;padding: 0 10%;}
#category-manufacturer-logo {margin:auto 0 auto auto;min-width: 120px;}
.manufacturer-logo{display:none}

/* Category frontpage -> Hero -> Model textlisting box */
#model-textlisting {padding:1em; border:1px solid #5aaae3; border-radius:8px;text-align: center; margin-top:1em}
#model-textlisting ul{display:flex;justify-content: center;}
#model-textlisting ul,#model-textlisting li{list-style: none;padding: 0;margin: 0;flex-wrap: wrap;}
#model-textlisting li{line-height: 140%}
#model-textlisting li:after {content:"/";color:#5aaae3;padding: 0 10px;}
#model-textlisting li:last-of-type:after{display:none;}
#model-textlisting li,#model-textlisting li a{color:#fff}
#model-textlisting h2{font-size:min(max(1.4rem, 1.5vw), 30px); color: #5aaae3; text-transform: none; padding-bottom:10px}

/* Category frontpage -> Ask quote box */
#ask-quote{background:#f7f7f7; border:1px solid #5aaae3; padding:var(--padding-m); border-radius:8px;grid-template-columns: auto auto;justify-content: center;align-items: center;margin:2em auto 4em auto}
#ask-quote h3 {color:#ae2248; font-size:min(max(1.6rem, 1.9vw), 38px);text-transform: none}
#ask-quote h4 {color:#364e5e; font-size:min(max(1.4rem, 1.5vw), 30px);text-transform: none}
#ask-quote .webiolinkkipainike {margin-top:0;line-height:120%; padding:15px 30px}

/* Category frontpage -> Why choose Custom Parts */
#choose-custom-parts {background:url(../img/header/valitse-custom-parts.jpg) center top no-repeat; background-size:cover;}
#choose-custom-parts h5 {text-align:center;font-size:min(max(1.8rem, 2.7vw), 54px); text-transform:none}
#choose-custom-parts .narrow-col {max-width:900px; margin:0 auto}
#why-custom-parts-text p {color:#5aaae3; font-size:min(max(1rem, 1.1vw), 22px); text-align: center;}
#choose-custom-parts #boxlisting ul {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 2em;}
#choose-custom-parts li {display:grid; grid-gap:1em; grid-template-columns: 1fr 4fr;align-items: center;max-width: unset;box-sizing: border-box;}
#choose-custom-parts li h5{font-size:min(max(1.1rem, 1.4vw), 28px); text-align: left; text-transform: uppercase}
#choose-custom-parts li p{line-height: 140%;}
#choose-custom-parts #boxlisting li:last-of-type {grid-column: 1/-1;max-width: max-content;margin: 0 auto;}

@media screen and (max-width:1440px) {#category-mainimg {padding: 3% 0 3% 3vw;}#category-mainimg img {max-width: 50vw;}#category-frontpage .banner {padding: 0 5%;}}
@media screen and (max-width:1280px) {#choose-custom-parts #boxlisting ul {grid-template-columns: 1fr 1fr; grid-gap:1em}#choose-custom-parts li{margin-bottom:0}#choose-custom-parts li:last-of-type {grid-column: 1/-1;max-width: max-content;margin: 0 auto;}#subcategory-mainimg img {margin:3em 0;}#choose-custom-parts #boxlisting li:last-of-type {grid-column: unset;}}
@media screen and (max-width:1024px) {#header-img{padding-top:83px; overflow:hidden;padding-left: 0;padding-right: 0;}#introduction .abs-element{position: relative;order: 2;background: #1a1a1a;width: 100%;max-width: unset;padding:var(--padding-xl);}#introduction .center-col {width:100%}.abs-logo{display:none}.manufacturer-logo {display:block;}#category-manufacturer-logo{position: absolute;left: 1em;top: 90px;}}
@media screen and (max-width:860px) {#category-frontpage-content {min-height: unset;display: grid;padding-top: 50px;} #category-mainimg {min-height: 250px;overflow: hidden;padding: 40px 0 20px 3vw;max-height:400px} #category-mainimg img {max-width: unset;max-height: 600px;min-height:250px;float: right;}#header-img img {max-width: unset !important;max-height: 400px;float: right;}#category-frontpage {padding-bottom: 4em;}#ask-quote { grid-template-columns: 1fr;text-align: center}}
@media screen and (max-width:678px) {#boxlisting li {padding: 1em;}#choose-custom-parts #boxlisting ul {grid-template-columns: 1fr;} #choose-custom-parts li:last-of-type {grid-column: unset;max-width: 100%;width: 100%;}}
@media screen and (max-width:575px) {#category-endorse,#category-subpage-endorse{padding: 2em 0 0 0;}#ask-quote {margin:2em auto;}#choose-custom-parts{padding: 1em 0 4em 0;}  #category-mainimg img {max-width: unset;max-height: 430px;min-height: 250px;float: none;}#choose-custom-parts li p {font-size: 14px;}#choose-custom-parts li h5 {font-size: 14px;}}
@media screen and (max-width:480px) {#introduction .abs-element {padding: 2em 1em;} #main-heroimg, .bnr img {min-height: 180px;max-height: 180px;}#ftrlogo img {min-width: 280px;}}

/* Category frontpage -> Product category banners */
.category-item {background:#364d5e; border-radius:8px;}
.endorse-modal-wrapper .col-full {display:grid; grid-gap:2em;grid-template-columns:repeat(3,1fr)}
.category-item-img {position:relative;}
.category-item-img img {object-fit:cover;max-height:320px;min-height:320px;border-radius:8px 8px 0 0;width:100%; padding:0 !important;aspect-ratio: 4/3;}
.category-model-id {background:#364e5e; padding: 5px 30px;position: absolute;bottom: 0;color:#fff}
.category-model-id p {color:#fff; font-size:16px; text-transform:uppercase}
.category-model-id:empty, .category-model-id:has(div:empty){display:none;}
.category-item-header {padding-bottom:1em}
.category-item-text-wrapper{padding:var(--padding-m)}
.category-item-text-content,.category-item-text-content p {font-weight:500;font-size:16px; color:#5aaae3}

/* Category Subpage -> Hero + content */
#subcategory-mainimg {align-self:flex-start}
main .erikoiskuva {min-width: 50vw;object-fit: cover;clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);margin:1em 0; max-width: 48vw;max-height: 537px;object-fit: cover;}
#category-subpage-content #category-text{max-width:40%; right:5%; width:100%;}
#category-subpage-content .manufacturer-logo img {max-width: 140px !important;max-height: 140px !important;padding-bottom: 2em;min-width: 150px;object-fit: contain;}
#category-subpage .abs-logo img{max-width:12vw; height: auto;}
#category-subpage .abs-logo {left: -6%;}

/* Category Subpage -> Product banners */
#category-subpage-endorse .col-full {grid-template-columns:repeat(4,1fr); grid-gap:1em}
#category-subpage-endorse .category-item {background: #d9d9d9;}
#category-subpage-endorse .category-item-header {color:#ae2248;padding-bottom: 0}
#category-subpage-endorse .category-item-text-content,#category-subpage-endorse .category-item-text-content p {color:#364e5e; font-weight:500}
#category-subpage-endorse .category-item h2 {font-size:min(max(1.4rem, 1.4vw), 26px);}
#category-subpage-endorse .category-item .webiolinkkipainike{display:none;}

/* Category Subpage -> Subcategory description */
#product-subcategory-description {width:100%}
#product-subcategory-description div {background:#f7f7f7; border-radius:8px;grid-column:1/-1; width:100%;padding:2em;margin-bottom:2em; box-sizing: border-box}
#product-subcategory-description div:empty {display:none;}

/* Marklisting */
.marklisting .dgrid-3-cols {grid-gap: 2em;grid-template-columns: 1fr 1fr 1fr;}
.col-3 div:empty {display: none;}
.marklisting div {padding: 2em;border: 1px solid #a1a1a1;  border-radius: 12px;}

/* Category subpage -> Filter / category select 
.category-item{display:none;} 
#category-endorse .category-item, .category-pcard{display:block} 
body:has(.selected[data-category="kaikki"]) .category-item,
body:has(.selected[data-category="cat-1"]) .category-item[data-model="FH4"], 
body:has(.selected[data-category="cat-2"]) .category-item[data-model="FH5"],
body:has(.selected[data-category="cat-3"]) .category-item[data-model="FH3"],  
body:has(.selected[data-category="cat-4"]) .category-item[data-model="FH2"],
body:has(.selected[data-category="cat-5"]) .category-item[data-model="FH1"],
body:has(.selected[data-category="cat-6"]) .category-item[data-model="FH AERO"],
body:has(.selected[data-category="cat-7"]) .category-item[data-model="FM"],
body:has(.selected[data-category="cat-8"]) .category-item[data-model="FMX"]
{display:block;} */

/* Filter -> custom style */

#filter-wrap {display: flex;align-items: center;justify-content: flex-start;overflow-x: unset;overflow-y: hidden;white-space: nowrap;scroll-snap-type: x mandatory;position: relative; max-width: 100%;}
#filter-wrap input {position:fixed}
#filter-selections{background: rgb(193,83,110);  background: linear-gradient(180deg, rgba(193,83,110,1) 0%, rgba(140,29,64,1) 50%);border-top: 1px solid #5aaae3;}
#filter-selections .col-full {margin-bottom:0;}
#filter-select-header p{color: #fff;font-weight: 500; font-size:min(max(1rem, 1vw), 1.4rem); text-transform: uppercase; font-weight: 700}
#filter-select-header span {color:#fff; padding:25px 30px 25px 0;}
/*
#filter-selections ul, #filter-selections li {list-style:none; padding:0; margin:0; color:#fff; text-transform: uppercase;}
#filter-selections ul {display:flex;  flex-wrap: nowrap;}
#filter-selections li {border-left:1px solid #5aaae3;padding:25px 30px}
#filter-selections li {border-left: 1px solid #5aaae3;padding: 25px 30px;transition: var(--animate);background: #333;font-weight: 700;}
#filter-selections li.selected {background: #fff;color: #5aaae3;font-weight: 700; background: rgb(206,218,227);background: linear-gradient(180deg, rgba(206,218,227,1) 0%, rgba(255,255,255,1) 49%); }
#filter-selections li:last-of-type{border-right:1px solid #5aaae3}*/
.suodatin_ominaisuudet, .sivuominaisuudet_mobiili {display:none;  flex-wrap: nowrap;position:relative}
.filter-selections-12 .suodatin_ominaisuudet.suodatin-4, .filter-selections-5 .suodatin_ominaisuudet.suodatin-16, .filter-selections-14 .suodatin_ominaisuudet.suodatin-19, .filter-selections-13 .suodatin_ominaisuudet.suodatin-47{display:flex;}
.filter-selections-29 .sivuominaisuudet_mobiili:has(#ominaisuus2-4),.filter-selections-29 .sivuominaisuudet_mobiili:has(#ominaisuus2-27),.filter-selections-29 .sivuominaisuudet_mobiili:has(#ominaisuus2-41){display:flex;} /* Volvo valotelineet & raudat */
.filter-selections-30 .sivuominaisuudet_mobiili:has(#ominaisuus2-41),.filter-selections-30 .sivuominaisuudet_mobiili:has(#ominaisuus2-47),.filter-selections-30 .sivuominaisuudet_mobiili:has(#ominaisuus2-36){display:flex;} /* Scania valotelineet & raudat */
.filter-selections-13 .sivuominaisuudet_mobiili:has(#ominaisuus2-47),.filter-selections-13 .sivuominaisuudet_mobiili:has(#ominaisuus2-31){display:flex;} /* Scania karjapuskurit */
.filter-selections-13 #filter-select-header,.filter-selections-29 #filter-select-header,.filter-selections-30 #filter-select-header {padding-top: 18px;padding-right:20px}
.filter-selections-13 #filter-wrap,.filter-selections-29 #filter-wrap,.filter-selections-30 #filter-wrap{padding: 10px 0;display: grid;grid-template-columns: auto 1fr;}
.filter-selections-13 #suodatinm,.filter-selections-29 #suodatinm,.filter-selections-30 #suodatinm {display: flex;}
.filter-selections-13 .sivuominaisuudet_mobiili:has(#ominaisuus2-41){order:1}
.filter-selections-13 .sivuominaisuudet_mobiili:has(#ominaisuus2-31){order:3}
.filter-selections-13 .sivuominaisuudet_mobiili:has(#ominaisuus2-47){order:2}
.filter-selections-29 .sivuominaisuudet_mobiili:has(#ominaisuus2-41){order:1}
.filter-selections-29 .sivuominaisuudet_mobiili:has(#ominaisuus2-27){order:3}
.filter-selections-29 .sivuominaisuudet_mobiili:has(#ominaisuus2-4){order:2}
.filter-selections-30 .sivuominaisuudet_mobiili:has(#ominaisuus2-41){order:1}
.filter-selections-30 .sivuominaisuudet_mobiili:has(#ominaisuus2-31){order:3}
.filter-selections-30 .sivuominaisuudet_mobiili:has(#ominaisuus2-36){order:4}
.filter-selections-30 .sivuominaisuudet_mobiili:has(#ominaisuus2-47){order:2}

#tuotesuodatin_wait {display:none !important}
.suodatin_ominaisuudet label {border-right: 1px solid #fff;padding: 25px 30px;transition: var(--animate);font-weight: 700;color: #fff;margin-left: -18px;text-transform:uppercase}
.suodatin_ominaisuudet  input[type=radio]:checked + label{background: #fff;color: #5aaae3;font-weight: 700; background: rgb(206,218,227);background: linear-gradient(180deg, rgba(206,218,227,1) 0%, rgba(255,255,255,1) 49%);}
/*.suodatin_ominaisuudet label:last-of-type{border-right:1px solid #5aaae3}*/
.suodatin_ominaisuudet br, .ominaisuus_maara {display:none}
#filter-selections #filter-mask {width: 60px;height: 100%;position: absolute;right: 0em;top:0;display: block; pointer-events: none;float: right;background: rgb(51,51,51);background: linear-gradient(-90deg, rgba(51,51,51,0.9247899843531162) 0%, rgba(51,51,51,0) 100%);}
.suodatin_ominaisuudet br {display:none}

#suodatinm select {width: 100%;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none;outline: 0;box-shadow: none;border: 0 !important;background: #fff;background-image: none;margin: 0;font-size: 14px;padding: 9px 20px 0 0;}
.sivuominaisuudet_mobiili {padding-right: 1em;flex-direction:column}
.sivuominaisuudet_mobiili_otsikko {z-index: 2;font-size: 14px;font-weight: 700;text-transform: uppercase;line-height: 100%;padding-bottom: 5px;color:#fff}
.sivuominaisuudet_mobiili_select {position: relative;height: 2em;line-height: 2;background: #fff;line-height: 160%;overflow: hidden;color: #000;border-radius: .25em;border: 1px solid #2a2a2a;float: left;min-width: 80px;padding: 0 10px}
.sivuominaisuudet_mobiili_select::after {content: '\203A';position: absolute;top: 0;right: 0;padding: 0em 0.7em;color: #ff6600;cursor: pointer;pointer-events: none;-webkit-transition: .25s all ease;-o-transition: .25s all ease;transition: .25s all ease;font-size: 22px;transform: rotate(90deg);line-height: 150%}
.sivuominaisuudet_mobiili_select:hover::after {color: #f39c12;}
#filter-selections #filter-mask p {display:none; color:#aaa;font-size: 30px;padding-bottom: 5px;}

@media screen and (max-width:1660px) {#filter-wrap{width: 100%;padding-left: 2em;}.filter-selections-29 #filter-wrap,.filter-selections-30 #filter-wrap{width:min(max(60vw, 1600px), 90%);}}
@media screen and (max-width:1280px) {#category-subpage-endorse .col-full {grid-template-columns:repeat(3,1fr);}#filter-selections li {border-left: 1px solid #5aaae3;padding: 2vw 30px;}}
@media screen and (max-width:1024px) {.endorse-modal-wrapper .col-full,#category-subpage-endorse .col-full {grid-template-columns:repeat(2,1fr)}#category-subpage {padding-top: 63px;}#category-subpage-content #category-text {position: relative;width: 100%;max-width: unset;right: 0;padding: 2em 2em 4em 2em;}#subcategory-mainimg img {padding: 0 1em;box-sizing: border-box;min-height:300px}  #filter-selections li {padding: 1.5vw 30px;font-size: 14px;}main .erikoiskuva {max-width: 100%;}}
@media screen and (max-width:860px) {.marklisting .dgrid-3-cols {grid-gap: 2em;grid-template-columns: 1fr;}.filter-selections-29 #filter-wrap,.filter-selections-30 #filter-wrap {display: grid;grid-template-columns: 1fr;}.filter-selections-29 #filter-select-header {padding-top: 0;padding-bottom: 10px;}.filter-selections-29 #filter-wrap,.filter-selections-30 #filter-wrap {padding: 20px 0}.filter-selections-29 #filter-select-header p,.filter-selections-30 #filter-select-header p {font-size: 1.3rem;}}
@media screen and (max-width:678px) {.endorse-modal-wrapper .col-full,#category-subpage-endorse .col-full {grid-template-columns:1fr}.filter-selections-29 #suodatinm,.filter-selections-30 #suodatinm {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 1em;}.filter-selections-29 .sivuominaisuudet_mobiili:has(#ominaisuus2-27) {grid-column: 1/-1;}}
@media screen and (max-width:575px) {#filter-selections li {padding: 12px 20px}#filter-select-header p {font-size: 12px;}#filter-select-header span {padding: 25px 20px 25px 0;}#filter-wrap {padding-left: 1em;}.suodatin_ominaisuudet label {padding: 20px 20px;}#filter-selections #filter-mask{display: flex;align-items: center;justify-content: flex-end;padding-right: 5px;font-size: 29px;}#filter-selections #filter-mask p{display:block}}
@media screen and (max-width:420px) {.filter-selections-29 #suodatinm,.filter-selections-30 #suodatinm {grid-template-columns: 1fr;}}

/* Contactbox */
#contactbox-wrapper{background:rgba(0,0,0,.5); 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);}#contactbox-wrapper .webiolinkkipainike { margin-top:0}
#contact-box-content p {color:#fff;font-size:min(max(1.3rem, 1.3vw), 1.6rem);font-weight:700;line-height:120%}

@media screen and (max-width:1280px) {#contactbox-wrapper {grid-template-columns: 1fr;grid-gap: 2em;}}
@media screen and (max-width:1024px) {#contactbox-wrapper{grid-gap:1em}#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}}
@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;}}

/* Mobile tags*/
#mobilemenu-container{height:var(--mobilemenu-container-height);position: absolute;right: 0;top: 0;z-index: 2000;width: 100%;}
#mobile-logo {position: absolute;top: 0;left: 0px;z-index: 50000}
#mobilelogo-img { max-width: 300px;height: auto;padding: 17px 0px 0 1em}
@media screen and (max-width:1024px) {#main-nav, #logo, footer nav, footer ul, #sidenavi, #top-navi, #navi-wrap {display: none}}
@media screen and (max-width:400px) {#mobilelogo-img {max-width: 250px;padding: 18px 0px 0 1em;}}

/* 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 {box-shadow: 4px 4px 0px rgb(0, 0, 0);text-transform: uppercase; 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);}.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);margin: 0;line-height: 120%;font-size:0.9rem; text-transform:uppercase;padding: 15px 0 15px 0; font-weight:700}
details{position:relative;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 {padding: 10px 30px; max-width:100%}}.popupkalenteri iframe {height: 239px;}

.valikkomodulilinkki {background:#364d5e;font-family: var(--google-font);font-weight: 700;font-size: 14px;padding:10px 2vw;line-height: 120%;white-space:nowrap; border-radius:4px;margin-bottom: 10px;box-shadow: 2px 2px 0px rgba(0,0,0,.8);}
#static-navi .col-full {display: flex;color: #fff !important;flex-wrap: wrap;}

#static-navi .col-full .valikkomodulilinkki:first-of-type,#static-navi .col-full .valikkomodulilinkki:last-of-type,#static-navi .col-full .valikkomodulilinkki:nth-last-of-type(2),#static-navi .col-full .valikkomodulilinkki:nth-last-of-type(3){display:none}

/* 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%;height: 100%;max-width: 100%;object-fit: cover; padding: 0 !important;aspect-ratio:4/3}@media screen and (max-width:575px) {.kuvagalleriagrid {grid-template-columns: repeat(2, 1fr)}}@media screen and (max-width:480px) {.kuva, .kuva2 {float: none !important;clear: both;padding: 20px 0; box-sizing:border-box;}}

#category-image-gallery .kuvateksti {display:none;text-align: left}
#category-image-gallery .kuvagalleriakuvatausta:first-of-type{grid-column: 1 / span 2;grid-row: 1/ span 2;position: relative}
#category-image-gallery .kuvagalleriakuvatausta:first-of-type .kuvateksti{display:block;background:#0c1b22; padding:2em;}
#category-image-gallery .kuvateksti b {font-size:min(max(1.2rem, 1.9vw), 38px); font-style:normal; color:#fff; display: block;line-height: 120%}
#category-image-gallery .kuvateksti {font-size:min(max(0.9rem, 1vw), 18px); color:#5aaae3;position: absolute;bottom: 0;width: 100%;box-sizing: border-box;line-height:140%}

.category-item-gallery img {aspect-ratio:1/1; padding:0 !important; border-radius:4px; object-fit:cover}

@media screen and (max-width:1280px) {.kuvagalleriagrid {display: grid;grid-template-columns: repeat(3,1fr);}}
@media screen and (max-width:575px) {#category-image-gallery {padding: 1em 0;}.kuvagalleriagrid {display: grid;grid-template-columns: repeat(2,1fr);}#category-image-gallery .kuvagalleriakuvatausta:first-of-type{grid-column:1/-1;grid-row: unset;}#category-image-gallery .kuvagalleriakuvatausta:first-of-type .kuvateksti {padding: 2em;position: relative;}.kuvagalleriakuvatausta .kuva { height: auto;}}

/* Semio referencelinks*/
#swlinkit {text-align: center;padding:5px 0;background:#111212}.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:480px) {.subpage tr {display: grid;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));}}

/* Forms */
.lomakeotsikko {color: var(--primary-color);font-weight: 700; padding:10px 0;}.lomake-ve-solu input[type=checkbox] {display: none}.lomake-ve-solu input[type=checkbox] + label, .lomake-ve-solu input[type=checkbox]:checked + label {-webkit-appearance: none;display: block;position: relative;height: auto;clear: both;}.lomake-ve-solu input[type=checkbox] + label::before, .lomake-ve-solu input[type=checkbox]:checked + label::before {border-radius: 100%;border: 1px solid #8e8e8e;border-radius: 4px;color: #fff;content: "✓";float: left;font-size: 1.2em !important;font-weight: 700;height: 18px;line-height: 11px;margin-right: 20px;padding: 8px 12px 0 8px;position: relative; width: 9px}.lomake-ve-solu input[type=checkbox] + label::before {content: ""}.lomake-ve-solu input[type=checkbox]:checked + label::before { background: #2a2a2a none repeat scroll 0 0;color: #fff !important;border: none;padding: 8px 15px 0 7px}#suodatin input[type=checkbox]:checked + label,.lomake-ve-solu input[type=checkbox]:checked + label {background: #fff;color: #5aaae3;font-weight: 700;background: rgb(206,218,227);background: linear-gradient(180deg, rgba(206,218,227,1) 0%, rgba(255,255,255,1) 49%);}#filter-selections li {border-left: 1px solid #5aaae3;padding: 25px 30px;transition: var(--animate);}.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;border-radius: 4px;}textarea,.lomakenappi_submit, input[type=file] {height: auto}.lomakenappi_submit {-webkit-appearance: none;-moz-appearance: none;border-radius: 4px;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;}#suodatin input[type="checkbox"], .lomake-ve-solu input[type="checkbox"] {display: none;}.suodatinotsikko{display:none;}
.kuvagalleriagrid a.group {display:block;}
#sbgalleria .kuvagalleriagrid {grid-template-columns: repeat(3,1fr);}
#sbgalleria .kuvateksti {padding:1.5em; text-align:left;color:#000;font-family:var(--google-font)}
#sbgalleria b {color:var(--primary-color); font-family:var(--google-heading-font); font-size:min(max(1.6rem, 1.4vw), 28px);}
#sbgalleria .kuvagalleriakuvatausta{border-radius: 10px;box-shadow: 0px 0px 22px rgba(0,0,0,.05);}
#sbgalleria .kuvagalleriakuvatausta .kuva {border-radius:10px 10px 0 0;}
.suodatin_ominaisuudet br {display:none !important;}

@media screen and (max-width:860px) {#sbgalleria .kuvagalleriagrid {grid-template-columns: repeat(2,1fr);}}
@media screen and (max-width:575px) {input[type="button"], input[type="file"], input[type="text"], textarea {max-width: unset;}#sbgalleria .kuvagalleriagrid {grid-template-columns: 1fr}}
 /* 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{font-weight:700;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:80%;padding:10px 15% 10px 8%;background:var(--mobilemenu-submenu-background)!important;visibility:visible}.mean-nav ul li{position:relative;float:left;width:100%}.mean-nav a.mean-expand{background:var(--mobilemenu-expand-button)!important;color:#161B22;border:medium none;border-radius:3px;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 {font-family: var(--google-font);margin: 0;line-height: 120%;font-size:0.9rem;}

/* Tiny slider carousel */
.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}.tns-nav {text-align:center; margin:10px 0}.tns-nav button, .tns-nav-active {width: 20px;height: 20px;border-radius: 100%;border: 1px solid transparent;background: #e8faed;margin:0 2px}button.tns-nav-active {background: #3577cb;}#carousel-wrapper-top-ow .tns-nav {text-align: center;margin-top: -80px;z-index: 200;position: absolute;width: 100%;}#carousel-wrapper-top-ow .tns-nav button, #carousel-wrapper-top-ow .tns-nav-active {width: 25px;height: 25px;}#carousel-container-ow .tns-nav {text-align: center;margin-top: -60px;z-index: 200;position: absolute;width: 100%;}@media screen and (max-width:1024px) {#carousel-wrapper-top-ow .tns-nav {text-align: center;margin-top: -50px;}#carousel-container-ow .tns-nav{margin-top:-50px}}

/* Accessibility */
#skip-to-content {position: absolute;left: -9999px; z-index: 999; padding: 1em;background-color: black;color: white;opacity: 0; }#skip-to-content:focus {left: 50%; transform: translateX(-50%); opacity: 1;}

/* TABS */
#selecttabs {display:flex;background:#dedede;}
#selecttabs > a {padding:20px 10px; flex:1; text-align: center; font-weight:700; text-transform:uppercase; border-right:1px solid #000}

.cmask-alt, #slide-3, #slide-4 {background: #1a1a1a url(../img/header/mainimg-mask.png) center top no-repeat; background-size:cover}