#ilmoittaudu,#roadshowhero{background-position-x:center;background-position-y:150%;background-repeat:repeat-x;background-size:110% auto;position:relative;transition:background 1s ease}#ilmoittaudu,#roadshowhero.active{background-position-y:100%}.logocontainer{padding:30px 0}.logocontainer img.logo{margin:0;max-width:550px;width:80%}#roadshowhero .wrap{align-items:center;display:grid;gap:50px 100px;grid-template-columns:1.5fr 1fr;margin:0 auto;max-width:1240px;padding:0 32px;position:relative;z-index:1}#roadshowhero .preheader{background:#fc0;border-radius:30px;display:inline-block;font-size:13px;margin-bottom:15px;padding:10px 15px}#roadshowhero h1{margin-bottom:15px}#roadshowhero .preheader .icon{display:inline-block;height:15px;margin-right:5px;width:15px}#roadshowhero .preheader .icon svg{width:13px}#roadshowhero a.btn.btn-primary{background:#fc0;border-radius:30px;color:#404040;display:inline-block;font-size:18px;margin-bottom:15px;padding:10px 25px;text-decoration:none}#roadshowhero a.btn.btn-primary:hover{background:#404040;color:#fff}#roadshowhero h3.cta-text{font-size:20px;left:60%;max-width:175px;opacity:0;position:absolute;text-align:center;top:35%;transform:translate(-50%) scale(0);transition:all .5s ease 2s;width:58%;z-index:1}#roadshowhero .content-r.active h3.cta-text{opacity:1;transform:translate(-50%) scale(1)}#roadshowhero h3.cta-text:after{animation:bounce2 2s ease infinite;border:solid #fdcb01;border-width:0 5px 5px 0;bottom:-50px;content:"";display:inline-block;left:50%;padding:5px;position:absolute;transform:translate(-50%) rotate(45deg)}@keyframes bounce2{0%,20%,50%,80%,to{transform:translateY(0) rotate(45deg)}40%{transform:translateY(-30px) rotate(45deg)}60%{transform:translateY(-15px) rotate(45deg)}}.ikonit{display:flex;flex-wrap:wrap;gap:5px;margin:32px 0 36px}.nostoikoni{align-items:center;display:flex;gap:0 5px;padding:5px 0;width:30%}.nostoikoni div.icon{background:#fdf1bf;border-radius:50%;height:60px;text-align:center;width:60px}.nostoikoni div.text{font-size:15px;font-weight:400;line-height:1}.nostoikoni div.icon svg{height:auto;margin:0 auto;padding:15px;width:60px}.content-r{position:relative}.content-r img.map{filter:brightness(.97);height:auto;width:100%;z-index:0}.content-r img.roadshowlogo{height:auto;left:0;left:57%;opacity:1;position:absolute;top:25%;transform:translate(-50%);transition:.8s ease-out;width:20%;z-index:1}.content-r div.markkeri{position:absolute;transform:scale(.1);transition:all .5s ease;width:7%;z-index:2}.content-r div.markkeri img{width:100%}.content-r.active div.markkeri{transform:scale(1)}.content-r.active div.markkeri:hover{cursor:pointer;transition-delay:0!important;transition:.3s ease!important}.content-r div.markkeri:before{bottom:-20px;content:"Vaasa";font-size:12px;left:-10px;opacity:0;position:absolute;transition:opacity .3s linear;z-index:1}.content-r div.markkeri.hki:before{content:"Helsinki"}.content-r div.markkeri.tur:before{content:"Turku"}.content-r div.markkeri.tre:before{content:"Tampere"}.content-r div.markkeri.kuo:before{content:"Kuopio"}.content-r div.markkeri.vaa:before{content:"Vaasa"}.content-r div.markkeri:after{bottom:-35px;content:"15.9";font-size:13px;font-weight:700;left:-3px;opacity:0;position:absolute;transition:opacity .3s linear;z-index:1}.content-r div.markkeri.hki:after{content:"18.8"}.content-r div.markkeri.tur:after{content:"8.9"}.content-r div.markkeri.tre:after{content:"25.8"}.content-r div.markkeri.kuo:after{content:"1.9"}.content-r div.markkeri.vaa:after{content:"15.9"}.content-r.active div.markkeri:after,.content-r.active div.markkeri:before{opacity:1}.content-r div.reitit{height:100%;left:0;position:absolute;top:0;width:100%}.content-r div.reitit .route1{background-repeat:no-repeat!important;background-size:auto 100%!important;bottom:11%;clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);height:7%;left:37%!important;position:absolute;transition:none;transition-delay:0s;width:30%;z-index:0}.content-r.active div.reitit .route1{transition:all 1s linear!important;transition-delay:.8s !improtant}.content-r div.reitit .route2{background-position:0 0;background-repeat:no-repeat;background-size:100% auto;bottom:18.5%;clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);height:10%;left:36.3%;position:absolute;transition:none;transition-delay:none;width:31%;z-index:0}.content-r.active div.reitit .route2{transition:all 1s linear!important;transition-delay:1s!important}.content-r div.reitit .route3{background-position:0 0;background-repeat:no-repeat;background-size:100% auto;bottom:10%!important;clip-path:polygon(0 0,100% 0,100% 0,0 0);height:20%;left:25%;position:absolute;transition:none;transition-delay:none;width:40%;z-index:0}.content-r.active div.reitit .route3{transition:all 1.5s ease-in!important;transition-delay:2.1s!important}.content-r div.reitit .route4{background-repeat:no-repeat;background-size:100% auto;bottom:13%;clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);height:17%;left:20%;position:absolute;transition:none;transition-delay:0;width:7%;z-index:0}.content-r.active div.reitit .route4{transition:all 1.5s ease-out!important;transition-delay:3.2s!important}.content-r.active div.reitit .route1,.content-r.active div.reitit .route2,.content-r.active div.reitit .route3,.content-r.active div.reitit .route4{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}div.markkeri{bottom:70%;left:56%}.content-r.active div.markkeri.hki{bottom:7%;left:42%;top:auto;transform:scale(1)}.content-r.active div.markkeri.tur{bottom:9%;left:21%;top:auto;transition-delay:.6s}.content-r.active div.markkeri.tre{bottom:17%;left:33%;top:auto;transition-delay:.2s}.content-r.active div.markkeri.kuo{bottom:28%;left:64%;top:auto;transition-delay:.4s}.content-r.active div.markkeri.vaa{bottom:30%;left:16%;top:auto;transition-delay:.8s}div.markkeri span{background:#ffc107;left:50%;line-height:1;position:absolute;top:3px;WIDTH:70%;TEXT-ALIGN:center;border-radius:50%;color:#fff;display:none;font-weight:700;transform:translate(-50%)}@media(max-width:991px){#roadshowhero .wrap{grid-template-columns:1fr;padding:40px 10px;width:90%}#roadshowhero .wrap .content-l{order:1}#roadshowhero .wrap .content-r{margin:0 auto;max-width:350px;order:2}.nostoikoni{width:100%}}@media(max-width:580px){#roadshowhero,#roadshowhero.active{background-position-y:100%;background-size:204% auto;transition:none}#roadshowhero h3.cta-text{font-size:15px}#roadshowhero .wrap{gap:0}#roadshowhero h1{font-size:35px!important}#roadshowhero a.btn.btn-primary{font-size:14px;padding:10px;text-align:center}#roadshowhero .wrap .content-r{margin:0 auto;max-width:250px;order:2}}