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

/* bodoni-moda-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: 'Bodoni Moda';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/bodoni-moda-v28-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

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

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

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

/* work-sans-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: 'Work Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/work-sans-v24-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
      --primary-color: #ff4304;
      --base-font-size: clamp(1rem, 1.1vw, 18px);
      --base-font-color: #000;
      --base-line-height: 160%;
      --google-font: 'Work Sans', sans-serif;
      --google-heading-font: 'Bodoni Moda', sans-serif;
      --navi-background: transparent;
      --footer-navi-background: transparent;
      --navilink-font-size: clamp(0.8rem, 1.125vw, 18px);
      --navilink-color: #fff;
      --navilink-font-weight: 600;
      --navilink-padding: 0px 10px;
      --navilink-selected-bg: transparent;
      --navilink-selected-color: #ff4304;
      --heading-size-1: clamp(2rem, 3vw, 60px);
      --heading-size-2: clamp(2rem, 2vw, 36px);
      --heading-size-3: clamp(1.8rem, 1.5vw, 28px);
      --heading-size-4: clamp(1.6rem, 2vw, 40px);
      --heading-size-5: clamp(1.4rem, 1.4vw, 28px);
      --heading-size-6: clamp(1.4rem, 1.2vw, 24px);
      --grid-gap: 2em 3em;
      --button-background: #ff4304;
      --button-text-color: #fff;
      --button-font-size: clamp(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(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: #131212;
      --mobilemenu-expand-button: #fff;
      --mobilemenu-submenu-background: #292A2A;
      --padding-s: clamp(20px, 1vw, 20px);
      --padding-m: clamp(30px, 2vw, 40px);
      --padding-xl: clamp(40px, 3vw, 60px);
      --padding-xxl: clamp(60px, 4vw, 80px);
       --animate:all .6s ease 0s;
       --footer-background: url(../img/header/footerbg.jpg) center top no-repeat;
       --footer-bg-scale:cover;

 }
body, html, p {margin: 0;padding: 0;font-family: var(--google-font);color: var(--base-font-color);font-size: var(--base-font-size);line-height: var(--base-line-height)} img {max-width: 100%;height: auto;display: block;}header.content-col { position: absolute;z-index: 2;}a {color: var(--primary-color);text-decoration: none; font-weight:500}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:600;}h1, h1 a {font-size: var(--heading-size-1);}h2, h2 a {font-size: var(--heading-size-2);}h3, h3 a {font-size: var(--heading-size-3);}h4, h4 a {font-size: var(--heading-size-4);font-family:var(--google-font)}h5, h5 a {font-size: var(--heading-size-5);}h6, h6 a {font-size: var(--heading-size-6);font-family:var(--google-font)}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(1600px, 100% - 2rem);margin-inline: auto;}.center-col iframe { max-width: 100%;margin-inline: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-nav {display: grid; justify-content: flex-end}#main-navi, #top-navi, #footernavi {padding: 0;list-style: none;margin: 0;z-index: 2;position: relative;flex-direction: row;justify-content:flex-end;width:100%; max-width: max-content}#main-navi{background:var(--navi-background)}#top-navi {justify-content: flex-end;margin-bottom:1em;justify-self: flex-end;} #footernavi{background:var(--footer-navi-background)}.naviblock {display: flex; align-items: center}.naviblock span {color: #ff4304;display: block;font-size: 18px;font-weight: 400;font-family: var(--google-font);padding:0 10px 6px 10px;}.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;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);}.topnavi-link{color:#fff; padding:0 20px; font-weight:500}.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-inline:auto;float: none;display: block;height: auto;padding: 40px 0;}#logo img {margin-inline:auto; max-width:180px; padding:30px 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;}#top-navi .webiolinkkipainike {background: url(../img/header/button-orange.png) center center no-repeat;background-size:100% 100%;text-shadow: none; padding:10px 50px; margin-top:0; margin-left: 20px}.logorotate {animation: logorotate 14800s linear infinite;transform-origin: center;}@keyframes logorotate {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}
.langnavi{position:relative;padding:0 2px;background: #fff;display: flex;justify-content: center;align-items: center;border-radius: 4px;margin-left:20px}
.langnavi a {padding: 0;display: flex;color: #331000;font-size: 14px;font-weight: 700;font-weight:700;width: 35px; justify-content: center; align-items: center;border-radius:4px;}
.langnavi{padding:3px 3px}
a#lang-sel {background:#001621; color:#fff; font-weight:700;}


/* General classes, heroimg, banners */
#main-heroimg {width: 100%;}
.heroimg {position: relative;}
#herotext .center-col {display:flex;justify-content: flex-end;}
.herotext-right {max-width: 45vw; padding-bottom:12vw}
#main-content .abs-element {width:100%; left:0}
.heroimg .herotext-right {padding-right: 20vw;padding-top: 113px;padding-bottom:0}
.heromask.abs-element {top:0; left: 0; width:100%; pointer-events: none; z-index: 1; height: 100%;}
.main-desc {display: flex;justify-content: flex-end;}
.main-desc .herotext-right {padding-right:5vw;max-width: 40vw;}
.heromask img {width:100%; height:100%}
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}
.l-header {font-size:var(--heading-size-1); color:#fff; font-weight:600; font-family:var(--google-heading-font);transition:var(--animate)}
.animatelink {transform: scale(100%);transition: var(--animate)}
.shadow {text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);}
.headerbox {position: relative;top: 0; width: 100%;display: flex;justify-content: center;align-items: center;z-index: 220; max-width: max-content; margin:0 0 1em 0;}
.headerbox p{font-family: var(--google-font);font-weight: 700; background: url(../img/header/headerbox-bg-s.png) center center no-repeat;background-size:100% 100%;color: var(--primary-color);text-shadow: none;display: block;max-width: max-content;padding: 10px 3vw;text-align: center;text-transform: uppercase;}
.whitebox-headerbox p {background:#fbefe3; color:#001621}
.whitebox{grid-gap: 0 3em;}
.whitebox .headerbox {align-items: self-end;}
.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 */
.pastel-wrapper {background:#fbefe3 url(../img/header/lines.png) center top no-repeat; background-size: 100% 100%;}
.line-wrapper{background:url(../img/header/bg-curves.svg) center top no-repeat; background-size: cover}
footer {background:var(--footer-background); background-size: var(--footer-bg-scale)}
.contact-info .dgrid-2-cols section{display: flex; flex-direction: column; align-items: center;}
.footer-header {font-size:var(--heading-size-3); font-family:var(--google-heading-font); font-weight:600; color:#ff4304; text-transform: uppercase}
.abs-element.abs-top {top:10%}
.abs-element.abs-bottom{bottom:10%}
.henri-intro h3{font-size:clamp(1.2rem, 1.4vw, 24px);line-height:140%}
#subpage-gallery .modulikuvausteksti {max-width:800px;padding:4em 2em; margin:0 auto}
.ytshort iframe {aspect-ratio: 3/4;height: auto;}
#some-icons {display:flex;gap:20px}
#some-icons p {padding-right:10px}
#main-content.subpage-content-wrapper :is(p) {color: #001621;}
#main-content-subpage .dgrid-2-cols {align-items:center; justify-content:center;}
.partner-bg-box {display:flex; justify-content: center; align-items:center;}
.partner-bg-box p {font-size:clamp(1.2rem, 1.2vw, 20px); font-weight:500; text-transform:uppercase;color:#ff4304 !important;max-width:max-content;background:url(../img/header/partner-header-bgblock.png) left center no-repeat; background-size:cover; min-width: 200px;padding: 5px 60px 5px 130px;}


/* Frontpage -> Hero section */
#herotext .content-col {display: flex;justify-content: flex-end;}
.fronthero.abs-element {width:100%; display: flex;justify-content: flex-end;}
.fronthero .herotext-right {text-align: center;display: flex;flex-direction: column; align-items: center;}
.regognitions {display:flex; gap:20px}
.regognitions img {max-width:6.5vw; min-width:80px}
.front-intro {background: #455c6e;}

/* Frontpage -> Henri introduction */
#henri-introduction :is(p, h2, h3, h4), #main-content :is(h1, p) {color:#fff}
.henri-bio {bottom:5%}

/* Frontpage and subpage - Customer stories */
.customer-stories .col-full {margin-bottom:0}
.customer-stories .dgrid-4-cols p,.customer-stories .dgrid-3-cols p,.customer-stories .dgrid-2-cols p {padding:var(--padding-xl) var(--padding-m); font-size: clamp(1.2rem, 1.1vw, 20px); font-family: var(--google-heading-font);line-height: 140%; font-weight: 500; color:#fff;}
.customer-stories .dgrid-3-cols p,.customer-stories .dgrid-2-cols p {padding:var(--padding-m) var(--padding-xxl); }
.customer-stories .dgrid-4-cols,.customer-stories .dgrid-3-cols, .customer-stories .dgrid-2-cols {grid-gap:1em}
.customer-stories .dgrid-4-cols article,.customer-stories .dgrid-3-cols article,.customer-stories .dgrid-2-cols article{border-radius:2vw 0 2vw 0;  background: #455c6e;}
.customer-stories .dgrid-4-cols article:first-of-type, .customer-stories .dgrid-4-cols article:last-of-type,.customer-stories .dgrid-3-cols article:first-of-type, .customer-stories .dgrid-3-cols article:last-of-type,.customer-stories .dgrid-2-cols article:first-of-type, .customer-stories .dgrid-2-cols article:last-of-type {border-radius:0 2vw 0 2vw}
.customer-stories-subpage {align-items: center;}
.customer-stories-subpage .customer-stories article{display: flex; flex-direction:column;justify-content: center; height:100%}
.customer-stories-subpage .customer-stories, .customer-stories-subpage .customer-stories > div, .customer-stories-subpage .dgrid-3-cols {height:100%}
.stories-abs {width: 100%;padding: 4em 4em 2em 4em;box-sizing: border-box;background: #000;background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 100%);left: 0;bottom: 0; height:auto; display:flex; align-items: flex-end;}
.customer-stories-subpage .col-full {margin-bottom:0}
.stories-abs-img img {border-radius:2vw 0 2vw 0;}
.stories-abs {border-radius:0 0 2vw 0;}
.stories-abs.abs-element div{display: flex;align-items: flex-end;flex-direction: column;text-align: left;  justify-content: flex-end;}

/* Frontpage - Image carousel*/
.img-carousel img {height:100%; width:100%; object-fit: cover}

/* Frontpage -> Events */
#events {background:#020d11}

/* Brands table */
.partner-logos {background: url(../img/header/headerbox-bg.png) center center no-repeat;background-size:100% 100%;}
.brands-table img {margin: 0 auto;max-width: 8vw;min-width: 80px;max-height: 5vw;height: auto;width: auto;object-fit: contain;}
.brands-table {max-width:75%}.brands-table, .brands-table tbody,.brands-table tr, .brands-table td{width:100% !important; height:auto !important; box-sizing:border-box} .brands-table tr {display:grid; align-items: center;grid-template-columns:repeat(auto-fit, minmax(120px,1fr)); grid-gap:1em;} 

@media screen and (max-width:1660px) {#events .abs-element {width: 96%;}#main-content-subpage .center-col {padding: var(--padding-xl);box-sizing: border-box;}}
@media screen and (max-width:1280px) {#main-content .fwimg {min-height: 850px;object-fit: cover}.main-desc .herotext-right {max-width: 50vw;}}
@media screen and (max-width:1024px) {#main-content.front-intro .abs-element:first-of-type {order: 2;position: relative;margin-top: -100px;width: 90%;max-width: unset;padding-bottom: 3em;}#main-content.front-intro .fwimg {order: 1;object-position: left;min-height:400px}#main-content.front-intro .herotext-right{max-width: 100%;padding-right: 0;padding-bottom: 50px;}.headerbox p {padding: 10px 50px;}#henri-introduction {grid-template-columns: 1fr;}.customer-stories {order: 2;}#events .dgrid-2-cols {grid-template-columns: 1fr;margin-top: -100px;text-align: center;}#events .abs-element {width: 100%;position: relative;order: 2;}#events .headerbox {margin: 0 auto 2em auto;}.events-right { max-width: 75%; margin: 0 auto;}#events {background: #020d11;padding-bottom: 3em;}footer .abs-element {position: relative;}footer {padding: var(--padding-xxl) 0;}footer .fwimg{display:none}.abs-element.abs-top img {margin: 0 auto;max-width: 30vw;min-width: 180px;}.abs-element.abs-bottom {bottom: 10%;padding-top: 61vw;}footer > section{background: rgba(0,0,0,.7);}footer {padding-bottom: 0;}}
@media screen and (max-width:800px) {.partner-logos {background: #001621;}}
@media screen and (max-width:768px) {#main-content-subpage .dgrid-2-cols {grid-gap: 0 2em;}#main-content-subpage .dgrid-2-cols .col-left {order:2; padding:1em 0}#main-content-subpage .dgrid-2-cols .oddcol-img{order:1; padding-bottom:0}#main-content-subpage .dgrid-2-cols .oddcol-text{order:2; padding:1em 0}}
@media screen and (max-width:678px) {.fronthero-wrapper #main-heroimg {min-height: 100vh; 100svh; min-height:500xp}.fronthero-wrapper .l-header {font-size: 4rem;line-height: 100%;margin-bottom: 20px;}.fronthero .herotext-right {text-align: center;display: flex;flex-direction: column;align-items: center;padding: 0 1em 0 1em;max-width: 100vw;margin: 0 auto;box-sizing: border-box;}.regognitions {max-width: 90%;flex-wrap: wrap;justify-content: space-around;}.regognitions img{max-width: 60px}.fronthero.abs-element {bottom:10%;}.karuselli-content .l-header {font-size: 6rem;line-height: 100%;color: rgba(255,255,255,.7);}}
@media screen and (max-width:575px) {.brands-table tr {display:flex; flex-wrap:wrap;grid-template-columns:1fr 1fr; grid-gap:1em;}.brands-table, .brands-table tbody, .brands-table tr, .brands-table td {flex: 1;}.brands-table img {/*max-width: unset;min-width: 120px;*/max-height: 9vw;}.partner-logos {background-size: cover;width:100%}.customer-stories .dgrid-4-cols article,.customer-stories .dgrid-3-cols article,.customer-stories .dgrid-2-cols article {border-radius: 4vw 0 4vw 0;}.customer-stories .dgrid-4-cols article:first-of-type, .customer-stories .dgrid-4-cols article:last-of-type,.customer-stories .dgrid-3-cols article:first-of-type, .customer-stories .dgrid-3-cols article:last-of-type,.customer-stories .dgrid-2-cols article:first-of-type, .customer-stories .dgrid-2-cols article:last-of-type {border-radius:0 4vw 0 4vw}#events .dgrid-2-cols {margin-top: -20px;grid-gap:2em} #events .headerbox {margin: 0 auto 0em auto;}#main-content-subpage .center-col {padding: var(--padding-m) 0;}.stories-abs-img img {border-radius:4vw 0 4vw 0;}.stories-abs {border-radius:0 0 4vw 0;}#events table {padding-top: 2em;}.partner-bg-box p {font-size: 1rem;padding: 5px 20px 5px 70px;}.partner-bg-box{justify-content: flex-end;width:100%}}
@media screen and (max-width:480px) {.henri-bio {bottom: unset;position: relative;padding-bottom: 3em;text-align: center;padding-top: 2em;} .henri-bio p, .henri-bio h2, .henri-bio h3, .henri-bio h4{color: #000 !important;}.karuselli-content .l-header{font-size:5rem}.regognitions img {min-width: 60px;}}
@media screen and (max-width:420px) {.karuselli-content .l-header{font-size:4rem} .fronthero-wrapper .l-header {font-size: 2.8rem;}}

/* 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: 160px;height: auto;padding: 10px 0px 0 1em;filter: invert(1);}
@media screen and (max-width:1024px) {#main-nav, #logo, footer nav, footer ul, #sidenavi {display: none}}

/* Paddings */
.cpadding-s{padding:var(--padding-s)}.cpadding-m{padding:var(--padding-m)}.cpadding-xl{padding:var(--padding-xl)}.cpadding-xxl{padding:var(--padding-xxl)}.cpadding-tb-s{padding:var(--padding-s) 0}.cpadding-tb-m{padding:var(--padding-m) 0}.cpadding-tb-xl{padding:var(--padding-xl) 0}.cpadding-tb-xxl{padding:var(--padding-xxl) 0}.cpadding-t-s{padding-top:var(--padding-s)}.cpadding-t-m{padding-top:var(--padding-m)}.cpadding-t-xl{padding-top:var(--padding-xl)}.cpadding-t-xxl{padding-top:var(--padding-xxl)}.cpadding-b-s{padding-bottom:var(--padding-s)}.cpadding-b-m{padding-bottom:var(--padding-m)}.cpadding-b-xl{padding-bottom:var(--padding-xl)}.cpadding-b-xxl{padding-bottom:var(--padding-xxl)}.cpadding-rl-s{padding:0 var(--padding-s)}.cpadding-rl-m{padding:0 var(--padding-m)}.cpadding-rl-xl{padding:0 var(--padding-xl)}.cpadding-rl-xxl{padding:0 var(--padding-xxl)}

/* Webio cols classes */
.col-3,.col-full,.col-left,.col-right{width:100%;float:none; margin:0}.col-full, .colpadding{clear:both;margin-bottom:20px;}.center-col .colpadding:last-of-type, .content-col .colpadding:last-of-type {display: none;}

/* Webio content classes */
 .webiolinkkipainike, .lomakenappi_submit, .takaisinuutisiin {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{font-family: var(--google-heading-font);margin: 0;line-height: 120%;font-size:1.1rem; padding: 15px 0 15px 0; font-weight:700}.acc-news-wrapper {padding:0 20px; border-radius:4px; display:flex; flex-direction:column} #main-content-subpage .acc-news-wrapper:nth-of-type(odd){background:#fff} details{position:relative;margin-top:20px;}details:after,details[open]:after{position:absolute; right:1em; top: 15px;font-weight: 700;pointer-events:none}.acc-news-wrapper summary + div {padding: 0 0 2em 0;display: flex;flex-direction:column}#events table tr {margin-bottom: 2em;display: block;margin-bottom: 2em;display: block;background: #001621;padding: 5px;border: 1px solid #ff4304;border-radius: 2px;}#events .nostouutis_otsikko {color: #fff;font-size: 16px;font-weight: 700;font-family: var(--google-font);line-height: 120%;padding: 10px;}#events .nostouutis_paivays{background: #ff4304;border-radius: 2px 0 0 2px;text-align: center;font-family: var(--google-heading-font);color: #fff;display: flex;justify-content: center;align-items: center;padding: 5px;width:100%; box-sizing:border-box;}#events table tr {display: grid !important;margin-bottom: 2em;background: #001621;padding: 5px;border: 1px solid #ff4304;border-radius: 2px;grid-template-columns: 100px 1fr;grid-gap: 10px;margin-bottom: 20px;box-sizing:border-box;}
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:575px) {#events .nostouutis_otsikko{text-align: left;font-size: 12px;line-height: 140%;}#events table tr{grid-template-columns: 60px 1fr;}}

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

/* Kuvakaruselli */
.karuselli-wrapper{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;position:relative;cursor:grab;user-select:none;-webkit-user-select:none}.karuselli-wrapper::-webkit-scrollbar{display:none}.kuvagalleriagrid{display:grid;grid-template-columns:var(--img-gallery-rows);grid-gap:0;grid-auto-flow:column;width:max-content}.kuvagallerikuvatausta img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.karuselli-content:hover .animatelink{transform: scale(140%); transition: var(--animate);}
#subpage-gallery .kuvagalleriagrid{grid-auto-flow: unset;width: 100%; grid-template-columns:repeat(6,1fr)}
#subpage-gallery .kuvagalleriakuvatausta .kuva {aspect-ratio: 16/9; height:100%;min-height: 250px;}
#subpage-gallery .kuvagalleriakuvatausta:nth-of-type(1) {grid-column: 1 /span 2;grid-row: 1/ span 2;}
#subpage-gallery .kuvagalleriakuvatausta:nth-of-type(4) {grid-column: 5/ span 2;}

@media screen and (max-width:1280px) {#subpage-gallery .kuvagalleriagrid{grid-template-columns:repeat(3,1fr)}#subpage-gallery .kuvagalleriakuvatausta:nth-of-type(4) {grid-column: unset;}#subpage-gallery .kuvagalleriakuvatausta:nth-of-type(5) {grid-column: 2/span 2;}}
@media screen and (max-width:575px) {#subpage-gallery .kuvagalleriagrid {grid-template-columns: repeat(2,1fr);}#subpage-gallery .kuvagalleriakuvatausta:nth-of-type(1) {grid-row: 1;}#subpage-gallery .kuvagalleriakuvatausta:nth-of-type(5) {grid-column: unset;}#subpage-gallery .kuvagalleriakuvatausta .kuva { min-height: 180px;}.customer-stories-subpage .erikoiskuva {min-height:500px}}
@media screen and (max-width:480px) {.footer-header {font-size: var(--heading-size-4);}}

/* Semio referencelinks*/
#swlinkit {text-align: center;padding:10px 0;}.swlinkki {font-family:var(--google-font);font-size: 12px;color: #424242; }.swlinkki:hover{color:#06b0a7; text-decoration: none;}

 @media screen and (max-width:678px) {.subpage table, .subpage td, .subpage tr {display: block;width: 100% !important;height: auto; clear: both;box-sizing: border-box}.subpage tbody {width: 100%;display: inline-block}.subpage tr {display: flex;}.subpage tr td {flex:1;}}@media screen and (max-width:480px) {.subpage tr {display: grid;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));}}

/* Forms */
.lomakeotsikko {color: #11233b;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 #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: 100%;}#webiolomake_11_4_1 td, #webiolomake_22_4_1 td {width:100% !important}}


 /* 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 40px;background: url(../img/header/button-orange.png) left top no-repeat;position:absolute;text-decoration:none;text-indent:-9999em;top:4px;width:39px;}.meanmenu-reveal.meanclose {padding: 12px 12px 4px 38px;}.meanmenu-reveal span{background:var(--mobilemenu-button-background);border-radius:2px;display:block;height:6px;margin-top:4px;line-height:100%!important}.mean-nav{float:left;width:100%;margin-top:var(--mobilemenu-container-height)}.mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}.mean-nav li a{display:block;float:left;width:90%;padding:10px 5% 10px 5%;height:auto;margin:0;text-align:left;color:var(--mobilemenu-link-color);border-top:1px solid rgba(255,255,255,.3);text-decoration:none;font-size:14px;background:var(--mobilemenu-link-background);text-transform:uppercase; font-weight:600;}.mean-nav ul li li a{width:90%;padding:10px 5% 10px 8%;background:var(--mobilemenu-submenu-background)!important;visibility:visible}.mean-nav ul li{position:relative;float:left;width:100%}.mean-nav a.mean-expand{background:var(--mobilemenu-expand-button)!important;border:medium none;border-radius:3px;color:#000;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;}
#mobilepalsta-2 {display:flex; justify-content:center;}
#mobilepalsta-2 a {background:#ff4304; color:#fff;flex:1;display:block; width:100%; text-align:center; box-sizing:border-box;padding: 10px;}
.langlink-mbl.leftlink{border-right:1px solid rgba(255,255,255,0.3)}

/* 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;}
#video {width: 100%;min-height: 720px;object-fit: cover;object-position: top;height: 50vw;}
footer {background-color:#000}