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

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

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


:root {
   --primary-color: #0045dc;
   --secondary-color: #ff0000;
   --base-font-size: min(max(1rem, 1.05vw), 1.05rem);
   --base-text-color: #313131;
   --base-line-height: 160%;
   --google-font: 'Titillium Web', sans-serif;
   --google-heading-font:  'Titillium Web', sans-serif;
   --navilink-font-size: min(max(0.8rem, 1.125vw), 18px);
   --navilink-color: #fff;
   --navilink-font-weight: 700;
   --navilink-padding: 20px 15px;
   --navilink-selected-bg: #fff;
   --navilink-selected-color: #000;
   --heading-size-1: min(max(1.8rem, 2.125vw), 2.125rem);
   --heading-size-2: min(max(1.6rem, 1.75vw), 1.75rem);
   --heading-size-3: min(max(1.5rem, 1.75vw), 1.75rem);
   --heading-size-4: min(max(1.5rem, 2.25vw), 2.25rem);
   --heading-size-5: min(max(1.5rem, 1.375vw), 1.375rem);
   --heading-size-6: min(max(1.5rem, 1.375vw), 1.375rem);
   --grid-gap: 2em 3em;
   --button-background: #0045dc;
   --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(120px, 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: #013171;
   --mobilemenu-expand-button: #fcfcfd;
   --mobilemenu-submenu-background: #013171;
   --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)}  img {max-width: 100%;height: auto;display: block;}header.content-col { position: absolute;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);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);}h3, h3 a {font-size: var(--heading-size-3);}h4, h4 a {font-size: var(--heading-size-4);font-weight:500;}h5, h5 a {font-size: var(--heading-size-5);}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:repeat(auto-fit, minmax(220px,1fr))}}


