
/* phone */
body { background-color: transparent; }
body.site:before { background: transparent none no-repeat scroll center top; background-size: auto auto; opacity: 1; }
.wb_sbg { background: transparent none repeat-x center bottom; }
.site-lang-fi .wb_cont_inner { width: 360px; height: 100%; }
.site-lang-fi .wb_cont_bg { width: 360px; margin-left: -180px; }
.site-lang-fi .root { min-height: 100%; height: auto; }
#a188dd98f4a82138f319953bac42142e { width: 100%; height: auto; max-width: 1200px; flex: 1 1 auto; }
#a188dd98f4a82138f319953bac42142e > .wb_content { min-width: 20px; min-height: 20px; padding: 20px 20px 20px 20px; border: 0px none #000000; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat scroll left top; background-size: auto auto; justify-items: center; align-items: center; justify-content: space-between; align-content: flex-start; flex-wrap: nowrap; text-shadow: none; box-shadow: none; }
#wb_header_a188dd9904060068919c5b2f75047334 { width: 100%; height: auto; max-width: 100%; flex: 0 0 auto; }
#wb_header_a188dd9904060068919c5b2f75047334 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #000000; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: #ffffff none repeat scroll left top; background-size: auto auto; opacity: 1; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; }
#a188dd98f4a827d50d15e3e30b1c9b09 p:last-child { margin-bottom: 0; }
#a188dd98f4a827d50d15e3e30b1c9b09 { opacity: 1; width: auto; height: auto; max-width: 100%; margin: 20px 0px 20px 0px; flex: 0 0 auto; text-shadow: none; box-shadow: none; }
#a188dd98f4a826c3dc23e0872bbd1647 { width: 100%; height: auto; min-height: 500px; max-width: 100%; flex: 0 0 auto; }
#a188dd98f4a826c3dc23e0872bbd1647 > .wb_content { min-width: 20px; min-height: 20px; padding: 40px 20px 40px 20px; border: 0px solid #000; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; background-color: #00adff; justify-items: center; align-items: center; justify-content: center; align-content: center; flex-wrap: wrap; text-shadow: none; box-shadow: none; }
#a188dd98f4a826c3dc23e0872bbd1647 > .wb_content > .wb_video_background { background: none; background-size: auto auto; opacity: 0.19; }
#a18acb6100b300e7b4c70bf27e5caa34 { opacity: 1; box-sizing: border-box; width: auto; height: 800px; min-width: 189px; max-width: 189px; flex: 0 0 auto; }
#a18acb6100b300e7b4c70bf27e5caa34 .wb-picture-wrapper { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border: 1px none #000000; width: auto; height: 100%; }
#a18acb6100b300e7b4c70bf27e5caa34 .wb_picture_wrap { height: 100%; }
#a18acb6100b300e7b4c70bf27e5caa34 img { width: auto; height: 100%; }
#a18acb6100b300e7b4c70bf27e5caa34 > .wb_picture_wrap > .wb-picture-wrapper { text-shadow: none; box-shadow: none; }
#a18acb6bea9200e4e627e832471087b5 { opacity: 1; box-sizing: border-box; width: 71.21%; height: auto; min-width: 240px; max-width: 673px; flex: 0 0 auto; }
#a18acb6bea9200e4e627e832471087b5 .wb-picture-wrapper { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border: 1px none #000000; }
#a18acb6bea9200e4e627e832471087b5 img { width: 100%; height: auto; }
#a18acb6bea9200e4e627e832471087b5 > .wb_picture_wrap > .wb-picture-wrapper { text-shadow: none; box-shadow: none; }
#a188dd98f4a82ea3b55ce951588f8b3a p:last-child { margin-bottom: 0; }
#a188dd98f4a82ea3b55ce951588f8b3a { opacity: 1; width: auto; height: auto; max-width: 500px; margin: 20px 0px 20px 0px; flex: 0 0 auto; text-shadow: none; box-shadow: none; }
#a188dd98f4a82fbcc29e6201bdc05172 { width: auto; height: auto; min-width: 200px; min-height: 50px; max-width: 100%; margin: 20px 0px 20px 0px; flex: 0 0 auto; }
#a188dd98f4a82fbcc29e6201bdc05172 > .wb_button { padding: 0px 20px 0px 20px; text-shadow: none; box-shadow: none; }
#a188dd98f4a82fbcc29e6201bdc05172 .wb_button { margin: 0; width: 100%; font-family: 'Oswald',Arial,sans-serif; font-size: 22px; line-height: 25px; letter-spacing: 0px; text-align: center; text-decoration: none; border: 2px solid #00adff; background-color: transparent; min-width: 20px; min-height: 20px; }
#a188dd98f4a82fbcc29e6201bdc05172 .wb_button > span { color: #00adff; font-style: normal; font-weight: bold; text-decoration: none; }
#a188dd98f4a82fbcc29e6201bdc05172 .wb_button:before { background: transparent none repeat left top; background-size: auto auto; }
#a188dd98f4a82fbcc29e6201bdc05172 .wb_button:hover > span { color: #ffffff; font-style: normal; font-weight: normal; text-decoration: none; }
#a188dd98f4a82fbcc29e6201bdc05172 .wb_button:hover { background-color: #00adff; }
#a188dd98f4a82fbcc29e6201bdc05172 .wb_button:hover:before { background: transparent none repeat left top; background-size: auto auto; }
#a188dd98f4a82fbcc29e6201bdc05172 .wb_button:active > span { color: #ffffff; font-style: normal; font-weight: normal; text-decoration: none; }
#a188dd98f4a82fbcc29e6201bdc05172 .wb_button:active { background-color: #00adff; }
#a188dd98f4a82fbcc29e6201bdc05172 .wb_button:active:before { background: transparent none repeat left top; background-size: auto auto; }
#a188dd98f4a82c0263205efd8ab82ccf { width: 100%; height: auto; max-width: 100%; flex: 1 1 auto; }
#a188dd98f4a82c0263205efd8ab82ccf > .wb_content { min-width: 20px; min-height: 20px; padding: 20px 20px 20px 20px; border: 0px none #000000; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat scroll left top; background-size: auto auto; justify-items: flex-start; align-items: flex-start; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; }
#a188dd98f4a829805a5b2f78e1686715 { width: 100%; height: auto; max-width: 1200px; margin: 20px 0px 20px 0px; flex: 1 1 auto; }
#a188dd98f4a829805a5b2f78e1686715 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #000000; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat scroll left top; background-size: auto auto; justify-items: center; align-items: center; justify-content: space-evenly; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; }
#a188dd98f4a828f6d113e300fb499869 { width: 100%; height: auto; max-width: 100%; flex: 0 0 auto; }
#a188dd98f4a828f6d113e300fb499869 > .wb_content { min-width: 20px; min-height: 20px; padding: 40px 20px 40px 20px; border: 0px solid #000; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; background: transparent none repeat scroll left top; background-size: auto auto; opacity: 1; justify-items: center; align-items: center; justify-content: center; align-content: center; flex-wrap: wrap; text-shadow: none; box-shadow: none; }
#a188dd98f4a83160d5a39cd8ab7aa0d5 p:last-child { margin-bottom: 0; }
#a188dd98f4a83160d5a39cd8ab7aa0d5 { opacity: 1; width: 50%; height: auto; max-width: 100%; margin: 20px 0px 20px 0px; flex: 0 0 auto; text-shadow: none; box-shadow: none; }
#a188dd98f4a8305635d2a8fcc4c7bd5e { width: 100%; height: auto; min-width: 360px; min-height: 400px; max-width: 100%; flex: 0 0 auto; }
#a188dd98f4a8305635d2a8fcc4c7bd5e > .wb_content { min-width: 20px; min-height: 20px; padding: 40px 40px 40px 40px; border: 0px solid #000; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; background-color: #00adff; justify-items: center; align-items: center; justify-content: flex-start; align-content: center; flex-wrap: nowrap; text-shadow: none; box-shadow: none; }
#a188dd98f4a8305635d2a8fcc4c7bd5e > .wb_content:before { background: transparent url("../gallery_gen/0af7e2943ac1aafc40a0db4710c5b989_fit.jpg") no-repeat scroll center center; background-size: cover; opacity: 0.6; content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#wb_main_a188dd9904060068919c5b2f75047334 { width: 100%; height: auto; max-width: 100%; flex: 0 0 auto; }
#wb_main_a188dd9904060068919c5b2f75047334 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #000000; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat scroll center center; background-size: auto auto; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; }
#a188dd98f4a8353aaf8b57b3d71b8c9c p:last-child { margin-bottom: 0; }
#a188dd98f4a8353aaf8b57b3d71b8c9c { opacity: 1; width: auto; height: auto; max-width: 100%; margin: 10px 0px 10px 0px; flex: 0 0 auto; text-shadow: none; box-shadow: none; }
#a188dd98f4a8375065a12159361dc544 { width: auto; height: auto; max-width: 100%; margin: 10px 10px 10px 10px; flex: 0 0 auto; }
#a188dd98f4a8375065a12159361dc544 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #000000; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat scroll left top; background-size: auto auto; opacity: 1; justify-items: center; align-items: center; justify-content: center; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; }
#a188dd98f4a83468fb3fd64556b2e602 { width: 100%; height: auto; max-width: 1200px; flex: 0 0 auto; }
#a188dd98f4a83468fb3fd64556b2e602 > .wb_content { min-width: 20px; min-height: 20px; padding: 20px 20px 20px 20px; border: 0px none #000000; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat scroll left top; background-size: auto auto; justify-items: center; align-items: center; justify-content: space-around; align-content: flex-start; flex-wrap: nowrap; text-shadow: none; box-shadow: none; }
#wb_footer_a188dd9904060068919c5b2f75047334 { width: auto; height: auto; max-width: 100%; flex: 0 0 auto; }
#wb_footer_a188dd9904060068919c5b2f75047334 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #000000; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: #000000 none repeat scroll left top; background-size: auto auto; opacity: 1; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; }
#wb_footer_c > .wb_content { width: 100%; height: 100%; }
#wb_footer_c { width: 0px; height: 0px; max-width: 100%; flex: 0 0 auto; text-shadow: none; box-shadow: none; }


