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

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

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

    :root {
      --primary-color: #9b1b2d;
      --base-font-size: min(max(1rem, 1.05vw), 20px);
      --base-font-color: #0d0d0d;
      --base-line-height: 160%;
      --google-font: 'Lato', sans-serif;
      --google-heading-font: 'Rajdhani', sans-serif;
      --footer-navi-background: transparent;
      --navilink-font-size: min(max(1rem, 1.2vw), 22px);
      --navilink-color: #fff;
      --navilink-font-weight: 700;
      --navilink-padding: 20px 15px;
      --navilink-selected-bg: #530208;
      --navilink-selected-color: #fff;
      --heading-size-1: min(max(2.2rem, 3vw), 56px);
      --heading-size-2: min(max(1.6rem, 1.9vw), 34px);
      --heading-size-3: min(max(1.8rem, 2.9vw), 54px);
      --heading-size-4: min(max(1.4rem, 1.7vw), 30px);
      --heading-size-5: min(max(1.4rem, 1.5vw), 26px);
      --heading-size-6: min(max(1.6rem, 2.1vw), 38px);
      --grid-gap: 2em 3em;
      --webshop-badge-default-bg:#3b3938;
      --webshop-badge-default-color:#fff;
      --webshop-badge-discount-bg:#ff6000;
      --webshop-badge-novelty-bg:#8dd6d2;
      --webshop-badge-freeshipping-bg:#3b3938;
      --webshop-badge-package-bg:#3b3938;
      --plisting-desktop-max-img-size:400px;
      --plisting-desktop-min-img-size:auto;
      --plisting-laptop-max-img-size:auto;
      --plisting-laptop-min-img-size:180px;
      --plisting-mobile-max-img-size:auto;
      --plisting-mobile-min-img-size:auto;
      --button-background: #ea0407;
      --button-text-color: #fff;
      --button-font-size: min(max(1em, 1vw), 1rem);
      --button-font-weight: 700;
      --button-padding: 8px 30px;
      --max-button-width: 450px;
      --max-input-width: max-content;
      --img-gallery-rows: repeat(auto-fit, minmax(200px, 1fr));
      --img-gallery-img-size: 300px;
      --mobilemenu-container-height: 63px;
      --mobilemenu-open-close-color: #fff;
      --mobilemenu-menutext-color: #fff;
      --mobilemenu-button-background: #fff;
      --mobilemenu-link-color: #fff;
      --mobilemenu-link-background: #8f142b;
      --mobilemenu-expand-button: #fff;
      --mobilemenu-submenu-background: #73000f;
      --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);
      --banners-background: url(../img/header/reasons-bg.jpg) center top no-repeat;
      --banners-bg-scale: cover;
      --footer-background: url(../img/header/footerbg.jpg) center top no-repeat;
      --footer-bg-scale: cover;
    }

body, html, p {margin: 0;padding: 0;font-family: var(--google-font);color: var(--base-text-color);font-size: var(--base-font-size);line-height: var(--base-line-height)}li, section {font-family:var(--google-font)}  img {max-width: 100%;height: auto;display: block;}header.content-col { position: absolute;z-index: 2;}#mainheader{grid-gap:1em;grid-template-columns: 1fr 2fr auto;}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);}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:1280px) {header .center-col {width: 96%;}}@media screen and (max-width:1024px) {table, td, tr {height: auto !important;max-width: 100%}header.content-col {position: absolute;right: 65px;top: 0px;z-index: 2000;width: auto;}header.content-col div:empty{display:none}#mainheader {margin-top: 0px;margin-right: 1em;top: 0px;width: auto;right: 0em;width: auto;z-index: 4000;height: 37px;width: auto;display: flex;justify-content: flex-end;align-items: center;}#subpage-mainwrapper header {position:absolute !important;}}@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 */

