@charset "utf-8";
/* CSS Document */
@-ms-viewport {width: device-width;}


html, body {font-size:100%;line-height: 170%;}
body, p {margin: 0;padding: 0;}
body, p, .teksti, td, ul, li, a {font-family: 'Lato', sans-serif; color: #000; font-weight:300;}

a {color: #92b3bd; text-decoration: none;font-weight:700}
a:hover {text-decoration: underline;}


/* <HEADINGS> */

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {margin: 0;font-weight: 700; line-height: 130%}
h1, h1 a, h1 span a {color: #91b3bd; font-size: 2.125rem;padding: 0px 0px 0px 0px;}
h2, h2 a, h2 span a {color: #202624; font-size: 2.125rem;padding: 0px 0px 10px 0px; text-transform: uppercase;}
h3, h3 a, h3 span a {color: #202624; font-size: 1.125rem;padding: 0px 0px 5px 0px;}
h4, h4 a, h4 span a {color: #202624; font-size: 1.625rem;padding: 0px 0px 5px 0px;}
h5, h5 a, h5 span a {color: #202624; font-size: 1.125rem;padding: 0px 0px 5px 0px;}
h6, h6 a, h6 span a {color: #202624; font-size: 1.625rem;padding: 0px 0px 5px 0px;text-transform: uppercase;}

  

.content-col {width: 100%;clear: both;}
.center-col {clear: both;margin: 0% auto;width: 1600px;}
@media only screen and (max-width:1660px) {.center-col {width: 1400px;}}
@media only screen and (max-width:1440px) {.center-col {width: 1200px;} h2 {font-size:1.7rem; padding:0;}}
@media only screen and (max-width:1280px) {.center-col {width: 100%;}#tr-etusivu {width: 90% !important}}
@media only screen and (max-width:1024px) {.center-col {width: 100% !important;margin: 0 auto;}#tr-etusivu {width: 90% !important}}
@media only screen and (max-width:768px) {#tr-etusivu {width: 100% !important}}
.center-col iframe {max-width: 100%;margin: 0 auto !important;}.elmcenter {text-align: center;}.dtable {display: table;}
.content-col img, .center-col img{border: 0;outline: none;max-width: 100%;height: auto;display: block;margin: 0;}
.col-25, .col-33, .col-50, .col-67, .col-75 {float: left; box-sizing: border-box;}.col-25 {width: 25%;}.col-33 {width: 33.3%;}.col-50 {width: 50%;}.col-67 {width: 66.7%;}.col-75 {width: 75%;}
.col-left {width: 49%;float: left;}.col-right {width: 49%;float: right;}.col-full {clear: both;width: 100%;}.col-3 {width: 32%;float: left;}.col-3-center {margin: 0 2%;padding: 0;}
.webio-colpadding {padding:10px 0;}.col-50.mallisto-tuotekortti-kuva .webio-colpadding {padding:0;}
.vpadding-20 {padding:20px 0;}.vpadding-40 {padding:40px 0;}.vpadding-60 {padding:60px 0;}.vpadding-80 {padding:80px 0;}.vpadding-100 {padding:100px 0;}

@media only screen and (max-width:1660px) {.vpadding-60{ padding: 40px 0 !important;}.vpadding-80{ padding: 60px 0 !important;}.vpadding-100{ padding: 80px 0 !important;}}

@media only screen and (max-width:1280px) {html, body {font-size:90%;}  p, div, td, li {font-size:1rem; }}
@media only screen and (max-width:1024px) {.col-left, .col-right, .col-3, .col-25, .col-33, .col-50, .col-67, .col-75{clear: both;float: none; width: 100%;}}
@media only screen and (max-width:720px) {.vpadding-60{ padding: 30px 0 !important;}.vpadding-80{ padding: 40px 0 !important;}.vpadding-100{ padding: 60px 0 !important;}}
@media only screen and (max-width:480px) {.vpadding-60{ padding: 20px 0 !important;}.vpadding-80{ padding: 20px 0 !important;}.vpadding-100{ padding: 20px 0 !important;}}

.dflex {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-wrap:wrap;}
.center-flex {display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: center;justify-content: center;}
.kuva {cursor : pointer;}
a.webiolinkkipainike,a.takaisinuutisiin, .linkboxpainike {margin-top: 20px;display: inline-block;text-align: center; /* vari1 */height: auto;padding: 15px 10%;font-weight: 900;text-transform: uppercase;line-height: 160%;width: auto;background:#202624; color:#91b3bd}
  

a.webiolinkkipainike:hover, a.takaisinuutisiin:hover {opacity: 0.8;filter: alpha(opacity=80);transition: all 0.3s ease 0s;}
img[title="Poista"] {height: auto !important;width: auto !important;}

.verkkokauppanavi {background: #202624;/*display: none;*/margin-bottom: 5px; display:none;height: 64px;}
.verkkokauppanavi .center-col {height:64px;}
.verkkokauppanaviosio {width:100%; height:64px;}

@media only screen and (max-width:1280px) {.verkkokauppanavi, .verkkokauppanavi .center-col, .verkkokauppanaviosio {height: 59px;}}
@media only screen and (max-width:860px) {.verkkokauppanavi, .verkkokauppanavi .center-col, .verkkokauppanaviosio {height: 53px;}}


/* ---- ETUSIVU ----- */
.viiva-blue {float:left; width:49.5%; height:10px; background: #91b3bd;}
.viiva-lila {float:right; width:49.5%; height:10px; background:#202624;}

#logoimg {margin:0 auto; display:block; float:none;max-width:200px}
#logopalsta a {margin: 0 auto;}
#logopalsta {-webkit-box-align:center;-ms-flex-align:center;align-items:center; width:49.5%; margin-right:0.5%;}
.logopalsta-en{padding:20px 0}
/* Ylavalikko */
#top-nav-wrap, #logopalsta {border:1px solid #f5f5f5}
#top-nav-wrap {background:#f5f5f5; float:right; width:49.5%;margin-left:0.5%;}
li#lang-select {padding-left: 20px;visibility: hidden;}
li#lang-select a {display: inline-block;float: left;padding: 0px 10px;font-size: 0.75rem;}
li#lang-select a.lang-sel {background: #91b3bd;color: #202624;}
#top-nav {margin: 0;list-style: none;padding:15px 0% 0 0;display: flex;justify-content: center;}
.top-nav-element {float: left;}
#top-nav a#home {font-size: 1rem;padding: 24px 20px;}
#top-nav a {padding: 20px 8px;font-size: 1rem;font-weight: 700;text-decoration: none;color: #202624;}
#top-nav a:hover {color: #7d7d7d;}
.referenssilinkki {display:none;}

@media only screen and (max-width:1660px) {#top-nav {padding: 15px 0% 0 0;}#top-nav a {padding: 5px 5px;font-size: 14px;}}
@media only screen and (max-width:1440px) {#top-nav a {font-size: 0.9rem;}}
@media only screen and (max-width:1280px) {#top-nav a {font-size: 0.8rem;}#top-nav a#home {font-size: 0.8rem;padding: 10px 10px;}}
@media only screen and (max-width:1024px) {#top-nav-wrap {width:auto; background: none; padding:0; margin:0; border:none;}#top-nav-wrap .col-25 {display:none;}#top-nav{display:none;}#logopalsta {float: none;clear: both;padding: 25px 0 25px 2%;border: none; width:auto; position:relative; z-index:5000}#logoimg { max-width: 126px;}}

@media only screen and (max-width:575px) {#logoimg {max-width: 100px;}#logopalsta {padding: 25px 0 25px 2%;}}
@media only screen and (max-width:420px) {#logoimg {max-width: 100px;}#logopalsta {
padding: 25px 0 28px 2%;}}
/* Paavalikko */

#main-navi { -webkit-align-items: center; align-items: center;display: flex;flex-wrap: wrap; list-style: none; margin:0; padding:0}
#main-navi {width:100%; padding: 0px;color: #000;float: left;margin: 0px auto 0 auto;text-align: center; position:relative;border-bottom: 1px solid #e9e9e9;}s
#main-navi > li {display:block;float:left;width:auto;padding-left:0px;text-align:center; /*-webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto;*/}
#homeicon {width:4% !important;-webkit-box-flex: 0 1 auto; -moz-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto !important;} 
#main-navi > li { flex: 1;}
.ks-kaluste {flex: 0 0 16% !important;}
#main-navi li a {font-size:1rem;color: #202624;text-decoration:none;display:block;float:none; font-weight:500; padding:35px 0px; box-sizing: border-box;}
#main-navi li a {font-weight: 700;}
#main-navi li ul a {font-weight: 500;color: #fff !important;}
#drp-navi li a {font-size:1rem;}
#verkkokauppaicon {background: #202624;padding: 8px 50px;color:#fff; display:inline-block; font-weight:700; margin-top:25px;}
#verkkokauppaicon i {padding-right: 10px;}
#main-navi li a:hover {color:#202624;text-decoration:none; background:#91b3bd}
#link-sel-1-12 a, #link-sel-2-13 a, #link-sel-3-14 a,#link-sel-4-15 a, #link-sel-5-16 a, #link-sel-6-17 a,#link-sel-7-18 a,#link-sel-8-19 a ,#link-sel-9-20 a ,#link-sel-10-23 a  {border-bottom: 10px solid #202624;padding: 35px 15px 25px 15px !important;}

/* Drpmenu */
#main-navi li ul {display:none;}
#main-navi ul {background: #91b3bd; left: 0;margin-top: 0; position: absolute; z-index: 20000000000000000000000; width:100%; box-sizing: border-box;padding:10px 0 80px 0;}
#main-navi ul li {float: left;display:block;height:auto; width:16.66%; box-sizing:border-box; padding:0 0 0 3%; text-align:left;}
#main-navi ul li a {display:block;width:90%;border:none;padding:10px 0px; font-size:1rem; line-height:1.2rem; color:#202624}
#main-navi ul ul { left: 100%;top: 0; display:none !important; }
#main-navi li:hover > ul {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;text-align: center;flex-wrap: wrap;}

@media only screen and (max-width:1660px) {#main-navi li a {font-size: 0.9rem;padding: 35px 10px;}#verkkokauppaicon {padding: 8px 20%;font-size: 0.9rem;}}
@media only screen and (max-width:1440px) {#main-navi li a {font-size: 0.858rem;padding: 25px 5px;}}


/* Herosisallot */
.hero-element,.hero-img-wrapper {position:relative;}

.hero-img-wrapper img {width:100%; height:100%;}
.watermark-img {width:100%; height:100%; position: absolute; z-index:1; top:0}
.imgtext {justify-content: center;display: flex;align-items: flex-end;color: #fff;position: absolute;top: 0;right: 0;bottom: 0;flex-direction: column;width: 33.33%; z-index:2;}
.imgtext-top{background: #202624; padding:40px;box-sizing: border-box; text-align: left; width: 100%}
.imgtext-bottom{background: #202624; padding:20px 40px;box-sizing: border-box; text-align: left; width:100%; margin-top:10px; }
.herokuva-otsikko,.herokuva-teksti,.herokuva-linkki, .imgtext-top h2, .imgtext-top h2 a,.imgtext-top h3, .imgtext-top h3 a, .imgtext-top h4, .imgtext-top h4 a,.imgtext-top h5, .imgtext-top h5 a, .imgtext-top h6, .imgtext-top h6 a,
.imgtext-bottom p,.imgtext-bottom a, .imgtext-bottom h2, .imgtext-bottom h2 a,.imgtext-bottom h3, .imgtext-bottom h3 a, .imgtext-bottom h4, .imgtext-bottom h4 a,.imgtext-bottom h5, .imgtext-bottom h5 a, .imgtext-bottom h6, .imgtext-bottom h6 a{color:#fff;line-height: 100%;padding: 0;}
.herokuva-teksti, .herokuva-linkki,.imgtext-bottom p,.imgtext-bottom a, .imgtext-bottom h2, .imgtext-bottom h2 a,.imgtext-bottom h3, .imgtext-bottom h3 a, .imgtext-bottom h4, .imgtext-bottom h4 a,.imgtext-bottom h5, .imgtext-bottom h5 a, .imgtext-bottom h6, .imgtext-bottom h6 a {font-size: 1.3rem;width: 100%;display: block; font-weight:700;}
.herokuva-linkki,.imgtext-top a {width: 100%;display: block; font-weight:700;}
@media only screen and (max-width:1280px) {.imgtext {width:50%;}}
@media only screen and (max-width:1024px) {.hero-img-wrapper img { height: 70vh;object-fit: cover;}.imgtext {width:100%; bottom:0; top:auto;}}

@media only screen and (max-width:860px) {.hero-img-wrapper img { height: 50vh;}.imgtext-top {padding: 20px 40px;}}
@media only screen and (max-width:575px) {.hero-img-wrapper img { height: 33vh;}.imgtext {display:block;position: relative;}}

@media only screen and (max-width:1280px) {.mokki-yhteystiedot {max-width: 100% !important;width: 100% !important;}#perussivu-sisalto {width: 90%;margin: 0 auto;}}

/* Etusivu esittely */

#linkbox-wrapper {background: #202624;box-sizing: border-box;}
#ajankohtaistalinkbox {background: #91b3bd;}
.linkbox {display: block;padding: 20px 5% 30px 5%;line-height: 100%; text-align:center;}
.linkboxpainike { font-size: 1rem !important; padding: 8px 3%; margin:20px 0 0 0; text-transform:unset}
#uutuuslinkbox .linkboxpainike {background: #2f3f89;}
#ajankohtaistalinkbox .linkboxpainike {background: #202624;color:#91b3bd !important}
#uutuuslinkbox .linkboxpainike{color: #202624 !important;background: #91b3bd;}
#etusivu-esittely {background:#202624; margin: 1% 0;}
#etusivu-esittely .col-right{text-align:center;}
#etusivu-esittely .col-right img {display: inline;padding: 0 5%; max-width: 40%}
#etusivu-esittely h1 {color:#91b3bd !important}
#tuoteryhma-otsikko-wrapper, #tuotekortti-otsikko-wrapper {background: #202624;}
#uutuuslinkki {background: #91b3bd;}
#uutuuslinkki .webiolinkkipainike {margin:20px auto 40px auto}
#uutuuslinkki .tuoteselaus_levea {background: #fff;}
#uutuuslinkki .vktlsdivi {width: 100%;display: grid !important;grid-template-columns: repeat(auto-fit,minmax(250px,1fr));grid-gap: 1em;}
#uutuuslinkki .vktlsdivi table {width: 100% !important;}

@media only screen and (max-width:1280px) {#etusivu-esittely .center-col {width:90% !important;}}
@media only screen and (max-width:1024px) {#etusivu-esittely .col-right {margin-top:60px;}#etusivu-esittely {margin: 2% 0;}.linkbox {text-align: center;}}
@media only screen and (max-width:480px) {#etusivu-esittely .vpadding-100 {padding: 60px 5% !important;box-sizing: border-box;}#etusivu-esittely .col-right img {padding: 0;max-width: 60%;margin-bottom: 20px;}}

/* Bannerinostot */
.header-element {text-align:center; padding:40px 0 30px 0; margin:0 auto}
.bannerinostot { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 1%; flex-direction:column; margin:1% 0;}
.bannerinostot a.webiolinkkipainike{background:#91b3bd; color:#202624}
.ajankohtaisnostot .bnrsolusisalto img {object-fit: cover;height: 200px;}
#nostokuva-ajankohtaista {display:none;}
.ajankohtaisnostot .banneriteksti::after {content: "Lue lisää ›";display: block;margin-top: 20px;text-transform: uppercase;font-weight: 700;padding: 5px;text-align: center;background:#91b3bd; color:#202624}
.bnrwdt {box-sizing: border-box;position: relative;opacity: 1;flex-direction: column;}
.bnrwdt:hover {opacity: .9;transition: opacity .2s ease-out;-moz-transition: opacity .2s ease-out;-webkit-transition: opacity .2s ease-out;-o-transition: opacity .2s ease-out}
.bnrwdt img {max-width: 100%;height: auto;width:100%;}
.bnrsolusisalto {height: auto;width: 100%}
.banneriteksti {box-sizing: border-box;padding: 20px 60px 20px 40px;width: 100%;z-index: 1;height: auto;flex: 1 0 auto;background: #202624;}
.banneriteksti p {color: #fff;font-weight: 300;font-size: 1rem;line-height: 150%}
.banneriteksti h2, .banneriteksti h3,.banneriteksti h2 a, .banneriteksti h3 a {padding: 0;width: 100%;font-size: 1.444rem;font-weight: 800}
.bnr-sticker img {max-width: 25% !important;position: absolute;right: 5%;top: 5%;}
.ajankohtaisnostot .bnrwdt,.ajankohtaisnostot .bnrwdt:nth-of-type(3n+2){margin-bottom:15px; background: #202624;}

@media only screen and (max-width:1660px) {.banneriteksti p {font-size: 1.4rem;line-height: 120%}.banneriteksti p a{font-size:1rem;}}
@media only screen and (max-width:1280px) {.bnrwdt {flex-direction: column}.bannerinostot h2 {font-size: 1.8rem;line-height: 2rem;text-shadow: none;max-width: 100%}.bannerinostot p {font-size: 1.3rem}}
@media only screen and (max-width:1024px) {.bnr-sticker img {right: auto;top: 5%;left: 5%;}.bannerinostot {grid-template-columns: 1fr;}.banneriteksti {height: auto;float: left;width: 66.7%; position: relative;opacity: 1;}.bnrsolusisalto {
position: relative;width: 33.3%}.bnrwdt, .bnrwdt:nth-of-type(3n+2) {background: #91b3bd;display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: center;justify-content: center;width: 96%;margin: 0 auto 2% auto;flex-direction: row;}}
@media only screen and (max-width:720px) {.bnrwdt, .bnrwdt:nth-of-type(3n+2) {width: 82%;margin: 0 auto 3% auto;float: none;clear: both}.bnrsolusisalto {height: auto;width: 100%}.bnrsolusisalto .erikoiskuva {object-fit: cover;height: 350px!important;object-position: top}.banneriteksti {height: auto; float: left;width: 100%;position: relative;opacity: 1;box-sizing: border-box;padding: 5% 10%;}.bannerinostot p {font-size: 1.6rem;line-height: 170%}.bnrwdt img {max-width: 100%;width: 100%;object-fit: cover;height: 25vh; object-position: center center;}.banneriteksti h2, .banneriteksti h3,.banneriteksti p {
  font-size: 1.2rem;} .header-element {font-size: 1.5rem;}.bnr-sticker img  {left: auto;right: 5%; height:auto;}}
@media only screen and (max-width:520px) {.banneriteksti, .bnrsolusisalto {width: 100%;float: none;clear: both}.banneriteksti {padding: 8% 13% 8% 5%}.center-col {width: 90%!important}.verkkokauppanavi .center-col {width: 100% !important;}#perussivu-sisalto {width: 100%;}#tkmargin {width:100% !important;}}
@media only screen and (max-width:480px) {.bnrwdt {float: none;clear: both}.bnrsolusisalto .erikoiskuva {height: 250px!important}.bannerinostot .banneriteksti {background-size: 30px}.banneriteksti p {line-height: 130%}.bannerinostot h2 {font-size: 1.8rem;line-height: 2rem;}}


.ajankohtaisnostot > .col-full{grid-template-columns: repeat(4, 1fr);display: grid; grid-column-gap: 1%; flex-direction:column; margin:1% 0;}
@media only screen and (max-width:1024px) {.ajankohtaisnostot > .col-full{grid-template-columns: repeat(2, 1fr);}.ajankohtaisnostot .bnrwdt{display:block !important; width:100% !important}.ajankohtaisnostot .bnrsolusisalto, .ajankohtaisnostot .banneriteksti {width:100%}}
@media only screen and (max-width:575px) {.ajankohtaisnostot > .col-full{grid-template-columns: 1fr; grid-row-gap:0px;}.ajankohtaisnostot .banneriteksti {padding: 8% 10% 8% 10% !important;}}

/* Henkilokunta */
.mokki-hkunta {height:auto !important; width:100% !important;}
.mokki-hkunta tr {display: grid !important;grid-template-columns: repeat(6,1fr); height:auto !important}
.mokki-hkunta td {width: 95% !important; text-align: center;text-align: left;}
.mokki-hkunta img {max-height: 225px;width: auto;object-fit: cover;}

@media only screen and (max-width:1280px) {.mokki-hkunta tr {grid-template-columns: repeat(4,1fr);}}
@media only screen and (max-width:1024px) {.mokki-hkunta tr {grid-template-columns: repeat(2,1fr);}}
@media only screen and (max-width:575px) {.mokki-hkunta img {max-height: 120px;}}
@media only screen and (max-width:375px) {.mokki-hkunta tr {grid-template-columns: 1fr;}.mokki-hkunta p {text-align:left !important;}.mokki-hkunta img {max-height: 160px; object-fit:unset;}}
/* Uutiskirjetilaus */

#uutiskirje-wrapper {background:url(../img/header/uutiskirjetilaus.jpg) center top no-repeat; background-size:cover; margin:20px auto}
#uutiskirjecontent {margin:0 auto; float:left;}
#uk-liittyminen {background: #91b3bd;width: 50%;box-sizing: border-box;color: #202624;}

#tt-content {background: #91b3bd;}
#uutiskirje-wrapper i {padding-right: 10px;}
#uutiskirjecontent, #tt-content {padding:40px 5%;}
#uutiskirje-wrapper #tt-content h4 {color:#fff !important}


@media only screen and (max-width:1024px) {#uutiskirjecontent {width: 80%;text-align: center;} #uk-liittyminen {width:auto;}#uk-liittyminen {width:auto;}#uklinkki {margin-top:20px;}}
/* Footer */
#footer-wrapper {background: #212725;}
#yhteystiedot {background: #fff; padding:5% 5%;}
#yhteystiedot p {font-size:1.1rem; font-weight: 500}
#alalinkit a {color:#92b3bd; font-weight:500;}
.fa-facebook-f, .fa-twitter, .fa-instagram {display: inline-block;width: 20px;height: 20px;background: #009dde;padding: 8px;font-size: 1.1rem;color: #fff;margin-right: 5px;text-align: center;}

@media only screen and (max-width:1280px) {#yhteystiedot, #sitemap {clear:both; float:none; width:96%;margin:0 auto}#yhteystiedot {margin:3% auto 0 auto; text-align: center}#yhteystiedot img {display: block; float: none; margin: 0 auto} #alalinkit {display:none;}}
@media only screen and (max-width:1024px) {#sitemap {display:none;}#yhteystiedot {margin:8% auto 8%; width:94%;padding: 12%;}#uutiskirjecontent, #tt-content {padding: 40px 5%;width: 100% !important; text-align:center;}}
	
/* Social media wall */

#somenostot {background:#f5f5f5; margin-top:20px;}
#someicons {padding-top:1em}
#someicons img {display: inline !important;float: none;padding: 0 5px;}
.altotsikko {font-size: 1.625rem;text-align: center;color: #009dde;padding-bottom: 40px;}
#fblink-button {text-align:center;}
#alanavi {background: #91b3bd;}
@media only screen and (max-width:800px) {#fblink-button .webiolinkkipainike {width: 52%;}}
@media only screen and (max-width:480px) {#fblink-button .webiolinkkipainike {width: 85%;}}
/* Fatfooter */

#sitemap {padding:5%;}
.ff_div {width: 25%; box-sizing: border-box; padding:0 2% 20px 2%;}
.ff_ots  {padding-bottom:20px;}
.ff_div a {display: block; width:100%; color:#fff; font-size: 0.9rem; font-weight: 700}
.ff_sivut a {padding:2px 0;}
.ff_sivut a:before {content:"›"; padding-right:10px;}
.ff_ots a{font-weight:700; font-size: 1.1rem; color:#92b3bd;}


@media only screen and (max-width:1280px) {.ff_div {width: 25%;}.ff_div a {font-size:1rem;}.ff_div {width: 33.3%;}}
@media only screen and (max-width:1024px) {#fatfooter .ff_sivut{display:none}.ff_div { padding:0 2% 0px 2%;}}
@media only screen and (max-width:720px) {.ff_div a:after {content:"›"; padding-left:10px;}.ff_ots { padding-bottom: 10px;}}

/* ----- IDEAGALLERIAT --------*/
.ideagalleria-block {box-sizing: border-box;padding: 1% 1%;}
.bluebg-content {background:#81a3ad; padding:3%; box-sizing:border-box; margin-bottom:40px; display:table;}
/* ----- TUOTERYHMAN ETUSIVU ----- */
#tuoteryhma-otsikko-wrapper,#tuotekortti-otsikko-wrapper {background: #202624}
#tuotekortti-otsikko-wrapper {height:277px;}
#tuoteyhma-otsikko{float:right; padding:3% 5%;}
#paaotsikko, #tuoteyhma-otsikko p{color: #91b3bd;}
#tr-etusivu {}
#breadcrump, #breadcrump a {color:#70d4fd; font-size:1.25rem;}
#tuoteyhma-otsikko #breadcrump, #tuoteyhma-otsikko #breadcrump a {color:#fff;}
#trpk {width:100%; height:auto;}
@media only screen and (max-width:1660px) {#tuoteryhma-otsikko-wrapper .vpadding-100{padding:3% 5% !important} #trpk {object-fit: cover;height: 300px;}}

@media only screen and (max-width:1024px) {#tuoteryhma-otsikko-wrapper .vpadding-100 {padding: 5% 5% !important;}}


/*ajankohtaista-subpage-block*/
.ajankohtaista-subpage-block {width:75%; margin:0 auto;}
.ajankohtaista-subpage-block p {font-size:1.2rem;line-height: 160%;}
/* Tuotesuodatus */

#suodatinm {display:none;}
form#suodatin {
width:80%;
}
form#suodatin {
display:none;
    box-sizing: border-box;
    padding: 5%;
    background: #fafafa;
    border: 1px solid #dedede;

}
.ominaisuus_maara {
    color: #989898;
    font-size: 0.9em;
}
span.suodatinotsikko {
display:block;
  font-weight: 600;
border-bottom: 1px solid #d8d8d8;
  padding-bottom:3px;
  margin:10px 0px;
  color: #000!important;
}

.suodatin_ominaisuudet {font-size: 1rem;}

/* Checkboxit */

#suodatin input.radio[type="radio"]:checked + label::before, #suodatin input.radio[type="radio"] + label::before {
    /*border: 2px solid #fff;
    box-shadow: 0 0 0 2px #82b111;
    outline: 1px solid #fff;
    outline-offset: 1px;*/
      border-radius: 100%;
}



#suodatin .radio {
    display: none;
}

/* RADIO */
form[name="fsuodatin"] input[type="checkbox"]:checked + label::before, form[name="fsuodatin"] input[type="checkbox"] + label::before {
    /*border: 2px solid #fff;
    box-shadow: 0 0 0 2px #82b111;
    outline: 1px solid #fff;
    outline-offset: 1px;*/
      border-radius: 100%;
}



form[name="fsuodatin"] input[type="checkbox"] {
    display: none;
}

/* RADIO */

form[name="fsuodatin"] input[type="checkbox"] + label, form[name="fsuodatin"] input[type="checkbox"]:checked + label {
	-webkit-appearance: none;
	display: inline-block;
	position: relative;
    display: block;
    position: relative;
  height:13px;
}



/*form[name="fsuodatin"] input[type="checkbox"]:checked + label::before, form[name="fsuodatin"] input[type="checkbox"] + label::before {
    border: 1px solid #cacece;
    border-radius: 4px;
    color: #ffffff;
    content: "✓";
    float: left;
    font-size: 32px;
    height: 30px;
    line-height: 18px;
    margin-right: 20px;
    padding: 15px 20px 0 10px;
    position: relative;
    width: 15px;
}*/

form[name="fsuodatin"] input[type="checkbox"]:checked + label::before, form[name="fsuodatin"] input[type="checkbox"] + label::before {
    border: 1px solid #cacece;
    border-radius: 4px;
    color: #ffffff;
    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;
}

form[name="fsuodatin"] input[type="checkbox"] + label::before {content:"";}



form[name="fsuodatin"] input[type="checkbox"]:checked + label::before {
    background: #009dde none repeat scroll 0 0;
    color: #fff !important;
    border:none;
  padding:8px 15px 0 7px;
}



form[name="fsuodatin"] input[type="checkbox"]:checked + label {
	color: #009dde;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}

form[name="fsuodatin"] input[type="checkbox"] + label:active,form[name="fsuodatin"] input[type="checkbox"]:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}


@media only screen and (max-width:1024px) {#suodatin {display:none;} #suodatinm {width: 98%;margin: 0 auto;border: 1px solid #dedede;box-sizing: border-box;/*display:flex;*/display: none;flex-wrap: wrap;}.sivuominaisuudet_mobiili {width: 20%;flex:1;float: left;background:#fafafa;box-sizing:border-box; padding:10px;}.sivuominaisuudet_mobiili_otsikko {color: #333;font-weight: 700;}#suodatinm::before {content: "TUOTERAJAUS";background: #fafafa;width: 100%;display: block;padding: 10px;color: #009dde;font-weight: 700;}}
@media only screen and (max-width:768px) {.sivuominaisuudet_mobiili {width: 100%;float: none;clear: both;min-width: 150px;}.sivuominaisuudet_mobiili_select select {width: 100%;height: 35px;border-radius: 6px;border: 1px solid #cdcdcd;}}
.kuvagalleriakuvatausta {height: auto !important;padding: 0 !important;margin: 0 0.5% 1% 0.5% !important; }
#idea-kuvagalleria .kuvagalleriakuvatausta {width: 24% !important;}
.kuvagalleriakuvatausta .kuva {padding: 0 !important; width:100%;object-fit:cover; height:250px; object-position:center center;}
@media only screen and (max-width:1660px) {.kuvagalleriakuvatausta {height: auto !important;padding: 0 !important;margin: 0 1% 2% 1% !important;}#idea-kuvagalleria .kuvagalleriakuvatausta {width: 31.3% !important;}}
@media only screen and (max-width:575px) {.kuvagalleriakuvatausta {height: auto !important;}#idea-kuvagalleria .kuvagalleriakuvatausta {width: 48% !important;}}
#kuvamuokkainpaikka .kuvagalleriakuvatausta {width: 95% !important;}


@media only screen and (max-width:575px) {#somenostot .center-col iframe {height:280px;}}
@media only screen and (max-width:375px) {#somenostot .center-col iframe {height:220px;}}
/* MOBIILIVALIKKO */
#mobihome {display:none;}
#main-navi-resp {display:none;}
#mobile-logo {display:none;}
@media only screen and (max-width:1024px) {
  
  #mbltopnavi, #mobilepalsta {padding:0;background: #91b3bd; display:table;clear:both; width:100%;border-top: 1px solid #fff;}
  #mbltopnavi {padding: 0 7px 0 0;box-sizing: border-box;}
#custom-mobilemenumenu-icon, .mbl-langflag {color:#fff; border-right:1px solid #fff; padding: 10px 20px !important;}
#custom-mobilemenumenu-icon{color: #fff;padding: 10px 20px !important;box-sizing: border-box;display: inline-block;width: auto;}
  .mbl-langflag {float:right; border:none;padding: 10px 0px !important;width:5%; text-align:center;}.mbl-langflag img {margin:0 auto; float:none;}
.custom-mobilemenu-link {text-align: center;border-right: 1px solid rgba(255,255,255,0.3); border-bottom: 1px solid rgba(255,255,255,0.3);color: #fff;display: block;box-sizing: border-box !important;width: 33.3%;float: left;padding: 10px 0;}
  #mobihome{display:block;}
	#mobile-logo {display:block; position:absolute; top:25px; left:25px; z-index:3000}#mobile-logo img { max-width: 110px; height:auto;}
.mean-bar::before {color: #000 !important;content: "VALIKKO";top: 49px;width: 48px;height: auto;right: 1.7%;position: absolute;font-size: 11px !important;line-height:170% !important}
  .en-mbl-navi .mean-bar::before {content: "MENU";text-align: center;font-size: 12px !important;letter-spacing: 0.9px;}
#mobihome a {
    font-size: 1.4rem;
    background: #91b3bd;
    padding: 8px 10px;
    color: #fff;
	margin:0 3px;
	-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;
}
	#mobihome {
		position: absolute;
		top: 27px;
		z-index: 3000000000000;
		color: #fff;
		right: 78px
	}
  
 
  
  
#resp-logo {display: block;left: 2%;position: absolute;top: 14px;width: 90px;z-index: 2000000;}
 	.elm-header, #main-navi-wrap #main-navi, ul#top-navi, #top-navi-wrap{display:none;}
		#main-navi-wrap {position: absolute !important; top: 0px;z-index: 3000;height: auto;background: #fff; width:50%; border:none;}
	.mainimg{background-size: cover !important;height: 300px !important; margin-top:110px;} /* Navibar height */
	#menu-wrapper{display:none;}
  .main-navi-resp {background:#fff;}
 #mobilemenu-container::after {right:13px!important}
	#top-navi-wrap {background:#fff; }
	a.meanmenu-reveal { display:none }
	.mean-container a.meanmenu-reveal:after { color:#202624; font-size:10px !important; top:65px; width:50px; height:50px }
	.mean-container a.meanmenu-reveal.meanclose::after {display:block;margin-left:-2px;margin-top:15px;padding-left:0;text-align:left}
	.mean-container a.meanmenu-reveal.meanclose { height:48px; right:25px !important; width:45px!important; color:#202624; font-size: 32px !important; margin-top: 5px;}
	.mean-container .mean-bar {position: absolute;top: 19px;float:left; width:100%; padding:0; min-height:42px; z-index:999;/*! background: #91b3bd; */ left:0;}
  .menu-logged .mean-bar {top:84px }
.mean-container a.meanmenu-reveal {color: #fff;cursor: pointer;display: block;font-size: 1px; font-weight: 700;height: 48px;line-height: 22px;margin-top: 0px;padding: 12px 10px 0;position: absolute;right: 0.5% !important;text-decoration: none;text-indent: -9999em;top: 4px;width: 52px;}
	.mean-container a.meanmenu-reveal span { background: #202624; border-radius:2px;display:block; height:7px; margin-top:4px; color:#202624; width:45px }
	.mean-container .mean-nav { float:left; width:100%; margin-top: 89px }
	.mean-container .mean-nav ul { padding:0; margin:0; width:100%; list-style-type:none }
	.mean-container .mean-nav ul li { position:relative; float:left; width:100% }
	.mean-container .mean-nav ul li a { display:block; float:left; width:90%; padding: 15px 5% 8px; height:auto; margin:0; text-align:left; color:#fff; border-top:1px solid rgba(255,255,255,0.3); text-decoration:none; font-size:14px;background:#202624;font-weight:600; text-transform:uppercase; }
	.mean-container .mean-nav ul li li a { width:90%; padding: 15px 0 12px 10%;  border-top:1px solid rgba(255,255,255,0.3); background:#91b3bd !important; text-shadow:none!important; visibility:visible }
	.mean-container .mean-nav ul li.mean-last a { border-bottom:none; margin-bottom:0 }
	.mean-container .mean-nav ul li li li a { width:70%; padding:1em 15% }
	.mean-container .mean-nav ul li li li li a { width:60%; padding:1em 20% }
	.mean-container .mean-nav ul li li li li li a { width:50%; padding:1em 25% }
	.mean-container .mean-nav ul li a:hover { background:#202624 !important; }
.mean-container .mean-nav ul li a.mean-expand {
    background: #91b3bd none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    font-weight: 700;
    height: 25px;
    margin-top: 2px;
    padding: 6px 3px 2px !important ;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 6px;
    width: 26px;
    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:#91b3bd !important;}
	.mean-container .mean-push { float:left; clear:both }
	.mean-container .mean-bar, .mean-container .mean-bar * { -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box }
	.mean-remove { display:none!important }
	.meanclose {margin: 6px -14px 0 0;}
	}

	

@media only screen and (max-width:1280px) {.mean-bar::before {right:1.8%;}}
@media only screen and (max-width:1024px) {.mean-bar::before {right:2.1%;}#main-navi {display:none;}}
@media only screen and (max-width:860px) {.mean-container .mean-bar {top: 20px;}  .menu-logged .mean-bar {top:78px }}
@media only screen and (max-width:800px) {.mean-bar::before {right:2.5%;}}
@media only screen and (max-width:620px) {.mean-bar::before {right:3.3%;}}
@media only screen and (max-width:575px) {.mean-container a.meanmenu-reveal {top:6px}#mobihome {right: 70px;}.mean-container .mean-bar {top:12px}  .menu-logged .mean-bar {top:70px }.mean-container a.meanmenu-reveal span {height: 6px;margin-top: 4px; width:40px;}.mean-bar::before {top: 48px;font-size: 10px !important;}#mobihome a {font-size: 1rem;}.mean-container .mean-nav {margin-top: 81px} .mbl-langflag {width:10%;}.custom-mobilemenu-link {width: 50%;}}
@media only screen and (max-width:420px) {.mean-bar::before {right: 4.3%;}.mean-container .mean-nav {margin-top: 74px}.custom-mobilemenu-link {font-size: 0.85rem;}.mean-container .mean-bar {top: 7px;}.mean-container .mean-nav {margin-top: 82px}  .menu-logged .mean-bar {top:66px }}
@media only screen and (max-width:375px) {.mean-bar::before {right: 4.8%;}}
/* Event calendar  */
.tapahtumat {font-weight: bold;}
.tapahtumakalenteri_otsikko {color: #009dde; font-weight: bold;}
.tapahtumakalenteri_valiotsikko {font-weight: bold;}

/* News */
.uutis_otsikko, .nostettumoduli {color: #009dde !important; font-size: 1.2rem;font-weight: normal;}
.nostettumoduli {color: #2f3f89 !important; font-size: 1.2rem;font-weight: normal;}
.uutispaivays, .uutis_paivays, .uutispaivaysetusivu, .nostouutis_paivays {display: block;font-size: 0.875rem;color : #555555; font-weight: 700;}
a.nostouutis_otsikko {color: #009dde; display: block;font-size: 1.2rem;}
/* Forms heading*/
.lomakeotsikko {color: #202624 !important; font-weight: bold;}
.lomaketekstiotsikko {color: #202624; font-weight: bold;}
/* Form fields */

/* For iphone & ipad */
.lomakenappi_submit, .valikkomodulilinkki_select {-webkit-appearance: none;-moz-appearance: none;appearance: none;}

input, .lkentta select, .lpainike, textarea {color: #000; border: 1px solid #b0b0b0;padding-left: 3px;}
/* Webio submenu */

.valikkolinkki-sel, .valikkolinkki, .valikkomodulilinkki, .valikkomodulilinkki-sel, .poistotuotelinkki {text-decoration: none; font-size:1.25rem;color: #fff;}
.valikkolinkki, .poistotuotelinkki {color: #fff;}
.valikkolinkki-sel {color: #000;font-weight: bold;}
.valikkomodulilinkki, .poistotuotelinkki {color: #fff;}
.valikkomodulilinkki-sel {color: #fff;font-weight: bold;}
.valikkolinkki_eijulkinen {color: green;}
.alanavi-20 .poistotuotelinkki {display:none;}
.col-full .valikkomodulilinkki, .col-left .valikkomodulilinkki,  .col-right .valikkomodulilinkki {color: #009dde;}

@media only screen and (max-width:1280px) {.valikkomodulilinkki, .valikkomodulilinkki-sel  {font-size: 1.1rem;line-height: 170%;}}

/* Misc */

hr {border-top-width: 1px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #dedede; border-right-color: #dedede; border-bottom-color: #dedede; border-left-color: #dedede; }

.valikkolinkki_piilosivu {color: #005600;}
@media only screen and (max-width:1280px) {a.webiolinkkipainike, a.takaisinuutisiin { padding: 10px 5%;}}

/* --------- FORMS ----------- */

/* form elements */

.col-left form, .col-right form, .col-3 form, .col-full form, .col-left tr[id^="lomakerivi"] input, .col-left tr[id^="lomakerivi"] textarea {max-width: 100%;}
.col-left tr[id^="lomakerivi"] td table td, .col-right tr[id^="lomakerivi"] td table td, .col-3 tr[id^="lomakerivi"] td table td {}
.col-left tr[id^="lomakerivi"] td table td:last-child, .col-right tr[id^="lomakerivi"] td table td:last-child, .col-3 tr[id^="lomakerivi"] td table td:last-child, .col-full tr[id^="lomakerivi"] td table td:last-child {margin-bottom: 20px;}
.col-left input[type=text], .col-left input[type=file], .col-left input[type=button], .col-right input[type=text],.col-right input[type=submit], .col-right input[type=file], .col-right input[type=button], .col-3 input[type=text], .col-3 input[type=file], .col-3 input[type=button], .col-full input[type=text], .col-full input[type=file], .col-full input[type=button] {height: 25px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;margin-bottom: 10px;background: #fff;width: 96%;border: 1px solid rgba(0, 0, 0, 0.2);}
.col-left textarea, .col-right textarea, .col-3 textarea, .col-full textarea {border-radius: 2px;margin-bottom: 10px;width: 94%;border: 1px solid rgba(0, 0, 0, 0.2);padding: 0;}
.col-full .lomakeotsikko {width: 30%;}
.col-full textarea, .col-full input[type=text], .col-full input[type=file] {width: auto;}
.col-full input[type=button] {width: 30%;}
.col-left input[type=button], .col-right input[type=button],.col-right input[type=submit], .col-3 input[type=button], .col-full input[type=submit], .col-full input[type=button], .lomakenappi_reset{height: 40px; -webkit-border-radius: 2px;-moz-border-radius: 2px; border-radius: 2px;margin-bottom: 10px;background: #91b3bd; color:#202624;width: auto;border: none;color: #fff;font-size: 1.1rem;padding: 10px 10%;box-sizing: border-box;}
.lomakenappi_reset{background:#000;}
/* ------- 1440px ------ */


/* ------- 1280px ------ */


/* ------- 860px ------ */
@media only screen and (max-width:860px) {

.subpage table, .subpage tr, .subpage td {display: block;width: 100% !important;height: auto !important;clear: both;}.mokki-yhteystiedot td {text-align: center;}
.subpage tbody {width: 100%;display: inline-block;}
	
/* Forms*/
.col-left form, .col-right form, .col-3 form, .campaign-box-sisennys form {width: 90%;margin: 0 auto;display: block;}
.col-left input[type="text"], .col-right input[type="text"], .col-3 input[type="text"], .col-left input[type="file"], .col-right input[type="file"], .col-3 input[type="file"], .col-left input[type="button"], .col-right input[type="button"], .col-3 input[type="button"] {height: 35px;width: 100% !important;}
.col-full form[id^="lomake_"] {margin: 0 auto;width: 90%;}
.col-full input[type=text], .col-full input[type=file], .col-full input[type=button], .col-full lomakeotsikko {width: 96% !important;margin-bottom: 5px;}
.col-full textarea {width: 100% !important;margin-bottom: 5px;}
table.tuoteselaus_levea{width:31.3% !important;}}

/* ------- 720px ------ */
@media only screen and (max-width:720px) {
.subpage .dtable {display: block;}
.subpage .center-col img {height: auto;max-width: 100%;padding: 20px 0;float: none;clear: both;}
}

@media only screen and (max-width:575px) {table.tuoteselaus_levea { width: 48% !important;}}

/* ----------- KUVAGALLERIATAUSTA -------------- */

@media only screen and (max-width:1024px) {.kuvagalleriakuvatausta {width: 23% !important;margin: 0 1% 20px 1% !important;box-sizing: border-box;padding: 0;}.kuvagalleriakuvatausta .kuva {padding: 0 !important;height: 200px;}}
@media only screen and (max-width:720px) {.kuvagalleriakuvatausta{width: 31.3% !important}}
@media only screen and (max-width:520px) {.kuvagalleriakuvatausta{width: 48% !important}}


/* Astiedot lomake - pakolliset kentat */

#webiolomake_34_1_1 tr[id="lomakerivi1_121"] h6:nth-of-type(2):after {content:"* Pakolliset kentät"; display:block; width:100%; font-size:16px; text-transform:initial; font-style:italic; font-family: 'Lato', sans-serif;color: red;font-weight: 300;}
#webiolomake_34_1_1 label[for="Osoite-81"]:after,#webiolomake_34_1_1 label[for="Postinumero-82"]::after, #webiolomake_34_1_1 label[for="Postitoimipaikka-83"]::after, #webiolomake_34_1_1 label[for="Maksuliikenteen yhteyshenkilö-84"]::after,#webiolomake_34_1_1  label[for="Puhelin-85"]::after,#webiolomake_34_1_1 label[for="Sähköpostiosoite-87"]::after {content: "*";color:red}

/* Admin styles */

#container a > img { max-width: 72px !important;height: 21px !important;}

#container .button, #wait_img img {width:auto !important;}
div[id^="CONTENT_"] {width:100%;}
#container img {opacity:1 !important;}

.zoomcrop {max-width: none !important; width: auto !important}
@media only screen and (max-width:860px) {.modulikuvausteksti table {margin-top:1em}.modulikuvausteksti tr {display: flex;}.modulikuvausteksti tr img {width: 100% !important;padding: 0 !important;box-sizing: border-box;}.modulikuvausteksti tr td {padding:0; margin:0;}.modulikuvausteksti tr td img{padding: 0 !important;margin: 0 !important;}}