@charset "UTF-8";
/* Global */@media only screen and (max-width:1280px) {#vk-yleislistaus-content {padding-top:2em}}
body,html,p{margin:0;padding:0}a,body,html,li,p,td,ul{font-family: 'Poppins', sans-serif !important; font-weight:400; color:#202020;}body{font-size:calc(1rem + .1vw);line-height:calc(1rem + 0.7vw)}h1,h1 a,h2,h2 a,h3,h3 a,h4,h4 a,h5,h5 a,h6,h6 a{font-family: 'Teko', sans-serif;margin:0;padding:0 0 0 0;line-height:110%}h1,h1 a{font-size:3rem; color:#58613d}h2,h2 a{font-size:3.5rem}h3,h3 a{font-size:3.75rem}h4,h4 a{font-size:1.625rem}h5,h5 a{font-size:1.5rem}h6,h6 a{font-size:1.25rem}article,div,footer,header,section{box-sizing:border-box}.erikoiskuva,.kuva,.kuva2{border:0;outline:0;max-width:100%;height:auto;display:block;margin:0;cursor:pointer}a{color:#ff6600;text-decoration:none}a:hover{text-decoration:underline}div{box-sizing:border-box;}picture {width:100%;}@media only screen and (max-width:1660px){h1, h1 a{font-size:2.675rem}h2, h2 a{font-size:2rem}h3, h3 a{font-size:1.75rem}h4, h4 a{font-size:1.5rem}h5, h5 a{font-size:1.25rem}}@media only screen and (max-width:860px){body{line-height:calc(1rem + 1vw)}.subpage table,.subpage td,.subpage tr{display:block;width:100%!important;height:auto;clear:both;box-sizing:border-box}.subpage tbody{width:100%;display:inline-block}}@media only screen and (max-width:1024px){p {line-height: 160%;}}@media only screen and (max-width:720px){h1, h1 a{font-size:2rem}h2, h2 a{font-size:1.75rem}h3, h3 a{font-size:1.625rem}}@media only screen and (max-width:480px){body{line-height:calc(1rem + 1.6vw)}h1, h1 a{font-size:1.5rem}h2, h2 a{font-size:1.5rem}h3, h3 a{font-size:1.25rem}h4, h4 a{font-size:1.25rem}h5, h5 a{font-size:1.25rem}h6, h6 a{font-size:1.25rem}}@media only screen and (max-width:375px){h1,h2,h3,h4,h5,h6{word-wrap:anywhere}}

/* Wrappers */
.content-col {width:100%; clear:both; position: relative;}.center-col {max-width:1600px; clear:both; position: relative; margin: 0 auto}.content-col img, .center-col img,section img,article img  {max-width: 100%;height: auto}.center-col iframe {max-width: 100%;margin: 0 auto !important} .subpage > .center-col{max-width:1200px;}@media only screen and (max-width:1660px) {.center-col {width: 1400px}}@media only screen and (max-width:1440px) {.center-col {width: 1200px}}@media only screen and (max-width:1280px) {.center-col {width: 90%;margin: 0 auto}}
        
/* Grids */  
.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:1em;clear:both; position: relative;}.nogap{grid-gap:2em 0;}.dgrid-2-cols {grid-template-columns: repeat(2, 1fr);}.dgrid-3-cols {grid-template-columns: repeat(3,1fr)}.dgrid-4-cols {grid-template-columns: repeat(4,1fr);} 
@media only screen and (max-width:1280px) {.dgrid-4-cols {grid-template-columns: repeat(2,1fr)}}@media only screen and (max-width:1024px) {.dgrid-2-cols {grid-template-columns: 1fr;}}@media only screen and (max-width:768px) {.dgrid-4-cols, .dgrid-3-cols{grid-template-columns: 1fr}}@media only screen and (max-width:420px) {.dgrid-3-cols {grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));}}      
        
/* Fluid grids */
.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}@media only screen and (max-width:1024px) {.dgrid-s-m-s-cols,.dgrid-s-xl-cols,.dgrid-xl-s-cols,.dgrid-m-l-cols,.dgrid-l-m-cols {grid-template-columns: 1fr}}

/* Flex */
.dflex {display: flex;flex-wrap:wrap;}.dflex-row {display:flex;grid-gap:1em;}.dflex-row > div {flex:1;}.center-elements {align-items: center; justify-content: center}.colpadding {margin-bottom: 2em;}@media only screen and (max-width:1024px) {.dflex-row{flex-direction:column;}}

/* Absolute postioned element */
.abs-element {position: absolute;z-index: 200;}
            
