*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:'Lato',sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:14px;height:18px}::-webkit-scrollbar-thumb{height:6px;border:4px solid transparent;background-clip:padding-box;-webkit-border-radius:7px;background-color:rgba(0,0,0,0.15)}::-webkit-scrollbar-button{width:0;height:0;display:none}::-webkit-scrollbar-corner{background-color:transparent}.bg-grad,.bg-grad svg,footer,header{width:100%}#container{height:0;width:0;position:absolute;visibility:hidden}header{height:62px;padding:0 44px;background:rgba(255,255,255,0.99);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:700;z-index:10;-webkit-transition:all .24s;transition:all .24s;position:fixed}.navigation{font-size:20px;color:#ff5722;display:-webkit-box;display:-ms-flexbox;display:flex}.navigation .item{cursor:pointer;padding:4px 0;border-bottom:2px solid transparent;-webkit-transition:all .2s;transition:all .2s}.navigation .item:hover{border-bottom:1px solid #ff5722}.navigation .item:nth-child(2){margin-left:40px}.navigation .item.selected{color:#ff5722}.navigation .item a{color:#000;text-decoration:none}.logo:hover{opacity:.65;-webkit-transition:opacity .12s;transition:opacity .12s}.logo svg{width:33px;height:34px}.bg-grad{position:absolute;margin:82px 0 0;z-index:-1}.bg-grad svg{height:331px}.triangle{width:100%;height:200px;margin-top:80px;-webkit-transform:skewY(-7deg);transform:skewY(-7deg);background-image:-webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#fff));background-image:linear-gradient(-180deg, #F2F2F2 0%, #fff 100%);background-image:-webkit-linear-gradient(-90deg, #F2F2F2 0%, #F7F7F7 20%, #fff 100%)}.about,.gallery{max-width:1200px;width:calc(100% - 80px);margin:80px 40px}.about:nth-last-child(2){margin-bottom:100px}.about.download{margin-bottom:120px}.bio{margin-top:102px}.grid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:-10px}.cell{margin:14px;cursor:pointer;overflow:hidden;border-radius:13px;-webkit-box-shadow:0 2px 4px 1px rgba(10,16,34,0.08);box-shadow:0 2px 4px 1px rgba(10,16,34,0.08);-webkit-transition:-webkit-box-shadow .12s,-webkit-transform .12s;transition:-webkit-box-shadow .12s,-webkit-transform .12s;transition:box-shadow .12s,transform .12s;transition:box-shadow .12s,transform .12s,-webkit-box-shadow .12s,-webkit-transform .12s}.cell,.cell2{width:calc(100%/3 - 28px);position:relative}.cell:hover{-webkit-box-shadow:0 0.3125rem 2rem 0 rgba(0,0,0,0.3);box-shadow:0 0.3125rem 2rem 0 rgba(0,0,0,0.3);-webkit-transition:-webkit-box-shadow .2s,-webkit-transform .2s;transition:-webkit-box-shadow .2s,-webkit-transform .2s;transition:box-shadow .2s,transform .2s;transition:box-shadow .2s,transform .2s,-webkit-box-shadow .2s,-webkit-transform .2s;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.responsive-image{width:100%}.description{position:absolute;margin:11px 16px;z-index:1}.desc,.name{color:#fff;text-shadow:0 1px 3px rgba(255,255,255,0.12)}.name{font-weight:700;font-size:18px}.desc{opacity:.75;font-size:16px;margin-top:3px}.ic-download,.ic-link,.ic-lock-project,.ic-soon-prj{margin-top:29.5%;text-align:center;position:relative;z-index:1}.ic-download svg,.ic-link svg,.ic-lock-project svg,.ic-soon-prj svg{width:72px;height:72px}.ic-more svg{width:24px;height:24px}.divider{width:100%;height:1px;background-color:#efefef;margin:60px 0}.cell2{cursor:default;margin:0 10px;max-width:700px}.cell2:nth-child(even){width:calc(100%/1.5 - 20px)}.cell2:nth-child(odd){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.cell2 .center{width:180px}.cell2 .h1,.cell2 .h2{color:#1f1f1f;font-size:42px;margin-bottom:4px}.cell2 .h2{position:relative;font-size:26px;margin-bottom:14px}.topic{font-weight:700;letter-spacing:1px}.topic:nth-child(1)::first-letter{color:#ff5722}.about .item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:60px}.about .item:nth-last-child(1){margin-bottom:0}.about .item .h2{margin-bottom:0}.about .item .p{margin-top:8px}.about .item svg{width:40px;height:40px}.about .item .icon{margin-right:32px;min-width:40px;height:40px}.item.hide{display:none}.more-toggle{color:#FF5722;margin:48px 0 24px 72px;font-size:18px;cursor:pointer}.cell2 .p{opacity:.7;font-size:18px;color:#1f1f1f;line-height:27px}.cell2 .item{margin-bottom:56px}.cell2 .item:nth-last-child(1){margin-bottom:0}.border,.photo img{width:180px;height:180px;border-radius:50%}.photo img{display:block;overflow:hidden;background-image:linear-gradient(-225deg, #FF7E8F 0%, #FE6338 100%);cursor:-webkit-zoom-in;cursor:zoom-in;-webkit-transition:-webkit-filter .2s;transition:-webkit-filter .2s;transition:filter .2s;transition:filter .2s, -webkit-filter .2s}.photo img:hover{-webkit-transition:-webkit-filter .2s;transition:-webkit-filter .2s;transition:filter .2s;transition:filter .2s, -webkit-filter .2s}.border{position:absolute;top:0;border:3px solid #ff5722;z-index:-1;-webkit-transition:all .2s;transition:all .2s;-webkit-animation-timing-function:cubic-bezier(0.46, 0.265, 0.285, 1.635);animation-timing-function:cubic-bezier(0.46, 0.265, 0.285, 1.635);opacity:0}.photo:hover .border{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:1}.linksbtn{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.linksbtn div{height:44px;padding:0 2px;border:2px solid #ff5722;border-radius:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:background-color .12s,fill .12s,-webkit-box-shadow .12s;transition:background-color .12s,fill .12s,-webkit-box-shadow .12s;transition:background-color .12s,fill .12s,box-shadow .12s;transition:background-color .12s,fill .12s,box-shadow .12s,-webkit-box-shadow .12s;fill:#1f1f1f}.introduction .linksbtn a{margin-top:32px}.linksbtn a{margin-right:32px;text-decoration:none}.linksbtn a:nth-last-child(1){margin-right:0}.linksbtn div:hover{background-color:#ff5722;-webkit-transition:background-color .12s,fill .12s,-webkit-box-shadow .12s;transition:background-color .12s,fill .12s,-webkit-box-shadow .12s;transition:background-color .12s,fill .12s,box-shadow .12s;transition:background-color .12s,fill .12s,box-shadow .12s,-webkit-box-shadow .12s;fill:#fff;-webkit-box-shadow:0 0 8px 0 rgba(254,121,79,0.5);box-shadow:0 0 8px 0 rgba(254,121,79,0.5)}.linksbtn div:hover span{color:white;opacity:1}.linksbtn svg{width:36px;height:36px}.linksbtn span{text-decoration:none;opacity:.7;font-size:18px;color:#1f1f1f;margin:0 11px 0 1px;-webkit-transition:all .12s;transition:all .12s}.intro{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:89px}.intro h1,.intro p{color:#1f1f1f;text-align:center}.intro h1{font-weight:900;font-size:32px;line-height:39px}.intro p{font-size:20px;line-height:28px;padding-top:12px;max-width:440px;margin:0 24px}.bg-oval{position:absolute;z-index:-1;opacity:.9;visibility:hidden}.bg-oval svg{width:194px;height:194px}@-webkit-keyframes slidein{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes slidein{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}footer{position:relative;height:120px;padding:0 44px;background-color:#f3f4f5;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px;color:#999}.morelinks,footer,footer .links{display:-webkit-box;display:-ms-flexbox;display:flex}.links a,.links div,.morelinks a{padding:20px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;color:#999;fill:#979797;text-decoration:none}.links a:hover{-webkit-transition:color .12s, fill .12s;transition:color .12s, fill .12s}.morelinks a{padding:13px 44px 13px 36px}.links a:hover,.links div:hover{color:#000;fill:#000}.morelinks{position:absolute;right:40px;bottom:53px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff;-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0.08),0 2px 4px 0 rgba(0,0,0,0.12);box-shadow:0 0 0 0 rgba(0,0,0,0.08),0 2px 4px 0 rgba(0,0,0,0.12);border-radius:2px;padding:16px 0;border:1px solid #fafafa;visibility:hidden}.morelinks a:hover{background:#fafafa;-webkit-transition:color 0s;transition:color 0s}.wrapper{width:100%;display:inline-block;position:relative}.wrapper::after{padding-top:68%;display:block;content:''}.main{position:absolute;top:0;bottom:0;right:0;left:0}.main img{width:100%;top:0;position:absolute}@media only screen and (min-width: 320px) and (max-width: 768px){body{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}footer,header{padding:0 20px}.logo svg{width:29px;height:30px}.about,.gallery{width:calc(100% - 40px);margin:40px 20px}.gallery{margin-bottom:60px}.bio{margin-top:102px}.cell,.cell2,.cell2:nth-child(even){width:100%}.cell2.introduction{text-align:center}.cell2:nth-child(1){margin-bottom:30px}.cell2 .item{margin-bottom:56px}.linksbtn a{margin:32px 16px 0 16px}.linksbtn,footer{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}footer{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;padding-bottom:20px}.links a,.links div{padding:27px 16px 22px}.morelinks{bottom:100px;left:50%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.cell{width:calc(100%/2 - 28px)}}