/* 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-v48-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

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

/* roboto-600 - 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: 600;
  src: url('../fonts/roboto-v48-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

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

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

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

:root {
--primary-color: #364992;
--base-font-size: min(max(1rem, 1.05vw), 18px);
--base-font-color: #000;
--base-line-height: 160%;
--google-font: 'Roboto', sans-serif;
--google-heading-font: 'Roboto', sans-serif;
--navilink-font-size: min(max(1rem, 1.125vw), 18px);
--navilink-color: #cdeffa;
--navilink-font-weight: 700;
--navilink-padding: 16px 50px;
--navilink-selected-bg: #fff;
--navilink-selected-color: #fff;
--heading-size-1: min(max(1.6rem, 2.4vw), 48px);
--heading-size-2: min(max(1.4rem, 1.8vw), 36px);
--heading-size-3: min(max(1.6rem, 1.9vw), 38px);
--heading-size-4: min(max(1.4rem, 1.6vw), 32px);
--heading-size-5: min(max(1.4rem, 1.4vw), 28px);
--heading-size-6: min(max(1.6rem, 2.4vw), 48px);
--grid-gap: 2em 3em;
--webshop-badge-default-bg:#364992;
--webshop-badge-default-color:#fff;
--webshop-badge-discount-bg:#eccc03;
--webshop-badge-novelty-bg:#3c58a1;
--webshop-badge-freeshipping-bg:#3b3938;
--webshop-badge-package-bg:#3b3938;
--button-background: #e5a854;
--button-text-color: #fff;
--button-font-size: min(max(0.9rem, 1vw), 1rem);
--button-font-weight: 700;
--button-padding: 8px 3vw;
--max-button-width: 450px;
--max-input-width: max-content;
--img-gallery-rows: repeat(auto-fit, minmax(200px, 1fr));
--plisting-desktop-max-img-size:200px;
--plisting-desktop-min-img-size:200;
--plisting-laptop-max-img-size:180px;
--plisting-laptop-min-img-size:180px;
--plisting-mobile-max-img-size:80px;
--plisting-mobile-min-img-size:80px;
--mobilemenu-container-height: 63px;
--mobilemenu-open-close-color: #fff;
--mobilemenu-menutext-color: #fff;
--mobilemenu-button-background: #fff;
--mobilemenu-link-color: #9cd3ef;
--mobilemenu-link-background: #243561;
--mobilemenu-expand-button: #9cd3ef;
--mobilemenu-submenu-background: #334470;
--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 .2s ease 0s;
--footer-background:url(../img/header/footerbg.png) center top no-repeat;
--footer-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;}ul,li {font-family: var(--google-font);line-height: var(--base-line-height)} img {max-width: 100%;height: auto;display: block;}header.content-col { position: relative;z-index: 203;}#mainheader{grid-gap:0;background: url(../img/header/headerbg.png) center top no-repeat; background-size:cover}#mainheader .center-col {max-width:75%;grid-template-columns: auto 1fr auto;}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: 120%;color: var(--primary-color); font-weight:900;}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}#mainheader .dgrid-2-cols {justify-content: center;align-items: center;text-align: center;}@media screen and (max-width:1280px) {#mainheader .center-col {max-width: 90%;}}@media screen and (max-width:1024px) {table, td, tr {height: auto !important;max-width: 100%}header.content-col {position: absolute;right: 0em;top: 5px;z-index: 2000;width: auto;}header.content-col div:empty{display:none}#mainheader {top: 0px;width: auto;right: 0em;width: auto;position: absolute;z-index: 4000;margin-top: 0;width: auto;display: flex;justify-content: flex-end;align-items: center;}#mainheader .center-col {padding:0;grid-template-columns: 1fr;}#phonediv {display:none}#mainheader .dgrid-2-cols {grid-template-columns:1fr}}@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;padding: 2em 0;display:block;}.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; position:relative;}#main-navi, #top-navi, #footernavi {margin: 0 auto;padding: 0;list-style: none;z-index: 2;position: relative;flex-direction: row;width:100%}#main-navi {display: flex; align-items:center; justify-content:center;max-width: 100%;background:rgba(0,0,0,.4);border:1px solid #e6a854}.mainnavi-link, .topnavi-link, .footerlink {padding: var(--navilink-padding);font-size: var(--navilink-font-size);font-weight: var(--navilink-font-weight);text-decoration: none;color: var(--navilink-color);display: block;}.mainnavi-link {text-transform: uppercase;}.topnavi-link{color:#fff; font-size: 16px;padding:10px 15px}.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}*/#logoimg {max-width: 50%;margin: 0 auto;float: none;display: block;height: auto;padding: 40px 0;}#logo img {margin:0 auto; width:12vw; padding:0px 0; min-width:200px;}#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;}.home-icon {padding-left: 0; padding-right: 10px;}
#equipment-subnavi ul,#rst-subnavi ul {grid-template-columns: repeat(3,1fr);}

