{"id":39377,"date":"2026-02-10T12:54:48","date_gmt":"2026-02-10T12:54:48","guid":{"rendered":"https:\/\/www.elomatic.com\/?page_id=39377"},"modified":"2026-10-15T12:09:39","modified_gmt":"2026-10-15T12:09:39","slug":"3d-animaatiot","status":"publish","type":"page","link":"https:\/\/www.elomatic.com\/fi\/data-digital\/visualisointi\/3d-animaatiot\/","title":{"rendered":"3D-animaatiot"},"content":{"rendered":"\r\n<div data-polku=\"polku\" data-section-name=\"No section name\" id=\"elomatic-section-block_44333de1a2566a1a394a4a003f6014a2\"\r\n     class=\"parallaxSectionWrapper parallaxWrapperV2 elomatic-section  startShapesFromBottom parallaxSwipe  pageSection container-fluid Xd-sm-flex   positionRelative coverBackground p-0 sectionHeightMin100VH\" style=\"\">\r\n\r\n    <div class=\"parallaxBGwrapper\"><\/div>\r\n\r\n\r\n    <div class=\"parallaxGridOuterWrapper\">\r\n        <div class=\"sectionGridWrapper\" data-fill=\"white\"\r\n             data-koodi=\"\" data-testikoodi=\"\">\r\n            <div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div>        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sectionGridWrapperExtension\"><\/div>\r\n    <div class=\"container-fluid sectionContent parallaxInnerWrapperV2\">\r\n        <div class=\"row \">\r\n            <div class=\"col-12 p-0\">\r\n                                \n\r\n<div id=\"\" data-sectionname=\"\" data-sectionid=\"elomatic-section-block_169412b9525999d85e8588e01ebe8f07\"\r\n     class=\"elomatic-section wp-elements-aa6f373eff98dbe5fdde0510a9dd2546 sectionTypo-normal noBackgroundImage has-valkoinen-color has-none-background-color has-none-gradient-background sectionBG-position-center align-items-end sectionHeightMin100VH_defunc sectionHeightMin100VH normalPadding  normalShapes   pageSection container-fluid Xd-sm-flex d-flex   positionRelative coverBackground \" style=\"background-image: url('');\" data-gradient=\"none\">\r\n\r\n\r\n            <video autoplay muted loop class=\"sectionVideo sectionVideoWrapper\">\r\n\r\n            \r\n            <source src=\"https:\/\/www.elomatic.com\/wp-content\/uploads\/2026\/02\/3D-animaatiot-elomatic.webm\" type=\"video\/webm\">\r\n        <\/video>\r\n    \r\n\r\n    <div data-backgroundcolor=\"none\" data-textcolor=\"valkoinen\" class=\"sectionBackgroundColorVeil has-none-background-color \"><\/div>\r\n\r\n\r\n    <div class=\"sectionGridWrapper\" data-fill=\"white\"\r\n         data-koodi=\"\" data-testikoodi=\"\">\r\n            <\/div>\r\n\r\n    <div class=\"sectionGridWrapperExtension\"><\/div>\r\n    <div class=\"container-sm sectionContent\">\r\n        <div class=\"row widthMedium\">\r\n            <div class=\"col-12 p-0\">\r\n                \n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h1 style=\"text-align: center;\">3D-animaatiot<\/h1>\n<p class=\"EBase sectionIngres\" style=\"text-align: center;\">3D-animaatio her\u00e4tt\u00e4\u00e4 ideasi eloon ja mahdollistaa n\u00e4ytt\u00e4v\u00e4t konseptit ja lanseeraukset.<\/p>\n<\/div>\n<\/div>\n\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n        \r\n        <div class=\"elomaticScrollDown   scroll-align-center  \"><i class=\"fa-solid fa-chevron-down\"><\/i><\/div>\r\n    \r\n<\/div>\r\n\r\n\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n\n\n\r\n<div id=\"\"  data-sectionnameX=\"\" data-sectionidX=\"elomatic-section-block_3c56b673980d5309e8e3a969f79bfb05\"\r\n     class=\"elomatic-section sectionTypo-normal noBackgroundImage has-none-color has-none-background-color align-items-start sectionHeightMin100VH_defunc natural-height noPadding  normalShapes  pageSection container-fluid p-0 Xd-sm-flex d-flex   positionRelative coverBackground \"  style=\"background-image: url('');\">\r\n    <div data-backgroundcolor=\"none\" data-textcolor=\"none\" class=\"sectionBackgroundColorVeil has-none-background-color \"><\/div>\r\n    <div class=\"sectionGridWrapper\" data-fill=\"white\"\r\n         data-koodi=\"\" data-testikoodi=\"\">\r\n        <div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"MB\" data-opacity=\"0.4\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.4\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.4\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"MB\" data-opacity=\"0.4\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"MB\" data-opacity=\"0.4\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.4\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.8\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"MB\" data-opacity=\"0.4\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.4\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"MB\" data-opacity=\"0.4\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.4\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"MB\" data-opacity=\"0.4\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"MB\" data-opacity=\"0.4\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.4\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.4\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"MB\" data-opacity=\"0.8\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.4\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.4\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.8\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.6\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div>    <\/div>\r\n\r\n    <div class=\"sectionGridWrapperExtension\"><\/div>\r\n    <div class=\"container-fluid sectionContent\">\r\n        <div class=\"row \">\r\n            <div class=\"col-12 p-0\">\r\n                \n\r\n<div id=\"\" data-sectionname=\"\" data-sectionid=\"elomatic-section-block_161bb556f59906f39b1cf847ecfe6ba7\"\r\n     class=\"elomatic-section sectionTypo-normal noBackgroundImage has-none-color has-none-background-color has-none-gradient-background sectionBG-position-center align-items-start sectionHeightMin100VH_defunc natural-height lightPadding  normalShapes   pageSection container-fluid Xd-sm-flex d-flex   positionRelative coverBackground \" style=\"background-image: url('');\" data-gradient=\"none\">\r\n\r\n\r\n    \r\n\r\n    <div data-backgroundcolor=\"none\" data-textcolor=\"none\" class=\"sectionBackgroundColorVeil has-none-background-color \"><\/div>\r\n\r\n\r\n    <div class=\"sectionGridWrapper\" data-fill=\"white\"\r\n         data-koodi=\"\" data-testikoodi=\"\">\r\n            <\/div>\r\n\r\n    <div class=\"sectionGridWrapperExtension\"><\/div>\r\n    <div class=\"container-sm sectionContent\">\r\n        <div class=\"row widthNarrow\">\r\n            <div class=\"col-12 p-0\">\r\n                \n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"sectionIngres\">3D-animaatiolla havainnollistat tuotteesi tai konseptisi toimintaa, suunnitelmia, laitteiden k\u00e4ytt\u00f6\u00e4 ja huoltokoulutuksia br\u00e4ndisi mukaisesti. Animaatio n\u00e4ytt\u00e4\u00e4 asioita, joihin videokuvaus ei pysty, kuten rakentamattomia laitoksia, tuotteen sis\u00e4ll\u00e4 tapahtuvia prosesseja sek\u00e4 virtauksia. Animaatiotuotantoa ja visuaalisuutta on mahdollista tehostaa AI-ty\u00f6kalujen avulla.\u00a0<\/p>\n<p>Olemme toteuttaneet satoja animaatioita tuotelanseerauksiin, myynnillisiin konsepteihin ja tuotekoulutuksiin.<\/p>\n<\/div>\n<\/div>\n\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n<\/div>\r\n\r\n\n\n\r\n<div id=\"\" data-sectionname=\"\" data-sectionid=\"elomatic-section-block_b4ae4ed00ba1b15af7064d9c932ad296\"\r\n     class=\"elomatic-section sectionTypo-normal noBackgroundImage has-none-color has-none-background-color has-none-gradient-background sectionBG-position-center align-items-start sectionHeightMin100VH_defunc natural-height noPadding  normalShapes   pageSection container-fluid Xd-sm-flex d-flex   positionRelative coverBackground \" style=\"background-image: url('');\" data-gradient=\"none\">\r\n\r\n\r\n    \r\n\r\n    <div data-backgroundcolor=\"none\" data-textcolor=\"none\" class=\"sectionBackgroundColorVeil has-none-background-color \"><\/div>\r\n\r\n\r\n    <div class=\"sectionGridWrapper\" data-fill=\"white\"\r\n         data-koodi=\"\" data-testikoodi=\"\">\r\n            <\/div>\r\n\r\n    <div class=\"sectionGridWrapperExtension\"><\/div>\r\n    <div class=\"container-sm sectionContent\">\r\n        <div class=\"row widthNarrow\">\r\n            <div class=\"col-12 p-0\">\r\n                \n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-style-elomatic-extra-padding has-valkoinen-color has-navy-blue-background-color has-text-color has-background has-link-color wp-elements-e7faf375ceec53ab8628e2216432f46d is-layout-flow wp-block-column-is-layout-flow\">\r\n\r\n\r\n\r\n<div id=\"elomatic-section-block_92c63182e544d7e2fee1be72229e5a3c\" class=\"elomatic-phases container-fluid phaseContainer\">\r\n    <div class=\"row phaseRow row-cols-sm-1 row-cols-lg-2 row-cols-xxl-2\">\r\n                        <div class=\" phaseBoxWrapper showIcons  hideIDSs extraPaddingForPhase\">\r\n\r\n\r\n                                            <div class=\"phaseIcon  showIcons \">\r\n                            <img decoding=\"async\" src=\"https:\/\/www.elomatic.com\/wp-content\/uploads\/2025\/12\/Tuote-esitykset-ja-rajaytysanimaatiot.svg\">\r\n                        <\/div>\r\n\r\n                    \r\n\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Tuote-esitykset ja r\u00e4j\u00e4ytysanimaatiot<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Visuaalisesti n\u00e4ytt\u00e4v\u00e4t ja teknisesti tarkat 3D-tuoteanimaatiot br\u00e4ndisi mukaisesti markkinointiin, koulutukseen ja huolto-ohjeisiin.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper showIcons  hideIDSs extraPaddingForPhase\">\r\n\r\n\r\n                                            <div class=\"phaseIcon  showIcons \">\r\n                            <img decoding=\"async\" src=\"https:\/\/www.elomatic.com\/wp-content\/uploads\/2025\/12\/Konseptien-ja-hankkeiden-esittelyt.svg\">\r\n                        <\/div>\r\n\r\n                    \r\n\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Konseptien ja hankkeiden esittelyt<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Kun esittelet konseptisi 3D-animaation avulla jo projektisi alkumetreill\u00e4, ideasi konkretisoituu ja p\u00e4\u00e4t\u00f6ksenteko helpottuu.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper showIcons  hideIDSs extraPaddingForPhase\">\r\n\r\n\r\n                                            <div class=\"phaseIcon  showIcons \">\r\n                            <img decoding=\"async\" src=\"https:\/\/www.elomatic.com\/wp-content\/uploads\/2025\/12\/Huolto-kunnossapito-ja-koulutusanimaatiot.svg\">\r\n                        <\/div>\r\n\r\n                    \r\n\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Huolto-, kunnossapito- ja koulutusanimaatiot<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Esit\u00e4 vaikeasti selitett\u00e4v\u00e4t huoltotoimenpiteet selke\u00e4sti ja kouluta k\u00e4ytt\u00e4j\u00e4t tehokkaasti helppok\u00e4ytt\u00f6isill\u00e4 animaatioilla, jotka ovat jaettavissa eri alustoilla.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper showIcons  hideIDSs extraPaddingForPhase\">\r\n\r\n\r\n                                            <div class=\"phaseIcon  showIcons \">\r\n                            <img decoding=\"async\" src=\"https:\/\/www.elomatic.com\/wp-content\/uploads\/2025\/12\/Prosessianimaatiot.svg\">\r\n                        <\/div>\r\n\r\n                    \r\n\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Prosessianimaatiot<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Prosessianimaatioilla voit esitell\u00e4 tehtaan tai prosessin toimintaa yleisell\u00e4 tasolla tai yksityiskohtaisemmin. Voit esitt\u00e4\u00e4 nopeasti tapahtuvia asioita hidastetusti ja tarkasti animaatioilla. My\u00f6s virtausten ja aineettoman informaation n\u00e4ytt\u00e4minen on mahdollista.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n            \r\n\r\n    <\/div>\r\n<\/div>\r\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-style-default is-layout-flow wp-block-column-is-layout-flow\">\n<h3>Animaatiotuotannon vaiheet<\/h3>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\r\n\r\n\r\n\r\n<div id=\"elomatic-section-block_a5ab8ccf81a5bb21d7f7805ec2fd9ab4\" class=\"elomatic-phases container-fluid phaseContainer\">\r\n    <div class=\"row phaseRow row-cols-sm-1 row-cols-lg-2 row-cols-xxl-2\">\r\n                        <div class=\" phaseBoxWrapper showIcons  hideIDSs extraPaddingForPhase\">\r\n\r\n\r\n                                            <div class=\"phaseIcon  showIcons \">\r\n                            <img decoding=\"async\" src=\"https:\/\/www.elomatic.com\/wp-content\/uploads\/2026\/06\/Lahtoaineiston-toimittaminen.svg\">\r\n                        <\/div>\r\n\r\n                    \r\n\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>L\u00e4ht\u00f6aineiston toimittaminen<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>L\u00e4het\u00e4 l\u00e4ht\u00f6aineisto miss\u00e4 tahansa suunnittelumallin muodossa, piirustuksina tai kuvina.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper showIcons  hideIDSs extraPaddingForPhase\">\r\n\r\n\r\n                                            <div class=\"phaseIcon  showIcons \">\r\n                            <img decoding=\"async\" src=\"https:\/\/www.elomatic.com\/wp-content\/uploads\/2026\/06\/Ensimmainen-versio.svg\">\r\n                        <\/div>\r\n\r\n                    \r\n\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Ensimm\u00e4inen versio<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Luomme l\u00e4ht\u00f6aineistosta tarkasteltavan mallin ja k\u00e4sikirjoituksen animaation kulusta. K\u00e4ymme aineiston kanssasi l\u00e4pi.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper showIcons  hideIDSs extraPaddingForPhase\">\r\n\r\n\r\n                                            <div class=\"phaseIcon  showIcons \">\r\n                            <img decoding=\"async\" src=\"https:\/\/www.elomatic.com\/wp-content\/uploads\/2026\/06\/Animoitu-toiminnallisuus.svg\">\r\n                        <\/div>\r\n\r\n                    \r\n\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Animoitu toiminnallisuus<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Kommenttienne perusteella teemme animaatiot ja kamera-ajot yhten\u00e4iseksi tarinaksi, jonka k\u00e4ymme kanssanne viel\u00e4 l\u00e4pi.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper showIcons  hideIDSs extraPaddingForPhase\">\r\n\r\n\r\n                                            <div class=\"phaseIcon  showIcons \">\r\n                            <img decoding=\"async\" src=\"https:\/\/www.elomatic.com\/wp-content\/uploads\/2026\/06\/Visuaalinen-viimeistely.svg\">\r\n                        <\/div>\r\n\r\n                    \r\n\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Visuaalinen viimeistely<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Viimeistelemme animaation br\u00e4ndiinne sopivilla, visuaalisesti n\u00e4ytt\u00e4vill\u00e4 elementeill\u00e4, efekteill\u00e4 ja teksteill\u00e4 tai puheella.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper showIcons  hideIDSs extraPaddingForPhase\">\r\n\r\n\r\n                                            <div class=\"phaseIcon  showIcons \">\r\n                            <img decoding=\"async\" src=\"https:\/\/www.elomatic.com\/wp-content\/uploads\/2026\/06\/Animaation-toimittaminen.svg\">\r\n                        <\/div>\r\n\r\n                    \r\n\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Animaation toimittaminen<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Toimitamme lopullisen animaation haluamassanne videoformaatissa.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n            \r\n\r\n    <\/div>\r\n<\/div>\r\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-style-elomatic-extra-padding has-valkoinen-color has-navy-blue-background-color has-text-color has-background has-link-color wp-elements-d3b78095254c2d3bb4a9a39d57f0301d is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"EBase\">Haluatko n\u00e4hd\u00e4, milt\u00e4 sinun ideasi voisi n\u00e4ytt\u00e4\u00e4?<\/h4>\n<p class=\"sectionIngres\">Animaatiotuotanto on osa digitaalista tuotantoketjuamme, jonka avulla kuvat, animaatiot ja sovellukset syntyv\u00e4t kustannustehokkaasti ja nopeasti samasta l\u00e4ht\u00f6aineistosta. Voimme muuntaa animaatiot tehokkaasti VR-koulutuksiksi tai opetuskuviksi esityksiin.<\/p>\n<ul>\n<li>Samasta suunnitteluaineistosta syntyy 3D-kuvia, -animaatioita sek\u00e4 interaktiivisia sovelluksia.<\/li>\n<li>Julkaisut eri alustoille: web, mobile, VR ja desktop.<\/li>\n<\/ul>\n<p class=\"EBase\">Varaa maksuton ideointipalaveri\u202ftai\u202fpyyd\u00e4 tarjous\u202f\u2013 tehd\u00e4\u00e4n yhdess\u00e4 n\u00e4kym\u00e4t\u00f6n n\u00e4kyv\u00e4ksi ja monimutkaisesta ymm\u00e4rrett\u00e4v\u00e4\u00e4.<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image tb-image tb-image-dynamic tb-image-frame-none\" data-toolset-blocks-image=\"5c4e066fb43c9ddaebbe151ee090762c\"><img decoding=\"async\" width=\"1918\" height=\"1080\" loading=\"lazy\" src=\"https:\/\/www.elomatic.com\/wp-content\/uploads\/2026\/05\/Visualization-the-innovation-tool-1918x1080.jpg\" alt=\"Visualization: The Innovation Tool\" class=\"wp-image-41464\" srcset=\"https:\/\/www.elomatic.com\/wp-content\/uploads\/2026\/05\/Visualization-the-innovation-tool-1918x1080.jpg 1918w, https:\/\/www.elomatic.com\/wp-content\/uploads\/2026\/05\/Visualization-the-innovation-tool-300x169.jpg 300w, https:\/\/www.elomatic.com\/wp-content\/uploads\/2026\/05\/Visualization-the-innovation-tool-768x432.jpg 768w, https:\/\/www.elomatic.com\/wp-content\/uploads\/2026\/05\/Visualization-the-innovation-tool-1536x865.jpg 1536w, https:\/\/www.elomatic.com\/wp-content\/uploads\/2026\/05\/Visualization-the-innovation-tool.jpg 1920w\"  sizes=\"(max-width: 1918px) 100vw, 1918px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n<\/div>\r\n\r\n\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n<\/div>\r\n\r\n\n\n\r\n<div id=\"ota-yhteytta\" data-sectionname=\"Ota yhteytt\u00e4\" data-sectionid=\"elomatic-section-block_83a853b84287f10ce609e3eeb628d0a9\"\r\n     class=\"elomatic-section wp-elements-d610bebb48d237945c81f87a1f0c2350 sectionTypo-normal noBackgroundImage has-valkoinen-color has-navy-blue-background-color has-none-gradient-background sectionBG-position-center align-items-start sectionHeightMin100VH_defunc natural-height noPadding  normalShapes   pageSection container-fluid Xd-sm-flex d-flex   positionRelative coverBackground \" style=\"background-image: url('');\" data-gradient=\"none\">\r\n\r\n\r\n    \r\n\r\n    <div data-backgroundcolor=\"navy-blue\" data-textcolor=\"valkoinen\" class=\"sectionBackgroundColorVeil has-navy-blue-background-color \"><\/div>\r\n\r\n\r\n    <div class=\"sectionGridWrapper\" data-fill=\"white\"\r\n         data-koodi=\"\" data-testikoodi=\"\">\r\n            <\/div>\r\n\r\n    <div class=\"sectionGridWrapperExtension\"><\/div>\r\n    <div class=\"container-sm sectionContent\">\r\n        <div class=\"row widthMedium\">\r\n            <div class=\"col-12 p-0\">\r\n                \n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"elomatic-noTopMargin\">Ota yhteytt\u00e4<\/h3>\n<\/div>\n<\/div>\n\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n<\/div>\r\n\r\n\n\n\r\n<div id=\"\"  data-sectionnameX=\"\" data-sectionidX=\"elomatic-section-block_444fcb6b6edafcd6d965c8a76f214184\"\r\n     class=\"elomatic-section sectionTypo-normal noBackgroundImage has-none-color has-menthe-blue-20-background-color align-items-start sectionHeightMin100VH_defunc natural-height noPadding  normalShapes  pageSection container-fluid p-0 Xd-sm-flex d-flex   positionRelative coverBackground \"  style=\"background-image: url('');\">\r\n    <div data-backgroundcolor=\"menthe-blue-20\" data-textcolor=\"none\" class=\"sectionBackgroundColorVeil has-menthe-blue-20-background-color \"><\/div>\r\n    <div class=\"sectionGridWrapper\" data-fill=\"white\"\r\n         data-koodi=\"\" data-testikoodi=\"\">\r\n        <div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.5\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"MB\" data-opacity=\"0.5\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"MB\" data-opacity=\"0.5\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.5\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0.5\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"MB\" data-opacity=\"0.5\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"MB\" data-opacity=\"0.5\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.5\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.5\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"0.5\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"0\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div>    <\/div>\r\n\r\n    <div class=\"sectionGridWrapperExtension\"><\/div>\r\n    <div class=\"container-fluid sectionContent\">\r\n        <div class=\"row \">\r\n            <div class=\"col-12 p-0\">\r\n                \n\r\n<div id=\"\" data-sectionname=\"\" data-sectionid=\"elomatic-section-block_25473e6b54caa8741fb8a39289e41281\"\r\n     class=\"elomatic-section sectionTypo-normal noBackgroundImage has-none-color has-none-background-color has-none-gradient-background sectionBG-position-center align-items-start sectionHeightMin100VH_defunc natural-height noPadding  normalShapes   pageSection container-fluid Xd-sm-flex d-flex   positionRelative coverBackground \" style=\"background-image: url('');\" data-gradient=\"none\">\r\n\r\n\r\n    \r\n\r\n    <div data-backgroundcolor=\"none\" data-textcolor=\"none\" class=\"sectionBackgroundColorVeil has-none-background-color \"><\/div>\r\n\r\n\r\n    <div class=\"sectionGridWrapper\" data-fill=\"white\"\r\n         data-koodi=\"\" data-testikoodi=\"\">\r\n            <\/div>\r\n\r\n    <div class=\"sectionGridWrapperExtension\"><\/div>\r\n    <div class=\"container-sm sectionContent\">\r\n        <div class=\"row widthMedium\">\r\n            <div class=\"col-12 p-0\">\r\n                \n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\r\n\r\n\r\n<div id=\"elomatic-section-block_099334b001003944c013635c6c5a9eac\" class=\"elomatic-phases container-fluid contactPersonContainer p-0\">\r\n    <div class=\"row contactPersonRow row-cols-sm-1 Xrow-cols-lg-2 Xrow-cols-xxl-2 row-cols-lg-2 row-cols-xxl-2\">\r\n\r\n        \r\n            \r\n                \r\n                <div class=\"contactPersonWrapper    largeContactImage \" data-published=\"publish\">\r\n\r\n                    <div class=\"contactPersonInner\">\r\n                                                    <div class=\"contactImage\">\r\n                                <img decoding=\"async\" src=\"https:\/\/www.elomatic.com\/wp-content\/uploads\/2023\/04\/niko.ihalainen@elomatic.com_.jpg\">\r\n                            <\/div>\r\n                        \r\n                        <div class=\"contactInfo\">\r\n                            <h6>Niko Ihalainen<\/h6>\r\n                            <p class=\"contactTitle\">Design Manager, Visualization<\/p>\r\n                            \r\n\r\n                                \r\n                                <div class=\"salesResp hide-term-level-0  \">\r\n\r\n                                    <ul>\t<li class='term-level-0' data-category-id='1111'><span>Data &amp; Digital<\/span>\n<ul class='children'>\n\t<li class='term-level-1' data-category-id='1514'><span>360\u00b0 solutions<\/span>\n<\/li>\n\t<li class='term-level-1' data-category-id='1156'><span>3D-kuvatuotanto<\/span>\n<\/li>\n\t<li class='term-level-1' data-category-id='1157'><span>Animaatiot<\/span>\n<\/li>\n\t<li class='term-level-1' data-category-id='1161'><span>K\u00e4ytt\u00e4j\u00e4kokemus<\/span>\n<\/li>\n\t<li class='term-level-1' data-category-id='1452'><span>UI-suunnittelu<\/span>\n<\/li>\n\t<li class='term-level-1' data-category-id='1165'><span>Visualisointi<\/span>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\r\n                                <\/div>\r\n                                                        <p>\r\n                                <a class=\"contactPhone\" href=\"tel:+358 44 7536 943\"><i class=\"fa-solid fa-phone\"><\/i>+358 44 7536 943<\/a>\r\n                                <a class=\"contactEmail\" href=\"mailto:niko.ihalainen@elomatic.com\"><i class=\"fa-solid fa-paper-plane\"><\/i>niko.ihalainen@elomatic.com<\/a>\r\n\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            \r\n            \r\n        \r\n    <\/div>\r\n\r\n<\/div><\/div>\n<\/div>\n\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n<\/div>\r\n\r\n\n\n\r\n<div id=\"\" data-sectionname=\"\" data-sectionid=\"elomatic-section-block_22b59b4ef8efc48e03026f7ca06999ed\"\r\n     class=\"elomatic-section sectionTypo-normal noBackgroundImage has-none-color has-none-background-color has-none-gradient-background sectionBG-position-center align-items-start sectionHeightMin100VH_defunc natural-height lightPadding  startShapesFromBottom   pageSection container-fluid Xd-sm-flex d-flex   positionRelative coverBackground \" style=\"background-image: url('');\" data-gradient=\"none\">\r\n\r\n\r\n    \r\n\r\n    <div data-backgroundcolor=\"none\" data-textcolor=\"none\" class=\"sectionBackgroundColorVeil has-none-background-color \"><\/div>\r\n\r\n\r\n    <div class=\"sectionGridWrapper\" data-fill=\"white\"\r\n         data-koodi=\"\" data-testikoodi=\"\">\r\n            <\/div>\r\n\r\n    <div class=\"sectionGridWrapperExtension\"><\/div>\r\n    <div class=\"container-sm sectionContent\">\r\n        <div class=\"row widthMedium\">\r\n            <div class=\"col-12 p-0\">\r\n                \n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"elomatic-noTopMargin\">Haluatko tiet\u00e4\u00e4 lis\u00e4\u00e4?<\/h4>\n\n\n\r\n\r\n\r\n<div id=\"elomatic-section-block_0f6cb9bf382b2a22b801fb0fc5f3e04e\" class=\"elomatic-phases container-fluid cta-semiauto-list-container\">\r\n    <div class=\"row ctaCardRow Xrow-cols-sm-1 Xrow-cols-lg-2 Xrow-cols-xxl-2\">\r\n\r\n\r\n        \r\n\r\n                <!-- cta kortti  -->\r\n                <div class=\"col-12 col-md-6 ctaCardWrapper \">\r\n                    <div class=\"CTAsemiCardInnerWrapper has-navy-blue-background-color\">\r\n                        <div class=\"CTAsemiCardInnerWrapperTop\" style=\"background-image: url('https:\/\/www.elomatic.com\/wp-content\/uploads\/2024\/09\/TS_hero-bg.jpg');\">\r\n                            <div class=\"CTAsemiCardPostType \">\r\n                                Palvelu                                <div class=\"CTAsemiCardPostTypeTriangle has-navy-blue-background-color\"><\/div>\r\n                            <\/div>\r\n                            <div class=\"CTAsemiCardPostTitle\">\r\n                                <h5>Visualisointi<\/h5>\r\n                                <div class=\"CTAsemiCardPostTitleBG has-navy-blue-background-color\"><\/div>\r\n                            <\/div>\r\n                            <!-- <a class=\"CTAsemiCardLink\" href=\"\"><\/a>-->\r\n                        <\/div>\r\n                        <div class=\"CTAsemiCardInnerWrapperBottom\">\r\n                            <div class=\"CTAexcerptWrapper\">\r\n                                <p>Teemme suunnitelmasi el\u00e4viksi ja tuemme markkinointiasi huippuluokan animaatioilla ja kuvilla. Elomaticin avulla tuotteesi ja palvelusi erottuvat edukseen ja vakuuttavat kohdeyleis\u00f6ns\u00e4. Kokenut tiimimme auttaa sinua tuotelanseerauksissa, konseptisuunnittelussa sek\u00e4 koulutusten ja tapahtumamateriaalien suunnittelussa ja toteutuksessa.<\/p>\n                            <\/div>\r\n\r\n                            <div class=\"CTAbottomTriangle   has-menthe-blue-background-color\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"linkButtonWrapper\">\r\n                                                            <a class=\"linkButton\" target=\"\" href=\"https:\/\/www.elomatic.com\/fi\/data-digital\/visualisointi\/\">Lue lis\u00e4\u00e4<\/a>\r\n                            \r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- \/cta kortti  -->\r\n\r\n            \r\n\r\n                <!-- cta kortti  -->\r\n                <div class=\"col-12 col-md-6 ctaCardWrapper \">\r\n                    <div class=\"CTAsemiCardInnerWrapper has-navy-blue-background-color\">\r\n                        <div class=\"CTAsemiCardInnerWrapperTop\" style=\"background-image: url('https:\/\/www.elomatic.com\/wp-content\/uploads\/2023\/11\/Mars-Rover-elomatic-visu-3d-production.jpg');\">\r\n                            <div class=\"CTAsemiCardPostType \">\r\n                                Palvelu                                <div class=\"CTAsemiCardPostTypeTriangle has-navy-blue-background-color\"><\/div>\r\n                            <\/div>\r\n                            <div class=\"CTAsemiCardPostTitle\">\r\n                                <h5>3D-kuvatuotanto<\/h5>\r\n                                <div class=\"CTAsemiCardPostTitleBG has-navy-blue-background-color\"><\/div>\r\n                            <\/div>\r\n                            <!-- <a class=\"CTAsemiCardLink\" href=\"\"><\/a>-->\r\n                        <\/div>\r\n                        <div class=\"CTAsemiCardInnerWrapperBottom\">\r\n                            <div class=\"CTAexcerptWrapper\">\r\n                                <p>Tuotelanseeraukset, -esitykset ja -koulutukset ovat vaikuttavampia, kun laadukkaat oheismateriaalit havainnollistavat viesti\u00e4. 3D-kuvatuotannon avulla on mahdollista esimerkiksi halkaista tuote tai luoda muita n\u00e4ytt\u00e4vi\u00e4 efektej\u00e4. AI-ty\u00f6kalujen avulla voimme luoda kustannustehokkaasti laadukkaita geneerisi\u00e4 ymp\u00e4rist\u00f6j\u00e4 ja visuaalisesti tehostettuja kuvia.\u00a0<\/p>\n                            <\/div>\r\n\r\n                            <div class=\"CTAbottomTriangle   has-menthe-blue-background-color\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"linkButtonWrapper\">\r\n                                                            <a class=\"linkButton\" target=\"\" href=\"https:\/\/www.elomatic.com\/fi\/data-digital\/visualisointi\/3d-kuvatuotanto\/\">Lue lis\u00e4\u00e4<\/a>\r\n                            \r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- \/cta kortti  -->\r\n\r\n            \r\n\r\n                <!-- cta kortti  -->\r\n                <div class=\"col-12 col-md-6 ctaCardWrapper \">\r\n                    <div class=\"CTAsemiCardInnerWrapper has-navy-blue-background-color\">\r\n                        <div class=\"CTAsemiCardInnerWrapperTop\" style=\"background-image: url('https:\/\/www.elomatic.com\/wp-content\/uploads\/2026\/05\/Visualization-the-innovation-tool.jpg');\">\r\n                            <div class=\"CTAsemiCardPostType \">\r\n                                Top Engineer                                <div class=\"CTAsemiCardPostTypeTriangle has-navy-blue-background-color\"><\/div>\r\n                            <\/div>\r\n                            <div class=\"CTAsemiCardPostTitle\">\r\n                                <h5>Visualization: the innovation tool most teams underuse<\/h5>\r\n                                <div class=\"CTAsemiCardPostTitleBG has-navy-blue-background-color\"><\/div>\r\n                            <\/div>\r\n                            <!-- <a class=\"CTAsemiCardLink\" href=\"\"><\/a>-->\r\n                        <\/div>\r\n                        <div class=\"CTAsemiCardInnerWrapperBottom\">\r\n                            <div class=\"CTAexcerptWrapper\">\r\n                                <p>Visualization is more than a way to present finished ideas. Used early and consistently, it helps innovation teams think through problems together, spot weak points before they become costly, and move from concept to solution with less friction.<\/p>\n                            <\/div>\r\n\r\n                            <div class=\"CTAbottomTriangle   has-menthe-blue-background-color\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"linkButtonWrapper\">\r\n                                                            <a class=\"linkButton\" target=\"_blank\" href=\"https:\/\/www.elomatic.com\/top-engineer\/visualization-the-innovation-tool-most-teams-underuse\/\">Lue lis\u00e4\u00e4<\/a>\r\n                            \r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- \/cta kortti  -->\r\n\r\n            \r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n<\/div>\n<\/div>\n\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n<\/div>\r\n\r\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n<\/div>\r\n\r\n","protected":false},"excerpt":{"rendered":"<p>3D-animaatiolla havainnollistat tuotteesi tai konseptisi toimintaa, suunnitelmia, laitteiden k\u00e4ytt\u00f6\u00e4 ja huoltokoulutuksia br\u00e4ndisi mukaisesti. Animaatio n\u00e4ytt\u00e4\u00e4 asioita, joihin videokuvaus ei pysty, kuten rakentamattomia laitoksia, tuotteen sis\u00e4ll\u00e4 tapahtuvia prosesseja sek\u00e4 virtauksia. Animaatiotuotantoa ja visuaalisuutta on mahdollista tehostaa AI-ty\u00f6kalujen avulla.\u00a0<\/p>\n","protected":false},"author":3,"featured_media":25655,"parent":39357,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"business-unit":[],"insight-theme":[],"industryx":[],"class_list":["post-39377","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.6 (Yoast SEO v28.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>3D-animaatiot - Elomatic<\/title>\n<meta name=\"description\" content=\"3D-animaatiolla havainnollistat tuotteesi tai konseptisi toimintaa, suunnitelmia, laitteiden k\u00e4ytt\u00f6\u00e4 ja huoltokoulutuksia br\u00e4ndisi mukaisesti. Animaatio n\u00e4ytt\u00e4\u00e4 asioita, joihin videokuvaus ei pysty, kuten rakentamattomia laitoksia, tuotteen sis\u00e4ll\u00e4 tapahtuvia prosesseja sek\u00e4 virtauksia. Animaatiotuotantoa ja visuaalisuutta on mahdollista tehostaa AI-ty\u00f6kalujen avulla.\u00a0\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.elomatic.com\/fi\/data-digital\/visualisointi\/3d-animaatiot\/\" \/>\n<meta property=\"og:locale\" content=\"fi_FI\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"3D-animaatiot\" \/>\n<meta property=\"og:description\" content=\"3D-animaatiolla havainnollistat tuotteesi tai konseptisi toimintaa, suunnitelmia, laitteiden k\u00e4ytt\u00f6\u00e4 ja huoltokoulutuksia br\u00e4ndisi mukaisesti. Animaatio n\u00e4ytt\u00e4\u00e4 asioita, joihin videokuvaus ei pysty, kuten rakentamattomia laitoksia, tuotteen sis\u00e4ll\u00e4 tapahtuvia prosesseja sek\u00e4 virtauksia. Animaatiotuotantoa ja visuaalisuutta on mahdollista tehostaa AI-ty\u00f6kalujen avulla.\u00a0\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.elomatic.com\/fi\/data-digital\/visualisointi\/3d-animaatiot\/\" \/>\n<meta property=\"og:site_name\" content=\"Elomatic\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elomaticoy\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-15T12:09:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.elomatic.com\/clwrk\/wp-content\/uploads\/2023\/11\/visual-concept-and-project-images.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"992\" \/>\n\t<meta property=\"og:image:height\" content=\"558\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@ElomaticOy\" \/>\n<meta name=\"twitter:label1\" content=\"Arvioitu lukuaika\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuutti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.elomatic.com\\\/fi\\\/data-digital\\\/visualisointi\\\/3d-animaatiot\\\/\",\"url\":\"https:\\\/\\\/www.elomatic.com\\\/fi\\\/data-digital\\\/visualisointi\\\/3d-animaatiot\\\/\",\"name\":\"3D-animaatiot - Elomatic\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.elomatic.com\\\/fi\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.elomatic.com\\\/fi\\\/data-digital\\\/visualisointi\\\/3d-animaatiot\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.elomatic.com\\\/fi\\\/data-digital\\\/visualisointi\\\/3d-animaatiot\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.elomatic.com\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/visual-concept-and-project-images.jpg\",\"datePublished\":\"2026-02-10T12:54:48+00:00\",\"dateModified\":\"2026-10-15T12:09:39+00:00\",\"description\":\"3D-animaatiolla havainnollistat tuotteesi tai konseptisi toimintaa, suunnitelmia, laitteiden k\u00e4ytt\u00f6\u00e4 ja huoltokoulutuksia br\u00e4ndisi mukaisesti. Animaatio n\u00e4ytt\u00e4\u00e4 asioita, joihin videokuvaus ei pysty, kuten rakentamattomia laitoksia, tuotteen sis\u00e4ll\u00e4 tapahtuvia prosesseja sek\u00e4 virtauksia. Animaatiotuotantoa ja visuaalisuutta on mahdollista tehostaa AI-ty\u00f6kalujen avulla.\u00a0\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.elomatic.com\\\/fi\\\/data-digital\\\/visualisointi\\\/3d-animaatiot\\\/#breadcrumb\"},\"inLanguage\":\"fi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.elomatic.com\\\/fi\\\/data-digital\\\/visualisointi\\\/3d-animaatiot\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fi\",\"@id\":\"https:\\\/\\\/www.elomatic.com\\\/fi\\\/data-digital\\\/visualisointi\\\/3d-animaatiot\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.elomatic.com\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/visual-concept-and-project-images.jpg\",\"contentUrl\":\"https:\\\/\\\/www.elomatic.com\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/visual-concept-and-project-images.jpg\",\"width\":992,\"height\":558,\"caption\":\"Visual Concept And Project Images\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.elomatic.com\\\/fi\\\/data-digital\\\/visualisointi\\\/3d-animaatiot\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Etusivu\",\"item\":\"https:\\\/\\\/www.elomatic.com\\\/fi\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Data &amp; Digital\",\"item\":\"https:\\\/\\\/www.elomatic.com\\\/fi\\\/data-digital\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Visualisointi\",\"item\":\"https:\\\/\\\/www.elomatic.com\\\/fi\\\/data-digital\\\/visualisointi\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"3D-animaatiot\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.elomatic.com\\\/fi\\\/#website\",\"url\":\"https:\\\/\\\/www.elomatic.com\\\/fi\\\/\",\"name\":\"Elomatic\",\"description\":\"Visions of Tomorrow, Engineered Today\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.elomatic.com\\\/fi\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.elomatic.com\\\/fi\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fi\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.elomatic.com\\\/fi\\\/#organization\",\"name\":\"Elomatic\",\"url\":\"https:\\\/\\\/www.elomatic.com\\\/fi\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fi\",\"@id\":\"https:\\\/\\\/www.elomatic.com\\\/fi\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.elomatic.com\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/Elomatic_Logo_Slogan_RGB.png\",\"contentUrl\":\"https:\\\/\\\/www.elomatic.com\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/Elomatic_Logo_Slogan_RGB.png\",\"width\":1848,\"height\":521,\"caption\":\"Elomatic\"},\"image\":{\"@id\":\"https:\\\/\\\/www.elomatic.com\\\/fi\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/elomaticoy\",\"https:\\\/\\\/x.com\\\/ElomaticOy\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/elomatic\",\"https:\\\/\\\/www.instagram.com\\\/elomaticoy\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCclTiQQtIi7d4oCK9M-fjOA\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"3D-animaatiot - Elomatic","description":"3D-animaatiolla havainnollistat tuotteesi tai konseptisi toimintaa, suunnitelmia, laitteiden k\u00e4ytt\u00f6\u00e4 ja huoltokoulutuksia br\u00e4ndisi mukaisesti. Animaatio n\u00e4ytt\u00e4\u00e4 asioita, joihin videokuvaus ei pysty, kuten rakentamattomia laitoksia, tuotteen sis\u00e4ll\u00e4 tapahtuvia prosesseja sek\u00e4 virtauksia. Animaatiotuotantoa ja visuaalisuutta on mahdollista tehostaa AI-ty\u00f6kalujen avulla.\u00a0","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.elomatic.com\/fi\/data-digital\/visualisointi\/3d-animaatiot\/","og_locale":"fi_FI","og_type":"article","og_title":"3D-animaatiot","og_description":"3D-animaatiolla havainnollistat tuotteesi tai konseptisi toimintaa, suunnitelmia, laitteiden k\u00e4ytt\u00f6\u00e4 ja huoltokoulutuksia br\u00e4ndisi mukaisesti. Animaatio n\u00e4ytt\u00e4\u00e4 asioita, joihin videokuvaus ei pysty, kuten rakentamattomia laitoksia, tuotteen sis\u00e4ll\u00e4 tapahtuvia prosesseja sek\u00e4 virtauksia. Animaatiotuotantoa ja visuaalisuutta on mahdollista tehostaa AI-ty\u00f6kalujen avulla.\u00a0","og_url":"https:\/\/www.elomatic.com\/fi\/data-digital\/visualisointi\/3d-animaatiot\/","og_site_name":"Elomatic","article_publisher":"https:\/\/www.facebook.com\/elomaticoy","article_modified_time":"2026-10-15T12:09:39+00:00","og_image":[{"width":992,"height":558,"url":"https:\/\/www.elomatic.com\/clwrk\/wp-content\/uploads\/2023\/11\/visual-concept-and-project-images.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@ElomaticOy","twitter_misc":{"Arvioitu lukuaika":"1 minuutti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.elomatic.com\/fi\/data-digital\/visualisointi\/3d-animaatiot\/","url":"https:\/\/www.elomatic.com\/fi\/data-digital\/visualisointi\/3d-animaatiot\/","name":"3D-animaatiot - Elomatic","isPartOf":{"@id":"https:\/\/www.elomatic.com\/fi\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.elomatic.com\/fi\/data-digital\/visualisointi\/3d-animaatiot\/#primaryimage"},"image":{"@id":"https:\/\/www.elomatic.com\/fi\/data-digital\/visualisointi\/3d-animaatiot\/#primaryimage"},"thumbnailUrl":"https:\/\/www.elomatic.com\/wp-content\/uploads\/2023\/11\/visual-concept-and-project-images.jpg","datePublished":"2026-02-10T12:54:48+00:00","dateModified":"2026-10-15T12:09:39+00:00","description":"3D-animaatiolla havainnollistat tuotteesi tai konseptisi toimintaa, suunnitelmia, laitteiden k\u00e4ytt\u00f6\u00e4 ja huoltokoulutuksia br\u00e4ndisi mukaisesti. Animaatio n\u00e4ytt\u00e4\u00e4 asioita, joihin videokuvaus ei pysty, kuten rakentamattomia laitoksia, tuotteen sis\u00e4ll\u00e4 tapahtuvia prosesseja sek\u00e4 virtauksia. Animaatiotuotantoa ja visuaalisuutta on mahdollista tehostaa AI-ty\u00f6kalujen avulla.\u00a0","breadcrumb":{"@id":"https:\/\/www.elomatic.com\/fi\/data-digital\/visualisointi\/3d-animaatiot\/#breadcrumb"},"inLanguage":"fi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.elomatic.com\/fi\/data-digital\/visualisointi\/3d-animaatiot\/"]}]},{"@type":"ImageObject","inLanguage":"fi","@id":"https:\/\/www.elomatic.com\/fi\/data-digital\/visualisointi\/3d-animaatiot\/#primaryimage","url":"https:\/\/www.elomatic.com\/wp-content\/uploads\/2023\/11\/visual-concept-and-project-images.jpg","contentUrl":"https:\/\/www.elomatic.com\/wp-content\/uploads\/2023\/11\/visual-concept-and-project-images.jpg","width":992,"height":558,"caption":"Visual Concept And Project Images"},{"@type":"BreadcrumbList","@id":"https:\/\/www.elomatic.com\/fi\/data-digital\/visualisointi\/3d-animaatiot\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Etusivu","item":"https:\/\/www.elomatic.com\/fi\/"},{"@type":"ListItem","position":2,"name":"Data &amp; Digital","item":"https:\/\/www.elomatic.com\/fi\/data-digital\/"},{"@type":"ListItem","position":3,"name":"Visualisointi","item":"https:\/\/www.elomatic.com\/fi\/data-digital\/visualisointi\/"},{"@type":"ListItem","position":4,"name":"3D-animaatiot"}]},{"@type":"WebSite","@id":"https:\/\/www.elomatic.com\/fi\/#website","url":"https:\/\/www.elomatic.com\/fi\/","name":"Elomatic","description":"Visions of Tomorrow, Engineered Today","publisher":{"@id":"https:\/\/www.elomatic.com\/fi\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.elomatic.com\/fi\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fi"},{"@type":"Organization","@id":"https:\/\/www.elomatic.com\/fi\/#organization","name":"Elomatic","url":"https:\/\/www.elomatic.com\/fi\/","logo":{"@type":"ImageObject","inLanguage":"fi","@id":"https:\/\/www.elomatic.com\/fi\/#\/schema\/logo\/image\/","url":"https:\/\/www.elomatic.com\/wp-content\/uploads\/2023\/05\/Elomatic_Logo_Slogan_RGB.png","contentUrl":"https:\/\/www.elomatic.com\/wp-content\/uploads\/2023\/05\/Elomatic_Logo_Slogan_RGB.png","width":1848,"height":521,"caption":"Elomatic"},"image":{"@id":"https:\/\/www.elomatic.com\/fi\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elomaticoy","https:\/\/x.com\/ElomaticOy","https:\/\/www.linkedin.com\/company\/elomatic","https:\/\/www.instagram.com\/elomaticoy\/","https:\/\/www.youtube.com\/channel\/UCclTiQQtIi7d4oCK9M-fjOA"]}]}},"_links":{"self":[{"href":"https:\/\/www.elomatic.com\/fi\/wp-json\/wp\/v2\/pages\/39377","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.elomatic.com\/fi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.elomatic.com\/fi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.elomatic.com\/fi\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.elomatic.com\/fi\/wp-json\/wp\/v2\/comments?post=39377"}],"version-history":[{"count":17,"href":"https:\/\/www.elomatic.com\/fi\/wp-json\/wp\/v2\/pages\/39377\/revisions"}],"predecessor-version":[{"id":43073,"href":"https:\/\/www.elomatic.com\/fi\/wp-json\/wp\/v2\/pages\/39377\/revisions\/43073"}],"up":[{"embeddable":true,"href":"https:\/\/www.elomatic.com\/fi\/wp-json\/wp\/v2\/pages\/39357"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.elomatic.com\/fi\/wp-json\/wp\/v2\/media\/25655"}],"wp:attachment":[{"href":"https:\/\/www.elomatic.com\/fi\/wp-json\/wp\/v2\/media?parent=39377"}],"wp:term":[{"taxonomy":"business-unit","embeddable":true,"href":"https:\/\/www.elomatic.com\/fi\/wp-json\/wp\/v2\/business-unit?post=39377"},{"taxonomy":"insight-theme","embeddable":true,"href":"https:\/\/www.elomatic.com\/fi\/wp-json\/wp\/v2\/insight-theme?post=39377"},{"taxonomy":"industryx","embeddable":true,"href":"https:\/\/www.elomatic.com\/fi\/wp-json\/wp\/v2\/industryx?post=39377"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}