@font-face{font-family:'Teko';font-style:normal;font-weight:300 700;font-display:swap;src:url(./fonts/teko.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Hind';font-style:normal;font-weight:400;font-display:swap;src:url(./fonts/hind.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Hind';font-style:normal;font-weight:700;font-display:swap;src:url(./fonts/hindb.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html{margin:0;overflow-y:scroll;font-family:"Teko",'Segoe UI',Tahoma,helvetica;font-size:16px}body{font-size:normal;color:#000;background:#fff;@media (prefers-color-scheme:dark){color:silver;background:#202020}font-weight:400;font-style:normal;text-decoration:none;font-size:1.3rem;margin:0;letter-spacing:normal}div,span,p{margin:0 0 .5rem;padding:0}img{border:none;margin:0;padding:0;vertical-align:bottom;background:#fff0}p{font-family:"Hind","Teko",'Segoe UI',Tahoma,helvetica;font-size:1rem}em{font-weight:400;font-style:normal;text-decoration:none;color:#457ede}a em,em a{text-decoration:none;color:inherit}div.sticky{display:block;top:0;position:sticky;z-index:100;background:#fff;@media (prefers-color-scheme:dark){background:#202020}box-shadow:0 13px 25px -12px rgb(0 0 0 / .25)}.container{display:block;width:100%;height:auto;padding:0;margin:0;box-sizing:border-box}.flex{display:flex;box-sizing:border-box;@media (max-width:1000px){flex-wrap:wrap;justify-content:space-evenly}}.center{text-align:center;justify-content:center}.centerv{text-align:left;justify-content:center}.topbar{margin:0;padding:0 1em;list-style:none;line-height:3.125rem;letter-spacing:.03125rem;font-weight:400;background:#182333;color:#fff;@media (prefers-color-scheme:dark){color:#aaa}width:100%;height:auto;display:flex;vertical-align:middle;align-items:center;font-size:1.1rem}.topbar ul{list-style-type:none;margin:0;padding:0}.topbar li{margin:0 .5rem}.topbar a,.topbar a:hover,.topbar a:active,.topbar a:focus{text-decoration:none;color:inherit}.icon-email::before{content:'';background-image:url(./img/icon-email-db.svg);@media (prefers-color-scheme:dark){background-image:url(./img/icon-email-g.svg)}background-size:1em 1em;background-repeat:no-repeat;display:inline-block;width:1em;height:1em;vertical-align:middle;padding:0 .15em}.icon-phone::before{content:'';background-image:url(./img/icon-phone-s-db.svg);@media (prefers-color-scheme:dark){background-image:url(./img/icon-phone-s-g.svg)}background-size:1em 1em;background-repeat:no-repeat;display:inline-block;width:1em;height:1em;vertical-align:middle;padding:0 .15em}div.logo{height:100%;vertical-align:middle;margin:.5rem 4rem .5rem 2rem;display:inline-block}.logo img{display:inline-block;max-height:4.5rem;vertical-align:middle}.logo a{height:100%;display:inline-block}.frontbox h1{text-transform:uppercase;margin:0;padding:0 0 .5em 0;line-height:.9em;font-size:5.5em;@media (max-width:1000px){font-size:10vw}}.frontbox h2{text-transform:uppercase;margin:0;padding:0 0 .5em 0;font-size:1.2em;@media (max-width:1000px){font-size:2.5vw}}.frontbox p{font-family:"Teko",'Segoe UI',Tahoma,helvetica;font-size:1.2rem}div.frontbox{position:relative;color:#fff;@media (prefers-color-scheme:dark){color:#aaa}font-size:1em;letter-spacing:.04em;width:auto;min-height:600px;max-height:600px;@media (max-width:800px){min-height:500px;max-height:500px}@media (max-width:400px){min-height:400px;max-height:400px}object-fit:cover;overflow:clip;background-image:url(./img/itvelho-etusivu.jpg);background-color:#202020;background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}.frontbox img{width:1920px;height:1080px;vertical-align:middle}div.pagebox{position:relative;color:#fff;@media (prefers-color-scheme:dark){color:#aaa}font-size:1em;letter-spacing:.04em;width:auto;min-height:400px;max-height:400px;object-fit:cover;overflow:clip;background-image:url(./img/itvelho.jpg);background-color:#202020;background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}.pagebox img{width:1920px;height:600px;vertical-align:middle}.pagebox h1{margin:0;padding:0 0 .5em 0;line-height:.9em;font-size:3.75rem;font-weight:600;color:#fff;@media (prefers-color-scheme:dark){color:#aaa}}.pagebox h2{margin:0;padding:0 0 .5em 0;font-size:1.1rem;font-weight:500;color:#fff;@media (prefers-color-scheme:dark){color:#aaa}}h2{margin:0;padding:0 0 .5em 0;font-size:3.125rem;font-weight:600;line-height:1.2em}h3{margin:0;padding:0 0 .5em 0;font-size:1.75rem;font-weight:600;color:#182333;@media (prefers-color-scheme:dark){color:#a0a0a0}}h4{text-transform:uppercase;margin:2rem 0 0 0;padding:0 0 .5em 0;font-size:1.2rem;font-weight:600;color:#457ede}.center h3{text-transform:uppercase;margin:2rem 0 0 0;padding:0 0 .5em 0;font-size:1.2rem;font-weight:600;color:#457ede}.frontbox .centerv{position:absolute;top:50%;left:2em;transform:translate(10%,-50%);animation:0.5s ease-in-out 0s forwards slidein;color:#fff0;overflow:hidden;animation-iteration-count:1}.pagebox .centerv{position:absolute;top:50%;left:2em;transform:translate(0,-50%);color:#fff;overflow:hidden}@media not (prefers-color-scheme:dark){@keyframes slidein{from{transform:translate(10%,-50%);color:#fff0}to{transform:translateX(0);transform:translate(0,-50%);color:#fff}}}@media (prefers-color-scheme:dark){@keyframes slidein{from{transform:translate(10%,-50%);color:#fff0}to{transform:translateX(0);transform:translate(0,-50%);color:#eee}}}.navbar,.navbar ul{margin:0;padding:0 1em;list-style:none;width:auto;color:#000;background:#fff;@media (prefers-color-scheme:dark){color:silver;background:#202020}height:6rem;display:inline-flex;vertical-align:middle;align-items:center;font-weight:500;font-size:1.3rem;text-transform:uppercase}.navbar ul{list-style:none;margin:0;padding:0}.navbar li{margin:0 1rem;height:100%;display:flex;align-items:center}.navbar a{display:flex;align-items:center;height:100%;text-decoration:none;color:inherit}.navbar .active,.navbar a:active,.navbar a:hover,.navbar a:focus{color:#457ede}div.overbox{min-height:6rem;max-height:fit-content;width:80%;@media (max-width:1100px){width:90%}@media (max-width:800px){width:95%}@media (max-width:600px){width:100%;min-height:4rem}margin:-6.25rem auto 0 auto;display:flex;background:#fff0;color:#000;position:relative;top 0;left:0;align-items:center;padding:0;line-height:1rem;flex-wrap:wrap;box-sizing:border-box}div.exp{margin:0;padding:2rem;min-height:12rem;max-height:fit-content;min-width:16rem;background-color:#457ede;background-image:url(./img/tyokokemus.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:scroll;color:#fff;@media (prefers-color-scheme:dark){color:silver}align-self:center;box-sizing:border-box}div.call{margin:0;padding:2rem;min-height:12rem;max-height:fit-content;background:#f8f8f8;color:#000;@media (prefers-color-scheme:dark){background:#d8d8d8}box-sizing:border-box}@media screen and not (max-width:1000px){.mobileonly,.mobileonly *{display:none}.navbar,.navbar ul{height:6rem;font-size:1.3rem}.contact{float:right;padding:0;margin:0;display:flex;align-items:center;color:#fff;@media (prefers-color-scheme:dark){color:silver}}.contact a{padding:0 2rem 0 2rem;height:6rem;color:#fff;background:#457ede;@media (prefers-color-scheme:dark){color:silver}transition:all .1s ease-in-out}.contact a:hover,.contact a:focus{color:#fff;background:#182333;@media (prefers-color-scheme:dark){color:silver}transition:all .1s ease-in-out}.contact a::after{content:"+";font-size:120%;width:1em;padding-left:.5em}}@media (max-width:1000px){.bigonly,.bigonly *{display:none}.frontbox h1{font-size:10vw}.frontbox h2{font-size:2.5vw}div.logo,div.logo img{display:inline-flex;max-width:36vmin;max-height:10vmin;margin:0;padding:0}.navbar,.navbar ul{height:100%;margin:0;padding:0;line-height:1rem;font-size:2vw}}.call h2{font-size:2.5rem;font-weight:500;padding:0;margin:0 0 .2rem 0}.call em{font-weight:500}.palvelut a{text-decoration:none;color:#182333;@media (prefers-color-scheme:dark){color:#a0a0a0}}.palvelut p{color:#768492;@media (prefers-color-scheme:dark){color:#8694a2}}.palvelut a:hover h3,.palvelut a:focus h3{color:#182333;@media (prefers-color-scheme:dark){color:#a0a0a0}}.palvelut a{min-width:14rem;max-width:14rem;@media (max-width:800px){min-width:10rem;max-width:10rem}@media (max-width:400px){width:100%}box-sizing:border-box}div.palvelut{display:grid;width:100%;height:auto;padding:2rem;grid-column-gap:.5rem;grid-row-gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));@media (max-width:800px){padding:1rem;grid-column-gap:.2rem;grid-row-gap:.2rem;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}@media (max-width:400px){padding:.2rem;grid-template-columns:repeat(auto-fit,minmax(100vmin,1fr))}box-sizing:border-box}.palvelut div.col{min-width:14rem;max-width:14rem;@media (max-width:800px){min-width:10rem;max-width:10rem}@media (max-width:400px){min-width:100vmin;max-width:100vmin}height:auto;margin:0;padding:0;box-sizing:border-box}.palvelut div.vector{display:flex;justify-content:center;align-items:center}.palvelut .vector img{padding:0;margin:0;width:13rem;height:13rem;@media (max-width:800px){width:10rem;height:10rem}@media (max-width:400px){width:100vmin;height:100vmin}transition:all .1s ease-in-out}.palvelut a:hover .vector img{padding:0;margin:0;width:14rem;height:14rem;@media (max-width:800px){width:10rem;height:10rem}@media (max-width:400px){width:100vmin;height:100vmin}transition:all .1s ease-in-out}.palvelut .iconbox{max-height:1px;max-width:1px;margin:0 0 0 auto;padding:0;display:flex;position:relative;top:0;right:0;align-items:center;flex-wrap:wrap;box-sizing:border-box;background:#fff0}.palvelut .icon{position:absolute;top:-3rem;right:0;background-color:#457ede;color:#fff;@media (prefers-color-scheme:dark){color:#000}max-width:2rem;max-height:2rem;height:2rem;margin:0;padding:.5rem}.palvelut .icon img{max-width:2rem;max-height:2rem;height:2rem;@media (prefers-color-scheme:dark){filter:invert(1)}}.palvelut .vector{display:flex;padding:0;margin:0;width:14rem;height:14rem;@media (max-width:800px){width:10rem;height:10rem}@media (max-width:400px){width:100vmin;height:100vmin}}.palvelut .col{min-width:14rem;max-width:14rem;min-height:20rem;@media (max-width:800px){min-width:10rem;max-width:10rem}@media (max-width:400px){min-width:100vmin;max-width:100vmin}flex:none}.greybox{padding:2rem;background:#f8f8f8;@media (prefers-color-scheme:dark){background:#080808}}.greybox p{padding:0;margin:0 0 1rem 0;color:#646568;@media (prefers-color-scheme:dark){color:#848588}}.greybox a{text-decoration:none;color:#182333;@media (prefers-color-scheme:dark){color:#a0a0a0}transition:all .1s ease-in-out}.greybox a em{text-decoration:none;color:#457ede;transition:all .1s ease-in-out}.greybox a:hover,.greybox a:focus,.greybox a:active{text-decoration:none;color:#457ede;transition:all .1s ease-in-out}.greybox a:hover em,.greybox a:focus em,.greybox a:active em{text-decoration:none;color:#053e9e;@media (prefers-color-scheme:dark){color:#ccc}transition:all .1s ease-in-out}.greybox.multih2 h2{padding:.5em 0 0 0;margin:0}.greybox h3{text-transform:uppercase;margin:2rem 0 0 0;padding:0 0 .5em 0;font-size:1.2rem;font-weight:600;color:#457ede}.greybox .vector{display:flex}.greybox .vector img{padding:0;margin:0;max-width:25rem;max-height:25rem;width:auto;height:auto}.cbox{display:flex;vertical-align:center;align-items:center}.cbox p{display:inline-block;text-transform:uppercase;padding:0;margin:0;line-height:1em;height:auto}.cbox a{display:inline-block;padding:0;margin:0;line-height:1em;height:auto;text-decoration:none;transition:all .1s ease-in-out;color:#182333;@media (prefers-color-scheme:dark){color:silver}}.cbox a:hover,.cbox a:focus,.cbox a:active{text-decoration:none;transition:all .1s ease-in-out;color:#457ede}.cibox{display:inline-block;width:3rem;height:3rem;padding:1rem;margin:0}.clientbox{background:#457ede;padding:3rem}.clientbox h2{padding:3rem 0 0 0;color:#fff;@media (prefers-color-scheme:dark){color:#000}}div.asiakkaat{display:grid;width:100%;height:auto;padding:3rem;grid-column-gap:.5rem;grid-row-gap:.5rem;@media (max-width:1000px){padding:1rem;grid-column-gap:.2rem;grid-row-gap:.2rem}@media (max-width:600px){padding:.2rem}box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.asiakkaat div.col{min-width:14rem;height:auto;margin:0;padding:0;box-sizing:border-box}.asiakkaat div.vector{display:flex;width:14rem;height:auto;min-width:14rem;justify-content:center;align-items:center}.asiakkaat .vector img{padding:0;margin:0;width:13rem;height:5rem}.footer{margin:0;padding:5rem 1rem;list-style:none;line-height:1rem;font-weight:400;background:#182333;color:#fff;@media (prefers-color-scheme:dark){color:#aaa}width:100%;height:auto;display:flex;@media (max-width:600px){display:grid}vertical-align:middle;align-items:center;font-size:1.1rem}.footer a{text-decoration:none;color:#fff;@media (prefers-color-scheme:dark){color:#ddd}transition:all .1s ease-in-out}.footer a:active,.footer a:hover,.footer a:focus{color:#457ede;transition:all .1s ease-in-out}.footer h3{text-transform:uppercase;font-size:1.5rem;font-weight:500;margin:1rem 0 0 0;color:#fff;@media (prefers-color-scheme:dark){color:#d0d0d0}}.footer p{color:#bfbfbf;font-size:1rem;margin:0;padding:0}input{width:100%;color:inherit;font:inherit;margin:0;padding:0;box-sizing:border-box;font-size:1rem}input[type="text"],input[type="email"],input[type="tel"],textarea{background:#fff;border:none;color:#333;width:100%;font:inherit;font-size:.9rem;font-weight:400;line-height:1.1rem;padding:1rem;box-sizing:border-box;font-family:"Hind","Teko",'Segoe UI',Tahoma,helvetica}textarea{min-width:100%;min-height:5rem}input[type="text"],input[type="email"],input[type="tel"]{vertical-align:middle}input[type="email"],input[type="tel"]{direction:ltr}input::placeholder,textarea::placeholder{font-family:"Teko",'Segoe UI',Tahoma,helvetica;font-weight:inherit;font-size:1.2rem;color:inherit;opacity:.5}input[type=button],input[type=submit],input[type=reset]{text-transform:uppercase;background-color:#457ede;border:none;color:#fff;padding:16px 32px;text-decoration:none;margin:4px 2px;cursor:pointer;font-family:"Teko",'Segoe UI',Tahoma,helvetica;font-size:1rem;font-weight:500;width:100%}form .cols{width:100%;display:flex;flex-wrap:wrap;box-sizing:border-box;margin:0;padding:0}form .col2{width:50%;padding:.15rem;box-sizing:border-box}p#status{font-size:150%;font-weight:500}.navmenu{background-color:#fff;box-shadow:1px 1px 4px 0 rgb(0 0 0 / .1);position:fixed;top:0;width:100%;z-index:3;@media (prefers-color-scheme:dark){background-color:#202020}}.navmenu ul{margin:0;padding:0;list-style:none;overflow:hidden;background-color:#fff;@media (prefers-color-scheme:dark){background-color:#202020}}.navmenu li a{display:block;padding:1.25rem 1.25rem;border-right:1px solid #f4f4f4;text-decoration:none;color:#000;@media (prefers-color-scheme:dark){color:#ccc}}.navmenu li a.active{color:#457ede}.navmenu li a:hover,.navmenu li a:active,.navmenu li a:focus,.navmenu .menu-btn:hover{color:#457ede;background-color:#f4f4f4;@media (prefers-color-scheme:dark){background-color:#404040}}.navmenu .logo{display:block;float:left}.navmenu .menu{clear:both;max-height:0;transition:max-height .1s ease-out}.navmenu .menu-icon{cursor:pointer;display:inline-block;display:flex;float:right;position:relative;top:0;right:0;margin:1rem 1rem 0 0;user-select:none;vertical-align:middle}.navmenu .menu-icon .navicon{background:#333;@media (prefers-color-scheme:dark){background:#ccc}display:block;height:2px;position:relative;transition:background .1s ease-out;width:18px}.navmenu .menu-icon .navicon:before,.navmenu .menu-icon .navicon:after{background:#333;@media (prefers-color-scheme:dark){background:#ccc}content:'';display:block;height:100%;position:absolute;transition:all .1s ease-out;width:100%}.navmenu .menu-icon .navicon:before{top:5px}.navmenu .menu-icon .navicon:after{top:-5px}.navmenu .menu-btn{display:none}.navmenu .menu-btn:checked~.menu{max-height:30rem}.navmenu .menu-btn:checked~.menu-icon .navicon{background:#fff0}.navmenu .menu-btn:checked~.menu-icon .navicon:before{transform:rotate(-45deg)}.navmenu .menu-btn:checked~.menu-icon .navicon:after{transform:rotate(45deg)}.navmenu .menu-btn:checked~.menu-icon:not(.steps) .navicon:before,.navmenu .menu-btn:checked~.menu-icon:not(.steps) .navicon:after{top:0}@media screen and not (max-width:1000px){.navmenu li{float:left}.navmenu li a{padding:20px 30px}.navmenu .menu{clear:none;float:right;max-height:none}.navmenu .menu-icon{display:none}}