/* lexend-zetta-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lexend Zetta';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/lexend-zetta-v28-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lexend-zetta-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lexend Zetta';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lexend-zetta-v28-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lexend-zetta-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lexend Zetta';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/lexend-zetta-v28-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v25-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/montserrat-v25-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v25-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/montserrat-v25-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


:root {
   --primary-color: #ca5028;
   --secondary-color: #3b3938;
   --base-font-size: min(max(1rem, 1.05vw), 1.05rem);
   --base-text-color: #000;
   --base-line-height: 160%;
   --google-font: 'Montserrat', sans-serif;
   --google-heading-font:  'Lexend Zetta', sans-serif;
   --navilink-font-size: min(max(0.8rem, 1vw), 16px);
   --navilink-color: #fff;
   --navilink-font-weight: 700;
   --navilink-padding: 25px 1vw;
   --navilink-selected-bg: #fff;
   --navilink-selected-color: #000;
   --heading-size-1: min(max(1.5rem, 3.2vw), 3.6rem);
   --heading-size-2: min(max(1.3rem, 2.4vw), 2.6rem);
   --heading-size-3: min(max(1.2rem, 1.7vw), 1.9rem);
   --heading-size-4: min(max(1.2rem, 1.4vw), 1.5rem);
   --heading-size-5: min(max(1.2rem, 1.45vw), 1.55rem);
   --heading-size-6: min(max(1.1rem, 1.375vw), 1.4rem);
   --grid-gap: 2em 3em;
   --webshop-badge-default-bg:#3b3938;
   --webshop-badge-default-color:#fff;
   --webshop-badge-discount-bg:#ff6000;
   --webshop-badge-novelty-bg:#331000;
   --webshop-badge-freeshipping-bg:#3b3938;
   --webshop-badge-package-bg:#3b3938;
   --button-background: #ac4232;
   --button-text-color: #fff;
   --button-font-size: min(max(0.8rem, 1vw), 1rem);
   --button-font-weight: 700;
   --button-padding: 8px 30px;
   --max-input-width: 450px;   
   --max-button-width: max-content;   
   --img-gallery-rows: repeat(auto-fit, minmax(200px, 1fr));
   --img-gallery-img-size: 300px;
   --mobilemenu-container-height: 63px;
   --mobilemenu-open-close-color: #fff;
   --mobilemenu-menutext-color: #fff;
   --mobilemenu-button-background: #fff;
   --mobilemenu-link-color: #fff;
   --mobilemenu-link-background: #331000;
   --mobilemenu-expand-button: #fff;
   --mobilemenu-submenu-background: #462313;
   --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 {margin: 0;padding: 0;font-family: var(--google-font);color: var(--base-text-color);font-size: var(--base-font-size);line-height: var(--base-line-height)} li,.kuvateksti {font-family: var(--google-font);color: var(--base-text-color);font-size: var(--base-font-size);line-height: var(--base-line-height)} img {max-width: 100%;height: auto;display: block;}header.content-col {background:url(../img/header/navibg.jpg) center top no-repeat; background-size:cover;position: relative;z-index: 2;}a {color: var(--primary-color);text-decoration: none}a:hover {text-decoration: underline}h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {font-family: var(--google-heading-font);letter-spacing:-1px;margin: 0;padding: 0;line-height: 110%;color: #683c11; font-weight:800; text-transform: uppercase}h1, h1 a {font-size: var(--heading-size-1);letter-spacing:-5px}h2, h2 a {font-size: var(--heading-size-2);}h3, h3 a {font-size: var(--heading-size-3);}h4, h4 a {font-size: var(--heading-size-4);}h5, h5 a {font-size: var(--heading-size-5);color:#000}h6, h6 a {font-size: var(--heading-size-6);}picture {width: 100%}section, article, .center-col, .content-col{box-sizing:border-box;}table, td, tr {border-collapse: unset !important}@media screen and (max-width:1024px) {table, td, tr {height: auto !important;max-width: 100%}}@media screen and (max-width:480px) {body {line-height: calc(1rem + 1.2vw)}}@media screen and (max-width:375px) {h1, h2, h3, h4, h5, h6 {word-wrap: anywhere}}

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

/* Grids */
.autogrid,.dgrid-2-cols, .dgrid-3-cols, .dgrid-4-cols, .dgrid-s-m-s-cols, .dgrid-s-xl-cols, .dgrid-xl-s-cols, .dgrid-m-l-cols, .dgrid-l-m-cols {display: grid;grid-gap: var(--grid-gap);clear: both;position: relative;} .dgrid-s-m-s-cols {grid-template-columns: 1fr 2fr 1fr}.dgrid-s-xl-cols {grid-template-columns: 1fr 3fr} .dgrid-xl-s-cols {grid-template-columns: 3fr 1fr}.dgrid-m-l-cols {grid-template-columns: 1fr 2fr}.dgrid-l-m-cols {grid-template-columns: 2fr 1fr}.autogrid, .dgrid-3-cols{grid-template-columns:repeat(auto-fit, minmax(350px,1fr))}.dgrid-2-cols {grid-template-columns:repeat(2,1fr)}.nogap {grid-gap: 2em 0;}.dgrid-4-cols{grid-template-columns:repeat(2,1fr);}@media screen and (max-width:1024px) {.dgrid-m-l-cols, .dgrid-l-m-cols, .dgrid-s-m-s-cols, .dgrid-s-xl-cols, .dgrid-xl-s-cols {grid-template-columns: 1fr}}@media screen and (max-width:768px) {.dgrid-2-cols, .dgrid-4-cols{grid-template-columns:1fr;}} @media screen and (max-width:480px) {.autogrid, .dgrid-2-cols, .dgrid-3-cols {grid-template-columns:1fr}}

