@import url("https://fonts.googleapis.com/css?family=Philosopher");@import url(https://fonts.googleapis.com/earlyaccess/cwtexhei.css);*,*:active,*:focus,*:hover,*:link,*:visited{-o-transition:background-color 0.2s linear, border-color 0.1s linear;-webkit-transition:background-color 0.2s linear, border-color 0.1s linear;-moz-transition:background-color 0.2s linear, border-color 0.1s linear;transition:background-color 0.2s linear, border-color 0.1s linear}[class*=" fa-"],[class^="fa-"]{font-family:FontAwesome !important}html{font-size:15px}@media (min-width: 1366px){html{font-size:25px}}@media (max-width: 768px){html{font-size:14px}}body{letter-spacing:1px}::-moz-selection{color:#fff;background:#009FFD}::selection{color:#fff;background:#009FFD}.en-font{font-family:'Philosopher', sans-serif}.ch-font{font-family:'cwTeXHei', sans-serif}.bg-light .wrap_inner{background-color:#f8f8f8}.bg-light .wrap_inner header{background-color:#f8f8f8}header{padding:2rem;padding-top:1rem;padding-bottom:0;width:100%;position:fixed;z-index:99;top:0;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transform:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;opacity:1;background-color:#292929}header.on-scroll{top:-100%;opacity:1}header>.inner{position:relative;z-index:0;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;-ms-flex-wrap:nowrap;-o-flex-wrap:nowrap;flex-wrap:nowrap}header>.inner *{-ms-flex:0 1 auto}header>.inner:after{content:'';position:absolute;left:0;right:0;bottom:0;width:100%;height:3px;background-color:#333;z-index:-1}.brand_logo{width:60px;display:block;z-index:1}.brand_logo>img{width:100%}.menu_outer_link{width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-o-flex-justify-content:flex-end;justify-content:flex-end;-ms-flex-pack:end;-webkit-align-items:flex-end;align-items:flex-end;-webkit-box-align:end;-ms-flex-align:end}.menu_outer_link>ul{list-style:none;padding:.6rem 6.5rem;margin:0;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-flex;display:-ms-inline-flexbox;display:inline-flex}.menu_outer_link>ul>li>a{display:block;color:#999;padding:.6rem 1rem;letter-spacing:3px;text-align:center;position:relative;font-size:1rem}.menu_outer_link>ul>li>a:before{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transform:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;transition-delay:.2s;content:'';position:absolute;width:0;height:2px;-moz-transform:translate(0, -2px);-webkit-transform:translate(0, -2px);-o-transform:translate(0, -2px);-ms-transform:translate(0, -2px);transform:translate(0, -2px);background-color:#009FFD;right:0;left:initial;bottom:-10px;z-index:0}.menu_outer_link>ul>li>a:hover{text-decoration:none}.menu_outer_link>ul>li>a:hover:before{left:0;right:initial;width:100%}.menu_outer_link>ul>li>a:hover span.ch-font{opacity:1;-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.menu_outer_link>ul>li>a:hover span.en-font{color:#009FFD}.menu_outer_link>ul>li>a span{display:inline-block;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transform:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.menu_outer_link>ul>li>a span.ch-font{opacity:0;color:#fff;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.menu_outer_link>ul>li>a span.en-font{display:block}.menu_in_blocker{width:100vw;height:100vh;position:fixed;top:0;left:0;right:0;bottom:0;padding:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transform:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;z-index:99;pointer-events:none}.menu_in_blocker.blocker_turnON{pointer-events:auto}.menu_in_blocker.blocker_turnON>.overlay .inner{opacity:1}.menu_in_blocker.blocker_turnON>.overlay .inner:before{width:100%;transition-delay:.2s;-webkit-transition:all 1.1s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 1.1s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 1.1s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transform:all 1.1s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 1.1s cubic-bezier(0.645, 0.045, 0.355, 1)}.menu_in_blocker.blocker_turnON .hamburger-btn{top:0;right:0}.menu_in_blocker.blocker_turnON .form-wrap{padding:1.5rem;opacity:1;transition-delay:2s}.menu_in_blocker.blocker_turnON .form-wrap .form-inner{pointer-events:auto}.menu_in_blocker.blocker_turnON .BK-row .icon-center,.menu_in_blocker.blocker_turnON .BK-column .icon-center{-moz-transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);-o-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);opacity:1;-webkit-transition:all 1.2s ease-in-out;-moz-transition:all 1.2s ease-in-out;-o-transition:all 1.2s ease-in-out;-ms-transform:all 1.2s ease-in-out;transition:all 1.2s ease-in-out;transition-delay:1s}.menu_in_blocker.blocker_turnON .BK-row h3,.menu_in_blocker.blocker_turnON .BK-column h3{-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:all 1.2s ease-in-out;-moz-transition:all 1.2s ease-in-out;-o-transition:all 1.2s ease-in-out;-ms-transform:all 1.2s ease-in-out;transition:all 1.2s ease-in-out;transition-delay:1s;color:#fff;text-shadow:0 0 0 #fff}.menu_in_blocker.blocker_turnON .BK-row h3 .num,.menu_in_blocker.blocker_turnON .BK-column h3 .num{transition-delay:1.7s;color:#fff;text-shadow:0 0 0 #fff}.menu_in_blocker.blocker_turnON .BK-row h3>span,.menu_in_blocker.blocker_turnON .BK-column h3>span{color:#fff;text-shadow:0 0 0 #fff;-moz-transform:translate(0, 0);-webkit-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);opacity:1;-webkit-transition:all 1.1s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 1.1s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 1.1s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transform:all 1.1s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 1.1s cubic-bezier(0.645, 0.045, 0.355, 1);transition-delay:1.1s}.menu_in_blocker.blocker_turnON .BK-01:after{width:100%;transition-delay:.2s}.menu_in_blocker.blocker_turnON .BK-02:after{height:100%;transition-delay:.4s}.menu_in_blocker.blocker_turnON .BK-03:after{width:100%;transition-delay:.6s}.menu_in_blocker.blocker_turnON .BK-04:after{height:100%;transition-delay:.8s}.menu_in_blocker.blocker_turnON .BK-05:after{width:100%;transition-delay:1s}.menu_in_blocker.blocker_turnON .BK-06:after{height:100%;transition-delay:1.2s}.menu_in_blocker>.overlay{width:100%;height:100%;position:relative}.menu_in_blocker>.overlay>.inner{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-o-flex-justify-content:flex-end;justify-content:flex-end;-ms-flex-pack:end;width:100%;height:100%;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transform:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.menu_in_blocker>.overlay>.inner:before{content:'';position:absolute;-webkit-transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transform:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);right:0;top:0;width:0;height:100%;background-color:#fff}.menu_in_blocker .form-wrap{padding:0;opacity:0;-webkit-transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transform:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1)}.menu_in_blocker .form-wrap:before{content:'';position:absolute;top:0;right:0;width:100%;height:100%;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);background:inherit;filter:blur(10px);-webkit-filter:blur(10px);-moz-filter:blur(10px);-o-filter:blur(10px);-ms-filter:blur(10px);filter:url(#blur);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='10');z-index:-2}.menu_in_blocker .form-wrap .form-inner{pointer-events:none;width:100%;height:100%;overflow:hidden;padding:1rem;text-align:center;position:relative}.menu_in_blocker .form-wrap .form-inner h4{width:100%;font-size:1.9rem;color:#009FFD;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #ddd}.menu_in_blocker .form-wrap .form-inner h4 span{padding-top:.5rem;position:relative;display:block;font-size:1.2rem;color:#999}.menu_in_blocker .form-wrap .form-inner p{width:100%;color:#555}.menu_in_blocker .form-wrap .form-inner .inform{display:block;width:100%;position:absolute;bottom:1rem;left:0;padding:1rem;background-color:#f2f2f2}.menu_in_blocker .form-wrap .form-inner .inform ul{list-style:none;padding-left:0;margin-bottom:.5rem}.menu_in_blocker .form-wrap .form-inner .inform ul li{font-size:.8rem;text-align:left}.menu_in_blocker .form-wrap .form-inner .inform ul li a{font-size:.8rem;display:inline-block;color:#555}.menu_in_blocker .form-wrap .form-inner .inform ul li span{font-size:.8rem;display:inline-block}.menu_in_blocker .form-wrap .form-inner .inform ul li span:nth-child(1){flex-wrap:700;color:#009FFD}.menu_in_blocker .form-wrap .form-inner .inform p{color:#555;font-size:.8rem;margin:0;text-align:left}.menu_in_blocker .BK-row,.menu_in_blocker .BK-column{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-o-flex-justify-content:flex-end;justify-content:flex-end;-ms-flex-pack:end;position:relative;overflow:hidden}.menu_in_blocker .BK-row a.row,.menu_in_blocker .BK-column a.row{width:50%;height:100%}.menu_in_blocker .BK-row a.column,.menu_in_blocker .BK-column a.column{width:100%;height:50%}.menu_in_blocker .BK-row>a,.menu_in_blocker .BK-column>a{position:absolute;left:0;bottom:0;margin:0;display:block;z-index:13;cursor:pointer}.menu_in_blocker .BK-row>a:hover+h3 .num,.menu_in_blocker .BK-column>a:hover+h3 .num{transition-delay:0s;color:#fff}.menu_in_blocker .BK-row>a:hover+h3 .num:before,.menu_in_blocker .BK-column>a:hover+h3 .num:before{background-color:#fff;width:5vw}.menu_in_blocker .BK-row .icon-center,.menu_in_blocker .BK-column .icon-center{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-o-flex-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;-webkit-box-align:center;-ms-flex-align:center;position:absolute;bottom:0;left:50%;width:100%;height:50%;-moz-transform:translate(-50%, 5rem);-webkit-transform:translate(-50%, 5rem);-o-transform:translate(-50%, 5rem);-ms-transform:translate(-50%, 5rem);transform:translate(-50%, 5rem);z-index:14;pointer-events:none;opacity:0;-webkit-transition:all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transform:all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1)}.menu_in_blocker .BK-row .icon-center>i,.menu_in_blocker .BK-column .icon-center>i{color:#fff;font-size:2.2rem}.menu_in_blocker .BK-row h3,.menu_in_blocker .BK-column h3{color:rgba(255,255,255,0);text-shadow:0 0 8px #fff;letter-spacing:3px;margin:0;font-size:2.2rem;position:absolute;left:1rem;bottom:2rem;z-index:12;-webkit-transition:all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transform:all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transform:translateY(5rem);-webkit-transform:translateY(5rem);-o-transform:translateY(5rem);-ms-transform:translateY(5rem);transform:translateY(5rem);opacity:0;transition-delay:0s}.menu_in_blocker .BK-row h3 .num,.menu_in_blocker .BK-column h3 .num{color:rgba(255,255,255,0);text-shadow:0 0 8px #fff;-webkit-transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transform:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transform:translateX(2rem);-webkit-transform:translateX(2rem);-o-transform:translateX(2rem);-ms-transform:translateX(2rem);transform:translateX(2rem);margin-bottom:1.5rem;line-height:1;position:relative}.menu_in_blocker .BK-row h3 .num:after,.menu_in_blocker .BK-row h3 .num:before,.menu_in_blocker .BK-column h3 .num:after,.menu_in_blocker .BK-column h3 .num:before{content:'';position:absolute;height:2px;left:35px;top:50%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transform:all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1)}.menu_in_blocker .BK-row h3 .num:after,.menu_in_blocker .BK-column h3 .num:after{width:5vw;background-color:rgba(255,255,255,0.4)}.menu_in_blocker .BK-row h3 .num:before,.menu_in_blocker .BK-column h3 .num:before{width:0;background-color:#fff}.menu_in_blocker .BK-row h3>span,.menu_in_blocker .BK-column h3>span{display:block;color:rgba(255,255,255,0);text-shadow:0 0 8px #fff;font-size:.8rem;margin-top:.6rem;-moz-transform:translateY(5rem);-webkit-transform:translateY(5rem);-o-transform:translateY(5rem);-ms-transform:translateY(5rem);transform:translateY(5rem);opacity:0;transition-delay:0s}.menu_in_blocker .BK-row:after,.menu_in_blocker .BK-column:after{content:'';position:absolute;top:0;right:0}.menu_in_blocker .BK-column{width:50%;height:100%}.menu_in_blocker .BK-row{width:100%;height:50%}.menu_in_blocker .BK-01:after{width:0;height:100%;transition-delay:.1s;-webkit-transition:all 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transform:all 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);background-color:#01306e;z-index:6}.menu_in_blocker .BK-02:after{width:100%;height:0;transition-delay:.2s;-webkit-transition:all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transform:all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);background-color:#01367d;z-index:5}.menu_in_blocker .BK-03:after{width:0;height:100%;transition-delay:.3s;-webkit-transition:all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transform:all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);background-color:#013d8c;z-index:4}.menu_in_blocker .BK-04:after{width:100%;height:0;transition-delay:.4s;-webkit-transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transform:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);background-color:#02439c;z-index:3}.menu_in_blocker .BK-05:after{width:0;height:100%;transition-delay:.5s;-webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transform:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);background-color:#024aab;z-index:1}.menu_in_blocker .BK-06:after{width:100%;height:0;transition-delay:.6s;-webkit-transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transform:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);background-color:#0250ba;z-index:0}.menu_in_blocker .hamburger-btn{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-o-flex-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;-webkit-box-align:center;-ms-flex-align:center;width:calc(100% / 16);height:calc(100% / 8);position:absolute;top:1rem;right:2rem;-webkit-transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transform:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);z-index:14}.menu_in_blocker .hamburger-btn.active>a:after{width:100%;height:100%;-ms-border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-color:transparent;background-color:#01295F}.menu_in_blocker .hamburger-btn.active>a .line:before{top:0}.menu_in_blocker .hamburger-btn>a{pointer-events:auto;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;align-items:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-justify-content:center;-moz-justify-content:center;-o-flex-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;width:100%;height:100%;text-align:center;color:#fff;position:relative}.menu_in_blocker .hamburger-btn>a:hover{text-decoration:none}.menu_in_blocker .hamburger-btn>a:hover:after{border:1px solid #fff;background-color:#01295F}.menu_in_blocker .hamburger-btn>a:after{content:'';position:absolute;width:4rem;height:4rem;border:1px solid #333;-ms-border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;top:50%;left:50%;-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transform:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;z-index:0;pointer-events:none}.menu_in_blocker .hamburger-btn>a .line{pointer-events:none;position:relative;width:25px;height:3px;-ms-border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background-color:#fff;display:block;margin:0 auto;margin-top:10px;z-index:1}.menu_in_blocker .hamburger-btn>a .line:before{content:'';width:25px;height:3px;-ms-border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background-color:#fff;position:absolute;left:50%;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);pointer-events:none}.menu_in_blocker .hamburger-btn>a .line:before{top:-10px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transform:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.menu_in_blocker .hamburger-btn>a .en-font{z-index:1;margin-top:.4rem;font-size:.8rem;display:inline-block;pointer-events:none}.bg-light header>.inner:after{display:none}.bg-light .menu_outer_link>ul>li>a span.ch-font,.bg-light .menu_in_blocker .hamburger-btn>a .en-font{color:#999}.bg-light .menu_in_blocker .hamburger-btn>a .line,.bg-light .menu_in_blocker .hamburger-btn>a .line:before{background-color:#999}.bg-light .menu_in_blocker .hamburger-btn>a:after{border-color:#999}.bg-light .menu_in_blocker .hamburger-btn.active>a:after{border-color:rgba(153,153,153,0)}.bg-transparent header{background-color:transparent}.bg-transparent header>.inner:after{display:none}.bg-transparent .menu_outer_link>ul>li>a span.ch-font,.bg-transparent .menu_in_blocker .hamburger-btn>a .en-font{color:#555}.bg-transparent .menu_in_blocker .hamburger-btn>a .line,.bg-transparent .menu_in_blocker .hamburger-btn>a .line:before{background-color:#555}.bg-transparent .menu_in_blocker .hamburger-btn>a:after{border-color:#555}.bg-transparent .menu_in_blocker .hamburger-btn.active>a:after{border-color:rgba(85,85,85,0)}footer p{margin-bottom:1rem;color:#777;font-size:.8rem;font-weight:200}.wrapper{position:relative;overflow:hidden;opacity:1}.wrapper.bg-light>.wrap_inner{background-color:#f8f8f8}.wrapper.bg-transparent>.wrap_inner{background-color:#f8f8f8}.wrapper>.wrap_inner{background-color:#292929;width:100vw;overflow-y:scroll}.wrapper.wrap_blank{pointer-events:none !important;opacity:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transform:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;width:100vw;height:100vh;overflow:hidden;visibility:hidden}main{padding-top:130px}.projects_img{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;width:70vw;padding-top:5rem}.projects_img .projects_item{padding:0;width:100%;list-style:none}.projects_img .projects_item li{width:100%;margin-bottom:4rem;position:relative}.projects_img .projects_item li:before{width:0;content:'';position:absolute;left:0;height:100%;background-color:#333;z-index:15}.projects_img .projects_item li.item-show a{opacity:1;transition-delay:.6s}.projects_img .projects_item li.item-show a .img-wrap{-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.projects_img .projects_item li.item-show:before{-webkit-animation:fade-show 1.2s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-animation:fade-show 1.2s cubic-bezier(0.645, 0.045, 0.355, 1);-o-animation:fade-show 1.2s cubic-bezier(0.645, 0.045, 0.355, 1);animation:fade-show 1.2s cubic-bezier(0.645, 0.045, 0.355, 1)}@-webkit-keyframes fade-show{0%{width:0}50%{width:100%}100%{width:0%;right:0;left:inherit}}@-moz-keyframes fade-show{0%{width:0}50%{width:100%}100%{width:0%;right:0;left:inherit}}@keyframes fade-show{0%{width:0}50%{width:100%}100%{width:0%;right:0;left:inherit}}.projects_img .projects_item li a{width:100%;display:block;overflow:hidden;position:relative;opacity:0;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transform:all 0.3s ease;transition:all 0.3s ease}.projects_img .projects_item li a:hover{transition-delay:0s}.projects_img .projects_item li a:hover .img-wrap{transition-delay:0s !important;-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.projects_img .projects_item li a:hover .img-wrap+.text-wrap{top:0}.projects_img .projects_item li a:hover .img-wrap+.text-wrap h4{transition-delay:.3s;-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.projects_img .projects_item li a .img-wrap{overflow:hidden;width:100%;background-size:cover;background-position:center center;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transform:all 0.5s ease;transition:all 0.5s ease;-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);transition-delay:0s !important}.projects_img .projects_item li a .img-wrap:before{display:block;content:"";padding-top:75%}.projects_img .projects_item li a .img-wrap+.text-wrap{overflow:hidden;position:absolute;top:-100%;left:0;background-color:rgba(1,41,95,0.9);width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-end;align-items:flex-end;-webkit-box-align:end;-ms-flex-align:end;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transform:all 0.5s ease;transition:all 0.5s ease}.projects_img .projects_item li a .img-wrap+.text-wrap i{color:#009FFD;position:absolute;top:1rem;right:1rem;font-size:1.6rem}.projects_img .projects_item li a .img-wrap+.text-wrap h4{color:#009FFD;padding:1rem;font-size:1.6rem;letter-spacing:.2rem;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transform:all 0.5s ease;transition:all 0.5s ease;-moz-transform:translateY(100%);-webkit-transform:translateY(100%);-o-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);transition-delay:0s}.projects_img .projects_item li a .img-wrap+.text-wrap h4 span{display:block;font-size:1rem;margin-bottom:.4rem}.projects_img .projects_item+.projects_item{margin-left:4rem;margin-top:8rem}.projects_wrap .inner{position:relative}.projects_wrap .inner .sort{position:fixed;top:40%;right:0;width:20vw}.projects_wrap .inner .sort ol{list-style:none;padding:0}.projects_wrap .inner .sort ol li{color:#fff}.projects_wrap .inner .sort ol li+li{margin-top:.4rem}.projects_wrap .inner .sort ol li.active-default a:after{display:none}.projects_wrap .inner .sort ol li.active a,.projects_wrap .inner .sort ol li a:hover{text-decoration:none;opacity:1}.projects_wrap .inner .sort ol li.active a:after,.projects_wrap .inner .sort ol li a:hover:after{width:100%}.projects_wrap .inner .sort ol li.active a .ch-font,.projects_wrap .inner .sort ol li a:hover .ch-font{right:100%;opacity:.2}.projects_wrap .inner .sort ol li a{padding:0 .4rem;display:inline-block;position:relative;color:#ddd;opacity:.2}.projects_wrap .inner .sort ol li a:after{content:'';position:absolute;top:50%;left:0;width:0;height:1px;background-color:#fff;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transform:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.projects_wrap .inner .sort ol li a span{overflow:hidden}.projects_wrap .inner .sort ol li a span.ch-font{pointer-events:none;width:135px;text-align:right;padding:0 1rem;top:0;position:absolute;right:80%;font-size:.8rem;line-height:2.1;letter-spacing:.2rem;opacity:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transform:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.website-link{position:fixed;bottom:0;right:10vw;z-index:90;background-color:#fff;-ms-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;overflow:hidden}.website-link a{display:inline-block;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transform:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;padding:1.2rem 2rem;font-size:1.2rem;letter-spacing:.1rem}.website-link a:hover{color:#fff !important;text-decoration:none}.website-link a:hover+.overlay{width:100%}.website-link .overlay{position:absolute;width:0;height:100%;display:block;top:0;left:0;z-index:-1;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transform:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.inpage{padding-top:2rem}.inpage .text{padding:2em}.inpage .text h3{font-size:5.9rem;letter-spacing:.1rem;width:70%}.inpage .text .sub-ttl{list-style:none;padding-left:0;margin-top:2rem;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;align-items:flex-start;-webkit-box-align:start;-ms-flex-align:start;-webkit-justify-content:space-between;-moz-justify-content:space-between;-o-flex-justify-content:space-between;justify-content:space-between;-ms-flex-pack:justify;width:30%}.inpage .text .sub-ttl li+li{margin-left:1rem}.inpage .text .sub-ttl span{display:block;font-size:#555;width:100%}.inpage .img-part{overflow:hidden;background-size:cover;background-position:top center;background-repeat:no-repeat;width:100%}.inpage .img-part:before{content:'';padding-top:50%;display:block}.inpage .content section{position:relative}.inpage .content h4{color:#333;font-size:2.3rem;letter-spacing:.3rem;line-height:1.4;margin-bottom:1.5rem}.inpage .content p{margin:0;color:#555;font-size:1.1rem;line-height:1.8;letter-spacing:.1rem;text-align:left;font-weight:400}.inpage .content p+p{margin-top:1rem}.inpage .content ol{list-style:none;width:100%;padding:.2rem 1.5rem;border-left:1px solid #ddd}.inpage .content ol li{width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}.inpage .content ol li+li{margin-top:1rem}.inpage .content ol li span{display:block;padding:0 1rem;letter-spacing:.1rem}.inpage .content ol li span:first-child{width:35%;text-align:left;font-weight:500}.inpage .content ol li span:last-child{width:65%}.inpage .content ol li span a{text-decoration:underline}.inpage .content .img-wrap{padding:4rem}.inpage .content .text-wrap{padding-top:5rem;padding-bottom:5rem}.inpage .content .col-two{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;height:500px}.inpage .content .col-two .col-in{background-color:#fff;width:50%;overflow:hidden}.inpage .content .col-two .col-in .text-wrap{padding:5rem;height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:flex-start;align-items:flex-start;-webkit-box-align:start;-ms-flex-align:start;-webkit-justify-content:center;-moz-justify-content:center;-o-flex-justify-content:center;justify-content:center;-ms-flex-pack:center;color:#fff}.inpage .content .col-two .col-in .text-wrap h5{margin-bottom:1rem;font-size:1.6rem}.inpage .content .col-two .col-in .text-wrap p{color:#fff;font-size:1rem;line-height:1.6;text-align:left;font-weight:normal}.inpage .content .col-two .col-in img{width:100%;height:100%;object-fit:cover;object-position:center center}.web-component{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;align-items:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-justify-content:center;-moz-justify-content:center;-o-flex-justify-content:center;justify-content:center;-ms-flex-pack:center;padding:5rem 0}.web-component .overlay{display:block;width:100%;position:absolute;top:0;left:0;-webkit-transition:all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transform:all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1)}.web-component .com-in{z-index:1}.web-component .com-in .screen{overflow:hidden;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat}.web-component .com-in span.pattern{z-index:0;display:block}.web-component .com-in span.pattern:after{content:'';display:block}.web-component.desktop .overlay{height:0}.web-component.desktop.active .overlay{height:calc(57.3% + 6vw)}.web-component.desktop .com-in{width:70%}.web-component.desktop .com-in .screen{width:100%;background-color:#111;border:3vw solid #111;-ms-border-radius:3vw 3vw 0 0;-moz-border-radius:3vw 3vw 0 0;-webkit-border-radius:3vw 3vw 0 0;border-radius:3vw 3vw 0 0;position:relative;z-index:1}.web-component.desktop .com-in .screen:after{content:'';padding-top:55%;display:block}.web-component.desktop .com-in .control{display:block;background-color:#ededed;-ms-border-radius:0 0 3vw 3vw;-moz-border-radius:0 0 3vw 3vw;-webkit-border-radius:0 0 3vw 3vw;border-radius:0 0 3vw 3vw;width:100%;height:8vw;z-index:1}.web-component.desktop .com-in span.pattern{background:url(../../assets/img/projects/pattern/computer.png) no-repeat center bottom;width:100%;height:auto;background-size:contain}.web-component.desktop .com-in span.pattern:after{padding-top:15%}.web-component.notebook .overlay{height:0}.web-component.notebook.active .overlay{height:calc(71.5% + 6vw)}.web-component.notebook.active .overlay{height:calc(71.5% + 6vw)}.web-component.notebook .com-in{width:75%}.web-component.notebook .com-in .screen{width:80%;margin:0 auto;background-color:#eee;border:3vw solid #eee;-ms-border-radius:3vw 3vw 10px 10px;-moz-border-radius:3vw 3vw 10px 10px;-webkit-border-radius:3vw 3vw 10px 10px;border-radius:3vw 3vw 10px 10px;position:relative;z-index:1}.web-component.notebook .com-in .screen:after{content:'';padding-top:55%;display:block}.web-component.notebook .com-in span.pattern{background:url(../../assets/img/projects/pattern/notebook.png) no-repeat center bottom;width:100%;height:auto;background-size:contain}.web-component.notebook .com-in span.pattern:after{padding-top:3.2%}.comment{width:100%;padding:5rem 2rem}.comment .inner{margin:0 auto;width:70%;position:relative}.comment .inner p{padding:0 5rem;font-size:1.9rem;text-align:center}.comment .quote__wrapper{position:absolute;width:100%;top:50%;left:50%;width:100%;-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;align-items:center;-webkit-box-align:center;-ms-flex-align:center;pointer-events:none}.comment .quote__wrapper .quote--i{display:block;width:20px;height:15px;position:absolute}.comment .quote__wrapper .quote--i:first-child{left:0}.comment .quote__wrapper .quote--i:last-child{right:0}.comment .quote__wrapper .quote--i:last-child svg{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.blank-next{padding:4rem}*{cursor:none}.cursor{position:absolute;border-radius:50%;transform:translateX(-50%) translateY(-50%);pointer-events:none;z-index:9999}.cursor:nth-child(1){background-color:#009FFD;z-index:1;height:10px;width:10px;z-index:99999}.cursor:nth-child(2){background-color:#009FFD;height:6px;width:6px;z-index:9999}.cursor:nth-child(2).cursor-ovr{height:60px;width:60px;background-color:rgba(0,159,253,0.5);-o-transition:width 0.4s ease-in-out, height 0.4s ease-in-out;-webkit-transition:width 0.4s ease-in-out, height 0.4s ease-in-out;-moz-transition:width 0.4s ease-in-out, height 0.4s ease-in-out;transition:width 0.4s ease-in-out, height 0.4s ease-in-out}#scrolldown{bottom:40px;height:100px;margin-left:-50px;position:absolute;left:50%;text-align:center;width:100px;z-index:100}#scrolldown p{font:700 0.7em/1em 'Avenir', sans-serif;animation-duration:2s;animation-fill-mode:both;animation-iteration-count:infinite;animation-name:scroll;color:#292929}#scrolldown>p{text-transform:uppercase;text-indent:3px}.mouse{border:2px solid #292929;border-radius:13px;display:block;height:46px;left:50%;margin:10px 0 0 -13px;position:absolute;width:26px}.mouse span{display:block;font-size:1.5em;margin:6px auto}@keyframes scroll{0%{opacity:1;transform:translateY(0px)}100%{opacity:0;transform:translateY(10px)}}.TS-anime{pointer-events:none;position:fixed;top:0;left:0;width:100vw;height:100vh;padding:2rem;background-color:#fff;z-index:997;opacity:0;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transform:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.TS-anime_inner{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-end;align-items:flex-end;-webkit-box-align:end;-ms-flex-align:end;position:relative}.TS-anime_inner:after{content:'';position:absolute;width:0;height:5px;bottom:0;left:0;background-color:#01295F;-webkit-transition:all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transform:all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);z-index:-1}.TS-anime_inner:before{content:'';position:absolute;width:100%;height:0;bottom:0;left:0;background-color:#01295F;-webkit-transition:all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transform:all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);z-index:0}.TS-anime_inner .loading{width:100%;height:100%;pointer-events:none;z-index:9999}.TS-anime_inner .loading-text{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;text-align:center;width:200px;height:200px;line-height:calc(200px / 3);border:1px solid rgba(255,255,255,0.6)}.TS-anime_inner .loading-text span{display:inline-block;margin:0 5px;color:#fff}.TS-anime_inner .loading-text span:nth-child(1){filter:blur(0px);animation:blur-text 1.5s 0s infinite linear alternate}.TS-anime_inner .loading-text span:nth-child(2){filter:blur(0px);animation:blur-text 1.5s .2s infinite linear alternate}.TS-anime_inner .loading-text span:nth-child(3){filter:blur(0px);animation:blur-text 1.5s .4s infinite linear alternate}.TS-anime_inner .loading-text span:nth-child(4){filter:blur(0px);animation:blur-text 1.5s .6s infinite linear alternate}.TS-anime_inner .loading-text span:nth-child(5){filter:blur(0px);animation:blur-text 1.5s .8s infinite linear alternate}.TS-anime_inner .loading-text span:nth-child(6){filter:blur(0px);animation:blur-text 1.5s 1s infinite linear alternate}.TS-anime_inner .loading-text span:nth-child(7){filter:blur(0px);animation:blur-text 1.5s 1.2s infinite linear alternate}.TS-anime_inner .loading-text span:nth-child(8){filter:blur(0px);animation:blur-text 1.5s 1.4s infinite linear alternate}.TS-anime_inner .loading-text span:nth-child(9){filter:blur(0px);animation:blur-text 1.5s 1.6s infinite linear alternate}.TS-anime_inner .loading-text span:nth-child(10){filter:blur(0px);animation:blur-text 1.5s 1.8s infinite linear alternate}.TS-anime_inner .loading-text span:nth-child(11){filter:blur(0px);animation:blur-text 1.5s 2s infinite linear alternate}.TS-anime_inner .loading-text span:nth-child(12){filter:blur(0px);animation:blur-text 1.5s 2.2s infinite linear alternate}.TS-anime_inner .loading-text span:nth-child(13){filter:blur(0px);animation:blur-text 1.5s 2.4s infinite linear alternate}.TS-anime_inner .loading-text span:nth-child(14){filter:blur(0px);animation:blur-text 1.5s 2.6s infinite linear alternate}.TS-anime_inner .loading-text span:nth-child(15){filter:blur(0px);animation:blur-text 1.5s 2.8s infinite linear alternate}.TS-anime_inner .loading-text span:nth-child(16){filter:blur(0px);animation:blur-text 1.5s 3s infinite linear alternate}.TS-anime_inner .loading-text span:nth-child(17){filter:blur(0px);animation:blur-text 1.5s 3.2s infinite linear alternate}.TS-anime_inner .loading-text span:nth-child(18){filter:blur(0px);animation:blur-text 1.5s 3.4s infinite linear alternate}@keyframes blur-text{0%{filter:blur(0px)}100%{filter:blur(4px)}}.TS-anime_inner .box-wrap{width:100%;height:100%}.TS-anime_inner .box-wrap:before{content:'';position:absolute;width:100%;height:0;bottom:0;left:0;background-color:#292929;-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transform:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;z-index:0}.TS-anime_inner .box-wrap section{pointer-events:none;opacity:0;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transform:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;display:block;width:100%;height:100%;position:relative}.TS-anime_inner .cube{position:absolute;width:1em;height:1em;background:#009FFD;animation:move 3s ease-in-out infinite;transform-style:preserve-3d;box-shadow:5em 5em 0.3em 0.1em #242424}.TS-anime_inner .cube::before,.TS-anime_inner .cube::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0}.TS-anime_inner .cube::before{background-color:#0085d4;transform-origin:100% 100%;transform:rotateY(-90deg)}.TS-anime_inner .cube::after{background-color:#27afff;transform-origin:0% 100%;transform:rotateX(90deg)}.TS-anime_inner .cube:nth-of-type(1){animation-delay:-11.25s}.TS-anime_inner .cube:nth-of-type(2){animation-delay:-10.5s}.TS-anime_inner .cube:nth-of-type(3){animation-delay:-9.75s}.TS-anime_inner .cube:nth-of-type(4){animation-delay:-9s}@keyframes move{0%,87.5%,100%{transform:translate(1em, 0em)}12.5%{transform:translate(2em, 0em)}25%{transform:translate(2em, 1em)}37.5%,50%{transform:translate(1em, 1em)}62.5%{transform:translate(0em, 1em)}75%{transform:translate(0em, 0em)}}.TS-anime_inner .box{position:absolute;top:0;left:0;right:0;bottom:0;width:3em;height:2em;margin:30vmin auto;font-size:50px;transform-style:preserve-3d;transform:rotateX(60deg) rotateZ(45deg)}.TS-anime_inner .box:hover *{animation-play-state:paused}.TS-anime_inner .box:active *{animation-play-state:running}.TS-anime_ing{pointer-events:auto;opacity:1;width:100vw;height:100vh}.TS-anime_ing .TS-anime_inner .box-wrap:before{transition-delay:1.4s;height:100%}.TS-anime_ing .TS-anime_inner .box-wrap section{opacity:1;transition-delay:1.6s}.TS-anime_ing .TS-anime_inner:after{transition-delay:.6s;width:100%}.TS-anime_ing .TS-anime_inner:before{transition-delay:1.1s;height:100%}.TS-anime_ing.TS-anime_finish{pointer-events:none;top:0;left:0;transition-delay:1s;opacity:0}.TS-anime_ing.TS-anime_finish .TS-anime_inner .box-wrap:before{transition-delay:.4s;height:0}.TS-anime_ing.TS-anime_finish .TS-anime_inner .box-wrap section{opacity:0;transition-delay:.2s}.TS-anime_ing.TS-anime_finish .TS-anime_inner:after{transition-delay:.7s;width:0}.TS-anime_ing.TS-anime_finish .TS-anime_inner:before{transition-delay:.5s;height:0}.hidden{position:absolute;overflow:hidden;width:0;height:0;pointer-events:none}.grid{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;-ms-flex-wrap:nowrap;-o-flex-wrap:nowrap;flex-wrap:nowrap;justify-content:center;align-items:center;width:100%;padding-top:10rem;perspective:800px;perspective-origin:50% 100%}.grid *{-ms-flex:0 1 auto}.grid__item{position:relative;display:block;flex:none;width:250px;margin:1.5em 2vw;cursor:default;transform-style:preserve-3d}.grid__item:hover,.grid__item:focus{outline:none;text-decoration:none}.stack{position:relative;width:100%;height:200px;transform-style:preserve-3d}.stack__deco{position:absolute;top:0;left:0;width:100%;height:100%;background-color:currentColor;transform-origin:50% 100%}.stack__deco:first-child{opacity:0.2}.stack__deco:nth-child(2){opacity:0.4}.stack__deco:nth-child(3){opacity:0.6}.stack__deco:nth-child(4){opacity:0.8}.stack__figure{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;width:100%;height:100%;cursor:pointer;transform-origin:50% 100%}.stack__img{position:relative;display:block;flex:none;height:100%}.grid__item-caption{position:relative;display:flex;flex-wrap:wrap;width:100%;transform-style:preserve-3d}.grid__item-title{font-size:1.15em;width:100%;margin:1em 0;text-align:left;color:#555}.column{width:50%;padding:0 0.5em;opacity:0}.column--left{text-align:right}.column--right{text-align:left}.column__text{font-size:0.85em;display:block;color:#555}.column--left .column__text{font-weight:bold}.column--right .column__text{color:#b0adad}.grid--effect-vega .column{opacity:1}.content.content--related{font-weight:bold;justify-content:center;min-height:0;padding-bottom:10em;text-align:center;background:#5d5d66}.content--related a{color:#b0adad}.content--related a:hover,.content--related a:focus{color:#fff}.content--related p:first-child{padding:6em 0 2em}.content--related p{width:100%;color:#37373e}.media-item{font-size:0.85em;display:inline-block;padding:1em 2vw;vertical-align:top;transition:color 0.3s}.media-item__img{max-width:100%;opacity:0.6;transition:opacity 0.3s}.media-item:hover .media-item__img,.media-item:focus .media-item__img{opacity:1}.media-item__title{font-size:1em;margin:0;padding:0.5em}@media screen and (max-width: 42em){.codrops-header{display:block;text-align:center}.github{width:100%;margin:0;padding:0.5em 0}.message-mobile{display:block}}#page-404 canvas{z-index:1;position:absolute;left:0;top:0;width:100%;height:100%}#page-404 .caps{z-index:2;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;animation:as 8s linear infinite}#page-404 .caps img{display:block;width:100%;height:100%}@keyframes as{0%{opacity:0}10%{opacity:.3}20%{opacity:.1}30%{opacity:.5}40%{opacity:0}50%{opacity:.8}55%{opacity:0}55%{opacity:0}}#page-404 .frame{pointer-events:none;z-index:3;position:absolute;left:0;top:0;width:100vw;height:100vh;overflow:hidden;background:-moz-radial-gradient(center, ellipse cover, transparent 0%, transparent 19%, rgba(0,0,0,0.9) 100%);background:-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, transparent), color-stop(19%, transparent), color-stop(100%, rgba(0,0,0,0.9)));background:-webkit-radial-gradient(center, ellipse cover, transparent 0%, transparent 19%, rgba(0,0,0,0.9) 100%);background:-o-radial-gradient(center, ellipse cover, transparent 0%, transparent 19%, rgba(0,0,0,0.9) 100%);background:-ms-radial-gradient(center, ellipse cover, transparent 0%, transparent 19%, rgba(0,0,0,0.9) 100%);background:radial-gradient(ellipse at center, transparent 0%, transparent 19%, rgba(0,0,0,0.9) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#e6000000', GradientType=1)}#page-404 .frame div{position:absolute;left:0;top:-20%;width:100%;height:20%;background-color:rgba(0,0,0,0.12);box-shadow:0 0 10px rgba(0,0,0,0.3);animation:asd 12s linear infinite}#page-404 .frame div:nth-child(1){animation-delay:0}#page-404 .frame div:nth-child(2){animation-delay:4s}#page-404 .frame div:nth-child(3){animation-delay:8s}@keyframes asd{0%{top:-20%}100%{top:100%}}#page-404 h1{z-index:3;position:absolute;font:bold 200px/200px Arial, sans-serif;left:50%;top:50%;width:100%;-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-size:10rem;line-height:1;text-align:center;color:transparent;text-shadow:0 0 30px rgba(0,0,0,0.5);animation:asdd 2s linear infinite}@keyframes asdd{0%{text-shadow:0 0 30px rgba(0,0,0,0.5)}33%{text-shadow:0 0 10px rgba(0,0,0,0.4)}66%{text-shadow:0 0 20px rgba(0,0,0,0.2)}100%{text-shadow:0 0 40px rgba(0,0,0,0.8)}}.text-js{opacity:0;width:100%;margin:0;font-size:6.9rem;color:#555}.blank-next{text-align:center}.blank-next .typing{display:block;position:absolute;height:100%;top:0;right:-5px;width:2px;background-color:#555;z-index:1;animation:flash 0.5s none infinite alternate}@keyframes flash{0%{opacity:1}100%{opacity:0}}.mail-finish{width:100%;padding:1rem;pointer-events:none;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-moz-justify-content:center;-o-flex-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transform:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;opacity:0;position:absolute;left:0}.mail-finish.form-finish{transition-delay:.5s;opacity:1}.mail-finish .final-message{display:block;color:#555;width:100%;font-size:1rem}.mail-finish svg{width:15rem;height:15rem}.mail-finish svg #flag{transition:transform .5s ease;transform-origin:42.5% 7%;animation:flag alternate .8s ease-in-out infinite}.mail-finish svg #mail{animation:mail alternate .8s ease-in-out infinite}@keyframes flag{from{transform:rotate(0)}to{transform:rotate(-90deg)}}@keyframes mail{from{transform:translate(18px, 20px)}to{transform:translate(29px, 20px)}}.about-wrapper{position:relative;z-index:0;padding-top:0}.about-wrapper .overlay{background-color:#fff;display:none;z-index:1}.fixed-wrapper,.about-wrapper .overlay,.intro-vision,#parallax-zone{position:fixed;top:0;left:0;right:0;bottom:0}.intro-vision .inner{width:100%;height:100%;background:url(../../assets/img/about/cover.png) no-repeat center center;background-size:contain}.intro-vision .inner .TS-anime{opacity:1;background:none}.intro-vision .inner .TS-anime .TS-anime_inner{perspective-origin:center center;-moz-perspective-origin:center center;-webkit-perspective-origin:center center;perspective:500px;-moz-perspective:500px;-webkit-perspective:500px}.intro-vision .inner .TS-anime .loading{transform-style:3d;-moz-transform-style:3d;-webkit-transform-style:3d}.intro-vision .inner .TS-anime .loading-text{border:1px solid rgba(41,41,41,0.6);margin:10vh auto 90vh}.intro-vision .inner .TS-anime .loading-text span{color:#292929}#parallax-zone{-webkit-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;background-size:cover;z-index:2}.parallax-wrap{width:50%;height:100%;perspective-origin:center 20%;-moz-perspective-origin:center 20%;-webkit-perspective-origin:center 20%;perspective:600px;-moz-perspective:600px;-webkit-perspective:600px;margin:0 auto}.parallax-wrap .parallax-scroll{position:absolute;width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all 0.8 ease-in-out;-moz-transition:all 0.8 ease-in-out;-o-transition:all 0.8 ease-in-out;-ms-transform:all 0.8 ease-in-out;transition:all 0.8 ease-in-out}.parallax-wrap .parallax-scroll>section{position:absolute;left:0 !important;right:0 !important;top:0 !important;bottom:0 !important;text-align:center;pointer-events:none}.parallax-wrap .parallax-scroll>section .final{height:100%;pointer-events:auto;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;align-items:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-justify-content:center;-moz-justify-content:center;-o-flex-justify-content:center;justify-content:center;-ms-flex-pack:center}.parallax-wrap .parallax-scroll>section .final a{font-size:6rem;text-align:center;line-height:1.1;z-index:99;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transform:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.parallax-wrap .parallax-scroll>section .final a:hover{text-decoration:none}.parallax-wrap .parallax-scroll>section .final a span{display:block;font-size:3rem;color:#999;margin-top:2rem}.parallax-wrap .parallax-scroll>section img{max-width:100%;max-height:100%;height:auto;opacity:0.95;position:absolute;left:50%;top:50%;-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.fnc-slider{box-sizing:border-box;position:relative;width:45vw;height:60vh}.fnc-slider *,.fnc-slider *:before,.fnc-slider *:after{box-sizing:border-box}.fnc-slider__slides{position:relative;height:100%;transition:transform 1s .6666666667s}.fnc-slide{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transform:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;transform:translate3d(0, 0, 0);display:block}.fnc-slide.m--before-sliding{z-index:2 !important;transform:translate3d(100%, 0, 0)}.fnc-slide.m--before-sliding .fnc-slide__content{opacity:0}.fnc-slide.m--active-slide{z-index:1;transition:transform 1s .6666666667s ease-in-out;transform:translate3d(0, 0, 0)}.fnc-slide.m--active-slide .fnc-slide__content{opacity:1}.fnc-slide.m--active-slide .fnc-slide__project-detail{opacity:1}.fnc-slide__inner{position:relative;height:100%;background-size:cover;background-position:center top;transform:translate3d(0, 0, 0)}.m--global-blending-active .fnc-slide__inner,.m--blend-bg-active .fnc-slide__inner{background-blend-mode:luminosity}.m--before-sliding .fnc-slide__inner{transform:translate3d(-100%, 0, 0)}.m--active-slide .fnc-slide__inner{transition:transform 1s .6666666667s ease-in-out;transform:translate3d(0, 0, 0)}.fnc-slide__inner:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3)}.fnc-slide__mask{overflow:hidden;z-index:1;position:absolute;right:30%;top:15%;width:30vh;height:40vh;margin-right:-90px;clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 2vh 0, 2vh 38vh, 28vh 38vh, 28vh 2vh, 2vh 2vh);transform-origin:50% 0;transition-timing-function:ease-in-out}.m--before-sliding .fnc-slide__mask{transform:rotate(0) translate3d(200px, 0, 0);opacity:0}.m--active-slide .fnc-slide__mask{transition:transform .7s 1.2222222222s,opacity .35s 1.2222222222s;transform:translate3d(0, 0, 0);opacity:1}.m--previous-slide .fnc-slide__mask{transition:transform .7s .3333333333s,opacity .35s .6833333333s;transform:rotate(0) translate3d(-200px, 0, 0);opacity:0}.fnc-slide__mask-inner{z-index:-1;position:absolute;left:50%;top:50%;width:100vw;height:100vh;margin-left:-45vw;margin-top:-50vh;background-size:cover;background-position:center center;background-blend-mode:luminosity;background-color:#fff;transform-origin:50% 30vh;transition-timing-function:ease-in-out}.m--before-sliding .fnc-slide__mask-inner{transform:translateY(0) rotate(0) translateX(-200px) translateZ(0)}.m--active-slide .fnc-slide__mask-inner{transition:transform .7s 1.2222222222s;transform:translateX(0)}.m--previous-slide .fnc-slide__mask-inner{transition:transform .7s .3333333333s;transform:translateY(0) rotate(0) translateX(200px) translateZ(0)}.fnc-slide__content{pointer-events:none;z-index:2;position:absolute;left:80%;top:0;opacity:0;width:55vw}.fnc-slide__project-detail{width:100%;position:absolute;bottom:-2rem;left:80%;opacity:0;z-index:15}.fnc-slide__project-detail ul{padding:0;margin:0;list-style:none;width:100%;-webkit-align-items:flex-start;align-items:flex-start;-webkit-box-align:start;-ms-flex-align:start;-webkit-justify-content:space-between;-moz-justify-content:space-between;-o-flex-justify-content:space-between;justify-content:space-between;-ms-flex-pack:justify;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}.fnc-slide__project-detail ul li{color:#fff;overflow:hidden;position:relative;color:#fff;word-spacing:10px}.m--before-sliding .fnc-slide__project-detail ul li{transform:translateY(100%)}.m--active-slide .fnc-slide__project-detail ul li{transition:transform 1.5s 1s;transform:translateY(0)}.m--previous-slide .fnc-slide__project-detail ul li{transition:transform 1.5s;transform:translateY(-100%)}.fnc-slide__project-detail ul li span{display:block;line-height:1.4;font-size:1rem}.m--before-sliding .fnc-slide__project-detail ul li span{transform:translateY(-100%)}.m--active-slide .fnc-slide__project-detail ul li span{transition:transform 1.5s 1s;transform:translateY(0);transition-delay:1.5s}.m--previous-slide .fnc-slide__project-detail ul li span{transition:transform 1.5s;transform:translateY(100%)}.fnc-slide__project-detail ul li span .btn{padding:0;background:none;color:#fff;cursor:pointer}.fnc-slide__heading{margin-bottom:10px}.fnc-slide__heading-line{overflow:hidden;position:relative;font-size:5rem;color:#fff;word-spacing:10px}.m--before-sliding .fnc-slide__heading-line{transform:translateY(-100%)}.m--active-slide .fnc-slide__heading-line{transition:transform 1.5s 1s;transform:translateY(0);transition-delay:1.5s}.m--previous-slide .fnc-slide__heading-line{transition:transform 1.5s;transform:translateY(100%)}.fnc-slide__heading-line span{display:block;line-height:1.4;letter-spacing:.3rem}.m--before-sliding .fnc-slide__heading-line span{transform:translateY(100%)}.m--active-slide .fnc-slide__heading-line span{transition:transform 1.5s 1s;transform:translateY(0);transition-delay:1.5s}.m--previous-slide .fnc-slide__heading-line span{transition:transform 1.5s;transform:translateY(-100%)}.fnc-slide__action-btn{position:relative;margin-left:200px;padding:5px 15px;font-size:20px;line-height:1;color:transparent;border:none;text-transform:uppercase;background:transparent;cursor:pointer;text-align:center;outline:none}.fnc-slide__action-btn span{position:absolute;left:0;top:0;width:100%;height:100%;perspective:1000px;transform-style:preserve-3d;transition:transform .3s;transform-origin:50% 0;line-height:30px;color:#fff}.fnc-slide__action-btn span:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border:2px solid #fff;border-top:none;border-bottom:none}.fnc-slide__action-btn span:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%;line-height:30px;background:#1F2833;opacity:0;transform-origin:50% 0;transform:translateY(100%) rotateX(-90deg);transition:opacity .15s .15s}.fnc-slide__action-btn:hover span{transform:rotateX(90deg)}.fnc-slide__action-btn:hover span:after{opacity:1;transition:opacity .15s}.fnc-nav{z-index:5;position:absolute;width:100px;left:2rem;bottom:-3rem}.fnc-nav__bgs{z-index:-1;overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%}.fnc-nav__bg{position:absolute;left:0;top:0;width:100%;height:100%}.fnc-nav__bg.m--nav-bg-before{z-index:2 !important;transform:translateX(100%)}.fnc-nav__bg.m--active-nav-bg{z-index:1;transition:transform 1s .6666666667s;transform:translateX(0)}.fnc-nav__controls{font-size:0}.fnc-nav__control{overflow:hidden;position:relative;display:inline-block;vertical-align:top;width:100px;height:5px;margin:5px 0;font-size:14px;color:#fff;text-transform:uppercase;background:transparent;border:none;outline:none;cursor:pointer;transition:background-color .5s}.fnc-nav__control:focus{-webkit-box-shadow:none;-ms-box-shadow:none;box-shadow:none;border:none}.fnc-nav__control:after{content:'';position:absolute;width:100%;height:5px;left:0;bottom:0;z-index:0;background:#fff}.fnc-nav__control.m--active-control{background:#1F2833}.fnc-nav__control.m--active-control>.fnc-nav__control-ttl{opacity:1}.fnc-nav__control-ttl{display:block;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transform:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;opacity:0}.fnc-nav__control-progress{position:absolute;left:0;bottom:0;width:100%;height:5px;z-index:10;background-color:#009FFD;transform-origin:0 50%;transform:scaleX(0);transition-timing-function:linear !important}.m--with-autosliding .m--active-control .fnc-nav__control-progress{transform:scaleX(1)}.m--prev-control .fnc-nav__control-progress{transform:translateX(100%);transition:transform 0.5s !important}.m--reset-progress .fnc-nav__control-progress{transform:scaleX(0);transition:transform 0s 0s !important}.m--autosliding-blocked .fnc-nav__control-progress{transition:all 0s 0s !important;transform:scaleX(0) !important}.cont{position:relative;width:45vw;height:60vh;margin:3vh 0;perspective:1500px;background:#000;z-index:0}.example-slider{z-index:2;transform:translate3d(0, 0, 0);transition:transform .7s}.credits-active .example-slider{transform:translate3d(-400px, 0, 0) rotateY(10deg) scale(0.9)}.example-slider .fnc-slide__heading,.example-slider .fnc-slide__action-btn,.example-slider .fnc-nav__control{font-family:"Philosopher",sans-serif}.simform{position:relative;margin:1.5em auto;padding:0;max-width:860px;width:100%;text-align:left;font-size:2.5em;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transform:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;opacity:1}.simform.form-finish{opacity:0;pointer-events:none;position:absolute}.simform .submit{display:none}.simform ol{margin:0;padding:0;list-style:none;position:relative;-webkit-transition:height 0.4s;transition:height 0.4s}.simform ol:before{content:'';border:1px solid #009FFD;background-color:#fff;position:absolute;left:0;bottom:0;width:100%;height:1.35em}.questions li{z-index:100;position:relative;visibility:hidden;height:0;-webkit-transition:visibility 0s 0.4s, height 0s 0.4s;transition:visibility 0s 0.4s, height 0s 0.4s}.questions li.current,.no-js .questions li{visibility:visible;height:auto;-webkit-transition:none;transition:none}.questions li>span{display:block;overflow:hidden;font-size:1.2rem}.questions li>span label{display:block;-webkit-transition:-webkit-transform 0.4s;transition:transform 0.4s;-webkit-transform:translateY(-100%);transform:translateY(-100%);color:#009FFD}.questions li.current>span label,.no-js .questions li>span label{-webkit-transition:none;transition:none;-webkit-transform:translateY(0);transform:translateY(0)}.show-next .questions li.current>span label{-webkit-animation:moveUpFromDown 0.4s both;animation:moveUpFromDown 0.4s both}@-webkit-keyframes moveUpFromDown{from{-webkit-transform:translateY(100%)}to{-webkit-transform:translateY(0)}}@keyframes moveUpFromDown{from{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.questions input{display:block;margin:0.2em 0 0 0;padding:0.5em 1em 0.6em 0.7em;width:calc(100% - 2em);border:none;background:transparent;color:#01295F;font-size:.6em;line-height:1;opacity:0;-webkit-transition:opacity 0.3s;transition:opacity 0.3s}.questions .current input,.no-js .questions input{opacity:1}.questions input:focus,.simform button:focus{outline:none}.next{position:absolute;right:0;bottom:0.75rem;display:block;padding:0;width:1em;height:1em;border:none;background:none;color:#009FFD;text-align:center;opacity:0;z-index:100;cursor:pointer;-webkit-transition:-webkit-transform 0.3s, opacity 0.3s;transition:transform 0.3s, opacity 0.3s;-webkit-transform:translateX(-20%);transform:translateX(-20%);pointer-events:none;-webkit-tap-highlight-color:transparent}.next:hover{color:#01295F}.next::after{position:absolute;width:100%;font-size:1.2rem;top:50%;left:50%;content:"";font-family:FontAwesome;-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1}.next.show{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);pointer-events:auto}.simform .progress{width:0%;height:0.4em;background:#009ffd;-webkit-transition:width 0.4s ease-in-out;transition:width 0.4s ease-in-out;-ms-border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}.simform .progress::before{position:absolute;top:auto;width:100%;height:inherit;background:rgba(0,159,253,0.3);content:''}.simform .number{position:absolute;right:0;overflow:hidden;margin:0.4em 0;width:3em;font-weight:700;font-size:0.4em;color:#999}.simform .number:after{position:absolute;left:50%;content:'/';opacity:0.4;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.simform .number span{float:right;width:40%;text-align:center}.simform .number .number-current{float:left}.simform .number-next{position:absolute;left:0}.simform.show-next .number-current{-webkit-transition:-webkit-transform 0.4s;transition:transform 0.4s;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.simform.show-next .number-next{-webkit-animation:moveUpFromDown 0.4s both;animation:moveUpFromDown 0.4s both}.simform .error-message,.simform .final-message{position:absolute;visibility:hidden;opacity:0;-webkit-transition:opacity 0.4s;transition:opacity 0.4s}.simform .error-message{padding:0.4em 3.5em 0 0;width:100%;color:rgba(0,0,0,0.7);font-style:italic;font-size:0.4em}.error-message.show,.final-message.show{visibility:visible;opacity:1}.final-message.show{-webkit-transition-delay:0.5s;transition-delay:0.5s}.simform-inner.hide{visibility:hidden;opacity:0;-webkit-transition:opacity 0.3s, visibility 0s 0.3s;transition:opacity 0.3s, visibility 0s 0.3s}.no-js .simform{font-size:1.75em}.no-js .questions li{padding:0 0 2em}.no-js .simform .submit{display:block;float:right;padding:10px 20px;border:none;background:rgba(0,0,0,0.3);color:rgba(0,0,0,0.4)}.no-js .simform .controls{display:none}input[type=text]::-ms-clear{display:none}@media screen and (max-width: 44.75em){.simform{font-size:1.8em}}@media screen and (max-width: 33.5625em){.simform{font-size:1.2em}}@media (min-width: 1281px){.menu_outer_link>ul{padding:.3rem 6.5rem}.menu_outer_link>ul>li>a{font-size:.6rem}}@media (max-width: 992px){.intro-vision .inner .TS-anime .loading-text{margin:29vh auto 69vh}.parallax-wrap{width:100%}.parallax-wrap .parallax-scroll>section{top:35% !important}.inpage .content .img-wrap{padding:1rem}.web-component.notebook .com-in{width:90%}.fnc-slide__mask{display:none;visibility:hidden}.fnc-slide__inner{background-size:cover;width:100%;background-repeat:no-repeat}.fnc-slide__content{left:0;width:100vw}.fnc-slide__heading{padding:1rem}.fnc-slide__project-detail{left:0;bottom:1rem}.fnc-slide__project-detail ul{-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap}.fnc-slide__project-detail ul li{width:100%;padding:0 1rem;text-align:right}.fnc-slide__heading-line{font-size:1.6rem}.fnc-slider{width:100vw}.menu_outer_link{display:none}html{font-size:14px}.grid{-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap}.inpage .text h3{font-size:4rem;width:100%}.inpage .content ol{padding-left:0;border-left:none;border-top:1px solid #ddd;margin-top:3rem;padding-top:3rem}.inpage .content .col-two{-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;height:auto}.inpage .content .col-two .col-in{width:100%}.inpage .content .col-two .col-in:first-child{order:2}.inpage .content .col-two .col-in:last-child{order:1}.projects_wrap .inner{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;align-items:center;-webkit-box-align:center;-ms-flex-align:center}.projects_wrap .inner .sort{order:1;padding:1rem 0;margin:0;left:0;top:inherit;bottom:0;width:100vw;background:#f2f2f2;z-index:50}.projects_wrap .inner .sort ol{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-moz-justify-content:center;-o-flex-justify-content:center;justify-content:center;-ms-flex-pack:center;margin:0}.projects_wrap .inner .sort ol li{margin-top:.4rem;color:#555;border-bottom:1.5px solid transparent}.projects_wrap .inner .sort ol li.active{border-bottom:1.5px solid #555}.projects_wrap .inner .sort ol li span{color:#555}.projects_wrap .inner .sort ol li+li{margin-left:3rem}.projects_wrap .inner .sort ol li a{opacity:1;color:#555;font-size:1.2rem}.projects_wrap .inner .sort ol li a:after{display:none}.projects_wrap .inner .sort ol li a span.ch-font{display:none}.projects_img{width:100vw;order:2;padding-top:2rem}}@media (max-width: 768px){.TS-anime{padding:0}.projects_wrap .inner .sort{height:5rem}.projects_wrap .inner .sort ol{background-color:#fff;width:60%;height:100%;margin:0 auto;overflow-x:hidden;overflow-y:scroll}.projects_wrap .inner .sort ol::-webkit-scrollbar{width:5px}.projects_wrap .inner .sort ol::-webkit-scrollbar-track{-ms-border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background:none}.projects_wrap .inner .sort ol::-webkit-scrollbar-thumb{-ms-border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background-color:#999}.projects_wrap .inner .sort ol li{width:100%;height:100%;text-align:center;margin:0;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;align-items:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-justify-content:center;-moz-justify-content:center;-o-flex-justify-content:center;justify-content:center;-ms-flex-pack:center}.projects_wrap .inner .sort ol li.active{border-bottom:none;background-color:#ddd}.projects_wrap .inner .sort ol li+li{margin-left:0}.projects_img .projects_item li{margin-bottom:1rem}main{padding-top:75px}header .brand_logo{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transform:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;width:12%}header.on-scroll{top:0}header.on-scroll .brand_logo{width:12%}.projects_img{-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap}.projects_img .projects_item+.projects_item{margin:0}.next{bottom:.6rem;right:.6rem}.simform{margin:.5rem auto}.menu_in_blocker .form-wrap .form-inner{padding:0}.menu_in_blocker .form-wrap .form-inner h4{font-size:1.5rem}.menu_in_blocker .form-wrap .form-inner .inform{position:static;margin-top:2rem}.menu_in_blocker>.overlay>.inner{-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;height:auto}.menu_in_blocker>.overlay>.inner .form-wrap,.menu_in_blocker>.overlay>.inner .BK-06{height:50vh}.menu_in_blocker>.overlay>.inner .form-wrap{order:2}.menu_in_blocker>.overlay>.inner .BK-06{order:1}.menu_in_blocker.blocker_turnON .BK-01:after{width:100%;transition-delay:.2s}.menu_in_blocker.blocker_turnON .BK-02:after{width:100%;transition-delay:.4s}.menu_in_blocker.blocker_turnON .BK-03:after{width:100%;transition-delay:.6s}.menu_in_blocker.blocker_turnON .BK-04:after{width:100%;transition-delay:.8s}.menu_in_blocker.blocker_turnON .BK-05:after{width:100%;transition-delay:1s}.menu_in_blocker.blocker_turnON .BK-06:after{width:100%;transition-delay:1.2s}.menu_in_blocker .BK-01:after,.menu_in_blocker .BK-02:after,.menu_in_blocker .BK-03:after,.menu_in_blocker .BK-04:after,.menu_in_blocker .BK-05:after,.menu_in_blocker .BK-06:after{width:0;height:100%}.menu_in_blocker .BK-row.BK-01{display:none}.menu_in_blocker .hamburger-btn{width:calc(100vw / 8);height:calc(100vw / 8)}.menu_in_blocker .BK-column,.menu_in_blocker .BK-row{width:100%;height:100%;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap}.menu_in_blocker .BK-column a.column,.menu_in_blocker .BK-column a.row,.menu_in_blocker .BK-row a.column,.menu_in_blocker .BK-row a.row{width:100%;height:100%}.menu_in_blocker .BK-column h3,.menu_in_blocker .BK-row h3{position:relative;left:initial;bottom:initial;font-size:1.2rem;width:100%;height:calc(50vh / 4);display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-moz-justify-content:center;-o-flex-justify-content:center;justify-content:center;-ms-flex-pack:center;padding:0 2rem 0 8rem}.menu_in_blocker .BK-column h3 .num,.menu_in_blocker .BK-row h3 .num{margin-bottom:0;position:absolute;left:2rem;top:50%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.menu_in_blocker .BK-column h3>span,.menu_in_blocker .BK-row h3>span{margin-top:.3rem;color:rgba(255,255,255,0.6)}}@media (max-width: 640px){.intro-vision .inner .TS-anime .loading-text{margin:34vh auto 66vh;height:100px;line-height:calc(100px / 3)}}@media (max-width: 480px){.menu_in_blocker .hamburger-btn{width:calc(100vw / 6);height:calc(100vw / 6)}}@-moz-document url-prefix(){}

/*# sourceMappingURL=main.css.map */