/* tablet */
@media (min-width: 768px) {
	#a188dd98f4a827d50d15e3e30b1c9b09 { margin: 20px 0px 20px 0px; }
	#a188dd98f4a82ea3b55ce951588f8b3a { margin: 20px 0px 20px 0px; }
	#a188dd98f4a82fbcc29e6201bdc05172 { margin: 20px 0px 20px 0px; }
	#a188dd98f4a82c0263205efd8ab82ccf > .wb_content { min-width: 20px; min-height: 20px; padding: 20px 20px 20px 20px; }
	#a188dd98f4a829805a5b2f78e1686715 { margin: 20px 0px 20px 0px; }
	#a188dd98f4a83160d5a39cd8ab7aa0d5 { margin: 20px 0px 20px 0px; }
	#a188dd98f4a8353aaf8b57b3d71b8c9c { margin: 10px 0px 10px 0px; }
	#a188dd98f4a8375065a12159361dc544 { margin: 10px 10px 10px 10px; }
}

/* desktop */
@media (min-width: 992px) {
	#a188dd98f4a827d50d15e3e30b1c9b09 { margin: 20px 0px 20px 0px; }
	#a188dd98f4a82ea3b55ce951588f8b3a { margin: 20px 0px 20px 0px; }
	#a188dd98f4a82fbcc29e6201bdc05172 { margin: 20px 0px 20px 0px; }
	#a188dd98f4a82c0263205efd8ab82ccf > .wb_content { min-width: 20px; min-height: 20px; padding: 40px 40px 40px 40px; }
	#a188dd98f4a829805a5b2f78e1686715 { margin: 20px 0px 20px 0px; }
	#a188dd98f4a83160d5a39cd8ab7aa0d5 { margin: 20px 0px 20px 0px; }
	#a188dd98f4a8353aaf8b57b3d71b8c9c { margin: 10px 0px 10px 0px; }
	#a188dd98f4a8375065a12159361dc544 { margin: 10px 10px 10px 10px; }
}

