:root{--eggblue: #00cdde;--darkblue: #11172e;--border: 1px solid #1d294a}html{-webkit-box-sizing:border-box;box-sizing:border-box}body{color:#fff;background:#090e20;margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:normal;font:300 14px/1.4 'gotham_book', Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.hideOverflow{overflow:hidden}*,*,*:after{-webkit-box-sizing:inherit;box-sizing:inherit}figure{margin:0;position:relative}h1,h2,h3,h4,h5,h6,p,ol,ul{margin:0 0 .8rem 0;padding:0;font-weight:normal}h1,h2,h3,h4,h5,h6{font-weight:bold}h1{font-size:2rem}ul{padding-left:1.2rem}img{max-width:100%;height:auto}a{color:#0064c8;text-decoration:none}a:hover{text-decoration:underline}a:visited{color:#0050a0}.btn,button{background:var(--darkblue);border:var(--border);color:#fff;padding:.6rem 1.6rem;display:inline-block;font-family:inherit;text-decoration:none;outline:0;cursor:pointer}.btn:hover,button:hover{background:rgba(16,14,70,0.267)}iframe{max-width:100%}.iframe-wrap{position:relative;overflow:hidden;width:100%;padding-top:56.25%;border:var(--border);background:var(--darkblue);margin-bottom:.4rem}.iframe-wrap iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%}header{background:var(--darkblue);border-bottom:var(--border)}header>a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 .5rem}header .logo{display:none;max-width:40px;margin:0 auto}nav.main{position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4, 1fr);text-align:center}nav.main i{font-size:1.4rem}nav.main a{color:#3366be;padding:.6rem;text-decoration:none}nav.main a.active,nav.main a:hover{background:var(--darkblue);color:#ffffff}nav.main span{font-size:.8rem;display:block}nav.project-cat{position:fixed;border-right:var(--border);background:var(--darkblue);top:60px;left:0;height:100vh;width:46px;overflow:hidden}nav.project-cat a{color:#3366be;padding:1rem .8rem;margin-bottom:.5rem;text-decoration:none;font-size:1rem;border:0;outline:0;font-family:inherit;cursor:pointer;display:block;text-align:center;width:100%}nav.project-cat a.active{color:#fff}nav.project-cat i{font-size:1.2rem}nav.project-cat span{display:none}.projects-list{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr);grid-gap:.5rem}.projects-list .figure{overflow:hidden;position:relative;margin:0;padding:0}.projects-list .thumbnail{position:relative;overflow:hidden;border:var(--border);background:var(--darkblue);height:90px}.projects-list .thumbnail div{position:absolute;width:100%;height:100% !important}.projects-list img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.projects-list .details{position:absolute;bottom:0;width:100%;padding:1rem;background:-webkit-gradient(linear, left bottom, left top, from(#000000b8), to(transparent));background:linear-gradient(0deg, #000000b8, transparent);color:#fff}.projects-list .details h3{margin-bottom:0;font-size:12px;font-weight:normal}.modal img{border:var(--border);background:var(--darkblue);max-height:80vh;width:auto;margin:0 auto 1rem;display:block}@media (min-width: 400px){.projects-list .thumbnail{height:120px}}@media (min-width: 540px){.projects-list .thumbnail{height:140px}}@media (min-width: 620px){.projects-list .thumbnail{height:160px}}@media (min-width: 768px){body{font-size:18px}.btn,button{padding:.8rem 1.8rem;font-size:1.2rem}header{display:-webkit-box;display:-ms-flexbox;display:flex;padding:.5rem 0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}header .logo{display:inline-block}nav.main{background:none;border:0}nav.main a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.6rem 1.6rem}nav.main a.active,nav.main a:hover{background:none}nav.main a i{margin-right:.6rem}nav.main a span{font-size:1.1rem}.projects-list{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr)}}@media (min-width: 992px){nav.project-cat{width:180px}nav.project-cat i{margin-right:0.6rem}nav.project-cat a{text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}nav.project-cat span{display:inline-block;font-size:0.8rem}.projects-list{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4, 1fr)}}@media (min-width: 1200px){.projects-list .thumbnail{height:180px}}@media (min-width: 1600px){.projects-list{-ms-grid-columns:(1fr)[5];grid-template-columns:repeat(5, 1fr)}.projects-list .thumbnail{height:200px}}@font-face{font-family:'gotham_book';src:url("fonts/gotham/gotham_book.eot");src:local("☺"),url("fonts/gotham/gotham_book.woff") format("woff"),url("fonts/gotham/gotham_book.ttf") format("truetype"),url("fonts/gotham/gotham_book.svg") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'icomoon';src:url("fonts/icomoon/icomoon.eot?s916ec");src:url("fonts/icomoon/icomoon.eot?s916ec#iefix") format("embedded-opentype"),url("fonts/icomoon/icomoon.ttf?s916ec") format("truetype"),url("fonts/icomoon/icomoon.woff?s916ec") format("woff"),url("fonts/icomoon/icomoon.svg?s916ec#icomoon") format("svg");font-weight:normal;font-style:normal;font-display:block}[class^="icon-"],[class*=" icon-"]{font-family:'icomoon' !important;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-close:before{content:"\e902"}.icon-angle-left:before{content:"\f104"}.icon-angle-right:before{content:"\f105"}.icon-angle-up:before{content:"\f106"}.icon-angle-down:before{content:"\f107"}.icon-github:before{content:"\e603"}.icon-vimeo:before{content:"\e604"}.icon-twitter:before{content:"\e605"}.icon-instagram:before{content:"\e60a"}.icon-behance:before{content:"\e60c"}.icon-artstation:before{content:"\e901"}.icon-user:before{content:"\f007"}.icon-facebook:before{content:"\f09a"}.icon-linkedin:before{content:"\f0e1"}.icon-motion:before{content:"\f144"}.icon-youtube:before{content:"\f16a"}.icon-codepen:before{content:"\f1cb"}.icon-home:before{content:"\e900"}.icon-image:before{content:"\e90d"}.icon-images:before{content:"\e90e"}.icon-video-camera:before{content:"\e914"}.icon-cog:before{content:"\e994"}.icon-back-arrow:before{content:"\ea40"}.icon-code:before{content:"\ea80"}::-webkit-scrollbar{width:8px;background:#090e20;padding:6px}::-webkit-scrollbar-thumb{background:#204483;border-radius:6px}::-webkit-scrollbar-thumb:window-inactive{background:#16305e;border-radius:6px}