*{box-sizing:border-box;-webkit-tap-highlight-color:#0000}html{scroll-behavior:smooth}body{color:var(--dark-green-color);margin:0;font-family:Prompt,sans-serif;font-size:1.1em;font-weight:300;overflow-x:hidden}h1,h2,h3,h4{color:var(--green-color);margin:.5em 0 .3em}h1{font-size:2.2em}h2{font-size:2em}strong{color:var(--green-color);font-weight:500}img{max-width:100%}a{color:inherit;text-decoration:none;position:relative}a:after{content:" ";border-bottom:1px solid var(--orange-color);z-index:-1;width:100%;position:absolute;top:0;bottom:2px;left:0}a:hover:after{border-width:3px}.disabled a:after{border-color:#0000}figure img{border:2px solid #fff}figure img[src$=\.png],figure img[src$=\.svg]{border:none}figure figcaption{font-size:.8em}button.back{visibility:visible;text-transform:uppercase;color:#000000b3;background-color:#0000;background-image:url(../images/btn-nuoli-vasen-green.png);background-position:0;background-repeat:no-repeat;background-size:45px 45px;border:none;width:auto;height:45px;padding-left:55px;font-size:1.2em;font-weight:700;text-decoration:none;display:inline-block}.label{text-transform:uppercase;border:none;border-radius:6px;padding:.2em .6em;font-size:.9em;font-weight:400}.orange{background-color:var(--orange-color)}ul{list-style:none}ul li:before{content:"●";color:var(--orange-color);width:1em;margin-left:-1em;font-weight:700;display:inline-block}.disabled{filter:grayscale();color:#0000004d}.anchor{margin-top:-65px;position:absolute}.readmore{visibility:hidden;max-height:0;transition:max-height 1s ease-out;display:block;overflow:hidden}.readmore.on{visibility:visible;max-height:1000px;transition:max-height 1s ease-in}.readmore-button-wrapper{text-align:center}.readmore-button{border:none;border-radius:3px;min-width:30%;padding:8px 20px;font-size:.82em}.readmore-button span{color:var(--orange-color);font-size:.75em;font-weight:700}.slideshow figure{opacity:0;z-index:0;margin:0;transition:opacity 1s ease-in-out;position:absolute;inset:0}.slideshow figure img{-o-object-fit:cover;object-fit:cover;border:none;width:100%;height:100%}.slideshow figure.front{z-index:1}.slideshow figure.on{opacity:1}.rasteri-back{background-image:url(../images/puolirasteri-o1.svg);background-position:right 100px top 40px;background-repeat:no-repeat;background-size:50%}.wow{width:100%;height:78px;color:var(--white-text-color);background-color:var(--orange-color);text-align:center;background-image:url(../images/btn-nuoli-oikea.png);background-position:right 1em center;background-repeat:no-repeat;background-size:auto 45px;border-radius:8px;font-weight:700;line-height:1.2;position:relative}.wow a{width:100%;height:100%;padding:1em 3em 1em 1em;position:absolute;top:0;left:0}.wow span{color:#000c;z-index:1;font-size:1.2em}.wow:before{content:" ";opacity:.2;pointer-events:none;z-index:0;background-image:url(../images/rasterikuvio.svg);background-position:right 10% top 20%;background-repeat:no-repeat;background-size:auto 600%;width:100%;height:100%;position:absolute;top:0;left:0}.header-wrapper{background-color:var(--white-back-color);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:3;transition:background-color 1s;position:sticky;top:0}.header-wrapper header{max-width:var(--main-width);margin:0 auto;display:flex}.header-wrapper header .middle{flex:auto}.header-wrapper header #logo{flex:none;padding-left:30px}.header-wrapper header #logo a,.header-wrapper header #logo a:after{border-bottom:none!important}.header-wrapper header nav{flex:none}.header-wrapper header nav ul{padding-right:30px;font-size:.9em;list-style:none;display:flex}.header-wrapper header nav ul li{text-transform:uppercase;padding-left:20px}.header-wrapper header nav ul li a{border-radius:4px;padding:3px 12px}.header-wrapper header nav ul li a:after{border-bottom:none}.header-wrapper header nav ul li a:hover:after{border-bottom:2px solid var(--orange-color)}.header-wrapper header nav ul li:before{content:none}.header-wrapper header nav ul li:first-child a{background-color:var(--orange-color)}.header-wrapper .some{justify-content:center;align-items:center;gap:15px;padding:0 2em 0 .6em;display:flex}.header-wrapper .some a{opacity:.7;background-position:100% 100%;background-repeat:no-repeat;background-size:100% 100%;border-radius:35%;width:20px;height:20px;margin-bottom:7px;display:inline-block}.header-wrapper .some a:after{border:none}.header-wrapper .some .fb{background-image:url(../images/some/fb.svg)}.header-wrapper .some .instagram{background-image:url(../images/some/instagram.png)}.header-wrapper .some .youtube{background-image:url(../images/some/youtube.png)}.scrolled .header-wrapper{background-color:#ffffff80}.header-wrapper:hover{background-color:var(--white-back-color)}main{max-width:var(--main-width);margin:0 auto}.yicho-hero{text-align:center;background-image:url(../images/yicho-tausta.jpg);background-repeat:no-repeat;background-size:100%}.yicho-hero img{width:45%;margin:5% auto}.hero{z-index:-1;width:100%;line-height:0;position:relative}.hero img{-o-object-fit:cover;object-fit:cover;width:100%;height:auto}.hero .teaser{background-color:var(--white-back-color);border:none;border-radius:50%;width:120px;height:120px;display:block;position:absolute;top:50px;left:50px}.hero{position:relative}.hero .title-wrapper{z-index:2;background-color:#ffffffb3;flex-direction:column;justify-content:center;align-items:center;height:31%;max-height:220px;display:flex;position:absolute;bottom:0;left:0;right:0}.hero .title-wrapper h1{color:var(--dark-gray-color);font-size:5em;display:block}.hero .title-wrapper h1 sup{vertical-align:0;font-size:1.8rem;font-weight:400;position:relative;bottom:3.3rem}.hero .title-wrapper h2{color:var(--dark-gray-color);font-size:2.5em}section[id^=s]{position:relative}section[id^=s]:before{content:" ";z-index:-1;width:calc(100vw - var(--scrollbar-width));max-width:100vw;margin-left:calc(50% - 50vw + 10px);position:absolute;inset:0}.full-back:before{content:" ";z-index:-1;width:calc(100vw - var(--scrollbar-width));background-color:var(--light-back-color);max-width:100vw;margin-left:calc(50% - 50vw + 10px);position:absolute;inset:0}.full-width{width:100vw;position:relative;left:calc(50% - 50vw)}#s1:before{background-color:var(--white-back-color)}#s2{z-index:1;position:relative}#s2:before{background-color:var(--lighter-back-color)}.content{padding:1em}aside{background-color:var(--light-back-color)}.aside-container{flex-direction:row;gap:1.5em;display:flex}.aside-container aside{background-color:#0000;max-width:30%;margin-top:1em}.aside-container aside figure{margin:0}.button-area{align-items:flex-start}.button-area button{background-color:#0000;background-image:url(../images/btn-nuoli-alas.png);background-position:bottom;background-repeat:no-repeat;background-size:75px;border:none;margin:10px 40px 0;padding-bottom:90px;font-size:1.1em;font-weight:700;display:inline-block}.button-area a:after{border-color:#0000}.button-area button.right{background-image:url(../images/btn-nuoli-oikea.png);padding-bottom:50px;padding-right:90px}.button-area button.right.green{background-image:url(../images/btn-nuoli-oikea-green.png)}.sign-in-btn{background-color:var(--white-back-color);color:var(--black-text-color);border:none;border:2px solid var(--orange-color);border-radius:3px;padding:.5em 1em;display:inline-block}.sign-in-btn:hover{background-color:var(--orange-color);color:var(--white-text-color)}.box{background-color:var(--white-back-color);border:4px solid var(--orange-color);border-radius:8px;max-width:100%;margin-bottom:1em;padding:1.5em 1em 1.2em 1.5em}.box.border,.box.border.orange{border-color:var(--orange-color)}.box.solid,.box.solid.orange{background-color:var(--orange-color);color:var(--white-text-color)}.box.border.green{border-color:var(--green-color)}.box.solid.green{background-color:var(--green-color);border-color:var(--green-color)}footer{background-color:var(--dark-green-color);width:100%;color:var(--white-text-color);padding:2em;font-size:.8em}footer .content{max-width:var(--main-width);flex-wrap:wrap;margin:0 auto;display:flex}footer .content div{flex:0 0 50%}footer .content div:last-child{text-align:right}footer .footer-logo{max-width:120px}footer .footer-logo img{max-width:100%}.program-list{background-color:var(--lighter-back-color);flex-wrap:wrap;gap:10px;padding:15px;display:flex}.program-list .program-item{text-align:center;border:5px solid var(--lighter-back-color);min-width:21%;max-width:calc((100% - 30px)/var(--program-items-per-row));background-color:var(--white-back-color);border-radius:12px;flex-direction:column;flex:1 1 0;display:flex;position:relative}.program-list .program-item .logo{padding:20px 0 16px}.program-list .program-item .logo img{width:65%;display:none}.program-list .program-item figure{height:350px;max-height:calc(25vw - 48.75px);margin:0 1em}.program-list .program-item figure img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.program-list .program-item h2{text-transform:uppercase;margin:.2em}.program-list .program-item .description{flex:1 0 auto;margin:0 1em}.program-list .program-item .description>p{margin-top:0}.program-list .program-item .label{position:absolute;top:3.1em;left:2em}.program-list .program-item:not(.disabled):hover,.program-list .program-item.active{border-color:var(--orange-color)}.program-list .program-item.disabled :not(.program-item-cta){color:#0000004d;filter:grayscale()}.program-list .program-item.disabled :not(.program-item-cta) img{opacity:.4}.program-list .program-item.disabled :not(.program-item-cta) h2{line-height:1.3;color:#0000004d!important}#program-item-cta,.program-item-cta{display:none}.program-item.disabled .program-item-cta{text-align:center;width:100%;position:absolute;bottom:0}.program-item.disabled .program-item-cta *{filter:grayscale(0);opacity:1;color:var(--dark-green-color)}.program-item.disabled .program-item-cta a.cta{filter:grayscale(0);color:var(--white-text-color);background-color:var(--orange-color);cursor:pointer;border-radius:8px;text-decoration:none;display:inline-flex;opacity:1!important}.program-item.disabled .program-item-cta a.cta .text{color:var(--white-text-color);padding:1em .1em 1em 1em;line-height:1.2}.program-item.disabled .program-item-cta a.cta .start{filter:grayscale(0);margin:.8em 1em .8em .8em;display:inline-block}.program-item.disabled:hover .program-item-cta{display:block}.program-list.days .program-item{min-width:none;flex:auto}.program-list.days .program-item h2{text-transform:none;font-size:1.5em}.program-list.days .program-item figure{height:160px;max-height:50%}.program-list.days .program-item figure img{-o-object-fit:cover;object-fit:cover;-o-object-position:center 10%;object-position:center 10%;width:100%;height:100%}.start-program{text-align:center;margin-bottom:25px}.start-program.left{text-align:left}.start-program.right{text-align:right}.start-program.white *,.start-program .white *,.start.white{background-color:#fff}.start{visibility:visible;background-position:0 0;background-repeat:no-repeat;background-size:45px 45px;background-color:var(--light-back-color);background-image:url(../images/nuoli-oikea.png);border-radius:22px;width:45px;height:45px;text-decoration:none;display:inline-block}.start span{visibility:hidden}a.start:after{border-bottom:none}.yicho-bars{background-color:var(--white-back-color);border:4px solid var(--orange-color);border-radius:8px;flex-direction:column;gap:10px;width:350px;max-width:100%;padding:1.5em 1em 1.2em 1.5em;font-size:.8em;display:flex}.yicho-bars .row{flex-direction:row;display:flex}.yicho-bars .row .title{vertical-align:middle;opacity:.9;width:80px;font-size:1.3em;font-weight:700}.yicho-bars .row .bar-area{width:calc(100% - 80px)}.yicho-bars .row .bar-area .bar{background-color:var(--orange-color);border-radius:3px;width:0%;height:100%;padding:5px;transition:width 1.5s ease-out .1s}.home main{text-align:center;flex-direction:column;display:flex;position:relative}.home .hero{height:min(900px,56.25vw)}.home .hero h1.logo{margin:30px}.home .hero .title-wrapper{max-height:280px}.home aside{background-color:var(--lighter-back-color);padding:.5em;position:relative}.home aside .aside-content{max-width:65%;margin:0 auto;padding:2em}.home aside:before{background-color:var(--lighter-back-color)}.home .anim-wrapper{pointer-events:none;z-index:0;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden}.home .rasteri-overlay{width:100%;animation:pallurat var(--anim-duration) 0s;animation-fill-mode:forwards;display:none;position:absolute;top:10px}@keyframes pallurat{0%{opacity:.04;transform:rotate(-20deg)}to{opacity:.2;transform:rotate(1deg)}}.home #s1 .content{flex-direction:column;padding:0;display:flex}.home #s1 .article-wrapper{background-color:var(--white-back-color);padding:1em;position:relative}.home #s1 .article-wrapper article{max-width:65%;margin:1.5em auto;font-size:1.5em}.home #s1 .article-wrapper:before{background-color:var(--white-back-color)}.home #s1:before{background-color:var(--light-back-color)}.home #s2{z-index:1}.home #s2 .program-list .program-item figure{height:250px;max-height:calc(18.75vw - 48.75px)}.home #s2:before{background-color:var(--lighter-back-color)}.home #s3{background-image:url(../images/puolirasteri-o4.svg);background-position:right 100px top 40px;background-repeat:no-repeat;background-size:50%}.home #s3 .content{width:100%;margin:0 auto;padding:2em 10%;position:relative}.home #s3 .content:before{z-index:0;background-color:#fff;background-image:url(../images/puolirasteri-o1.svg);background-position:right 100px top 40px;background-repeat:no-repeat;background-size:50%}.home #s3 .content:first-child{background-color:#fff}.home #s3 .content:first-child *{position:relative}.home #s3:before{background-color:var(--light-back-color)}.landingpage .header-wrapper header{justify-content:center}.landingpage .header-wrapper header #logo,.landingpage .header-wrapper header .middle{display:none}.landingpage .header-wrapper header nav{text-align:center;width:100%;margin:.5em 2em}.landingpage .header-wrapper header nav ul{padding-left:0;padding-right:0}.landingpage .header-wrapper header nav ul li{white-space:nowrap;flex:0 0 25%;padding-left:0}.landingpage .header-wrapper header nav ul li:first-child a{background-color:#0000}.landingpage #yicho{padding-top:0}.landingpage section,.landingpage section[id^=s]{text-align:center;background-color:#fff}.landingpage section[id^=s]:before,.landingpage .full-back:before{background-color:#fff!important}.landingpage section:not(#s1,#s7) .content{padding-top:40px}.landingpage h1.logo,.landingpage h2.logo{text-align:center;min-width:200px;max-width:35vw;display:inline-block}.landingpage article{text-align:center;max-width:1000px;margin:2em auto;font-size:1.2em}.landingpage .hero{z-index:1;height:min(900px,56.25vw)}.landingpage .hero figure{width:100%;height:min(900px,56.25vw);margin:0;display:block}.landingpage .hero figure img{width:100%;height:100%}.landingpage .hero h1.logo{margin:30px}.landingpage .hero .title-wrapper{max-height:280px}.landingpage button.sign-in{color:#fff;background-color:var(--orange-color);border:none;border-radius:6px;margin:1em;padding:12px 30px;font-family:Prompt,sans-serif;font-size:1.1em;font-weight:300}@media screen and (width<=1280px){.landingpage h1,.landingpage h2{font-size:1.7em;line-height:1.2}.landingpage .hero h1.logo,.landingpage .hero h2.logo{margin:20px}.landingpage .hero h1.logo img,.landingpage .hero h2.logo img{width:35vw}}@media screen and (width<=670px){.landingpage .hero h1.logo,.landingpage .hero h2.logo{margin:15px}.landingpage .hero h1.logo img,.landingpage .hero h2.logo img{width:45vw}.landingpage article{margin:1em auto 1.5em;font-size:1em}.landingpage button.sign-in{margin:1em;padding:10px 20px;font-size:1em}.landingpage footer .content div{text-align:center;flex:0 0 100%}.landingpage footer .content>div:last-child{display:none}.landingpage footer .footer-logo{width:45vw;display:inline-block}}.sign-in h1.logo a:after{border-bottom:none}.sign-in article{text-align:center;max-width:800px;margin:8% auto;padding:1.5em;font-size:1.2em}.sign-in form.waitlist{margin:2em 0;display:block}.sign-in form.waitlist input,.sign-in form.waitlist button{height:50px}.sign-in form.waitlist input[type=email]{border:1px solid #0003;border-radius:6px;width:350px;max-width:100%;margin:8px 0;padding:10px;font-size:1em;display:inline-block}.sign-in form.waitlist input[type=email]::placeholder{color:#0003}.sign-in form.waitlist button{margin:8px;padding:0 20px}@media screen and (width<=1280px){.sign-in h1,.sign-in h2{font-size:1.7em;line-height:1.2}.sign-in .hero h1.logo,.sign-in .hero h2.logo{margin:20px}.sign-in .hero h1.logo img,.sign-in .hero h2.logo img{width:35vw}}@media screen and (width<=670px){.sign-in article{font-size:1em}.sign-in button.sign-in{margin:1em;padding:10px 20px;font-size:1em}}@media screen and (width<=1280px){.hero .title-wrapper{height:auto}.hero .title-wrapper h1{font-size:3em}.hero .title-wrapper h1 img.logo{max-height:90px!important}.hero .title-wrapper h1.logo{margin:20px}.hero .title-wrapper h1.logo img{-o-object-fit:fill;object-fit:fill;width:35vw;height:auto;display:block}.program-list .program-item{min-width:26%;max-width:calc(33.3333% - 10px)}.yicho-program-day #s1 .content{flex-direction:column}.yicho-program-day #s1 .content .video-area #video-player,.yicho-program-day #s1 .content .video-area .exercise-info{width:1080px;max-width:100%;height:auto;margin:0 auto}.yicho-program-day #s1 .content .video-list h2{margin-top:.4em}}@media screen and (width<=900px){.program-list .program-item{min-width:34%;max-width:calc(50% - 15px)}.program-list .program-item figure{max-height:calc(37.5vw - 48.75px)!important}.yicho-program-week #s1 .content .article-wrapper{flex-direction:column}.yicho-program-week #s1 .content .article-wrapper aside{width:100%}.yicho-program-week #s1 .content .article-wrapper aside .program-day-list ul{flex-flow:wrap}.yicho-program-week #s1 .content .article-wrapper aside .program-day-list ul li{flex:1 0 26%;min-width:200px}.yicho-program-week #s1 .content .article-wrapper aside .program-day-list ul li span{display:block}}@media screen and (width<=670px){.header-wrapper header nav ul{margin:0 .5em}.header-wrapper header nav ul li{flex:0 25%}.header-wrapper header nav ul li a{padding:0 3px;font-size:.85em}.hero .title-wrapper h1.logo img{width:55vw}.home #s1 .article-wrapper article{max-width:90%;margin:1.5em auto;font-size:1.3em}.home aside .aside-content{max-width:100%;padding:1em}.program-list .program-item{min-width:51%;max-width:calc(100% - 30px)}.program-list .program-item figure{height:350px!important;max-height:calc(75vw - 48.75px)!important}.yicho-program-day #s1 .content .video-area .exercise-info .content-wrapper{font-size:.8em;line-height:1.3}.yicho-program-day #s1 .content .video-area .exercise-info .content-wrapper h2{margin-bottom:.6em;font-size:1.7em}.yicho-program-day #s1 .content .video-area .exercise-info .content-wrapper #control-area .button-wrapper{gap:1em}.yicho-program-day #s1 .content .video-list h2{font-size:1.7em}}@media screen and (width<=480px){.yicho-program-day #s1 .content .video-area{margin-left:-1em;margin-right:-1em}.yicho-program-day #s1 .content .video-area .exercise-info .content-wrapper{font-size:.7em}.yicho-program-day #s1 .content .video-area .exercise-info .content-wrapper h2{margin-bottom:.4em}.yicho-program-day #s1 .content .video-area .exercise-info .content-wrapper #control-area .button-wrapper{gap:1em}.yicho-program-day #s1 .content .video-area .exercise-info .content-wrapper #control-area .button-wrapper .video-item{flex:0 0 200px;height:50px;line-height:50px}.yicho-program-day #s1 .content .video-area .exercise-info .content-wrapper #control-area .button-wrapper .video-item .video-button{flex:0 0 30px;width:30px;height:30px}.yicho-program-day #s1 .content .video-list h2{font-size:1.6em}}:root{--green-color:#778374;--darker-green-color:#636f60;--dark-green-color:#444042;--dark-gray-color:#444042;--light-back-color:#ccdee0;--lighter-back-color:#e6eff0;--orange-color:#f39200;--white-back-color:#fff;--white-text-color:#fff;--black-text-color:#000000e6;--program-list-back:#b5c7c8;--program-energy-back:#9facad;--anim-duration:3s;--main-width:1600px;--scrollbar-width:30px;--program-items-per-row:4;--program-video-width:calc((100vw - 2em) / 2)}
