/* titillium-web-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/titillium-web-v15-latin-regular.woff2') format('woff2'); 
}

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

/* titillium-web-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/titillium-web-v15-latin-700.woff2') format('woff2');
}

/* titillium-web-900 - latin */
@font-face {
  font-display: swap;
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/titillium-web-v15-latin-900.woff2') format('woff2');
}

:root {
   --primary-color: #0089d8;
   --secondary-color: #fff;
   --base-font-size: min(max(1rem, 1.05vw), 18px);
   --base-text-color: #000;
   --base-line-height: 160%;
   --google-font: 'Titillium Web', sans-serif;
   --google-heading-font:  'Titillium Web', sans-serif;
   --navilink-font-size: min(max(0.8rem, 1.125vw), 18px);
   --navilink-color: #000;
   --navilink-font-weight: 700;
   --navilink-padding: 10px 20px;
   --navilink-selected-bg: #fff;
   --navilink-selected-color: #000;
   --heading-size-1: min(max(1.8rem, 3.8vw), 4rem);
   --heading-size-2: min(max(1.4rem, 1.9vw), 2rem);
   --heading-size-3: min(max(1.6rem, 3.2vw), 3.4rem);
   --heading-size-4: min(max(1.3rem, 1.7vw), 1.875rem);
   --heading-size-5: min(max(1.3rem, 2.1vw), 2.3rem);
   --heading-size-6: min(max(1.3rem, 2.1vw), 2.3rem);
   --grid-gap: 2em 3em;
   --button-background: #0089d8;
   --button-text-color: #fff;
   --button-font-size: min(max(0.9rem, 1vw), 1rem);
   --button-font-weight: 700;
   --button-padding: 15px 30px;
   --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:#0089d8;
   --mobilemenu-expand-button: #000;
   --mobilemenu-submenu-background: #0891e0;
   --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(40px, 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)} li {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 { position: absolute;z-index: 30; background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%); height:200px}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: #fff; font-weight:700;text-transform:uppercase}h1, h1 a {font-size: var(--heading-size-1);}h2, h2 a {font-size: var(--heading-size-2);}h3, h3 a {font-size: var(--heading-size-3);}h4, h4 a {font-size: var(--heading-size-4);font-weight:600}h5, h5 a {font-size: var(--heading-size-5);font-weight:400;text-transform:none}h6, h6 a {font-size: var(--heading-size-6);font-weigth:600;text-transform:none}picture {width: 100%}section, article, .center-col, .content-col{box-sizing:border-box;}table, td, tr {border-collapse: unset !important}@media screen and (max-width:1024px) {table, td, tr {height: auto !important;max-width: 100%}}@media screen and (max-width:480px) {body {line-height: calc(1rem + 1.2vw)}}@media screen and (max-width:375px) {h1, h2, h3, h4, h5, h6 {word-wrap: anywhere}}

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

/* Grids */
.autogrid,.dgrid-2-cols, .dgrid-3-cols, .dgrid-4-cols, .dgrid-s-m-s-cols, .dgrid-s-xl-cols, .dgrid-xl-s-cols, .dgrid-m-l-cols, .dgrid-l-m-cols, .dgrid-m-s-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-m-s-m-cols {grid-template-columns: 2fr 1fr 2fr}.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-m-s-m-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 */
#main-navi, #top-navi, #footernavi {margin: 0 auto;padding: 0;list-style: none;z-index: 2;position: relative;flex-direction: row;justify-content:flex-end;}#main-navi .naviblock {
  flex: 1;text-align: center;}#footernavi {justify-content:space-around;}#top-navi {justify-content: flex-end;padding-right: 4.5vw;} .mainnavi-link, .topnavi-link, .footerlink {padding: var(--navilink-padding);font-size: min(max(0.9rem, 1.125vw), 18px);font-weight: var(--navilink-font-weight);text-decoration: none;color: var(--navilink-color);display: block;}.footerlink{color:#fff; text-transform:uppercase;}.mainnavi-link {background:#0089d8; text-transform:uppercase; margin:0 5px;}.topnavi-link{color:#fff; font-weight:600; text-transform:uppercase; padding:20px 10px}.mainnavi-link:hover, .topnavi-link:hover, .footerlink:hover {color: #c6c6c6;}#link-sel-1-25, #link-sel-2-26, #link-sel-3-27, #link-sel-4-28, #link-sel-5-12, #link-sel-29-29{color: var(--navilink-selected-color);background: var(--navilink-selected-bg);text-decoration: none}#logo {align-self: flex-end;}#logoimg {max-width: 50%;min-width: 200px;margin: 0 auto;float: none;display: block;height: auto;}#sidenavi ul {background: var(--primary-color);padding: 10%;margin: 0;list-style: none;}.bluelink {color:#0089d8}