/* DRP menu */
.naviblock ul {display:none; position:absolute; width:100%;left:-1px; box-sizing:border-box;border:1px solid #e6a854; background: linear-gradient(180deg, rgba(176, 221, 242, 1) 0%, rgba(142, 204, 236, 1) 100%)} .naviblock ul, .naviblock li {list-style-type:none; padding:0; margin:0;} .naviblock:hover ul{display: grid;grid-template-columns: auto auto auto auto auto;width: calc(100% + 2px); box-sizing:border-box} .naviblock ul li a {display:flex;color:#0f2a61; border-bottom:1px solid #304681;height:100%;font-weight:700;background: linear-gradient(180deg, rgba(176, 221, 242, 1) 0%, rgba(142, 204, 236, 1) 100%);padding: 25px 1vw;box-sizing: border-box; line-height:110%; font-size:14px; display:flex; justify-content:center; align-items:center;} #product-drpmenu > a {background: url(../img/header/navi-open.png) 90% center no-repeat;display:block;width: 100%;padding: 16px 40px;box-sizing: border-box;text-align: left;transition:var(--animate)}.naviblock ul li,.naviblock ul li:nth-of-type(4){border-right:1px solid #304681 !important; /*border-bottom:1px solid #304681;*/}.naviblock ul li:last-of-type{/*display:none;display:grid;*/ grid-template-columns:1fr 1fr; border-bottom:0; border-right:0}.naviblock ul li:last-of-type a {text-align:center;justify-content: center;}.naviblock ul li:nth-of-type(4) {border-right:0}#product-drpmenu img {max-height:24px; object-fit:contain; width:auto; margin-right:12px}#product-drpmenu > a:hover {background-color: #afddf2; color:#0f2a61}

@media screen and (max-width:1500px) {#main-navi {max-width: 100%;}.naviblock:hover ul{width: 100%;}}
@media screen and (max-width:1300px) {.naviblock ul li a {font-size: 14px;align-items: center;height:100%}}

/* General classes, heroimg, banners */
#main-heroimg {width: 100%;}
#herofront #main-heroimg{min-height:680px;object-position:left top; object-fit:cover}
.heroimg {position: relative;}
#herotext h1 {text-transform: uppercase; color:#fff; text-shadow: 3px 0px 3px rgba(0, 0, 0, 0.7);}
#herotext h2, #herotext h3, #herotext h4, #herotext h5, #herotext h6, #herotext p {color:#fff}
#herotext-col {max-width: 580px;float: right;padding: 0 100px 100px 0;}
#phonediv {display:flex; justify-content: center; align-items: center;color:#fff; }
#phonediv img {margin-right:10px;max-width: 1.4vw; height: 20px;object-fit: contain;}
#campaign-ribbon a {display:flex; flex-wrap:wrap; align-items: center; justify-content:center}
.herofeature {font-size:min(max(1rem, 1.1vw), 22px); font-weight:700; display: flex;justify-content: center;align-items: center;line-height:110%}
.herofeature img {margin-right:10px;max-width: 2vw;min-width: 25px;margin-bottom:10px; }
.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 .col-full {margin: 0;}
.headerbox p a {display:block; color:var(--primary-color); width:100%}
.bnr {position:relative;} /* Bannerikuva position container */
.bnr img, .news img{width:100%;} /* Bannerikuvan maksimileveys */
.bnr :is(h2, h3, h4, h5, h6, p,li) {color:#fff}
.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 :is(h2, h3, h4, h5, h6, p,li) {color:#fff}
footer .headerbox, footer .headerbox p {max-width: unset;width: 100%;}
footer .dgrid-3-cols {grid-gap: 2em 1em;padding-bottom: 1em;}
footer a {color:#a2e9ff}
footer #footer-subpage-links ul,footer #footer-subpage-links li {margin:0; padding:0;list-style-type:none;line-height:100%}
footer .webiolinkkipainike {margin-top:0}
#footer-subpage-links a {color:#fff; font-size:12px}
footer #footer-subpage-links ul {display:grid; grid-template-columns:1fr 1fr 1fr 1fr; grid-gap:10px; max-width:75%}
#footerlogo img {margin:0 auto; max-width: 8vw;min-width: 100px;}
.footer-icons {display:flex;}
.footer-icons p {padding-right:10px}
.headerbox {position: relative;margin-bottom: 1em;width: 100%;display: flex;justify-content: center;align-items: center;z-index: 220;max-width: max-content;}
.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;}
#cta {display:none; position:fixed; bottom:10px; right:10px;z-index: 20000;}
#cta img {max-width: 20px;margin-right: 5px;}
#cta a {background: #fba955;display: flex;border-radius: 4px;justify-content: center;align-items: center;color: #fff;text-transform: uppercase;font-weight: 700;font-size: 13px;padding: 4px 10px;flex-direction: column;}

/* Frontpage -> Hero -> Links */
#front-hero-targets {transform: skew(-33deg); border:1px solid #d59d4f;max-width: 1600px;margin: 0 auto;}
#target-groups-bg, #hero-contact{transform: skew(0deg);width: 100%;}
#target-groups-bg {background:rgba(36,53,97,.7)}
#hero-contact {background:rgba(0,0,0,.7)}
#hero-contact .webiolinkkipainike {margin-top:0}
.skew-content {transform: skew(33deg);padding:var(--padding-s) var(--padding-xxl)}
.skew-content.dgrid-3-cols {grid-template-columns:1fr 1fr 1fr}
#design h2{font-size:min(max(1.4rem, 1.6vw), 32px)}

@media screen and (max-width:1280px) {footer #footer-subpage-links ul {max-width:100%}}
@media screen and (max-width:1024px) {#phonediv {display:none;}#herofront .abs-element {position: relative;order: 2;z-index: 201;background: #121a2f;width: 100%;padding: var(--padding-xxl);box-sizing: border-box;}#herofront #main-heroimg {min-height: 300px;object-position: left top;object-fit: cover;max-height: 900px;}#herotext-col {max-width: unset;float: unset;padding: 0 0 4em 0;}#herotext .center-col {width:100%}#front-hero-targets,.skew-content {transform: skew(0deg);}#front-hero-targets {width:100%}.skew-content.dgrid-3-cols {grid-template-columns: 1fr;}.herofeature {justify-content: flex-start;}footer .dgrid-s-m-s-cols section {text-align: center;}#footer-subpage-links {display:none;}}
@media screen and (max-width:768px) {footer .cpadding-rl-xl{padding:2em 0 0 0}.cpadding-rl-xl img {max-height: 90px;object-fit: contain;width: auto;}.footer-icons{justify-content: flex-start !important;}}
@media screen and (max-width:575px) {#reference-col-wrapper .abs-element {padding: var(--padding-m);}#herofront .abs-element{padding: var(--padding-m);} #herotext-col {padding: 1em 0 2em 0;}.skew-content {padding: var(--padding-m) var(--padding-m);} #cta { display: block !important;}}

/* Frontpage -> Service carousel */
#carousel-container {background:#394970;}
#carousel-container img {width:100%; object-fit:cover; object-position: left top; min-height:460px; object-position: right top}
#carousel-wrapper :is(h2, h3, h4, h5, h6, p,li) {color:#fff}
#carousel-container .abs-element h2, #carousel-container .abs-element p{text-shadow: 3px 0px 3px rgba(0, 0, 0, 0.7);}
.carousel-logos {border:1px solid #e5a854; background:rgba(255,255,255,.9);padding:var(--padding-s)}
#carousel-container .carousel-logos img {min-height:unset; width:auto; min-width:80px;max-width:70%;}
.carousel-logos table {max-width: max-content;margin: 0 auto;}
.carousel-logos tr {display: flex;grid-template-columns: 1fr 1fr 1fr 1fr;justify-content: center;align-items: center; grid-gap: 1em; flex-wrap:wrap; justify-content:center; align-items:center;}

@media screen and (max-width:1280px) {.carousel-logos tr {grid-gap:1em 2em}#carousel-container .carousel-logos img {max-width: 80px;}}
@media screen and (max-width:1024px) {#carousel-container .dgrid-l-m-cols {grid-gap:0;}}
@media screen and (max-width:678px) {.carousel-logos tr {grid-template-columns: 1fr 1fr;}}

/* Frontpage -> Funding and references */
#funding-and-references{padding:var(--cpadding-xl) 0; grid-gap:0; min-height:540px}
.reference, .reference img {height: 100%;}
.reference img {height: 100%; object-fit: cover;object-position: left top;}
.reference .col-full {margin:0}
#leasing {background:url(../img/header/leasing-bg.jpg) center top no-repeat; background-size:cover;height: 100%;display: flex;flex-direction: column;justify-content: center; padding:0 20%; text-align: center}
#leasing .webiolinkkipainike {background:#1f2d53}
#leasing img {width: 13vw;min-width: 160px;}
.reference .abs-element {width:90%;}
.reference .referencetext-col {max-width:600px; padding:3vw 0 0 3vw}
.referencetext-col a {color:#a2e9ff; text-decoration: underline; text-transform: uppercase}
.reference > .col-full, .reference > .col-full div, .reference > .col-full p, .reference > .col-full img {height: 100%;}
@media screen and (max-width:1024px) {#leasing {padding: var(--padding-xxl) var(--padding-s);}.reference .referencetext-col {padding-left: 0;}.reference, .reference img {height: auto;min-height: 300px;object-fit: cover;}.reference .abs-element {position: relative;order: 2;z-index: 201;background: #121a2f;width: 100%;padding: var(--padding-xxl);box-sizing: border-box;}.reference > .col-full, .reference > .col-full div, .reference > .col-full p, .reference > .col-full img {height: auto}.reference > .col-full img{height:350px;object-position: center;}}
@media screen and (max-width:575px) {.reference .abs-element {padding: var(--padding-m);}}

/* Frontpage -> News */
.col-full:has(.news-item) {display:grid;grid-template-columns:1fr 1fr 1fr; grid-gap:1em 3em}
#news h5 {font-size:min(max(1.1rem, 1.4vw), 28px);}

@media screen and (max-width:1440px) {.col-full:has(.news-item) {grid-gap:1em}}
@media screen and (max-width:768px) {.col-full:has(.news-item) {grid-template-columns:1fr 1fr}}
@media screen and (max-width:480px) {.col-full:has(.news-item) {grid-template-columns: 1fr;} #news {grid-gap: 2em;}}

/* Category Frontpage -> Header */
#category-main-content, #pcard-main-content, #subpage-main-content, #pcardbg-wrapper-elm {background:url(../img/header/trbg.png) left top no-repeat; background-size:cover}
#pcardbg-wrapper-elm {background-size:100%}
#product-card-contents {background: #fff;margin-top: 2em;}
#category-main-content .col-full {margin:0}
#category-front-hero {background:#000;}
#category-front-hero img {opacity:0.7}
#category-front-hero .abs-element {width:100%; bottom:5%;left: 0;}
.category-hero-text{padding:0 2em; min-height:80px}
.category-hero-text h1 {color:#fff}
#ask-for-more-wrapper {background:url(../img/header/tr-header-bg.png) left top no-repeat; background-size:contain;grid-template-columns: 1fr 300px;margin-top:2em}
#ask-for-more-wrapper .webiolinkkipainike{margin: 0 auto;padding: 8px 80px 8px 40px;}
#ask-for-more-wrapper section:last-of-type p {text-align: center;}
#find-more-header {color:#fff; font-size:min(max(1.2rem, 1.4vw), 28px); padding:var(--padding-s);padding-left:2em;font-weight:700}
#category-endorse-top .col-4-grid {grid-template-columns: 1fr 1fr;height:100%}
#category-endorse-top .tuotesivutausta {height:100%}
.nostokuva {grid-column: 1/-1}
.nostokuva img {width:100%}
.news-item img {max-height:400px; width:100%; object-fit:cover}

@media screen and (max-width:1440px) {#ask-for-more-wrapper {grid-template-columns: 1fr auto;}#ask-for-more-wrapper .webiolinkkipainike {padding: 8px 40px 8px 40px;margin-right: 20px !important;}}
@media screen and (max-width:1280px) {#find-more-header {padding-left: 1em;}}
@media screen and (max-width:1024px) {#category-main-content .center-col {grid-template-columns: 1fr;}#category-front-hero img {max-height: 500px;object-fit: cover;}}
@media screen and (max-width:575px) {#category-main-content {padding:1em 0}}
@media screen and (max-width:460px) {#category-front-hero {display: grid;}#category-front-hero .abs-element {left: 0;position: relative;bottom: unset;order: 2;background: #243561;padding: 2em 0;} #ask-for-more-wrapper {background:none;grid-template-columns:1fr;border: 1px solid #e5a854;width: calc(100% - 2em);margin: 2em auto 0 auto; grid-gap:0; text-align: center;padding-bottom: 2em;}#ask-for-more-wrapper .webiolinkkipainike {margin-right: 0px !important;}#category-front-hero img {max-height: 350px;}.category-hero-text {padding: 0 1em;}}

/* Customer stories */
.sbpage-content-23 .col-full {display:grid; grid-template-columns: repeat(3,1fr); grid-gap:2em}
.customer-endorse-blog{border:1px solid #e5a854; border-radius:6px;}
.customer-story-endorse{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.customer-endorse-blog .category-img {pointer-events:none}
.customer-endorse-blog .category-img img {width: 100%;max-height: 300px;object-fit: cover;border-radius:6px 6px 0 0}
.customer-endorse-blog .bannertext {padding:1.5em}
.customer-endorse-blog .webilnikkipainike{background:#364992}

@media screen and (max-width:1440px) {.sbpage-content-23 .col-full {grid-template-columns: repeat(2,1fr);}}
@media screen and (max-width:800px) {.sbpage-content-23 .col-full {grid-template-columns: 1fr;}}
/* Product card */
#pcard-main-content,#subpage-main-content {background-size:100%;}
.leasing-banner-card {background:url(../img/header/leasing-banner-pcard.jpg) center right no-repeat; background-size:cover; grid-column: 1/-1;padding:var(--padding-s)}
.leasing-banner-p {font-size:min(max(1.6rem, 1.8vw), 36px); color:#fff; font-weight:900; line-height:120%}
.leasing-banner-card img {margin:0 auto}
.leasing-banner-card .webiolinkkipainike {margin-top:0; background:#1f2d53; padding:8px 60px}
.leasing-banner-card section:last-of-type {justify-self:center;}

@media screen and (max-width:1024px) {.leasing-banner-card{background:url(../img/header/leasing-bg.jpg) center right no-repeat; background-size:cover;text-align: center;grid-gap: 1em;}}
@media screen and (max-width:575px) {#pcard-main-content {padding-top: 1em;}}

/* Mobile tags*/
#mobilemenu-container {height:var(--mobilemenu-container-height);background: #243561}.mean-bar::before{right:unset; left:10px}
#mobile-logo {display:none;position: absolute;top: 13px;left: 60px;z-index: 50000}
#mobilelogo-img { max-width: 160px;height: auto;padding: 0px 0px 0 0em}
@media screen and (max-width:1024px) {#main-nav, #logo, footer nav, footer ul, #sidenavi, #navi-wrap,#top-navi {display: none}}
@media screen and (max-width:375px) {#mobilelogo-img {max-width: 140px;}#mobile-logo {top: 15px;}}

/* 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-sizing: border-box;cursor: pointer;margin-top: 20px;display: inline-block;text-align: center;font-size: var(--button-font-size);padding: var(--button-padding);background: var(--button-background);color: var(--button-text-color);font-weight: var(--button-font-weight);width: auto;max-width: var(--max-button-width);text-transform: uppercase}.webiolinkkipainike:hover,.takaisinuutisiin:hover { transition: all .3s ease 0s;-webkit-filter: brightness(110%);filter: brightness(110%);text-decoration: none}.tapahtumat, .tapahtumakalenteri_otsikko, .tapahtumakalenteri_valiotsikko, .uutis_otsikko.tapahtumakalenteri_valiotsikko, .uutis_otsikko, .nostettumoduli, .nostettumoduli a, a.nostouutis_otsikko {color: var(--primary-color);font-size: 1.2rem;display: block;}.acc-news-wrapper .uutis_otsikko{border-top: 1px solid #707070;font-family: var(--google-heading-font);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;}
@media screen and (max-width:1024px) {#solu2613 .pkmyynti-table table ,#solu2613 .pkmyynti-table tbody,#solu2613 .pkmyynti-table tr,#solu2613 .pkmyynti-table td {width: 100% !important; height:auto !important}#solu2613 .pkmyynti-table tr {display: grid;grid-template-columns: 1fr 1fr;}}
@media screen and (max-width:678px) {#solu2613 .pkmyynti-table tr {display: grid;grid-template-columns: 1fr;grid-gap: 2em;}}

/* 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;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;}}

#swlinkit {text-align: center;padding:10px 0;}.swlinkki {font-family:var(--google-font);font-size: 12px;color: #3C4F81; }.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) !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);}.lomake-ve-solu input[type=checkbox] + label:active, .lomake-ve-solu input[type=checkbox]:checked + label:active {box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 1px 3px rgba(0, 0, 0, .1)}.lomake-ve-solu [type=radio]:checked, .lomake-ve-solu [type=radio]:not(:checked) {position: absolute;left: -9999px}.lomake-ve-solu [type=radio]:checked + label, .lomake-ve-solu [type=radio]:not(:checked) + label {position: relative; padding-left: 28px;cursor: pointer;line-height: 20px;padding-bottom: 10px;display: inline-block;color: #666}.lomake-ve-solu [type=radio]:checked + label:before, .lomake-ve-solu [type=radio]:not(:checked) + label:before {content: '';position: absolute;left: 0;top: 0;width: 18px; height: 18px;border: 1px solid #8e8e8e;border-radius: 100%;background: #fff}
.lomake-ve-solu [type=radio]:checked + label:after, .lomake-ve-solu[type=radio]:not(:checked) + label:after {content: '';width: 12px;height: 12px;background: #9ec72a;position: absolute;top: 4px;left: 4px;border-radius: 100%;-webkit-transition: all .2s ease;transition: all .2s ease}.lomake-ve-solu [type=radio]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0)}.lomake-ve-solu [type=radio]:checked + label:after {opacity: 1;-webkit-transform: scale(1); transform: scale(1)}input[type="text"].pmvk, input[type="button"].lpainike { width: auto !important;}@media screen and (max-width:1200px) {.lomake-ve-solu input[type=checkbox] + label::before, .lomake-ve-solu input[type=checkbox]:checked + label::before { margin-bottom: 10px}}tr[id^=lomakerivi] {display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))}input[type=button], input[type=file], input[type=text], textarea {max-width: var(--max-input-width);height:35px;width: 100% !important;box-sizing: border-box;border: 1px solid #8e8e8e}textarea,.lomakenappi_submit, input[type=file] {height: auto}.lomakenappi_submit {-webkit-appearance: none;-moz-appearance: none;appearance: none;color: var(--button-text-color);font-size: var(--button-font-size);width: auto;border: none !important;border-radius: 6px;height: 45px !important;font-weight: 700;margin-top: 10px;line-height: 100%}tr[id^="lomakerivi"] select {border: 1px solid #888 !important;padding: 10px;border-radius: 4px;appearance: auto;-webkit-appearance: auto;-moz-appearance: auto;-ms-appearance: auto; width: auto !important;}.lpainike, .pmvk {width: auto;height: auto}.lomake-ve-solu {padding-bottom: 5px;padding-right: 10px}tr[id^="lomakerivi"] table tr {grid-gap: 2em;display: grid;grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));}tr[id^="lomakerivi"] table { width: 100%;}.rbcb-table tr {grid-gap: 0 !important;}
@media screen and (max-width:575px) {input[type="button"], input[type="file"], input[type="text"], textarea {max-width: unset;}}

 /* Mobilemenu */
.meanmenu-reveal{display:none;font-size:30px!important}.meanmenu-reveal{color:var(--mobilemenu-open-close-color);cursor:pointer;display:block;font-size:1px;font-weight:700;height:47px;line-height:22px;margin-top:0;padding: 8px 10px 0 10px;position:absolute;text-decoration:none;text-indent:-9999em;top:4px;width:39px;}.meanmenu-reveal.meanclose {padding: 12px 12px 4px 12px;}.meanmenu-reveal span{background:var(--mobilemenu-button-background);border-radius:2px;display:block;height:6px;margin-top:4px;line-height:100%!important}.mean-nav{float:left;width:100%;margin-top:var(--mobilemenu-container-height)}.mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}.mean-nav li a{display:block;float:left;font-weight: 700;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; line-height:140%}.mean-nav ul li li a{width:82%;padding:10px 10% 10px 8%;background:var(--mobilemenu-submenu-background)!important;visibility:visible}.mean-nav ul li li li a{width:78%;padding:10px 10% 10px 12%;background: #152652 !important;}.mean-nav ul li li li li a{width:76%;padding:10px 10% 10px 14%;background: #00032F !important;}.mean-nav ul li li li li li a{width:73%;padding:10px 10% 10px 16%;background: #152652 !important;}.mean-nav ul li{position:relative;float:left;width:100%}.mean-nav a.mean-expand{background:var(--mobilemenu-expand-button)!important;border:medium none;border-radius:3px;color:#243561;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;}

/* 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;}

/* 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;z-index:0}.tns-normal,.tns-fadeOut{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: none;background: #d5d5d5;margin:0 2px}button.tns-nav-active {background: #e5a854;}/*#sourcemaps/tiny-slider.css.map*/

/*# sourceMappingURL=sourcemaps/tiny-slider.css.map */