h1,h2,p{color:#4A4A4A}.navbar,.noscroll{overflow:hidden}.material-icons,.navbar .navbar-brand,.navbar ul,.update.gallery .images .image{vertical-align:middle}body,html{transition:.2s ease all;width:100%;height:100%;font-family:'Special Elite','Helvetica Neue',sans-serif;background:#777}*{box-sizing:border-box}h1{font-size:45px;margin:0}h2{font-size:28px;margin:16px 0}.update-content p:nth-of-type(1),p.proj-des{margin-top:0}h2 strong,p strong{border-bottom:4px solid #87ceeb}a{text-decoration:none;color:inherit;cursor:pointer}a:hover{color:#00bff3}p{line-height:24px}.navbar ul li,.navbar ul li i{line-height:70px;transition:.5s ease all}h2.proj-title{color:#C3C3C3;margin:0;cursor:pointer}h2.proj-title:hover{color:#00bff3}p.proj-des{color:#C3C3C3;margin-bottom:16px}p.update-date{color:#00bff3;margin:0}p.award{color:#C3C3C3}p.award i{color:gold}p.tags{color:#C3C3C3}p.tags .tag{margin-right:16px}.navbar{transition:.5s -webkit-transform ease;transition:.5s transform ease;position:fixed;top:0;left:0;z-index:30;padding:9px 0;white-space:nowrap;width:auto;background:0 0;box-shadow:none}.navbar:hover{width:100%}.navbar .navbar-brand,.navbar ul li{display:inline-block;width:70px;height:70px}.navbar:hover ul li{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.navbar:hover ul li:nth-of-type(1){transition-delay:0s}.navbar:hover ul li:nth-of-type(2){transition-delay:.1s}.navbar:hover ul li:nth-of-type(3){transition-delay:.2s}.navbar.hidden{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.navbar.hidden ul li{opacity:0;-webkit-transform:translateY(-70px);transform:translateY(-70px)}.navbar .navbar-brand{margin-left:32px;padding:10px 5px 0;background:rgba(255,255,255,.95)}.navbar ul{display:inline-block;margin:0;padding:0}.navbar ul li{margin-left:-5px;position:relative;text-align:center;background:#fff;opacity:0;-webkit-transform:translateY(-70px);transform:translateY(-70px)}.navbar ul li i{position:absolute;display:block;width:100%;height:100%;top:0;left:0;opacity:1}.landing,.landing .nav{position:relative}.navbar ul li span{transition:.5s ease all;opacity:0;color:#fff}.navbar ul li:nth-of-type(1){transition-delay:.2s}.navbar ul li:nth-of-type(2){transition-delay:.1s}.navbar ul li:hover{background:#00bff3}.navbar ul li:hover i{opacity:0}.navbar ul li:hover span{opacity:1}.navbar ul li a{display:block}.landing{background:#fff;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:calc(100vh - 10px);text-align:center;box-shadow:inset 0 0 150px 0 rgba(0,0,0,.1)}.landing h1{margin-bottom:32px;height:90px}.landing h1 #scrolltext{text-decoration:underline}.landing h1 #scrolltext.animate{-webkit-animation:glowing 3s linear 1.6s infinite;animation:glowing 3s linear 1.6s infinite}.landing .content{width:100%;padding:32px;max-width:800px}.landing .image{max-width:300px;width:50%;margin:0 auto 32px}.landing .image svg{width:100%}.landing .image svg #lids{opacity:0}.landing .image svg:hover #lids{opacity:1}.landing .nav .button{float:left;width:33.3333%;height:80px;margin-bottom:16px}.landing .nav .button a{transition:.5s ease all;text-decoration:none;color:inherit;line-height:80px;display:inline-block;width:80px;height:80px;border-radius:50%;position:relative;overflow:hidden}.landing .nav .button a i,.landing .nav .button a:before,.scrolltip,.work .projects:after{position:absolute;left:0;width:100%}.landing .nav .button a i{transition:.5s ease all;height:100%;line-height:80px;top:0;opacity:0}.landing .nav .button a .text{transition:.5s ease all;opacity:1}.landing .nav .button a:before{transition:.5s ease all;content:'';top:0;height:100%;border-radius:50%;border:3px dotted #00bff3;box-sizing:border-box;opacity:0;-webkit-animation:rotation 5s linear infinite;animation:rotation 5s linear infinite}.landing .nav .button a:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.landing .nav .button a:hover i,.landing .nav .button a:hover:before{opacity:1}.landing .nav .button a:hover .text{opacity:0}.scrolltip{bottom:0;z-index:20;padding-left:10px}.scrolltip i,.scrolltip p{color:#C3C3C3}.work{padding:0}.work ::-webkit-scrollbar{display:none}.work .projects,.work .projects .project{display:-webkit-flex;display:-ms-flexbox}.work .projects{background:#fff;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:100%;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;overflow:auto}.work .projects:after{content:'';bottom:0;height:96px;background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.95) 70%);z-index:10}.work .projects .project{cursor:pointer;box-shadow:inset 0 0 5px rgba(0,0,0,.35);min-height:250px;-webkit-flex:1 0 25%;-ms-flex:1 0 25%;flex:1 0 25%;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;background:#C3C3C3;position:relative;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.work .projects .project:before{transition:.3s all ease;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#00bff3;opacity:0}.work .projects .project:hover:before{opacity:.8}.work .projects .project:hover h2,.work .projects .project:hover p.tag{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.work .projects .project h2{transition:.2s ease all;-webkit-transform:translateY(50px);transform:translateY(50px);color:#fff;position:relative;opacity:0;margin:0}.work .projects .project p.tag{margin:0;transition:.3s ease all;-webkit-transform:translateY(50px);transform:translateY(50px);color:rgba(255,255,255,.8);position:relative;opacity:0}.project-title{background:#fff;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:calc(100vh - 10px);text-align:center;box-shadow:inset 0 0 150px 0 rgba(0,0,0,.1);position:relative;overflow:hidden}.project-title .content{padding:64px 32px 32px}.project-title .preview{width:100%;max-width:1000px;border:64px solid #ECECEC;border-left-width:2px;border-right-width:2px;border-bottom:none;border-radius:12px 12px 0 0;-webkit-flex:1;-ms-flex:1;flex:1;box-shadow:0 3px 3px rgba(0,0,0,.35);position:relative}.project-title .preview .buttons{position:absolute;top:-40px;left:16px}.project-title .preview .buttons .button{display:inline-block;width:16px;height:16px;background:#d3d3d3;border-radius:50%;margin-right:8px}.project-title .preview iframe{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:none}.project-title .preview.phone{max-width:480px}.project-title .preview.phone .buttons{left:auto;right:32px}.update{background:#ECECEC;overflow:hidden;min-height:300px;border-top:1px solid #00bff3;position:relative}.update .text{width:50%;max-width:600px;float:left;padding:32px}.update .text p a{font-weight:700;border-bottom:4px solid #87ceeb}.update .text p a i{color:#87ceeb}.update.single{padding:32px 0}.update.single .text{background:rgba(236,236,236,.95);position:relative;z-index:2}.update.single .single-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-filter:brightness(.5);filter:brightness(.5)}.update.textonly .text{width:100%;max-width:1200px}.update.textonly .text .update-content{-webkit-columns:auto 2;-moz-columns:auto 2;columns:auto 2;-webkit-column-gap:32px;-moz-column-gap:32px;column-gap:32px}.update.gallery .images{transition:.5s ease all;white-space:nowrap;height:100%;position:absolute;width:50vw;overflow:hidden;left:50vw;top:0;background:0 0}.update.gallery .images:hover .image{margin-right:-220px}.update.gallery .images:before{content:" ";display:inline-block;height:100%;width:1%;vertical-align:middle}.update.gallery .images.expanded{background:#ECECEC;width:100vw;left:0}.update.gallery .images.expanded .image{margin-right:32px}.update.gallery .images.expanded .left,.update.gallery .images.expanded .right{display:initial}.update.gallery .images.bounce .image{-webkit-animation:bounce .6s ease;animation:bounce .6s ease}.update.gallery .images.bounce-reverse .image{-webkit-animation:bounce-reverse .6s ease;animation:bounce-reverse .6s ease}.update.gallery .images .image{cursor:pointer;transition:.5s ease all;min-width:200px;height:300px;margin:16px -264px 16px 32px;display:inline-block;background:#C3C3C3;border:5px solid #fff;position:relative;box-shadow:1px 3px 0 #C3C3C3;overflow:hidden}.footer,.loadmore{text-align:center;border-top:1px solid #00bff3}.update.gallery .images .image img{height:300px;margin:0 auto}.update.gallery .images .image:hover{box-shadow:3px 5px 0 #00bff3}.update.gallery .images .image .hover{position:absolute;bottom:0;left:0;width:100%;background:#fff;padding:8px 16px}.update.gallery .images .image .hover p.caption{margin:0 0 8px;overflow:hidden;text-overflow:ellipsis}.update.gallery .images .image:nth-of-type(4n+1){-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}.update.gallery .images .image:nth-of-type(4n+2){-webkit-transform:rotate(2deg);transform:rotate(2deg)}.update.gallery .images .image:nth-of-type(4n+3){-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}.update.gallery .images .image:nth-of-type(4n+4){-webkit-transform:rotate(4deg);transform:rotate(4deg)}.update.gallery .images .left,.update.gallery .images .right{display:none;cursor:pointer;transition:.5s ease all;background:rgba(255,255,255,.5);color:#C3C3C3;padding:32px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.update.gallery .images .left:hover,.update.gallery .images .right:hover{background:#00bff3;color:#fff}.update.gallery .images .left{left:0}.update.gallery .images .left:hover{padding-left:48px}.update.gallery .images .right{right:0}.update.gallery .images .right:hover{padding-right:48px}.loadmore{transition:.3s ease all;padding:32px 64px;background:#fff;color:#00bff3;cursor:pointer}.loadmore:hover{background:#00bff3;color:#fff}.bigimg{opacity:0;transition:.5s ease all;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,191,243,.93);padding:16px;z-index:100;overflow:auto}.bigimg.show{opacity:1}.bigimg.show img{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.bigimg.changing img{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}.bigimg.hidden{z-index:-100}.bigimg img{transition:.5s all ease;margin:0 auto 100px;display:block;width:100%;max-width:1200px;-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}.bigimg .close{cursor:pointer;transition:.5s ease all;background:rgba(255,255,255,.5);color:#00bff3;padding:32px;position:fixed;bottom:0;right:32px;z-index:100}.bigimg .close:hover{background:#fff;padding-bottom:48px}.bigimg .nav .left,.bigimg .nav .right{position:fixed;top:0;width:10%;height:100vh;float:left}.bigimg .nav .left{cursor:url(../images/left.png),w-resize;left:0}.bigimg .nav .right{cursor:url(../images/right.png),e-resize;right:0}.bigimg p.caption{position:fixed;bottom:0;left:0;background:rgba(255,255,255,.5);margin:0;padding:32px 150px 32px 32px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer{padding:64px;background:#ECECEC}.footer .copyright{color:#C3C3C3;margin:0}@media (min-width:1201px){.update .text{margin-left:calc(50vw - 600px)}}@media (max-width:960px){.navbar{top:auto;bottom:0}.navbar.hidden,.navbar.hidden ul li{-webkit-transform:translateY(100%);transform:translateY(100%)}.navbar ul li{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.work .projects .project{min-width:50%}.update.gallery .images{height:370px;width:100vw;left:0}.update.gallery .images:hover .image{margin-right:32px}.update.gallery .images .image{margin-right:32px;max-width:80%}.update.gallery .images .left,.update.gallery .images .right{display:initial;padding:16px}.update.gallery .text{width:100%;padding-top:402px;max-width:760px}.update.single{padding:0;background:#ECECEC!important}.update.single .text{background:0 0;width:100%;max-width:760px}.update.single .single-image{position:initial;-webkit-filter:brightness(1);filter:brightness(1);height:300px}.update.textonly .text{max-width:760px}.update.textonly .text .update-content{-webkit-columns:auto 1;-moz-columns:auto 1;columns:auto 1}}@-webkit-keyframes flicker{from{box-shadow:inset 0 0 150px 0 rgba(0,0,0,.1)}to{box-shadow:inset 0 0 150px 0 rgba(0,0,0,.2)}}@keyframes flicker{from{box-shadow:inset 0 0 150px 0 rgba(0,0,0,.1)}to{box-shadow:inset 0 0 150px 0 rgba(0,0,0,.2)}}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0);border-color:#00bff3}25%{border-color:red}50%{border-color:orange}75%{border-color:#adff2f}100%{-webkit-transform:rotate(359deg);border-color:#00bff3}}@keyframes rotation{0%{-webkit-transform:rotate(0);border-color:#00bff3}25%{border-color:red}50%{border-color:orange}75%{border-color:#adff2f}100%{-webkit-transform:rotate(359deg);border-color:#00bff3}}@-webkit-keyframes glowing{0%{text-shadow:0 0 0 #00bff3;color:#00bff3}50%{text-shadow:0 0 80px transparent;color:transparent}52%{color:#4A4A4A}}@keyframes glowing{0%{text-shadow:0 0 0 #00bff3;color:#00bff3}50%{text-shadow:0 0 80px transparent;color:transparent}52%{color:#4A4A4A}}@-webkit-keyframes color{0%{color:#00bff3}25%{color:red}50%{color:orange}75%{color:#adff2f}100%{border-color:#00bff3}}@keyframes color{0%{color:#00bff3}25%{color:red}50%{color:orange}75%{color:#adff2f}100%{border-color:#00bff3}}@-webkit-keyframes bounce{0%,100%{left:0}33%{left:32px}66%{left:-16px}}@keyframes bounce{0%,100%{left:0}33%{left:32px}66%{left:-16px}}@-webkit-keyframes bounce-reverse{0%,100%{left:0}33%{left:-32px}66%{left:16px}}@keyframes bounce-reverse{0%,100%{left:0}33%{left:-32px}66%{left:16px}}