/* Navigation */

#main-navi, #top-navi, #footernavi {margin: 0 auto;padding: 0;list-style: none;z-index: 2;position: relative;flex-direction: row;justify-content:center;}#navi-wrap{background:#331000; border-top:1px solid #5f2a00;border-bottom:1px solid #5f2a00}#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}.mainnavi-link {font-family:var(--google-heading-font); border-left:1px solid #5f2a00;}.topnavi-link {color:#fff; font-family: var(--google-heading-font);font-weight: 500;letter-spacing: -1px; padding:0 15px; font-size:0.85rem}#main-navi li:last-of-type a{border-right:1px solid #5f2a00;}.mainnavi-link:hover, .topnavi-link:hover, .footerlink:hover {color: #c6c6c6;}#link-sel-1-4, #link-sel-2-5, #link-sel-3-6, #link-sel-4-7, #link-sel-5-8, #link-sel-6-9 {color: var(--navilink-selected-color);background: var(--navilink-selected-bg);text-decoration: none}#logoimg {max-width: 90%;margin: 0 auto;float: none;display: block;height: auto;padding: 40px 0;}#sidenavi ul {background: #331000;padding: 10%;margin: 0;list-style: none;}#sidenavi ul ul {padding: 0 10%;}
#shop-langnavi{position:relative;padding:0 2px;background: #fff;display: flex;justify-content: center;align-items: center;border-radius: 4px;margin-left:20px}
#shop-langnavi a {padding: 0;display: flex;color: #331000;font-size: 14px;font-weight: 500;font-weight:500;width: 35px; justify-content: center; align-items: center;border-radius:4px;}
#shop-langnavi{padding:3px 3px}
a#selected-lang {background:#ac4232; color:#fff; font-weight:700;}

