
/* phone */
body { background-color: transparent; }
body.site:before { background: transparent none no-repeat scroll center top; background-size: auto auto; min-width: 1200px; }
.wb_sbg { background: transparent none repeat-x center bottom; min-width: 1200px; }
.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; }
#a18a4f949abe307c837839d2d7838b0e { left: 298px; top: 143px; z-index: 935; width: 567px; height: 40px; max-width: none; text-shadow: none; box-shadow: none; }
#a18a4f949abe307c837839d2d7838b0e ul { background: transparent none no-repeat left top; }
#a18a4f949abe307c837839d2d7838b0e ul, #a18a4f949abe307c837839d2d7838b0e-det ul { border: 1px none #000000; }
#a18a4f949abe307c837839d2d7838b0e, #a18a4f949abe307c837839d2d7838b0e ul, #a18a4f949abe307c837839d2d7838b0e-det ul { text-align: right; }
#a18a4f949abe307c837839d2d7838b0e ul ul, #a18a4f949abe307c837839d2d7838b0e-det ul { background: transparent none repeat left top; }
#a18a4f949abe307c837839d2d7838b0e li, #a18a4f949abe307c837839d2d7838b0e-det li { margin: 10px 10px 10px 10px; }
#a18a4f949abe307c837839d2d7838b0e li a, #a18a4f949abe307c837839d2d7838b0e-det li a { padding: 2px 15px 2px 15px; text-transform: uppercase; border: 0px none #000000; font: normal normal 14px 'Allerta Stencil',Arial,sans-serif; text-decoration: none; color: #ffffff; line-height: 16px; background: transparent none repeat left top; }
#a18a4f949abe307c837839d2d7838b0e li.over > a, #a18a4f949abe307c837839d2d7838b0e li:focus > a, #a18a4f949abe307c837839d2d7838b0e-det li.over > a, #a18a4f949abe307c837839d2d7838b0e-det li:focus > a { border: 0px none #000000; font: normal normal 14px 'Allerta Stencil',Arial,sans-serif; text-decoration: none; color: #db001d; line-height: 16px; background: transparent none repeat left top; }
#a18a4f949abe307c837839d2d7838b0e li.active > a, #a18a4f949abe307c837839d2d7838b0e-det li.active > a { border: 0px none #000000; font: normal normal 14px 'Allerta Stencil',Arial,sans-serif; text-decoration: none; color: #fc3f68; line-height: 16px; background: transparent none repeat left top; }
#a18a4f949abe307c837839d2d7838b0e:not(.collapse-expanded) .vmenu ul.open-left,#a18a4f949abe307c837839d2d7838b0e:not(.collapse-expanded) .hmenu ul.open-left { left: auto; right: 100%; }
#a18a4f949abe307c837839d2d7838b0e:not(.collapse-expanded) .hmenu > li > ul.open-left { left: auto; right: 0; }
#a18a4f949abe3116ac895969acd7cc69 { left: 330px; top: 0px; z-index: 129; width: 390px; height: 140px; max-width: none; }
#a18a4f949abe3116ac895969acd7cc69 > .wb_content { width: 100%; height: 100%; }
#a18a4f949abe3116ac895969acd7cc69 > .wb_shp { background: #ffffff url("../gallery_gen/24b62d844193be454e951bc628c22405_804x280_fit.png") repeat scroll center center; background-size: cover; opacity: 1; border: 5px none #c0c0c0; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; width: 390px; height: 140px; text-shadow: none; box-shadow: none; }
#a18a4f949abe2f3aa03e6f78b8ec64fc { width: 1200px; height: 183px; max-width: 100%; flex: 0 0 auto; }
#a18a4f949abe2f3aa03e6f78b8ec64fc > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #333333; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat-x scroll center bottom; justify-items: flex-start; align-items: flex-start; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; }
#wb_header_a18a4f94b76902ba7e7ca7dfc9919bcb { width: 100%; height: auto; min-width: 1200px; max-width: 100%; flex: 0 0 auto; }
#wb_header_a18a4f94b76902ba7e7ca7dfc9919bcb > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #333333; -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; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; }
#a18a4f949abe33e8da4b558b8177b70e { left: 20px; top: 360px; z-index: 50; width: 570px; height: 360px; max-width: none; text-shadow: none; box-shadow: none; }
#a18a4f949abe33e8da4b558b8177b70e tr td > div input[type="text"],#a18a4f949abe33e8da4b558b8177b70e tr td > div input[type="number"],#a18a4f949abe33e8da4b558b8177b70e tr td > div input[type="file"],#a18a4f949abe33e8da4b558b8177b70e tr td > div input[type="datetime-local"],#a18a4f949abe33e8da4b558b8177b70e tr td > div input[type="date"],#a18a4f949abe33e8da4b558b8177b70e tr td > div input[type="time"],#a18a4f949abe33e8da4b558b8177b70e tr td > div input[type="tel"],#a18a4f949abe33e8da4b558b8177b70e tr td > div input[type="email"],#a18a4f949abe33e8da4b558b8177b70e tr td > div textarea,#a18a4f949abe33e8da4b558b8177b70e tr td > div select { padding: 6px 12px 6px 12px; }
#a18a4f949abe33e8da4b558b8177b70e tr { border-top: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent; border-left: 0px solid transparent; }
#a18a4f949abe33e8da4b558b8177b70e [type="submit"] { font-size: 14px; font-style: normal; font: normal normal 14px Arial,Helvetica,sans-serif; font-family: Arial,Helvetica,sans-serif; color: #333333; text-decoration: none; line-height: 20px; text-transform: none; background: #ffffff none repeat left top; opacity: 1; border: 1px solid #cccccc; }
#a18a4f949abe33e8da4b558b8177b70e input,#a18a4f949abe33e8da4b558b8177b70e textarea,#a18a4f949abe33e8da4b558b8177b70e select,#a18a4f949abe33e8da4b558b8177b70e input[type="datetime-local"]::-webkit-datetime-edit-text,#a18a4f949abe33e8da4b558b8177b70e input[type="datetime-local"]::-webkit-datetime-edit-minutes-field,#a18a4f949abe33e8da4b558b8177b70e input[type="datetime-local"]::-webkit-datetime-edit-hour-field,#a18a4f949abe33e8da4b558b8177b70e input[type="datetime-local"]::-webkit-datetime-edit-day-field,#a18a4f949abe33e8da4b558b8177b70e input[type="datetime-local"]::-webkit-datetime-edit-month-field,#a18a4f949abe33e8da4b558b8177b70e input[type="datetime-local"]::-webkit-datetime-edit-year-field,#a18a4f949abe33e8da4b558b8177b70e input[type="datetime-local"]::-webkit-inner-spin-button,#a18a4f949abe33e8da4b558b8177b70e input[type="date"]::-webkit-datetime-edit-text,#a18a4f949abe33e8da4b558b8177b70e input[type="date"]::-webkit-datetime-edit-day-field,#a18a4f949abe33e8da4b558b8177b70e input[type="date"]::-webkit-datetime-edit-month-field,#a18a4f949abe33e8da4b558b8177b70e input[type="date"]::-webkit-datetime-edit-year-field,#a18a4f949abe33e8da4b558b8177b70e input[type="date"]::-webkit-calendar-picker-indicator,#a18a4f949abe33e8da4b558b8177b70e input[type="date"]::-webkit-inner-spin-button,#a18a4f949abe33e8da4b558b8177b70e input[type="time"]::-webkit-datetime-edit-text,#a18a4f949abe33e8da4b558b8177b70e input[type="time"]::-webkit-datetime-edit-minutes-field,#a18a4f949abe33e8da4b558b8177b70e input[type="time"]::-webkit-datetime-edit-hour-field { font: normal normal 14px Arial,sans-serif; color: #555; text-align: left; text-decoration: none; line-height: 20px; }
#a18a4f949abe33e8da4b558b8177b70e input[type="datetime-local"]::-webkit-calendar-picker-indicator, #a18a4f949abe33e8da4b558b8177b70e input[type="date"]::-webkit-calendar-picker-indicator { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 24 24"><path fill="%23555" d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z"/></svg>'); }
#a18a4f949abe33e8da4b558b8177b70e input[type="time"]::-webkit-calendar-picker-indicator { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 24 24"><path fill="%23555" d="M12 20C16.4 20 20 16.4 20 12S16.4 4 12 4 4 7.6 4 12 7.6 20 12 20M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2M15.3 16.2L14 17L11 11.8V7H12.5V11.4L15.3 16.2Z"></path></svg>'); }
#a18a4f949abe33e8da4b558b8177b70e input::placeholder, #a18a4f949abe33e8da4b558b8177b70e textarea::placeholder { color: inherit; opacity: 0.8; }
#a18a4f949abe33e8da4b558b8177b70e th,#a18a4f949abe33e8da4b558b8177b70e .checkbox-label,#a18a4f949abe33e8da4b558b8177b70e .checkbox-inline,#a18a4f949abe33e8da4b558b8177b70e .radio-label,#a18a4f949abe33e8da4b558b8177b70e .radio-inline { font-style: normal; font: normal normal 14px 'Open Sans',sans-serif; font-family: 'Open Sans',sans-serif; color: #000000; text-decoration: none; text-align: left; line-height: 17px; }
#a18a4f949abe33e8da4b558b8177b70e [type="submit"] > span { font-weight: normal; font-style: normal; text-decoration: none; }
#a18a4f949abe33e8da4b558b8177b70e [type="submit"]:hover { background: #e6e6e6 none repeat left top; background-size: auto auto; opacity: 1; color: #333333; }
#a18a4f949abe33e8da4b558b8177b70e [type="submit"]:hover > span { font-weight: normal; font-style: normal; text-decoration: none; }
#a18a4f949abe33e8da4b558b8177b70e [type="submit"]:active { background: #e6e6e6 none repeat left top; background-size: auto auto; opacity: 1; color: #333333; }
#a18a4f949abe33e8da4b558b8177b70e [type="submit"]:active > span { font-weight: normal; font-style: normal; text-decoration: none; }
#a18a4f949abe347fe7c755ee97f728fe p:last-child { margin-bottom: 0; }
#a18a4f949abe347fe7c755ee97f728fe { opacity: 1; left: 20px; top: 150px; z-index: 75; width: 410px; height: auto; max-width: none; text-shadow: none; box-shadow: none; }
#a18a4f949abe353e8594949f4b5ed208 p:last-child { margin-bottom: 0; }
#a18a4f949abe353e8594949f4b5ed208 { opacity: 1; left: 20px; top: 40px; z-index: 97; width: 320px; height: auto; max-width: none; text-shadow: none; box-shadow: none; }
#a18a4f949abe3648281dee273c98d289 > .wb-elm-line { margin: -1.5px 0 0 0; width: 100%; height: 1px; left: 0; top: 50%; border-top: 3px dashed #303030;; }
#a18a4f949abe3648281dee273c98d289 { left: 20px; top: 106px; z-index: 101; width: 570px; height: 30px; max-width: none; text-shadow: none; box-shadow: none; }
#a18a4f949abe3648281dee273c98d289 > .wb_content { width: 100%; height: 100%; }
#a18a4f949abe37fafa4b48e40226faba { opacity: 1; box-sizing: border-box; left: 710px; top: 50px; z-index: 103; width: auto; height: 800px; max-width: none; }
#a18a4f949abe37fafa4b48e40226faba .wb-picture-wrapper { border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border: 5px none #d1d1d1; width: auto; height: 100%; }
#a18a4f949abe37fafa4b48e40226faba .wb_picture_wrap { height: 100%; }
#a18a4f949abe37fafa4b48e40226faba img { width: auto; height: 100%; }
#a18a4f949abe37fafa4b48e40226faba img.wb-picture-mode { display: none; }
#a18a4f949abe37fafa4b48e40226faba > .wb_picture_wrap > .wb-picture-wrapper { text-shadow: none; box-shadow: none; }
#a18a4f949abe38048b00d6dcb79196d0 { left: 0px; top: -183px; z-index: 48; width: 100%; height: 194px; max-width: none; }
#a18a4f949abe38048b00d6dcb79196d0 > .wb_content { width: 100%; height: 100%; }
#a18a4f949abe38048b00d6dcb79196d0 > .wb_shp { background: #231f20 none repeat scroll left top; background-size: auto auto; opacity: 1; border: 5px none #c0c0c0; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; width: 100%; height: 100%; text-shadow: none; box-shadow: none; }
#a18a4f949abe328a74042c00cacca38c { width: 1200px; height: 850px; max-width: 100%; flex: 0 0 auto; }
#a18a4f949abe328a74042c00cacca38c > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #333333; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: rgba(255, 255, 255, 0.66) none repeat left top; background-size: auto auto; opacity: 1; justify-items: flex-start; align-items: flex-start; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; }
#wb_main_a18a4f94b76902ba7e7ca7dfc9919bcb { width: 100%; height: auto; min-width: 1200px; max-width: 100%; flex: 1 1 auto; }
#wb_main_a18a4f94b76902ba7e7ca7dfc9919bcb > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #333333; -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; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; }
#a18a4f949abe3a4516bc6f2fd692c656 p:last-child { margin-bottom: 0; }
#a18a4f949abe3a4516bc6f2fd692c656 { opacity: 1; left: 850px; top: 220px; z-index: 113; width: 350px; height: auto; max-width: none; text-shadow: none; box-shadow: none; }
#a18a4f949abe3b4f81086865048e116e p:last-child { margin-bottom: 0; }
#a18a4f949abe3b4f81086865048e116e { opacity: 1; left: 20px; top: 30px; z-index: 116; width: 490px; height: auto; max-width: none; text-shadow: none; box-shadow: none; }
#a18a4f949abe3c443ff93b2dff8f7e41 { opacity: 0.09; box-sizing: border-box; left: 0px; top: 0px; z-index: 111; width: 100%; height: auto; max-width: none; }
#a18a4f949abe3c443ff93b2dff8f7e41 .wb-picture-wrapper { border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border: 5px none #d1d1d1; height: 100%; }
#a18a4f949abe3c443ff93b2dff8f7e41 .wb_picture_wrap { height: 100%; }
#a18a4f949abe3c443ff93b2dff8f7e41 img { width: auto; height: 100%; }
#a18a4f949abe3c443ff93b2dff8f7e41 img.wb-picture-mode { display: none; }
#a18a4f949abe3c443ff93b2dff8f7e41 > .wb_picture_wrap > .wb-picture-wrapper { text-shadow: none; box-shadow: none; }
#a18a4f949abe3dc0eba6e12718264db1 { left: 0px; top: 0px; width: 100%; height: 100%; max-width: none; }
#a18a4f949abe3dc0eba6e12718264db1 > .wb_content { width: 100%; height: 100%; }
#a18a4f949abe3dc0eba6e12718264db1 > .wb_shp { background: #000000 none repeat scroll left top; background-size: auto auto; opacity: 1; border: 5px none #c0c0c0; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; width: 100%; height: 100%; text-shadow: none; box-shadow: none; }
#a18a4f949abe39962536a034dc387615 { width: 1200px; height: 250px; max-width: 100%; flex: 0 0 auto; }
#a18a4f949abe39962536a034dc387615 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #333333; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat-x left top; background-size: auto auto; opacity: 1; justify-items: flex-start; align-items: flex-start; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; }
#wb_footer_a18a4f94b76902ba7e7ca7dfc9919bcb { width: 100%; height: auto; min-width: 1200px; max-width: 100%; flex: 0 0 auto; }
#wb_footer_a18a4f94b76902ba7e7ca7dfc9919bcb > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #333333; -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; 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) {
	#a18a4f949abe307c837839d2d7838b0e > ul, #a18a4f949abe307c837839d2d7838b0e-det > ul { display: block; }
}

/* desktop */
@media (min-width: 992px) {
}

/* tv */
@media (min-width: 1200px) {
}

/* desktop_and_smaller */
@media (max-width: 1199px) {
}

/* tablet_and_smaller */
@media (max-width: 991px) {
}

/* phone_only */
@media (max-width: 767px) {
	#a18a4f949abe3c443ff93b2dff8f7e41 img.wb-picture-mode-default { display: none; }
	#a18a4f949abe3c443ff93b2dff8f7e41 img.wb-picture-mode-phone { display: block; }
}

/* 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) {
}
