@charset "utf-8";

/* Generated by Sivujetti at Wed, Aug 30 2023 10:33:35 UTC */

/* ==== Scoped styles start ==== */
/* -- .j-_body_ classes start -- */
@import "https://use.typekit.net/vjd3zzd.css";/* hoisted decls ends */@layer body-unit { .j-_body_{--taustaOletus:#ffffff;--tekstiOletus:#393939;--otsikotOletus:#00a651;--linkitOletus:#00a651;--osioMaxleveysOletus:1200px;--nostoVari:#00a651;background-color:var(--taustaOletus);color:var(--tekstiOletus);}.j-_body_ a{color:var(--linkitOletus);}.j-_body_ h1,.j-_body_ h2,.j-_body_ h3,.j-_body_ h4,.j-_body_ h5,.j-_body_ h6,.j-_body_ h7,.j-_body_ p,.j-_body_ a,.j-_body_ li,.j-_body_ blockquote,.j-_body_ button,.j-_body_ input,.j-_body_ textarea,.j-_body_ div{font-family:"hyperspace-race-cap-variable";}.j-_body_ h1,.j-_body_ h2,.j-_body_ h3,.j-_body_ h4,.j-_body_ h5,.j-_body_ h6,.j-_body_ h7{text-transform:uppercase;font-variation-settings:'wght' 700,'wdth' 150;color:var(--otsikotOletus);}.j-_body_ p,.j-_body_ a,.j-_body_ li,.j-_body_ blockquote{font-size:.85rem;font-variation-settings:'wght' 300,'wdth' 100;}
.j-_body_>.j-Section:not(.no-j-Section-unit-4){--paddingTop:4rem;--paddingRight:2rem;--paddingBottom:4rem;--paddingLeft:2rem;}.j-_body_>.j-Section:not(.no-j-Section-unit-4) >div{max-width:var(--osioMaxleveysOletus);margin:0 auto;padding:var(--paddingTop) var(--paddingRight) var(--paddingBottom) var(--paddingLeft);}
.j-_body_>.j-Columns:not(.no-j-Columns-unit-1){--paddingTop:2rem;--paddingRight:2rem;--paddingBottom:2rem;--paddingLeft:2rem;max-width:var(--osioMaxleveysOletus);margin:0 auto;padding:var(--paddingTop) var(--paddingRight) var(--paddingBottom) var(--paddingLeft);gap:1rem;}
.j-_body_ .j-Section:not(.no-j-Section-unit-5) >div>:not(:first-child){margin-top:1rem;}
.j-_body_ .j-Button:not(.no-j-Button-unit-1){--background:#00a651;--backgroundHover:#22808e;--text:#fff;--textHover:#fff;--border:#1e717e;--borderHover:#22808e;--paddingTop:0.25rem;--paddingRight:0.4rem;--paddingBottom:0.25rem;--paddingLeft:0.4rem;background:var(--background);border:0px solid var(--border);color:var(--text);transition:all .325s;}.j-_body_ .j-Button:not(.no-j-Button-unit-1):hover{filter:brightness(1.1);border:0px solid var(--borderHover);color:var(--textHover);}
.j-_body_ .j-JetIconsIcon:not(.no-j-JetIconsIcon-unit-1){--size:1.2rem;--color:#fff;--strokeWidth:2px;}.j-_body_ .j-JetIconsIcon:not(.no-j-JetIconsIcon-unit-1) >.icon{width:var(--size);height:var(--size);color:var(--color);stroke-width:var(--strokeWidth);}
.j-_body_ .j-JetFormsContactForm:not(.no-j-JetFormsContactForm-unit-1){--gap:0.4rem;--fontSize:0.8rem;--paddingYInputs:0.4rem;--paddingXInputs:0.5rem;--backgroundInputs:#fff;--borderInputs:#fff;--borderRadius:4px;--placeholders:#000;}.j-_body_ .j-JetFormsContactForm:not(.no-j-JetFormsContactForm-unit-1) [class^="j-JetForms"]{margin-bottom:var(--gap);}.j-_body_ .j-JetFormsContactForm:not(.no-j-JetFormsContactForm-unit-1) [class^="j-JetForms"] input,.j-_body_ .j-JetFormsContactForm:not(.no-j-JetFormsContactForm-unit-1) [class^="j-JetForms"] textarea,.j-_body_ .j-JetFormsContactForm:not(.no-j-JetFormsContactForm-unit-1) [class^="j-JetForms"] select{padding:var(--paddingYInputs) var(--paddingXInputs);font-size:var(--fontSize);background-color:var(--backgroundInputs);border-color:var(--borderInputs);border-radius:var(--borderRadius);}.j-_body_ .j-JetFormsContactForm:not(.no-j-JetFormsContactForm-unit-1) [class^="j-JetForms"] input::placeholder,.j-_body_ .j-JetFormsContactForm:not(.no-j-JetFormsContactForm-unit-1) [class^="j-JetForms"] textarea::placeholder,.j-_body_ .j-JetFormsContactForm:not(.no-j-JetFormsContactForm-unit-1) [class^="j-JetForms"] select::placeholder{color:var(--placeholders);}.j-_body_ .j-JetFormsContactForm:not(.no-j-JetFormsContactForm-unit-1) [class^="j-JetForms"] input{height:initial;}.j-_body_ .j-JetFormsContactForm:not(.no-j-JetFormsContactForm-unit-1) .form-input-hint{color:red;}
.j-_body_ .j-Menu:not(.no-j-Menu-unit-1){--color:#393939;}.j-_body_ .j-Menu:not(.no-j-Menu-unit-1) a{color:var(--color);} }
/* -- .j-_body_ classes end -- */
/* -- .j-Text classes start -- */
@layer units { .j-Text-unit-1{color:#fff;}.j-Text-unit-1 h1,.j-Text-unit-1 h2,.j-Text-unit-1 h3,.j-Text-unit-1 h4,.j-Text-unit-1 h5,.j-Text-unit-1 h6,.j-Text-unit-1 p,.j-Text-unit-1 li{color:#fff;}
.j-Text-unit-2 >p{margin-bottom:0;}
.j-Text-unit-3{text-shadow:-1px 1px 0px black;}
.j-Text-unit-4{padding-left:15%;}
.j-Text-unit-5{margin:auto 0;}
.j-Text-unit-6 >h3{font-size:1rem;}
.j-Text-unit-7{height:fit-content;}.j-Text-unit-7 >ol{list-style:none;counter-reset:steps;}.j-Text-unit-7 >ol li{counter-increment:steps;}.j-Text-unit-7 >ol li::before{content:counter(steps);margin-right:0.5rem;background:#00a651;color:white;width:1.5em;height:1.5em;border-radius:50%;display:inline-grid;place-items:center;padding-top:.2rem;font-size:1.2rem;font-variation-settings:'wght' 700;}.j-Text-unit-7 >ul{list-style-position:outside;}
.j-Text-unit-8{height:auto;}@media (max-width: 600px){.j-Text-unit-8 >h1{font-size:1.5rem;}}
.j-Text-unit-9{display:inherit;margin-top:6rem;}.j-Text-unit-9 >p{color:rgba(0, 0, 0, 0.5);}.j-Text-unit-9 h1,.j-Text-unit-9 h2{max-width:20rem;}
.j-Text-unit-10{margin-top:50px;} }
/* -- .j-Text classes end -- */
/* -- .j-Paragraph classes start -- */
/* nothing */
/* -- .j-Paragraph classes end -- */
/* -- .j-Heading classes start -- */
/* nothing */
/* -- .j-Heading classes end -- */
/* -- .j-RichText classes start -- */
/* nothing */
/* -- .j-RichText classes end -- */
/* -- .j-Button classes start -- */
@layer units { .j-Button-unit-2{--background:#fff;--backgroundHover:#fcfcfc;--text:#333;--textHover:#444;--border:#333;--borderHover:#444;}
.j-Button-unit-3:hover >.j-JetIconsIcon{transform:translate(5px);}
.j-Button-unit-4{display:inline-flex;justify-content:center;align-items:center;}.j-Button-unit-4 >.j-JetIconsIcon{height:24px;margin-top:-4px;margin-left:.2rem;}
.j-Button-unit-5{font-size:1rem;background-color:transparent;width:100%;transition:all 0.3s ease;text-shadow:-1px 1px 0px black;text-transform:uppercase;font-variation-settings:'wght' 700,'wdth' 150;}
.j-Button-unit-6{font-size:1rem;position:fixed;right:-60px;top:50%;z-index:999999;transform:translateY(-50%) rotateX(0deg) rotateY(0deg) rotateZ(270deg);}
.j-Button-unit-7{border:2px solid white;} }
/* -- .j-Button classes end -- */
/* -- .j-Image classes start -- */
@layer units { .j-Image-unit-1 >img{border-radius:50px;}
.j-Image-unit-2 >img{aspect-ratio:1/1;} }
/* -- .j-Image classes end -- */
/* -- .j-Section classes start -- */
@layer units { .j-Section-unit-3{--cover:#f1f1f100;--paddingTop:1rem;--paddingBottom:1rem;--linkit:#444;--logoMaxKork:100px;--kokoLinkit:0.9rem;--täyteLinkit:0.65rem;--mainPadding:2rem;position:absolute;z-index:1;width:100%;}.j-Section-unit-3+.j-Section>div{padding-top:8rem;}.j-Section-unit-3 >div{display:grid;grid-template-columns:200px auto;align-items:center;color:var(--linkit);}.j-Section-unit-3 >div >*{margin-top:0;}.j-Section-unit-3 >div >.j-Code{display:none;}.j-Section-unit-3 >div >.j-Button:first-of-type:not(:last-child){display:table;line-height:0;color:transparent;border:none;padding:0;background:transparent;}.j-Section-unit-3 >div >.j-Button:first-of-type:not(:last-child) img{max-height:var(--logoMaxKork);}.j-Section-unit-3 >div >.j-Menu{--itemsWidth:1;--gap:0;margin-left:auto;}.j-Section-unit-3 >div >.j-Menu a{padding:0 var(--täyteLinkit);color:inherit;font:inherit;}.j-Section-unit-3 >div >.j-Menu li:last-child a{padding-right:0;}.j-Section-unit-3 >div >.j-Menu li[data-current] a{text-decoration:underline;}.j-Section-unit-3 >div >:last-child{display:none;position:absolute;top:50%;height:1.9rem;padding:.4rem;margin:-1.1rem .8rem 0 0;background:transparent;border:none;right:var(--mainPadding);display:none;}@media (max-width: 600px){.j-Section-unit-3 >div >.j-Menu{display:none;position:absolute;top:100%;right:var(--mainPadding);background:#fff;color:var(--colorDark);max-width:200px;margin-top:-.4rem;padding:.4rem 0;box-shadow:0px 0px 15px 0px rgb(0 0 0 / 25%);}.j-Section-unit-3 >div >.j-Menu.open{display:block;}.j-Section-unit-3 >div >.j-Menu:before{content:"";position:absolute;width:0;height:0;top:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff;right:1.4rem;}.j-Section-unit-3 >div >.j-Menu ul li{--itemsWidth:100%;}.j-Section-unit-3 >div >.j-Menu ul li a{display:inline-block;padding:.2rem .8rem!important;}.j-Section-unit-3 >div >:last-child{display:block;}}
.j-Section-unit-1{--tausta:#393939;--tekstiKoko:0.8rem;--tekstiKorkeus:1rem;background-color:var(--tausta);font-size:var(--tekstiKoko);line-height:var(--tekstiKorkeus);color:#fff;box-shadow:inset 0px 0px 10px black;}.j-Section-unit-1 >div{padding-bottom:2rem;}
.j-Section-unit-6{background-size:cover;background-position:center;}
.j-Section-unit-7{height:600px;max-width:1200px;margin:auto;}
.j-Section-unit-9{padding-top:2rem;margin-top:4rem;border-top:solid 1px white;}.j-Section-unit-9 p,.j-Section-unit-9 a{font-size:14px;}.j-Section-unit-9 >div{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}.j-Section-unit-9 >div >*{margin:0 10px;}
.j-Section-unit-10{background-color:rgba(0,166,81,0.9);}.j-Section-unit-10 >div{padding:1rem;}.j-Section-unit-10 >div .j-Heading{font-size:2rem;}.j-Section-unit-10 >div .j-Paragraph{font-size:1.6rem;}
.j-Section-unit-11{text-align:center;}
.j-Section-unit-12{text-align:right;}
.j-Section-unit-13{background:rgba(0,0,0,.4);cursor:pointer;height:100%;position:fixed;text-align:center;top:0;left:0;width:100%;z-index:100000;}.j-Section-unit-13 .popupboksi .helper{display:inline-block;height:100%;vertical-align:middle;}.j-Section-unit-13 .popupsisa>div{background-color:var(--nostoVari);box-shadow:0px 0px 10px #555;display:inline-block;height:auto;max-width:800px;width:80%;min-height:100px;vertical-align:middle;position:relative;border-radius:8px;padding:15px;}.j-Section-unit-13 .popupCloseButton{color:#000;background-color:#fff;border:3px solid #999;border-radius:50px;cursor:pointer;display:inline-block;font-weight:bold;position:absolute;top:-15px;right:-15px;font-size:25px;line-height:30px;width:30px;height:30px;text-align:center;}.j-Section-unit-13 .popupCloseButton:hover{background-color:#ccc;}
.j-Section-unit-14{margin:auto;}.j-Section-unit-14 >div{max-width:1600px;}@media (max-width: 600px){.j-Section-unit-14 >div{padding-left:0;padding-right:0;}}
.j-Section-unit-15{background-color:rgba(0,166,81,0.5);padding:100px 5%;height:100%!important;}.j-Section-unit-15:hover{background-color:rgba(0,166,81,0.9);}
.j-Section-unit-16 >div{height:100%;}
.j-Section-unit-17 >div{padding-top:0;}
.j-Section-unit-18{width:50vw;direction:rtl;justify-self:end;height:100vh;}
.j-Section-unit-19{background-color:#00a651;}.j-Section-unit-19 >div{padding-top:0!important;padding-bottom:0;width:100%;}
.j-Section-unit-20{margin:auto;}
.j-Section-unit-21{padding:2rem 1rem 1rem 1rem;background-color:#fafafa;height:fit-content;margin:auto 2rem auto 2rem;}.j-Section-unit-21::before{content:url('/public/uploads/hipsut.png');position:absolute;top:-1rem;left:-1rem;}.j-Section-unit-21::after{content:url('/public/uploads/hipsut.png');position:absolute;bottom:-1.5rem;right:-1rem;}@media (max-width: 800px){.j-Section-unit-21{margin:3rem 2rem 2rem 2rem;}}
.j-Section-unit-22{height:30vh;}
.j-Section-unit-23{background-attachment:fixed;}
.j-Section-unit-24 >div{background-color:var(--nostoVari);}
.j-Section-unit-25 >div{padding:1rem;}
.j-Section-unit-26 >div{border-radius:10px 10px 10px 0;}
.j-Section-unit-27 .form-input-hint{color:red;} }
/* -- .j-Section classes end -- */
/* -- .j-Columns classes start -- */
@layer units { .j-Columns-unit-2{gap:0;grid-template-columns:60% 40%;}
.j-Columns-unit-3{display:grid;}@media (max-width: 600px){.j-Columns-unit-3{grid-template-columns:100%!important;}}
.j-Columns-unit-4{gap:0;grid-template-columns:40% 60%;}
.j-Columns-unit-5{background:linear-gradient(90deg, rgba(0,166,81,0.9) 0%, rgba(0,166,81,0) 100%);padding:15vh 0 15vh 5%;}@media (max-width: 600px){.j-Columns-unit-5{padding:15vh 5% 15vh 5%;background:linear-gradient(90deg, rgba(0,166,81,0.9) 0%, rgba(0,166,81,0.9) 100%);}}
.j-Columns-unit-6{gap:1rem;}
.j-Columns-unit-7{gap:1rem;grid-template-columns:15% 1fr;}
.j-Columns-unit-8{text-align:left;}
.j-Columns-unit-9{margin:2rem 0;}
.j-Columns-unit-10{display:grid;}@media (max-width: 800px){.j-Columns-unit-10{grid-template-columns:100%!important;}} }
/* -- .j-Columns classes end -- */
/* -- .j-Listing classes start -- */
/* nothing */
/* -- .j-Listing classes end -- */
/* -- .j-Menu classes start -- */
/* - */
/* -- .j-Menu classes end -- */
/* -- .j-Code classes start -- */
/* nothing */
/* -- .j-Code classes end -- */
/* -- .j-JetFormsCheckboxInput classes start -- */
/* nothing */
/* -- .j-JetFormsCheckboxInput classes end -- */
/* -- .j-JetFormsContactForm classes start -- */
/* - */
/* -- .j-JetFormsContactForm classes end -- */
/* -- .j-JetFormsEmailInput classes start -- */
/* nothing */
/* -- .j-JetFormsEmailInput classes end -- */
/* -- .j-JetFormsNumberInput classes start -- */
/* nothing */
/* -- .j-JetFormsNumberInput classes end -- */
/* -- .j-JetFormsRadioGroupInput classes start -- */
/* nothing */
/* -- .j-JetFormsRadioGroupInput classes end -- */
/* -- .j-JetFormsSelectInput classes start -- */
/* nothing */
/* -- .j-JetFormsSelectInput classes end -- */
/* -- .j-JetFormsTextareaInput classes start -- */
/* nothing */
/* -- .j-JetFormsTextareaInput classes end -- */
/* -- .j-JetFormsTextInput classes start -- */
/* nothing */
/* -- .j-JetFormsTextInput classes end -- */
/* -- .j-JetIconsIcon classes start -- */
@layer units { .j-JetIconsIcon-unit-2{color:blueviolet;} }
/* -- .j-JetIconsIcon classes end -- */
/* ==== Scoped styles end ==== */