/* Paddings */
.cpadding-s{padding:1em}.cpadding-m{padding:2em}.cpadding-l{padding:3em}.cpadding-xl{padding:4em}
.cpadding-tb-s{padding:1em 0}.cpadding-tb-m{padding:2em 0}.cpadding-tb-l{padding:3em 0}.cpadding-tb-xl{padding:4em 0}.cpadding-t-s{padding:1em 0 0 0}.cpadding-t-m{padding:2em 0 0 0}.cpadding-t-l{padding:3em 0 0 0}.cpadding-t-xl{padding:4em 0 0 0}.cpadding-b-s{padding:0 0 1em 0}.cpadding-b-m{padding:0 0 2em 0}.cpadding-b-l{padding:0 0 3em 0}.cpadding-b-xl{padding:0 0 4em 0}.cpadding-rl-s{padding:0 1em}.cpadding-rl-m{padding:0 2em}.cpadding-rl-l{padding:0 3em}.cpadding-rl-xl{padding:0 4em}
        
@media only screen and (max-width:1024px) {.cpadding-rl-s{padding:0 0.5em}.cpadding-rl-m{padding:0 1em}.cpadding-rl-l{padding:0 2em}.cpadding-rl-xl{padding:0 3em}}
@media only screen and (max-width:480px) {.cpadding-xl {padding:2em}.cpadding-tb-s{padding:2em 0}.cpadding-tb-m{padding:2em 0}.cpadding-tb-l{padding:2em 0}.cpadding-tb-xl{padding:2em 0}.cpadding-t-s{padding:2em 0 0 0}.cpadding-t-m{padding:2em 0 0 0}.cpadding-t-l{padding:2em 0 0 0}.cpadding-t-xl{padding:2em 0 0 0}.cpadding-b-s{padding:0 0 2em 0}.cpadding-b-m{padding:0 0 2em 0}.cpadding-b-l{padding:0 0 2em 0}.cpadding-b-xl{padding:0 0 2em 0}}.col-left, .col-right, .col-full, .col-3, .col-3-center {width:100% !important; float:none !important}   
    
/* Verkkokauppa header */
#logo img {display:block; float:none; margin:0 auto; padding:20px 0;}@media only screen and (max-width:1280px) {#logo img {max-width:120px;}}@media only screen and (max-width:1024px) {#logo { width: auto;padding-left: calc(50px + 5%);}#navi-wrap {display: block !important;width: auto !important;}#logo img {position: relative; z-index: 50000000;max-width:130px;margin: 0 auto;}#logo #frt-logoimg{padding: 0px 0 0 0;top: 6px;}.at-heroblock #logo {margin-top: 18px;}}

/* ----- Paavalikko ------- */

header {background:url(../img/header/header-bg.jpg) center top no-repeat; background-size:cover;display: grid;grid-template-columns: 1fr;}
header .center-col {width:100%; align-items:center;}
#dark-header {background:rgba(0,0,0,0.8)}
.dark-header-small{padding: 0 0 1.5em 0;}
#etusivu-mainheader {color:#fff; text-transform:uppercase;}
#top-navi{max-width:1600px; margin: 0px auto;padding: 0; justify-content: space-between}header nav {background:#2b2b2b;}
#top-navi a#home {font-size: 1rem;padding: 24px 20px;}#top-navi a:hover {color: #7d7d7d;}

