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

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

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



:root {
   --primary-color: #364992;
   --secondary-color: #000;
   --base-font-size: min(max(1rem, 1.05vw), 1.05rem);
   --base-text-color: #000;
   --base-line-height: 160%;
   --google-font: 'Exo', sans-serif;
   --google-heading-font:  'Exo', sans-serif;
   --navilink-font-size: min(max(0.8rem, 1vw), 16px);
   --navilink-color: #fff;
   --navilink-font-weight: 700;
   --navilink-padding: 15px 10px;
   --navilink-selected-bg: #fff;
   --navilink-selected-color: #000;
   --heading-size-1: min(max(1.6rem, 2.8vw), 3rem);
   --heading-size-2: min(max(1.6rem, 2vw), 2.22rem);
   --heading-size-3: min(max(1.1rem, 1.2vw), 1.33rem);
   --heading-size-4: min(max(1.5rem, 2.1vw), 2.33rem);
   --heading-size-5: min(max(1.4rem, 1.6vw), 1.72rem);
   --heading-size-6: min(max(1.7rem, 2.4vw), 2.66rem);
   --grid-gap: 2em 3em;
   --webshop-badge-default-bg:#3b3938;
   --webshop-badge-default-color:#fff;
   --webshop-badge-discount-bg:#364992;
   --webshop-badge-novelty-bg:#00d7cf;
   --webshop-badge-freeshipping-bg:#3b3938;
   --webshop-badge-package-bg:#3b3938;
   --button-background: #000;
   --button-text-color: #fff;
   --button-font-size: min(max(0.8rem, 1vw), 1rem);
   --button-font-weight: 700;
   --button-padding: 12px 3.5vw;
   --max-input-width: 450px;   
   --max-button-width: max-content;   
   --img-gallery-rows: repeat(auto-fit, minmax(200px, 1fr));
   --img-gallery-img-size: 300px;
   --mobilemenu-container-height: 63px;
   --mobilemenu-open-close-color: #fff;
   --mobilemenu-menutext-color: #fff;
   --mobilemenu-button-background: #fff;
   --mobilemenu-link-color: #fff;
   --mobilemenu-link-background: #24bdff;
   --mobilemenu-expand-button: #17358f;
   --mobilemenu-submenu-background: #1ab3f5;
   --padding-s: min(max(20px, 1vw), 20px);
   --padding-m: min(max(30px, 2vw), 40px);
   --padding-xl: min(max(40px, 3vw), 60px);
   --padding-xxl: min(max(60px, 4vw), 80px);
 }
body, html, p {margin: 0;padding: 0;font-family: var(--google-font);color: var(--base-text-color);font-size: var(--base-font-size);line-height: var(--base-line-height)}  img {max-width: 100%;height: auto;display: block;}header.content-col {background:url(../img/header/navibg.jpg) center top no-repeat; background-size:cover;position:relative;z-index: 220;}a {color: var(--primary-color);text-decoration: none}a:hover {text-decoration: underline}h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {font-family: var(--google-heading-font);margin: 0;padding: 0;line-height: 110%;color: var(--primary-color); font-weight:700; 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%;}
 

