@import url(https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap);@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap);@import url(https://fonts.googleapis.com/css?family=Gentium+Book+Basic:400,700&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root,.app,body,html{width:100%;height:100%}body,html{box-sizing:border-box;scroll-behavior:smooth}body{color:#000;font-family:"Roboto","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}*,:after,:before{box-sizing:inherit;padding:0;margin:0}.gentium{font-family:"Gentium Book Basic",Georgia,Cambria,"Times New Roman",Times,serif}.text-center{text-align:center}#root{padding:16px}.app{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all .5s ease .75s}.home{flex-direction:column}body,html{font-size:14px}.main-cage{height:100%;align-items:center}.cage,.main-cage{width:100%;display:flex}.cage{max-width:816px;flex-wrap:wrap}.cage .box{padding:16px}.cage .box-1,.cage .box-2,.cage .box-3,.cage .box-4,.cage .box-5,.cage .box-6,.cage .box-7,.cage .box-8,.cage .box-9,.cage .box-10,.cage .box-11,.cage .box-12,.cage .box-l-1,.cage .box-l-2,.cage .box-l-3,.cage .box-l-4,.cage .box-l-5,.cage .box-l-6,.cage .box-l-7,.cage .box-l-8,.cage .box-l-9,.cage .box-l-10,.cage .box-l-11,.cage .box-l-12,.cage .box-m-1,.cage .box-m-2,.cage .box-m-3,.cage .box-m-4,.cage .box-m-5,.cage .box-m-6,.cage .box-m-7,.cage .box-m-8,.cage .box-m-9,.cage .box-m-10,.cage .box-m-11,.cage .box-m-12{flex:0 0 100%;max-width:100%}@media only screen and (min-width:376px){#root{padding:24px}}@media only screen and (min-width:426px){.cage .box-m-1{flex:0 0 8.3333%;max-width:8.3333%}.cage .box-m-2{flex:0 0 16.6667;max-width:16.6667}.cage .box-m-3{flex:0 0 25%;max-width:25%}.cage .box-m-4{flex:0 0 33.3333%;max-width:33.3333%}.cage .box-m-5{flex:0 0 41.6667%;max-width:41.6667%}.cage .box-m-6{flex:0 0 50%;max-width:50%}.cage .box-m-7{flex:0 0 58.3333%;max-width:58.3333%}.cage .box-m-8{flex:0 0 66.6667%;max-width:66.6667%}.cage .box-m-9{flex:0 0 75%;max-width:75%}.cage .box-m-10{flex:0 0 83.3333%;max-width:83.3333%}.cage .box-m-11{flex:0 0 91.6667%;max-width:91.6667%}.cage .box-m-12{flex:0 0 100%;max-width:100%}}@media only screen and (min-width:1025px){body,html{font-size:14px}.cage .box-l-1{flex:0 0 8.3333%;max-width:8.3333%}.cage .box-l-2{flex:0 0 16.6667;max-width:16.6667}.cage .box-l-3{flex:0 0 25%;max-width:25%}.cage .box-l-4{flex:0 0 33.3333%;max-width:33.3333%}.cage .box-l-5{flex:0 0 41.6667%;max-width:41.6667%}.cage .box-l-6{flex:0 0 50%;max-width:50%}.cage .box-l-7{flex:0 0 58.3333%;max-width:58.3333%}.cage .box-l-8{flex:0 0 66.6667%;max-width:66.6667%}.cage .box-l-9{flex:0 0 75%;max-width:75%}.cage .box-l-10{flex:0 0 83.3333%;max-width:83.3333%}.cage .box-l-11{flex:0 0 91.6667%;max-width:91.6667%}.cage .box-l-12{flex:0 0 100%;max-width:100%}}@media only screen and (min-width:1441px){body,html{font-size:16px}}@media only screen and (min-width:1581px){body,html{font-size:18px}}@media only screen and (min-width:1721px){body,html{font-size:20px}}@media only screen and (min-width:2001px){body,html{font-size:22px}}.mac{display:flex;flex-direction:column;align-items:center;perspective:150px;position:relative;max-width:300px;transform:translateY(60%);-webkit-animation:jumping .25s cubic-bezier(.19,.49,.44,1.82) 1.25s forwards;animation:jumping .25s cubic-bezier(.19,.49,.44,1.82) 1.25s forwards}.shadow{position:absolute;width:300px;height:16px;background-color:rgba(47,47,47,.2);bottom:-6px;border-radius:50%;width:0;-webkit-animation:jumpShadow .25s cubic-bezier(.19,.49,.44,1.82) .25s forwards,shadowBtm .5s ease .75s forwards;animation:jumpShadow .25s cubic-bezier(.19,.49,.44,1.82) .25s forwards,shadowBtm .5s ease .75s forwards}.screen{background-color:#2f2f2f;width:300px;height:145px;display:flex;align-items:center;justify-content:center;border-radius:15px 15px 0 0;transform:scaleY(0);transform-origin:center bottom;-webkit-animation:appearScreen .25s cubic-bezier(.19,.49,.44,1.82) 1s forwards;animation:appearScreen .25s cubic-bezier(.19,.49,.44,1.82) 1s forwards}.halo{color:#fff;-webkit-animation:animateText .75s steps(5) 1.25s forwards,blink .5s step-end infinite;animation:animateText .75s steps(5) 1.25s forwards,blink .5s step-end infinite;border-right:2px solid #fff;font-size:1.6rem;font-weight:600;overflow:hidden;width:0;letter-spacing:4px;transform:translateY(10px)}@-webkit-keyframes blink{0%,to{border-right-color:transparent}50%{border-right-color:#fff}}@keyframes blink{0%,to{border-right-color:transparent}50%{border-right-color:#fff}}@-webkit-keyframes animateText{0%{width:0}to{width:90px}}@keyframes animateText{0%{width:0}to{width:90px}}.bottom-frame{width:300px;height:30px;background-color:#ededed;border-radius:0 0 15px 15px;display:flex;align-items:center;justify-content:center;transform:scaleX(0);-webkit-animation:appearBtmFrame .25s ease .75s forwards;animation:appearBtmFrame .25s ease .75s forwards}.mac-logo{width:16px;height:16px;border-radius:50%;display:inline-block;background-color:#d4d4d4}.stand{width:88px;height:26px;background-color:#ededed;transform:rotateX(120deg);border-top:0 solid #d4d4d4;-webkit-animation:appear .25s cubic-bezier(.19,.49,.44,1.82) .5s forwards,standShadow .5s cubic-bezier(.19,.49,.44,1.82) .75s forwards;animation:appear .25s cubic-bezier(.19,.49,.44,1.82) .5s forwards,standShadow .5s cubic-bezier(.19,.49,.44,1.82) .75s forwards}.based{height:6px;width:160px;background-color:#fff;position:relative;border-radius:4px 4px 0 0;opacity:0;transform:rotate(90deg) scaleX(.3) translateY(30px);-webkit-animation:jump .25s cubic-bezier(.19,.49,.44,1.82) .25s forwards;animation:jump .25s cubic-bezier(.19,.49,.44,1.82) .25s forwards}@-webkit-keyframes jump{0%{opacity:1;transform:rotate(90deg) scaleX(.3) translateY(30px)}35%{opacity:1;transform:rotate(0deg) scaleX(.3) translateY(-40px)}50%{opacity:1;transform:rotate(0deg) scaleX(.3) translate(0)}85%{opacity:1;transform:rotate(0deg) scaleX(.3) translate(0)}to{opacity:1;transform:rotate(0deg) scaleX(1) translate(0)}}@keyframes jump{0%{opacity:1;transform:rotate(90deg) scaleX(.3) translateY(30px)}35%{opacity:1;transform:rotate(0deg) scaleX(.3) translateY(-40px)}50%{opacity:1;transform:rotate(0deg) scaleX(.3) translate(0)}85%{opacity:1;transform:rotate(0deg) scaleX(.3) translate(0)}to{opacity:1;transform:rotate(0deg) scaleX(1) translate(0)}}@-webkit-keyframes jumpShadow{0%{opacity:1;width:20px}35%{width:40px}50%{width:40px}85%{width:40px}to{opacity:1;width:135px}}@keyframes jumpShadow{0%{opacity:1;width:20px}35%{width:40px}50%{width:40px}85%{width:40px}to{opacity:1;width:135px}}@-webkit-keyframes shadowBtm{0%{width:135px}to{width:100%}}@keyframes shadowBtm{0%{width:135px}to{width:100%}}@-webkit-keyframes appear{0%{opacity:1;transform:rotateX(120deg)}to{opacity:1;transform:rotateX(50deg)}}@keyframes appear{0%{opacity:1;transform:rotateX(120deg)}to{opacity:1;transform:rotateX(50deg)}}@-webkit-keyframes standShadow{0%{border-width:0}to{border-width:10px}}@keyframes standShadow{0%{border-width:0}to{border-width:10px}}@-webkit-keyframes appearBtmFrame{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes appearBtmFrame{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@-webkit-keyframes appearScreen{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes appearScreen{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@-webkit-keyframes jumping{0%{transform:translateY(60%)}to{transform:translateY(0)}}@keyframes jumping{0%{transform:translateY(60%)}to{transform:translateY(0)}}.mac+.text-box{margin-top:56px}.text-box p{font-size:22px;font-weight:400;letter-spacing:1px}.text-box a{color:#fff;text-decoration:none;font-weight:700}.text-box p+p{margin-top:8px;line-height:1.5;max-width:500px;font-size:20px}.short-cut{padding:16px 0;display:flex;width:100%;border-top:1px dashed #fff;border-bottom:1px dashed #fff;margin-top:24px;justify-content:space-around;align-items:center;max-width:400px;margin-left:auto;margin-right:auto}.short-cut a{text-transform:uppercase;font-size:12px;transition:all .25s ease;font-weight:600;letter-spacing:2px}.short-cut a:hover{opacity:.5}.short-cut .dot-separator{width:8px;height:8px;background-color:#fff;display:inline-block;border-radius:50%}.home{height:100%;width:100%;display:flex;align-items:center;justify-content:flex-start;opacity:1;background-color:#f3f7fb;padding-top:80px;overflow-x:auto}.home .green-bg{display:none;transition:all .25s ease}@-webkit-keyframes appearing{0%{background-color:transparent}to{background-color:#388df7}}@keyframes appearing{0%{background-color:transparent}to{background-color:#388df7}}.home-cage{width:100%;display:flex;justify-content:space-between;align-items:center;position:relative;flex-direction:column}.home-cage .text-box{color:#000;text-align:left;width:84%;transition:all .25s ease}.home-cage .text-box .main-title{margin-bottom:2rem;line-height:1.4;font-size:1.6rem}.home-cage .text-box .sub-title{font-weight:400;line-height:1.6;font-size:1rem;margin-bottom:3rem}.home-cage .text-box .home-nav{list-style:none;padding:0;display:flex;margin:0 0 20px;flex-direction:column;align-items:flex-start}.home-cage .text-box .home-nav li{overflow:hidden}.home-cage .text-box .home-nav li a{color:#000;font-size:1rem;display:inline-block;padding-bottom:8px;position:relative;transition:all .25s ease}.home-cage .text-box .home-nav li a:after,.home-cage .text-box .home-nav li a:before{content:"";position:absolute;height:2px;width:100%;bottom:0;left:0;transition:all .25s ease}.home-cage .text-box .home-nav li a:before{background-color:#2cefc0}.home-cage .text-box .home-nav li a:after{background-color:#0b9170;transform:translateX(-100%)}.home-cage .text-box .home-nav li a:hover{color:#0b9170}.home-cage .text-box .home-nav li a:hover:before{transform:translateX(100%)}.home-cage .text-box .home-nav li a:hover:after{transform:translateX(0);transition-delay:.3s}.home-cage .text-box .home-nav li+li{margin-top:20px}.home-cage .image-box{display:none;transition:all .25s ease}.intro-page-appear .text-box,.intro-page-enter .text-box{transform:translateY(10%);opacity:0}.intro-page-appear.home .green-bg,.intro-page-enter.home .green-bg{right:-100%}.intro-page-appear .image-box,.intro-page-enter .image-box{transform:translateY(-20%);opacity:0}.intro-page-enter-active.home,.intro-page-enter.home{position:absolute}.intro-page-appear-done .text-box,.intro-page-enter-done .text-box{transform:translateY(0);opacity:1}.intro-page-appear-done.home .green-bg,.intro-page-enter-done.home .green-bg{right:0;transition-delay:.2s}.intro-page-appear-done .image-box,.intro-page-enter-done .image-box{transform:translateY(0);opacity:1;transition-delay:.25s}.intro-page-exit-done.home .green-bg,.intro-page-exit.home .green-bg{right:100%;transition-duration:.5s}.intro-page-exit-done .image-box,.intro-page-exit .image-box{transform:translateY(-20%);opacity:0;transition-delay:.25s}.intro-page-exit-done .text-box,.intro-page-exit .text-box{transform:translateY(10%);opacity:0;transition-delay:.25s}@media only screen and (max-width:375px) and (min-height:600px){.home{justify-content:flex-end;padding-top:0}.home .green-bg{position:absolute;background-color:#2cefc0;right:0;width:100%;height:80px;display:block}.home-cage .image-box{display:flex;width:40%;justify-content:flex-end;align-self:flex-end}.home-cage .image-box img{width:100%;height:100%}.home-cage .text-box{margin-bottom:-30%}}@media only screen and (max-width:375px) and (min-height:700px){.home{justify-content:flex-end;padding-top:0}.home .green-bg{position:absolute;background-color:#2cefc0;right:0;width:100%;height:80px;display:block}.home-cage .image-box{display:flex;width:40%;justify-content:flex-end;align-self:flex-end}.home-cage .image-box img{width:100%;height:100%}.home-cage .text-box{margin-bottom:-30%}.home-cage .text-box .main-title{font-size:2.1rem}.home-cage .text-box .sub-title{font-size:1.2rem}}@media only screen and (min-width:376px){.home{justify-content:flex-end;padding-top:0}.home .green-bg{position:absolute;background-color:#2cefc0;right:0;width:100%;height:80px;display:block}.home-cage .text-box{margin-bottom:-36%}.home-cage .text-box .main-title{font-size:1.9rem}.home-cage .text-box .sub-title{font-size:1.2rem}.home-cage .image-box{display:flex;width:100%;justify-content:flex-end}.home-cage .image-box img{width:40%;height:auto}}@media only screen and (min-width:426px){.home-cage .text-box{width:64%}.home-cage .text-box .main-title{font-size:2rem}.home-cage .text-box .sub-title{margin-bottom:10rem}.home-cage .text-box .home-nav{margin-bottom:40px}.home-cage .text-box .home-nav li+li{margin-top:40px}}@media only screen and (min-width:769px){.home .green-bg{width:23%;height:100%}.home-cage{flex-direction:row;width:75%}.home-cage .text-box{width:40%;margin-bottom:0;max-width:27.5rem}.home-cage .text-box .sub-title{margin-bottom:5rem}.home-cage .text-box .home-nav{flex-direction:row}.home-cage .text-box .home-nav li+li{margin-left:32px;margin-top:0}.home-cage .text-box .home-nav li a{font-size:.7rem}.home-cage .image-box{width:52%}.home-cage .image-box img{width:100%}.intro-page-appear.home .green-bg,.intro-page-enter.home .green-bg{right:-30%}}@media only screen and (min-width:1025px){.home-cage .text-box .main-title{font-size:2.125rem}.home-cage .text-box .sub-title{font-size:1.375rem}.home-cage .text-box .home-nav li a{font-size:.875rem}.home-cage .image-box{width:40%}}@media only screen and (min-width:1921px){.home-cage .text-box{max-width:none}}.about{height:100%;width:100%;display:flex;align-items:center;justify-content:center;opacity:1;position:relative;background-color:#f3f7fb;transition:all .25s ease}.about-page-appear,.about-page-appear-active,.about-page-enter,.about-page-enter-active{position:absolute;opacity:0}.about-page-appear-active .about-text-block,.about-page-appear .about-text-block,.about-page-enter-active .about-text-block,.about-page-enter .about-text-block,.about-page-exit-active .about-text-block,.about-page-exit .about-text-block{transform:translateY(20%);opacity:0}.about-page-appear-done,.about-page-enter-done{opacity:1}.about-page-appear-done .about-text-block,.about-page-enter-done .about-text-block{transform:translateY(0);opacity:1;transition-delay:.5s}.about-cage{width:100%;height:100%;overflow-x:auto;padding:32px 0}.about-cage .cage{height:100%}.about-cage .cage,.about-cage .half{display:flex;align-items:center;justify-content:center}.about-cage .half{flex-basis:50%;position:relative}.about-cage .half.half-right{transition:all .25s ease}.scene.baby{width:140px;height:259px}.scene.baby,.scene.grown{display:flex;align-items:center;justify-content:center;position:relative}.scene.grown{width:280px;height:363px}.about-text-block{width:90%;max-width:680px;margin:auto;text-align:center;transition:all .25s ease}.about-text-block .chapter{font-size:40px;font-weight:700;text-align:center;line-height:40px;margin-bottom:32px}.about-text-block .chapter-title{text-align:center;font-size:16px;font-weight:700;letter-spacing:18px;position:absolute;left:0;right:0;margin:0 auto;top:30px}.about-text-block .chapter-title span{font-size:22px;vertical-align:top;display:inline-block;border-bottom:2px solid;margin-right:12px}.about-text-block .data-content{color:#2f2f2f;padding:0 30px;text-align:justify;margin-bottom:15px;font-weight:400;font-size:16px;line-height:1.6;text-rendering:optimizeLegibility;cursor:default}.about-text-block .data-content:last-child{margin-bottom:0}.about-text-block .data-content a,.about-text-block .data-content span{font-weight:700;text-decoration:none}.about-text-block .data-content .trigger{border-bottom:2px solid #10d8a8;cursor:pointer;transition:all .25s ease;color:#2f2f2f}.about-text-block .data-content .trigger:hover{border-color:#2f2f2f}.about-text-block .title-group{position:relative;margin-bottom:32px}.about-text-block .title-group .bg-text{color:#2cefc0;text-align:center;font-size:64px;font-weight:700;display:inline-block;letter-spacing:14px}.experience-text-block{width:80%;max-width:680px;margin:auto;text-align:center}.my-tool-tip{background-color:#fff!important;box-shadow:0 0 45px rgba(47,47,47,.1)}.my-tool-tip:after{border-top-color:#fff!important}.stay-on-hover{pointer-events:auto!important}.stay-on-hover:hover{visibility:visible!important;opacity:1!important}.stay-on-hover.my-tool-tip{padding:8px}.stay-on-hover a{display:inline-block;padding:4px 12px;position:relative}.stay-on-hover a svg path{fill:#2f2f2f;transition:all .25s ease}.stay-on-hover a:hover{opacity:.5}.stay-on-hover a:hover svg path{fill:#0da883}.stay-on-hover a+a:before{height:12px;width:1px;position:absolute;left:0;top:50%;margin-top:-6px;background-color:#fff}.scene-appear .about-text-block,.scene-appear .experience-text-block,.scene-enter .about-text-block,.scene-enter .experience-text-block,.scene-exit .about-text-block,.scene-exit .experience-text-block{position:absolute;top:50%;left:0;right:0;opacity:0;transform:translateY(-200px);transition:all .25s cubic-bezier(.1,.54,.43,1.45)}.scene-enter-done .about-text-block,.scene-enter-done .experience-text-block{position:relative;margin-top:0!important;transform:translateY(0);opacity:1;transition:all .25s cubic-bezier(.1,.54,.43,1.45)}@media screen and (min-width:769px){.about-cage{display:flex;padding:0}.about-cage .half{overflow:hidden}.about-page-appear-active .about-cage .half-right,.about-page-appear .about-cage .half-right,.about-page-enter-active .about-cage .half-right,.about-page-enter .about-cage .half-right{background-color:transparent}.about-page-appear-done .about-cage .half-right,.about-page-enter-done .about-cage .half-right{background-color:rgba(47,47,47,.02);transition-delay:.25s}}.about-navi-container{position:absolute;left:0;right:0;bottom:40px;margin:auto;width:90%;max-width:280px}.about-navi-container .indicator-marker{width:40px;height:40px;position:absolute;top:-56px;perspective:100px;transition:all .25s ease}.about-navi-container .indicator-marker.rota span{transform:rotateY(-180)}.about-navi-container .indicator-marker.rota span:last-child{transform:rotateY(0deg)}.about-navi-container .indicator-marker span{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#fff;position:absolute;left:0;top:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:all .5s ease;border-radius:4px}.about-navi-container .indicator-marker span:after{content:"";width:10px;height:10px;background-color:#fff;display:inline-block;bottom:-5px;position:absolute;transform:rotate(45deg);border-radius:2px}.about-navi-container .indicator-marker span svg{width:16px;height:auto}.about-navi-container .indicator-marker span svg path{fill:#7c7c7c}.about-navi-container.experience-active .indicator-marker{left:248px}.about-navi-container.experience-active .indicator-marker span:first-child{transform:rotateY(-180deg)}.about-navi-container.experience-active .indicator-marker span:last-child{transform:rotateY(0deg)}.about-navi-container.story-active .indicator-marker{left:-8px}.about-navi-container.story-active .indicator-marker span:first-child{transform:rotateY(0deg)}.about-navi-container.story-active .indicator-marker span:last-child{transform:rotateY(180deg)}.about-navi{list-style:none;padding:0;display:flex;align-items:center;justify-content:center}.about-navi li{height:24px;width:24px}.about-navi li a{display:inline-block}.about-navi li.line-connector{height:4px;width:100%;flex-grow:1;background-color:hsla(0,0%,100%,.2)}.about-navi .marker{width:24px;height:24px;background-color:#ff0;display:inline-block;border-radius:50%}.baby .all-baby{width:140px;height:259px;display:block;position:relative;transition:all .75s cubic-bezier(.1,.54,.43,1.45)}.baby .all-ear{position:absolute;width:78px;display:block;margin:auto;left:0;right:0;top:40px}.baby .all-ear .ear{width:16px;height:22px;background-color:#ecd4a0;border-radius:50%;position:absolute}.baby .all-ear .ear.ear-left{left:-5px;transform:rotate(-15deg)}.baby .all-ear .ear.ear-right{right:-5px;transform:rotate(15deg)}.baby .full-face{position:absolute;top:45px;left:0;right:0;width:98px;display:block;margin:auto;height:60px}.baby .full-face .all-eye{position:absolute;left:27px;right:27px;top:-7px;z-index:2}.baby .full-face .all-eye .eye{width:7px;height:14px;background:#373737;position:absolute;border-radius:50%;-webkit-animation:blinkEye 5s ease infinite;animation:blinkEye 5s ease infinite}.baby .full-face .all-eye .eye.eye-left{left:0}.baby .full-face .all-eye .eye.eye-right{right:0}.baby .full-face .nose{width:15px;height:7px;background-color:#e3c176;position:absolute;bottom:40px;display:block;left:0;right:0;margin:auto;border-radius:50%;z-index:2}.baby .full-face .pacifier{position:absolute;bottom:34px;right:54px}.baby .full-face .pacifier .pacifier-base{width:24px;height:17px;background:#7ecce2;border-radius:50%;position:absolute;transform:rotate(-15deg);-webkit-animation:pacifier 1.5s ease infinite;animation:pacifier 1.5s ease infinite}.baby .full-face .pacifier .pacifier-base .pacifier-holder{width:16px;height:16px;border:4px solid #68a9bc;box-sizing:border-box;border-radius:50%;position:absolute;top:8px;left:5px}.baby .head{position:absolute;z-index:10;left:0;right:0}.baby .head .face{height:78px}.baby .top{display:block;margin:auto;background-color:#ecd4a0}.baby .hair-all,.baby .top{width:78px;height:78px;border-radius:50%;position:relative}.baby .hair-all .hair-1{background-color:#373737}.baby .hair-all .hair-1,.baby .hair-all .hair-1:before{width:78px;height:78px;border-radius:50%;overflow:hidden;box-shadow:5px 5px rgba(0,0,0,.1)}.baby .hair-all .hair-1:before{content:"";background-color:#ecd4a0;display:block;margin:auto;position:absolute;left:0;right:0;top:11px}.baby .hair-all .hair-3{width:78px;height:78px;border-radius:50%;position:absolute;top:0;left:0;overflow:hidden}.baby .hair-all .hair-3:before{content:"";width:100px;height:100px;background-color:#373737;display:inline-block;border-radius:50%;position:absolute;top:-70px;left:-20px;right:0;transform:rotate(-16deg);box-shadow:-6px 5px rgba(0,0,0,.1);z-index:5}.baby .body{width:135px;height:245px;background:#d1c34b;border:8px solid #eddf65;box-sizing:border-box;border-radius:50%;overflow:hidden;position:absolute;top:10px;left:0;right:0;display:block;margin:auto;box-shadow:8px 8px rgba(0,0,0,.1)}.baby .body .body-extend{width:105px;height:140px;border-radius:50%;background:#df9767;position:absolute;top:50px;left:8px}.baby .body .cloth:before{background:#e2d45a;transform:rotate(35deg);left:-85px}.baby .body .cloth:after,.baby .body .cloth:before{content:"";width:260px;height:200px;display:block;position:absolute;top:110px;box-shadow:0 -4px rgba(0,0,0,.1)}.baby .body .cloth:after{background:#eddf65;transform:rotate(-35deg);right:-85px}.baby .buble{background:#fff;display:inline-block;padding:30px 25px;position:absolute;z-index:15;border-radius:50%;text-align:center;font-size:14px;font-weight:700;color:#373737;opacity:0;top:-100px;left:-80px;transform:rotate(-90deg);transform-origin:bottom right;transition:all .25s ease}.baby .buble.right-tip:after{right:25px;border-color:#fff #fff transparent transparent;border-width:20px;transform:rotate(-20deg)}.baby .buble.left-tip:after,.baby .buble.right-tip:after{bottom:-10px;content:"";width:0;height:0;display:inline-block;position:absolute;border-style:solid;z-index:14}.baby .buble.left-tip:after{border-color:#fff transparent transparent #fff;border-width:10px;left:25px;transform:rotate(20deg)}.toy{border:4px solid #e6e4e4;box-sizing:border-box;border-radius:50%;transform:rotate(-25deg);box-shadow:5px 5px rgba(0,0,0,.1);width:40px;height:40px;opacity:1;transition:all .5s cubic-bezier(.1,.54,.43,1.45);position:absolute;top:80px;left:-100px}.toy .toypart{width:4px;border-radius:50px;position:absolute;overflow:hidden;background:#6295f2;height:20px;transition:all 1.5s cubic-bezier(.1,.54,.43,1.45)}.toy .toypart:first-child{background-color:#61d83c;transform:rotate(-85deg);top:7px;left:-4px;box-shadow:-3px 3px rgba(0,0,0,.1);transition:all 1.5s cubic-bezier(.1,.54,.43,1.45) .7s}.toy .toypart:nth-child(2){background-color:#d0eb53;transform:rotate(-33deg);top:-8px;left:3px;box-shadow:1px 5px rgba(0,0,0,.1);transition:all 1.5s cubic-bezier(.1,.54,.43,1.45) .8s}.toy .toypart:nth-child(3){background-color:#eb5353;transform:rotate(-159deg);top:-9px;right:4px;box-shadow:-3px -4px rgba(0,0,0,.1);transition:all 1.5s cubic-bezier(.1,.54,.43,1.45) .9s}.toy .toypart:nth-child(4){background-color:#53d4eb;transform:rotate(-114deg);top:7px;right:-1px;box-shadow:-3px 2px rgba(0,0,0,.1);transition:all 1.5s cubic-bezier(.1,.54,.43,1.45) 1s}.toy:after{content:"";width:6px;background:#e6e4e4;display:block;left:0;right:0;margin:auto;bottom:-34px;border-radius:50px;transition:all .5s ease 0s;height:40px;opacity:1;transition:all 1.5s cubic-bezier(.1,.54,.43,1.45)}.ball,.toy:after{position:absolute;box-shadow:5px 5px rgba(0,0,0,.1)}.ball{width:50px;height:50px;border-radius:50%;background-color:#ed8d58;right:-80px;top:-20px}.toy-car{width:39px;height:59px;background:#44c0db;border-radius:5px;position:absolute;right:-100px;margin:auto;bottom:0;transform:rotate(10deg);transform-origin:700% 50%;transition:all 1s cubic-bezier(.1,.54,.43,1.45);box-shadow:5px 5px rgba(0,0,0,.1)}.toy-car .front-wheel,.toy-car .rear-wheel{position:absolute;left:0;right:0}.toy-car .front-wheel{top:8px}.toy-car .rear-wheel{bottom:25px}.toy-car .wheel{width:4px;height:17px;background:#505050;position:absolute;box-shadow:5px 5px rgba(0,0,0,.1)}.toy-car .left-wheel{left:-4px}.toy-car .right-wheel{right:-4px}.toy-car .front-lamp{position:absolute;left:0;right:0;top:0}.toy-car .front-lamp .lamp{width:9px;height:3px;background:#ecebeb;position:absolute;top:-3px}.toy-car .front-lamp .lamp.left-lamp{left:3px}.toy-car .front-lamp .lamp.right-lamp{right:3px}.toy-car .rear-lamp{height:2px;width:28px;position:absolute;background:#f26666;margin:auto;left:0;right:0;bottom:-2px}.toy-car .window{position:absolute;left:0;right:0;perspective:50;bottom:0;top:0}.toy-car .window:after,.toy-car .window:before{content:""}.toy-car .window:before{height:18px;top:10px;transform:rotateX(40deg)}.toy-car .window:after,.toy-car .window:before{width:35px;background:#51cce6;display:block;margin:auto;position:absolute;left:0;right:0}.toy-car .window:after{height:10px;top:40px;transform:rotateX(-35deg)}.baby-scene .toy{width:40px;height:40px;opacity:1;transition:all .5s cubic-bezier(.1,.54,.43,1.45) .5s}.baby-scene .toy .toypart{height:20px}.baby-scene .toy:after{height:40px;opacity:1;transition:all .5s cubic-bezier(.1,.54,.43,1.45) .6s}.baby-scene .ball{-webkit-animation:ball-bounce 1s ease;animation:ball-bounce 1s ease;top:-25px;right:-75px}.baby-scene .toy-car{transform:rotate(-25deg);transition:all 1s cubic-bezier(.1,.54,.43,1.45) .25}@-webkit-keyframes blinkEye{0%{height:14px;top:0}48%{height:14px;top:0}49%{height:0;top:14px}50%{height:14px;top:0}to{height:14px;top:0}}@keyframes blinkEye{0%{height:14px;top:0}48%{height:14px;top:0}49%{height:0;top:14px}50%{height:14px;top:0}to{height:14px;top:0}}@-webkit-keyframes pacifier{0%{top:0}10%{top:-2px}20%{top:0}30%{top:-2px}50%{top:0}to{top:0}}@keyframes pacifier{0%{top:0}10%{top:-2px}20%{top:0}30%{top:-2px}50%{top:0}to{top:0}}@-webkit-keyframes ball-bounce{0%,50%,to{transform:scale(1)}25%,75%{transform:scale(1.5)}}@keyframes ball-bounce{0%,50%,to{transform:scale(1)}25%,75%{transform:scale(1.5)}}.scene-appear .all-baby,.scene-enter .all-baby,.scene-exit .all-baby{transform:translateY(-100vh)}.scene-appear .ball,.scene-enter .ball,.scene-exit .ball{right:-50vh;top:-50vh;transition:all 1s ease}.scene-appear .toy-car,.scene-enter .toy-car,.scene-exit .toy-car{transform:rotate(-150deg);transition:all 1s cubic-bezier(.1,.54,.43,1.45)}.scene-appear .toy,.scene-enter .toy,.scene-exit .toy{transform:rotate(0deg) scale(0);transition:all .5s cubic-bezier(.1,.54,.43,1.45)}.scene-appear .scene.baby,.scene-enter .scene.baby,.scene-exit .scene.baby{position:absolute;left:0;right:0;top:50%;margin:-129.5px auto auto}.scene-enter-done .scene.baby{position:relative}.scene-enter-done .all-baby{transform:translateY(0)}.scene-enter-done .ball{right:-80px;top:-20px;-webkit-animation:ball-bounce 1s ease;animation:ball-bounce 1s ease;transition:all 1s ease}.scene-enter-done .toy-car{transform:rotate(10deg);transition:all 1s cubic-bezier(.1,.54,.43,1.45) .25s}.scene-enter-done .toy{transform:rotate(-25deg) scale(1);transition:all .5s cubic-bezier(.1,.54,.43,1.45) .5s}.buble[data-buble=punk]{left:-110px;right:80px}.music-hover-active .buble[data-buble=punk]{opacity:1;transform:rotate(0deg)}.grown .buble{background:#fff;display:inline-block;padding:30px 25px;position:absolute;z-index:15;border-radius:50%;text-align:center;font-size:14px;font-weight:700;color:#373737;opacity:0;top:-80px;left:-40px;transform:rotate(-90deg);transform-origin:bottom right;transition:all .25s ease}.grown .buble.right-tip:after{right:25px;border-color:#fff #fff transparent transparent;border-width:20px;transform:rotate(-20deg)}.grown .buble.left-tip:after,.grown .buble.right-tip:after{bottom:-10px;content:"";width:0;height:0;display:inline-block;position:absolute;border-style:solid;z-index:14}.grown .buble.left-tip:after{border-color:#fff transparent transparent #fff;border-width:10px;left:25px;transform:rotate(20deg)}.grown .all-kid{width:280px;height:363px;transition:all .2s cubic-bezier(.1,.54,.43,1.45)}.grown .head{position:absolute;z-index:10;top:0;left:0;right:0}.grown .face{height:121px;position:relative}.grown .all-ear{position:absolute;width:119px;display:block;margin:auto;left:0;right:0;top:75px}.grown .all-ear .ear{width:16px;height:22px;background:#ecd4a0;border-radius:50%;position:absolute}.grown .all-ear .ear.ear-left{left:-2px;transform:rotate(-15deg)}.grown .all-ear .ear.ear-right{right:-2px;transform:rotate(15deg)}.grown .top{display:block;margin:auto}.grown .hair-all,.grown .top{width:119px;height:112px;border-radius:50%;position:relative}.grown .hair-tip-1{width:40px;height:40px;background:#373737;position:absolute;border-radius:50%;top:21px;left:-6px;transform:rotate(-20deg)}.grown .hair-tip-1:before{content:"";display:inline-block;position:absolute;width:136px;height:38px;background:#f3f7fb;border-radius:50%;top:-28px;transform:rotate(-15deg)}.grown .hair-tip-2{width:40px;height:40px;background:#373737;position:absolute;border-radius:50%;top:2px;left:-5px;transform:rotate(-8deg)}.grown .hair-tip-2:before{content:"";display:inline-block;position:absolute;width:136px;height:38px;background:#f3f7fb;border-radius:50%;top:-28px;transform:rotate(-15deg)}.grown .hair-1{width:119px;height:112px;border-radius:50%;background:#373737;position:relative}.grown .hair-1:before{content:"";width:108px;height:114px;background-color:#ecd4a0;display:block;margin:auto;right:0;top:12px}.grown .hair-1:before,.grown .hair-3{border-radius:50%;position:absolute;left:0}.grown .hair-3{width:119px;height:112px;top:0;overflow:hidden}.grown .hair-3:before{width:119px;background-color:#373737;top:-12px;left:-15px;right:0;transform:rotate(-16deg);box-shadow:-6px 5px rgba(0,0,0,.1);z-index:5}.grown .hair-3:after,.grown .hair-3:before{content:"";height:73px;display:inline-block;border-radius:50%;position:absolute}.grown .hair-3:after{width:98px;background:#373737;transform:rotate(30deg);right:-50px;top:-15px;box-shadow:5px 5px rgba(0,0,0,.1);z-index:4}.grown .full-face{position:absolute;top:45px;left:0;right:0;width:108px;display:block;margin:auto;height:95px}.grown .full-face .all-eye{position:absolute;left:25px;right:25px;top:15px;z-index:2}.grown .full-face .all-eye .eye{width:12px;height:21px;background:#373737;position:absolute;border-radius:50%;-webkit-animation:blinkEye1 5s ease infinite;animation:blinkEye1 5s ease infinite}.grown .full-face .all-eye .eye.eye-left{left:0}.grown .full-face .all-eye .eye.eye-right{right:0}.grown .full-face .nose{width:15px;height:7px;background-color:#e3c176;bottom:49px;z-index:2}.grown .full-face .mouth,.grown .full-face .nose{position:absolute;display:block;left:0;right:0;margin:auto;border-radius:50%}.grown .full-face .mouth{width:28px;height:37px;background:#373737;bottom:28px}.grown .full-face .mouth:after{content:"";width:79px;height:44px;background:#ecd4a0;display:block;position:absolute;left:-93%;right:0;margin:auto;border-radius:50%;bottom:5px}.grown .full-face .mouth.talk:after{-webkit-animation:talking .5s ease 4;animation:talking .5s ease 4}.grown .neck{height:14px;background-color:#e9cc8f;margin:auto;top:123px}.grown .neck,.grown .neck :before{width:25px;position:absolute;left:0;right:0}.grown .neck :before{content:"";background-color:#e7c887;height:7px;top:1px;border-radius:50%}.grown .all-body{position:absolute;height:auto;margin:auto;width:87px;left:0;right:0;top:137px}.grown .all-body .all-hand{position:absolute;left:0;right:0;top:-1px}.grown .all-body .all-hand .hand{width:21px;height:52px;position:absolute}.grown .all-body .all-hand .hand.hand-left{left:-20px;border-radius:50% 0 0 0;transform:rotate(15deg)}.grown .all-body .all-hand .hand.hand-right{right:-20px;border-radius:0 50% 0 0;transform:rotate(-15deg)}.grown .all-body .body{display:inline-block;width:87px;height:101px;margin:auto;position:relative}.grown .all-body .neck-tip{width:25px;height:7px;background:#e6cf9e;margin:auto;border-radius:0 0 50% 50%;position:absolute;display:block;left:0;right:0;top:-7px}.grown .all-colar{position:absolute;top:-4px;left:0;right:0}.grown .all-colar .colar{width:21px;height:12px;background-color:#e2d4d4;background-image:linear-gradient(90deg,rgba(200,0,0,.5) 50%,transparent 0),linear-gradient(rgba(200,0,0,.5) 50%,transparent 0);background-size:15px 15px;background-position:top;position:absolute;top:0;z-index:3}.grown .all-colar .colar.colar-left{transform:rotate(45deg);left:22px}.grown .all-colar .colar.colar-right{transform:rotate(-45deg);right:22px}.grown .foot{position:absolute;left:0;margin:auto;right:0;top:248px;width:92px;z-index:2}.grown .butt{width:92px;height:28px;background:#2c3e4b;margin:auto}.grown .all-legs{position:absolute;left:0;right:0;top:25px}.grown .all-legs .legs{position:absolute;height:77px;width:31px;background:#375063}.grown .all-legs .legs.leg-left{left:0}.grown .all-legs .legs.leg-right{right:0}.grown .all-legs .legs:before{content:"";width:31px;height:31px;background:#375063;position:absolute;display:block;top:-20px;border-radius:50%}.grown .all-legs .legs .shoes{position:absolute;left:0;right:0;bottom:-12px;height:19px}.grown .all-legs .legs .shoes .shoe-top{width:19px;height:19px;background:#272626;margin:auto;position:absolute;left:0;right:0}.grown .all-legs .legs .shoes .shoe-top:before{left:-9px}.grown .all-legs .legs .shoes .shoe-top:after,.grown .all-legs .legs .shoes .shoe-top:before{content:"";width:13px;height:17px;background:#363636;display:block;position:absolute;bottom:0}.grown .all-legs .legs .shoes .shoe-top:after{right:-9px}.grown .all-legs .legs .shoes .shoe-bottom{width:32px;height:12px;background:#fff;display:block;position:absolute;border-radius:50%;left:-1px;right:0;margin:auto;bottom:0}.grown .all-legs .legs .shoes .shoe-bottom:after{content:"";width:37px;height:6px;background:#ddd;display:block;position:absolute;left:-2px;right:0;margin:auto;bottom:0}.grown .all-legs .legs .shoes .shoe-lace{width:26px;height:2px;background:#fff;position:absolute;left:0;right:0;margin:auto;top:5px}.grown .chair{position:absolute;left:0;right:0;display:block;margin:auto;width:140px;top:207px;z-index:1}.grown .chair .chair-top{width:119px;height:70px;border-left:7px solid #ddd;border-right:7px solid #ddd}.grown .chair .chair-bottom,.grown .chair .chair-top{margin:auto;box-sizing:border-box;position:absolute;left:0;right:0}.grown .chair .chair-bottom{width:135px;height:85px;border-left:12px solid #ddd;border-right:12px solid #ddd;top:68px}.grown .chair .chair-bottom:after{content:"";width:140px;height:7px;background:#902626;display:block;position:absolute;margin:auto;left:-25px;right:-25px;top:0}.grown .body{background-position:top}.grown .arm,.grown .body,.grown .hand{background-color:#fff;background-image:linear-gradient(90deg,rgba(200,0,0,.5) 50%,transparent 0),linear-gradient(rgba(200,0,0,.5) 50%,transparent 0);background-size:15px 15px}.grown .arm,.grown .hand{background-position:0 0}.laptop{position:absolute;left:0;right:0;top:162px;z-index:2;perspective:500px}.laptop .laptop-screen{width:165px;height:77px;background:#e3e3e6;margin:auto;border-radius:5px 5px 0 0;text-align:center;padding:26px 0;box-sizing:border-box;transform:rotateX(-30deg)}.laptop .laptop-screen .logos{width:24px;height:24px;background:#fff;border-radius:50%;display:inline-block;position:relative}.laptop .laptop-screen .logos:after{content:"";width:16px;position:absolute;left:0;right:0;display:block;margin:auto;height:14px;background:#fff;bottom:-3px}.laptop .laptop-screen .logos .eye-skull{position:absolute;display:block;left:0;right:0;margin:auto;top:10px}.laptop .laptop-screen .logos .eye-skull:after,.laptop .laptop-screen .logos .eye-skull:before{content:"";width:7px;height:9px;background:#e3e3e6;display:block;position:absolute;border-radius:50%;z-index:5}.laptop .laptop-screen .logos .eye-skull:before{left:4px}.laptop .laptop-screen .logos .eye-skull:after{right:4px}.laptop .base{width:156px;height:7px;background:#d4d2d0;margin:-8px auto auto;box-sizing:border-box}.table{position:absolute;left:0;right:0;top:238px;z-index:3;width:280px;margin:auto}.table .top-table{width:280px;height:10px;background:#3e342d}.table .bottom-table,.table .top-table{margin:auto;transition:all .2s cubic-bezier(.1,.54,.43,1.45)}.table .bottom-table{width:266px;height:115px;border-left:10px solid #4d4139;border-right:10px solid #4d4139;box-sizing:border-box}.big-shadow{width:280px;height:19px;background-color:#e0eaf5;position:absolute;left:0;right:0;bottom:-10px;border-radius:50%;margin:auto;transition:all .2s cubic-bezier(.1,.54,.43,1.45)}.buttons{padding:0;text-align:center;list-style:none;margin:7px 0 0}.buttons li{width:6px;height:6px;background:#464646;border-radius:50%;display:block;margin:auto auto 15px}.mug{right:10px;height:11px;background-color:#3e4b56;width:23px;position:absolute;top:-11px;transition:all .2s cubic-bezier(.1,.54,.43,1.45)}.mug:before{height:25px;background-color:#44535f;transition:all .2s cubic-bezier(.1,.54,.43,1.45) .8s;width:28px;top:-24px;right:-2px}.mug:after,.mug:before{content:"";position:absolute}.mug:after{width:17px;height:16px;border-radius:50%;top:-19px;right:-13px;transition:all .2s cubic-bezier(.1,.54,.43,1.45);border:4px solid #44535f}.desk-lamp{top:0;position:absolute;left:65px;width:37px}.desk-lamp .lamp-arm{bottom:2px;left:-36px;transform-origin:bottom;transform:rotate(-45deg)}.desk-lamp .lamp-arm,.desk-lamp .lamp-arm:before{width:3px;height:56px;background:#dedddc;position:absolute;display:block;transition:all .2s cubic-bezier(.1,.54,.43,1.45)}.desk-lamp .lamp-arm:before{content:"";bottom:52px;left:0;transform-origin:bottom;transform:rotate(90deg)}.desk-lamp .lamp-arm:after{content:"";width:20px;height:20px;border-radius:50%;top:-5px;left:-8px}.desk-lamp .lamp-arm:after,.desk-lamp .lamp-base{position:absolute;background:#e3e3e6;transition:all .2s cubic-bezier(.1,.54,.43,1.45)}.desk-lamp .lamp-base{width:37px;height:7px;left:-55px;bottom:0}.desk-lamp .lamp{width:21px;height:21px;background:#ffe40d;top:-81px;border-radius:50%;left:-40px;transform:rotate(-135deg)}.desk-lamp .lamp,.desk-lamp .lamp:after{position:absolute;transition:all .2s cubic-bezier(.1,.54,.43,1.45)}.desk-lamp .lamp:after{content:"";width:24px;height:35px;background:#e3e3e6;top:-7px;border-radius:0 50% 50% 0;right:-12px}.clock2{width:125px;height:125px;border:7px solid #e0eaf5;box-sizing:border-box;border-radius:50%;position:absolute;top:-190px;transition:all .2s cubic-bezier(.1,.54,.43,1.45)}.clock2:after,.clock2:before{content:""}.clock2:before{width:95px;height:2px;border-right:60px solid #e0eaf5;-webkit-animation:clock 60s steps(60) infinite;animation:clock 60s steps(60) infinite}.clock2:after,.clock2:before{display:block;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.clock2:after{width:4px;height:70px;border-top:45px solid #e0eaf5;-webkit-animation:clock 3600s steps(60) infinite;animation:clock 3600s steps(60) infinite}.windows{width:189px;height:207px;background-color:#e0eaf5;position:absolute;top:-40px;right:-150px;transition:all .2s cubic-bezier(.1,.54,.43,1.45)}.windows:after,.windows:before{content:"";position:absolute}.windows:before{width:100%;height:10px}.windows:after,.windows:before{display:block;left:0;right:0;top:0;bottom:0;margin:auto;background-color:#f3f7fb}.windows:after{width:10px;height:100%}.book-shelf-2{width:175px;height:7px;background-color:#e0eaf5;position:absolute;left:-160px;top:90px;transition:all .2s cubic-bezier(.1,.54,.43,1.45)}.book-shelf-2 .verti-book{right:28px}.box-book{width:60px;height:36px;top:-36px;left:10px}.box-book,.box-book:before{background-color:#e0eaf5;position:absolute}.box-book:before{content:"";width:72px;height:11px;top:-11px;left:-6px}.diagon-book{height:68px;bottom:5px;left:86px;transform:rotate(30deg)}.diagon-book,.verti-book{width:16px;background-color:#e0eaf5;position:absolute}.verti-book{height:85px;top:-85px}.verti-book:after{content:"";height:68px;width:16px;background-color:#e0eaf5;position:absolute;bottom:0;right:-20px}@-webkit-keyframes blinkEye1{0%{height:21px;top:0}48%{height:21px;top:0}49%{height:0;top:21px}50%{height:21px;top:0}to{height:21px;top:0}}@keyframes blinkEye1{0%{height:21px;top:0}48%{height:21px;top:0}49%{height:0;top:21px}50%{height:21px;top:0}to{height:21px;top:0}}@-webkit-keyframes talking{0%{bottom:5px}50%{bottom:10px}to{bottom:5px}}@keyframes talking{0%{bottom:5px}50%{bottom:10px}to{bottom:5px}}@-webkit-keyframes clock{0%{transform:rotate(90deg)}to{transform:rotate(450deg)}}@keyframes clock{0%{transform:rotate(90deg)}to{transform:rotate(450deg)}}.about-page-appear .box-book,.about-page-appear .desk-lamp .lamp-base,.about-page-appear .mug,.about-page-appear .verti-book,.about-page-enter .box-book,.about-page-enter .desk-lamp .lamp-base,.about-page-enter .mug,.about-page-enter .verti-book,.about-page-exit .box-book,.about-page-exit .desk-lamp .lamp-base,.about-page-exit .mug,.about-page-exit .verti-book{transform:scaleY(0);transform-origin:bottom}.about-page-appear-done .box-book,.about-page-appear-done .desk-lamp .lamp-base,.about-page-appear-done .mug,.about-page-appear-done .verti-book,.about-page-enter-done .box-book,.about-page-enter-done .desk-lamp .lamp-base,.about-page-enter-done .mug,.about-page-enter-done .verti-book{transform:scaleY(1);transform-origin:bottom}.about-page-appear .scene.grown,.about-page-enter .scene.grown,.about-page-exit .scene.grown{transform:translateX(75vh) scale(.5);transition:all .5s cubic-bezier(.15,.12,.12,1.93)}.about-page-appear .clock2,.about-page-enter .clock2,.about-page-exit .clock2{transform:scale(0);transition:all .2s cubic-bezier(.1,.54,.43,1.45) .5s}.about-page-appear .book-shelf-2,.about-page-enter .book-shelf-2,.about-page-exit .book-shelf-2{transform:scaleX(0);transition:all .2s cubic-bezier(.1,.54,.43,1.45) .7s}.about-page-appear .box-book,.about-page-enter .box-book,.about-page-exit .box-book{transition:all .2s cubic-bezier(.1,.54,.43,1.45) .9s}.about-page-appear .box-book:before,.about-page-enter .box-book:before,.about-page-exit .box-book:before{transform:scaleY(0);transform-origin:bottom;transition:all .2s cubic-bezier(.1,.54,.43,1.45) 1.1s}.about-page-appear .verti-book,.about-page-enter .verti-book,.about-page-exit .verti-book{transition:all .2s cubic-bezier(.1,.54,.43,1.45) 1.3s}.about-page-appear .verti-book:after,.about-page-enter .verti-book:after,.about-page-exit .verti-book:after{transform:scaleY(0);transform-origin:bottom;transition:all .2s cubic-bezier(.1,.54,.43,1.45) 1.5s}.about-page-appear .diagon-book,.about-page-enter .diagon-book,.about-page-exit .diagon-book{transform:rotate(0deg) scaleY(0);transform-origin:bottom;transition:all .2s cubic-bezier(.1,.54,.43,1.45) 1.7s}.about-page-appear .windows,.about-page-enter .windows,.about-page-exit .windows{transform:translateY(100px);opacity:0;transition:all .5s cubic-bezier(.15,.12,.12,1.93) 1.1s}.about-page-appear .mug,.about-page-enter .mug,.about-page-exit .mug{transition:all .2s cubic-bezier(.1,.54,.43,1.45) .7s}.about-page-appear .mug:before,.about-page-enter .mug:before,.about-page-exit .mug:before{transform:scaleY(0);transform-origin:bottom;transition:all .2s cubic-bezier(.1,.54,.43,1.45) .9s}.about-page-appear .mug:after,.about-page-enter .mug:after,.about-page-exit .mug:after{transform:scaleX(0);transform-origin:left center;transition:all .2s cubic-bezier(.1,.54,.43,1.45) 1.1s}.about-page-appear .desk-lamp .lamp-base,.about-page-enter .desk-lamp .lamp-base,.about-page-exit .desk-lamp .lamp-base{transition:all .2s cubic-bezier(.1,.54,.43,1.45) 1.3s}.about-page-appear .desk-lamp .lamp-arm,.about-page-enter .desk-lamp .lamp-arm,.about-page-exit .desk-lamp .lamp-arm{transform:rotate(0deg) scaleY(0);transition:all .2s cubic-bezier(.1,.54,.43,1.45) 1.5s}.about-page-appear .desk-lamp .lamp-arm:after,.about-page-enter .desk-lamp .lamp-arm:after,.about-page-exit .desk-lamp .lamp-arm:after{transform:scale(0);transition:all .2s cubic-bezier(.1,.54,.43,1.45) 1.7s}.about-page-appear .desk-lamp .lamp-arm:before,.about-page-enter .desk-lamp .lamp-arm:before,.about-page-exit .desk-lamp .lamp-arm:before{transform:rotate(180deg) scaleY(0);transition:all .2s cubic-bezier(.1,.54,.43,1.45) 1.9s}.about-page-appear .desk-lamp .lamp,.about-page-enter .desk-lamp .lamp,.about-page-exit .desk-lamp .lamp{transform:rotate(-135deg) scale(0);transition:all .2s cubic-bezier(.1,.54,.43,1.45) 2.1s}.about-page-appear-done .scene.grown,.about-page-enter-done .scene.grown{transform:translateX(0) scale(.5);transition:all .5s cubic-bezier(.15,.12,.12,1.93)}.about-page-appear-done .clock2,.about-page-enter-done .clock2{transform:scale(1);transition:all .2s cubic-bezier(.1,.54,.43,1.45) .5s}.about-page-appear-done .book-shelf-2,.about-page-enter-done .book-shelf-2{transform:scaleX(1);transition:all .2s cubic-bezier(.1,.54,.43,1.45) .7s}.about-page-appear-done .box-book,.about-page-enter-done .box-book{transition:all .2s cubic-bezier(.1,.54,.43,1.45) .9s}.about-page-appear-done .box-book:before,.about-page-enter-done .box-book:before{transform:scaleY(1);transform-origin:bottom;transition:all .2s cubic-bezier(.1,.54,.43,1.45) 1.1s}.about-page-appear-done .verti-book,.about-page-enter-done .verti-book{transition:all .2s cubic-bezier(.1,.54,.43,1.45) 1.3s}.about-page-appear-done .verti-book:after,.about-page-enter-done .verti-book:after{transform:scaleY(1);transform-origin:bottom;transition:all .2s cubic-bezier(.1,.54,.43,1.45) 1.5s}.about-page-appear-done .diagon-book,.about-page-enter-done .diagon-book{transform:rotate(30deg) scaleY(1);transform-origin:bottom;transition:all .2s cubic-bezier(.1,.54,.43,1.45) 1.7s}.about-page-appear-done .windows,.about-page-enter-done .windows{transform:translateY(0);opacity:1;transition:all .5s cubic-bezier(.15,.12,.12,1.93) 1.1s}.about-page-appear-done .mug,.about-page-enter-done .mug{transition:all .2s cubic-bezier(.1,.54,.43,1.45) .7s}.about-page-appear-done .mug:before,.about-page-enter-done .mug:before{transform:scaleY(1);transform-origin:bottom;transition:all .2s cubic-bezier(.1,.54,.43,1.45) .9s}.about-page-appear-done .mug:after,.about-page-enter-done .mug:after{transform:scaleX(1);transform-origin:left center;transition:all .2s cubic-bezier(.1,.54,.43,1.45) 1.1s}.about-page-appear-done .desk-lamp .lamp-base,.about-page-enter-done .desk-lamp .lamp-base{transition:all .2s cubic-bezier(.1,.54,.43,1.45) 1.3s}.about-page-appear-done .desk-lamp .lamp-arm,.about-page-enter-done .desk-lamp .lamp-arm{transform:rotate(-45deg) scaleY(1);transition:all .2s cubic-bezier(.1,.54,.43,1.45) 1.5s}.about-page-appear-done .desk-lamp .lamp-arm:after,.about-page-enter-done .desk-lamp .lamp-arm:after{transform:scale(1);transition:all .2s cubic-bezier(.1,.54,.43,1.45) 1.7s}.about-page-appear-done .desk-lamp .lamp-arm:before,.about-page-enter-done .desk-lamp .lamp-arm:before{transform:rotate(90deg) scaleY(1);transition:all .2s cubic-bezier(.1,.54,.43,1.45) 1.9s}.about-page-appear-done .desk-lamp .lamp,.about-page-enter-done .desk-lamp .lamp{transform:rotate(-135deg) scale(1);transition:all .2s cubic-bezier(.1,.54,.43,1.45) 2.1s}.clicker-hover-active.scene.grown .mouth:after,.name-hover-active.scene.grown .mouth:after{-webkit-animation:talking .5s ease 4;animation:talking .5s ease 4}.clicker-hover-active .buble[data-buble=clicker],.name-hover-active .buble[data-buble=dion]{opacity:1;transform:rotate(0deg)}@media screen and (min-width:1025px){.about-page-appear .scene.grown,.about-page-enter .scene.grown,.about-page-exit .scene.grown{transform:translateX(75vh) scale(.7)}.about-page-appear-done .scene.grown,.about-page-enter-done .scene.grown{transform:translateX(0) scale(.7)}}.porto{height:100%;width:100%;display:flex;overflow:auto;justify-content:center;opacity:1;position:relative;background-color:#f8f9fc;transition:all .25s ease}.porto .chapter-title{align-items:center;justify-content:center}.porto .chapter-title.page-title{text-align:center;font-size:40px;font-weight:700;color:#a6a8b3;margin-bottom:30px;display:flex;align-items:center}.porto .chapter-title span{font-size:22px;vertical-align:top;display:inline-block;border-bottom:2px solid;margin-right:8px}.porto-list{list-style:none;padding:0;margin:0;display:flex}.porto-list li{transition:all .25s ease}.porto-list li img{max-width:100%}.porto-list li:hover a{transform:scale(1.05)}.porto-list li a{display:inline-block;border:10px solid #fff;transition:all .25s ease}.porto-list:hover li:not(:hover) a{transform:scale(.95);opacity:.75}.title-group{position:relative;margin-bottom:64px;text-align:center}.title-group .bg-text{color:#2cefc0;text-align:center;font-size:64px;font-weight:700;display:inline-block;letter-spacing:14px}.title-group .chapter-title{text-align:center;font-size:16px;font-weight:700;letter-spacing:18px;position:absolute;left:0;right:0;margin:0 auto;top:30px}.title-group .chapter-title span{font-size:22px;vertical-align:top;display:inline-block;border-bottom:2px solid;margin-right:12px}.section-title{font-size:12px;letter-spacing:12px;margin-bottom:32px}.porto-item-title,.section-title{text-align:center;text-transform:uppercase}.porto-item-title{font-weight:500;margin-top:16px;letter-spacing:3px;font-size:10px}.work-example-block{margin-top:88px}.work-example-block .work-example-list{display:flex;list-style:none;padding:0;margin:0;flex-wrap:wrap}.work-example-block .work-example-list li a{display:inline-block;transition:all .25s}.work-example-block .work-example-list li a img{max-width:100%;height:auto}.work-example-block .work-example-list li a:hover{transform:scale(.95)}.work-example-block .work-example-list:hover a:not(:hover){opacity:.75}.porto-cage,.porto-item{transition:all .5s ease}.porto-page-appear,.porto-page-enter{position:absolute;opacity:0}.porto-page-appear>*,.porto-page-enter>*{transform:translateY(20%)}.porto-page-appear-done,.porto-page-enter-done{opacity:1}.porto-page-appear-done>*,.porto-page-enter-done>*{transform:translateY(0)}.porto-cage{padding:120px 0}.porto-list-enter,.porto-list-enter-active,.porto-list-exit-active,.porto-list-exit-done{position:absolute;transform:translateY(-20%);opacity:0}.porto-view-enter,.porto-view-enter-active,.porto-view-exit-active,.porto-view-exit-done{position:absolute;transform:scale(0) translateY(-100%);opacity:0;border-radius:50%;background-color:#2cefc0}.porto-list-enter-done{position:relative;transform:translateY(0);opacity:1}.porto-view-enter-done{position:relative;transform:scale(1) translateY(0);opacity:1;border-radius:0;background-color:transparent;transition:all .25s ease,background-color .5s ease .45s}.porto-item{display:flex;width:100%;height:100%;justify-content:center}.porto-item>*{transform:translateY(80px);opacity:0;transition:all .25s ease}.porto-item.porto-view-enter-done>*{transform:translateY(0);opacity:1;transition-delay:.55s}.rent-now-cage{padding-top:160px;width:100%}.rent-now-cage .porto-title{font-size:32px;font-weight:600;letter-spacing:6px;margin-bottom:56px}.table-content{display:flex;max-width:872px;width:90%;width:100%;margin:auto;align-items:center;flex-wrap:wrap}.table-content .left-icon-group,.table-content .right-icon-group{display:flex;flex-direction:column}.table-content .left-icon-group a+a,.table-content .right-icon-group a+a{margin-top:16px}.table-content .left-icon-group a:hover svg path,.table-content .right-icon-group a:hover svg path{fill:#2f2f2f}.table-content .left-icon-group svg path,.table-content .right-icon-group svg path{fill:#afafaf;transition:all .25s ease}.table-content .data-table{flex-grow:1;display:flex;flex-direction:column;margin:0 16px}.table-content .data-table .dt-group{flex-grow:1;display:flex}.table-content .data-table .dt-group.dir-col{flex-direction:column}.table-content .data-table .dt-group .dt-item{border-top:none}.table-content .data-table .dt-group .dt-item.dt-data{flex-grow:1}.table-content .data-table .dt-group .dt-group .dt-item{border-top:none}.table-content .data-table .dt-item{display:flex;align-items:center;justify-content:center;padding:12px 24px;border:2px solid #e2e2e2;color:#7c7c7c}.table-content .data-table .dt-item:not(:first-child){border-top:none}.table-content .data-table .dt-item .link-data{color:#7c7c7c;text-decoration:none;border-bottom:1px solid #afafaf;display:inline-block;margin-right:6px;transition:all .25s ease}.table-content .data-table .dt-item .link-data:hover{opacity:.5}.table-content .data-table .dt-label span{font-size:12px;font-weight:700;letter-spacing:2px;border-bottom:2px solid #7c7c7c;padding-bottom:4px}.table-content .data-table .dt-data{font-size:14px;font-weight:700;letter-spacing:2px}.main-content{max-width:640px;width:90%;margin:64px auto 0;padding-bottom:64px}.main-content img{width:100%}.main-content img:not(:first-child){margin-top:-4px}.main-content .content-cover{margin-bottom:64px}.main-content .text-group{max-width:480px;width:90%;margin:auto}.main-content .text-group+.text-group{margin-top:64px}.main-content .text-group+img{margin-top:32px}.main-content img:not(.content-cover)+.text-group{margin-top:64px}.main-content .content-title{font-size:24px;font-weight:700;letter-spacing:4px;margin-bottom:24px}.main-content .content-text{font-size:16px;text-align:left;line-height:1.8;color:#626262}.main-content .content-text+.content-text{margin-top:16px}.main-content .content-text ul{list-style:none;margin:0;padding:0}.main-content .content-text ul li:before{content:"-";display:inline-block;margin-right:16px}.main-content .img-box span{margin-top:16px;display:inline-block;font-size:16px;color:#626262}.main-content .img-box+.img-box{margin-top:32px}.main-content .img-box+.text-group{margin-top:64px}.scrollTop{position:fixed;width:100%;bottom:20px;align-items:center;height:20px;justify-content:center;z-index:1000;cursor:pointer;-webkit-animation:fadeIn .3s;animation:fadeIn .3s;transition:opacity .4s;opacity:.5}.scrollTop:hover{opacity:1}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:.5}}.footer-menu{margin-top:80px}.footer-menu .portfolio-menu-group{display:flex;flex-direction:column}.footer-menu .portfolio-menu-group .portfolio-menu-item{flex-direction:column;display:flex;padding:24px;background-color:rgba(0,0,0,.01);align-items:center;text-decoration:none;color:#2f2f2f;transition:all .25s ease;cursor:pointer}.footer-menu .portfolio-menu-group .portfolio-menu-item:last-child{background-color:rgba(0,0,0,.03)}.footer-menu .portfolio-menu-group .portfolio-menu-item:hover{background-color:#bafaea}.footer-menu .portfolio-menu-group .portfolio-menu-item:hover .text-box{transform:translateX(10px)}.footer-menu .portfolio-menu-group .portfolio-menu-item .img-box{width:80px;border:4px solid #fff;margin-bottom:24px}.footer-menu .portfolio-menu-group .portfolio-menu-item .img-box img{width:100%}.footer-menu .portfolio-menu-group .portfolio-menu-item .text-box{padding:0 16px;transition:all .5s ease}.footer-menu .portfolio-menu-group .portfolio-menu-item .text-box .footer-menu-title{font-size:18px;margin-bottom:8px}.footer-menu .portfolio-menu-group .portfolio-menu-item .text-box .footer-text{font-size:14px}.main-menu-bar{background-color:#2cefc0;padding:24px;position:relative}.main-menu-bar ul{list-style:none;display:flex;justify-content:center;flex-wrap:wrap}.main-menu-bar ul li a{text-decoration:none;font-size:12px;font-weight:700;letter-spacing:2px;color:#09795e;transition:all .25s ease}.main-menu-bar ul li a:hover{color:#000}.main-menu-bar .scroll-top{transition:all .5s ease;display:block;padding:24px 0 8px}.main-menu-bar .scroll-top:hover{transform:translateY(-4px)}.main-menu-bar .scroll-top:hover svg path{fill:#000}.main-menu-bar .scroll-top svg{width:16px;height:auto}.main-menu-bar .scroll-top svg path{fill:#09795e;transition:all .25s ease}@media screen and (max-width:425px){.main-menu-bar ul li{padding:8px;flex:0 0 100%}}@media screen and (max-width:768px){.table-content .data-table{order:1}.table-content .left-icon-group,.table-content .right-icon-group{flex:0 0 50%;padding-top:24px}.table-content .left-icon-group{order:2}.table-content .right-icon-group{order:3}.table-content .data-table .dt-group{flex-direction:column}}@media screen and (min-width:426px){.main-menu-bar ul li{padding:8px;flex:0 0 50%}}@media screen and (min-width:769px){.footer-menu .portfolio-menu-group{flex-direction:row}.footer-menu .portfolio-menu-group .portfolio-menu-item{flex:0 0 50%;text-align:left;flex-direction:row}.footer-menu .portfolio-menu-group .portfolio-menu-item:last-child{text-align:right;flex-direction:row-reverse}.footer-menu .portfolio-menu-group .portfolio-menu-item:last-child:hover .text-box{transform:translateX(-10px)}.footer-menu .portfolio-menu-group .portfolio-menu-item .img-box{margin-bottom:0}.main-menu-bar ul li{margin:0 24px;flex:0 0 auto}.main-menu-bar .scroll-top{position:absolute;right:24px;top:50%;margin-top:-8px;display:inline-block;padding:0}.table-content .data-table .dt-group .dt-group .dt-item:not(:first-child){border-left:none}}@media screen and (min-width:1025px){.table-content .data-table{flex-direction:row}.table-content .data-table .dt-group .dt-item,.table-content .data-table .dt-item:not(:first-child){border-left:none;border-top:2px solid #e2e2e2}}.fake-browser{border-radius:4px;overflow:hidden;margin-bottom:64px}.fake-browser .browser-body{height:340px;overflow:hidden;position:relative;margin-top:-4px}.fake-browser .browser-body img{width:100%;position:absolute;left:0;top:0;transition:all 2s ease}.fake-browser .browser-body:hover img{top:-100%}.text-group .part-title{font-size:14px;text-align:left;display:block;color:#626262;font-weight:700;margin-bottom:16px}.img-box.flex-box{display:flex;flex-wrap:wrap}.img-box.flex-box img{flex:0 0 33.33%;max-width:33.33%}header{position:absolute;width:100%;justify-content:space-between;padding:16px;top:0}header,header .menu-button{display:flex;align-items:center}header .menu-button{position:relative;width:24px;height:24px;background-color:transparent;border-color:transparent;outline:none;justify-content:center;cursor:pointer}header .menu-button:hover svg path g{fill:#0b9170}header .menu-button svg{position:relative;z-index:51;transition:all 1s ease}header .menu-button svg path g{transition:all 1s ease}header .menu-button .close-icon{position:absolute;top:50%;left:0;right:0;margin:-11px auto auto;opacity:0;transform:rotate(-1turn)}header .menu-button .menu-bg{position:absolute;width:240px;height:240px;left:50%;top:50%;margin-top:-120px;margin-left:-120px;background-color:rgba(47,47,47,.96);border-radius:50%;transform:scale(0);transform-origin:center center;transition:all .5s ease .35s;will-change:transform;z-index:50}.menu-active header .menu-button .menu-bg{transform:scale(1);transition:all .5s ease 0s}.menu-active header .menu-button .menu-icon{transform:rotate(1turn);opacity:0}.menu-active header .menu-button .close-icon{transform:rotate(0deg);opacity:1}header .logo{z-index:51}header .logo:hover{cursor:pointer}header .logo svg{width:24px;height:auto}header svg path{transition:all .25s ease}.menu-active header svg path{fill:#fff}@media only screen and (min-width:376px){header{padding:32px}header .menu-button{width:48px;height:48px}header .logo svg{width:40px}}.group-nav{width:80%;max-width:960px;transform:translateY(120px);opacity:0;transition:all .15s ease .35s}.app-nav-cage{position:absolute;left:0;top:0;width:100%;height:100%}.app-nav-cage .menu-bg{display:inline-block;background-color:#2f2f2f;position:absolute;border-radius:50%;transform:scale(0);transition:transform .3s ease;transition-delay:.25s;will-change:transform;margin-top:31px;margin-right:28px}.menu-active .app-nav-cage .menu-bg{transform:scale(1);transition-delay:0s}.menu-active .group-nav{transform:translateY(0);transition:all .25s ease;opacity:1}.app:not(.menu-active) .app-nav-cage{pointer-events:none}nav{position:fixed;left:0;right:0;z-index:50;height:100%;align-items:center;justify-content:center;transition:all .25s ease;flex-direction:column}nav,nav ul{width:100%;display:flex}nav ul{list-style:none;margin:0;padding:0}nav li,nav ul{text-align:center}nav li{flex-grow:1;border:1px solid #fff;height:60px;display:flex;align-items:center;justify-content:center}nav li a{color:#fff;text-decoration:none;font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:10px;padding:16px 0;display:inline-block;position:relative}nav li a:after{content:"";position:absolute;left:-10px;right:-10px;height:6px;top:50%;margin-top:-3px;transform:scaleX(0);transform-origin:center left;transition:all .25s ease;background-color:#2cefc0}li a.current:after{transform:scale(1)}nav .contact-box{width:100%;max-width:960px;border:1px solid #fff;border-top:none;text-align:center;padding:24px}nav .contact-box li{height:50px}nav .contact-box .title{text-transform:uppercase;font-size:16px;letter-spacing:8px;margin-bottom:24px;color:#fff}.group-nav ul{flex-direction:column}.group-nav .contact-box ul{flex-direction:row}@media only screen and (min-width:376px){.app-nav-cage .menu-bg{margin-top:59px;margin-right:56px}}@media only screen and (min-width:769px){.group-nav ul{flex-direction:row}nav .contact-box li{height:60px}nav li{height:80px}}
/*# sourceMappingURL=main.83826de0.chunk.css.map */