body,html,p{margin:0;padding:0}body,html{font-family: 'Work Sans', sans-serif;}body{font-size:calc(1rem + .1vw);line-height:calc(1rem + .1vw)}p{line-height:140%}h1,h1 a,h2,h2 a,h3,h3 a,h4,h4 a,h5,h5 a,h6,h6 a{margin:0;padding:0;line-height:100%; color:#ff6600;font-family: 'Work Sans', sans-serif;}h1,h1 a{font-size:3rem;font-family: 'Permanent Marker', cursive;}h2,h2 a{font-size:2.25rem}h3,h3 a{font-size:2rem}h4,h4 a{font-size:1.625rem;color:#ff6600}h5,h5 a{font-size:1.5rem}h6,h6 a{font-size:1.25rem;color:#ff6600}article,div,footer,section{box-sizing:border-box}.content-col,.center-col {width:100%; clear:both; position: relative; box-sizing:border-box;}.center-col {max-width:1600px; margin: 0 auto}img {max-width: 100%;height: auto}.erikoiskuva,.kuva,.kuva2{border:0;outline:0;max-width:100%;height:auto;display:block;margin:0;cursor:pointer}a{color:#ff6600;text-decoration:none}picture{width:100%}.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(auto-fit, minmax(500px, 1fr));}.dgrid-3-cols {grid-template-columns: repeat(3,1fr)}.dgrid-s-m-s-cols {grid-template-columns: 1fr 2fr 1fr}.dgrid-s-xl-cols {grid-template-columns: 1fr 3fr}.abs-element {position: absolute;z-index: 200;max-width:100%; flex-direction:column; display:flex; width:80%; flex-wrap:wrap;}.dflex {display: flex;flex-wrap:wrap; flex-direction:column;}.center-elements {align-items: center; justify-content: center}.colpadding {margin-bottom: 2em;}#main-navi, #top-navi, #footernavi {margin: 0 auto;padding:0;list-style: none;  z-index:2; position: relative; flex-direction:row}#main-navi{height:100%}#main-nav {background: rgb(255,102,0);background: linear-gradient(180deg, rgba(255,102,0,1) 0%, rgba(218,86,0,1) 100%); height:60px;}#top-navi {justify-content: flex-end}#logoimg {margin:0 auto; float:none; display:block; height:auto; }/*.naviblock {flex:1; text-align:center;}*/.mainnavi-link,.topnavi-link, .footerlink {padding:10px 5%;font-size: 1rem;font-weight: 500;text-decoration: none;color: #fff;display:block;text-transform: uppercase}.topnavi-link {color:#909090; text-transform:none;}#logolink {padding:0}#footerlogo { max-width:30%; margin:0 auto; float:none; display:block; height:auto; padding:20px 0;}#mn-content{height:100%}.naviblock{height:100%}.footerlink {color:#000;text-shadow: none}.mainnavi-link {font-family: 'Work sans';padding:0px 30px; font-size:1.1rem; font-weight:500;height:100%;display:flex;flex-direction: column;align-items: center;justify-content: center;text-transform:uppercase}.mainnavi-link:hover, .topnavi-link:hover, .footerlink:hover {color: #c6c6c6;}#link-sel-1-4, #link-sel-2-6, #link-sel-3-5, #link-sel-4-7, #link-sel-5-8 {background: rgba(108,109,112,0.96);text-decoration: none}.heroimg{position:relative;}#main-heroimg {display:block; width:100%; height:auto;}#herotext {padding-right: 60%;}#hero-header, .paragraph-big{color:#fff;font-size:1.25rem}.paragraph-small{font-size:13px}#hero-header{font-size:3.625rem;}/* Drpmenu */.naviblock ul {display:none; background: #f5f5f5 none repeat ; left: 0;margin-top: 0; position: absolute; z-index: 20000000000000000000000; width:100%; box-sizing: border-box;padding:10px 0 80px 0;}.naviblock ul li {float: left;display:block;height:auto; width:16.66%; box-sizing:border-box; padding:0 0 0 3%; text-align:left;}.naviblock  ul li a {display:block;width:90%;border:none;padding:10px 0px; font-size:1rem; line-height:1.2rem; color:#2f3f89;}.naviblock  ul ul { left: 100%;top: 0; display:none !important; }#main-navi li:hover > ul {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;text-align: center;flex-wrap: wrap;}.flex-element{background:#fff}

	
@media screen and (max-width:1660px) {.center-col {max-width: 1400px}#herotext { width: 92%;}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 screen and (max-width:1440px) {.center-col {max-width: 1200px}.mainnavi-link,.topnavi-link, .footerlink {font-size:1rem}#logoimg {max-width: 200px;}#hero-header { font-size: 3rem;}.paragraph-big {font-size: 1.1rem;}}@media screen and (max-width:1280px) {.center-col {width: 90%;margin: 0 auto}#mn-content{max-width:100%}.mainnavi-link, .topnavi-link, .footerlink {font-size: 0.9rem;padding: 0px 10px;}}@media screen and (max-width:1024px) {#mobile-logo {display:block !important}header.content-col{position: absolute;width: auto;right: 100px;padding: 12px 0 0 0 !important;}#ostoskori-wrapper {width: 160px;}#logo,#top-nav{display:none;}}@media screen and (max-width:860px) {body{line-height:calc(1rem + 1vw)}#herotext {width: 66%; top: 6%;padding-right: 0;}#hero-header, .paragraph-big {text-shadow: 3px 2px 3px rgba(0,0,0,0.6);}}@media screen and (max-width:768px) {.dgrid-4-cols, .dgrid-3-cols{grid-template-columns: 1fr}h1,h1 a{font-size:2rem}h2,h2 a{font-size:1.5rem}h3,h3 a{font-size:1.3rem}h4,h4 a{font-size:1.2rem}h5,h5 a{font-size:1.2rem}}@media screen and (max-width:575px) {.dgrid-2-cols {grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));}#hero-header { font-size: 2.4rem;}}@media screen and (max-width:480px){body{line-height:calc(1rem + 1.2vw)}h1,h1 a{font-size:1.5rem}h2,h2 a{font-size:1.25rem}h3,h3 a{font-size:1.125rem}h4,h4 a{font-size:1.05rem}h5,h5 a{font-size:1.05rem}h6,h6 a{font-size:1.05rem}#herotext {width: 84%;}.paragraph-big {font-size: 1rem;}#hero-header {font-size: 2rem;}header.content-col{right: 90px;}}@media screen and (max-width:375px){h1,h2,h3,h4,h5,h6{word-wrap:anywhere}}@media screen and (max-width:420px) {.dgrid-3-cols {grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));}}@media screen and (max-width:375px) {header.content-col{right: 80px;}}


/* Verkkokauppa */
#verkkokauppa-hero{background: url(../img/header/vk-header-bg.jpg) center top no-repeat;background-size: auto;background-size: cover;}

/* Bannerstyle 2 - Text below banner 
@media only screen and (max-width:575px) {#banners-2 .banner{position:relative; padding:2em; background:#vari1;}#banners-2 .banner-wrapper {grid-gap:0;}#banners-2 .banner-wrapper img {min-height: 30vh;}}*/

/* Banners globalstyles - 3 aside banners (DEFAULT) */
.banner-wrapper{position:relative;}
.banner{width:100%;padding:0 5%;}
.banner p, .banner a, .banner h2,.banner h2 a, .banner h3, .banner h3 a,  .banner h4,.banner h4 a {color:#fff;}
@media only screen and (max-width:1280px) {.banner-wrapper img{min-height:250px; object-fit: cover;}.banner h2,.banner h2 a, .banner h3, .banner h3 a,  .banner h4,.banner h4 a {color:#fff;font-size: 1.6rem;}}

@media only screen and (max-width:860px) {.banner-wrapper img {min-height: 160px;}}
@media only screen and (max-width:678px) {.banner-wrapper img {min-height: 120px;}}
@media only screen and (max-width:575px) {#banners-1, #banners-2,#banners-1 .banner-wrapper,#banners-2 .banner-wrapper,#banners-3 .banner-wrapper{grid-template-columns: 1fr} #banners-1 .banner{position:absolute;}#banners-1 .banner-wrapper img,#banners-2 .banner-wrapper img {min-height: 50vh; object-fit:cover}}

/* 2 aside banners */
.banner-2-cols{grid-template-columns:repeat(2,1fr) !important;}
@media only screen and (max-width:1024px) {.banner-2-cols{grid-template-columns:repeat(2,1fr);}.banner-2-cols .banner-wrapper{display:grid;grid-gap:3em;grid-template-columns:1fr}.banner-2-cols .banner-wrapper img {min-height: unset; object-fit: contain}.banner-2-cols .banner{position:absolute;}}@media only screen and (max-width:860px) {.banner-2-cols{grid-template-columns:1fr !important;}}


/* Setit */

#setit{background:#f5f5f5}
#setit-content{grid-gap:1em 3em;}
.settikokoonpano{border:10px solid #ff6600;background:#fff}

@media screen and (max-width:1280px) {.settikokoonpano{padding:2em;}}

/* Paddings */
.center-block{text-align:center;}.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}.col-left, .col-right, .col-full, .col-3, .col-3-center {width:100% !important; float:none !important}.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}.dgrid-4-cols {grid-template-columns: repeat(4,1fr);}.dflex-row {display:flex;flex-direction:row} @media screen and (max-width:1280px) {.dgrid-4-cols {grid-template-columns: repeat(2,1fr)}}@media screen and (max-width:1280px) {.cpadding-s{padding:1em 0}.cpadding-m{padding:3em 0}.cpadding-l{padding:3em 0}.cpadding-xl{padding:4em 0}} @media screen and (max-width:860px) {.cpadding-s,.cpadding-m,.cpadding-l,.cpadding-xl{padding:2em 0}}@media 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}.dgrid-m-l-cols {grid-template-columns:1fr;}.dgrid-s-m-s-cols,.dgrid-s-xl-cols,.dgrid-xl-s-cols,.dgrid-l-m-cols {grid-template-columns: 1fr}#main-nav, footer ul, footer nav {display:none !important;} footer .nogap {grid-gap:0;}.dflex-row{flex-direction:column;}}@media screen and (max-width:480px) {.cpadding-tb-s, .cpadding-tb-m,.cpadding-tb-l, .cpadding-tb-xl{padding:2em 0}.cpadding-t-s,.cpadding-t-m,.cpadding-t-l,.cpadding-t-xl{padding:2em 0 0 0}.cpadding-b-s,.cpadding-b-m,.cpadding-b-l,.cpadding-b-xl{padding:0 0 2em 0}}

#site-footer {background:#f7f7f7}
#site-footer div {margin:0 auto;}
/* Webio content elements - main */ 
.webiolinkkipainike,.lomakenappi_submit,.takaisinuutisiin, #verkkokauppa-header{box-sizing:border-box;cursor:pointer;margin-top:20px;display:inline-block;text-align:center;background:#000000;height:auto;color:#fff;padding:10px 10%;font-weight:400;width:auto; }.webiolinkkipainike:hover.takaisinuutisiin:hover{transition:all .3s ease 0s; -webkit-filter: brightness(110%);filter: brightness(110%); text-decoration:none}#verkkokauppa-header { padding: 10px 4%;}@media screen and (max-width:480px){.webiolinkkipainike,.lomakenappi_submit,.takaisinuutisiin {display:block; padding:10px 0;}}.valikkolinkki,.valikkolinkki-sel,.valikkomodulilinkki,.valikkomodulilinkki-sel{text-decoration:none;color:#ff6600}a:hover{text-decoration:underline}
.lomakeotsikko{color:#ff6600;font-weight:700}.lomakenappi_submit{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ff6600;width:auto;border:none;color:#fff;border-radius:6px;font-size:1.1rem;height:35px; font-weight:700; margin-top:10px;}
@media screen and (max-width:1200px) {.lomakeotsikko {margin-bottom:10px;}}@media screen and (max-width:1024px) {table, td, tr {height: auto !important; max-width:100%}}@media screen and (max-width:860px) {.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 screen and (max-width:720px) {.kuva, .kuva2 {padding: 20px 0;float: none;clear: both}}@media screen and (max-width:480px) {.kuva, .kuva2 {max-width: 100% !important;float: none !important;clear: both !important;padding: 20px 0;}}.tapahtumat,.tapahtumakalenteri_otsikko,.tapahtumakalenteri_valiotsikko,.uutis_otsikko.tapahtumakalenteri_valiotsikko{color:#ff6600;}.uutis_otsikko,.nostettumoduli,.nostettumoduli a,a.nostouutis_otsikko{color:#ff6600!important;font-size:1.2rem; display:block;}.center-col iframe {max-width: 100%;margin: 0 auto !important}
@media screen and (max-width:860px) {#site-footer table, #site-footer tbody, #site-footer tr, #site-footer td {display: block;width: 100% !important;padding: 0 0 10px 0 !important;}}
/* Forms */
tr[id^="lomakerivi"] {display:grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}input, textarea {height: 35px;width: 100%!important;box-sizing: border-box; border:1px solid #dedede}textarea{height:auto;}.pmvk, .lpainike {width:auto; height:auto}
/* Styled checkbox - radio */
.lomake-ve-solu input[type=checkbox]+label::before,.lomake-ve-solu input[type=checkbox]:checked+label::before{border-radius:100%}.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:13px}.lomake-ve-solu input[type=checkbox]+label::before,.lomake-ve-solu 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}.lomake-ve-solu input[type=checkbox]+label::before{content:""}.lomake-ve-solu input[type=checkbox]:checked+label::before{background:#9ec72a none repeat scroll 0 0;color:#fff!important;border:none;padding:8px 15px 0 7px}.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;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 #ddd;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)}@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}}
/* 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 {text-align:center;}.semiologo {display:inline; float:none; padding:10px 0 0 0}@media screen and (max-width:1024px) {.semiologo {max-width:40px; padding-top:40px}}
/* MOBIILIVALIKKO */
#main-navi-resp,#mobile-logo{display:none}@media screen and (max-width:1024px){#mobilemenu-container, #main-navi-resp {display:block !important;}#mobile-logo{display:block;position:absolute;top:0;left:0;z-index:50000}#mobilelogo-img{max-width:200px;height:auto;padding:27px 0 0 2em}.mean-bar::before{color:#000!important;content:"VALIKKO";top:49px;width:auto;height:auto;right:5%;position:absolute;font-size:10px!important;line-height:100%!important}#mobilemenu-container::after{right:13px!important}.meanmenu-reveal{display:none}.meanmenu-reveal:after{color:#000;font-size:10px!important;top:65px;width:50px;height:50px}.meanmenu-reveal.meanclose::after{display:block;margin-left:-2px;margin-top:15px;padding-left:0;text-align:left}.meanmenu-reveal.meanclose{height:48px;right:6.2vw!important;width:42px!important;color:#ff6600;font-size:37px!important;margin-top:0}.mean-bar{float:left;width:100%;position:relative;top:0;padding:0;min-height:42px;z-index:999}.meanmenu-reveal{color:#fff;cursor:pointer;display:block;font-size:1px;font-weight:700;height:48px;line-height:22px;margin-top:0;padding:12px 0 0;position:absolute;right:5%!important;text-decoration:none;text-indent:-9999em;top:6px;width:39px}.meanmenu-reveal span{background:#ff6600;border-radius:2px;display:block;height:6px;margin-top:4px;color:#000;width:39px;line-height:100%!important}.mean-nav{float:left;width:100%;margin-top:81px}.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% 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:#ff6600;font-weight:600;text-transform:uppercase}.mean-nav ul li li a{width:90%;padding:15px 0 6px 10%;background:#ff6600!important;visibility:visible}.mean-nav ul li{position:relative;float:left;width:100%}.mean-nav ul li a:hover{background:#ff6600!important}.mean-expand{background:#000;border:medium none;border-radius:3px;color:#fff;font-weight:700;height:25px !important;margin-top:2px;padding:0 4px 4px!important;position:absolute;right:10px;text-align:center !important;top:6px;width:26px !important;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-remove{display:none!important}.meanclose{margin:6px -14px 0 0}}@media screen and (max-width:720px){.mean-bar::before{top:49px}}@media screen and (max-width:480px){#mobilelogo-img{max-width:120px;height:auto;padding:33px 0 0 1.5em}}@media screen and (max-width:375px){#mobilemenu-container::after{right:8px!important}}@media screen and (max-width:290px){#mobilemenu-container::after{right:4px!important}}
@media screen and (max-width:860px){.meanmenu-reveal.meanclose {right: 7vw !important;}}@media screen and (max-width:575px){.meanmenu-reveal.meanclose {right: 8vw !important;}}@media screen and (max-width:375px){.meanmenu-reveal.meanclose {right: 8.5vw !important;}}

#ostoskori-wrapper {display: none !important;}
.selaus_wrapper {pointer-events:none}