/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/poppins-v15-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/poppins-v15-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}

/* poppins-500 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../fonts/poppins-v15-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/poppins-v15-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: swap;
}

/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/raleway-v22-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/raleway-v22-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
      font-display: swap;
}

/* raleway-600 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../fonts/raleway-v22-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/raleway-v22-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
      font-display: swap;
}

/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/raleway-v22-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/raleway-v22-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
      font-display: swap;
}

/* raleway-800 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('../fonts/raleway-v22-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/raleway-v22-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
      font-display: swap;
}
body,html,p{margin:0;padding:0; line-height:160%; font-size:1.1rem}body,html{font-family: 'Raleway', sans-serif;}body{font-size:calc(1rem + .1vw);line-height:calc(1rem + .1vw)}#tkbg {background:#f7f7f6 url(../img/header/sitebg.jpg) left top repeat-x;display: flex;flex-direction:column;}h1,h1 a,h2,h2 a,h3,h3 a,h4,h4 a,h5,h5 a,h6,h6 a{margin:0;padding:0;line-height:110%; font-weight:700;color:#004288}h1,h1 a{font-size:2.4rem;color:#fff}#tr-etusivu-header {color:#004288}h2,h2 a{font-size:1.675rem;}h3,h3 a{font-size:1.8rem; color:#91c6ff}h4,h4 a{font-size:1.5rem}h5,h5 a{font-size:1.4rem}h6,h6 a{font-size:1.25rem}article,div,footer,header,section{box-sizing:border-box}.content-col,.center-col {width:100%; clear:both; position: relative;}.center-col {max-width:1600px; margin: 0 auto}img {max-width: 100%;height: auto}.erikoiskuva,.kuva,.kuva2{border:0;outline:0;max-width:100%;height:auto;display:block;margin:0;cursor:pointer}a{color:#004288;text-decoration:none}picture{width:100%}.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:2em 3em;clear:both; position: relative;}.nogap{grid-gap:2em 0;}.dgrid-2-cols {grid-template-columns: repeat(2, 1fr);}.dgrid-3-cols {grid-template-columns: repeat(3,1fr)}.dgrid-s-m-s-cols {grid-template-columns: 1fr 2fr 1fr}.dgrid-s-xl-cols {grid-template-columns: 1fr 3fr}.abs-element {position: absolute;z-index: 200;max-width:100%; flex-direction:column; display:flex; width:80%; flex-wrap:wrap;}.dflex {display: flex;flex-wrap:wrap; flex-direction:column;}.center-elements {align-items: center; justify-content: center}.colpadding {margin-bottom: 2em;}header.content-col{position:relative; z-index:2; background:#004288}#mainheader{grid-template-columns: 2fr 5fr 1fr 1fr;}#navi-wrap{background:#fff;border-bottom: 1px solid #000;}#main-navi, #top-navi, #footernavi {margin: 0 auto;padding:0;list-style: none;  z-index:2; position: relative; flex-direction:row; width:100%;}#logoimg { max-width:50%; margin:0 auto; float:none; display:block; height:auto; padding:40px 0;}.naviblock {flex:1; text-align:center;}.koti-ikoni {flex: 0 1 auto;}.mainnavi-link,.topnavi-link, .footerlink {padding:10px 20px;font-size: 1.111rem;font-weight: 500;text-decoration: none;color: #4a4a4a;display:block;}.topnavi-link {color:#fff; padding:40px 0; font-weight:400; font-size:1.2rem;display: flex;justify-content: flex-end;align-items: center;}.navi-icon {padding-right: 10px;}.mainnavi-link{padding:25px 15px; white-space: nowrap;font-size:1rem;border-left: 1px solid #000;}.lastlink {border-right: 1px solid #000;}#logolink {padding:0}#footerlogo { max-width:30%; margin:0 auto; float:none; display:block; height:auto; padding:20px 0;}.footerlink {color:#000;text-shadow: none}.mainnavi-link:hover, .topnavi-link:hover, .footerlink:hover {color: #c6c6c6;}#link-sel-1-2, #link-sel-2-3, #link-sel-3-4, #link-sel-4-5, #link-sel-5-6, #link-sel-6-7, #link-sel-7-10 {background: #c5dcf6;text-decoration: none}.heroimg{position:relative;}#main-heroimg {display:block; width:100%; height:auto;}.shadow {text-shadow: 2px 2px 4px rgba(237,127,97,0.8);}.centered {text-align:center;}.narrow-col{max-width:1200px;}

#logo a::after {display: block;color: #fff;font-family: 'Raleway';font-weight: 700;font-size: 14px;content: "jo vuodesta 1974 saakka";padding-left: 82px;}
@media screen and (max-width:1660px) {.center-col {max-width: 1400px}h1,h1 a{font-size:1.8rem}h3,h3 a{font-size:1.75rem}h4,h4 a{font-size:1.5rem}h5,h5 a{font-size:1.25rem}}
@media screen and (max-width:1440px) {.center-col {max-width: 1200px}#logo a::after {padding-left: 55px;}}@media screen and (max-width:1280px) {.center-col {width: 90%;margin: 0 auto}#logo a::after {padding-left: calc(23% - 1vw);}.topnavi-link{font-size: 1rem;}.navi-icon{max-width:25px;}h1, h1 a {
font-size: 1.5rem;}h2,h2 a{font-size:1.3rem}}@media screen and (max-width:1024px) {#tkbg {padding: 4em 0;}#tkbg.tk-bg-tuotesivu{padding:2em 0}.dgrid-2-cols {grid-template-columns: 1fr;}#mobile-logo {display:block !important}#main-heroimg {object-fit:cover;height:50vh;}}@media screen and (max-width:860px) {body{line-height:calc(1rem + 1vw)}}@media screen and (max-width:768px) {#herotext {width:90%;right:0; left:5%;text-align:center;}.dgrid-4-cols, .dgrid-3-cols{grid-template-columns: 1fr}h2,h2 a{font-size:1.5rem}h3,h3 a{font-size:1.3rem}h4,h4 a{font-size:1.2rem}h5,h5 a{font-size:1.2rem}}@media screen and (max-width:575px) {body,html{font-size:1rem}#main-heroimg  {object-fit:cover;height: 30vh; width:100%}.dgrid-2-cols {grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));}}@media screen and (max-width:480px){body{line-height:calc(1rem + 1.2vw)}h1,h1 a{font-size:1.5rem}h2,h2 a{font-size:1.25rem}h3,h3 a{font-size:1.125rem}h4,h4 a{font-size:1.05rem}h5,h5 a{font-size:1.05rem}h6,h6 a{font-size:1.05rem}}@media screen and (max-width:375px){h1,h2,h3,h4,h5,h6{word-wrap:anywhere}}@media screen and (max-width:420px) {.dgrid-3-cols {grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));}}	
@media screen and (max-width:480px) {#tkbg.tk-bg-tuotesivu {padding: 0em 0;}}
#mobile-logo a::after {display: block;color: #eef2f7;font-family: 'Raleway';font-weight: 700;font-size: 10px;content: "jo vuodesta 1974 saakka";text-align: center; line-height: 100%}
#logo-50v{margin: 0 auto;display: block;max-width: 200px;}
.whitecol {background:#fff; padding:1em;}
.dtable {display:table;}
#mobilemenu-container {height:81px}

/* Etusivu karuselli - ajankohtaista */
#ajankohtaista-wrapper{background: url(../img/header/top-pattern.jpg) left top repeat-x; background-size:contain}
#etusivu-karuselli, #tr-etusivu-paakuva{position:relative; justify-content:center;}
#etusivu-karuselli img, #tr-etusivu-paakuva img {width:100%; display:block;}
#tr-etusivu-paakuva img {min-height:200px; object-fit:cover;}
.karuselliteksti, #tr-etusivu-paakuva-teksti {width:80%; bottom:10%; left:10%}
.headerbox {font-weight: 300;background: #ff6600;color: #fff;padding: 5px 10px;text-transform: uppercase;display: block;text-align: center !important;width: 100%;font-size: 0.8rem;max-width: 200px;box-sizing: border-box;}.headerbox p{font-weight: 300;font-size: 0.8rem;}.bnr-headerbox{background:#004288; max-width: 250px; min-width: 250px;margin-bottom:20px;}.banner-imgmask {position: absolute;height: 100%; width: 100%;}.whitetext,.whitetext p, .whitetext span{color:#fff}.small-text,.small-text p, .small-text span{font-size:14px;}
#etusivu-karuselli {max-height: 600px;overflow: hidden;}
#etusivu-karuselli img {min-height: 600px;object-fit: cover;}
#etusivu-karuselli h1 {text-shadow: 2px 2px 2px rgba(0,0,0,0.5);}
#sidenavi ul ul {padding: 0% 0 5% 5%;}

@media only screen and (max-width:1280px) {#etusivu-karuselli img, #tr-etusivu-paakuva img {object-fit: cover;height: 400px;}.bnr-headerbox {max-width: 100%;min-width: unset;}#etusivu-karuselli img {min-height: 500px;}#etusivu-karuselli {min-height: 500px;}#ajankohtaisnosto img {max-width: 70%;box-sizing: border-box;margin: 0 auto;}#etusivu-karuselli .colpadding {display:none;}}
@media only screen and (max-width:1024px) {#ajankohtaista-wrapper {grid-template-columns: 1fr !important;padding-top: 20px;}.whitecol {width: 100%;}#etusivu-karuselli img {min-height: 300px;}.karuselliteksti {bottom: 30%;}#etusivu-karuselli .colpadding {display: none;}#ajankohtaisnosto img{margin: 0 auto}  #ajankohtaisnosto {text-align: center;background: #fff;padding: 2em;box-sizing: border-box;} #ajankohtaisnosto h6 {font-size:1.4rem}#etusivu-karuselli {min-height: unset;}}
@media only screen and (max-width:800px) {#ajankohtaista-wrapper {background-size: cover;}#etusivu-karuselli img, #tr-etusivu-paakuva img {height: 300px;}.headerbox {font-size: 0.7rem;}}

/* Endorse ribbon */
#endorse-ribbon {background: #1A5CA2;text-align: center;padding: 10px 0;}
#endorse-ribbon, #endorse-ribbon p, #endorse-ribbon a {color: #fff;font-weight: 700;line-height: 120%;font-size:min(max(1rem, 1.3vw), 20px);}
#top-navi{display: grid;grid-template-columns: 1fr auto;text-align: center;align-items: center;}

@media only screen and (max-width:1024px) {#endorse-ribbon {margin-top: -18px;}#logo-promo{display:none}}
@media only screen and (max-width:575px) {#endorse-ribbon, #endorse-ribbon p, #endorse-ribbon a {font-size: 16px;} .karuselliteksti {bottom: 10%;}}
@media only screen and (max-width:420px) {#endorse-ribbon, #endorse-ribbon p, #endorse-ribbon a {font-size: 14px;}}

/* ----- BANNERS 2 or 3 aside banners ---- */

#bannerinostot {background: #ececec;}

/* Bannerstyle 2 - Text below banner 
@media only screen and (max-width:575px) {#banners-2 .banner{position:relative; padding:2em; background:#vari1;}#banners-2 .banner-wrapper {grid-gap:0;}#banners-2 .banner-wrapper img {min-height: 30vh;}}*/

/* Banners globalstyles - 3 aside banners (DEFAULT) */
.banner-wrapper{position:relative;border-bottom:10px solid #466933; background:#000}
.banner-wrapper .colpadding { display: none;}
.banner{width:80%; bottom:10%; left:10%}
@media only screen and (max-width:1280px) {.banner-wrapper img{min-height:250px; object-fit: cover;}}

@media only screen and (max-width:860px) {.banner-wrapper img {min-height: 160px;}}
@media only screen and (max-width:678px) {.banner-wrapper img {min-height: 120px;}#etusivu-karuselli .headerbox {width: 100%;max-width: unset;}}
@media only screen and (max-width:575px) {#banners-1, #banners-2,#banners-1 .banner-wrapper,#banners-2 .banner-wrapper,#banners-3 .banner-wrapper{grid-template-columns: 1fr} #banners-1 .banner{position:absolute;}#banners-1 .banner-wrapper img,#banners-2 .banner-wrapper img {min-height: 50vh; object-fit:cover}}

/* 2 aside banners */
.banner-2-cols{grid-template-columns:repeat(2,1fr) !important;}
@media only screen and (max-width:1024px) {#banners-2 {grid-template-columns: 1fr;max-width:80%}}
@media only screen and (max-width:575px) {#banners-2 {max-width:100%}}
.bgcolor-wrapper img {opacity:0.7; height:100%}

/* Banner - imgmask (optional) */

.bannermask-img {opacity: 1 !important;max-height: 100%;object-fit: cover;width: 100%; height:100%}

#huolto {background:#004288; margin:4em auto}
#huolto img {width:100%; display:block;}
#tr-etusivu-nostotuotteet.vkfrontpage-18{display:none;} 
@media only screen and (max-width:1440px) {#huolto img {max-width: 90%;margin: 0 auto;}}
@media only screen and (max-width:1024px) {#huolto{grid-template-columns:1fr; grid-gap:0}#huolto img {max-width: 100%;}#huolto .cpadding-l{padding:3em;}#huolto img {max-height: 33vh;object-fit: cover;}#huolto {margin:2em auto}}
@media only screen and (max-width:575px) {#huolto .cpadding-l{padding:2em;}}

/* Paddings */
.cpadding-s{padding:1em}.cpadding-m{padding:2em}.cpadding-l{padding:3em}.cpadding-xl{padding:4em}.cpadding-tb-s{padding:1em 0}.cpadding-tb-m{padding:2em 0}.cpadding-tb-l{padding:3em 0}.cpadding-tb-xl{padding:4em 0}.cpadding-t-s{padding:1em 0 0 0}.cpadding-t-m{padding:2em 0 0 0}.cpadding-t-l{padding:3em 0 0 0}.cpadding-t-xl{padding:4em 0 0 0}.cpadding-b-s{padding:0 0 1em 0}.cpadding-b-m{padding:0 0 2em 0}.cpadding-b-l{padding:0 0 3em 0}.cpadding-b-xl{padding:0 0 4em 0}.cpadding-rl-s{padding:0 1em}.cpadding-rl-m{padding:0 2em}.cpadding-rl-l{padding:0 3em}.cpadding-rl-xl{padding:0 4em}.col-left, .col-right, .col-full, .col-3, .col-3-center {width:100% !important; float:none !important}.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}.dgrid-4-cols {grid-template-columns: repeat(4,1fr);}@media screen and (max-width:1280px) {.dgrid-4-cols {grid-template-columns: repeat(2,1fr)}}@media screen and (max-width:1280px) {.cpadding-s{padding:1em 0}.cpadding-m{padding:3em 0}.cpadding-l{padding:3em 0}.cpadding-xl{padding:4em 0}} @media screen and (max-width:860px) {.cpadding-s,.cpadding-m,.cpadding-l,.cpadding-xl{padding:2em 0}}@media screen and (max-width:1024px) {.cpadding-rl-s{padding:0 0.5em}.cpadding-rl-m{padding:0 1em}.cpadding-rl-l{padding:0 2em}.cpadding-rl-xl{padding:0 3em}.dgrid-m-l-cols {grid-template-columns:1fr;}.dgrid-s-m-s-cols,.dgrid-s-xl-cols,.dgrid-xl-s-cols,.dgrid-l-m-cols {grid-template-columns: 1fr}#logo, #top-navi, #main-nav, footer ul, footer nav {display:none !important;} footer .nogap {grid-gap:0;}.dflex-row{flex-direction:column;}}@media screen and (max-width:480px) {.cpadding-tb-s, .cpadding-tb-m,.cpadding-tb-l, .cpadding-tb-xl{padding:2em 0}.cpadding-t-s,.cpadding-t-m,.cpadding-t-l,.cpadding-t-xl{padding:2em 0 0 0}.cpadding-b-s,.cpadding-b-m,.cpadding-b-l,.cpadding-b-xl{padding:0 0 2em 0}}


/* Footer */
footer {background-image: url(../img/header/footer-bg.png),url(../img/header/top-pattern.jpg);background-position: left top, left top; background-repeat:repeat,repeat-x ; background-size:contain, contain;}
#footer-wrapper { grid-gap:2em 5em}
#footer-some-icons i {font-size: 2.2rem !important;padding: 20px 20px 20px 0;}
#footer-navi, #footer-navi li {list-style:none; margin:0; padding:0; text-align:center;}
#footer-navi li {flex:1;}
#footer-navi li a {box-sizing:border-box;font-size:1.375rem;display:block;font-weight: 700;text-decoration: none;color: #fff;text-transform:uppercase;}
#footernavi-wrapper {background: url(../img/header/alalinkit-bg.png) left top no-repeat; background-size: cover;}
#paytrail-promo-banner {grid-column: 1 / span 2;}
#footer-mainheader {font-size:1.3rem; color:#004288}

@media only screen and (max-width:1024px) {#yhteystiedot, #footer-right {text-align:center;}#yhteystiedot table{width: auto;margin: 0 auto;text-align: left;} #yhteystiedot table td {padding:0 20px}#plinkit a {background: #f60;color: #fff;display: block;max-width: 70%;margin: 0 auto 10px auto;padding: 10px 0; font-size: 0.9rem}#footernavi-wrapper {display:none;}}
@media only screen and (max-width:1660px) {#footer-navi li a {font-size: 1rem;}}
@media only screen and (max-width:1440px) {#footer-navi li a {font-size: 0.9rem;}}
@media only screen and (max-width:1024px) {#footer-wrapper img {width:100%}#paytrail-promo-banner {grid-column: unset;}#yhteystiedot, #footer-right { text-align: left;}#footer-right{display:none;}}
@media only screen and (max-width:860px) {footer {background-size: cover,cover;}}
@media only screen and (max-width:575px) {#footer-wrapper { grid-gap:2em} #yhteystiedot h6 {color:#fff;font-size:2rem; }#yhteystiedot td {font-size: 0.8rem;}}
@media only screen and (max-width:480px) {.selaus_wrapper {padding-bottom: 30px;}}
@media only screen and (max-width:375px) {#plinkit a {max-width: 80%;}}

/* Webio content elements - main */ 
.webiolinkkipainike,.lomakenappi_submit,.takaisinuutisiin{box-sizing:border-box;cursor:pointer;margin-top:20px;display:inline-block;text-align:center;background:#004288;height:auto;color:#fff;padding:10px 10%;font-weight:400;width:auto; text-shadow: none !important}.webiolinkkipainike:hover.takaisinuutisiin:hover{transition:all .3s ease 0s; -webkit-filter: brightness(110%);filter: brightness(110%); text-decoration:none}@media screen and (max-width:480px){.webiolinkkipainike,.lomakenappi_submit,.takaisinuutisiin {display:block; padding:10px 0;}}.valikkolinkki,.valikkolinkki-sel,.valikkomodulilinkki,.valikkomodulilinkki-sel{text-decoration:none;color:#000000; padding:5px 0; display:block; font-weight:500; background: url(../img/header/alanavibg.png) right 10px no-repeat}.valikkolinkki-sel,.valikkomodulilinkki-sel{font-weight:700;}a:hover{text-decoration:underline}
.lomakeotsikko{color:#004288;font-weight:700}.lomakenappi_submit{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#004288;width:auto;border:none;color:#fff;border-radius:6px;font-size:1.1rem;height:35px; font-weight:700; margin-top:10px;}
@media screen and (max-width:1200px) {.lomakeotsikko {margin-bottom:10px;}}@media screen and (max-width:1024px) {table, td, tr {height: auto !important; max-width:100%}}@media screen and (max-width:860px) {.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}}@media screen and (max-width:720px) {.kuva, .kuva2 {padding: 20px 0;float: none;clear: both}}@media screen and (max-width:480px) {.kuva, .kuva2 {max-width: 100% !important;float: none !important;clear: both !important;padding: 20px 0;}}.tapahtumat,.tapahtumakalenteri_otsikko,.tapahtumakalenteri_valiotsikko,.uutis_otsikko.tapahtumakalenteri_valiotsikko{color:#8dd6d2;}.uutis_otsikko,.nostettumoduli,.nostettumoduli a,a.nostouutis_otsikko, nobr{color:#ff6600!important;font-size:1rem; display:block; font-weight:500;font-family: 'Poppins', sans-serif;}.center-col iframe {max-width: 100%;margin: 0 auto !important}
@media screen and (max-width:720px) {.uutis_otsikko, .nostettumoduli, .nostettumoduli a, a.nostouutis_otsikko, nobr {color: #ff6600 !important; font-size: 1.2rem;}}
@media only screen and (max-width:768px) {.uutis_otsikko, .nostettumoduli, .nostettumoduli a, a.nostouutis_otsikko, nobr {font-size: 0.9rem;line-height: 100%;}}
/* Forms */
tr[id^="lomakerivi"] {display:grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}input, textarea_pois_pois_pois {height: 35px;width: 100%!important;box-sizing: border-box; border:1px solid #dedede}textarea_pois_pois_pois{height:auto;}.pmvk, .lpainike {width:auto; height:auto}
/* Styled checkbox - radio */
.lomake-ve-solu input[type=checkbox]+label::before,.lomake-ve-solu input[type=checkbox]:checked+label::before{border-radius:100%}.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:13px}.lomake-ve-solu input[type=checkbox]+label::before,.lomake-ve-solu input[type=checkbox]:checked+label::before{border:1px solid #000;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:6px 10px 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:#9ec72a none repeat scroll 0 0;color:#fff!important;border:none;padding:8px 15px 0 7px}.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;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 #ddd;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)}@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}}
/* Image gallery */ 
.kuvagalleriagrid {display: grid;grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));grid-gap: 1em;}.kuvagalleriakuvatausta {width: 100% !important;height: auto !important;margin: 0 !important; }.kuvagalleriakuvatausta img {width: auto;max-width: 100% !important;object-fit:unset;padding: 0 !important;}#semio-logot {text-align:center;}.semiologo {display:inline; float:none; padding:10px 0 0 0}@media screen and (max-width:1024px) {.semiologo {max-width:40px; padding-top:40px}}
/* MOBIILIVALIKKO */
#main-navi-resp,#mobile-logo{display:none}@media screen and (max-width:1024px){#mobilemenu-container, #main-navi-resp {display:block !important;}#mobile-logo{display:block;position:absolute;top:0;left:80px;z-index:50000}#mobilelogo-img{max-width:180px;height:auto;padding: 14px 0 0 0em;}.mean-bar::before{color:#fff!important;content:"VALIKKO";top:41px;width:auto;height:auto;left:10px;position:absolute;z-index:2;font-size:10px!important;line-height:100%!important}#mobilemenu-container::after{right:13px!important}.meanmenu-reveal{display:none}.meanmenu-reveal:after{color:#000;font-size:10px!important;top:65px;width:50px;height:50px}.meanmenu-reveal.meanclose{height: 45px;padding-top:10px;left: 0;font-size: 28px !important;margin-top: 0;}.mean-bar{background:#004288;float:left;width:100%;position:relative;top:0;padding:0;min-height:42px;z-index:999;height:63px}.meanmenu-reveal{color: #fff;cursor: pointer;display: block;font-size: 1px;font-weight: 700;height: 41px;line-height: 22px;margin-top: 0;padding: 8px 10px;position: absolute;left: 0;text-decoration: none;text-indent: -9999em;top: 0;width: 39px;background: #5791cf;height: 47px;}.meanmenu-reveal span{background:#fff;border-radius:2px;display:block;height:6px;margin-top:4px;color:#000;width:39px;line-height:100%!important}.mean-nav{float:left;width:100%;margin-top:63px}.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% 5px;height:28px;margin:0;text-align:left;color:#fff;border-top:1px solid rgba(255,255,255,.2);text-decoration:none;font-size:14px;background:#004288;font-weight:600;text-transform:uppercase}.mean-nav ul li li a{width:90%;padding:15px 0 6px 10%;background:#004288!important;text-shadow:none!important;visibility:visible}.mean-nav ul li{position:relative;float:left;width:100%}.mean-nav ul li a:hover{background:#004288!important}.mean-nav li a.mean-expand{background:#5791cf !important;line-height:160%;border:medium none;border-radius:3px;color:#fff;font-weight:700;height:25px !important;margin-top:2px;padding:0 4px 4px!important;position:absolute;right:10px;text-align:center !important;top:6px;width:26px !important;z-index:2}.mean-container .mean-push,.mean-nav .wrapper{width:100%;padding:0;margin:0}.mean-container .mean-nav ul li a.mean-expand:hover{background:#000!important}.mean-container .mean-push{float:left;clear:both}.mean-remove{display:none!important}}@media screen and (max-width:575px){ #mobilelogo-img {padding: 11px 0 0 0em;}}@media screen and (max-width:375px){#okfunctions { min-width: unset;}header.content-col {right: 1em !important;}#searchtoggl i {padding: 0px 5px 0 0 !important;}#mobile-logo{display:block;position:absolute;top:0;left:70px;padding-top:11px}#mobilelogo-img {max-width: 140px;padding: 3px 0 0 0em;}#mobilemenu-container::after{right:8px!important}}@media screen and (max-width:290px){#mobilemenu-container::after{right:4px!important}}
.mean-nav ul li li a {background:#002b62 !important;}.mean-nav ul li li li a {width: 86%;padding: 15px 0 6px 14%;background:#002157 !important;}.mean-nav ul li li li li a {width: 82%; padding: 15px 0 6px 18%;background:#00144c !important}
@media screen and (max-width:420px){#etusivu-mainheader {margin-top: 10px;}.headerbox.es-headerbox p {line-height: 120%;}}#mbl-50v-logo {background: #185AA0;}#mbl-50v-logo img {margin:0 auto; max-width:120px; padding:15px 0; display:block;}
/* Alanavi */

#submenupage {grid-column-gap:5%}#sidenavi ul {background:#c5dcf6;padding: 10%;;margin: 0;list-style: none;}@media screen and (max-width:1024px) {#sidenavi,#sidenavi ul{display:none;}}
.fancybox-container {z-index: 230000 !important;}

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