#navi-wrap {grid-column:1 / -1}#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;width:100%}#main-navi{ background: rgb(159,18,34);
background: linear-gradient(180deg, rgba(159,18,34,1) 0%, rgba(128,22,55,1) 100%); border-radius:4px}#top-navi {justify-content: flex-end} #footernavi{background:var(--footer-navi-background)}.mainnavi-link, .topnavi-link, .footerlink {padding: var(--navilink-padding);font-family: var(--google-heading-font);font-size: var(--navilink-font-size);font-weight: var(--navilink-font-weight);text-decoration: none;color: var(--navilink-color);display: block;text-transform:uppercase;}.topnavi-link{color:#000}.mainnavi-link:hover, .topnavi-link:hover, .footerlink:hover {color: #c6c6c6;}.mainnavi-selected,#link-sel-1-4, #link-sel-2-5, #link-sel-3-6, #link-sel-4-7, #link-sel-5-8, #link-sel-6-9, #link-sel-7-10,#link-sel-8-11,#link-sel-9-12,#link-sel-8-26 {color: var(--navilink-selected-color);background: rgba(0,0,0,.4);text-decoration: none}#logoimg {max-width: 50%;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;}#logo img {margin: 0 auto;padding: 0;top: calc(10px + 1vw);position: absolute;width: 20vw;min-width: 450px;}.naviblock .shop-linkbutton {margin-top: -2px;}#topbtn .webiolinkkipainike{margin-top:0; background:#1e8dde}@media screen and (max-width:1280px) {:root{--navilink-padding: 20px 10px;}}@media screen and (max-width:768px) {#topbtn {display: none;}}

