body,html {font-size:112.5%;}
body, p {margin: 0;padding: 0}
.teksti, a, body, li, p, td, ul {font-family: 'Poppins', sans-serif;color: #000;font-weight: 400; }
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {margin: 0;font-weight: 700; line-height: 100%;font-family: 'Poppins', sans-serif !important;}
h1, h1 a {color: #4e4e4e;font-size: 2.667rem;padding: 0;text-transform: uppercase}
#alasivuotsikko {color:#fff}
h2, h2 a {color: #4e4e4e;font-size: 2.333rem;padding: 0 0 20px 0;font-weight: 700}
h3, h3 a {color: #91cebc;font-size: 2rem;padding: 0 0 20px 0;}
h4, h4 a {color: #4e4e4e;font-size: 2.111rem;padding: 0 0 5px 0;}
h5, h5 a {color: #91cebc;font-size: 1.556rem;padding: 0 0 5px 0}
h6, h6 a {color: #fff;font-size:  2.556rem;padding: 0 0 5px 0;text-transform: uppercase}
.erikoiskuva, .kuva, .kuva2 {border: 0;outline: 0;max-width: 100%;height: auto;display: block;margin: 0;cursor: pointer}
a {color: #4e4e4e;text-decoration: none}
a:hover {text-decoration: underline}

.content-col {width: 100%;clear: both;position: relative}
.center-col {clear: both;margin: 0 auto;width: 1600px;position: relative}
.content-col img, .center-col img {max-width: 100%;height: auto}
@media only screen and (max-width:1920px) {body, html {font-size: 106%}}
@media only screen and (max-width:1660px) {.center-col {width: 1400px}p, td {font-size: 1rem;line-height: 160%}}
@media only screen and (max-width:1440px) {.center-col {width: 1200px}body, html {font-size: 80%}p, td {font-size: 1.2rem;}.header-text-alasivu#header-text p{font-size:1.4rem}}
@media only screen and (max-width:1280px) {.center-col {width: 90%;margin: 0 auto}}
@media only screen and (max-width:1024px) {h6, h6 a {font-size:2rem}}
@media only screen and (max-width:860px) {.subpage table, .subpage td, .subpage tr {display: block;width: 100%!important;height: auto;clear: both}.subpage tbody {width: 100%;display: inline-block}}
@media only screen and (max-width:720px) {body, html {font-size: 70%}body {line-height: 160%; font-size: 1.4rem !important}}
@media only screen and (max-width:575px) {h1, h1 a,h2, h2 a, {font-size: 2.2rem;}h5 {font-size: 1.8rem;}}
.center-col iframe {max-width: 100%;margin: 0 auto!important}.dtable {display: table}.col-25, .col-33, .col-50, .col-67, .col-75 {float: left;box-sizing: border-box}.col-25 {width: 25%}.col-33 {width: 33.3%}.col-50 {width: 50%}.col-67 {width: 66.7%}.col-75 {width: 75%}.col-left {
width: 46% !important;float: left;box-sizing: border-box;}.col-right {width: 46% !important;float: right; box-sizing:border-box}.col-full {clear: both;width: 100%}.col-3 {width: 32%;float: left}.col-3-center {margin: 0 2%;padding: 0}.colpadding {width:100%; clear:both;padding-bottom: 20px}
@media only screen and (max-width:1024px) {.col-25, .col-3, .col-33, .col-50, .col-67, .col-75, .col-left, .col-right {clear: both;float: none;margin-bottom: 20px;width: 100% !important}}
.dflex {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-wrap: wrap}
.center-flex {display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: center;justify-content: center}
.vpadding-40 {padding: 40px 0}.vpadding-60 {padding: 60px 0}.vpadding-80 {padding: 80px 0}.vpadding-100 {padding: 100px 0}
@media only screen and (max-width:1024px) {table, td, tr {height: auto!important}}
@media only screen and (max-width:720px) {.vpadding-40 {padding: 20px 0}.vpadding-60 {padding: 40px 0}.vpadding-80 {padding: 60px 0}.vpadding-100 {padding: 80px 0}}
@media only screen and (max-width:575px) {.vpadding-60 {padding: 20px 0}.vpadding-80 {padding: 40px 0}.vpadding-100 {padding: 60px 0}}

@media only screen and (max-width:1024px) {input, textarea {width: 100%!important;margin-bottom: 10px}}
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}
a.takaisinuutisiin, a.webiolinkkipainike, .lomakenappi_submit {margin-top: 20px;display: inline-block;text-align: center;background: #4e4e4e;height: auto;color: #fff;padding: 10px 10%;font-weight: 700;line-height: 160%;width: auto; text-transform: uppercase; font-size:1.05rem;font-family: 'Poppins', sans-serif !important;}
a.takaisinuutisiin:after, a.webiolinkkipainike:after {content:"›"; color:#91cebc; padding-left:10px; font-weight:400;}
a.takaisinuutisiin:hover, a.webiolinkkipainike:hover {opacity: .8;transition: all .3s ease 0s}
img[title=Poista] {height: auto!important;width: auto!important}
.valikkolinkki_piilosivu {color: #005600}
@media only screen and (max-width:1024px) {.webiolinkkipainike {font-size: 1.4rem!important}}

.col-3 form, .col-full form, .col-left form, .col-left tr[id^=lomakerivi] input, .col-left tr[id^=lomakerivi] textarea, .col-right form {max-width: 100%}
.col-3 tr[id^=lomakerivi] td table td, .col-50-whp tr[id^=lomakerivi] td table td, .col-left tr[id^=lomakerivi] td table td, .col-right tr[id^=lomakerivi] td table td {display: block;clear: both;width: 100%}
.col-3 tr[id^=lomakerivi] td table td:last-child, .col-50-whp tr[id^=lomakerivi] td table td:last-child, .col-full tr[id^=lomakerivi] td table td:last-child, .col-left tr[id^=lomakerivi] td table td:last-child, .col-right tr[id^=lomakerivi] td table td:last-child {margin-bottom: 20px}
.col-3 input[type=file], .col-3 input[type=text], .col-full input[type=text], .col-left input[type=text], .col-right input[type=text] {height: 25px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;margin-bottom: 10px;background: #fff;width: 96%;border: 1px solid rgba(0, 0, 0, .2)}
.col-3 textarea, .col-full textarea, .col-left textarea, .col-right textarea {border-radius: 2px;margin-bottom: 10px;width: 94%;border: 1px solid rgba(0, 0, 0, .2);padding: 0}
.col-full .lomakeotsikko {width: 30%}
.col-full input[type=file], .col-full input[type=text], .col-full textarea {width: auto}
.col-full input[type=button] {width: 30%}
.col-3 input[type=button], .col-left input[type=button], .col-right input[type=button] {background: #4e4e4e;color: #fff;font-size: 1rem;font-weight: 700;text-transform: uppercase;padding: 5px 0;display: block;height: auto}
textarea {width: 95%}
@media only screen and (max-width:1024px) {#submenu ul {background: none;list-style-type: none;margin: 0 auto;padding: 10%;width: 80%} #submenu ul li ul {list-style-type: none;margin: 0;padding: 0 0 0 20px}
	.valikkolinkki, .valikkolinkki-sel, .valikkomodulilinkki, .valikkomodulilinkki-sel {background: #4e4e4e;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;color: #fff!important;display: block;margin-bottom: 10px;padding: 10px 2%;text-decoration: none;width: 96%}#submenu ul {background: 0 0;padding: 0;width: 100%}#submenu ul li a::after {content: "›";float: right;font-size: 20px}#submenu ul li ul {padding: 0 0 0 5%;width: 95%}#submenu li ul li a {background: 0 0;color: #000!important;padding: 0}
	#submenu ul li ul li a::after {float: none;padding-left: 10px}}
@media only screen and (max-width:860px) {.col-3 form, .col-left form, .col-right form {width: 90%;margin: 0 auto;display: block}.col-3 input[type=button], .col-3 input[type=file], .col-3 input[type=text], .col-left input[type=button], .col-left input[type=file], .col-left input[type=text], .col-right input[type=button], .col-right input[type=file], .col-right input[type=text] {height: 35px;width: 100%!important}.col-full form[id^=lomake_] {margin: 0 auto;width: 90%}.col-full input[type=button], .col-full input[type=file], .col-full input[type=text], .col-full lomakeotsikko {width: 96%!important;margin-bottom: 5px}.col-full textarea {width: 100%!important;margin-bottom: 5px}}
@media only screen and (max-width:720px) {.subpage .dtable {display: block}.subpage .center-col img {height: auto;max-width: 100%;padding: 20px 0;float: none;clear: both}}
@media only screen and (max-width:420px) {#submenu {font-size: 60%}}

.kuvagalleriakuvatausta {height: auto !important;width: 32.3% !important;padding: 0 !important;margin: 0 0.5% 1% 0.5% !important;}
.kuvagalleriakuvatausta .kuva {padding: 0 !important; width:100%;}
@media only screen and (max-width:1660px) {.kuvagalleriakuvatausta {height: auto !important;width: 31.3% !important;padding: 0 !important;margin: 0 1% 2% 1% !important;}}
@media only screen and (max-width:575px) {.kuvagalleriakuvatausta {height: auto !important;width: 48% !important;}}
#kuvamuokkainpaikka .kuvagalleriakuvatausta {width: 95% !important;}

/*
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #ccc;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}*/
#container a > img {max-width: 72px!important;height: 21px!important}#container .button, #wait_img img {width: auto!important}div[id^=CONTENT_] {width: 100%}#container img {opacity: 1!important}.zoomcrop {max-width: none!important;width: auto!important}
#tekstieditori table, #tekstieditori tbody, #tekstieditori tr, #tekstieditori td { height: auto !important;}

/* Etusivu */


#viiva {height:10px; background: url(../img/header/ylaviiva.png) center top no-repeat;}


/* header & Navi */
#logo {position:absolute; top:100px; right:140px; z-index:2;padding-top:20px}
#mobile-logo {display:none;}
header {align-items: center;position:relative; }
img.herokuva {width:100%; object-fit:cover; height: 80vh;min-height: 600px;display:block; }
img.herokuva-alasivu {height: 70vh }
.header-content-wrapper {position: absolute;height: 100%;top: 80px; left:0;}
#header-text {padding:10vh 5% 0 5%}
.header-text-alasivu#header-text {padding:12vh 0% 0 5%}
#header-text p, .header-text-alasivu#header-text p {font-family: 'Vollkorn', serif !important;}
.header-text-alasivu#header-text p {color: #fff;text-shadow: 1px 1px 1px rgba(0,0,0,0.6);}
.header-text-alasivu#header-text p span {color:#fff !important}
.herospan {display:block;}
#main-menu {width: 57%;}
#main-navi, #main-navi li {list-style:none; margin:0; padding:0;}
#main-navi {-webkit-justify-content: space-evenly;justify-content: space-evenly;margin: 0 auto; width:100%;}
#main-navi li a, #ftrnavi a {color:#91cebc; font-weight:700; font-size:  1.111rem; text-transform: uppercase; text-decoration:none;}
#main-navi li a:hover {color:#dedede;}
#ftrnavi a:hover {text-decoration:underline;}
#link-sel-1-2, #link-sel-2-3, #link-sel-3-5, #link-sel-4-6  {color: #fff !important;border-bottom: 5px solid #fff;}

@media only screen and (max-width:1440px) {img.herokuva {height: 80vh;}}
@media only screen and (max-width:1024px) {.header-content-wrapper {position: relative;padding-bottom: 22vh;}img.herokuva {height: 30vh;}#header-text {padding:0vh 0% 0 0%;}#viiva {display:none;}#main-menu {display:none;}#alasivuotsikko {color: #c1e6e9;}.header-content-wrapper{top: 0;padding: 60px 0 120px 0;}.header-content-wrapper.alasivu-header-wrapper{padding: 60px 0 40px 0;background: #fff}.header-text-alasivu#header-text {padding: 0vh}#logo {display:none;} #mobile-logo {position: absolute;display: block;z-index: 20000;-webkit-filter: drop-shadow(1px 1px 1px rgba(255,255,255,0.9));filter: drop-shadow(0px 4px 3px rgba(0,0,0,0.3));}#mobile-logo img {max-width: 200px;height: auto;margin-top: 20px;margin-left: 50px;}#footernavi {flex-direction: column;} #alanavi {display:none;} #footernavi{padding: 20px 0 0 0;}.header-text-alasivu#header-text p,.header-text-alasivu#header-text p span {color: #000 !important;text-shadow: none;}}
@media only screen and (max-width:720px) {#mobile-logo img {margin-left: 35px;}#header-text p {font-size: 1.4rem;}}
@media only screen and (max-width:575px) {.header-content-wrapper.alasivu-header-wrapper {padding: 40px 0 10px 0;}}
@media only screen and (max-width:520px) {#mobile-logo img {margin-left: 30px;}}
@media only screen and (max-width:480px) {.header-content-wrapper {padding: 40px 0 70px 0;}#esittely .colpadding {padding-bottom: 0;}}
@media only screen and (max-width:420px) {#mobile-logo img {max-width: 140px; margin-left: 15px;}}
/* Ominaisuudet */

#ominaisuudet {text-align:center; position: absolute; z-index: 2; margin-top:-5.6%}
#ominaisuudet img {display:inline; padding:0 20px; max-width: 16%}
#ominaisuudet img.sumicon {max-width:4%}
@media only screen and (max-width:1024px) {img.herokuva{min-height: unset; }#ominaisuudet {margin-top:-11%}#ominaisuudet img {padding:0 10px; max-width: 24%}#ominaisuudet img.sumicon {max-width:6%}}
@media only screen and (max-width:720px) {#ominaisuudet {margin-top:-11%}#ominaisuudet img {padding:0 10px; max-width: 20%}#ominaisuudet img.sumicon {max-width:5%}}
@media only screen and (max-width:575px) {#ominaisuudet {margin-top:-11%}#ominaisuudet img {max-width: 27%;padding:0;}#ominaisuudet img.sumicon {max-width: 6%;}}
/* Esittely */

#esittely, #esittely-alasivu {background: #c1e6e9;}
#esittely-content {padding:13.6% 0 6% 0}
.esittely-content-col {padding:0 5%; width:50%;}
@media only screen and (max-width:1024px) {#esittely-content {padding:21.6% 0 10% 0}.esittely-content-col {width:100%; padding:0;}}
@media only screen and (max-width:575px) {#esittely-content {padding: 24.6% 2em 12% 2em;box-sizing: border-box;}#etusivunosto-wrapper {padding:2em; box-sizing:border-box;display: block;}#esittely-alasivu {padding: 0 2em;box-sizing: border-box;}}

/* Etusivunostot */

.greenbox {background: #91cebc;padding: 5px 10%;text-align: center;color: #fff;text-transform: uppercase;font-weight: 700; display:inline-block;font-size:0.9rem;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.hyvinvointi-header {margin: 0px auto 40px auto;display: block;max-width: 30%; min-width:20%}
#etusivunosto-right {padding: 0 5%;}

@media only screen and (max-width:1024px) {#etusivunosto-right {padding: 5% 0;}}

/* Alasivu */

#alasivu-content {padding:10% 10% 5% 10%;}
#sivupalkki {margin-top:60px; padding:5% 3%; background: #91cebc; text-align: right;}
#alasivu-content-ala {padding:60px 2%;}
@media only screen and (max-width:1920px) {#sivupalkki p {font-size:0.9rem}}
@media only screen and (max-width:1440px) {#alasivu-content.figuurisivu {padding:5% 0% !important;}.center-col.figuurisivu {width: 96%;}}
@media only screen and (max-width:1280px) {.hgradient #header-text{width:66.7%}}
@media only screen and (max-width:1024px) {#alasivu-content {padding: 10% 0% 0% 0%;}#sivupalkki {text-align: left;margin: 0px 0 50px 0; padding:10%;}#sivupalkki br {display:inline; clear:none; float:left}#sivupalkki-ala{padding:0 1em; max-width:100%; box-sizing:border-box;}/*#sivupalkki-ala {display:none;}*/#sivupalkki p {font-size: 1.2rem;}}
@media only screen and (max-width:575px) {#alasivu-content-ala {padding: 2em;box-sizing: border-box;}}

/* Footer */
footer {background:url(../img/header/footerbg.jpg) center top no-repeat; background-size:cover;}

.greenbox-big {border-radius:none; margin:40px auto; padding:3%; text-align: left;width: 100%;box-sizing: border-box;background:rgba(145,206,188,0.95)}
.footer-col {width:75%;padding:0 5%;}
#footerlinkit {background:rgba(179,176,173, 0.7); margin-top:40px;}
#ftrnavi {width:100%;justify-content: space-between; text-align:center;display: -webkit-flex;-webkit-flex-direction: row;flex-direction: row;flex-wrap: wrap; padding:0; float:none; margin:0 auto; list-style:none;} 
#ftrnavi a{color:#fff; text-transform: uppercase; }
#semio-logot {text-align:center}
#semio-logot img {display:inline-block;}

.yhttkumptable{width: auto !important;margin: 0 auto;}
.yhttkumptable tr {display:flex;align-items: center;}
.yhttkumptable td {text-align:center;margin:0 !important}
.yhttkumptable img {display:inline}


@media only screen and (max-width:1280px) {.footer-col {width: 100%;}.footer-col img {max-width: 220px;}}
@media only screen and (max-width:1024px) {.footer-col {padding: 0%;}.footer-col img {max-width: 180px;}footer {padding: 0px 0 0px 0;}#footerlinkit {margin-top:0;}}
@media only screen and (max-width:800px) {.col-75.footer-col table td {width: 50% !important;float: left;display: block;}.col-75.footer-col table td p {font-size:1.4rem}}
@media only screen and (max-width:575px) {#footermask {padding: 0px 0 40px 0; background:rgba(255,255,255,0) !important;}.footer-col table td { width: 100%;clear: both;display: block;margin: 0 0 40px 0;float: none;text-align:center;}.footer-col img {margin: 0 auto;}.greenbox-big {border-radius:none; margin:0px auto 40px auto; }.footer-col img { max-width: 100px;max-height: 50px;width: auto;height: auto;}.col-75.footer-col table td {width: 100% !important;float: none;display: block;clear: both;}.greenbox {font-size:1.2rem; width:100%; box-sizing:border-box;}.center-col.dtable {width: 100%;}.col-75.footer-col {background: rgba(255,255,255,0.6);padding: 0 5%;}}

.tapahtumat {font-weight: 700}
.tapahtumakalenteri_otsikko {color: #4e4e4e;font-weight: 700}
.tapahtumakalenteri_valiotsikko {font-weight: 700}
.uutis_otsikko {color: #4e4e4e !important;font-size: 1.2rem;font-weight: 400}
.nostouutis_paivays, .uutis_paivays, .uutispaivays, .uutispaivaysetusivu, nobr {display: block;font-size: 1rem;color: #565656;font-weight: 500}
.nostettumoduli, .nostettumoduli a, a.nostouutis_otsikko {color: #4e4e4e;display: block;font-size: 1.2rem;font-weight: 700}
.lomakeotsikko {color: #4e4e4e;font-weight: 700}
.lomaketekstiotsikko {color: #4e4e4e;font-weight: 700}
.lomakenappi_submit {-webkit-appearance: none;-moz-appearance: none;appearance: none;background: #4e4e4e;width: 50%;border: none;color: #fff;border-radius: 6px;font-size: 1.1rem;height: 35px}
.valikkolinkki, .valikkolinkki-sel, .valikkomodulilinkki, .valikkomodulilinkki-sel {text-decoration: none;color: #4e4e4e;}

.hgradient {background: rgb(0,0,0);background: linear-gradient(0deg, rgb(0, 0, 0) 20%, rgb(255, 255, 255) 50%, rgb(0, 0, 0) 100%);margin-bottom:10px;}
.hgradient .herokuva {opacity:0.8}
#footermask {background: rgba(255,255,255,0.4);padding: 100px 0 40px 0;}
@media only screen and (max-width:1024px) {.hgradient #header-text {width: 100%;}}
/* MOBIILIVALIKKO */

#main-navi-resp{display:none;}

@media only screen and (max-width:1024px) {
#mbllogoimg {display: flex;width: auto;justify-content: center;z-index: 10;}
	#logo, header {display:none;}	
#mobilemenu-container::after {right:13px!important}
	.mean-bar::before {color: #fff !important;content: "VALIKKO";top: 56px;width: 48px;height: auto;right: 53px;position: absolute;z-index:10;font-size: 12px !important; font-family:'Poppins', sans-serif !important;text-shadow:1px 1px 1px rgba(0,0,0,0.4)}
a.meanmenu-reveal { display:none }.mean-container a.meanmenu-reveal:after {color:#000; font-size:10px !important; top:65px; width:50px; height:50px }
.mean-container a.meanmenu-reveal.meanclose::after {display:block;margin-left:-2px;margin-top:15px;padding-left:0;text-align:left}
.mean-container a.meanmenu-reveal.meanclose {right:64px !important; width:50px!important; color:#91cebc; font-size: 37px !important; margin-top: 11px; font-family:'Poppins', sans-serif !important; height:50px;}
.mean-container .mean-bar { float:left; width:100%; position:absolute; top:0; padding:0; min-height:42px; z-index:999;}
.mean-container a.meanmenu-reveal {color: #fff;cursor: pointer;display: block;font-size: 1px;font-weight: 700; height: auto;line-height: 22px;position: absolute;right:50px !important; top: 18px;text-decoration: none;text-indent: -9999em;width: 51px;}
.mean-container a.meanmenu-reveal span { background: #82ca9c; border-radius:2px;display:block; height:8px; margin-top:4px; color:#000; width:50px }
.mean-container .mean-nav { float:left; width:100%; margin-top: 96px }
.mean-container .mean-nav ul { padding:0; margin:0; width:100%; list-style-type:none }
.mean-container .mean-nav ul li { position:relative; float:left; width:100% }
.mean-container .mean-nav ul li a { display:block; float:left; width:90%; padding: 10px 5% 5px; height:28px; margin:0; font-family:  'Poppins', sans-serif !important;text-align:left; color:#fff; border-top:1px solid rgba(255,255,255,0.2);text-decoration:none; font-size:15px;background:#91cebc;font-weight:600; text-transform:uppercase }
.mean-container .mean-nav ul li li a { width:90%; padding: 15px 0 6px 10%; border-top:1px solid rgba(255,255,255,0.2);  background:#77b4a2 !important; text-shadow:none !important; visibility:visible }
.mean-container .mean-nav ul li.mean-last a { border-bottom:none; margin-bottom:0 }
.mean-container .mean-nav ul li li li a { width:70%; padding:1em 15% }
.mean-container .mean-nav ul li li li li a { width:60%; padding:1em 20% }
.mean-container .mean-nav ul li li li li li a { width:50%; padding:1em 25% }
.mean-container .mean-nav ul li a.mean-expand {background: #c5eaed; border: medium none;border-radius: 3px;color: #000;font-weight: 700;height: 25px;margin-top: 2px;padding: 0px 4px 4px !important;position: absolute;right: 10px;text-align: center;top: 6px;width: 26px;z-index: 2;line-height: 170%;}
.mean-container .mean-push, .mean-nav .wrapper { width:100%; padding:0; margin:0 }
.mean-container .mean-push { float:left; clear:both }
.mean-container .mean-bar, .mean-container .mean-bar * { -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box }
.mean-remove { display:none !important }
.meanclose {margin: 6px -14px 0 0;}}


@media only screen and (max-width:720px) {.mean-container a.meanmenu-reveal {right: 35px !important;}.mean-bar::before {right:38px}.mean-container a.meanmenu-reveal.meanclose {right: 48px !important;}}
@media only screen and (max-width:520px) {.mean-container a.meanmenu-reveal {right: 30px !important;}.mean-bar::before {right:34px}.mean-container a.meanmenu-reveal.meanclose {right: 44px !important;}#footermask {background: rgba(255,255,255,0.4);padding: 20px 0 40px 0;}}
@media only screen and (max-width:420px) {.mean-container a.meanmenu-reveal {right: 15px !important;}.mean-bar::before {right:18px}.mean-container a.meanmenu-reveal.meanclose {right: 29px !important;}}

@media only screen and (max-width:720px) {.mean-bar::before {top: 51px;}}
@media only screen and (max-width:375px) {#mobilemenu-container::after {right:8px!important}}
@media only screen and (max-width:290px) {#mobilemenu-container::after {right:4px!important}}

/* Figuuri - vartalon koordinaatit */
#figuuridivi{display: grid; grid-template-columns: 1fr 1fr;grid-gap: 80px;}
#selkafiguuri-wrapper {padding-top: 5%;}
#cboxLoadedContent{background:#c1e6e9 !important; border:2px solid #fff; border-radius:6px;}
#figuuridivi h2{font-size: 1.4rem;}
#humanfigure-header{padding-left: 128px}
#ihmisfiguuri{width:500px !important;}
#figuuri, #selkafiguuri-wrapper{position:relative;max-width:500px; width:100%}.linkpoint{position:absolute;z-index:2;} #figuuri img {width:500px !important; height:auto !important;}
#figuuri {min-width:500px}
#selkafiguuri{max-width: 200px;}
#piste1{right: 52%;top: 41px;}
#piste2{right: 47%;top: 157px;}
#piste3{right: 46%;top: 256px;}
#piste4{right: 38%;top: 316px;}
#piste5{left: 44%;top: 256px;}
#piste6{right: 51%;top: 448px;}
#piste7{right: 37%;top: 525px;}
#piste8{left: 48%;top: 508px;}
#piste9{left: 30%;top: 186px;}
#piste10{left: 21%;top: 359px;}
#piste11{left: 16%;top: 488px;}
#piste12{left: 39%;top: 842px;}
#piste13{left: 39%;top: 979px;}
#piste14{left: 44%;top: 117px;}
#piste15 {right: 56%;top: 420px;}
#piste16 {right: 60%;top: 527px;}
#piste17 {left: 39%;top: 740px;}
#piste18 {right: 43%;top: 730px;}
#piste19 {right: 45%;top: 928px;}

/* Selan pisteet - koordinaatit*/

#selkapiste1{left: 30%;top: 14px;}
#selkapiste2{left: 31%;top: 41px;}
#selkapiste3{left: 32%;top: 62px;}
#selkapiste4{left: 32%;top: 83px;}
#selkapiste5{left: 32%;top: 105px;}
#selkapiste6{left: 31%;top: 127px;}
#selkapiste7{left: 29%;top: 155px;}
#selkapiste8{left: 27%;top: 181px;}
#selkapiste9{left: 24%;top: 211px;}
#selkapiste10{left: 22%;top: 238px;}
#selkapiste11{left: 20%;top: 267px;}
#selkapiste12{left: 18%;top: 297px;}
#selkapiste13{left: 17%;top: 323px;}
#selkapiste14{left: 16%;top: 353px;}
#selkapiste15{left: 16%;top: 386px;}
#selkapiste16{left: 17%;top: 418px;}
#selkapiste17{left: 18%;top: 452px;}
#selkapiste18{left: 19%;top: 488px;}
#selkapiste19{left: 21%;top: 525px;}
#selkapiste20{left: 23%;top: 570px;}
#selkapiste21{left: 25%;top: 618px;}
#selkapiste22{left: 27%;top: 667px;}
#selkapiste23{left: 28%;top: 715px;}
#selkapiste24{left: 27%;top: 770px;}
#selkapiste25{left: 18%;top: 843px;}
#selkapiste26{left: 5%;top: 945px;}
#solu9771{padding:0 5%;}
.abs-element{position:absolute; z-index:20;width:100%}
.flexible{display:flex; flex-direction:column; justify-content:center; align-items: center;}
.vbox-figlio {padding: 2em 0 2em 2em !important;box-sizing: border-box !important; height:40vh !important; min-height:300px;width:400px !important;}
.vbox-figlio p {font-size: 16px;}
.tuoteseloste h3{color:#fff; font-size:1.4rem}
.pulse {width: 15px;height: 15px;border: 5px solid white;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;background-color: red;z-index: 10;position: absolute;display:block;}
.dot {border: 10px solid red;background: transparent;-webkit-border-radius: 60px; -moz-border-radius: 60px;border-radius: 60px;height: 50px;width: 50px;-webkit-animation: pulse 3s ease-out;-moz-animation: pulse 3s ease-out;animation: pulse 3s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;animation-iteration-count: infinite;position: absolute;top: -23px;left: -23px;z-index: 1;opacity: 0;display:block;}

@-moz-keyframes pulse {0% {-moz-transform: scale(0);opacity: 0.0;}25% {-moz-transform: scale(0); opacity: 0.1;}50% {-moz-transform: scale(0.1);opacity: 0.3;}75% {-moz-transform: scale(0.5);opacity: 0.5;}100% {-moz-transform: scale(1);opacity: 0.0;}}

@-webkit-keyframes "pulse" {0% {-webkit-transform: scale(0);opacity: 0.0;}25% {-webkit-transform: scale(0);opacity: 0.1;}50% {-webkit-transform: scale(0.1);opacity: 0.3;}75% {-webkit-transform: scale(0.5);opacity: 0.5;}100% {-webkit-transform: scale(1);opacity: 0.0;}}

@media only screen and (max-width:1440px) {#figuuridivi h2 {font-size: 1.8rem;}#humanfigure-header {padding-left: 151px;}}


@media only screen and (max-width:1024px) {
#ihmisfiguuri,#selkafiguuri{width: 300px !important;margin: 0 auto;display: block;}
#figuuri,#selkafiguuri-wrapper{position: relative; max-width: 300px;width: 100%;margin: 0 auto auto;}
  #figuuridivi h2 {font-size: 1.8rem;text-align: center !important;padding: 2em 0;}
  .figuurisivu h2 {text-align: center !important;}
  #figuuridivi {grid-template-columns: 1fr;}
  #figuuri{min-width:300px;}
#piste1{right: 54%;top: 19px;}
#piste2{right: 50%;top: 93px;}
#piste3{right: 46%;top: 147px;}
#piste4{right: 43%;top: 191px;}
#piste5{left: 40%;top: 147px;}
#piste6{right: 50%;top: 260px;}
#piste7{right: 39%;top: 318px;}
#piste8{left: 48%;top: 297px;}
#piste9{left: 26%;top: 112px;}
#piste10{left: 20%;top: 209px;}
#piste11{left: 15%;top: 288px;}
#piste12{left: 37%;top: 499px;}
#piste13{left: 37%;top: 593px;}
#piste14{left: 40%;top: 64px;}
#piste15 {right: 58%;top: 239px;}
#piste16 {right: 63%;top: 316px;}
#piste17 {left: 37%;top: 436px;}
#piste18 {right: 44%;top: 430px;}
#piste19 {right: 46%;top: 550px;}

/* Selan pisteet - koordinaatit*/
  
#selkapiste1{left: 66%;top: 15px;}
#selkapiste2{left: 67%;top: 40px;}
#selkapiste3{left: 68%;top: 65px;}
#selkapiste4{left: 69%;top: 86px;}
#selkapiste5{left: 69%;top: 107px;}
#selkapiste6{left: 68%;top: 128px;}
#selkapiste7{left: 66%;top: 155px;}
#selkapiste8{left: 61%;top: 181px;}
#selkapiste9{left: 57%;top: 212px;}
#selkapiste10{left: 54%;top: 240px;}
#selkapiste11{left: 51%;top: 268px;}
#selkapiste12{left: 47%;top: 298px;}
#selkapiste13{left: 45%;top: 325px;}
#selkapiste14{left: 43%;top: 355px;}
#selkapiste15{left: 43%;top: 387px;}
#selkapiste16{left: 44%;top: 418px;}
#selkapiste17{left: 46%;top: 452px;}
#selkapiste18{left: 48%;top: 490px;}
#selkapiste19{left: 50%;top: 525px;}
#selkapiste20{left: 54%;top: 573px;}
#selkapiste21{left: 58%;top: 617px;}
#selkapiste22{left: 60%;top: 665px;}
#selkapiste23{left: 62%;top: 715px;}
#selkapiste24{left: 60%;top: 765px;}
#selkapiste25{left: 45%;top: 845px;}
#selkapiste26{left: 25%;top: 940px;}

}


.vbox-figlio {border-radius:20px;outline: 1px solid #91cebc;outline-offset: -13px;}
.vbox-title {background: #91cebc !important;color: #fff !important;font-size: 18px !important;}
.vbox-close {cursor: pointer;position: fixed;top: 2px !important;right: 5px !important;width: 30px !important;height: 30px !important;padding: 6px;background-position: 10px center;overflow: hidden; font-size: 24px !important;line-height: 1;text-align: center;z-index: 99;color: #fff !important;background: #000 !important;border-radius: 30px;display: flex !important;justify-content: center;align-items: center;}