@media only screen and (max-width:1660px) {#top-navi{max-width:90%;}}
@media only screen and (max-width:1280px) {#top-navi{max-width:93%;}}
@media only screen and (max-width:1024px) {#header-small {height:82px; padding:0;}.dark-header-small{padding:0;}#dark-header{background:none;}#dark-header-content{height:100%}}

/* Tippuvalikko */
#main-navi-wrapper-menu-open {position:absolute; background: #3D3D3D; z-index:2200}
div.linkkipalstat {display:none;padding:3em 0;}
nav > div  a {text-align: center; padding: 20px 15px; box-sizing:border-box;font-size:1.2rem;display:block;font-weight: 700;text-decoration: none;color: #fff;text-transform:uppercase;}
 
.flex-navicols-normal > div {flex: 0 1 20%; margin-bottom:2em}
.linkkipalsta .mainlevel a:after, .main-navi-drplink a:after{content:"›"; font-weight:400; padding-left:5px}
.linkkipalsta a {color:#000; font-size: 1rem; font-weight:400;text-align: left;padding:0; text-transform: none;line-height: 140%;}
.flex-navicols-normal a {color: #efec00 !important;font-weight: 700 !important;font-size: 1.2rem !important;}.flex-navicols-normal .valikkokuva a:before{content:""; display:none;}
.linkkipalsta p a {color:#fff !important; font-size:1rem !important; font-weight:400 !important;}
.linkkipalsta p a:before{content:"›"; font-weight:400; padding-right:10px}

#sel-1-6, #sel-2-7, #sel-3-8, #sel-4-9, #sel-5-10, #sel-6-11, #sel-7-12 {background: #fffc01;color: #2b2b2b;}
.avautuva_valikko_1 a,.avautuva_valikko_2 a,.avautuva_valikko_3 a,.avautuva_valikko_4 a,.avautuva_valikko_5 a,.avautuva_valikko_6 a{background: url(../img/header/navimark.png) right center no-repeat;}
.main-navi-drplink a {padding: 0 0 10px 0;}

@media only screen and (max-width:1660px) {.linkkipalstat{max-width:90%; margin:0 auto;}nav > div  a {text-align: center; padding: 20px 10px; font-size: 1.15rem;} .flex-navicols-normal a {font-size: 1rem !important}.flex-navicols {max-width: 100%;}}
@media only screen and (max-width:1440px) {.linkkipalstat img {max-width: 80% !important; height:auto;}#top-navi a {font-size: 0.88rem;}}
@media only screen and (max-width:1280px) {.linkkipalstat{max-width:93%;}nav > div  a {text-align: center; padding: 20px 10px; }.linkkipalsta .mainlevel a, .drplinks-2 a{font-size:1.2rem; color:#ff6600}.flex-navicols-normal a {font-size: 0.9rem !important;}}
@media only screen and (max-width:1024px) {header .center-col  {grid-template-columns: 9fr 1fr !important;}#navi-wrap {border-bottom:none; height:80px}#searchbar{display:none;}header nav {display:none;}}


/* Etusivu */

/* Etusivu karuselli - ajankohtaista */

#etusivu-karuselli, #tr-etusivu-paakuva{position:relative; justify-content:center;}
#etusivu-karuselli img, #tr-etusivu-paakuva img {width:100%; display:block;}
.karuselliteksti, #tr-etusivu-paakuva-teksti {width:80%; bottom:10%; left:10%}
#ajankohtaisnosto {background:rgba(255,252,0,0.9); border: 10px solid #e2e2e2; height:100%}
#ajankohtaista-wrapper h2, #ajankohtaista-wrapper h2 a, #ajankohtaista-wrapper h3, #ajankohtaista-wrapper h3 a,#ajankohtaista-wrapper span {color: #2b2b2b !important;}

@media only screen and (max-width:1660px) {#ajankohtaista-wrapper {width:94%}}
@media only screen and (max-width:1024px) {#ajankohtaista-wrapper {grid-template-columns: 1fr !important}}

/* Etusivun tuotenostot ja tuoteryhmat */

#tuotteet-ja-tuoteryhmat-wrapper{background:#fef5df url(../img/header/asetalo-tuotteet-ja-tuoteryhmat.jpg) center bottom no-repeat; background-size: cover}
#trbannerit {grid-gap:3em}
#trbannerit img{ width:100%;display:block; opacity: 0.6; max-width:100%}
.tr-banneri{position:relative; background: #000; border: 10px solid #e2e2e2; height:100%;transition: transform .2s;}
.tr-banneri:hover {transform: scale(102%);}
.tr-banneri img {width:100%; display:block;}
.tr-banneri a {width:100%}
.tr-teksti {width:100%; bottom:5%}
.alatuoteryhmalistaus td {line-height: 130%;}
.headerbox{font-family: 'Teko', sans-serif; font-weight: 700; font-size: 1.75rem; background: #fffc01; color: #000100;padding: 10px 10% 5px 5%;text-transform: uppercase;display: inline-block;text-align: left !important; }
.headerbox p {font-family: 'Teko', sans-serif; font-weight: 700; font-size: 1.75rem; color: #fff; }
.tr-banneri-teksti {width:90%; margin:0 auto;font-size: 12px;color: #fff;}
.tr-banneri-teksti  p{font-size: 12px;color: #fff;}
.bannermask { width: 100%;height:100%;z-index: 199;pointer-events: none;}
.bannermask img { width: 100% !important; height: 100%;}
.headerbox.tr-etusivu-box {margin-bottom: 20px;}
.tr-etusivu-banneri {height:auto;}
.alatuoteryhmalistaus a{color:#000}
.alatuoteryhmalistaus p {line-height:auto;}
.tryhmat-etusivu .tr-teksti, .tryhmat-etusivu .bannermask {pointer-events:none;}
#tr-etusivu-paakuva img {height:33vh; object-fit:cover;}
#muut-tuoteryhmat.alatuoteryhmalistaus a{color:#f60; padding:0 2em;}
.tr-etusivu-banneriwrapper#tuotteet-ja-tuoteryhmat-wrapper{background:#fef5df url(../img/header/asetalo-tuotteet-ja-tuoteryhmat.jpg) center top no-repeat; background-size: cover}
#tr-etusivu-paakuva h2, #tr-etusivu-paakuva h2 a {color:#fff;}
@media only screen and (max-width:1660px) {#trbannerit {grid-gap:1em}.headerbox {font-size: 1.5rem;}}
@media only screen and (max-width:1280px) {.headerbox {font-size: 1.3rem;}}
@media only screen and (max-width:1024px) {#trbannerit{grid-template-columns:repeat(2,1fr)}}
@media only screen and (max-width:575px) {#trbannerit{grid-template-columns:1fr}#trbannerit img {max-height: 33vh;object-fit: cover;}.alatuoteryhmalistaus {padding:1em 0 0 0;}.alatuoteryhmalistaus a, .alatuoteryhmalistaus a.valikkomodulilinkki, #muut-tuoteryhmat.alatuoteryhmalistaus a {display: block;max-width: 100%;margin: 0 auto 5px auto;padding: 0px 5%; font-size: 0.9rem}#muut-tuoteryhmat {padding:2em 0;}#muut-tuoteryhmat a, #muut-tuoteryhmat .alatuoteryhmalistaus a.valikkomodulilinkki,#muut-tuoteryhmat.alatuoteryhmalistaus a {background:#f60; margin:0; color:#fff !important}}

.es-headerbox { font-size: 1rem;padding: 0px 2% 0px 2%; margin-bottom: 10px;}

/* Tuoteryhman etusivu - Muut ryhmat */
#muut-tuoteryhmat table tbody {display:grid; grid-template-columns:repeat(4,1fr);}
#muut-tuoteryhmat table tbody td[valign^="top"] {display: none;}
#tuotelista1111 > div{display:block !important}

@media only screen and (max-width:1280px) {#muut-tuoteryhmat table tbody {grid-template-columns:repeat(3,1fr);}}
@media only screen and (max-width:1024px) {#muut-tuoteryhmat table tbody {grid-template-columns:repeat(2,1fr);}}
@media only screen and (max-width:678px) {#muut-tuoteryhmat table tbody {grid-template-columns:1fr;}#muut-tuoteryhmat.alatuoteryhmalistaus td {width:100%; display:block;} #muut-tuoteryhmat.alatuoteryhmalistaus a {border: none;width: 100%;display: block;box-sizing: border-box;background: #ff6600;color: #fff !important;padding: 10px 5%;margin: 0 0 5px 0;border-radius: 4px;}}
/* Suodatus */

		/* Selectlist - size, color */

	
/* Suodatus */
/* Alavalikko / suodatinnuotoilut */
/*#sidenavi li, #sidenavi ul {padding: 0;margin: 0;list-style: none;}
#sidenavi > ul {padding: 10%; border: 10px solid #dedede; height: auto;}
#sidenavi li ul {border: none;padding: 0 0 0 6%;}
#sidenavi li a {color:#000;font-family:'Barlow Semi Condensed', sans-serif !important; font-weight:700}
#sidenavi ul li ul li a, #sidenavi ul li ul li ul li a { font-weight: 400;font-size: 1rem; line-height: 100%;}
#sidenavi ul li ul li {line-height:140%}
@media only screen and (max-width:1280px) {#tuotelistaukset-sivu.vk-yleislistaus #sidenavi {width: 33.3%;float: left;padding-right: 5%;}#tuotelistaukset-sivu.vk-yleislistaus #vk-yleislistaus-content{width:66.7%; float:left;}}
@media only screen and (max-width:1024px) {#sidenavi{display:none;}#tuotelistaukset-sivu.vk-yleislistaus #vk-yleislistaus-content{width:100%; float:none;}}*/
.mobilesuodatin {display:none !important}
.tuotesuodatin-block{display: flex;background: #2a2a2a;padding: 1% 2%;border-radius: 6px;align-items: center;}
form[name="fsuodatin"], input[name="tekstihakukentta"] {width: 100% !important;}
input[name="tekstihakukentta"] {height: 35px;border-radius: 6px;border:none;padding: 10px;font-size: 14px; margin-top:10px;}
.vaapahaku-otsikko, .vapaahaku-kuvaus {line-height: 140%;color:#fff}
.vaapahaku-otsikko {color: #fff;font-weight: 700; width: 100%;text-align: center;flex: 1;align-items: center;display: flex;font-size: 1.2rem;}
.vapaahaku-kuvaus {font-size: 12px;}
.rajauskuvaus{flex:1;}
.rajaus-suodatinblock{flex:3;}

#sidenavi .suodatusdivi{padding: 10%; border: 10px solid #dedede; height: auto; background:#fff}
#sidenavi table td {line-height:140%}
#tuotesuodatin table table {padding-bottom: 20px;}
#tuotesuodatin table table td {line-height: 120%;}

@media only screen and (max-width:1280px) {#sidenavi {display: none;}}
@media only screen and (max-width:768px) {.rajauskuvaus {flex: 2;}.vaapahaku-otsikko {font-size: 1rem;}input[name="tekstihakukentta"] {margin-top: 4px;}.tuotesuodatin-block{margin-top: 20px;}}
@media only screen and (max-width:575px) {.rajauskuvaus {flex: 2;}.vaapahaku-otsikko {font-size: 0.9rem;}.rajaus-suodatinblock {flex: 2;}}
@media only screen and (max-width:420px) {.tuotesuodatin-block{flex-direction:column; align-items:unset; padding:3% 5%}input[name="tekstihakukentta"] {height: 30px;}input[name="tekstihakukentta"] {margin-top: 15px;}}

/* Kaytetyt aseet */
#kaseet-wrapper {grid-gap:3em}
#kaseet-banneri{position:relative;}
#kaseet-banneri img {width:100%; display:block;}
#kaseet{width:80%;}
#kaseet-tuotenosto .tuotesivutausta div[style^="display:table;"] { grid-template-columns: repeat(3,1fr);}
#kaseet .webiolinkkipainike, #yhteystiedot .webiolinkkipainike {background: #fffd03;color: #2b2b2b;}


@media only screen and (max-width:1024px) {#kaseet-banneri img {max-height:30vh; object-fit: cover;}}
/* Webio content elements */ 
.tapahtumat,.tapahtumakalenteri_otsikko,.tapahtumakalenteri_valiotsikko,.uutis_otsikko, .lomakeotsikko{font-weight:700; color:#58613d;}.tapahtumakalenteri_valiotsikko{color:#ff6600;}.uutis_otsikko,.nostettumoduli,.nostettumoduli a,a.nostouutis_otsikko{color:#58613d!important;font-size:1.2rem; display:block;}.lomakeotsikko{color:#58613d;font-weight:700}.lomakenappi_submit{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#58613d;width:auto;border:none;color:#fff;border-radius:6px;font-size:1.1rem;height:35px; font-weight:700; margin-top:10px;}.valikkolinkki,.valikkolinkki-sel,.valikkomodulilinkki,.valikkomodulilinkki-sel{text-decoration:none;color:#2b2b2b !important; font-size:1rem; font-weight:500;}.valikkomodulilinkki-sel, .valikkomodulilinkki-sel::before {font-weight:700;color:#ff6600 !important}.valikkomodulilinkki::before, .valikkomodulilinkki-sel::before  {content: "›";padding-right: 5px; font-size:1rem;}.lomakenappi_submit,a.takaisinuutisiin,a.webiolinkkipainike{box-sizing:border-box;cursor:pointer;margin-top:20px;display:inline-block;text-align:center;background:#2b2b2b;height:auto;color:#fff;padding:10px 10%;font-weight:400;width:auto; text-shadow: none !important;font-family: 'Teko', sans-serif !important; font-size:1.5rem;text-transform:uppercase;}a.takaisinuutisiin:hover,a.webiolinkkipainike:hover{transition:all .3s ease 0s; -webkit-filter: brightness(110%);filter: brightness(110%); text-decoration:none}@media only screen and (max-width:480px){.lomakenappi_submit,a.takaisinuutisiin,a.webiolinkkipainike {display:block; padding:10px 0;}}
.subpage li {list-style:none;}
.subpage li::before {content: "\2022";padding-right: 10px;}
@media only screen and (max-width:720px) {.subpage .center-col img , .subpage .content-col img {padding: 20px 0;float: none;clear: both}}
@media only screen and (max-width:480px) {.kuva, .kuva2 {max-width: 100% !important;float: none !important;clear: both !important;padding: 20px 0;}}
        
/* Footer */
footer {background: url(../img/header/footer-bg.png) left top no-repeat; background-size:cover;}
#footer-wrapper { grid-gap:2em 5em}
#yhteystiedot {background: url(../img/header/yhteystiedot-bg.png) left top no-repeat; background-size:cover;}
#yhteystiedot h6 {color:#fff;font-size:3rem; font-weight:700; text-transform: uppercase}
footer p,footer td {color:#fff}
#footer-some-icons i {font-size: 2.2rem !important;padding: 20px 20px 20px 0;}
#footer-navi, #footer-navi li {list-style:none; margin:0; padding:0; text-align:center;}
#footer-navi li {flex:1;}
#footer-navi li a {color:#fff;box-sizing:border-box;font-size:1.375rem;display:block;font-weight: 700;text-decoration: none;color: #fff;text-transform:uppercase;}
#footernavi-wrapper {background: url(../img/header/alalinkit-bg.png) left top no-repeat; background-size: cover;}

@media only screen and (max-width:1024px) {#yhteystiedot, #footer-right {text-align:center;}#yhteystiedot table{width: auto;margin: 0 auto;text-align: left;} #yhteystiedot table td {padding:0 20px}#plinkit a {background: #fffd03;color: #2b2b2b;display: block;max-width: 70%;margin: 0 auto 10px auto;padding: 10px 0; font-size: 0.9rem}#footernavi-wrapper {display:none;}}
@media only screen and (max-width:1660px) {#footer-navi li a {font-size: 1rem;}}
@media only screen and (max-width:1440px) {#footer-navi li a {font-size: 0.9rem;}}
@media only screen and (max-width:575px) {#footer-wrapper { grid-gap:2em} #yhteystiedot h6 {color:#fff;font-size:2rem; }#yhteystiedot td {font-size: 0.8rem;}}
@media only screen and (max-width:375px) {#plinkit a {max-width: 80%;}}

/* Forms */
input[type=file], input[type=text] {box-sizing: border-box;}input[type=button] {height:auto; padding:10px 10%; max-width:100%; width:100%;}input[type=text] {margin-bottom: 5px;}input[type="text"].pmvk, input[type="button"].lpainike {width: auto !important;}textarea {width: 100%!important;margin-bottom: 5px; box-sizing: border-box; padding:10px;}table tr[id^="lomakerivi"] {display:grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}table[id^="lomake"] td{padding:0;}table[id^="lomake"] table tr table {width:100%;}.lomakenappi_submit{position: absolute;left: 0;}form[name^=lomake_] input[type=checkbox]+label::before,form[name^=lomake_] input[type=checkbox]:checked+label::before{border-radius:100%}form[name^=lomake_] input[type=checkbox]{display:none}form[name^=lomake_] input[type=checkbox]+label,form[name^=lomake_] input[type=checkbox]:checked+label{-webkit-appearance:none;display:block;position:relative;height:13px}form[name^=lomake_] td{line-height:140%}form[name^=lomake_] input[type=checkbox]+label::before,form[name^=lomake_] input[type=checkbox]:checked+label::before{border:1px solid #cacece;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}form[name^=lomake_] input[type=checkbox]+label::before{content:""}form[name^=lomake_] input[type=checkbox]:checked+label::before{background:#9ec72a none repeat scroll 0 0;color:#fff!important;border:none;padding:8px 15px 0 7px}form[name^=lomake_] 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)}form[name^=lomake_] input[type=checkbox]+label:active,form[name^=lomake_] 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)}form[name^=lomake_] [type=radio]:checked,form[name^=lomake_] [type=radio]:not(:checked){position:absolute;left:-9999px}form[name^=lomake_] [type=radio]:checked+label,form[name^=lomake_] [type=radio]:not(:checked)+label{position:relative;padding-left:28px;cursor:pointer;line-height:20px;display:inline-block;color:#666}form[name^=lomake_] [type=radio]:checked+label:before,form[name^=lomake_] [type=radio]:not(:checked)+label:before{content:'';position:absolute;left:0;top:0;width:18px;height:18px;border:1px solid #ddd;border-radius:100%;background:#fff}form[name^=lomake_] [type=radio]:checked+label:after,form[name^=lomake_] [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}form[name^=lomake_] [type=radio]:not(:checked)+label:after{opacity:0;-webkit-transform:scale(0);transform:scale(0)}form[name^=lomake_] [type=radio]:checked+label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}

/* Image gallery */ 
.kuvagalleriagrid {display: grid;grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));grid-gap: 1em;}
.kuvagalleriakuvatausta {width: 100% !important;height: auto !important;margin: 0 !important; }
.kuvagalleriakuvatausta img {width: auto;max-width: 100% !important;object-fit:unset;padding: 0 !important;}
        
/* Semio logot */
#semio-logot {text-align:center;}
#semio-logot img {display:inline; float:none; padding:10px 0 0 0}

@media only screen and (max-width:1024px) {table, td, tr {height: auto !important; max-width:100%}#semio-logot img {max-width:40px; padding-top:40px}}
        
/* MOBIILIVALIKKO */
#main-navi-resp,#mobile-logo {display:none;}@media only screen and (max-width:1024px){#main-navi, ul#top-navi, #top-navi-wrap {display: none;}#main-navi-resp, #mobilemenu-container {display:block !important;}#mobile-logo{display:block;position:absolute;top:0;left:0;z-index:50000}#mobile-logo img{max-width:120px;height:auto;padding:20px 0 0 2em}.mean-bar::before{color:#fffc01 !important;content:"VALIKKO";top:52px;width:auto;height:auto;left:20px; z-index:2;position:absolute;font-size:10px!important; line-height:100% !important}#mobilemenu-container::after{right:13px!important}a.meanmenu-reveal{display:none}.mean-container a.meanmenu-reveal:after{color:#000;font-size:10px!important;top:65px;width:50px;height:50px}.mean-container a.meanmenu-reveal.meanclose::after{display:block;margin-left:-2px;margin-top:15px;padding-left:0;text-align:left}.mean-container a.meanmenu-reveal.meanclose{height:48px;right:6.2vw !important;width:42px!important;color:#fff;font-size:29px!important;margin-top:0px; padding: 23px 20px 10px 17px;}.mean-container .mean-bar{float:left;width:100%;position:absolute;top:0;padding:0;min-height:42px;z-index:999; background: rgba(0,0,0,0.5);
}.mean-container a.meanmenu-reveal{color: #fff;cursor: pointer;display: block;font-weight: 700;height: 40px;line-height: 22px;margin-top: 0;position: absolute;left: 0;text-decoration: none;text-indent: -9999em;top: 0;width: 39px;padding: 21px 20px;background: #2b2b2b;}.mean-container a.meanmenu-reveal span{background:#fff;border-radius:2px;display:block;height:6px;margin-top:4px;color:#000;width:39px; line-height:100% !important}.mean-container .mean-nav{float:left;width:100%;margin-top:81px}.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}.mean-container .mean-nav ul li{position:relative;float:left;width:100%}.mean-container .mean-nav ul li a{display:block;float:left;width:90%;padding:10px 5% 5px;height:28px;margin:0;text-align:left;color:#fff;border-top:1px solid rgba(255,255,255,.2);text-decoration:none;font-size:14px;background:#2b2b2b;font-weight:600;text-transform:uppercase}.mean-container .mean-nav ul li li a{width:90%;padding:15px 0 6px 10%;border-top:1px solid rgba(255,255,255,.2);background:#0d0d0d!important;text-shadow:none!important;visibility:visible}.mean-container .mean-nav ul li.mean-last a{border-bottom:none;margin-bottom:0}.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}.mean-container .mean-nav ul li a:hover{background:#2b2b2b!important}.mean-container .mean-nav ul li a.mean-expand{background:#000;border:medium none;border-radius:3px;color:#fff;font-weight:700;height:22px;margin-top:2px;padding:3px 4px 4px!important;position:absolute;right:10px;text-align:center;top:6px;width:26px;z-index:2}.mean-container .mean-push,.mean-nav .wrapper{width:100%;padding:0;margin:0}.mean-container .mean-nav ul li a.mean-expand:hover{background:#000!important}.mean-container .mean-push{float:left;clear:both}.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.mean-remove{display:none!important}.meanclose{margin:6px -14px 0 0}}@media only screen and (max-width:375px){#mobilemenu-container::after{right:8px!important}}@media only screen and (max-width:290px){#mobilemenu-container::after{right:4px!important}}
 
/* Alanavi */
#submenupage {grid-column-gap:5%}#alavalikko-selectmenu {background:#58613d; padding:10px 0}#sidenavi ul {background:#58613d;padding: 10%;;margin: 0;list-style: none;}#sidenavi a {color: #fff;}#sidenavi li {padding: 0;margin: 0;list-style: none;}
@media only screen and (max-width:1024px) {#alavalikko-selectmenu {display:block;}.sidenavi ul{display:none;}.alasivuvalikko {display: block;font-size: 16px;font-weight: 700;color: #444;line-height: 1.3;padding: .6em 1.4em .5em .8em;width: 100%;max-width: 100%; box-sizing: border-box;margin: 0;border: 0;box-shadow: 0 1px 0 1px rgba(0,0,0,.04);border-radius: .5em;-moz-appearance: none;-webkit-appearance: none;appearance: none;background-color: #fff;background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');background-repeat: no-repeat, repeat;background-position: right .7em top 50%, 0 0;background-size: .65em auto, 100%;}.alasivuvalikko::-ms-expand {display: none;}.alasivuvalikko:hover {border-color: #888;}.alasivuvalikko:focus {border-color: #aaa;box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);box-shadow: 0 0 0 3px -moz-mac-focusring;color: #222; outline: none;}.alasivuvalikko option {font-weight:normal;}}

/* Webio admin styles */
#popup_panel input {width: auto;}#kuvamuokkainpaikka .kuvagalleriakuvatausta{width:95%!important}#container a>img{max-width:72px!important;height:21px!important}#container .button,#wait_img img{width:auto!important}div[id^=CONTENT_]{width:100%}#container img{opacity:1!important}.zoomcrop{max-width:none!important;width:auto!important}#tekstieditori table,#tekstieditori tbody,#tekstieditori td,#tekstieditori tr{height:auto!important}img[title=Poista]{height:auto!important;width:auto!important}.valikkolinkki_piilosivu{color:#005600}#WebioShadow input[type=button],#WebioShadow input[type=file],#WebioShadow input[type=text]{height:initial!important;padding:0!important}#WebioShadow input[type=button]{padding:0 10px!important}#kuvamuokkainpaikka img{height:100px!important}#webio_30_main_nav_open_content a, #webio_30_main_nav_open_content li a, #webio_30_main_nav_open_content p, #webio_30_main_nav_open_content div, #webio_30_main_nav_open_content li, #webio_30_main_nav_open_content td {font-family: "lucida sans", trebuchet, arial !important;}#WebioShadow td, #WebioShadow p, #WebioShadow i {font-size:15px !important;font-family: "lucida sans", trebuchet, arial !important; color:#000 !important;}.webio_30_settingsbox input[type="file"], .webio_30_settingsbox input[type="text"] {height: auto;width: auto !important;}#container img {width: auto !important;}#container .kuvagalleriakuvatausta {width:auto !important}#container .kuvagalleriakuvatausta img {height:auto;}.center-col .colpadding:last-of-type, .content-col .colpadding:last-of-type {display: none;}#webio_30_form input[name="tp"], .webio_30_settingsbox input[name="tp"], #webio_30_form input[name="tk"], .webio_30_settingsbox input[name="tk"], #webio_30_form input[name="tv"], .webio_30_settingsbox input[name="tv"], #webio_30_form input[name="ap"], .webio_30_settingsbox input[name="ap"], #webio_30_form input[name="ak"], .webio_30_settingsbox input[name="ak"], #webio_30_form input[name="av"], .webio_30_settingsbox input[name="av"], #webio_30_form input[name="lp"], .webio_30_settingsbox input[name="lp"], #webio_30_form input[name="lk"], .webio_30_settingsbox input[name="lk"], #webio_30_form input[name="lv"], .webio_30_settingsbox input[name="lv"] { width: 50px !important;}div[id^="editdiv"] {position: relative; top: -20px;background: #000; display:none;}.kuvanappi {width: auto;display: block;float: left;background: #82c341;margin-right: 20px;border-radius: 2px;}.kuvanappi a {padding: 0px 20px;font-size: 0.9rem;display: block; color:#fff}#paatuotekuva {margin-top:40px;}

.tuotekortti-vakteksti-container {padding: 2em;background: #f9f9f9;border: 1px solid #dedede;margin: 2em 0;}
.tuotekortti-vakteksti-container  strong,.tuotekortti_vakteksti strong{padding-bottom: 20px;display: flex;align-items: center;}
.tuotekortti-vakteksti-container strong{padding-bottom:0;}
.tuotekortti-vakteksti-container i,.tuotekortti_vakteksti i {padding-right: 10px;color:#ffa500}
.tuotekortti-vakteksti-container .webiolinkkipainike {background:#2b2b2b;color: #fffc00; font-family:'Poppins', Sans-serif !important; font-size:14px; text-transform:unset; padding:5px 20px;}
.tuotekortti-vakteksti-container, .tuotekortti_vak,.tuotekortti_vakteksti_container p, .tuotekortti_vak p {font-size: 15px;line-height: 160%;}