/* montserrat-300 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/montserrat-v25-latin-300.woff2') format('woff2'); 
}

/* montserrat-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v25-latin-regular.woff2') format('woff2'); 
}

/* montserrat-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v25-latin-700.woff2') format('woff2'); 
}

/* montserrat-800 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/montserrat-v25-latin-800.woff2') format('woff2'); 
}

/* montserrat-900 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/montserrat-v25-latin-900.woff2') format('woff2'); 
}


:root {
   --primary-color: #df261c;
   --secondary-color: #df261c;
   --base-font-size: min(max(1rem, 1.05vw), 1.05rem);
   --base-text-color: #fff;
   --base-line-height: 160%;
   --google-font: 'Montserrat', sans-serif;
   --google-heading-font:  'Montserrat', sans-serif;
   --navilink-font-size: min(max(0.9rem, 1.125vw), 19px);
   --navilink-color: #fff;
   --navilink-font-weight: 700;
   --navilink-padding: 1.1vw 2.1vw;
   --navilink-selected-bg: #df261c;
   --navilink-selected-color: #fff;
   --heading-size-1: min(max(2rem, 3.2vw), 3.55rem);
   --heading-size-2: min(max(2rem, 3.2vw), 3.55rem);
   --heading-size-3: min(max(1.4rem, 2.85vw), 2.93rem);
   --heading-size-4: min(max(1.2rem, 1.4vw), 1.55rem);
   --heading-size-5: min(max(1rem, 1.2vw), 1.3rem);
   --heading-size-6: min(max(1.8rem, 2.7vw), 2.9rem);
   --grid-gap: 2em 3em;
   --button-background: #262626;
   --button-text-color: #df261c;
   --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: #df261c;
   --mobilemenu-menutext-color: #df261c;
   --mobilemenu-button-background: #df261c;
   --mobilemenu-link-color: #df261c;
   --mobilemenu-link-background: #151515;
   --mobilemenu-expand-button: #df261c;
   --mobilemenu-submenu-background: #242424;
   --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,li {margin: 0;padding: 0;font-family: var(--google-font);color: var(--base-text-color);font-size: var(--base-font-size);line-height: var(--base-line-height)} 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:900; text-transform:uppercase}h1, h1 a {font-size: var(--heading-size-1);color: var(--primary-color); text-transform:uppercase}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);}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))}}

/* Navigation */