@media screen and (max-width:1660px) {#logo img {top: calc(30px + 1vw);min-width: 350px;}}
@media screen and (max-width:1280px) {#logo img {min-width: 300px;}}

/* General classes, heroimg, banners */
#main-heroimg {width: 100%;}
#hero-front #main-heroimg {max-height:950px;object-fit: cover;}
#hero-sub #main-heroimg {max-height:280px; object-fit: cover; min-height:200px}
#hero-front #herotext{bottom:10%}
#hero-sub #herotext {bottom:10%}
#hero-sub #herotext h1{text-align:center; color:#fff; text-shadow: 2px 2px 2px rgba(0,0,0,.3)}
#hero-front h1 {color:#fff; text-transform: uppercase; text-align: right; line-height: 100%;text-shadow: 2px 2px 2px rgba(0,0,0,.3)}
#hero-front h1 span{display:block;text-align: right;line-height: 100%}
#hero-front .webiolinkkipainike {margin-top:0;}
#front-endorse-carousel{background:url(../img/header/carusel-bg.jpg) center top no-repeat; background-size:cover;}
#subpage-desc img {border-radius:8px}
.heroimg {position: relative;}
#herotext h2, #herotext h3, #herotext h4, #herotext h5, #herotext h6, #herotext p {color:#fff}
.abs-element {position: absolute;z-index: 2;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}
.headerbox {position: relative;margin-bottom:1em;width: 100%;display: flex;z-index: 220;}
.headerbox .col-full {margin-bottom:0;}
.headerbox p{border-radius:4px;font-family: var(--google-heading-font);font-weight: 700;background: #8f142b;color: #fff;text-shadow: none;display: block;max-width: max-content;padding: 10px 2vw;text-align: center;text-transform: uppercase;}
#subpage-desc .headerbox{justify-content: center;}
#subpage-desc .headerbox p, #subpage-desc .headerbox div, #subpage-desc .headerbox article {text-align: center;justify-content: center;align-items: center;display: flex; margin-bottom:0}
#subpage-desc .headerbox p, #lpage-banner-wrapper .headerbox p{background:#fff; color:#8f142b}
#subpage-desc .abs-element {width: 100%;}

#subpage-desc .dgrid-2-cols {grid-gap:8em}
#product-card-wrapper, #product-listing-wrapper, #subpage-mainwrapper{background:url(../img/header/pcard-bg.jpg) center top no-repeat; background-size:cover;}
#bullets ul, #bullets li {list-style-type:none; padding:0; margin:0;}
#bullets ul {display:flex; justify-content: center; align-items: center; max-width:max-content;}
#bullets li {margin:0 1vw;background: rgb(124,14,29);background: linear-gradient(223deg, rgba(124,14,29,1) 0%, rgba(191,62,102,1) 50%, rgba(124,14,29,1) 100%); width:min(max(120px, 10vw), 200px); height:min(max(120px, 10vw), 200px); border-radius:100%;display: flex;justify-content: center;align-items: center; padding:1em;}
#bullets li, #bullets li p {color:#fff; font-size:min(max(1rem, 1.1vw), 20px); font-weight:700;line-height:120%;text-align: center;}
.bnr {position:relative;} /* Bannerikuva position container */
.bnr img {width:100%;} /* Bannerikuvan maksimileveys */
.bnr.basic .bannertext img{width: auto;min-height:unset;max-height: unset}
footer {background:var(--footer-background); background-size: var(--footer-bg-scale); color:#fff}
footer .dgrid-2-cols {color:#fff; grid-template-columns:1fr 1fr}
footer .dgrid-2-cols a {color:#a3a3a3; font-family:var(--google-heading-font)}
a.shop-linkbutton {color:#fff !important; display:flex; justify-content:center; align-items:center;max-width:max-content}
.shop-linkbutton img {padding-right:10px;max-width: 2vw;min-width: 20px;}
#some-icons {display:flex; justify-content:center;}
#some-icons p {padding-right:10px}

@media screen and (max-width:1024px) {#hero-front #main-heroimg {max-height: 500px;}#hero-front, #hero-front h1,#hero-front h1 span{text-align:center;text-shadow: 2px 2px 2px rgba(0,0,0,.4);}#front-endorse-carousel .dgrid-2-cols {padding: 0 0.5em;}#footer-content {grid-template-columns: 1fr 2fr;}#subpage-desc .abs-element {position: relative;order: 2; width:100%; padding-top:2em}#subpage-desc .dgrid-2-cols {grid-template-columns: 1fr;}#emptydiv{display:none;}#bullets {grid-template-columns: 1fr;}#subpage-mainwrapper, #hero-sub {padding-top: 80px;}#hero-sub #main-heroimg {max-height: 60px;min-height: 80px;}#hero-sub{padding-top: 0;}}
@media screen and (max-width:860px) {#footer-content {grid-template-columns: 1fr;text-align: center; padding-bottom:0} #footer-content .webiolinkkipainike {margin:0 auto}#footer-content .dgrid-2-cols {grid-template-columns: 1fr;padding: 0;}}
@media screen and (max-width:768px) {.headerbox p {padding: 10px 20px;}#front-endorse-carousel img {max-width: 90%;padding-right: 5%;}#product-guide .abs-element{position: relative;order: 2;width:100%}#guide-text{padding-top:0}#product-guide img {object-position: left;}}
@media screen and (max-width:575px) {#subpage-desc .bnr img {max-height:200px; min-height:200px}#bullets li {width: 100%;height: auto;border-radius: 4px;box-sizing: border-box;margin: 0;}#bullets ul{display: grid;grid-template-columns: 1fr;max-width: 100%;width: 100%;grid-gap: 10px;justify-content: flex-start;}}

/* Frontpage - Endorse banners */
#front-endorse-banners {grid-template-columns: 1fr 1fr;grid-gap: 2em;}
#shop-banner {background:url(../img/header/store-banner-bg.png) center center no-repeat; background-size:cover;}
#shop-banner {border-radius:4px; text-align: center}
#shop-banner img {max-width: 14vw; margin:0 auto;}
#shop-banner .webiolinkkipainike {line-height:120%;padding: 10px 2vw;}
#shop-banner.shop-banner-sub {background:url(../img/header/store-banner-bg-small.png) center center no-repeat; background-size:cover;display:grid; grid-gap:1em;grid-template-columns:150px 3fr 1fr; justify-content: center; align-items: center; position: relative; margin-bottom:3em}
.shop-banner-sub img {max-width: 150px !important;position: absolute;top: -22px;left: 50px;}
.shop-banner-sub .webiolinkkipainike {margin: 0 auto}

@media screen and (max-width:1024px) {#shop-banner.shop-banner-sub {grid-template-columns: 1fr;}.shop-banner-sub img {max-width: 120px !important;position: relative;top: unset;left: unset;}}
@media screen and (max-width:678px) {#front-endorse-banners {grid-template-columns: 1fr;}}

/* Landing page - Big banner */
#lpage-banner-wrapper{background:#9b1b2d; border-radius:8px;margin-bottom:2em; grid-gap: 0}
#lpage-banner-wrapper img {border-radius:6px 0px 0px 6px}
#lpage-banner-wrapper .headerbox{justify-content: center;}
#lpage-banner-text {text-align: center}
#lpage-banner-wrapper .col-full {margin-bottom:0}
#lpage-banner-text .headerbox p, #lpage-banner-text .headerbox div, #lpage-banner-text .headerbox article {text-align: center;justify-content: center;align-items: center;display: flex;}
@media screen and (max-width:1024px) {#lpage-banner, #lpage-banner article, #lpage-banner div, #lpage-banner p, #lpage-banner img {height: 100%;}#lpage-banner img {object-fit:cover;}}
@media screen and (max-width:768px) {#lpage-banner-wrapper img {border-radius:6px 6px 0px 0px}}

/* Frontlinks table */
#fwlinks table, #fwlinks tbody, #fwlinks tr, #fwlinks td {height: auto !important;width: 100% !important;}
#fwlinks tr {display:grid; grid-template-columns: repeat(2,1fr);}
#fwlinks td a{padding:var(--padding-s); display: block; width: 100%; box-sizing: border-box}
@media screen and (max-width:480px) {#fwlinks tr {display:grid; grid-template-columns: 1fr;}}

/* Banners */
#bannersbg {background:var(--banners-background); background-size: var(--banners-bg-scale); grid-gap:1em}
#bannersbg .dgrid-2-cols,#bannersbg .dgrid-3-cols {grid-gap:1em}
#bannersbg img {margin:0 auto; padding-bottom:1em;max-width: 10vw;min-width: 120px;}
#banners-narrow .abs-element h2,#banners-narrow .abs-element h3, #banners-narrow .abs-element h4,#banners-narrow .abs-element h5,#banners-narrow .abs-element h6, #banners-narrow .abs-element p,
#bannersbg h2,#bannersbg h3, #bannersbg h4,#bannersbg h5,#bannersbg h6, #bannersbg p{color:#fff; font-size:min(max(1.4rem, 1.5vw), 30px); font-weight:700; text-align: center; line-height:120%;font-family: 'Rajdhani', sans-serif;}
#bannersbg a {color: #fff;text-decoration: underline;font-family: 'Rajdhani', Sans-serif;font-weight: 600;}
#bannersbg h4 {font-size:min(max(1.8rem, 2.9vw), 58px); text-transform: uppercase}
#banners-narrow {grid-gap:1em}

/* Verholine staff */
.verholine-hkunta tr { display: grid;grid-template-columns: 1fr 1fr 1fr;max-width: max-content;grid-gap:1em}
.verholine-hkunta table, .verholine-hkunta tbody, .verholine-hkunta tr, .verholine-hkunta td {height:auto !important;width:100% !important; text-align: center;}
.verholine-hkunta td {display:flex; flex-direction:column; justify-content: flex-start; align-items:center;}
.verholine-hkunta td img {padding:20px 0 !important;}

 @media screen and (max-width:1024px) {.verholine-hkunta tr {display: grid;grid-template-columns: 1fr 1fr;}}
 @media screen and (max-width:678px) {.verholine-hkunta tr {display: grid;grid-template-columns: 1fr;}.verholine-hkunta td{grid-column: 1/-1;text-align: center !important;align-items: center !important;padding-left:0 !important;}.verholine-hkunta tr {max-width: unset;}}

/* Contactbox */
#contactbox-wrapper {background: rgba(0,0,0,.3);text-align: center;border: 2px solid #f00;border-radius: 4px;}
#contactbox-wrapper .cpadding-rl-m{padding:0 0 0 2em !important}
#contactbox-wrapper .webiolinkkipainike {margin-top:0}
#contactbox-wrapper h3,contactbox-wrapper h4,contactbox-wrapper h5,#contactbox-wrapper h6 {color:#fff;font-size:min(max(1.5rem, 2vw), 2.2rem);}
.cboxdiv{display:grid; grid-template-columns: 44% auto;align-items: center; padding:0 0 0 4em !important;}
.greentext {font-weight: 500;color: #bccf02;}

@media screen and (max-width:1280px) {#contactbox-wrapper {grid-gap: 2em;}}
@media screen and (max-width:1024px) {#contactbox-wrapper{grid-gap:0}#contactbox-wrapper{grid-template-columns: 1fr 1fr 1fr}#contact-box-content img {max-width: 240px;margin: 0 auto;}#contactbox-wrapper .cpadding-rl-xl{padding:2em}#contactbox-wraper .cpadding-rl-m{padding:1em 0 0 0 !important}.cboxdiv{background:#313131; padding:2em !important}.cboxdiv .webiolinkkipainike{margin: 0 !important; max-width:max-content}.cboxdiv p {text-align:left !important;}#ftr-block .cpadding-rl-xxl{padding:0;}}
@media screen and (max-width:860px) {#contactbox-wrapper {grid-template-columns: 1fr;grid-gap: 1em;}}
@media screen and (max-width:480px) {.cboxdiv .webiolinkkipainike {max-width: unset;padding: 10px 30px;max-width: unset !important;}}

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

/* Mobile tags*/
#mobilemenu-container {height:var(--mobilemenu-container-height);position: absolute;z-index: 3;width: 100%;left: 0;}.mean-bar::before{right:unset; left:10px}
#mobile-logo {position: absolute;top: 0;left: 20px;z-index: 50000;width: auto;}
#mobilelogo-img { max-width: 170px;height: auto;padding: 10px 0px 0 0em;margin: 0 auto;}
@media screen and (max-width:1024px) {#main-nav, #logo, footer nav, footer ul, #sidenavi, #navi-wrap,#service-navi, #quicklinks,#topbtn {display: none}}

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

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

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

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

#swlinkit {text-align: center;padding:10px 0;}.swlinkki {font-family:var(--google-font);font-size: 12px;color: #424242; }.swlinkki:hover{color:#06b0a7; text-decoration: none;}
 @media screen and (max-width:678px) {.subpage table, .subpage td, .subpage tr {display: block;width: 100% !important;height: auto; clear: both;box-sizing: border-box}.subpage tbody {width: 100%;display: inline-block}.subpage tr {display: flex;}.subpage tr td {flex:1;}}@media screen and (max-width:480px) {.subpage tr {display: grid;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));}}

/* Forms */
.lomakeotsikko {color: var(--primary-color);font-weight: 700; padding:10px 0;}.lomake-ve-solu input[type=checkbox] {display: none}.lomake-ve-solu input[type=checkbox] + label, .lomake-ve-solu input[type=checkbox]:checked + label {-webkit-appearance: none;display: block;position: relative;height: auto;clear: both;}.lomake-ve-solu input[type=checkbox] + label::before, .lomake-ve-solu input[type=checkbox]:checked + label::before {border-radius: 100%;border: 1px solid #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;}

 /* 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: 40px;line-height: 22px;margin-top: 0;padding: 8px 10px 0 10px;position: absolute;text-decoration: none;text-indent: -9999em;top: 7px;width: 35px;background: #8f142b;border-radius: 4px;right:10px !important}.meanmenu-reveal.meanclose {padding: 12px 10px 0px 10px;height: 36px;font-weight: 700;font-family: var(--google-heading-font);}.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{font-family:var(--google-heading-font);display:block;float:left;width:90%;padding:10px 5% 10px 5%;height:auto;margin:0;text-align:left;color:var(--mobilemenu-link-color);border-top:1px solid rgba(255,255,255,.2);text-decoration:none;font-size:16px;background:var(--mobilemenu-link-background);text-transform:uppercase}.mean-nav ul li li a{width:90%;padding:10px 5% 10px 8%;background:var(--mobilemenu-submenu-background)!important;visibility:visible}.mean-nav ul li{position:relative;float:left;width:100%}.mean-nav li a.mean-expand{background:var(--mobilemenu-expand-button)!important;border:medium none;border-radius:3px;color:#8f142b;font-weight:700;height:20px!important;margin-top:3px !important;padding:3px 4px 4px!important;line-height: 120%;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}
#mbl-links {display: flex;}#mblik {background: #1e8dde;text-align: center;}#mblvk {background: #ea0407;text-align: center;}@media screen and (max-width:375px) {#mblik,#mblvk {font-size: 14px;}}
/* Tabs */
.tabcontent {background:#fff;grid-row: 2;grid-column: 1 / -1;}
.tablinks {cursor: pointer;}
#tab-btn-container {position:relative;display: grid;grid-template-columns: 1fr 1fr 1fr; background: rgb(155,27,45);background: linear-gradient(180deg, rgba(155,27,45,1) 0%, rgba(155,27,45,1) 50%, rgba(155,27,45,1) 100%);border: 1px solid #9b1b2d;border-radius:6px;}
.two-tabs#tab-btn-container {grid-template-columns: 1fr 1fr;}
.four-tabs#tab-btn-container {grid-template-columns: 1fr 1fr 1fr 1fr;}
.five-tabs#tab-btn-container {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}

.tablinks div,.tablinks  div p {color: #fff;font-family: var(--google-heading-font); font-size: min(max(0.9rem, 1.4vw), 24px);line-height: var(--base-line-height);font-weight: 700;text-align: center;text-transform: uppercase;line-height:120%}
.four-tabs .tablinks div,.four-tabs .tablinks  div p {font-size: min(max(0.9rem, 1.4vw), 22px);}
.five-tabs .tablinks div,.five-tabs .tablinks  div p {font-size: min(max(0.8rem, 1.3vw), 20px);}
.four-tabs .tablinks, .five-tabs .tablinks{padding: 20px 10px;}

.tablinks{padding: 20px;border-right:1px solid rgba(255,255,255,.05);position:relative;border-right:1px solid rgba(255,255,255,.3);}
#tab-btn-container .tablinks:first-of-type{border-radius:6px 0 0 0}
#tab-btn-container .tablinks:last-of-type{border-radius:0 6px 0 0}
.tablinks.active,.tablinks.active p{color:#9b1b2d !important}
.tablinks.active{background:#fff}
.tablinks div p:after {content:"›"; display: inline-block; transform:rotate(90deg); margin-left: 1vw;}
.tablinks span {display: inline-block; padding: 0px 0px;font-weight: 400;position: absolute;right: 20px;}
#tab-btn-container .tabcontent, #tab-btn-container .tabcontent p, #tab-btn-container .tabcontent div{color:#000;font-family:var(--google-font); font-size:min(max(1rem, 1.05vw), 20px); text-align:left; text-transform:none}
#tab-btn-container .tabcontent {border-radius:0px 0px 6px 6px}

@media screen and (max-width:1024px) {.tablinks div,.tablinks div p, .four-tabs .tablinks div p, .four-tabs .tablinks div,.five-tabs .tablinks div p, .five-tabs .tablinks div{font-size:1.2rem}}


/* ADMIN tabs */
.menutabs {display: grid;grid-template-columns: 1fr 1fr 1fr;background: #007cc7;}
.menutabs > div {padding: 10px;text-align: center;border-right:1px solid rgba(255,255,255,0.2);box-sizing:border-box;}
.menutabs  div p {color:#fff}
.sisaltodiv_tab_valittu_30,.sisaltodiv_tab_valittu_31,.sisaltodiv_tab_valittu_32 {background: #54b0af;}

@media screen and (max-width:1024px) {#tab-btn-container, .four-tabs#tab-btn-container, .five-tabs#tab-btn-container {grid-template-columns: 1fr;}#tab-content-1{grid-row:2;}#tab-content-2{grid-row:3;}#tab-content-3{grid-row:4;}#tab-content-4{grid-row:5;}#tab-content-5{grid-row:6;}#tab-content-6{grid-row:7;} #tab-btn-container {width: 100%;}.tablinks {box-shadow: 2px 2px 12px rgba(0,0,0,.3);}#tab-btn-container div.tablinks.active {background: #cd0a12 !important;}#tab-btn-container div.tablinks.active p {color:#fff}#tab-btn-container .tabcontent{display: grid;background: #f1f1f1;border-radius: 0;}#tab-btn-container .tablinks:first-of-type{border-radius:6px 6px 0 0}#tab-btn-container .tabcontent:last-of-type {border-radius: 0 0 6px 6px;}}

/* Tiny slider carousel */
.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}.tns-nav {text-align:center; margin:10px 0}.tns-nav button, .tns-nav-active {width: 20px;height: 20px;border: none;border-radius: 100%;background: #4c7da0;margin:0 2px}button.tns-nav-active {background: #ea0407;}#carousel-wrapper-top-ow .tns-nav {text-align: center;margin-top: -80px;z-index: 200;position: absolute;width: 100%;}#carousel-wrapper-top-ow .tns-nav button, #carousel-wrapper-top-ow .tns-nav-active {width: 25px;height: 25px;}@media screen and (max-width:1024px) {#carousel-wrapper-top-ow .tns-nav {text-align: center;margin-top: -60px;}}
#carousel-container img {border-radius:12px}

@media screen and (max-width:480px) {.resurstable td, .resurstable td p {font-size: 12px;}}

hr {border-top-width: 1px;border-right-width: 0;border-bottom-width: 0;border-left-width: 0;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #dedede;border-right-color: #dedede;border-bottom-color: #dedede;border-left-color: #dedede}