/* General classes, heroimg, banners */
#main-heroimg {width: 100%;}
#hero-left {text-align:right;}
#hero-left h1 span {display:block; text-align: right}
#hero-left p {font-weight:700; font-size:min(max(1rem, 1.125vw), 1.2rem);}
#crslcontainer-ow {width:100%}
#hero-wrapper {grid-gap:1px 0}
#hero-wrapper h1, #hero-wrapper p, #hero-wrapper h2, #hero-wrapper h3, #hero-wrapper a, .bnr h2, .bnr h3, .bnr h4, .bnr h5, .bnr h6, .bnr p, .bnr a {color:#fff;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);}
bnr h2, .bnr h3, .bnr h4, .bnr h5, .bnr h6 {font-weight: 700;line-height:130%}
#hero-wrapper a, .bnr a {text-decoration:underline; text-transform: uppercase; font-weight:500; color:#f4ebe5}
#front-optional-content{background:url(../img/header/optional-content-bg.jpg) center top repeat-x; background-size:contain;}
#front-optional-content .col-full{margin:0 !important}
#front-optional-content article div:empty {display:none;}
#front-optional-content article div {padding:2em 0;margin: 1em 0;}
#main-img-category img {width:100%}
#subcategory-text{padding: 0 10vw 0 5vw;}
#subcategory-text a {text-decoration:none; cursor:pointer;}
#main-img-category img {max-height:600px; object-fit:cover;min-height: 500px;}
.bnr-p {color:#f4ebe5}
#hero-wrapper .abs-element {bottom:15%}
#hero-wrapper img {max-height:750px; object-fit:cover;height: 100%;}
.heroimg {position: relative;}
.abs-element {position: absolute;z-index: 200;max-width: 100%;flex-direction: column;display: flex;width: 80%;} 
.dflex {display: flex;flex-wrap: wrap;flex-direction: column;} 
.dflex-row {display: flex;flex-wrap: wrap;flex-direction: row;} 
.center-elements {align-items: center;justify-content: center}
.fwimg {width:100%}
.center-p {text-align:center}
.center-p .webiolinkkipainike{margin:0 auto}
.white-p {color: #fff}
.shadow {text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);}
.headerbox {position: absolute; top:2em; width:100%; display:flex; justify-content: center; align-items: center; z-index:220}
.headerbox p {font-family: var(--google-font); font-weight:700; background: #fff;color: var(--primary-color);text-shadow:none;display: block; max-width: max-content; margin:0 auto; padding: 10px 3vw; text-align: center;text-transform: uppercase;}
.bnr img {width:100%; object-fit:cover;height: 100%;padding:0 !important}
.bnr {position:relative;} /* Bannerikuva position container */
.bnr-gradient { background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,0.725910432532388) 0%, rgba(0,0,0,0) 100%); width:100%; height:100%; position:absolute; bottom:0; left:0; pointer-events: none; z-index:1;}
.bgcolor-wrapper {background:#000} /* Optional */
.bgcolor-wrapper img {opacity:0.7} /* Optional */

@media only screen and (max-width:1440px) {#subcategory-text {padding: 0 5vw 0 0vw;}}
@media only screen and (max-width:1024px) {#main-img-category img {min-height: unset}}
@media only screen and (max-width:575px) {#hero-wrapper #hero-left, #hero-wrapper .bnr{height:400px}#hero-wrapper img {height: 400px;}}

/* Front - endorse wrapper */
.front-endorse-wrapper, #mainlisting-bg {background:url(../img/header/content-bg.jpg) center top repeat;}
#endorse-header {grid-column:1 / -1}
#endorse-header h3 {color:#683c11;font-size:min(max(1.4rem, 1.8vw), 2rem)}
.front-endorse-wrapper .col-4-grid {display:grid;grid-template-columns:1fr 1fr 1fr; grid-gap:1em}
.tr-basic-endorse.front-endorse-wrapper .col-4-grid {display:grid;grid-template-columns:1fr 1fr 1fr 1fr; grid-gap:1em}
#fpage-endorse h3 {font-weight:700;line-height:140%}
#fpage-endorse > .dflex {/*height:100%;*/justify-self: flex-start;align-self: flex-start;background: #000;width: 100%;}

@media only screen and (max-width:768px) {.tr-basic-endorse.front-endorse-wrapper .col-4-grid, #fpage-endorse.front-endorse-wrapper .col-4-grid {grid-template-columns: 1fr 1fr}.tr-basic-endorse.front-endorse-wrapper .col-4-grid {grid-template-columns: 1fr 1fr}img[src="/iisakkijarvenpaa/admin/img/verkkokauppa/ei_kuvaa-iso.gif"] {height: 64.5vw;background: #fff;max-height: 470px;}}
@media only screen and (max-width:575px) {.tr-basic-endorse.front-endorse-wrapper .col-4-grid, #front-endorse-wrapper .col-4-grid,#fpage-endorse.front-endorse-wrapper .col-4-grid {grid-template-columns: 1fr;}}

/* Front - endorse banners (text,img) */
.front-endorse-banners .abs-element {bottom:10%}
.front-endorse-banners {grid-gap:1.5em}
#front-endorse-text, .front-endorse-banners {grid-template-columns:1fr 1fr 1fr}
#front-endorse-text h4 {color:#000}
#front-brand-banners h5, front-brand-banners h6, #front-brand-banners p {text-align:center}
#front-brand-banners {grid-gap:1px 0}
#front-endorse-banners .abs-element {bottom:10%}
#front-endorse-banners .col-full {margin:0}

/* Product categories - basic */
.front-endorse-banners#tr-basic .col-full{display:grid;grid-template-columns:repeat(4,1fr); grid-gap:1em}
#basic-tr {align-items:flex-end}
#basic-tr .abs-element {max-width: 40vw;padding-right: 10vw;}
#basic-tr h1, .sp-bg h1 {color:#fff;font-size:min(max(1.4rem, 1.8vw), 2rem);}
#basic-tr a, .sp-bg a, .trbanner-liftbanner-text p:last-of-type {color:#ca5028; text-decoration: none; text-transform: none; text-transform:uppercase; text-decoration:underline}
#basic-tr img {min-height:400px}
#basic tr p, .sp-bg p{color:#f4ebe5}
.front-endorse-banners#tr-basic {display:block}
.trbanner h2{font-size:min(max(1.3rem, 1.5vw), 1.75rem);text-transform: uppercase}
.front-endorse-banners#tr-basic h2{font-size: min(max(1.2rem, 1.2vw), 1.3rem);}
.trbanner a {color:#ca5028;}
.wmask {background:url(../img/header/wmask-tmp.png) center bottom no-repeat; background-size:cover;width:100%; height:100%; position:absolute; bottom:0; left:0; pointer-events: none; z-index:1;}
.trbanner-liftbanner-img {width:100%}
.tr-basic-endorse {display:grid;}
.pcard-accessory-item::after {content: "Kaiverrustekstin voi määrittää ostoskorissa";display: block;grid-column: 1 / -1;font-size: 13px;line-height: 100%;}
.enknives .pcard-accessory-item::after {content: "You can add an engraving text in the shopping cart";}

@media only screen and (max-width:1280px) {.front-endorse-banners#tr-basic .col-full{grid-template-columns:repeat(2,1fr)}.trbanner img {aspect-ratio: 1/1;}}
@media only screen and (max-width:1024px) {#front-endorse-text, .front-endorse-banners {grid-template-columns: 1fr;}.sp-bg {grid-template-columns: 1fr;grid-gap:0;}#subcategory-text {padding: 2em 4em;}.sp-bg .abs-element{position: relative;order: 2;max-width: 100%;padding: 2em;box-sizing: border-box;width:100%; background:url(../img/header/herobg-img.jpg) left top no-repeat; background-size:cover}}
@media only screen and (max-width:800px) {#front-endorse-text{grid-template-columns:1fr; text-align: center}}
@media only screen and (max-width:768px) {.front-endorse-banners#tr-basic .col-full{grid-template-columns:1fr}}
@media only screen and (max-width:575px) {#subcategory-text {padding: 2em;}#front-brand-banners,#main-category-endorse-s {padding-bottom: 1.5em;}.front-endorse-banners#tr-basic{padding:0;}.tr-basic-endorse {padding:2em 0 !important}}

/* Category browsing */
/* #category-browsing{order:3}*/
#category-browsing ul{display: flex;flex-direction: row;align-items: center;flex-wrap: wrap;justify-content: center;}
#category-browsing ul, #category-browsing li {padding:0; margin:0; list-style-type:none}
#category-browsing li {margin-right:10px;;margin-bottom: 10px;display: block;max-width: max-content;}
#category-browsing ul a {padding:6px 12px; background:#fff; display:block; font-size: 12px; color:#000; border:1px solid #ac4232}
#category-browsing ul a:hover{background:#ac4232; color:#fff;transition: .3s;}

@media only screen and (max-width:1024px) {#category-browsing{order:1;padding: 0;}.tr-basic-endorse .center-col{order:2}}

/* Product card additional info */
#pcard-product-info{background:url(../img/header/content-bg.jpg) center top no-repeat; background-size:cover;}
#pcard-product-info h2 {font-size:min(max(1.2rem, 1.4vw), 1.5rem);}
#pcard-product-info a {font-weight: 500;text-decoration: underline;}

/* Subpage content */
#subpage-card-content-wrap .center-col h1 {font-size:min(max(1.4rem, 2.4vw), 2.6rem);}
#mainlisting-bg #product-listing-wrapper .selaus_iso{display: grid;grid-template-rows: minmax(500px,200px) 1fr;}
.selaus_iso {padding: 1em 1em 0 1em !important;}
#mainlisting-bg #product-listing-wrapper .selaus_iso .selaus_kuva_iso img{width: 100%;object-fit: cover; height:100%}
#mainlisting-bg .p-info-wrapper .selaus_tuotenimi_lyhytkuvaus {display: none;}
#mainlisting-bg .p-info-wrapper .selaus_tuotenimi_iso{min-height:150px}

@media only screen and (max-width:1280px) {#mainlisting-bg #product-listing-wrapper .selaus_iso {grid-template-rows: minmax(320px,200px) 1fr;}}
@media only screen and (max-width:575px) {#mainlisting-bg #product-listing-wrapper .selaus_iso {grid-template-rows: minmax(auto,auto)}.selaus_kuva_iso img{margin:0 auto !important}#mainlisting-bg .p-info-wrapper .selaus_tuotenimi_iso {min-height: unset;padding-bottom:1em}}

/* Business gifts */
#business-wrapper {background: url(../img/header/content-bg.jpg) center top no-repeat;background-size: auto;background-size: cover;}
#business-wrapper .col-4-grid {display: grid;grid-gap: 1em;grid-template-columns: repeat(3,1fr);}

#webiolomake_8_10_1 .lomakeotsikko {display:none;}
#webiolomake_8_10_1 input {margin-bottom:10px; padding:0 10px; height:40px}
/*#webiolomake_8_10_1 #lomakerivi10_11 .lomakeotsikko, #webiolomake_8_10_1 #lomakerivi10_14 .lomakeotsikko{position: absolute;left: 420px;z-index: 2; display:block;}*/
#webiolomake_8_10_1 #lomakerivix10_15 input {max-width:100px} 

#webiolomake_8_10_1 input.lomakenappi_submit{ background: #683c11;}
input[placeholder],textarea[placeholder]{color: #2a2a2a;font-style: italic; font-family:var(--google-font);font-size: 16px;}
#webiolomake_8_10_1 textarea {padding:10px; border-radius:4px; border:1px solid #2a2a2a}

#webiolomake_8_10_1 input[type="radio"] {width: 100% !important;height: 100% !important;position: absolute;left: -9999px;overflow: hidden;}
#webiolomake_8_10_1 div[id^="editcell"] {padding-left: 80px; min-height:40px !important}
#company-gifts-wrap .dgrid-2-cols {border-top: 1px solid #dedede;}
#company-gifts-wrap .kuvagalleriagrid {grid-template-columns: 1fr 1fr 1fr;}
#lomake8-10-1 textarea {width: 441px;border-radius: 6px;border: 1px solid #2a2a2a;}


@media only screen and (max-width:768px) {#company-gifts-wrap .cpadding-rl-m {padding: 0;}#company-gifts-wrap .narrow-col p, #company-gifts-wrap .narrow-col h3 {text-align: left !important;}#company-gifts-wrap .narrow-col h3 {padding-bottom:1em}.even-cpng-col{order:2}}
@media only screen and (max-width:575px) {#lomake8-10-1 textarea {width: 97%;}}

/* Front news */
#front-news {grid-gap:1em 2em; display:grid; grid-template-columns: 2fr 1fr 1fr}
.news-content {background:#f9f5f2;padding:min(max(30px, 2vw), 40px); display: flex; justify-content: center; align-items: center; flex:1; flex-direction: column}
#front-news .abs-element {bottom:15%}
.news-content, .news-content section,.news-content article {height:100%}
.news-content h6 {color:#000}

@media only screen and (max-width:1440px) {#front-news {grid-gap:1em 2em; display:grid; grid-template-columns: 1fr 1fr}#front-news section:last-of-type{grid-column:1/-1; text-align:center;}}
@media only screen and (max-width:1280px) {#front-news{grid-template-columns: 1fr 1fr}.last-news {grid-column:1 / -1}}
@media only screen and (max-width:1024px) {#front-news{grid-template-columns: 1fr;}.news-content {text-align:center;}.news-content img {margin:0 auto}}
@media only screen and (max-width:768px) {#front-news{grid-template-columns: 1fr}}

/* Footer */
footer .headerbox{position:relative; top:0;justify-content: flex-start;}
footer .headerbox p {background:#000; color:#fff; margin:0;font-family: var(--google-heading-font);letter-spacing: -2px;}
#footer-left p {font-weight:500; font-size:min(max(1.2rem, 1.15vw), 1.25rem)}
#footer-left .abs-element img {max-width:480px; min-width:220px;width: auto;min-height: unset;}
#footer-right{background:url(../img/header/footer-right-bg.jpg) center top no-repeat; background-size:cover;}
footer h6 {font-size:min(max(1.4rem, 2.6vw), 2.8rem);}
#quick-categorylinks a{color:#fff; font-family:var(--google-heading-font);font-size:min(max(0.9rem, 1.2vw), 1.3rem);line-height:140%;text-transform: uppercase; text-decoration: none;}
#quick-sitelinks a {color:#caac5b;text-decoration: none;padding: 3px 0;display: block;}
#some-links {grid-column:1 / -1; display: flex; max-width:max-content}
#some-links img {padding:0 10px !important; min-width:unset; min-height:unset}
#sv-link img {max-width: 160px;}

@media only screen and (max-width:1280px) {#footer-left .abs-element img {max-width:360px;}}
@media only screen and (max-width:1024px) {#footer-col{grid-gap:1px 0; grid-template-columns: 1fr}#footer-left > img {min-height:550px}#footer-right{padding:4em 2em}#sv-link img {min-height:unset; object-fit:contain;}}
@media only screen and (max-width:768px) {#footer-left, #footer-right{text-align: center}#footer-left .abs-element img {max-width: 280px; margin: 0 auto;}footer .headerbox {justify-content: center;margin-bottom: 1em;}#some-links {justify-content: center;max-width:unset}  #sv-link img {margin: 0 auto;}}
@media only screen and (max-width:575px) {#footer-left .abs-element {background: rgba(0,0,0,.3);width: 100%;height: 100%;display: flex;justify-content: center;}}
/* Modal - OPTINONAL */
.modal {background: #f0f0f0;}
.modal{border-radius:6px;position:relative;padding-bottom: 60px;}
.modal img {border-radius: 6px 6px 0 0;object-fit: cover;max-height: 180px;padding:0 !important;}
.modal .banner {padding:1em 1em 0 1em}
.modal h2 {font-size: 1.2rem;}
.modal-link {position: absolute;bottom: 1em;background: var(--primary-color); color: #fff;padding: 5px 20px;font-size: 14px;font-weight: 700;left: 1.1em;border-radius: 4px;}
.modal-link a{color:#fff !important}

/* Campaign ribbon */
#campaign-ribbon {background:#ac4232; margin:1em 0; flex-direction:row;justify-content: space-evenly;padding:10px 0}
#campaign-ribbon:empty {display:none;}
#campaign-ribbon span,#campaign-ribbon td,#campaign-ribbon p,#campaign-ribbon a {color:#fff; font-weight:400;font-size:min(max(0.7rem, 1vw),1rem);}

/* Banner - imgmask (optional) */
.banner-imgmask {position: absolute;height: 100%; width: 100%;} /* Optional */
.bannermask-img {opacity: 1 !important;max-height: 100%;object-fit: cover;width: 100%;}
@media screen and (max-width:1024px) {#main-heroimg, .bnr img{object-fit: cover; min-height: 350px;max-height: 50vh;}#herotext img {max-width:100px}} 

/* Main category */
#main-category-endorse-s {grid-template-columns:1fr 1fr}
#main-category-endorse-s .dgrid-2-cols {grid-gap:1em}
#main-category-endorse-s > section{background:url(../img/header/content-bg.jpg) center top no-repeat; background-size:cover;}
#main-category-endorse-s .col-4-grid {display:grid;grid-template-columns: repeat(2,1fr); padding:2em;grid-gap:1em}
#main-category-endorse-s .dgrid-4-cols {grid-template-columns: repeat(auto-fit,minmax(350px,1fr));grid-gap: 2em 10px;}
#main-category-endorse-s .selaus_wrapper {display: flex;}
#main-category-endorse-s .webiolinkkipainike {margin-top:0}

@media only screen and (max-width:1280px) {#main-category-endorse-s .col-4-grid {grid-template-columns: repeat(2,1fr);}}
@media only screen and (max-width:1024px) {#main-category-endorse-s .col-4-grid {padding: 1em;grid-gap:1em 10px;}}
@media only screen and (max-width:768px) {#main-category-endorse-s {grid-template-columns:1fr;}#main-category-endorse-s .selaus_wrapper{justify-content: center}}
@media only screen and (max-width:678px) {#main-category-endorse-s .dgrid-4-cols {grid-template-columns: 1fr;}#main-category-endorse-s .dgrid-2-cols > section {padding: 1em;}}
@media only screen and (max-width:575px) {#main-category-endorse-s .col-4-grid {grid-template-columns: 1fr;}}

/* History */
.history-col {display:grid; grid-template-columns:1fr 1fr;}
.history-imgcol, .history-imgcol > section, .history-imgcol img, .history-imgcol section > div {height: 100%;}

@media only screen and (max-width:1024px) {.history-col {grid-template-columns: 1fr;}#historycol-2 .history-textcol, #historycol-4 .history-textcol {order: 2;}}
@media only screen and (max-width:575px) {.history-textcol.cpadding-xxl {padding: 1em;}}

/* Personel info */
.personel-intro .dgrid-2-cols {grid-gap:3em}

/* Entisoinnit */

#solu167121 table img {aspect-ratio: 1/1;min-height: 300px;max-height: 300px;object-fit: cover;}

/* Mobile tags*/
#mobilemenu-container{height:var(--mobilemenu-container-height);position: relative;right: 0;top: 0;z-index: 2000;width: 100%;background:url(../img/header/navibg.jpg) center top no-repeat; background-size:cover;}
#mobile-logo {display:none;position: absolute;top: 0;left: 0px;z-index: 50000}
#mobilelogo-img { max-width: 140px;height: auto;padding: 0px 0px 0 1.5em}
@media screen and (max-width:1024px) {#main-nav, #shop-langnavi,#logo, footer nav, footer ul, #sidenavi,#navi-wrap, #top-navi-wrap {display: none}}

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

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

/* Webio content classes */
 .webiolinkkipainike, .lomakenappi_submit, .takaisinuutisiin {box-sizing: border-box;cursor: pointer;margin-top: 20px;display: inline-block;text-align: center;font-size: var(--button-font-size);padding: var(--button-padding);background: var(--button-background);color: var(--button-text-color);font-weight: var(--button-font-weight);width: auto;max-width: var(--max-button-width);text-transform: uppercase}.webiolinkkipainike:hover,.takaisinuutisiin:hover { transition: all .3s ease 0s;-webkit-filter: brightness(110%);filter: brightness(110%);text-decoration: none}.tapahtumat, .tapahtumakalenteri_otsikko, .tapahtumakalenteri_valiotsikko, .uutis_otsikko.tapahtumakalenteri_valiotsikko, .uutis_otsikko, .nostettumoduli, .nostettumoduli a, a.nostouutis_otsikko {color: var(--primary-color);font-size: 1.2rem;display: block;}.acc-news-wrapper .uutis_otsikko{border-top: 1px solid #707070;font-family: var(--google-heading-font);letter-spacing: 3px;margin: 0;line-height: 120%;font-size:0.9rem; text-transform:uppercase;padding: 20px 0 5px 0}
details{position:relative; display:flex; justify-content:center; align-items:center;margin-top:20px;}
details:after,details[open]:after{position:absolute; right:0; top: 15px;font-weight: 700;pointer-events:none}
details:after{content:"+"}details[open]:after{content:"-"}.valikkolinkki, .valikkolinkki-sel, .valikkomodulilinkki, .valikkomodulilinkki-sel {text-decoration: none;color: #fff;padding: 5px 0;display: block;}.valikkolinkki-sel, .valikkomodulilinkki-sel {color:#c8a853; font-weight:700;}@media screen and (max-width:480px) {.webiolinkkipainike, .lomakenappi_submit, .takaisinuutisiin {padding: 10px 30px; max-width:100%}}

/* Image gallery */
.kuvagalleriagrid {display: grid;grid-template-columns: var(--img-gallery-rows);grid-gap: 1em}.kuvagalleriakuvatausta {width: 100% !important;height: auto !important;margin: 0 !important}.kuvagalleriakuvatausta .kuva {width: 100%;max-width: 100%;object-fit: cover; padding: 0 !important;height: var(--img-gallery-img-size)}.kuvateksti {padding:10px 0 0 0;padding: 10px 0 0 0;text-align: left;color: #000;}@media screen and (max-width:1024px) {.kuvagalleriakuvatausta .kuva{height: auto;aspect-ratio: 1/1;}}@media screen and (max-width:575px) {.kuvagalleriagrid {grid-template-columns: 1fr}.kuvagalleriakuvatausta .kuva{height: auto; aspect-ratio:4/3}}@media screen and (max-width:480px) {.kuva, .kuva2 {float: none !important;clear: both;padding: 20px 0; box-sizing:border-box;}}#pcard-image-gallery .kuvagalleriagrid{grid-gap:1em 2em}
#tuotekuvat {max-width: 66.7%;margin: 0 auto;}.f-button {background: rgba(255,255,255,0.9) !important;border-radius: 100px !important;color: #000 !important;font-weight: 700 !important;}.f-carousel__dot {background-color: #dedede !important;padding: 10px !important;margin-top: 30px !important;}.f-carousel__dots li{opacity:0.5 !important}.f-carousel__dots li button{height:100% !important}.f-carousel__dots li.is-current{opacity:1 !important}.f-carousel__dots li.is-current span.f-carousel__dot{background-color:#f8f7f3 !important; opacity: 1 !important}
.f-carousel__slide {display:flex;justify-content:center; align-items:center}
@media screen and (max-width:678px) {#tuotekuvat {max-width: 80%;margin: 0 auto;}.f-button svg {width: 15px !important;height: 15px !important;}.f-button {width: 30px !important;height: 30px !important;}}

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

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


/* Forms */
.lomakeotsikko {color: var(--primary-color);font-weight: 700; padding:10px 0;}.lomake-ve-solu input[type=checkbox] {display: none}.lomake-ve-solu input[type=checkbox] + label, .lomake-ve-solu input[type=checkbox]:checked + label {-webkit-appearance: none;display: block;position: relative;height: auto;clear: both;}.lomake-ve-solu input[type=checkbox] + label::before, .lomake-ve-solu input[type=checkbox]:checked + label::before {border-radius: 100%;border: 1px solid #2a2a2a !important;background:#fff;border-radius: 4px;color: #fff;content: "✓";float: left;font-size: 1.2em !important;font-weight: 700;height: 18px;line-height: 11px;margin-right: 20px;padding: 8px 12px 0 8px;position: relative; width: 9px}.lomake-ve-solu input[type=checkbox] + label::before {content: ""}.lomake-ve-solu input[type=checkbox]:checked + label::before { background: #ca5028 none repeat scroll 0 0;color: #fff !important;border: none;padding: 8px 13px 0 7px; border-color:#fff !important}#suodatin input[type=checkbox]:checked + label,.lomake-ve-solu input[type=checkbox]:checked + label {color: #000;box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 -15px 10px -12px rgba(0, 0, 0, .05), inset 15px 10px -12px rgba(255, 255, 255, .1), inset 0 0 10px rgba(0, 0, 0, .1)}.lomake-ve-solu input[type=checkbox] + label:active, .lomake-ve-solu input[type=checkbox]:checked + label:active {box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 1px 3px rgba(0, 0, 0, .1)}.lomake-ve-solu [type=radio]:checked, .lomake-ve-solu [type=radio]:not(:checked) {position: absolute;left: -9999px}.lomake-ve-solu [type=radio]:checked + label, .lomake-ve-solu [type=radio]:not(:checked) + label {position: relative; padding-left: 28px;cursor: pointer;line-height: 20px;padding-bottom: 10px;display: inline-block;color: #666}.lomake-ve-solu [type=radio]:checked + label:before, .lomake-ve-solu [type=radio]:not(:checked) + label:before {content: '';position: absolute;left: 0;top: 0;width: 18px; height: 18px;border: 1px solid #8e8e8e;border-radius: 100%;background: #fff}
.lomake-ve-solu [type=radio]:checked + label:after, .lomake-ve-solu[type=radio]:not(:checked) + label:after {content: '';width: 12px;height: 12px;background: #9ec72a;position: absolute;top: 4px;left: 4px;border-radius: 100%;-webkit-transition: all .2s ease;transition: all .2s ease}.lomake-ve-solu [type=radio]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0)}.lomake-ve-solu [type=radio]:checked + label:after {opacity: 1;-webkit-transform: scale(1); transform: scale(1)}input[type="text"].pmvk, input[type="button"].lpainike { width: auto !important;}@media screen and (max-width:1200px) {.lomake-ve-solu input[type=checkbox] + label::before, .lomake-ve-solu input[type=checkbox]:checked + label::before { margin-bottom: 10px}}tr[id^=lomakerivi] {display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))}input[type=button], input[type=file], input[type=text], textarea {max-width: var(--max-input-width);height:35px;width: 100% !important;box-sizing: border-box;border: 1px solid #2a2a2a; border-radius:4px}textarea,.lomakenappi_submit, input[type=file] {height: auto}.lomakenappi_submit {-webkit-appearance: none;-moz-appearance: none;appearance: none;color: var(--button-text-color);font-size: var(--button-font-size);width: auto;border: none !important;border-radius: 6px;height: 45px !important;font-weight: 700;margin-top: 10px;line-height: 100%}tr[id^="lomakerivi"] select {border: 1px solid #888 !important;padding: 10px;border-radius: 4px;appearance: auto;-webkit-appearance: auto;-moz-appearance: auto;-ms-appearance: auto; width: auto !important;}.lpainike, .pmvk {width: auto;height: auto}.lomake-ve-solu {padding-bottom: 5px;padding-right: 10px}tr[id^="lomakerivi"] table tr {grid-gap: 2em;display: grid;grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));}tr[id^="lomakerivi"] table { width: 100%;position:relative}.rbcb-table tr {grid-gap: 0 !important;}

 /* Mobilemenu */
.mean-bar::before{color:var(--mobilemenu-menutext-color);content:"VALIKKO";top:42px;width:auto;height:auto;right:10px;position:absolute;font-size:9px!important;line-height:100%!important;z-index:2}.meanmenu-reveal{display:none;font-size:30px!important}.meanmenu-reveal{color:var(--mobilemenu-open-close-color);cursor:pointer;display:block;font-size:1px;font-weight:700;height:47px;line-height:22px;margin-top:0;padding:8px 10px;position:absolute;text-decoration:none;text-indent:-9999em;top:0px;width:39px; background: #331000}.meanmenu-reveal.meanclose {padding: 12px 12px 4px 12px;}.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{font-family:var(--google-heading-font);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:#331000 !important;font-weight:700;height:20px!important;margin-top:4px;padding:3px 4px 4px!important;position:absolute;line-height:100% !important;right:10px;text-align:center!important;top:6px;width:23px!important;z-index:2}.mean-remove{display:none!important}#main-navi-resp{display:none}@media screen and (max-width:1024px) {#mobilemenu-container, #main-navi-resp {display: block !important;}#mobile-logo {display: block;}}
#mbllangselect{display:flex;}
#mbllangselect a {background: #c0a04f;color: #000;font-weight: 700;text-align: center;}
#mbllangselect a:first-of-type {border-right: 1px solid rgba(255,255,255,0.7);}
#mbllangselect a:last-of-type {border-right: none;}
.enmblmenu .mean-bar::before {content: "MENU";text-align: center;left: 13px;font-size: 10.5px !important;}

@media screen and (max-width:360px) {.mean-nav li a{font-size:11px}}


.fancybox-toolbar {top: 20px !important;}