header.gb-header.gb-header--default.is-fixed.is-scrolled:not(.scrollUp){transform:translateY(-72px)!important}.erp-timeline{margin:auto;min-height:100vh;padding:40px 0;position:relative}.erp-timeline:before{background:url(https://lemonsoft.fi/hubfs/KUVAT%20webin%20uudistus/Muut%20koot/erp-prosessi-bg.png);background-repeat:no-repeat;background-size:cover;content:"";height:100%;left:0;opacity:.45;pointer-events:none;position:absolute;top:0;width:100vw;z-index:-1}.container{background:hsla(0,0%,100%,.4);display:grid;gap:50px 3px;grid-template-columns:1fr 3fr;margin:0 auto;max-width:1240px;padding:20px;position:relative;width:90%}@media(min-width:1000px){.vaihemenu,vaihe-content{min-height:700px}}.vaihemenu{padding:0;transition:all .5s ease-in-out;ul{list-style:none;padding-left:0;position:relative;&:before{background:#f8c300;height:var(--top-height);transition:height .5s ease;z-index:0;z-index:1}&:after,&:before{content:"";left:33px;position:absolute;top:0;width:2px}&:after{background:#e9f4ff;height:100%;z-index:0}li.vaihevalinta{align-items:center;color:#000;column-gap:20px;display:flex;padding:10px 0 10px 10px;span.num{background:#e9f4ff;border-radius:50%;cursor:default;height:45px;line-height:45px;position:relative;text-align:center;transition:all .5s ease-in-out;width:45px;z-index:2}span.vaihenimi{svg{background:none;height:20px;line-height:30px;width:20px}}&.ohi{span.num{background:#ffdc77}}&.active{border-right:2px solid #f8c300;color:#000;span.num{background:#f8c300;color:#fff}}}}}@media(min-width:1000px){.vaihemenu{& ul{& li.vaihevalinta{& span.vaihenimi{svg{display:none}}}}}}ul .vaihevalinta:first-child span.num:before{content:none!important}.vaihecontent{padding:1rem 3rem;position:relative}.vaihecontent .vaihe{inset:0;opacity:0;position:absolute;visibility:hidden}.vaihecontent .vaihe.active{opacity:1;position:relative;visibility:visible}.vaihe .sis{display:grid;gap:50px 3px;grid-template-columns:1fr 1fr}.erp-timeline.go{background-position:top 85vh center}div#projektivaiheet{counter-reset:vaihe}div#projektinvaiheet .vaihe{counter-increment:vaihe}.vaihe h3{font-size:clamp(1.875rem,1.732vw + 1.427rem,2.813rem);line-height:clamp(2.813rem,1.559vw + 2.409rem,3.656rem);line-height:1;&:before{color:#fc0;content:"0" counter(vaihe) "";display:inline-block;display:block;font-size:clamp(2.813rem,2.887vw + 2.066rem,4.375rem);font-weight:900;margin-right:20px}}.vaihe .kuva{margin-top:80px;position:relative}.vaihe .kuva img{aspect-ratio:1/.8;border-radius:75% 45%;filter:brightness(.8);object-fit:cover;position:relative;width:100%;z-index:1}.vaihe.vaihe-5 .kuva img{object-position:left center}.vaihe .kuva:before{aspect-ratio:1/.8;background:#fc0;border-radius:75% 45%;content:"";object-fit:cover;position:absolute;transform:translate(10px,10px);width:100%;z-index:0}div#projektinvaiheet .vaihe .icon svg{height:50px;object-fit:fill;width:50px}div#projektinvaiheet .vaihe .icon{align-items:center;background:#fff;border-radius:50%;display:flex;height:100px;justify-content:center;margin:10px 0 10px 3rem;position:relative;position:absolute;right:-38px;text-align:center;top:-18px;width:auto;width:100px;z-index:2}div#projektinvaiheet .vaihe .icon:before{background:#3f3f3f;border-radius:50%;bottom:1px;color:#fff;content:"" counter(vaihe) "";content:none!important;height:30px;padding-top:2px;position:absolute;right:4px;transform:scale(.8);transition:all .3s ease;width:30px}div#projektinvaiheet .vaihe.active .icon:before{transform:scale(1)}div#projektinvaiheet .vaihe .icon svg{fill:#fc0;height:40px;transform:scale(0);transition:all .5s ease-in-out}div#projektinvaiheet .vaihe.active .icon svg{transform:scale(1.2)}div#projektinvaiheet .vaihe span.vastuu{border:1px solid #666;border-radius:35px;display:inline-block;font-size:12px;margin:10px 0;padding:3px 10px;position:relative}div#projektinvaiheet .vaihe span.vastuu:before{background:#fc0;border-radius:50%;content:"";display:inline-block;height:12px;margin-right:5px;transform:translateY(2px);width:12px}div#projektinvaiheet .vaihe span.vastuu.asiakas:before{background:#666}div#projektinvaiheet .vaihe span.vastuu.yhdessa:before{background:linear-gradient(90deg,#fc0 2%,#fc0 50%,#666 0,#666 96%)}div#projektinvaiheet .vaihe .kuvaus{position:relative}div#projektinvaiheet .vaihe .kuvaus .teksti{padding:15px 0;text-align:left}div#projektinvaiheet .vaihe .tip .tip-content{background:#fbf8ed;border:1px solid #fc0;border-radius:20px;font-size:clamp(.813rem,.346vw + .723rem,.9rem);height:auto;margin-bottom:20px;padding:20px;width:100%}div#projektinvaiheet .vaihe .tip .tip-content:before{content:"Vinkki";display:block;font-weight:700;margin-bottom:10px}div#projektinvaiheet .vaihecontent .vaihe .sis{.kuvaus{h3{opacity:0;transform:translate(-40px)}.teksti,.tip{opacity:0;transform:translate(0)}}}div#projektinvaiheet .vaihecontent .vaihe.active .sis .kuvaus{.teksti,.tip,h3{opacity:1;transform:translate(0)}}div#projektinvaiheet .vaihecontent .nextprev{bottom:10px;left:0;position:absolute;text-align:right;width:100%;button#prev{background:#e1e1e1}button#next,button#prev{border:none;color:#000;font-size:12px;margin-left:20px;padding:10px 20px}button#next{background:#fecb00}}.kayttoonotto-header{margin:0 auto;max-width:1200px;padding:100px 0 50px;text-align:center;width:90%}.kayttoonotto-header h2{margin-bottom:20px}.kayttoonotto-header .vastuut span{display:inline-block;margin-right:30px;opacity:0;position:relative;transform:scale(.1);transform-origin:bottom center;transition:all .5s ease .3s}.kayttoonotto-header .vastuut span:nth-child(2){transition-delay:.55s}.kayttoonotto-header .vastuut span:nth-child(3){transition-delay:.85s}.kayttoonotto-header .vastuut.active span{opacity:1;transform:scale(1)}.kayttoonotto-header .vastuut span:before{background:#fc0;border-radius:50%;content:"";display:inline-block;height:30px;margin-right:7px;transform:translateY(9px);width:30px}.kayttoonotto-header .vastuut span.asiakas:before{background:#666}.kayttoonotto-header .vastuut span.yhdessa:before{background:linear-gradient(0deg,#fc0 2%,#fc0 50%,#666 0,#666 96%)}.vaihecontent .mobvaihe{display:none}@media(max-width:1000px){.vaihecontent{width:100%;.sis{gap:5px 3px;grid-template-columns:1fr}.mobvaihe{display:block;a.vaiheback{font-size:14px;text-decoration:none;&:before{content:"\2039";display:inline-block;margin-right:10px}}ul.mobvaihemenu{border-bottom:1px solid rgba(0,0,0,.2);border-top:1px solid rgba(0,0,0,.2);display:grid;grid-template-columns:repeat(6,1fr);list-style:none;padding:15px 0;position:relative;&:before{background:#f8c300;transition:width .5s ease;width:var(--top-width);z-index:0;z-index:1}&:after,&:before{content:"";height:1px;left:0;position:absolute;top:24px}&:after{background:#ecf0f4;width:100%;z-index:0}li.vaihevalinta{cursor:pointer;span.num{background:#ecf0f4;border-radius:50%;display:block;height:20px;line-height:20px;position:relative;text-align:center;width:20px;z-index:2}&.active{span.num{background:#f8c300;color:#fff}}&.ohi{span.num{background:#fff4d4!important}}}}}}.kayttoonotto-header{text-align:left}.erp-timeline,.erp-timeline.hori{.container{background:hsla(0,0%,100%,.4);display:grid;gap:50px 3px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:unset;overflow:hidden;padding:0;position:relative;width:200%;.vaihecontent,.vaihemenu{transition:all .5s ease;transition-delay:0s}&.show{.vaihecontent,.vaihemenu{margin-left:-100%;transition-delay:.8s}}}}.vaihemenu{width:100%;& ul{& li.vaihevalinta{display:block;line-height:30px;position:relative;span.num{display:inline-block;height:30px;line-height:30px;margin-right:6px;transform:translateY(-5px);width:30px}&.ohi{span.num{background:#fff4d4}}span.vaihenimi{background:#f9fcff!important;border:1px solid #00000008;border-radius:10px;display:inline-block;font-size:12px;padding:5px;width:calc(100% - 50px);&:after{content:"\203A";display:inline-block;float:right;font-size:20px}span.hs_cos_wrapper_type_icon{background:#e9f4ff;border-radius:50%;display:inline-block;height:30px!important;line-height:30px!important;padding-top:4px;text-align:center;width:30px!important;svg{fill:#6b6b6b}}}&.active{border:none;span.vaihenimi{background:#fbf8ed!important;span.hs_cos_wrapper_type_icon{background:#f9eab1!important}}}&:before{border-radius:50%;content:"";height:8px;position:absolute;right:30px;top:calc(50% - 5px);width:8px}&.lemonsoft:before{background:#fecb00}&.yhdessa:before{background:linear-gradient(0deg,#fc0 2%,#fc0 50%,#666 0,#666 96%)}&.asiakas:before{background:#666}}&:after,&:before{left:23px}}}.vaihecontent{touch-action:pan-y}.vaihecontent{padding:1rem;.kuva{margin-top:20px}.kuva img,.kuva:before{width:85%}}div#projektinvaiheet .vaihecontent .vaihe.active .sis .kuvaus{order:2}div#projektinvaiheet .vaihecontent .nextprev{border-top:1px solid rgba(0,0,0,.1);padding:20px;position:static}div#projektinvaiheet .vaihe .icon{height:75px;right:49px;text-align:center;top:1px;width:75px;svg{height:25px}}}@media(min-width:1000px){.erp-timeline.hori{.container{display:block;padding-bottom:60px;.vaihemenu{min-height:unset}.vaihe .sis{gap:50px 25px}.vaihemenu ul{display:grid;grid-template-columns:repeat(6,1fr);&:before{background:#f8c300;transition:width .5s ease;width:calc(var(--top-width) + 80px);z-index:0;z-index:1}&:after,&:before{content:"";height:2px;left:0;position:absolute;top:31px}&:after{background:#ecf0f4;width:2px;width:100%;z-index:0}li.vaihevalinta{display:block;font-size:12px;text-align:center;&.active{border-right:0}span.num{display:block;font-size:12px;margin:0 auto;text-align:center}}}}div#projektinvaiheet .vaihe .icon{height:150px;width:150px;svg{height:65px}}div#projektinvaiheet .vaihecontent .nextprev{bottom:-40px;left:40px;text-align:left}div#projektinvaiheet .vaihe span.vastuu{font-size:16px}div#projektinvaiheet .vaihe span.vastuu:before{height:16px;width:16px}}}.tip{margin-top:10px;max-width:85%}.lisacontent{line-height:1.5;margin:80px auto;max-width:800px;position:relative;text-align:center;width:90%}.lisacontent:before{background:#fdca01;content:"";height:80px;left:50%;position:absolute;top:-80px;width:2px}.lisacontent h2{color:#fdca01;font-size:80px}.lisacontent h3{margin-bottom:20px}.lisacontent a{background:#5c5c5c;border-radius:25px;color:#fff;display:inline-block;margin:20px auto;padding:10px 20px;text-decoration:none}.lisacontent a:hover{background:#fdca01;border-radius:0;color:#000}