#main-navi, #top-navi, #footernavi {margin: 0 auto;padding: 0;list-style: none;z-index: 2;position: relative;flex-direction: row;justify-content:space-around;}#main-navi {justify-content:space-evenly}#top-navi {justify-content: flex-end} .mainnavi-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;}.mainnavi-link {background:rgba(0,0,0,0.6) url(../img/header/navibg.png) left bottom repeat-x;border-radius:4px;border:1px solid #df261c; border-radius:4px;color:var(--primary-color);text-transform:uppercase;}.footerlink{color:#fff; text-transform:uppercase;}.mainnavi-link:hover, .topnavi-link:hover, .footerlink:hover {color: #c6c6c6;}#link-sel-1-3, #link-sel-2-4, #link-sel-3-5, #link-sel-4-6, #link-sel-5-7, #link-sel-6-8 {color: var(--navilink-selected-color);background: var(--navilink-selected-bg);text-decoration: none}#logoimg {max-width: 80%;margin: 0 auto;float: none;display: block;height: auto;padding: 40px 0;}#sidenavi ul {background: var(--primary-color);padding: 10%;margin: 0;list-style: none;}
.nav-down-small{position: fixed !important; z-index:300 !important; background:#fff;transition: background-color 0.6s ease}

/* General classes, heroimg, banners */
.main-heroimg {width: 100%; min-height:550px; object-fit:cover;}
#herofront{position: relative;max-height: 903px;}
#herofront img {max-height:903px; object-fit:cover;}
#main-wrapper h1 {text-align:center;}
#herofront h2 {font-size:min(max(2rem, 3.3vw), 3.68rem);}
#herosub .main-heroimg{min-height:250px; }
.herosub-small .main-heroimg {max-height:350px; object-fit:cover;min-height:300px;}
.heroimg {position: relative;}
.herotext {max-width:1600px}
h1 span,h2 span {display:block;}
.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;color: var(--primary-color);padding: 5px 30px;text-transform: uppercase;display:block;margin-bottom:10px; max-width:max-content; font-weight:700;font-size:1rem; color:#000; border-radius:4px}
#herosub .abs-element {bottom: 0;display: flex;justify-content: center;align-items: center;width: 100%;left: 0;}
#herosub .headerbox{margin-bottom:-25px;}
.headerbox p, #herosub h1{background: #fff;color: var(--primary-color);font-weight:700; font-size:1rem; color:#000}
#herosub h1 {font-size:min(max(1rem, 1.4vw), 1.55rem); padding:10px 20px}
#service-top-content {background:#fff}
.bnr {position:relative;} /* Bannerikuva position container */
.bnr img {width:100%;} /* Bannerikuvan maksimileveys */
#service{background:url(../img/header/gravel-pattern.jpg) left top repeat; }
#target-groups {background:url(../img/header/gravel-pattern-dark.jpg) left top repeat; }
.hinnastotable th {background: #373737;padding: 10px 0;border-radius: 4px;width: 100%;}
.hinnastotable{width:100% !important}
#service-top-content h2, #service-top-content p {color:#000;}
#service-top-content .col-full, #service-top-content .colpadding {margin:0; padding:0;}
#service-bottom-content h2 {color:#fff;font-size:min(max(1.2rem, 1.4vw), 1.55rem);text-transform:unset}
.footercol h6{color:#fff;display: inline;}
.footercol h5 {grid-column:1 / -1}
.footercol span {font-size:min(max(1.4rem, 3vw), 3.125rem);font-weight:300;line-height: 100%;padding: 5px 20px 0 20px;}
footer {background:url(../img/header/footer-bg.jpg) center bottom no-repeat; background-size:cover;}
footer img {max-width: 20vw;}
footer .dgrid-xl-s-cols img {min-width: 34px;max-width: 34px;box-sizing: border-box;padding: 0 !important; margin: 0 5px}
#co-operation {background:#fff; border-radius:6px}
#co-operation table {max-width: max-content !important;margin: 0 auto;}
#co-operation tr {display:flex; flex-wrap:wrap;justify-content: center; align-items:center}
#co-operation td {width:100% !important; flex:1;}
#co-operation img {padding:10px 30px !important;margin:0 auto;max-width:10vw;min-width:180px}
.hinnastotable tr {display: grid;grid-template-columns: 1fr auto;}

@media screen and (max-width:1024px) {footer{text-align: center;}footer img {margin:0 auto; display:block;}#herosub.no-pk {max-height: 40px;min-height:40px}footer img {max-width: 20vw;}#co-operation img {max-width: 16vw;}footer .dgrid-xl-s-cols p{display: flex;justify-content: center;  align-items: center;}footer .dgrid-xl-s-cols img {float:none !important;}}
@media screen and (max-width:768px) {#target-groups .dgrid-2-cols, #service .dgrid-2-cols{grid-gap:0.5em 0 0 0;}#target-groups img, #service img, #main-wrapper img, #spage-subcontent img {max-height:500px;object-fit:cover}#odd-text{order:2}#target-groups .cpadding-xl, #service .cpadding-xl , #main-wrapper .cpadding-xl , #spage-subcontent .cpadding-xl {padding: 0 1em 2em 1em;}#why-choose-us{padding-top: 1em;}footer img {max-width: 40vw;}}
@media screen and (max-width:575px) {#references .bnr img {max-height: 250px; object-fit: cover;}#spage-subcontent .cpadding-tb-xl {padding: 0 0em 2em 0em;}#products{padding:2em}#herofront{position: relative;height: 550px;}}
@media screen and (max-width:480px) {#why-choose-us h3::before {background: url(../img/header/check-icon.png) center 2px no-repeat;min-width: 26px; min-height: 32px;background-size: 20px;margin-right: 10px;}#why-choose-us p {padding-left: 36px;}.footercol h6{display:block;padding-bottom:5px}.footercol span {display: none;}#co-operation img {max-width: 27vw; padding:10px 15px;}footer .dgrid-2-cols img {max-width: 230px;}}
@media screen and (max-width:440px) {.hinnastotable p, .hinnastotable td {font-size: 14px;}}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;max-height: 904px;object-fit: cover;outline: 1px solid #1f1e21;}#alasivusisalto-2 .owl-carousel .owl-item img{display:block;width:100%; object-fit:cover; height:360px;}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top: -40px;position: absolute;text-align: center;width: 100%;}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:20px;height:20px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background: var(--primary-color);}@media screen and (max-width:1024px){.owl-carousel .owl-item img {height: 50vh;object-fit: cover;object-position: center 75%;}}

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

/* Mobile tags*/
#mobilemenu-container{background:#151515;height:var(--mobilemenu-container-height);position: relative;right: 0;top: 0;z-index: 2000;width: 100%;}
#mobile-logo {position: absolute;top: 0;left: 0px;z-index: 50000}
#mobilelogo-img { max-width: 170px;height: auto;padding: 14px 0px 0 1em}
@media screen and (max-width:1024px) {#main-nav, #logo, footer nav, footer ul, #sidenavi {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:1px solid #df261c; border-radius:4px;text-transform:uppercase;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 {width: 100%;max-width: 100%;object-fit: cover; padding: 0 !important;height: var(--img-gallery-img-size)}@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 var(--primary-color);background:#000;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: var(--primary-color);color: #fff !important;padding: 8px 15px 0 7px}#suodatin input[type=checkbox]:checked + label,.lomake-ve-solu input[type=checkbox]:checked + label {color: #fff;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: #fff}.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 #df261c;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: #df261c;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;}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-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;}

 /* 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:35px;line-height:22px;margin-top:0;padding:4px 6px 0;position:absolute;text-decoration:none;text-indent:-9999em;top:10px;width:37px;border:1px solid var(--mobilemenu-open-close-color);border-radius:4px;right:10px!important;background:url(../img/header/navibg.png) left bottom repeat-x}.meanmenu-reveal.meanclose{padding:9px 6px 0;height:30px;font-size:20px!important}.meanmenu-reveal span{background:var(--mobilemenu-button-background);border-radius:2px;display:block;height:5px;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; font-weight:700}.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:url(../img/header/navibg.png) left bottom repeat-x !important;border:1px solid var(--primary-color) !important;border-radius:3px;color:#fff;font-weight:700;height:20px!important;margin-top:2px;padding:3px 4px 4px!important;position:absolute;right:10px;text-align:center!important;top:9px;width:23px!important;z-index:2;line-height: 100% !important;}.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}

/* Frontpage - Service Form */
#webiolomake_1_77_1 {background: rgba(0,0,0,.1);padding: 2em;border-radius:8px}
#lomake1-77-1 table {max-width: 50%;margin: 0 auto;}
#lomake1-77-1 .lomakeotsikko {color: #fff;font-size: 1.1rem;text-transform: uppercase;}
#lomake1-77-1 input[type="text"] {border-radius: 6px;border: 0;min-height: 38px;}
::placeholder {color: #adadad;font-style: italic;font-family: var(--google-font);font-size: 14px;}

 @media screen and (max-width:1440px) {#lomake1-77-1 table {max-width: 75%;}}
 @media screen and (max-width:1280px) {#lomake1-77-1 table {max-width: 85%;}}
 @media screen and (max-width:1024px) {#lomake1-77-1 table {max-width: 100%;}}
 @media screen and (max-width:575px) {.lomakenappi_submit {font-size: 1.2rem;}}