/* encode-sans-semi-condensed-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Encode Sans Semi Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/encode-sans-semi-condensed-v10-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('../fonts/encode-sans-semi-condensed-v10-latin-700.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* encode-sans-semi-condensed-900 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Encode Sans Semi Condensed';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/encode-sans-semi-condensed-v10-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('../fonts/encode-sans-semi-condensed-v10-latin-900.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* encode-sans-condensed-300 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Encode Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/encode-sans-condensed-v10-latin-300.eot'); /* IE9 Compat Modes */
  src: url('../fonts/encode-sans-condensed-v10-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/encode-sans-condensed-v10-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/encode-sans-condensed-v10-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/encode-sans-condensed-v10-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/encode-sans-condensed-v10-latin-300.svg#EncodeSansCondensed') format('svg'); /* Legacy iOS */
}

/* encode-sans-condensed-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Encode Sans Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/encode-sans-condensed-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/encode-sans-condensed-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/encode-sans-condensed-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/encode-sans-condensed-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/encode-sans-condensed-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/encode-sans-condensed-v10-latin-regular.svg#EncodeSansCondensed') format('svg'); /* Legacy iOS */
}


/* raleway-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('../fonts/raleway-v28-latin-regular.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/raleway-v28-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('../fonts/raleway-v28-latin-700.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


:root {
   --primary-color: #17242a;
   --secondary-color: #17242a;
   --base-font-size: min(max(1rem, 1vw), 20px);
   --base-text-color: #343434;
   --base-line-height: 140%;
   --google-font: 'Raleway', sans-serif;
   --google-heading-font:  'Encode Sans Semi Condensed', cursive;
   --navilink-font-size: min(max(0.9rem, 1vw), 18px);
   --navilink-color: #fff;
   --navilink-font-weight: 700;
   --navilink-padding: 1vw 0;
   --navilink-selected-bg: #fff;
   --navilink-selected-color: #00b8c7;
   --heading-size-1: min(max(1.8rem, 3vw), 2.58rem);
   --heading-size-2: min(max(1.6rem, 2vw), 2rem);
   --heading-size-3: min(max(1.5rem, 2vw), 1.66rem);
   --heading-size-4: min(max(1.3rem, 1.55vw), 1.33rem);
   --heading-size-5: min(max(1.5rem, 2.5vw), 2.08rem);
   --heading-size-6: min(max(1.1rem, 1.2vw), 1.33rem);
   --grid-gap: 2em 3em;
   --button-text-color: #fff;
   --button-font-size: min(max(0.833rem, 1vw), 20px);
   --button-font-weight: 700;
   --button-padding: 8px 60px;
   --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: #fff;
   --mobilemenu-menutext-color: #fff;
   --mobilemenu-button-background: #fff;
   --mobilemenu-link-color: #fff;
   --mobilemenu-link-background: #01b7c6;
   --mobilemenu-expand-button: #000;
   --mobilemenu-submenu-background: #0092a1;
   --padding-s: min(max(20px, 1vw), 20px);
   --padding-m: min(max(30px, 2vw), 40px);
   --padding-xl: min(max(40px, 3vw), 60px);
   --padding-xxl: min(max(60px, 4vw), 80px);
 }
body, html, p {margin: 0;padding: 0;font-family: var(--google-font);color: var(--base-text-color);font-size: var(--base-font-size);line-height: var(--base-line-height)}  img {max-width: 100%;height: auto;display: block;border-radius:6px}.center-col .dgrid-l-m-cols li {font-family: var(--google-font);font-size: var(--base-font-size);line-height: var(--base-line-height)}header.content-col { position: relative;z-index: 2;  border-top: 5px solid #00b8c7;}a {color: var(--primary-color);text-decoration: none;}p{line-height:160%}a:hover {text-decoration: underline}h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {color:#17242a;font-family: var(--google-heading-font);margin: 0;padding: 0;line-height: 110%; font-weight:400;}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;}header{background-image:none !important}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%}}@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:1400px;}.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;}#main-navi{background: url(../img/header/navibg.png) center bottom repeat-x;background-size: cover; justify-content:space-around}#footernavi {background:#000; border-radius:6px;}#top-navi {justify-content: flex-end; z-index:3} .naviblock {position:relative;}.mainnavi-link, .topnavi-link, .footerlink {font-family:var(--google-heading-font);padding: var(--navilink-padding);font-size: var(--navilink-font-size);font-weight: var(--navilink-font-weight);text-decoration: none;text-transform: uppercase; color: var(--navilink-color);display: block;}.topnavi-link{color:#fff}.event-time a, .tickets a{color:#ffc157}.tickets a{text-decoration:underline;margin-right:2vw;}.mainnavi-link:hover, .topnavi-link:hover, .footerlink:hover {color: #c6c6c6;}#link-sel-1-4, #link-sel-2-6, #link-sel-3-5, #link-sel-3-35, #link-sel-4-7, #link-sel-5-8, #link-sel-10-10{color: var(--navilink-selected-color);text-decoration: none}#link-sel-2-6{color:#f7829d}#logo {align-self:flex-end;}#logoimg {max-width: 66.7%;margin: 0 auto;float: none;display: block;height: auto;padding: 40px 0 0 0;}#sidenavi ul {background: var(--primary-color);padding: 10%;margin: 0;list-style: none;border-radius:6px;}.langnavi > a {background: #d31712;color: #fff;font-size: 14px;height: 30px;display: flex;width: 32px;justify-content: center;align-items: center;line-height: 100%;font-weight: 600;padding-top: 2px;margin: -2px 0 0 20px;}
.center-col .dgrid-l-m-cols li a{color: #fff; text-decoration: underline;}
#logo img {margin:0 auto;}#ajanvarauslink {font-size: 14px !important;padding: 10px 60px;margin:0}
#formcol-img li {font-family:var(--google-font)}
#therapy-ingress{font-size: 1.2rem;font-weight: 700;color: #00b8c7;}
.pagecontent-header h1{color:#00adc0; margin-bottom: 5px;font-weight: 300;font-size: 1.4rem;}
#pagecontent-header-6 h1{color: #f7829d;}
.frontlion{min-height:800px}
#page-9 .dgrid-2-cols{justify-content:flex-start;}
/* General classes, heroimg, banners */
#main-heroimg {width: 100%; border-radius:0}
.hero-low {max-height: 400px;object-fit: cover;}
#herotext { display: grid;max-width:1600px}
#herotext article {max-width:50ch}
#herotext h1 {text-transform:uppercase}
#herotext.hero-alasivu{right:unset}
.hero-alasivu h1 {color:#fff; text-align: center;}
#etusivuhero #herotext {z-index:3}
#lmask {z-index:2;background: rgb(255,255,255);background: linear-gradient(90deg, rgba(255,255,255,.1) 0%, rgba(255,255,255,0) 60%);height: 100%;width: 100%;}
#herotext span {display:block;}
#herotext .webiolinkkipainike {margin:0}
header.content-col, #palvelunostot, footer, .psisalto-blue{background-color:#17242a;background-image:url(../img/header/kaari-top.png), url(../img/header/kaari-btm.png);background-position:left top, right bottom; background-repeat:no-repeat,no-repeat;}
#palvelunostot{background-image:url(../img/header/kaari-btm-2.png), url(../img/header/kaari-btm.png);}
header.content-col { position: relative;z-index: 2;  border-top: 5px solid #00b8c7;}
header.content-col, footer{background-size: 25%,25%}
.psisalto-blue p{color:#fff}
.heroimg {position: relative;}
.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: 1px 1px 1px rgba(220, 96, 3, 1);}
#page-4 h1 {color:#fff}
.headerbox {background: var(--primary-color);color: #fff;padding: 10px 30px;text-transform: uppercase;display: block;margin-bottom:20px; max-width:max-content;color:#fff;border-radius:6px; font-weight:600}
.headerbox p {color:#fff; font-weight:600;}
.bannerinostot img {margin:0 auto;}
.bannerinostot .dgrid-2-cols {justify-content:center; align-items:center;}
.banner{background:#fff; border-radius:6px;}
.banner img {border-radius:6px 6px 0 0}
.center-col img {border-radius:100%}
#pnosto-etusivu{grid-gap:1em}
.center-col#pnosto-etusivu img {border-radius:6px 6px 0 0}
.palvelunostot-alasivu .dgrid-2-cols{justify-content:center; align-items:center;}
#solu191 {grid-column: 1 / -1;}
#yhtttable tr {display: flex;gap: 2em;flex-wrap: wrap;}
#yhtttable td {padding-bottom:1em}
/*#page-6 h1,.pagecontent-6 h2, .pagecontent-6 h3{color:#f7829d}*/
#page-6 p{color:#000}
#palvelusisalto table, #midcontent table {padding-top:3em; width:100% !important}
#palvelusisalto tr, #midcontent tr {display: grid; grid-template-columns:repeat(3,1fr); grid-gap:4em}
#palvelusisalto td, #midcontent td {width:100% !important}
#palvelusisalto h3, , #midcontent h3{padding-bottom:10px}
.pagecontent-4 h5,.pagecontent-6 h5{background:#f7829d; border-radius:50px; color:#fff; padding:20px 40px;max-width:max-content;margin:0 auto;font-size:min(max(1.1rem, 1.2vw), 1.2rem);text-align:center}
.pagecontent-4 h5 {background:#00adc0;color:#fff:}
#fwbanner img {border-radius:0;min-height:400px; object-fit:cover; object-position:left;width: 100%;}
.bannerinostot.pagecontent-6 img,.bannerinostot.pagecontent-4 img,.bannerinostot.pagecontent-5 img,.bannerinostot.pagecontent-35 img  {outline:1px solid #fff; outline-offset:-20px}
#fwimg-content{max-width: 50%;right: 0;}
#formcontent-6 .lomakenappi_submit{background:#f7829d}
/*#formcontent-6 h2{color:#f7829d}*/
.bannerinostot.narrow-col img, .narrow-col.palvelunostot-alasivu img {width:95;object-fit: cover;}
.pagecontent-9 .dgrid-2-cols {align-items:flex-start}
#marjabanneri img, #blog-wrapper-bg img {outline: 1px solid #fff;outline-offset: -20px;}
#heroheader h2{color: #fff;text-align: center;font-size: 2rem;bottom: 15%;text-shadow: 2px 2px 2px rgba(0,0,0,.3);}
#heroheader {bottom: 15%}
#heroheader h2 {font-size:min(max(1.8rem, 3vw), 2.58rem);text-transform:uppercase}
.front-heroheader {display:none;}

#freetext {font-size: 18px;text-align: center;padding: 5px 10px;background: #00b8c7;color: #fff;font-weight: 700;display: block; width: 100%;}
#freetext a{color:#fff}

/* SInkun mindset 2*/
#sinkunmindsetbanneri {background:url(../img/header/sinkkumindset-tbg.jpg) center top no-repeat; background-size:cover; position:relative;}
#tulossa-slot {width: auto;right: 0;top: 0;}
#tulossa-slot img {max-width:123px}

@media screen and (max-width:1024px) {#freetext {font-size: 16px;padding: 10px 30px;}}
@media screen and (max-width:420px) {#sinkunmindsetbanneri h4 {font-size: 1.8rem !important;}}

/* Blog */

#ingress, #blog-lift-wrapper {background:#17242a; }
#blog-lift-wrapper{margin-bottom:1em}
#blog-lift .col-full {display:grid; grid-template-columns:repeat(3,1fr); grid-gap:1em;}
.blog-post {background:#fff; border-radius:6px;display:flex; flex-direction:column}
.blogifront .blog-borders, .blog-borders{border:1px solid #00b8c7; padding:2em; border-radius:0 0 6px 6px;height: 100%;}
.blog-post-header {padding-bottom:20px}
.blog-post-img img {border-radius:0;width: 100%;height: 250px;object-fit: cover;border-radius:6px 6px 0 0}
.blog-post-desc {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
#ingress .center-col {max-width:1200px;}
#ingress h3 {text-align:center;margin:0 auto 1em auto;color:#fff;border-radius:60px;box-sizing: border-box;cursor: pointer;font-weight:700;margin-bottom: 1em;display: block;text-align: center;padding: 12px 60px; background: #00b8c7;font-size:min(max(1.1rem, 1.2vw), 1.33rem);color: var(--button-text-color);font-weight: var(--button-font-weight);width: auto;max-width: max-content}
#ingress h1 {text-align:center;color:#fff;font-size:min(max(2rem, 3.2vw), 3.5rem);text-transform:uppercase}
#ingress-desc p {text-align:center;color:#fff; font-size:min(max(1.2rem, 1.5vw), 22px); font-weight:300;max-width:1000px; margin: 1em auto 0 auto}
#blog-wrapper {max-width:1200px}
.blog-col {max-width:1200px;}
.blog-col h3 {color:#00b8c7; text-transform:uppercase;}
.blog-col span{color:#00b8c7 !important; font-size:1.3rem;}
#blog-wrapper-bg {background: #f7f7f7;margin-top: 1em;}
/*#marjabanneri{background: url(../img/header/marja.jpg) right bottom no-repeat; background-size:cover}*/
.pagecontent-8 .dgrid-2-cols{justify-content:flex-start;align-items:flex-start}
#ingress .col-full {margin:0;}
@media screen and (max-width:1440px) {#logo img {margin: 0 auto;max-width: 85px;}#ajanvarauslink {padding: 5px 30px;font-size: 12px !important;}}
@media screen and (max-width:1280px) {#logo img {margin: 0 auto;max-width: 75px;}#ingress .center-col {max-width: 800px;}}
@media screen and (max-width:1024px) {#palvelusisalto tr, #midcontent tr {grid-template-columns:repeat(2,1fr);}#fwbanner .center-col{order:2}#fwimg-content{  position: relative;order: 2;width: 100%;max-width: unset;padding:2em 1em; box-sizing:border-box}.formcol{order:2}#formcontent-6 .dgrid-2-cols{grid-template-columns:1fr}header.content-col{border-top:none;}#blog-lift .col-full {grid-template-columns:repeat(2,1fr);}#ingress.cpadding-t-s {padding: 2em 0;}#ingress.cpadding-t-s .center-col {padding: 0 0 2em 0;}#blog-lift {padding: 1.5em 0;}}
@media screen and (max-width:768px) {.bannerinostot {width:100%}#palvelusisalto {width:100%; padding:2em}#palvelusisalto tr, #midcontent tr {grid-template-columns:1fr; grid-gap:2em}.bannerinostot.cpadding-tb-xl {padding:3em 2em}.oddcol#herotext{position: relative;order: 2;padding: 2em 2em 0 2em;width: 100%;left: 0;}.oddcol-text, #marjabanneri .col-left {order:1;padding:0 !important}.oddcol-text .col-full{margin:0;}.st #main-heroimg { object-position: right;aspect-ratio: 1/1;min-height: unset;} #fwbanner img {min-height: 200px;}footer {text-align:center;}#herotext h1, #herotext p, #herotext span {color: #000 !important;}#herotext h1{color: #00adc0 !important;}#page-6 h1 {color: #f7829d !important}#herotext br {display:inline;float:left;}#herotext article {max-width: 100%;}.pagecontent-4 .col-right,.pagecontent-5 .col-right,.pagecontent-6 .col-right,.pagecontent-35 .col-right{display:none;}.front-heroheader {display:block;bottom: unset; top: 15%;}#blog-lift .col-full {grid-template-columns:1fr;}#therapy-ingress{display:none;}#blog-wrapper .col-full {padding: 0 2em;}}
@media screen and (max-width:575px) {.st #main-heroimg {object-position: -200vw center;}footer img {max-width: 120px !important;}#page-4 #main-heroimg{object-position: bottom;}}

/* Banners*/
.bnr {position:relative;} 
.bnr img {width:100%;} 
.luennot-bannerit img {width:100%}
#bnr-1 h2,#bnr-2 h2,#bnr-3 h2,#bnr-4 h2{font-size:min(max(1.1rem, 1vw), 1.1rem);text-transform:uppercase;}
#bnr-1 h3,#bnr-2 h3,#bnr-3 h3, #bnr-4 h3{font-size:min(max(1.4rem, 1.6vw), 1.6rem);color:var(--primary-color)}
#bnr-1 h2 {color:#a1a284}#bnr-1 .webiolinkkipainike {background:#a1a284}#bnr-2 h2 {color:#f7819d}#bnr-2 .webiolinkkipainike {background:#f7819d}#bnr-3 h2 {color:#59696c}#bnr-3 .webiolinkkipainike {background:#59696c}#bnr-4 h2 {color:#59696c}
.bnr .col-full, .bnr .colpadding{margin:0 !important;}
.bnr-text{background:#fff}
.bgcolor-wrapper {background:#000}
.bgcolor-wrapper img {opacity:0.9} 
.palvelunostot-alasivu img {margin: 0 auto; width:100%; border:none;}
.palvelunostot-alasivu .col-left {position:relative;height: 100%;}
.palvelunostot-alasivu .col-left .modulikuvausteksti{ position: absolute;background: #00b8c7;top: 2em;left: 2em;width: 140px;height: 140px;z-index: 200;line-height:18px;border-radius: 300px;display: flex;justify-content: center;align-items: center;text-align: center;color: #fff;text-transform: uppercase;font-weight: 700;padding: 20px;outline: 1px solid #fff;outline-offset: -10px;}
.palvelunostot-alasivu .col-left .modulikuvausteksti span{display: flex;justify-content: center;align-items: center;text-align: center; line-height:22px;}
.palvelunostot-alasivu .col-left, .palvelunostot-alasivu .col-left div{height: 100%;}
.palvelunostot-alasivu .col-right{padding:2em 4em;}
.palvelunostot-alasivu img{max-height:unset;object-fit:cover;width:100%;border-radius:0;height:100%}
#palvelusisalto table {width:100% !important}
#palvelusisalto td {width:100% !important}
/*.pagecontent-4 h2{color:#00adc0}*/
#marjabanneri {padding: 4em 2em;}

/* Banner - imgmask  */
.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{object-fit: cover; min-height: 400px;}#main-heroimg.frontlion{min-height:800px}#herotext img {max-width:100px}#herotext {width: 80%;left: 10%;}#subhero #main-heroimg{max-height: 200px;min-height: 200px;}.palvelunostot-alasivu .col-right {padding: 2em 3em;}}
@media screen and (max-width:860px) {#ohjelma #solu1101 {grid-template-columns: repeat(2,1fr);}}
@media screen and (max-width:768px) {#etusivuhero {background:#17242a;}footer img{margin: 10px auto 0 auto !important; display:block}#etusivuhero #herotext {position: relative;order: 2;padding: 4em 2em 4em 2em;width: 100%;left: 0; }#etusivuhero #herotext h1{color:#fff !important}#etusivu-col-1 .col-left {order:2}#main-heroimg, .bnr img {min-height: unset;max-height: 500px;min-height:270px;object-position: right;}#main-heroimg{max-height:350px !important}.event-modal {margin-top: 0em;}.bannerinostot.bannerinostot-alasivu img {min-height: 300px !important;max-height: 300px;}#subpage-content .cpadding-rl-xl {padding: 0 20px;}#marjabanneri {padding: 4em 2em;}header.content-col{border:none;}#etusivuhero p, #etusivuhero span {color:#fff !important}.luennot-bannerit {padding: 2em !important;}#formcontent-6 #formcol-img{order:2}.pagecontent-4 li {font-size: 11px !important;}}

@media screen and (max-width:575px) {
.bannerinostot.narrow-col img, .narrow-col.palvelunostot-alasivu img, .palvelunostot-alasivu img {width: 100%;object-fit: cover;height: 250px;border-radius:6px}.palvelunostot-alasivu img{border-radius:0}#marjabanneri img {height:350px}#fwbanner img{width: 100%; border-radius:0px}.pagecontent-6 h5 {border-radius: 6px 6px 0 0;max-width:100%}.palvelunostot-alasivu .dgrid-2-cols {justify-content: center;align-items: center;background: #fff;border-radius: 0px;padding:0 0 4em 0}.palvelunostot-alasivu .dgrid-2-cols h2, .palvelunostot-alasivu .dgrid-2-cols p, .palvelunostot-alasivu .dgrid-2-cols span {color: var(--primary-color) !important;}.palvelunostot-alasivu .dgrid-2-cols .col-right {padding: 0em 2em;}.palvelunostot-alasivu { padding: 0em 0em;}#palvelusisalto{padding:4em 2em 2em 2em}#fwimg-content {padding: 2em 1em 2em 1em;}#midcontent{background: #17242a;width: 100%;padding: 0 2em;}#midcontent {padding:2em 1em 1em 1em}#midcontent td {background:#fff; padding:2em; border-radius:6px; box-sizing:border-box;}.luennot-bannerit {padding: 1em !important;}#marjabanneri img{height:auto; border-radius:300px}#midcontent table {padding-top: 0em;}.palvelunostot-alasivu .col-left .modulikuvausteksti {left: unset;width: 75px;height: 75px;right: 2em;font-size: 12px;line-height: 140%;color:#fff !important;line-height:18px}.palvelunostot-alasivu .col-left .modulikuvausteksti span{color:#fff !important;}.palvelunostot-alasivu .col-left .modulikuvausteksti span{line-height:18px;font-size:12px}.pagecontent-6 td:first-of-type {border-radius:0 0 6px 6px !important }.palvelunostot-alasivu:has(#solu354) .modulikuvausteksti{right:unset; left: 2em}}

@media screen and (max-width:480px) {#ohjelma #solu1101 {grid-template-columns: 1fr;}}

/* Footer */
footer a {color:#01abce}
footer img {max-width: 160px !important;margin: 0 auto;}

@media screen and (max-width:1024px) {#top-footer {grid-template-columns: 1fr;text-align: center;}#top-footer img {margin:0 auto;}#some-icons p:last-of-type {padding-left: 0vw;}}

/* Mobile tags*/
#mobilemenu-container{height:var(--mobilemenu-container-height);position: relative;right: 0;top: 0;z-index: 2000;width: 100%;background:#17242a; border-top: 5px solid #00b5c5;}
#mobile-logo {position: absolute;top: 0;left: 0px;z-index: 50000;justify-content: center;align-items: center;margin-top: 18px;}
#mobilelogo-img {max-width: 35px;height: auto;padding: 0px 0px 0 10px;}
#mobile-logo a::after {content: "BIGM";color: #fff;font-size: 25px;font-weight: 700; padding-left: 5px;}
#mobile-logo a {display: flex;justify-content: center;align-items: center;}
/*#mobile-logo::after {content: "BIGM";color: #fff;padding-left: 10px;display: block;font-weight: 700;font-size: 1.8rem;padding-top: 5px;opacity: 0.2;}*/

@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-radius:60px;box-sizing: border-box;cursor: pointer;font-weight:700;margin-top: 20px;display: inline-block;text-align: center;font-size: var(--button-font-size);padding: var(--button-padding); background: #00b8c7;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;}

/* 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;}}
#cta {display:none; position:fixed; bottom:10px; right:10px;}

/* Semio referencelinks*/
#swlinkit {text-align: center;}.swlinkki {font-size: 12px;color: #000}
 @media screen and (max-width:678px) {#cta {display:block !important}.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:47px;line-height:22px;margin-top:0;padding:13px 10px 3px 10px;position:absolute;text-decoration:none;text-indent:-9999em;top:0px;width:39px; background: var(--primary-color)}.meanmenu-reveal.meanclose {padding: 15px 10px 0px 10px;height: 42px;}.meanmenu-reveal span{background:var(--mobilemenu-button-background);border-radius:6px;display:block;height:6px;margin-top:4px;line-height:100%!important}.mean-nav{float:left;width:100%;margin-top:var(--mobilemenu-container-height)}.mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}.mean-nav li a{  font-family: 'Encode Sans Semi Condensed', cursive;display:block;float:left;width:90%;padding:10px 5% 10px 5%;height:auto;margin:0;text-align:left;color:var(--mobilemenu-link-color);border-top:1px solid rgba(255,255,255,.2);text-decoration:none;font-size:14px;background:var(--mobilemenu-link-background);text-transform:uppercase}.mean-nav ul li li a{width:90%;padding:10px 5% 10px 8%;background:var(--mobilemenu-submenu-background)!important;visibility:visible}.mean-nav ul li{position:relative;float:left;width:100%}.mean-expand{background:var(--mobilemenu-expand-button)!important;border:medium none;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: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: flex;}}.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}