@media screen and (max-width:1280px) {.mainnavi-link{padding:10px 10px}#footernavi {justify-content: center;}.footerlink {padding:10px}}
/* General classes, heroimg, banners */
#main-heroimg {width: 100%;}
#herotext-content{max-width:50ch;}
#herotext{z-index:20;padding-top: 100px;}
#herotext-content p {color:#fff; font-size:min(max(1.2rem, 1.2vw), 1.375rem);}
#herotext-content a {color:#0089d8; text-decoration: underline}
#bgmask {position:absolute; z-index:5; left:0; top:0; width:80vw; height:57vw; background: url(../img/header/header-mask.png) left top no-repeat; background-size:contain;}
#subhero #bgmask {height: 49vw;}
#subhero #herotext-content{max-width:100%; text-align: center}
#bgvid {width: 100%;max-height: 900px;object-fit: cover;}
#videomask{position: absolute;bottom: 0;width: 100%;}
#videomask img {width:100%}
picture {position:relative;}
.bgmask-blue,.bgmask-white {position:absolute; z-index:6; height:100%; width:20px;}
.bgmask-blue{background:url(../img/header/bluemaskimg.png) left top repeat-y; right:10px; top:0;}
.bgmask-white{background:url(../img/header/whitemaskimg.png) left top repeat-y; left:10px; top:0}
#subpage-content-wrapper {background:#262626; margin-bottom:1em}
#subpage-content-wrapper p,#subpage-content-wrapper td,#subpage-content-wrapper li {color:#fff}
#subpage-content-wrapper .center-col {position: relative;z-index: 30;}
#subpage-endorse-wrapper{background:#2f2f2f;}
#subpage-endorse-wrapper h4 {color:#0089d8}
#subpage-endorse-wrapper p {color:#fff}
#endorse-wrapper .bgmask-blue{right:0;}
#endorse-wrapper .bgmask-white{left:0;}
.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: var(--primary-color);color: #fff;padding: 5px 10%;text-transform: uppercase;display: inline-block;margin-bottom:20px;}
.bnr {position:relative;} 
.bnr img {width:100%;} 
.bnr a {display: block;width: 100%;}
p.endorse-text {color:#fff;text-transform:uppercase;font-size:min(max(2rem, 2.8vw), 3.0625rem);line-height: 120%; font-weight:700}
#endorse-wrapper{background:url(../img/header/palvelut.jpg) center bottom no-repeat; background-size:cover; position:relative;}
#endorse-wrapper .dgrid-s-xl-cols {padding:11vw 0 7vw 0;grid-gap:2em 6em;position: relative;  z-index: 300;}
#endorse-col-p p{font-size:min(max(1.1rem, 1.2vw), 1.375rem); color:#fff;}
#service-banners .bnr{border:1px solid #0089d8}
#service-banners a {width:100%; display:block}
#service-banners .abs-element {text-align:center;}
#endorse-header h2,#plaser h3 a, #lasercombi h3 a{background:#0089d8; font-size:min(max(1rem, 1.7vw), 1.6rem);padding:10px 40px; color:#000; text-transform: none; text-align: center; max-width: max-content; margin:0 auto;font-weight:600}
#plaser h2,#plaser h2 a, #lasercombi h2,#lasercombi h2 a {font-size: min(max(1.8rem, 2.2vw), 2.6rem);}
#plaser h3 a,#lasercombi h3 a{color:#fff;}
#plaser img,#lasercombi img {max-height:450px;object-fit: cover; min-height:300px;}
#plaser h3,#lasercombi h3 {padding: 10px 5vw;}
#service-banners.dgrid-4-cols{grid-template-columns:repeat(4,1fr)}
footer {background:url(../img/header/footerbg.jpg) center top no-repeat; background-size:cover}
#services .abs-element{right: 10%;left: unset;width: 50%;}
#services .abs-element p{color:#fff}

@media screen and (max-width:1440px) {#services .abs-element{right: 15%;}}
@media screen and (max-width:1024px) {#herotext {bottom: 10%;}#service-banners .dgrid-2-cols {grid-template-columns: 1fr; margin-bottom:20px;}#services{grid-template-columns: 1fr;}#endorse-wrapper{padding: 1em 3em 4em 3em;}#endorse-wrapper .dgrid-s-xl-cols {padding: 4vw 0 7vw 0;}#endorse-col-p p{line-height:140%}.dgrid-m-s-m-cols {text-align: center;}#service-banners.dgrid-4-cols {grid-gap: 0.5em;}.dgrid-m-s-m-cols img {margin:0 auto;}#footer-contact-table tr {display: flex;flex-direction: column;text-align: center;} #footer-contact-table tr td {width:100% !important}#footer-contact{grid-template-columns:1fr}.bgmask-blue, .bgmask-white {width: 10px;}.bgmask-blue{right:5px;}.bgmask-white{left:5px;}picture .bgmask-white, picture .bgmask-blue {display:none;}#subhero #main-heroimg{min-height: 300px;max-height: 50vw;}#subhero #herotext {bottom: 15%;}#subhero #bgmask {width: 90vw;height: 320px;background-position: right bottom;}#subpage-endorse-wrapper table, #subpage-endorse-wrapper tbody, #subpage-endorse-wrapper tr, #subpage-endorse-wrapper td,#rekrytable-element, #rekrytable-element tbody, #rekrytable-element tr, #rekrytable-element td,.cnt-table table, .cnt-table tbody, .cnt-table tr, .cnt-table td {width:100% !important; height:auto !important;box-sizing: border-box;padding: 0;}#subpage-endorse-wrapper table{padding:0 1em}#subpage-endorse-wrapper tr, #rekrytable-element tr,.cnt-table tr {display: flex;flex-direction: column;}#rekrytable-element tr td,.cnt-table tr{margin-bottom:1em; padding:1em 0; box-sizing:border-box}.cnt-table tr td, #subpage-endorse-wrapper td {padding-bottom:1em}#solu1111 table table {padding-bottom: 1em;}.mfp-content{max-width:90% !important}}
@media screen and (max-width:860px) {#service-banners.dgrid-4-cols{grid-template-columns:repeat(2,1fr)}}
@media screen and (max-width:768px) {#subpage-endorse-wrapper table tr {display: flex;flex-direction: column;width: 100%;}#subpage-endorse-wrapper table,#subpage-endorse-wrapper tbody,#subpage-endorse-wrapper tr,#subpage-endorse-wrapper td{width:100% !important; height:auto !important}}
@media screen and (max-width:575px) {#service-banners.dgrid-4-cols{grid-template-columns:1fr}.dgrid-m-s-m-cols img { max-width: 160px;}#service-banners img {max-height: 250px;min-height:250px}#bgvid {min-height:350px}#videomask, #videomask img {height: 100%;}#subpage-content-wrapper .cpadding-rl-xxl {padding: 0 1em;}#subpage-content-wrapper{padding:2em 0 1em 0}.content-col.whpcol.cpadding-tb-xl {padding: 0;}#hkuntatbl table, #hkuntatbl tbody, #hkuntatbl tr, #hkuntatbl td{width:100% !important; height:auto !important;box-sizing: border-box;padding: 0;}#hkuntatbl tr {display: flex;flex-direction: column;}.tunnustukset tr img {max-height: 90px;object-fit: contain;}.tunnustukset tr td img {min-width: unset;}#footerlogot{display: flex;justify-content: center;}.tunnustukset tr td:last-of-type{grid-column:1 / -1; margin-top:10px;}}


/* Rekrysivu */
.whpcol{background:#262626; position:relative;z-index:30}
#header_alasivu_tausta.rekrypk { max-height: 400px;background-size: cover;}

#rekrybgcol {background-size: cover;background: url(../img/header/rekrybg.jpg) center top no-repeat;background-size: cover;}
#rekrybgcol .center-col {width:100%; max-width:1600px}
#rekrybgcol table td table tr {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 2em;}
#rekrybgcol table td table {width:100% !important}
#rekrybgcol table td table tr td{width:100% !important;box-sizing: border-box;}
.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}
#rekry-2-cols{grid-gap: 2em 5em;}

#rekry-2-cols-img img {width: 100%;height: auto;padding:0 !important;}

@media screen and (max-width:1024px) {#rekrybgcol table td table tr {display: grid;grid-template-columns: 1fr 1fr;}#rekrycol-2 .center-col, #rekry-2-cols {margin: 0 auto;padding: 2em;}#rekrybgcol .center-col{padding: 2em 0em; margin: 0 auto}}
@media screen and (max-width:678px) {#rekrybgcol table td table tr {display: grid;grid-template-columns: 1fr;}}
@media screen and (max-width:575px) {#rekrycol-2 .center-col {padding: 2em 1em;}}


 .webiolinkkipainike {cursor: pointer;margin-top: 20px;display: inline-block;text-align: center;padding: 10px 30px; box-sizing:border-box;background: #000;color: #fff;width: auto;max-width: max-content;}.webiolinkkipainike:hover,.takaisinuutisiin:hover { transition: all .3s ease 0s;-webkit-filter: brightness(110%);filter: brightness(110%);text-decoration: none}
#rekrybgcol h2 {max-width: 90%;margin: 0 auto;}


/* 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{object-fit: cover; min-height: 550px;max-height: 50vh;}#herotext-content{max-width:100%} #herotext {bottom: 5%;z-index: 33;}#herotext-content span {display:none;}#bgmask {width: 90vw;height: 60vw;}.bnr img {object-fit:cover; width:100%}#services a {width: 100%;display: block;line-height: 120%;}#herotext-content p{line-height:140%}}
@media screen and (max-width:575px) {#herotext {bottom: 10%;}}
@media screen and (max-width:480px) {#herotext-content {max-width: calc(100% - 1em);margin:0 auto;}}

@media screen and (max-width:575px) {#bgmask {width: 90vw;height: 500px;background-size: 160%;background-position: right top;}#herotext-content h1 {font-size: 1.6rem;}#herotext-content p{line-height: 130%;
  font-size: 1.1rem;}#endorse-wrapper .center-col {width:100%}}
@media screen and (max-width:480px) {#services .abs-element {right: unset;position: relative;order: 2;width: 100%;background: #f7f7f7;padding: 2em;} #services {
padding: 1em;}#services .abs-element h3 a,#services .abs-element p {color:#000}}
@media screen and (max-width:380px) {#services .abs-element {padding: 1em;}}

/* Mobile tags*/
#mobilemenu-container{height:var(--mobilemenu-container-height);position: relative;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: 120px;height: auto;padding: 1em 0px 0 2em}
@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{border-top: 1px solid #707070;font-family: var(--google-heading-font);letter-spacing: 3px;margin: 0;line-height: 120%;font-size:0.9rem; text-transform:uppercase;padding: 20px 0 5px 0}
details{position:relative; display:flex; justify-content:center; align-items:center;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: 15px 60px; max-width:100%}}

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

/* Footerlogot */
.tunnustukset {width: auto !important; margin: 0 auto}
.tunnustukset tr {display:flex;justify-content:center; align-items:center}
.tunnustukset tr td {width:auto !important}
.tunnustukset tr td img {min-width:110px; height:auto;padding:0 10px !important;margin:0 auto}

@media only screen and (max-width: 1000px) {.tunnustukset tr {display:grid; grid-template-columns:1fr 1fr 1fr 1fr; grid-gap:0 1em}.tunnustukset tr td img {max-width:100px; height:auto;padding:0 !important;}}}
@media only screen and (max-width: 700px) {tunnustukset tr {grid-template-columns: 1fr 1fr 1fr 1fr !important}}
@media only screen and (max-width: 575px) {.tunnustukset tr td img {max-width: unset;max-width: unset !important;width: unset;max-height: 120px;}.tunnustukset tr {grid-template-columns: 1fr 1fr !important;}.tunnustukset tr td:last-of-type img {max-height: 40px !important;max-width: unset;}}
@media only screen and (max-width: 420px) {.tunnustukset tr {grid-template-columns: repeat(2,1fr) !important}}

/* YouTube popup */
.mfp-bg,.mfp-container,.mfp-wrap{left:0;top:0;width:100%;height:100%}.mfp-container:before,.mfp-content{display:inline-block;vertical-align:middle}.mfp-bg{z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';height:100%}.mfp-align-top .mfp-container:before,.mfp-loading.mfp-figure,.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}.mfp-content{position:relative;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-gallery .mfp-image-holder .mfp-figure,.mfp-zoom{cursor:pointer}.mfp-zoom{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-close,.mfp-preloader a:hover{color:#fff}.mfp-preloader a{color:#ccc}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}.mfp-figure:after,.mfp-iframe-scaler iframe{box-shadow:0 0 8px rgba(0,0,0,.6);position:absolute;left:0}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-arrow:focus,.mfp-arrow:hover,.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{display:block;top:0;width:100%;height:100%;background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{content:'';top:40px;bottom:40px;right:0;z-index:-1;background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile .mfp-bottom-bar:empty,.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-container,.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}

/* 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: var(--primary-color);font-weight: 700; padding:10px 0;}.lomake-ve-solu input[type=checkbox] {display: none}.lomake-ve-solu input[type=checkbox] + label, .lomake-ve-solu input[type=checkbox]:checked + label {-webkit-appearance: none;display: block;position: relative;height: auto;clear: both;}.lomake-ve-solu input[type=checkbox] + label::before, .lomake-ve-solu input[type=checkbox]:checked + label::before {border-radius: 100%;border: 1px solid #8e8e8e;border-radius: 4px;color: #fff;content: "✓";float: left;font-size: 1.2em !important;font-weight: 700;height: 18px;line-height: 11px;margin-right: 20px;padding: 8px 12px 0 8px;position: relative; width: 9px}.lomake-ve-solu input[type=checkbox] + label::before {content: ""}.lomake-ve-solu input[type=checkbox]:checked + label::before { background: #2a2a2a none repeat scroll 0 0;color: #fff !important;border: none;padding: 8px 15px 0 7px}#suodatin input[type=checkbox]:checked + label,.lomake-ve-solu input[type=checkbox]:checked + label {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;}

 /* 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: 34px;line-height: 22px;margin-top: 0;padding: 6px 10px 0 10px;position: absolute;text-decoration: none;text-indent: -9999em;top: 4px;width: 29px;background: #0089d8;border-radius: 6px;right: 20px !important;top: 15px;}.meanmenu-reveal.meanclose {padding: 6px 10px 0px 10px;font-size: 20px !important;}.meanmenu-reveal span{background:var(--mobilemenu-button-background);border-radius:2px;display:block;height:5px;margin-top:3px;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,.2);text-decoration:none;font-size:14px;background:var(--mobilemenu-link-background);text-transform:uppercase}.mean-nav ul li li a{width:90%;padding:10px 5% 10px 8%;background:var(--mobilemenu-submenu-background)!important;visibility:visible}.mean-nav ul li{position:relative;float:left;width:100%}.mean-expand{background:var(--mobilemenu-expand-button)!important;border:medium none;border-radius:3px;color:#fff;font-weight:700;line-height:100% !important;height:20px!important;margin-top:3px !important;padding:3px 4px 4px!important;line-height: 120%;position:absolute;right:10px;text-align:center!important;top:6px;width:23px!important;z-index:2}.mean-remove{display:none!important}#main-navi-resp{display:none}@media screen and (max-width:1024px) {#mobilemenu-container, #main-navi-resp {display: block !important;}#mobile-logo {display: block;}}.acc-news-wrapper {padding: 20px 20px 10px 20px;border-top: 1px solid #707070;font-family: var(--google-heading-font);letter-spacing: 3px;margin: 0;line-height: 120%;font-size:0.9rem; text-transform:uppercase}

table.resp-table, .resp-table tbody,.resp-table tr, .resp-table td{width:100% !important; height:auto !important; box-sizing:border-box;} .resp-table tr {display:grid; grid-template-columns:repeat(auto-fit, minmax(200px,1fr)); grid-gap:0em;} @media screen and (max-width:575px) {.resp-table tr {display:grid; grid-template-columns:1fr; grid-gap:0em;}} 



/* Soittopainike */
#phonecontact{display:none;}
@media only screen and (max-width:575px) {#phonecontact {display:block !important}#phonecontact a {line-height:100%;}#phonecontact img{max-width:16px; height:auto; margin: 0 auto; padding-bottom: 5px; }#phonecontact{line-height:100%;position: fixed; box-sizing:border-box; text-align:center;border-radius:4px;padding: 8px 12px 8px 12px;z-index:2000000;right: 10px;bottom: 10px;background:#0089d8;height: auto;width: auto;display: flex !important;justify-content: center;align-items: center;flex-direction: column;}#phonecontact a::after {content: "Soita";display: block;line-height:100%;font-size: 10px;text-transform: uppercase;color:#fff;}}

/* EU support */
#solu1111 #uutinen21 {padding: 2em;background: rgba(0,0,0,.6);border-radius: 10px;margin-bottom: 2em;border: 1px solid #0f5077;box-sizing:border-box;}

/* Whistleblowing form */
#webiolomake_30_1_1 input[type="radio"], #webiolomake_30_1_1 input[type="checkbox"], #webiolomake_30_1_1 label {color: #fff;}
#webiolomake_30_1_1 .lomake-ve-solu input[type="checkbox"] + label::before {background: #fff;}
#webiolomake_30_1_1 .lomake-ve-solu input[type="checkbox"]:checked + label::before {background: #9ec72a !important;}
#solu_30_1_1 {color: #fff;}
label#optionitem-14{visibility:hidden}
label#optionitem-14::before {visibility: visible;}