/* tv */
@media (min-width: 1200px) {
	#a188dd98f4a827d50d15e3e30b1c9b09 { margin: 20px 0px 20px 0px; }
	#a188dd98f4a82ea3b55ce951588f8b3a { margin: 20px 0px 20px 0px; }
	#a188dd98f4a82fbcc29e6201bdc05172 { margin: 20px 0px 20px 0px; }
	#a188dd98f4a82c0263205efd8ab82ccf > .wb_content { min-width: 20px; min-height: 20px; padding: 40px 40px 40px 40px; }
	#a188dd98f4a829805a5b2f78e1686715 { margin: 20px 0px 20px 0px; }
	#a188dd98f4a83160d5a39cd8ab7aa0d5 { margin: 20px 0px 20px 0px; }
	#a188dd98f4a8353aaf8b57b3d71b8c9c { margin: 10px 0px 10px 0px; }
	#a188dd98f4a8375065a12159361dc544 { margin: 10px 10px 10px 10px; }
}

/* desktop_and_smaller */
@media (max-width: 1199px) {
}

/* tablet_and_smaller */
@media (max-width: 991px) {
}

/* phone_only */
@media (max-width: 767px) {
	#a188dd98f4a829805a5b2f78e1686715 > .wb_content { background: transparent none repeat scroll left top; background-size: auto auto; flex-direction: column; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; }
	#a18acb6100b300e7b4c70bf27e5caa34 { width: auto; margin-left: 0; margin-right: 0; }
	#a188dd98f4a82c0263205efd8ab82ccf { width: auto; margin-left: 0; margin-right: 0; }
	#a188dd98f4a828f6d113e300fb499869 > .wb_content { background: transparent none repeat scroll left top; background-size: auto auto; opacity: 1; flex-direction: column; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; }
	#a188dd98f4a829805a5b2f78e1686715 { width: auto; margin-left: 0; margin-right: 0; }
	#a188dd98f4a8305635d2a8fcc4c7bd5e > .wb_content { background-color: #00adff; flex-direction: column; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; }
	#a188dd98f4a83160d5a39cd8ab7aa0d5 { width: auto; margin-left: 0; margin-right: 0; }
	#a188dd98f4a83468fb3fd64556b2e602 > .wb_content { background: transparent none repeat scroll left top; background-size: auto auto; flex-direction: column; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; }
	#a188dd98f4a8353aaf8b57b3d71b8c9c { width: auto; margin-left: 0; margin-right: 0; }
	#a188dd98f4a8375065a12159361dc544 { width: auto; margin-left: 0; margin-right: 0; }
}

/* tablet_only */
@media (min-width: 768px) and (max-width: 991px) {
}

/* desktop_only */
@media (min-width: 992px) and (max-width: 1199px) {
}

/* phone_last */


/* touch_device */
@media (any-pointer: coarse) {
}

/* mouse_device */
@media (any-pointer: fine) and (min-width: 767px) {
}
