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

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

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

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

 

:root {
   --primary-color: #c71b02;
   --secondary-color: #c71b02;
   --base-font-size: min(max(0.95rem, 1.05vw), 1.05rem);
   --base-text-color: #000;
   --base-line-height: 160%;
   --google-font: 'Montserrat', sans-serif;
   --google-heading-font: 'Montserrat', sans-serif;
   --navilink-font-size: min(max(0.8rem, 0.9vw), 1rem);
   --navilink-color: #c71b02;
   --navilink-font-weight: 500;
   --navilink-padding: 20px 15px;
   --navilink-selected-bg: #c71b01;
   --navilink-selected-color: #fff;
   --heading-size-1: min(max(2rem, 3vw), 3rem);
   --heading-size-2: min(max(1.3rem, 1.875vw), 1.875rem);
   --heading-size-3: min(max(1.2rem, 1.75vw), 1.75rem);
   --heading-size-4: min(max(1.4rem, 2.25vw), 2.25rem);
   --heading-size-5: min(max(1.1rem, 1.375vw), 1.375rem);
   --heading-size-6: min(max(1.1rem, 1.375vw), 1.375rem);
   --grid-gap: 2em 3em;
   --button-background: #c71b02;
   --button-text-color: #fff;
   --button-font-size: min(max(0.8rem, 1vw), 1rem);
   --button-font-weight: 700;
   --button-padding: 12px 30px;
   --max-input-width: 350px;
   --max-button-width: min(100%, 400px);
   --img-gallery-rows: repeat(auto-fit, minmax(200px, 1fr));
   --img-gallery-img-size: 300px;
   --mobilemenu-container-height: 81px;
   --mobilemenu-open-close-color: #c71b02;
   --mobilemenu-menutext-color: #c71b02;
   --mobilemenu-button-background: #c71b02;
   --mobilemenu-link-color: #fff;
   --mobilemenu-link-background: #c71b02;
   --mobilemenu-expand-button: #1b2026;
   --mobilemenu-submenu-background: #b31b02;
   --padding-s: min(max(20px, 1vw), 20px);
   --padding-m: min(max(30px, 2vw), 40px);
   --padding-xl: min(max(40px, 3vw), 60px);
   --padding-xxl: min(max(60px, 4vw), 80px);
 }
 body, html, p, .col-full li {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)} body {line-height: calc(1rem + .1vw)}.col-full li {margin: unset;padding: unset;}.subpage p ,.subpage td,.subpage ul,.subpage li{line-height:var(--base-line-height)} img {max-width: 100%;height: auto;display: block;}a {color: var(--primary-color);text-decoration: none}#somelinks {text-align: center;min-width: 70px;display: flex;justify-content: space-evenly;}
 h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {font-family: var(--google-heading-font);margin: 0;padding: 0;line-height: 110%;color: var(--primary-color); font-weight:700;}
 h1, h1 a {font-size: var(--heading-size-1);}
 h2, h2 a {font-size: var(--heading-size-2);font-weight:400;}
 h3, h3 a {font-size: var(--heading-size-3);color: #c71b02;}
 h4, h4 a {font-size: var(--heading-size-4);color: #c71b02; font-weight:400;}
 h5, h5 a {font-size: var(--heading-size-5);color: #c71b02; font-weight:400}
 h6, h6 a {font-size: var(--heading-size-6);color: #c71b02;}

 picture { width: 100%}.content-col, .center-col {width: 100%;clear: both;position: relative;}.center-col {width: min(max(60vw, 1600px), 90%);margin: 0 auto}.erikoiskuva, .kuva, .kuva2 {border: 0;outline: 0;height: auto;margin: 0;cursor: pointer}#mobilemenu-container{height:var(--mobilemenu-container-height);position: absolute;right: 0;top: 0;z-index: 2000;width: 100%;}
hr {width:100% !important}
 /*.subpage img.kuva, .subpage img.kuva2 {width: min(max(150px, 20vw), 300px);height: auto;}*/

/* GRIDIT */
.autogrid,.dgrid-2-cols, .dgrid-3-cols, .dgrid-4-cols, .dgrid-s-m-s-cols, .dgrid-s-xl-cols, .dgrid-xl-s-cols, .dgrid-m-l-cols, .dgrid-l-m-cols {display: grid;grid-gap: var(--grid-gap);clear: both;position: relative;} .dgrid-s-m-s-cols {grid-template-columns: 1fr 2fr 1fr}.dgrid-s-xl-cols {grid-template-columns: 1fr 3fr} .dgrid-xl-s-cols {grid-template-columns: 3fr 1fr}.dgrid-m-l-cols {grid-template-columns: 1fr 2fr}.dgrid-l-m-cols {grid-template-columns: 2fr 1fr}.autogrid, .dgrid-2-cols, .dgrid-3-cols, .dgrid-4-cols{grid-template-columns:repeat(auto-fit, minmax(350px,1fr))}.nogap {grid-gap: 2em 0;}@media screen and (max-width:1024px) {.dgrid-m-l-cols, .dgrid-l-m-cols, .dgrid-s-m-s-cols, .dgrid-s-xl-cols, .dgrid-xl-s-cols {grid-template-columns: 1fr}#main-nav, footer nav, footer ul, header, #sidenavi {display: none !important}} @media screen and (max-width:480px) {.autogrid, .dgrid-2-cols, .dgrid-3-cols, .dgrid-4-cols{grid-template-columns:repeat(auto-fit, minmax(220px,1fr))}}

/*HEADER / NAVIT */
 header.content-col { position: absolute;z-index: 2;}#main-navi, #top-navi, #footernavi {margin: 0 auto;padding: 0;list-style: none;z-index: 2;position: relative;flex-direction: row;justify-content:space-around;}#top-navi {justify-content: flex-end} .mainnavi-link, .topnavi-link, .footerlink {padding: var(--navilink-padding);font-size: var(--navilink-font-size);font-weight: var(--navilink-font-weight);text-decoration: none;color: var(--navilink-color);display: block;text-transform: uppercase}.topnavi-link{color:#919191;padding: 5px 15px;}.mainnavi-link:hover, .topnavi-link:hover, .footerlink:hover {color: #c6c6c6;}#link-sel-1-14, #link-sel-2-15, #link-sel-3-16, #link-sel-4-17, #link-sel-5-18, #link-sel-6-19 {color: var(--navilink-selected-color);background: var(--navilink-selected-bg);text-decoration: none}#logoimg {max-width: 50%;margin: 0 auto;float: none;display: block;height: auto;padding: 40px 0;}#logolink {padding: 0}#footerlogo {max-width: 30%;margin: 0 auto;float: none;padding: 20px 0;}.greyheader{color: #7f7f7f;}#tuotenostopalsta {grid-gap:2em 0.5em;} .heroimg {position: relative;}#main-heroimg {width: 100%;}.herotext{max-width: 54% !important;right: 7%;display: grid !important;grid-template-columns: 2fr 2fr;grid-gap: 1em 1em;align-items: center;padding-top: 5%;}.herotext img {margin:0 auto;max-width: 70%;}.herotext .webiolinkkipainike{background:#fff; color:#c71b02;}#tuoteryhmat-wrapper, #tuotebannerit {grid-template-columns: repeat(2,1fr);}#tuotebannerit{grid-gap:2em 1em;} main{background: url(../img/header/puubg.jpg) center top no-repeat; background-size:100%;}#ammattilaisille{background:#cccccc}footer{background:url(../img/header/footer-bg.jpg) center top no-repeat; background-size:cover;}#tuoteryhmat-wrapper{border-right:1px solid #c1c1c1;border-left:1px solid #c1c1c1;border-bottom:1px solid #c1c1c1;grid-gap:0;background:rgba(255,255,255,.95);}.tuoteryhmanosto{padding:2em; border-top:1px solid #c1c1c1;}#yhteysbanneri{margin:2em auto 0 auto; background:#c71b02; border-radius:80px; max-width:1600px; text-align:center;}.fwimg{width:100%;}.b-right{  border-right:1px solid #c1c1c1;}.b-bottom{border-bottom:1px solid #c1c1c1;}.bannerikuvapalsta img{max-width:100%; width:100%;height:400px; object-fit:cover;}.banneritekstipalsta{padding:5em 2em 4em 2em;position:relative;}.banneritekstipalsta h3 {font-size:1.4rem}.banneritekstipalsta-img {position: absolute;top: -6vw;margin: 0 auto;left: 20%;max-width: 60%;}#banneri-1{background: url(https://www.coloria.fi/data/banner1-bg.jpg) left bottom no-repeat; background-size:cover}#banneri-2{background: url(https://www.coloria.fi/data/banner2-bg.jpg) left bottom no-repeat; background-size:cover}.heroimg-tuotelistaus{max-height:497px;object-fit:cover;}#pkmaski {top: 0;width: 100%;left:0;}#pkmaski img{max-height: 479px;}#mobile-logo {position: absolute;top: 0;left: 0;z-index: 50000}#mobilelogo-img { max-width: 120px;height: auto;padding: 20px 0 0 2em}

#tuotekortti-wrapper{background:#fff; border:1px solid #dedede;margin-top: -15%;z-index: 2000;}#tuotekortti-tuotekuvausteksti h1{font-size:min(max(2rem, 2.4vw), 2.4rem);}#tuotekortti-tuotekuvausteksti h4{font-size:min(max(1.2rem, 1.4vw), 1.4rem); color:#7f7f7f; font-weight:400;}#tuotekortti-tuotekuva {padding: 0 4em;}.tuotenostot .col-full {display: grid;grid-gap: 1em;grid-template-columns: repeat(3,1fr) !important;}#tuotekortti-linkit img {display: inline;padding-right: 10px;}#tuotekortti-taulukko tr {
display: grid;padding: 5px 10px;}#tuotekortti-taulukko tr:nth-of-type(2n+1) {background: #f1f0f1;}.nostotuote {border: 1px solid #eaeaea;padding: 2em;background: #fff;}.tuotenostot .modulikuvausteksti { grid-column: 1 / span 3;padding: 1em;}.tuotenosto-img {position: relative;}.tuotenosto-otsikko{margin-top:1em;}.tuotenosto-otsikko ,.tuotenosto-otsikko a {font-size:1.375rem;color: #c71b02;}.tuotenosto-teksti {color:#484848}.tuotenosto-img img {max-width: 90%;margin: 0 auto;display: block;max-height: 160px;min-height:160px;object-fit:contain;width: auto;}@media screen and (max-width:1024px) {.tuotenostot .modulikuvausteksti h2 {font-size: 2rem;}}@media screen and (max-width:860px) {.tuotenostot .col-full {grid-template-columns: repeat(2,1fr) !important;}.tuotenostot .modulikuvausteksti {grid-column: 1 / span 2;}}@media screen and (max-width:420px) {.tuotenostot .col-full { grid-template-columns: 1fr !important;}.tuotenostot .modulikuvausteksti {grid-column: 1;}}

#breadcrump-bc, .breadcrump-bcitem {list-style: none;margin:0; padding:0;}.breadcrump-bcitem {padding-right:10px;display: inline-flex;}.breadcrump-bcitem span{padding:0 10px; float:left;}#bc-paluulinkki{width:25%}#bc-polku {width:75%}#breadcrump {background: #f7fafc;color:#c71b02;padding: 15px 2%;width: 100%; margin-bottom:1em; box-sizing:border-box;}#tk-breadcrump{grid-column: 1 / span 2;}#breadcrump a {color:#c71b02;font-weight: 300;padding: 0 7px;font-size:0.9rem;}#breadcrump.tr-etusivu-polku{background:none;padding:5px 0;}a#edellinen {font-weight: 700;font-size: 1rem;padding-right: 5%; color:#444;}#breadcrump.tr-etusivu-polku {background: none;padding: 0px 0 5px 0;}#breadcrump.tr-etusivu-polku a{padding: 0 7px 0 0;}@media only screen and (max-width:1024px) {#breadcrump {margin-bottom:0;}.basic-info {grid-template-columns: 1fr;}a#edellinen,#breadcrump a {font-size: 0.9rem;}}@media only screen and (max-width:768px) {#breadcrump {display:block !important;padding: 0 0 15px 0;} #bc-paluulinkki, #bc-polku {width:100%}#breadcrump a {font-size: 0.9rem;}a#edellinen {color: #444;width: 100%;display: block;background: rgba(0,0,0,0.05);box-sizing: border-box;text-align: center;padding: 10px 0px; font-size:1.1rem; margin-bottom:10px;}#breadcrump { background: none;}}

#tuotekortti-ikonit {text-align:center;}
#tuotekortti-ikonit img {display: inline;text-align: center;}
#tuotekortti-wrapper-teto {background:#e6e6e6; border:1px solid #dedede; margin-top:2em;}
#tuotekortti-tuotenostot .modulikuvausteksti {grid-column: 1 / span 4;padding: 1em;}
#tuotekortti-tuotenostot .col-full {grid-template-columns: repeat(4,1fr) !important;}
@media only screen and (max-width:1280px) {#logoimg{padding:20px 0}:root{--navilink-padding: 10px 8px;}#main-navi img {max-width: 15px;}.banneritekstipalsta-img {top: -11vw;left: 28%;max-width: 40%;}.banneritekstipalsta {padding: 6em 2em 4em 2em;}}
@media only screen and (max-width:1024px) {#tuotekortti-wrapper {margin-top: -25%;}#tuotekortti-tuotenostot .modulikuvausteksti {grid-column: 1 / span 3;} #tuotekortti-tuotenostot .col-full {grid-template-columns: repeat(3,1fr) !important;}.banneritekstipalsta-img { top: -13vw;left: 23%;max-width: 48%;}}
@media only screen and (max-width:768px) {#tuotekortti-tuotenostot .modulikuvausteksti {grid-column: 1 / span 2;} #tuotekortti-tuotenostot .col-full {grid-template-columns: repeat(2,1fr) !important;}.banneritekstipalsta-img {top: -15vw;left: 19%;max-width: 60%;}.banneritekstipalsta h3 {font-size: 1.1rem;}}
@media only screen and (max-width:575px) {#tuotekortti-wrapper {margin-top: -40%;}#tuotekortti-ikonit p, #tuotekortti-ikonit p em {display: flex;flex-wrap: nowrap; align-items:center; justify-content:center;}#tuotekortti-ikonit p img, #tuotekortti-ikonit p em img{padding:10px 0 0 0;width:auto !important;height: auto !important;}#tuotekortti-ikonit p img, #tuotekortti-ikonit p em img {max-width: 20px !important;}.banneritekstipalsta-img {top: -26vw;left: 25%;max-width: 47%;}}
@media only screen and (max-width:520px) {.tuotenosto-otsikko ,.tuotenosto-otsikko a {font-size:1.1rem;}}
@media only screen and (max-width:480px) {#tuotekortti-tuotenostot .modulikuvausteksti {grid-column: 1 } #tuotekortti-tuotenostot .col-full {grid-template-columns: 1fr !important;}#tuotekortti-ikonit p, #tuotekortti-ikonit p em {display: flex;flex-wrap: wrap;justify-content: flex-start;}#tuotekortti-ikonit p img, #tuotekortti-ikonit p em img {max-width: 25px !important;}#tuotekortti-linkit p a {display: flex;flex-wrap: nowrap; align-items: center;}}
@media only screen and (max-width:420px) {#tuotekortti-wrapper {margin-top: -60%;}.banneritekstipalsta-img {top: -31vw;left: 19%; max-width: 56%;}.tuotenosto-otsikko, .tuotenosto-otsikko a {font-size: 1.4rem;}}
/* YLEISCLASSIT */
 .narrow-col{max-width:1200px;}.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}.white-p {color: #fff}.shadow {text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);}

@media screen and (max-width:1280px) {#tuotebannerit {grid-template-columns: 1fr;}.bannerikuvapalsta img { max-width: 100%; width: 100%;height: 250px;object-fit: cover;}.tuoteryhmanosto {display: flex;flex-direction: column;justify-content: center;}}@media screen and (max-width:1024px) {#mobile-logo {display: block !important}#main-heroimg {object-fit: cover; min-height:300px;object-position: top;}#pkmaski,#pkmaski img{height:100%;}.herotext {grid-template-columns: 1fr 2fr;min-height:305px;width:100%; padding:4em 2em 6em 2em;box-sizing:border-box;max-width: 100% !important;right: unset;position: relative;order: 2;background: url(../img/header/herotext-bg.jpg) left top no-repeat;background-size:cover;}#diaitem2{background:url(../img/header/herotext-bg-2.jpg) left top no-repeat;background-size:cover;}#tuotenostopalsta{grid-template-columns:1fr}#tuotebannerit {grid-template-columns: 1fr 1fr;}#ammattilaisille {padding: 0 2em;}#ammattilaisille .cpadding-xxl {padding:20px;}#yhteysbanneri {border-radius: 6px;}}@media screen and (max-width:860px) {#ammattilaisille {padding: 0;grid-gap:0;}#ammattilaisille .cpadding-xxl {padding: 4em;}}@media screen and (max-width:575px) {#main-heroimg {min-height: 300px;}.herotext{padding: 3em 3em 6em 3em;grid-template-columns:1fr;min-height: 550px;}.herotext img{max-width:160px;}#tuoteryhmat-wrapper{grid-template-columns:1fr}#tuotebannerit {grid-template-columns: 1fr;}.b-right{border-right:none;}.b-bottom{border-bottom:none;}}@media screen and (max-width:480px) {body {line-height: calc(1rem + 1.2vw)}#ammattilaisille .cpadding-xxl {padding: 2em;}#yhteysbanneri {padding: 2em;}#coloria-esittely{padding:2em 0;}}@media screen and (max-width:375px) {h1, h2, h3, h4, h5, h6 {word-wrap: anywhere}}

.headerbox {background: #c71b02;color: #fff;padding: 5px 10%;text-transform: uppercase;display: inline-block;text-align: left !important; margin-bottom:20px;}

@media screen and (max-width: 1024px) {.latte {background: url(../img/header/latte-text.jpg)}.linnea {background: url(../img/header/linnea-text.jpg)}.greenline {background: url(../img/header/greenline-text.jpg)}}

 /* 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)}.col-3,.col-3-center,.col-full,.col-left,.col-right{width:100%!important;float:none!important; margin:0 !important}.col-full, .colpadding{clear:both;}

/* WEBIO COLS */
.col-3, .col-3-center, .col-full, .col-left, .col-right {width: 100% !important;float: none !important;margin: 0 !important}.col-full, .colpadding { clear: both;margin-top:2em}.center-col .colpadding:last-of-type, .content-col .colpadding:last-of-type {display: none;}section, article, .center-col, .content-col{box-sizing:border-box;}

 /* WEBIO CONTENT ELEMENTS */
 .webiolinkkipainike, .lomakenappi_submit, .takaisinuutisiin {border-radius:40px;box-sizing: border-box;cursor: pointer;margin-top: 20px;display: inline-block;text-align: center;font-size: var(--button-font-size);text-transform: uppercase;padding: var(--button-padding);background: var(--button-background);height: auto;color: var(--button-text-color);font-weight: var(--button-font-weight);width: auto;max-width: var(--max-button-width);text-shadow: none !important;}.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) !important;font-size: 1.2rem;display: block;}.center-col iframe { max-width: 100%;margin: 0 auto !important}.valikkolinkki, .valikkolinkki-sel, .valikkomodulilinkki, .valikkomodulilinkki-sel {text-decoration: none;color: #fff;line-height: 140%;}.valikkolinkki-sel, .valikkomodulilinkki-sel{font-weight:700;}a:hover {text-decoration: underline}#sidenavi ul {background: #c71b02;outline:1px solid rgba(255,255,255,0.3); outline-offset:-10px;padding: 10%;margin: 0;list-style: none;margin: 2em 0 0 0;}#sidenavi ul li ul {padding:5px 5%; outline:none;}

/* Tuotesuodatus */
form#suodatin {box-sizing: border-box;padding: 5%;background: #fafafa;border: 1px solid #dedede;}.ominaisuus_maara {display:none;color: #989898;font-size: 0.9em; padding-left:5px;}
span.suodatinotsikko {text-transform: uppercase;display: block;font-weight: 700;border-bottom: 1px solid #d8d8d8;padding-bottom: 10px;margin: 10px 0px;color: #fff;font-size: 1rem;background: #c71b02; padding: 10px;}
.suodatin_ominaisuudet {font-size: 1rem;padding-bottom: 2em;}
#suodatin input.radio[type="radio"]:checked + label::before, #suodatin input.radio[type="radio"] + label::before {border-radius: 100%;}
#suodatin .radio {display: none;}
#suodatinm {display:none;width: 100%;margin: 0 auto;border: 1px solid #dedede;padding:20px;box-sizing: border-box;grid-template-columns: repeat(auto-fit, minmax(200px,1fr));background: #fff;grid-gap: 1em 2em;}
.sivuominaisuudet_mobiili_select {position: relative;display: flex;width: auto;height: 2em;line-height: 2;background: #fff;overflow: hidden;color: #000;border-radius: .25em;border: 1px solid #8e8e8e;}
.sivuominaisuudet_mobiili_select select {width: 100%;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none;outline: 0;box-shadow: none;border: 0 !important;background: #fff;background-image: none;background-image: none;margin: 0;}
.sivuominaisuudet_mobiili_select::after {content: '\203A';position: absolute;top: 0;right: 0;padding: 0em 0.7em;color: #c71b02;cursor: pointer; pointer-events: none;-webkit-transition: .25s all ease;-o-transition: .25s all ease;transition: .25s all ease;font-size: 22px;transform: rotate(90deg);line-height: 120%;}

@media only screen and (max-width:1024px) {.tsuodatin-dt,#suodatin {display:none;} #tuotesuodatin{margin-top:1em}#suodatinm {display:grid;}#suodatinm{margin-bottom: 1em;}.sivuominaisuudet_mobiili_otsikko {font-weight: 700;}}

/* KUVAGALLERIA */
 .kuvagalleriagrid {display: grid;grid-template-columns: var(--img-gallery-rows);grid-gap: 1em}
 .kuvagalleriakuvatausta {width: 100% !important;height: auto !important;margin: 0 !important}
 .kuvagalleriakuvatausta img {width: 100%;max-width: 100% !important;object-fit: cover; padding: 0 !important;height: var(--img-gallery-img-size)}

 @media screen and (max-width:575px) {.kuvagalleriagrid {grid-template-columns: repeat(auto-fit, minmax(120px, 1fr))}.kuvagalleriakuvatausta img {height: 150px}}
 @media screen and (max-width:480px) {.kuva, .kuva2 { max-width: 100% !important;float: none !important;clear: both !important;padding: 20px 0;}.webiolinkkipainike, .lomakenappi_submit, .takaisinuutisiin {display: block;padding: 10px 0;}}

/* FOOTER */
#coloria-esittely table tr {display: grid;grid-template-columns: 1fr 3fr 1fr;grid-gap: 1em 2em;}
#coloria-esittely table,#coloria-esittely table tr td {width:100% !important}
#coloria-esittely td img {display: inline-block;padding: 0 5px !important;}
#coloria-esittely td:last-of-type{text-align:center;}

 @media screen and (max-width:1024px) {#coloria-esittely table tr {grid-template-columns: 1fr;}#coloria-esittely{padding:2em 0}}

/* SEMIO REFELINKIT */
 #swlinkit {text-align: center;}.swlinkki {font-size: 12px;color: #000}

/* TABLES */
 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: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}}

/* FORMS */
.lomakeotsikko {color: var(--primary-color);font-weight: 700; padding:10px 0;}
 /*#tuotesuodatin {display: none;}*/
 #suodatin input[type=checkbox], .lomake-ve-solu input[type=checkbox] {display: none}
 #suodatin input[type=checkbox] + label, #suodatin input[type=checkbox]:checked + label,.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;}
 #suodatin input[type=checkbox] + label::before, #suodatin input[type=checkbox]:checked + label::before,.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: 0.9em !important;font-weight: 700;height: 14px;line-height: 11px;margin-right: 20px;padding: 8px 12px 0 8px;position: relative; width: 4px}.suodatin_ominaisuudet label {display: inline-flex !important; align-items: center;padding-bottom: 10px;}
 #suodatin input[type=checkbox] + label::before ,.lomake-ve-solu input[type=checkbox] + label::before {content: ""}
 #suodatin input[type=checkbox]:checked + label::before,.lomake-ve-solu input[type=checkbox]:checked + label::before { background: #2a2a2a none repeat scroll 0 0;color: #fff !important;border: none;padding: 5px 15px 5px 7px}
 #sudoatin 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)}
 #sudoatin input[type=checkbox] + label:active, #suodatin input[type=checkbox]:checked + label:active,.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)}
 #suodatin [type=radio]:checked, #suodatin [type=radio]:not(:checked),.lomake-ve-solu [type=radio]:checked, .lomake-ve-solu [type=radio]:not(:checked) {position: absolute;left: -9999px}
 #suodatin[type=radio]:checked + label, #suodatin [type=radio]:not(:checked) + label,.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}
 #suodatin [type=radio]:checked + label:before, #suodatin [type=radio]:not(:checked) + label:before, .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}
 #suodatin [type=radio]:checked + label:after, #suodatin[type=radio]:not(:checked) + label:after ,.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}
 #sudoatin [type=radio]:not(:checked) + label:after,.lomake-ve-solu [type=radio]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0)}
 #suodatin [type=radio]:checked + label:after,.lomake-ve-solu [type=radio]:checked + label:after {opacity: 1;-webkit-transform: scale(1); transform: scale(1)}
.suodatin-1::before{content: "Suodata tuotteita";font-size: 1.4rem;font-weight: 500;padding-bottom: 0.5em;display: block;}
 @media screen and (max-width:1200px) {#suodatin input[type=checkbox] + label::before, #suodatin input[type=checkbox]:checked + label::before,.lomake-ve-solu input[type=checkbox] + label::before, .lomake-ve-solu input[type=checkbox]:checked + label::before { margin-bottom: 10px}}
 @media screen and (max-width:1024px) {#tuotesuodatin::before{content: "Suodata tuotteita";font-size: 1.2rem;font-weight: 500;padding-bottom: 0.5em;display: block;padding: 10px 20px;box-sizing: border-box;background:#c71b02; text-align:center; color:#fff}}

 tr[id^=lomakerivi] {display: grid;grid-template-columns: repeat(auto-fit, minmax(270px, 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}

/* MONIVALINNAT CHECKBOX / RADIO sisakkainen taulukko Uudet TR classit .formrow-wb-vaaka, .formrow-wb-pysty*/
 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%;
 }

 /* MOBIILIVALIKKO */
.mean-bar::before{color:var(--mobilemenu-menutext-color)!important;content:"VALIKKO";top:49px;width:auto;height:auto;right:5%;position:absolute;font-size:9px!important;line-height:100%!important}.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:48px;line-height:22px;margin-top:0;padding:12px 0 0;position:absolute;right:5%!important;text-decoration:none;text-indent:-9999em;top:6px;width:39px}.meanmenu-reveal span{background:var(--mobilemenu-button-background);border-radius:2px;display:block;height:6px;margin-top:4px;line-height:100%!important}.mean-nav{float:left;width:100%;margin-top:var(--mobilemenu-container-height)}.mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}.mean-nav li a{display:block;float:left;width:90%;padding:10px 5% 10px 5%;height:auto;margin:0;text-align:left;color:var(--mobilemenu-link-color);border-top:1px solid rgba(255,255,255,.2);text-decoration:none;font-size:12px;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;height:20px!important;margin-top:2px;padding:3px 4px 4px!important;position:absolute;right:10px;text-align:center!important;top:6px;width:23px!important;z-index:2}.mean-remove{display:none!important}#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;}}
/* 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: #c01400;}
.tns-nav {text-align: center;margin: 0px 0 40px 0;position: absolute;bottom: 20px;width: 100%;left: 0;}
.tns-outer {position:relative;}
.tns-item{display: flex !important;flex-direction: column;justify-content: center;align-items: center;}
@media screen and (max-width:1280px) {.tns-nav { margin: 0px 0 10px 0;}}
@media screen and (max-width:1024px) {.tns-nav { margin: 0px 0 0px 0;}}
@media screen and (max-width:575px) {.tns-nav { margin: 0px 0 10px 0;}}