/* Topnavi */
#top-navi{margin: 0;padding: 0;align-items: center;justify-content: space-evenly;display: flex;flex-direction: row;flex-wrap: wrap;list-style: none; text-transform:uppercase;}a#home {font-size: 1rem;padding: 24px 20px;}.top-navi-linkki {text-decoration: none; color:#fff; font-weight:700;}.top-navi-linkki:hover {color: #7d7d7d;}.hpbutton {background: #41b6f1;color: #fff;font-size: 0.9rem;padding:10px 20px;border-radius: 35px;}.center-flex {display: flex;align-items: center;justify-content: center;}
#navi-wrap{background: url(../img/header/navibg.png) center top no-repeat; background-size: cover;}
#navi-wrap .center-col{display:grid; grid-template-columns:2fr 1fr 2fr}
#mobilemenu-container {background: url(../img/header/navibg.png) center top no-repeat; background-size: cover;}
#dtlogo {display:block; margin:0 auto; padding:20px 0 50px 0; max-width:90%}#searchtoggl {color:#322d5f; font-size:0.8rem;padding-left: 10px;}#tarjouslinkki  {display: flex;background:#004c95;position:relative;margin:0 0 0 20px;border-radius: 60px; padding:10px 30px; font-size:0.9rem;}#tarjouskori-maara {width: 18px;height: 18px;font-size: 12px;border-radius: 100%;background: green;display: block;position: absolute;line-height: 150%;top: 4px;left: 46px;}
.fa-shopping-cart {padding:0 20px 0 0; font-size:1.2rem;}
.hpbutton.netstore {background: #0045dc;border: 1px solid rgba(255,255,255,.4);}


@media only screen and (max-width:1660px) {.top-navi-linkki {font-size:0.9rem}.hpbutton{font-size: 0.7rem;padding: 5px 10px !important;}}
@media only screen and (max-width:1440px) {#top-navi a {font-size: 0.75rem;}}
@media only screen and (max-width:1280px) {#top-navi a {padding: 20px 5px;}}
@media only screen and (max-width:1024px) {#navi-wrap {border-bottom:none; position:absolute; z-index:2000; } #searchdiv {margin-bottom:0; padding:0;}#navi-wrap {border-left:1px solid #dee6e6}#tarjouslinkki {padding:0; background:none;}.fa-shopping-cart{color:#003882; padding:0;} #searchtoggl, #tarjouslinkki {padding:10px 15px; text-align: center; margin:0 auto;border-right:1px solid #dee6e6}#tarjouskori-maara {top: 11px;left: 29px;}}


/* Mainmenu */
#main-navi-wrapper{border-bottom: 5px solid #41b6f1;}
#main-navi{align-items: center;justify-content: space-between; display: flex;flex-direction: row; flex-wrap: wrap; list-style: none; margin:0 auto; padding:0;text-align: center; position:relative;}
#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;*/}
#main-navi li a {color:#0045dc;text-decoration:none;display:block;float:none; font-weight:700; font-size:1rem;padding:25px 15px; box-sizing: border-box; text-transform: uppercase}
#drp-navi li a {font-size:1rem; }
#main-navi li a:hover,{color:#000;text-decoration:none;}
#link-sel-1-15, #link-sel-2-16, #link-sel-3-17,#link-sel-4-18, #link-sel-5-19, #link-sel-6-20,#link-sel-7-21 {background:var(--navilink-selected-bg);color:var(--navilink-selected-color); }

/* Drpmenu */
#main-navi li ul {display:none;border-top: 5px solid #003882;}
#main-navi ul {background: #003882 none repeat ; left: 0;margin-top: 0; position: absolute; z-index: 20000; width:100%; box-sizing: border-box;padding:10px 0;}
#main-navi ul li {float: left;display:block;height:auto; width:20%; 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:#fff;text-transform: initial}
#main-navi ul ul { left: 100%;top: 0; display:none !important; }

#main-navi li:hover > ul {display: flex;text-align: center;flex-wrap: wrap;}
@media only screen and (max-width:1660px) {#main-navi {width: 100%;padding: 0 2%;box-sizing: border-box;}#verkkokauppaicon {padding: 8px 20%;font-size: 0.9rem;}}
@media only screen and (max-width:1440px) {#main-navi li a {font-size: 0.9rem; padding:25px 10px;}}
@media only screen and (max-width:1280px) {#main-navi li a {font-size: 0.8rem; padding:25px 10px;}}
@media only screen and (max-width:1120px) {#main-navi li a {font-size: 0.75rem; padding:25px 8px;}}

#order-cart {background:#fff; border-radius:60px; padding:10px;width:max-content;display: flex;  justify-content: center;  align-items: center;}
#sidenavi ul {background: var(--primary-color);padding: 10%;margin: 0;list-style: none;}

@media only screen and (max-width:1660px) {#order-cart {padding: 6px;}#tarjouslinkki {padding: 7px 21px;font-size: 0.8rem;}#tarjouskori-maara {top: 3px;left: 35px;}}
@media only screen and (max-width:1024px) {#navi-wrap {display: block !important;position: absolute;top: 8px;right: 10px;width: auto; border:none;}#top-navi {display: none;}#navi-wrap .center-col {grid-template-columns: 1fr;width: auto;}#tarjouslinkki {border:none;padding: 5px 20px;background:#013171}#tp-teksti {display: none;} .fas.fa-shopping-cart {color:#fff}#order-cart {padding: 0 6px;}#searchtoggl {padding: 8px 5px;}#searchtoggl {border:none;} #tarjouskori-maara {font-size: 9px;display: flex; justify-content: center; align-items: center;}#tarjouslinkki img {margin-right: 0 !important;}}

/* General classes, heroimg, banners */
#main-heroimg {width: 100%; min-height:200px; object-fit:cover}
.heroimg {position: relative;}
.heroimg .abs-element {align-items: center;}
#tr-etusivu-header {background: #f8f8f8;display: table;padding: 60px 0;}
#equipments {display: flex;justify-content: center;}
#equipment-img{position: absolute;bottom: -3vw;z-index: 300;max-width: 34vw;}
#bgbox {background: #41b6f1;border-radius: 8px;padding: 4em; max-width:50ch; text-align: center}
#bgbox h2 {text-transform:uppercase; font-size:min(max(1.4rem, 2.3vw), 2.4rem); color:#004b95}
#bgbox span {display:block;}
#bgbox p {color:#fff;font-size:min(max(1.1rem, 1.375vw), 1.375rem)}
.abs-element {position: absolute;z-index: 200;max-width: 100%;flex-direction: column;display: flex;width: 80%;} 
.dflex {display: flex;flex-wrap: wrap;flex-direction: column;} 
.dflex-row {display: flex;flex-wrap: wrap;flex-direction: row;} 
.center-elements {align-items: center;justify-content: center}
.fwimg {width:100%}
.white-p {color: #fff}
.shadow {text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);}
.headerbox {background: #fff;padding: 10px 10%;border-radius:6px;display: block;margin-bottom:20px; max-width: max-content;}
.bnr {position:relative;} /* Bannerikuva position container */
.bnr img {width:100%;} /* Bannerikuvan maksimileveys */

/* Introduction frontpage*/
#restahovi-introduction .bnr .headerbox p {color:#0045dc; font-weight:700;line-height:120%}
#restahovi-introduction .bnr img {border-radius:6px}
#restahovi-introduction{position:relative;}
#restahovi-introduction .bnr{align-items: flex-start;}
#restahovi-introduction .bnr h2, #restahovi-introduction .bnr p {color:#fff}
#restahovi-introduction .abs-element{max-width:70%; width:100%;padding:2em 0 2em 4em}
.cmark{font-size: min(max(1rem, 1.2vw), 1.2rem);padding-left:30px;  background: url(../img/header/check-icon.png) left center no-repeat; background-size: 20px; line-height: 200%;}
#restaperson-img{position: absolute;z-index:2;bottom: 0;right: -1.3vw;height: 100%;width: auto; pointer-events:none}

/* Product endorse frontpage */
#endorse-products-front{background: url(../img/header/bgpattern.png) center top repeat}
#endorse-modals .col-full, #endorse-modals-sub .tuoteryhmaetusivu_tuotedivi,.endorse-lift .col-full {display:grid;grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); grid-gap:1em}
.tuoteryhmaetusivu_tuotteet {grid-column: 1/-1;}
.tuoteryhmaetusivu_tuotedivi {grid-template-columns: repeat(auto-fill, minmax(250px, 1fr))}
.price-tag {background: #f00;display: flex;justify-content: center;align-items: center;color: #fff;border-radius: 4px;padding: 5px;}
.price-tag p {color:#fff; font-size:1.3rem;font-weight:700;line-height:100%;display: flex;flex-direction: column;}
.modal-front .price-tag p:before{content:"Tarjous"; font-size:13px; color:#fff; text-transform: uppercase; line-height:100%; font-weight:400} 

/* Services frontpage */
#restahovi-services{background: url(../img/header/service-bg.jpg) center top repeat; background-size:cover; border-radius:12px;max-width: calc(100% - 6em);margin: 2em auto 0 auto; text-align:center;}
#restahovi-services .bnr img {width:auto;max-width: 12vw;margin:0 auto 2em auto;}
#restahovi-services h2, #restahovi-services p{color:#fff}

@media only screen and (max-width:1800px) {#equipment-img {max-width: 32vw;}}
@media only screen and (max-width:1660px) {#restaperson-img {right: -4.3vw;max-height: 90%;width: auto;object-fit: contain;}}
@media only screen and (max-width:1440px) {#restahovi-introduction .abs-element{padding:2em 0 2em 2em}.headerbox {padding: 10px 5%;}}
@media only screen and (max-width:1024px) {#equipment-img {bottom: -5vw;}#restaperson-img {display:none;}#restahovi-introduction .abs-element {padding: 1em 2em;align-items: center;  max-width: 100%;}#restahovi-introduction .bnr img { min-height: 360px;object-fit: cover;}#restahovi-introduction .bnr {align-items: center;}.cmark{width:160px}}
@media only screen and (max-width:768px) {#herotext{position: relative;order: 2;width: 100%;}#bgbox {background: #41b6f1;border-radius: 0;max-width: unset;width: 100%;}#bgbox {padding:2em} #bgbox span {display: initial;}#restahovi-services .bnr img {max-width: 22vw;}#restahovi-services .dgrid-2-cols {padding:0;}#restahovi-introduction {padding: 2em 0;}  #equipment-img {max-width: 300px;}}
@media only screen and (max-width:575px) {#restahovi-services .bnr img {max-width: 32vw;}#restahovi-services {max-width: calc(100% - 2em);margin: 1em auto;}}

/* Modal */
.modal{border-radius:6px;position:relative;border:1px solid #b8e7ff; background:#fff; padding:1em}
.modal img {object-fit: contain;padding:0 !important;max-height:200px; min-height:200px;margin: 0 auto;}
.modal-img .dgrid-2-cols {grid-gap:1em;align-items: center; grid-template-columns: repeat(2,1fr) !important}
.manufacturer-logo img {max-height: 20px;min-height: unset;}
.modal-text {padding:1em 0 0 0}
.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}

@media only screen and (max-width:1280px) {.modal-img > img {max-height: 140px;min-height: 140px;}}
@media only screen and (max-width:768px) {.modal-img > img {max-height: 100px;min-height: 100px;}.price-tag p {color:#fff; font-size:1rem;}.modal-front .price-tag p::before {font-size: 9px;}.modal h2 {font-size: 0.8rem;}.modal-text p {font-size: 0.9rem;}}
@media only screen and (max-width:575px) {#endorse-modals .col-full, #endorse-modals-sub .tuoteryhmaetusivu_tuotedivi,.endorse-lift .col-full {grid-template-columns: repeat(2,1fr);}.modal img {max-height: 130px;min-height: 130px;}}


/* Product card */
#pcard-img img{width: auto;padding-top: 3em;min-width: 400px;}
@media only screen and (max-width:1024px) {.pcard-extra-content iframe {width:100%}#pcard-wrapper {grid-template-columns:1fr 2fr}#pcard-img img {min-width: 200px;margin: 0 auto;max-height: 300px;object-fit: contain;}}
@media only screen and (max-width:678px) {#pcard-wrapper {grid-template-columns:1fr; padding:1em 0 2em 0;}#pcard-wrapper #pcard-img{grid-template-columns:1fr}#pcard-img img {max-height: 220px;}}

/* Reference */

#reference table {max-width: 70%;margin: 0 auto;}
#reference tr {display: grid;grid-template-columns: 1fr 4fr;align-items: center;}
@media only screen and (max-width:1024px) {#cookienotice {position: fixed !important;}}

@media only screen and (max-width:678px) {#reference tr {grid-template-columns: 1fr;}#reference table img {max-width: 180px;margin:0 auto 2em auto;}}

/* Footer */

#crosslink-banneri {background: url(../img/header/kaytetyt-ravintolalaitteet.jpg) center center no-repeat; background-size: cover; padding:3% 0; border-bottom:5px solid #322d5f;cursor:pointer;display: grid;grid-template-columns: 1fr 1fr;}
#crosslink-banneri .imgtext {background: rgba(0,56,130,0.9);border-bottom: 10px solid #f36300; color:#fff; font-size: 1.667rem;width:90%; border-bottom: 10px solid #003882;box-sizing: border-box;padding: 25px 30px;border-top-left-radius: 20px;border-bottom-left-radius: 20px;width: 100%;display: flex;justify-content: center;align-items: center;}
#crosslink-banneri .webiolinkkipainike {background:#41b6f1;margin: 0 0 0 20px}
#crosslinkheader {line-height: 100%;color: #fff;}
#crosslink-logo{margin: 0 auto;}

@media only screen and (max-width:1750px) {#crosslink-banneri {grid-template-columns: 1fr 2fr;}}
@media only screen and (max-width:1440px) {#crosslinkheader {font-size: 1.4rem;}}
@media only screen and (max-width:1024px) {#crosslink-banneri {grid-template-columns: 1fr;padding:5% 0;}#crosslink-banneri .imgtext{border-top-left-radius: 0;border-bottom-left-radius: 0;flex-direction: column;text-align: center;margin-bottom: 0;}#crosslink-banneri .webiolinkkipainike {margin: 1em 0 0em 0;}#crosslink-logo {margin: 0 auto;max-width: 200px;}#crosslink-banneri {padding:3% 0 0 0;}}

footer {background: url(../img/header/bgpattern.png) center top repeat}
footer .dgrid-2-cols {align-items: flex-start}
.footer-headerbg p {color:#0045dc; font-weight:700; font-size:min(max(1.1rem, 1.375vw), 1.375rem); text-transform: uppercase}
#contact .abs-element {display:initial}
#contact .abs-element img{width:auto; min-width:unset}
#contact .bnr > img {border-radius:6px}
.footer-headerbg{background:#f9ffff; padding:0.7em 1em;border-radius:6px}
#headerbg-myymala, #extracol {grid-column: 1 / -1;}

@media only screen and (max-width:575px) {#contact .abs-element img {max-width: 160px;}}
#endorse-modals-sub .modulikuvausteksti {grid-column:1 / -1}
/* Quicklinks */
#quicklinks {background: url(../img/header/footerbg.png) center top repeat}
#quicklinks #icon-links {display: grid;grid-template-columns: repeat(8,1fr);grid-gap: 1em;justify-content: center;text-align: center;}
#quicklinks img {margin:0 auto; padding-bottom:1em; width: 5vw;}
.quicklink-item {background: #0045dc;border-radius: 12px;padding: 1em;}
.quicklink-item h6{color:#fff; font-size:min(max(0.8rem, 1.2vw), 1.2rem);}
#quicklinks-textlinks{display: flex;justify-content: center;}
#quicklinks-textlinks a {color:#fff; padding:0 10px;}

@media only screen and (max-width:1280px) {#quicklinks .center-col{width:96%}}
@media only screen and (max-width:1024px) {#quicklinks #icon-links {grid-template-columns: repeat(4,1fr);}}
@media only screen and (max-width:575px) {#quicklinks #icon-links {grid-template-columns: repeat(2,1fr);width:90%}#quicklinks img {width: 12vw;}}

/* Mobile tags*/
#mobilemenu-container{height:var(--mobilemenu-container-height);position: relative;right: 0;top: 0;z-index: 2000;width: 100%;}
#mobile-logo {position: absolute;top: 0;left: 4em;z-index: 50000}
#mobilelogo-img { max-width: 120px;height: auto;padding: 10px 0px 0 0em}
@media screen and (max-width:1024px) {#main-nav, #logo, footer nav, footer ul, #sidenavi,#main-navi-wrapper,#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 {border-radius:6px;box-sizing: border-box;cursor: pointer;margin-top: 20px;display: inline-block;text-align: center;font-size: var(--button-font-size);padding: var(--button-padding);background: var(--button-background);color: var(--button-text-color);font-weight: var(--button-font-weight);width: auto;max-width: var(--max-button-width);}.webiolinkkipainike:hover,.takaisinuutisiin:hover { transition: all .3s ease 0s;-webkit-filter: brightness(110%);filter: brightness(110%);text-decoration: none}.tapahtumat, .tapahtumakalenteri_otsikko, .tapahtumakalenteri_valiotsikko, .uutis_otsikko.tapahtumakalenteri_valiotsikko, .uutis_otsikko, .nostettumoduli, .nostettumoduli a, a.nostouutis_otsikko {color: var(--primary-color);font-size: 1.2rem;display: block;}.acc-news-wrapper .uutis_otsikko{border-top: 1px solid #707070;font-family: var(--google-heading-font);letter-spacing: 3px;margin: 0;line-height: 120%;font-size:0.9rem; text-transform:uppercase;padding: 20px 0 5px 0}
details{position:relative; display:flex; justify-content:center; align-items:center;margin-top:20px;}
details:after,details[open]:after{position:absolute; right:0; top: 15px;font-weight: 700;pointer-events:none}
details:after{content:"+"}details[open]:after{content:"-"}.valikkolinkki, .valikkolinkki-sel, .valikkomodulilinkki, .valikkomodulilinkki-sel {text-decoration: none;color: #fff;padding: 5px 0;display: block;}@media screen and (max-width:480px) {.webiolinkkipainike, .lomakenappi_submit, .takaisinuutisiin {display:block;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 {max-width: 100%;object-fit: cover; padding: 0 !important;}@media screen and (max-width:575px) {.kuvagalleriagrid {grid-template-columns: repeat(2, 1fr)}.kuvagalleriakuvatausta .kuva{height: 150px}}@media screen and (max-width:480px) {.kuva, .kuva2 {float: none !important;clear: both;padding: 20px 0; box-sizing:border-box;}}

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

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

/*------ HAKU -------*/
#search {margin:10px auto 0 auto; text-align: center; float:right; width:18%;}
#search form {display: inline-block; margin: 0 auto; width:100%}
#search table, #search tbody, #search tr, #search td {display:block; width: 100%} 
#search .btn {display:none;}
#search {width: 80% !important; margin: 0 auto !important;padding: 10px 10%;background: #ededed; display:none;}
#search input#pikahakusana{padding:20px;}
#search input.verkkokauppahakupainike {font-size: 1rem;padding: 20px;}
#search #verkkokauppatuotehaku {width:78% !important; padding:0 0 0 2%; text-align:left;}
fieldset.search {border: none;padding: 0;margin: 0;display: flex;justify-content: center;}
.fa-search {padding-top:7px;}
input#pikahakusana {width: 75% !important;border: none;padding: 10px 0px 10px 10px;border-bottom-left-radius: 3px;border-top-left-radius: 3px;font-size: 0.9em;float: left;display: block;box-sizing: border-box;margin:0 !important}
input.hakupainike { background: #003882;border: none;border-bottom-right-radius: 3px;border-top-right-radius: 3px;padding: 0px;color: #fff;font-weight: 700;text-transform: uppercase;font-size: 0.9em;box-sizing: border-box;float: left;width: 100px !important; margin:0 !important}
input.verkkokauppahakupainike:hover {cursor:pointer;}

.hakupainike:hover {cursor:pointer;}

/* Hakutulosboxi */
.sivustohakukentta{z-index:500000000 !important; max-width: 100%;}
.sivustohakukentta td[align^="right"] a { display:none !important;background: #82c341;width: 60px;padding: 2px 0;font-size: 11px;text-transform: uppercase;color: #fff;text-align: center; margin-right: 5px;} 

@media only screen and (max-width:1660px) {#pikahakusana, .hakupainike{font-size: 1rem !important;}}
@media only screen and (max-width:1024px) {#search{padding:20px 3% 10px 3%;margin: 10px auto 0 auto;width: 94% !important;}}

.tree-node {line-height:100%;}

/* Hakutulosboxi */
#verkkokauppatuotehaku{z-index:500000000 !important; max-width: 100%; margin-top:37px; overflow-x:hidden !important; height:250px !important;}
#verkkokauppatuotehaku td[align^="right"] a { display:none !important;height:auto !important;background: #82c341;width: 60px;padding: 2px 0;font-size: 11px;text-transform: uppercase;color: #fff;text-align: left; margin-right: 5px;} /* Sulje haku button */
#verkkokauppatuotehaku br {display:none;}


@media only screen and (max-width:1024px) {#search{z-index: 2000;position: relative;}.fa-search {padding-top:0px;}}

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


/* Old styles */

#hakulomake2 tr {display: flex;}
#tarjouslinkki img {max-width: 30px;margin-right: 10px;}
/* Tuoteryhman etusivu */

#tr-etusivu-header {background:#f8f8f8; display:table; padding:60px 0;}
#tr-etusivuotsikko, #tk-otsikko {margin:0 auto; width:90%; text-align: center; font-size:2rem;}
#tk-otsikko {text-align: left; width:100%;}
#breadcrump {color: #6b6b6b;width: 90%;height: auto; margin:0 auto; text-align: center;}
#breadcrump a {color: #6b6b6b; font-size: 0.9rem;}

@media only screen and (max-width:678px) {#tk-otsikko {font-size: 1.4rem;}}

/* Listaus - Alatuoteryhmien otsikkopalkki */
.tuoteryhmaetusivu_tuotteet {width:100%;}
.tuoteryhmaetusivu_tuoteryhmapalkki { color: #0c64a7; background: #5175bf;	font-size: 1em; margin: 25px 0 15px; padding: 7px 0 7px 1%; width: 99%; display:flex; align-items: center;}
.tuoteryhmaetusivu_tuoteryhmapalkki_tuoteryhmanimi { float: left; width: 69%; font-size: 1.125em; font-weight: 500; text-transform: uppercase; padding-left:1%;color:#fff !important;}
.tuoteryhmaetusivu_tuoteryhmapalkki_linkki {float: left; padding-right: 0%; text-align: right; width: 29%; line-height: 110%;}
.tuoteryhmaetusivu_tuoteryhmapalkki_linkki a {border-radius: 4px;font-size: 0.8rem; font-weight:bold;color:#fff !important;margin: auto 0 auto auto;text-align: right; text-align:center;}
.tuoteryhmaetusivu_tuoteryhmapalkki a::before {content: " ";border-left: 1px solid rgba(255,255,255,0.5);padding-left: 10px;}
.tuoteryhmaetusivu_alapalkki {text-align:center;margin-bottom: 60px;width: 100%;margin-top: 2em;}
.tuoteryhmaetusivu_alapalkki a {background: #003882;padding: 10px 2%;display: inline-block;text-align: center;color: #fff;border-radius: 30px;width: auto;margin: 0 auto;}
.tuoteryhmaetusivu_tuotedivi {flex:1 0 100%}
@media only screen and (max-width:1280px) {.tuoteryhmaetusivu_tuoteryhmapalkki_linkki a {font-size: 1rem;}}
@media only screen and (max-width:1024px) {.tuoteryhmaetusivu_tuoteryhmapalkki_linkki,.tuoteryhmaetusivu_tuoteryhmapalkki_tuoteryhmanimi {width:49%;}.tuoteryhmaetusivu_alapalkki a {width:50%;}.tuoteryhmaetusivu_tuoteryhmapalkki_linkki {display:none;}}
@media only screen and (max-width:575px) {.tuoteryhmaetusivu_alapalkki a {width: auto;box-sizing: border-box;padding: 10px 10%;}.tuoteryhmaetusivu_tuotedivi .valikkonosto-text {text-align:center;}}
@media only screen and (max-width:480px) {.tuoteryhmaetusivu_tuoteryhmapalkki_linkki, .tuoteryhmaetusivu_tuoteryhmapalkki_tuoteryhmanimi {width: 100%;float: none;clear: both;box-sizing: border-box;padding: 5px 20px;line-height: 120%;text-align: center;font-size: 1.1rem;}}

/* Tuotesivu */
.webiolinkkipainike.tp-painike {display: flex;justify-content: center;align-items: center;}
#pcard-description .webiolinkkipainike span {background: #f36300;border-radius: 60px;display: inline-flex;justify-content: center;align-items: center;width: 20px;height: 10px;min-height:10px; min-width:20px;line-height: 0%;padding-bottom: 7px;padding-top: 3px;margin-left: 10px;}
#tuotekortti-wrapper {background: url(../img/header/tuotesivu-bg.png) center top repeat-x;}
.tuotekortti-content {display:flex;}
#tuotekortti-otsikko {padding:40px 0; margin: 0 0 40px 0}
.col-33.tuotekortti-tuotekuva .kuva {width: 70%;height: auto;}
.tuotekortti-tuotekuva{padding:40px 0}
.tuotekortti-tuotekuva img {margin: 0 auto;display: block;}
.tuotekortti-teksti {padding:0 5%;}
.tuotekortti-col {padding-bottom:40px;}
.tuoteryhmaetusivu_tuotedivi .valikkonosto img {max-height: 200px;object-fit: contain;margin: 0 auto;}

#breadcrump.tuotekortti-murupolku {width:100%; text-align: left;}

table#lomake63-1-1 tr#lomakerivi1_13 {display: none;}

@media only screen and (max-width:1024px) {.tuotekortti-content {flex-direction:column; }.tuotekortti-tuotekuva {order:2; background: #f9f9f9;}.tuotekortti-tuotekuva img {max-width:90%}a.webiolinkkipainike.tp-painike {width:100%;font-size:1.1rem}}
@media only screen and (max-width:720px) {#breadcrump a {line-height:120%}#breadcrump.tuotekortti-murupolku {margin-bottom: 2em;}}/* Tuoteryhmakaruselli */
#tuoteryhmakaruselli-wrapper {background: #f8f8f8;}
.tuoteryhmakaruselli-item {background: #003882; padding:50px; box-sizing: border-box; margin: 0 2%; width:96%;}
.tuoteryhmakaruselli-header {color:#fff; text-align:center;}
.tuoteryhmakaruselli-text {color:#d3d3d3}
@media only screen and (max-width:1660px) {#tuoteryhmakaruselli-content {width:98% !important; margin:0 auto;}}
.center-col iframe {max-width: 100%;margin: 0 auto!important}.dtable {display: table}.col-25, .col-33, .col-50, .col-67, .col-75 {box-sizing: border-box}.col-full {clear: both;width: 100%}.col-3-center {margin: 0 2%;padding: 0}.colpadding {padding-bottom: 20px}
@media only screen and (max-width:1024px) {.col-25, .col-3, .col-33, .col-50, .col-67, .col-75, .col-left, .col-right {clear: both;float: none;margin-bottom: 20px;width: 100%}}
.dflex,.tuoteryhmaetusivu_tuotedivi {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}
#link-sel-1-2, #link-sel-2-3, #link-sel-3-4, #link-sel-4-5 {background: #003882;text-decoration: none}
.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:1024px) {table, td, tr {height: auto !important}#tr-etusivu-header {padding: 20px 0;}#pcard-img img {padding: 0;}#pcard-img .col-full {margin:0;}}
@media only screen and (max-width:720px) {.vpadding-40 {padding: 20px 0}.vpadding-60 {padding: 40px 0}.vpadding-80 {padding: 60px 0}.vpadding-100 {padding: 80px 0}}
@media only screen and (max-width:575px) {.vpadding-60 {padding: 20px 0}.vpadding-80 {padding: 40px 0}.vpadding-100 {padding: 60px 0}}
@media only screen and (max-width:480px) {#tuoteryhmakaruselli-wrapper {padding: 0 0 40px 0;}.tuoteryhmakaruselli-header {font-size:1.4rem; padding:5px 0;}.tuoteryhmakaruselli-icon img {width: 70px;}.tuoteryhmakaruselli-item {padding:20px;}}

/* Stock */
.stockdiv-content p {font-weight:700; font-size:16px}
.orderproduct{background:#efb629}
.valmistajapaikka::before, .tuotemerkkipaikka::before {content: "VALMISTAJA";display: block;font-weight: 700;font-size: 15px;line-height: 100%;margin-top: 10px;}
.tuotemerkkipaikka::before {content: "TUOTEMERKKI";}
.valmistajapaikka, .tuotemerkkipaikka {padding-top: 1em;font-family: var(--google-font);}
.tuotemerkkipaikka:empty,.valmistajapaikka:empty{display:none;}


/* Pcard extra images */
.pcard-extra-content .kuvagalleriakuvatausta .kuva {width: 100%;aspect-ratio: 4/3;}

@media only screen and (max-width:1024px) {.kuvagalleriagrid {grid-template-columns: 1fr 1fr;}}
@media only screen and (max-width:678px) {.kuvagalleriagrid {grid-template-columns: 1fr 1fr 1fr;}}
@media only screen and (max-width:575px) {.pcard-extra-content .kuvagalleriagrid {grid-template-columns: 1fr 1fr 1fr 1fr;}.pcard-extra-content .kuvagalleriakuvatausta .kuva{aspect-ratio: 4/3;height: auto;}}