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