/* DRP navi */
#main-navi .naviblock:hover{background:#193561}
.naviblock ul, .naviblock > div {display:none; position:absolute; width:100%;background: #193561; padding: 1em 2em;left:0; box-sizing:border-box}
 .naviblock ul, .naviblock li {list-style-type:none; padding:0; margin:0;}
 .naviblock:hover ul, .naviblock:hover > div{display: grid;grid-template-columns: repeat(auto-fit,minmax(320px,1fr)); margin:0;padding: 1em 2em 2em 2em;border-radius: 6px;}
 .naviblock ul li a, .naviblock div a {font-family: var(--google-font);padding:10px 0;display:flex;color:#fff}
.naviblock div a{line-height:100%; padding:5px; 0}
.mainlevel a {font-weight:700; text-transform:uppercase;}
/*.mainlevel a:after {content:"›"; font-weight:400; padding-left:10px}*/
.linkkipalsta p a:before {content:"›"; font-weight:400; padding-right:10px;color:#24bdff; font-size:12px}
.naviblock .linkkipalsta {padding-bottom:40px}
#snndvseco-wrapper.naviblock:hover > div {grid-template-columns:1fr !important}
#sndvseco-banners {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 1em;grid-column: 1/span 2;padding: 0 1em 1em 0em;align-items: center;}
#sndvseco-banners a {background: #fff;border-radius: 8px;height: 100%;justify-content: center;align-items: center;}
#sndvseco-banners img {margin: 0 auto;}
.poistomyynti > a {background:#2780ff; padding:3px 20px; margin-right:10px; border-radius:100px; font-size:14px}
#main-navi .naviblock.poistomyynti:hover{background:none}
.naviblock.poistomyynti .linkkipalsta {padding-bottom: 20px;}
#sndvseco{display: grid;grid-template-columns: repeat(auto-fit,minmax(310px,1fr));margin: 0;padding: 0em 0em 0em 0em;border-radius: 6px;}
#top-navi li:last-of-type a {border: 1px solid #fff;border-radius: 80px;font-size: 12px;padding: 5px 20px;}
#sndvseco .linkkipalsta:nth-of-type(2),#sndvseco .linkkipalsta:nth-of-type(3) {display:none;}
@media screen and (max-width:1660px) {#sndvseco {grid-template-columns: repeat(3,1fr);}}
@media screen and (max-width:1280px) {#sndvseco-banners{align-items: flex-start;}#sndvseco-banners img {max-width: 100%}}
@media screen and (max-width:1440px) {.naviblock:hover ul, .naviblock:hover > div{grid-template-columns: repeat(3,1fr);}.naviblock div a{font-size:14px}.poistomyynti > a {font-size:12px}}

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

/* Navigation */
#main-navi, #top-navi, #footernavi {margin: 0 auto;padding: 0;list-style: none;z-index: 2;position: relative;flex-direction: row;justify-content:space-evenly;}#top-navi {justify-content: flex-end} .mainnavi-link, .topnavi-link, .footerlink {padding: var(--navilink-padding);font-size: var(--navilink-font-size);font-weight: var(--navilink-font-weight);text-decoration: none;text-transform:uppercase;color: var(--navilink-color);display: block;}#navi-wrap {grid-gap:0}.topnavi-link{color:#fff; padding:15px 15px;}.mainnavi-link:hover, .topnavi-link:hover, .footerlink:hover {color: #c6c6c6;}#link-sel-1-4, #link-sel-2-5, #link-sel-13-7, #link-sel-4-6, #link-sel-6-12, #link-sel-7-8 {color: var(--navilink-selected-color);background: var(--navilink-selected-bg);text-decoration: none}#logoimg {max-width: 50%;margin: 0 auto;float: none;display: block;height: auto;padding: 40px 0;}#sidenavi ul {background: var(--primary-color);padding: 10%;margin: 0;list-style: none;}#navi-wrap{padding-bottom:1em;}#main-navi{background:#24bdff; border-radius:60px;width:100%}#footernavi {border:1px solid #24bdff; border-radius:60px; width:100%}
@media screen and (max-width:1280px) {.mainnavi-link {padding:10px 10px;}}

/* General classes, heroimg, banners */
#main-heroimg {width: 100%;}
#herotext h1 {color:#fff; font-size:min(max(1.8rem, 2.8vw), 3.11rem); text-align:center;}
#herotext span {display: block;}
#frb #herotext {display: grid;grid-template-columns: 2fr 1fr;grid-gap: 1em;align-items: center;width: 100%;}
#herotext ul, #herotext li {list-style: none;padding: 0;margin: 0;}
#herotext ul {justify-self: end;}
#herotext li {background: #364992;border-radius: 30px 0 0 30px;padding: 10px 4vw 10px 4vw;margin-bottom: 10px;color: #fff;font-weight: 900;width: 33vw;box-sizing: border-box;}
#herotext li p {color: #fff;font-size: min(max(1.1rem, 1.4vw), 1.5rem);text-align: left;}
.heroimg {position: relative;}
.abs-element {position: absolute;z-index: 200;max-width: 100%;flex-direction: column;display: flex;width: 80%;} 
.dflex {display: flex;flex-wrap: wrap;flex-direction: column;} 
.dflex-row {display: flex;flex-wrap: wrap;flex-direction: row;} 
.center-elements {align-items: center;justify-content: center}
.fwimg {width:100%}
.white-p {color: #fff}
.shadow {text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);}
.headerbox {background: #fff;color: #364992;padding: 5px 30px;text-transform: uppercase;display: inline-block;margin-bottom:20px;border-radius:4px; box-sizing:border-box;max-width:max-content}
.headerbox .col-full {margin:0;}
.bnr {position:relative;} /* Bannerikuva position container */
.bnr img {width:100%;} /* Bannerikuvan maksimileveys */
.bgcolor-wrapper {background:#000} /* Optional */
.bgcolor-wrapper img {opacity:0.7} /* Optional */
.contract-customers {text-align:center;}.contract-customers .webiolinkkipainike {background:#00d7cf; border:none;margin:0 auto;display:flex;justify-content: center;align-items: center;}.contract-customers .webiolinkkipainike:after {display:none;}
#rfcn-logos img {margin:0 auto; float:none !important; padding: 0 !important}
#solu1131 img {min-height: unset;}

/* Category browsing */
.category-browsing ul,.category-browsing-landing-page ul {display: flex;flex-direction: row; align-items: flex-start;flex-wrap:wrap}
.category-browsing ul,.category-browsing li,.category-browsing-landing-page ul, .category-browsing-landing-page li  {padding: 0;margin: 0;list-style-type: none;display: flex;justify-content: flex-start;}
.category-browsing li,.category-browsing-landing-page li {margin-right: 5px;margin-bottom: 5px;display: block;max-width: max-content;}
.category-browsing ul a.valikkolinkki, .category-browsing ul a.valikkolinkki-sel,.category-browsing-landing-page ul a.valikkolinkki, .category-browsing-landing-page ul a.valikkolinkki-sel, .category-browsing-landing-page ul a.valikkolinkki_eijulkinen, .category-browsing ul a.valikkolinkki_eijulkinen,.category-browsing-landing-page ul a.valikkolinkki_piilosivu, .category-browsing ul a.valikkolinkki_piilosivu  {background: #000;border-radius: 50px;text-transform:uppercase;display: block;font-size: min(max(0.6rem, 0.8vw), 12px);padding: 10px 20px;color: #fff;font-weight:700;margin-top:0;line-height:120%;white-space: nowrap;}
.category-browsing ul li:has(.valikkolinkki-sel){display:none;}
.category-browsing ul li:has(.valikkolinkki-sel) + li{display:block;}
.category-browsing ul li:has(.valikkolinkki-sel) + li li{display:block;}
.category-browsing ul li ul li:has(.valikkolinkki-sel) + li{display:block;}
.category-browsing ul li ul li:has(.valikkolinkki-sel) + li li{display:block;}
.category-browsing li:has(:not(.valikkolinkki-sel)){display: none}
.category-browsing ul::after,.category-browsing-landing-page ul::after {content: "";position: absolute;display: block;width: 30%;z-index: 2;right: 15px;background: linear-gradient(260deg, #fff, transparent 30%);height: 34px;pointer-events:none;}

@media screen and (max-width:1280px) {.contract-customers {text-align:center;}}
@media screen and (max-width:1024px) {#frb #herotext {grid-template-columns:1fr}#herotext ul {justify-self: center;display: flex;flex-wrap: wrap;justify-content: center;}#herotext li {padding: 10px 20px 10px 20px;margin: 0 5px 10px 5px;border-radius:60px;width: auto;}#herotext li p {font-size:0.8rem}.category-browsing ul a.valikkolinkki, .category-browsing ul a.valikkolinkki-sel, .category-browsing-landing-page ul a.valikkolinkki, .category-browsing-landing-page ul a.valikkolinkki-sel {padding: 10px 10px;}}
@media screen and (max-width:575px) {.category-browsing,.category-browsing-landing-page{overflow:hidden;overflow-x:auto}.category-browsing ul, .category-browsing-landing-page ul {flex-wrap:unset}.category-browsing ul li:has(.valikkolinkki-sel) + li li {width: max-content;}}
@media screen and (max-width:480px) {#herotext li {padding: 8px 16px 8px 16px;margin: 0 3px 6px 3px;border-radius:60px;}#herotext li p {font-size:0.6rem}}


/* Landing page - category bowsing */
#other-manufacturers{width:100%}#frontcat-links ul {display:grid;grid-gap:1em; grid-template-columns:repeat(3,1fr)}#frontcat-links a{font-weight:700; font-size:1.2rem}#frontcat-links ul, #frontcat-links li {margin:0; padding:0; list-style:none}
#frontcat-links .valikkolinkki, #frontcat-links .valikkolinkki-sel, #frontcat-links .valikkomodulilinkki, #frontcat-links .valikkomodulilinkki-sel {text-decoration: none;color: #fff;display: block;background: #364992;text-align: center;padding: 1em 1em;border-radius: 12px; font-size:min(max(1rem, 1.2vw), 22px);line-height: 120%;}
#frontcat-links .valikkomodulilinkki:after {content:"›"; padding-left:5px}
#frontcat-links.frontcat-subcategories {width:100%}
#category-frontpage-top.frontcat-subcategories{border:none; border-radius:8px 0}

@media screen and (max-width:1280px) {#other-manufacturers .dgrid-2-cols{grid-template-columns: repeat(2,1fr);}#other-manufacturers .dgrid-2-cols > section {padding: 1em !important;}}
@media screen and (max-width:1024px) {#frontcat-links ul {grid-template-columns:repeat(2,1fr)}}
@media screen and (max-width:768px) {#other-manufacturers .dgrid-2-cols{grid-template-columns: 1fr;}}
@media screen and (max-width:575px) {#frontcat-links .valikkolinkki, #frontcat-links .valikkolinkki-sel, #frontcat-links .valikkomodulilinkki, #frontcat-links .valikkomodulilinkki-sel {font-size:0.9rem;}}
@media screen and (max-width:480px) {#frontcat-links ul {grid-template-columns:1fr}}


/* Landing page - Manufacturers */

#manufacturer-logos tr {display: grid;grid-template-columns: repeat(auto-fit,minmax(120px,1fr));align-items: center;}
#manufacturer-logos img {max-width: 120px;max-height: 80px;height: auto;width: auto;margin: 0 auto;}

/* Front carousel */
.slide-categories {background:#eefaff; border-radius:12px; border:1px solid #aad0e0}
.slide-introduction {max-width:1000px; text-align: center; padding-bottom:2em; margin: 0 auto}
#front-carousel .col-4-grid {display: grid;grid-template-columns: 1fr 1fr 1fr; grid-gap: 1em;}
#front-carousel .selaus_wrapper {display:flex;}
.tab-wrapper p {font-size:16px}

/* Category frontpage */
#category-frontpage,#product-page,#basic-page{background:url(../img/header/content-bg.jpg) center top no-repeat; background-size:100%;}
#category-frontpage-top,#subpage-content,#top-pcard {background: #fff;border-radius: 8px;border:1px solid #e7eceb}
#category-frontpage-top {padding-bottom:0; border-radius: 8px 8px 0 0; border:none}
#category-frontpage-top.pcard-content {border: none;}
#main-cat-header h2 {text-transform:none; text-align:center}
#plist-wrapper {margin-top:2em}

@media screen and (max-width:575px) {#top-pcard,#category-frontpage-top {padding: 1em;}#plist-wrapper {padding:0}}

/* Mobile tabs > viewport 1024px*/ 
@media screen and (max-width:1024px) {.tns-item {display: none;} .col-4-grid {grid-template-columns: 1fr;}#front-carousel .col-4-grid {grid-template-columns: 1fr;}#carousel-container .selaus_iso {display: grid;grid-template-columns: 1fr 2fr;grid-gap: 2em;}.selaus_tuotenimi_iso a{ min-height: auto;}
.tab {display: grid;grid-template-columns: 1fr 1fr 1fr;background: #007cc7;}.tab button {background: background: rgb(15,151,221);background: linear-gradient(90deg, rgb(15, 151, 221) 0%, rgba(36,189,255,0) 120%);font-size: var(--base-font-size);line-height: var(--base-line-height);border: none;border-right:1px solid rgba(255,255,255,.2);position:relative;text-align: left;padding: 20px 40px 20px 20px;display: flex;flex-wrap: wrap;}
.tab button p {font-family: var(--google-font); font-size: 0.9rem;line-height:110%;font-weight: 700;color: #fff;}
.tab button.tablinks.active{background: #fff;}
.tab button.tablinks.active p {color:#000;}  
.tab button.tablinks span.arrowspan {display: inline-block; padding: 0px 0px;font-weight: 400;position: absolute;right: 20px;top:20px}
.tab button.tablinks.active span.arrowspan {transform: rotate(90deg);transition: transform .2s ease-in-out;}}

@media screen and (max-width:860px) {.tab button.tablinks span {right: 10px;}}
@media screen and (max-width:480px) {.tab button p{font-size: 0.8rem;width: 100%;text-align: center;} .selaus_iso {grid-template-columns: 1fr;grid-gap:1em} .selaus_kuva_iso img {min-height: 160px;max-height: 160px;} .tab button {padding: 20px 10px 20px 10px; justify-content:center}.tab span{display: block;}.tab button.tablinks span.arrowspan {right: 10px;}}

/* Service banners */
#service-banners img {width:100%; object-fit:cover;}
#service-banners .bnr > div {width:100%}
#service-banners h4 {color:#fff}
#service-banners h5 {color:#24bdff; text-transform: lowercase}
#service-banners .headerbox {background:#24bdff; color:#fff; font-weight: 700}
#service-banners .abs-element {bottom: 10%;}
#service-banners .col-full {margin-bottom: 0;}

@media screen and (max-width:1280px) {#service-banners h4 {font-size: 1.2rem;}}
@media screen and (max-width:575px) {#service-banners{grid-template-columns: 1fr;grid-gap: 10px;}#service-banners .headerbox {font-size: 0.8rem !important;}#service-banners .banner{align-items: center;}#service-banners .webiolinkkipainike,#references .webiolinkkipainike {margin:20px auto 0 auto;}#references .col-full {margin:0;}#service-banners .headerbox p {line-height:120%}}

/* References */
#references .cpadding-xl{text-align:center}
#references .abs-element {width: 70%;}
#references .banner h6, #references .banner p {color:#fff; text-align:center;}
#references .banner h6{font-size:min(max(1.6rem, 2.2vw), 2.4rem);text-transform: unset;}
#references .bnr img {border-radius:800px 0 0 800px;}
#references .webiolinkkipainike {background:#0d0d0d}

@media screen and (max-width:1280px) {#references {padding: 0 0 2.5em 0;grid-template-columns: 2fr 3fr;}#references .cpadding-xl img {max-width:250px}#references .cpadding-xl br {display:none;}}
@media screen and (max-width:800px) {#references {padding: 0 0 2.5em 0;grid-template-columns: 1fr;}#references .cpadding-xl {padding: 0 2em 1em 2em;}#references .bnr {padding-left: 2em;box-sizing: border-box;}}
@media screen and (max-width:768px) {#references .cpadding-xl img {max-width:180px}}
@media screen and (max-width:575px) {#references .bnr img {min-height:350px;}#references .banner h6{font-size:1.3rem}#references .bnr {padding-left: 1em;}}
  
/* Footer */
footer {background:url(../img/header/footerbg.jpg) center top no-repeat; background-size:cover;}
footer h4 {color:#fff}
footer h5 {color:#24bdff; text-transform: unset; line-height:120%}
footer .webiolinkkipainike {margin: 0 auto;}
#footer-top {text-align: center;}
#footer-top img {margin:0 auto;}
#quicklinks a {color:#fff}
#someicons{display:flex;}
#someicons img {padding-right:10px;}

@media screen and (max-width:768px) {#contact table, #contact tbody, #contact tr, #contacttd {width:100% !important}#footer-middle tr {display: flex;}#contact tr td {flex:1;}}
@media screen and (max-width:480px) {#contact tr {flex-direction: column;text-align: center;}#contact tr td:first-of-type {padding-bottom: 2em;}#quicklinks{display: flex;flex-direction: column;align-items: center;}footer h4 {line-height: 140%;font-size: 1.3rem;}footer h5{font-size:1.2rem; line-height: 140%}}

/* Modal - OPTINONAL */
.modal {background: #f0f0f0;}
.modal{border-radius:6px;position:relative;padding-bottom: 60px;}
.modal img {border-radius: 6px 6px 0 0;object-fit: cover;max-height: 180px;padding:0 !important;}
.modal .banner {padding:1em 1em 0 1em}
.modal h2 {font-size: 1.2rem;}
.modal-link {position: absolute;bottom: 1em;background: var(--primary-color); color: #fff;padding: 5px 20px;font-size: 14px;font-weight: 700;left: 1.1em;border-radius: 4px;}
.modal-link a{color:#fff !important}

/* SECO product search */
#secohaku {display: grid; grid-template-columns: 300px 1fr;}
#secohakutulos .secohakutulosrivi:first-of-type:before {content:"Hakutulos"; font-size:1.6rem; font-weight:700; display:block; margin-bottom:1em; grid-column:1 / -1}
#secohakutulos {margin-top:2em}
.secohakutulosrivi {width: 100%;clear: both;display: grid;grid-template-columns: 1fr 2fr 1fr 1.5fr 1.5fr 1fr 1fr 1fr 80px 50px 50px;grid-gap: 0 10px;align-items: center;margin-bottom: 10px;padding: 10px;}
.secohakutulosrivi div:nth-of-type(10),.secohakutulosrivi div:nth-of-type(11) {text-align:center}
#secohakutulos .secohakutulosrivi div {font-size: 14px;line-height: 120%;}
#secohakutulos .secohakutulosrivi div[style="display:none;"]{visibility:hidden}
#secohakutulos .secohakutulosrivi:nth-of-type(odd){background:#f1f1f1;}
#secohakutulos .secohakutulosrivi:first-of-type{padding:10px; margin:0;background:#fff;}
#secohakutulos .secohakutulosrivi:first-of-type div {font-size: 11px;font-weight: 700;line-height: 120%;align-self: center;text-transform: uppercase;}
#secohaku input {height: 45px;border-radius: 6px;padding: 10px;font-size: 16px;}
.secohakutulosrivi input {height: 35px !important;}
#secohaku input[type="button"],.secohakutulosrivi input[type="button"] {background:#91a73c; color:#fff; font-weight:700; font-family:var(--google-font); padding:0 30px;width:max-content !important; border:1px solid transparent;}
#secohaku input[type="button"] {margin-left:10px}
.secohakutulosrivi input[type="button"] {background:#24bdff; padding:5px }
.secohakutulosrivi input {text-align:center !important;}

@media screen and (max-width:1280px) {.secohakutulosrivi {grid-template-columns: 1fr 1.5fr 1fr 1.5fr 1.5fr 1fr 1fr 1fr;}#secohakutulos .secohakutulosrivi div {font-size: 12px;}#secohakutulos .secohakutulosrivi div:nth-of-type(11),#secohakutulos .secohakutulosrivi div:nth-of-type(12), #secohakutulos .secohakutulosrivi div:nth-of-type(13) {grid-row: 2;padding-top: 20px;}#secohakutulos .secohakutulosrivi div:nth-of-type(13) {margin-left: -5vw;}
#secohakutulos .secohakutulosrivi div:nth-of-type(11) {text-align:left;}#secohakutulos .secohakutulosrivi div:nth-of-type(11)::before {content: "HINTA";font-size: 11px;font-weight: 700;display: block;text-align: left;}#secohakutulos .secohakutulosrivi:first-of-type div:nth-of-type(11){display:none;}}

@media screen and (max-width:800px) {#secohaku {display: grid; grid-template-columns: 4fr 1fr;}#secohaku input[type="button"]{margin-left:10px} #secohakutulos {overflow: hidden;}.secohakutulosrivi {grid-template-columns: 100px 100px 100px 100px 100px 100px 100px 100px;}  #secohakutulos .secohakutulosrivi div:nth-of-type(13) {margin-left: -53px;}}

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

/* 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{object-fit: cover; min-height: 450px;max-height: 50vh;}#herotext img {max-width:100px}#footer-top img {max-width: 160px;}}

/* Mobile tags*/
#mobilemenu-container{height:var(--mobilemenu-container-height);position: relative;right: 0;top: 0;z-index: 2000;width: 100%;}
#mobile-logo {display:none;position: absolute;top: 0;left: 0px;z-index: 50000}
#mobilelogo-img { max-width: 120px;height: auto;padding: 5px 0px 0 2em}
@media screen and (max-width:1024px) {#main-nav, #logo, footer nav, footer ul, #sidenavi, #navi-wrap, #top-navi,#footernavi {display: none}}
@media screen and (max-width:375px) {#mobilelogo-img {max-width: 105px;height: auto;padding: 7px 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, .category-browsing .valikkolinkki, .category-browsing .valikkolinkki-sel,.category-browsing-landing-page .valikkolinkki{line-height:120%;border-radius:30px;border:1px solid #93deff;box-sizing: border-box;cursor: pointer;margin-top: 20px;display: inline-block;text-align: center;font-size: var(--button-font-size);padding: var(--button-padding);background: var(--button-background);color: var(--button-text-color);font-weight: var(--button-font-weight);width: auto;max-width: var(--max-button-width); text-transform:uppercase}.webiolinkkipainike:hover,.takaisinuutisiin:hover { transition: all .3s ease 0s;-webkit-filter: brightness(110%);filter: brightness(110%);text-decoration: none;}.webiolinkkipainike:after {content:"›"; color:#24bdff; padding-left:10px}.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>summary {list-style-type: none;outline: none; cursor: pointer;padding: 0;border-radius: 5px;font-weight: 700;font-size: 14px;}
details>summary::-webkit-details-marker {display: none;}
details>summary::after {content: ' +';}
details[open]>summary::after {content: ' -'; transform:rotate(-90deg)}
details[open]>summary {margin-bottom: 0.5rem;}
.valikkolinkki, .valikkolinkki-sel, .valikkomodulilinkki, .valikkomodulilinkki-sel {text-decoration: none;color: #fff;padding: 5px 0;display: block;}@media screen and (max-width:480px) {.webiolinkkipainike, .lomakenappi_submit, .takaisinuutisiin {display:block;padding: 10px 15vw;}}
/* Image gallery */
.kuvagalleriagrid {display: grid;grid-template-columns: var(--img-gallery-rows);grid-gap: 1em}.kuvagalleriakuvatausta {width: 100% !important;height: auto !important;margin: 0 !important}.kuvagalleriakuvatausta .kuva {width: 100%;max-width: 100%;object-fit: cover; padding: 0 !important;height: var(--img-gallery-img-size)}@media screen and (max-width:575px) {.kuvagalleriagrid {grid-template-columns: repeat(2, 1fr)}.kuvagalleriakuvatausta .kuva{height: 150px}}@media screen and (max-width:480px) {.kuva, .kuva2 {float: none !important;clear: both;padding: 20px 0; box-sizing:border-box;}}

/* Semio referencelinks*/
#swlinkit {text-align: center;}.swlinkki {font-size: 12px;color: #000}

 @media screen and (max-width:678px) {.subpage table, .subpage td, .subpage tr {display: block;width: 100% !important;height: auto; clear: both;box-sizing: border-box}.subpage tbody {width: 100%;display: inline-block}.subpage tr {display: flex;}.subpage tr td {flex:1;}}@media screen and (max-width:480px) {.subpage tr {display: grid;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));}}
/* Forms */
.lomakeotsikko {color: #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;box-sizing: border-box;border: 1px solid #2a2a2a}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 #2a2a2a !important;padding: 10px;border-radius: 4px;appearance: auto;-webkit-appearance: auto;-moz-appearance: auto;-ms-appearance: auto; width: auto !important;}.lpainike, .pmvk {width: auto;height: auto}.lomake-ve-solu {padding-bottom: 5px;padding-right: 10px}tr[id^="lomakerivi"] table tr {grid-gap: 2em;display: grid;grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));}tr[id^="lomakerivi"] table { width: 100%;}.rbcb-table tr {grid-gap: 0 !important;}

 /* Mobilemenu */
.mean-bar::before{color:var(--mobilemenu-menutext-color);content:"VALIKKO";top:42px;width:auto;height:auto;right:10px;position:absolute;font-size:9px!important;line-height:100%!important;z-index:2}.meanmenu-reveal{display:none;font-size:30px!important}.meanmenu-reveal{color:var(--mobilemenu-open-close-color);cursor:pointer;display:block;font-size:1px;font-weight:700;height:47px;line-height:22px;margin-top:0;padding:8px 10px;position:absolute;text-decoration:none;text-indent:-9999em;top:0px;width:39px; background: #24bdff}.meanmenu-reveal.meanclose {padding: 12px 10px 4px 10px;}.meanmenu-reveal span{background:var(--mobilemenu-button-background);border-radius:2px;display:block;height:6px;margin-top:4px;line-height:100%!important}.mean-nav{float:left;width:100%;margin-top:var(--mobilemenu-container-height)}.mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}.mean-nav li a{display:block;font-weight:500;float:left;width:93%;padding:15px 5% 15px 2%;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; line-height:100%}.mean-nav ul li li a{width:92%;padding:15px 5% 15px 6%;background:var(--mobilemenu-submenu-background)!important;visibility:visible}.mean-nav ul li{position:relative;float:left;width:100%}.mean-nav .mean-expand{background:var(--mobilemenu-expand-button)!important;border:medium none;border-radius:3px;color:#fff;font-weight:700;height:20px!important;margin-top:2px;padding:3px 4px 4px!important;position:absolute;right:10px;text-align:center!important;top:9px;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;}}
.mean-nav ul li li li a {width: 89%;padding: 15px 5% 15px 9%;background: #07a0dc !important;}.mean-nav ul li li li li a {width: 86%;padding: 15px 5% 15px 12%;background: #008bc7 !important;}.mean-nav ul li li li li li a {width: 83%;padding: 15px 5% 15px 15%;background: #07a0dc !important;}.mean-nav ul li li li li li li a {width: 80%;padding: 15px 5% 15px 18%;background: #07a0dc !important;}.mean-nav ul li li li li li li a {width: 80%;padding: 15px 5% 15px 18%;background: #07a0dc !important;}.mean-nav ul li li li li li li li a {width: 77%;padding: 15px 5% 15px 21%;background: #07a0dc !important;}.mean-nav ul li li li li li li li li li li li a {width: 74%;padding: 15px 5% 15px 24%;background: #07a0dc !important;}.mean-nav ul li li li li li li li li li li li a {width: 71%;padding: 15px 5% 15px 27%;background: #07a0dc !important;}

#sandvikFrame {border: 1px solid #dedede;border-radius: 8px;padding: 1em;box-sizing:border-box}
#secoresults {padding: 2em;border: 1px solid #dedede;border-radius: 8px;background: #f9f9f9;}
 @media screen and (max-width:1024px) {#manf-text{order:2}}