@import "https://fonts.googleapis.com/css?family=Open+Sans|Material+Icons|Ubuntu|Roboto|Montserrat:400,700";.materialContainer{border-radius:0px;box-shadow:none;background:none;padding:0px}body #contact,body .contact_form_container,#siteContent #contact,#siteContent .contact_form_container{max-width:900px;margin-left:auto;margin-right:auto;transition:box-shadow 2s}body #contact .content,body .contact_form_container .content,#siteContent #contact .content,#siteContent .contact_form_container .content{max-width:900px;margin-left:auto;margin-right:auto;border-radius:15px;border:4px solid white}body #contact.highlight,body .contact_form_container.highlight,#siteContent #contact.highlight,#siteContent .contact_form_container.highlight{box-shadow:0 19px 38px rgba(0,0,0,0.3),0 15px 12px rgba(0,0,0,0.22);transition-duration:0.75s}body #contact form,body .contact_form_container form,#siteContent #contact form,#siteContent .contact_form_container form{margin-bottom:0px}body #contact form input,body #contact form textarea,body .contact_form_container form input,body .contact_form_container form textarea,#siteContent #contact form input,#siteContent #contact form textarea,#siteContent .contact_form_container form input,#siteContent .contact_form_container form textarea{display:block;font-family:'Open Sans';color:#282828;height:2em;font-size:18px;padding:4px;margin:4px 0;width:100%;max-width:100%;transition:box-shadow 150ms ease;outline:none;box-sizing:border-box;-webkit-appearance:none;border:none;-webkit-tap-highlight-color:transparent}body #contact form textarea,body .contact_form_container form textarea,#siteContent #contact form textarea,#siteContent .contact_form_container form textarea{height:180px;resize:none;border-top:0.2px solid rgba(0,0,0,0.2);padding-top:10px}body #contact form input[type="submit"],body .contact_form_container form input[type="submit"],#siteContent #contact form input[type="submit"],#siteContent .contact_form_container form input[type="submit"]{background-color:#4285f4;color:#fff;box-shadow:0 0 2px rgba(0,0,0,0.12),0 2px 4px rgba(0,0,0,0.24);border-radius:2px;border:none;font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:bold;padding:18px;line-height:0px;width:auto;font-size:13px;cursor:pointer;margin-top:15px}body #contact form input[type="submit"]:hover,body .contact_form_container form input[type="submit"]:hover,#siteContent #contact form input[type="submit"]:hover,#siteContent .contact_form_container form input[type="submit"]:hover{background-color:#3a76e5;box-shadow:0 0 4px rgba(0,0,0,0.14),0 4px 8px rgba(0,0,0,0.28)}body #contact form input[type="submit"]:active,body .contact_form_container form input[type="submit"]:active,#siteContent #contact form input[type="submit"]:active,#siteContent .contact_form_container form input[type="submit"]:active{background-color:#3367d6;box-shadow:0 0 6px rgba(0,0,0,0.16),0 6px 12px rgba(0,0,0,0.32)}body #contact form input[type="text"],body .contact_form_container form input[type="text"],#siteContent #contact form input[type="text"],#siteContent .contact_form_container form input[type="text"]{border-radius:0px;margin-bottom:2px;display:block}body #contact form .notification,body .contact_form_container form .notification,#siteContent #contact form .notification,#siteContent .contact_form_container form .notification{margin-top:-55px;z-index:2;background:#404040;color:white;position:relative;padding:16px 16px;width:auto;display:inline-block;border-radius:3px;transition-duration:100ms;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);font-size:14px}body #contact form .notification.hideSlow,body .contact_form_container form .notification.hideSlow,#siteContent #contact form .notification.hideSlow,#siteContent .contact_form_container form .notification.hideSlow{opacity:0;display:none;transition-duration:100ms}@media screen and (min-width: 24cm){#siteContent #referenssit{background:none;border-radius:0px;box-shadow:none;padding:0px}#siteContent #referenssit h2{background:white;padding:10px;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}#siteContent #referenssit .content{padding:0px}}#siteContent #referenssit .content{float:none;margin-left:auto;margin-right:auto;display:flex;flex-wrap:wrap;justify-content:space-between}@media screen and (max-width: 30cm){#siteContent #referenssit .content{display:block}}@media screen and (max-width: 24cm){#siteContent #referenssit .content{margin-top:-15px;display:block;width:auto}}#siteContent #referenssit .content figure{border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);background:white;padding:20px;margin-left:0px;margin-right:0px;width:calc(50% - 40px - 0.7vw);margin-top:0.7vw;margin-bottom:0.7vw}@media screen and (max-width: 30cm){#siteContent #referenssit .content figure{width:auto;margin-top:22px;margin-bottom:22px;margin-left:0px;margin-right:0px}}@media screen and (max-width: 24cm){#siteContent #referenssit .content figure{border-radius:0px;box-shadow:none;min-height:80px;margin:0px;margin-top:20px;margin-bottom:20px;padding:0px;border-bottom:1px solid #c8c8c8;padding-bottom:15px}#siteContent #referenssit .content figure:last-of-type{border-bottom:0px}}#siteContent #referenssit .content figure img{width:200px;height:200px;float:left;border-radius:1px}@media screen and (max-width: 24cm){#siteContent #referenssit .content figure img{width:80px;height:80px;margin-top:2px;border-radius:0.7px}}#siteContent #referenssit .content figure .desc{font-size:18px;margin-left:220px;padding-top:0px;margin-top:0px;word-wrap:break-word}@media screen and (max-width: 34cm){#siteContent #referenssit .content figure .desc{font-size:16px}}@media screen and (max-width: 24cm){#siteContent #referenssit .content figure .desc{padding-top:-5px;margin-left:92px;font-size:15px}}#siteContent #referenssit .content figure:after{content:" ";display:block;height:0;clear:both}#siteContent #referenssit .content:after{content:none}.tgChat{position:fixed;bottom:0px;z-index:1000;background:white;border-radius:10px 10px 0px 0px;right:10px;border:1px solid gray}.tgChat .topBar{top:0;background:#2196F3;border-radius:9px 9px 0px 0px;color:white;font-size:20px;padding:0.7em}.tgChat #tgMessages{display:none;height:350px;width:300px;overflow-y:auto}.tgChat #tgMessages .message{padding:15px;margin:12px;border-radius:4px;font-size:15px}.tgChat #tgMessages .message .text{font-size:14px}.tgChat #tgMessages .message .date{font-size:10px;float:right;color:#616161}.tgChat #tgMessages .outgoing{background:#E8F5E9}.tgChat #tgMessages .incoming{background:#E3F2FD}.tgChat #tgMsgFormContainer{display:none}.tgChat #tgMsgFormContainer form{padding:0;margin:0;border-top:1px solid gray}.tgChat #tgMsgFormContainer input{width:300px;padding:10px;border:none;font-size:15px;outline:none}body{font-family:'Montserrat';font-size:1.3vw}body h1{font-size:3.5vw}body h2{font-size:2vw}body h3{font-size:1.5vw}@media screen and (max-width: 1300px){body{font-size:calc(1.3vw * 1.9)}body h1{font-size:calc(3.5vw * 1.9)}body h2{font-size:calc(2vw * 1.9)}body h3{font-size:calc(1.5vw * 1.9)}}@media screen and (max-width: 700px){body{font-size:calc(1.3vw * 3.4)}body h1{font-size:calc(3.5vw * 3)}body h2{font-size:calc(2vw * 3.3)}body h3{font-size:calc(1.5vw * 3.3)}}body>header{overflow:hidden;background-image:url("https://assets.snacktime.fi/images/new_graphics/hero_bg-3e8ec81f61a3d3e945bfa802cb8ca8b137ace177.svg");background-size:101vw;background-repeat:no-repeat;width:100vw;background-position-x:-0.5vw;height:calc(101vw * 728.4896240234375 / 1653.3333740234375);padding-top:5vw}@media screen and (max-width: 1300px){body>header{background-size:150vw;height:calc(150vw * 728.4896240234375 / 1653.3333740234375);background-position-x:-25vw;background-position-y:-3vw}}@media screen and (max-width: 700px){body>header{background-size:270vw;height:calc(270vw * 728.4896240234375 / 1653.3333740234375);background-position-x:-91vw}}body>header>div{vertical-align:middle;display:inline-block;margin-bottom:9vw;width:30vw;color:white}@media screen and (max-width: 1300px){body>header>div{width:50vw;margin-top:-3vw}}@media screen and (max-width: 700px){body>header>div{width:58vw}}body>header img.vending_machine{height:40vw;vertical-align:middle;margin-left:13vw;margin-top:-3vw}@media screen and (max-width: 1300px){body>header img.vending_machine{margin-top:-1vw;margin-left:-8vw;height:55vw}}@media screen and (max-width: 700px){body>header img.vending_machine{margin-top:3vw;margin-left:-35.5vw;height:100vw;margin-right:-12.5vw}}body>header nav{font-size:calc(1em * 0.8);margin-top:0vw;width:100vw;margin-left:auto;margin-right:auto;background-image:url("https://assets.snacktime.fi/images/new_graphics/hero_bg-3e8ec81f61a3d3e945bfa802cb8ca8b137ace177.svg");background-size:101vw;background-repeat:no-repeat;width:100vw;background-position-x:-0.5vw;position:fixed;margin-top:-5vw;margin-left:auto;margin-right:auto}@media screen and (max-width: 1300px){body>header nav{background-size:150vw;background-position-x:-25vw;background-position-y:-3vw}}@media screen and (max-width: 700px){body>header nav{background-size:270vw;background-position-x:-91vw}}@media screen and (max-width: 1300px){body>header nav{width:100vw}}body>header nav span{float:right;padding-top:1.1vw}body>header nav span a{margin-right:2vw;color:white}body>header nav img{width:8vw;height:auto;vertical-align:middle;margin:0px;margin-left:2vw}@media screen and (max-width: 1300px){body>header nav img{width:10vw}}@media screen and (max-width: 700px){body>header nav img{width:12vw}}@media (max-width: 700px){body>header nav .how{display:none}}main>section{width:65vw;margin:6em auto}@media (max-width: 700px){main>section{width:90vw}}div.service_options{display:flex;margin-top:2vw}@media screen and (max-width: 700px){div.service_options{display:initial}}@media screen and (min-width: 700px){div.service_options{margin-bottom:3vw}}div.service_options>div{margin-left:auto;margin-right:auto;text-align:center}@media screen and (max-width: 700px){div.service_options>div:not(:first-of-type) img{margin-top:8vw}}div.service_options>div img{height:15vw}@media screen and (max-width: 1300px){div.service_options>div img{width:70%;height:auto}}div.service_options>div .description{text-align:left;width:20vw}@media screen and (max-width: 1300px){div.service_options>div .description{width:34vw}}@media screen and (max-width: 700px){div.service_options>div .description{width:100%}}div.service_options>div h3{text-align:left}div.read_more_buttons{display:flex;text-align:center;margin-bottom:3vw}@media screen and (max-width: 700px){div.read_more_buttons{display:none}}a.read_more_button{display:block;margin-top:2vw;color:#f44d4c;padding:1vw;border:2px solid #f44d4c;width:20%;margin-left:auto;margin-right:auto}@media screen and (max-width: 700px){a.read_more_button{width:50%}}@media screen and (max-width: 1300px){a.read_more_button{margin-top:4vw;padding:1.5vw}}@media screen and (max-width: 700px){a.read_more_button{margin-top:6vw;padding:2.5vw}}@media screen and (min-width: 700px){a.single_read_more_button{display:none}}main>section.why{overflow:hidden;background-image:url("https://assets.snacktime.fi/images/new_graphics/section_bg-115b5dd8a50b9fa55870455f0b8e098cd5dd0ec0.svg");background-repeat:no-repeat;width:100vw;max-width:initial;--bg-width: 101vw;height:calc(var(--bg-width) * 1230.6597900390625 / 2559.982666015625);background-position-x:calc((100vw - var(--bg-width)) / 2);background-size:var(--bg-width)}@media screen and (max-width: 1300px){main>section.why{--bg-width: 180vw}}@media screen and (max-width: 700px){main>section.why{--bg-width: 450vw}}main>section.why>div{--margin-ratio: 0.094;--margin-offset: 0.023;height:calc(var(--bg-width) * 1230.6597900390625 / 2559.982666015625 - var(--bg-width) * var(--margin-ratio) * 2);margin-top:calc(var(--bg-width) * var(--margin-ratio) * (1 + var(--margin-offset)));margin-bottom:calc(var(--bg-width) * var(--margin-ratio) * (1 - var(--margin-offset)));color:white;margin-left:3vw;width:70vw;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 1300px){main>section.why>div{--margin-ratio: 0.087;--margin-offset: 0.045}}@media screen and (max-width: 700px){main>section.why>div{--margin-ratio: 0.066;--margin-offset: 0.11}}@media screen and (max-width: 1300px){main>section.why>div{width:80vw}}@media screen and (max-width: 700px){main>section.why>div{flex-direction:column}}main>section.why>div h2{margin-top:5px;margin-bottom:5px}main>section.why>div .text{width:51%;margin-top:6vw;display:inline-block;vertical-align:middle}@media screen and (max-width: 1300px){main>section.why>div .text{width:85%}}@media screen and (max-width: 700px){main>section.why>div .text{width:100%}}@media screen and (max-width: 1300px){main>section.why>div .text{margin-top:10vw}}@media screen and (max-width: 700px){main>section.why>div .text{margin-top:4vw}}main>section.why>div .text .description ul li{margin-top:.25em;margin-bottom:.25em}main>section.why>div .text .description ul li p{margin:0px;font-weight:bold}main>section.why>div img{width:30%;margin-top:0px;margin-left:3%;vertical-align:middle}@media screen and (max-width: 1300px){main>section.why>div img{margin-top:5vw}}@media screen and (max-width: 700px){main>section.why>div img{margin-top:10vw}}@media screen and (max-width: 1300px) and (min-width: 700px){main>section.why>div img{width:41%;margin-top:-15vw;margin-right:-14vw}}main>section.why>div img.mobile{display:none}main>section.why>div img.desktop{display:inline-block}@media screen and (max-width: 700px){main>section.why>div img.mobile{margin-left:auto;margin-right:auto;display:block;width:43%;margin-top:0}main>section.why>div img.desktop{display:none}}body>footer{overflow:hidden;background-image:url("https://assets.snacktime.fi/images/new_graphics/hero_bg rotated-e1a3e8c49857367ececcfc5cd56215d7d18898dd.svg");background-size:101vw;background-repeat:no-repeat;width:100vw;background-position-x:-0.5vw;height:calc(101vw * 728.4896240234375 / 1653.3333740234375);margin-top:10vw;position:relative;z-index:2}body>footer::after{content:' ';display:block;position:absolute;background:#ff635d;height:100vw;top:100vw;width:100vw;z-index:-1}@media screen and (max-width: 1300px){body>footer{background-size:150vw;height:calc(150vw * 728.4896240234375 / 1653.3333740234375);background-position-x:-25vw}}@media screen and (max-width: 700px){body>footer{background-size:270vw;height:initial;min-height:calc(270vw * 728.4896240234375 / 1653.3333740234375);background-position-x:-91vw}}body>footer>div{vertical-align:middle;display:block;margin-bottom:9vw;width:65vw;margin:0 auto;padding-top:11vw;color:white}@media (max-width: 700px){body>footer>div{width:90vw}}@media screen and (max-width: 1300px){body>footer>div{width:50vw;padding-top:13vw}}@media screen and (max-width: 700px){body>footer>div{padding-top:25vw;padding-bottom:12vw;width:58vw}}footer.contacts{margin-left:auto;margin-right:auto}@media screen and (max-width: 1300px){footer.contacts>div{width:80%}}@media screen and (max-width: 700px){footer.contacts>div{width:90%}}footer.contacts>div>h2{margin-bottom:1.2em}footer.contacts>div>div{display:flex}@media screen and (max-width: 800px){footer.contacts>div>div{display:initial}}footer.contacts>div>div .contact_list{line-height:1.4em;margin-bottom:4vw;width:45%}@media screen and (max-width: 1300px){footer.contacts>div>div .contact_list{margin-bottom:2.5em}}@media screen and (max-width: 800px){footer.contacts>div>div .contact_list{width:100%}}footer.contacts>div>div .contact_list .contact:not(:first-of-type){margin-top:1.8em}footer.contacts>div>div .contact_list .contact span{white-space:pre-line}@media screen and (min-width: 800px){footer.contacts>div>div .contact_form_container{width:45%;margin-left:10%}}@media screen and (max-width: 800px){footer.contacts>div>div .contact_form_container{width:100%}}footer.contacts>div>div .contact_form_container input,footer.contacts>div>div .contact_form_container textarea{border:none;border-radius:2px;font-family:'Montserrat';padding:.35em .25em}footer.contacts>div>div .contact_form_container input[type="submit"]{background:#fff;color:black;font-weight:normal}footer.contacts>div>div .contact_form_container img.luotettava_kumppani,footer.contacts>div>div .contact_form_container img.valmistettu_suomessa{display:block}footer.contacts>div>div .contact_form_container img.luotettava_kumppani{width:90%;margin:3.5vw auto}@media screen and (max-width: 800px){footer.contacts>div>div .contact_form_container img.luotettava_kumppani{width:80%;margin:10vw auto}}footer.contacts>div>div .contact_form_container img.valmistettu_suomessa{width:50%;margin:3vw auto}@media screen and (max-width: 800px){footer.contacts>div>div .contact_form_container img.valmistettu_suomessa{width:40%;margin:8vw auto}}footer.contacts>div>div .contact_form_container form input,footer.contacts>div>div .contact_form_container form textarea{font-size:inherit !important}#prosessi{margin:0 auto}#prosessi h2{margin-bottom:2em}#progress{margin-top:-20px;margin-bottom:-20px}#progress,.progressHeaderContainer{margin-left:auto;margin-right:auto}#progress .block{min-height:200px;margin-top:50px;margin-bottom:50px}#progress .block .text{background:white;padding:30px}#progress .block .text h3{margin-top:0px}#progress h3{color:#3949AB}#progress .block .imageBg{background:#3F51B5;display:inline-block;border-radius:100%}#progress .block:not(.imageRight) .imageBg{float:left}#progress .block:not(.imageLeft) .imageBg{float:right}#progress .block:not(.imageLeft) .text{margin-right:250px}#progress .block:not(.imageRight) .text{margin-left:250px}#progress .block .imageBg img{width:175px;height:175px}#progress .block h3{font-size:1.15em}@media screen and (max-width: 24cm){#progress .block .text{background:white;padding:20px;border-radius:20px}#progress .block .text h3{margin-top:0px}#progress,.progressHeaderContainer{max-width:500px}#progress .block{min-height:80px;margin:0px;margin-top:45px;margin-bottom:45px}#progress .block .imageBg img{width:80px;height:80px}#progress .block:not(.imageLeft) .text{margin-right:100px}#progress .block:not(.imageRight) .text{margin-left:100px}#progress .block h3{font-size:25px}}a{color:#325096;text-decoration:none;-webkit-tap-highlight-color:transparent}html{margin:0px;padding:0px;background:white}body{margin:0px;padding:0px;overflow-x:hidden;background:white}
/*# sourceMappingURL=index.css.map */