html{font-size:calc(14px + (18 - 14) * ((100vw - 300px) / (1168 - 300)));line-height:1;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-x:hidden}*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit}body{font-family:'Ubuntu',sans-serif;font-weight:300;color:#333;margin:0 auto;overflow-x:hidden}.wrapper{max-width:1168px;height:100%;margin:0 auto;padding:0 1rem}h1{font-size:3em}h2{font-size:2.75em}h3{font-size:2em}h4{font-size:1.75em}h1,h2,h3,h4{font-weight:400;color:#333;margin:0 0 1rem 0;padding:0}h1,h2{font-weight:700;font-family:'Eczar',serif}p{font-size:1em;color:#333;line-height:1.4;margin:0 0 1rem 0;padding:0}strong{font-weight:700}hr{border:0;height:6px;background:url(../images/hr-slash.png) repeat-x 0 0;margin-bottom:1.5rem}img{width:100%;height:auto;display:block}ul{list-style:square outside none;margin:0 0 1rem 0;padding:0 1.5rem;line-height:1.4;color:#333}.list-no-style{list-style-type:none;margin:0;padding:0}a{text-decoration:underline;color:#0E82CB}a:hover{cursor:pointer;text-decoration:none;-webkit-transition-duration:0.2s;transition-duration:0.2s;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-delay:0s;transition-delay:0s}blockquote{margin:0;font-style:italic;quotes:"\201C" "\201D"}blockquote p:before{content:open-quote;font-family:"Times New Roman",Times,Georgia,serif;font-weight:bold}blockquote p:after{content:close-quote;font-family:"Times New Roman",Times,Georgia,serif;font-weight:bold}.quotee{font-size:0.9em;opacity:0.6;display:block}address{font-style:normal}iframe,object,embed{max-width:100%}.container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-2rem}.container [class^="grid"]{padding-left:2rem;margin-bottom:1.5rem}[class^="grid"]{-webkit-box-flex:1;-ms-flex:1;flex:1}.slim-gutter{margin-left:-1px}.slim-gutter [class^="grid"]{padding-left:1px;margin-bottom:1px}.no-gutter{margin-left:0}.no-gutter [class^="grid"]{padding-left:0;margin-bottom:0}.text-center{text-align:center}.text-left{text-align:left}.align-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.align-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.v-align-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.v-align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.v-align-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.v-align-baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.h-align-height .module-box{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;height:100%}.two-items > [class^="grid"],.three-items > [class^="grid"],.four-items > [class^="grid"]{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}.six-items > [class^="grid"]{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%}.twelve-items > [class^="grid"]{-webkit-box-flex:0;-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;-ms-flex:0 0 calc(100% / 3);flex:0 0 calc(100% / 3)}.container .side,.container .main{-webkit-box-flex:1;-ms-flex:1 100%;flex:1 100%}.one-of-two > [class^="grid"]:first-of-type,.one-of-three > [class^="grid"]:first-of-type,.two-of-three > [class^="grid"]:first-of-type{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}.one-of-four > [class^="grid"]:first-of-type,.three-of-four > [class^="grid"]:first-of-type,.one-of-six > [class^="grid"]:first-of-type,.five-of-six > [class^="grid"]:first-of-type{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}.container.nested [class^="grid"]:first-of-type{margin-bottom:1rem}.container.nested [class^="grid"]:last-of-type{margin-bottom:0}.bar,.bar:before,.bar:after{content:"";position:absolute;right:0;height:3px;width:2rem;background-color:#FFF;border-radius:2px}.bar{position:fixed;right:1rem;top:26px}.bar:before{top:-9px}.bar:after{top:9px}.menu-collapsed:hover .bar,.menu-collapsed:hover .bar:before,.menu-collapsed:hover .bar:after{opacity:0.9}.menu-expanded .bar{background-color:transparent}.menu-expanded .bar:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.menu-expanded .bar:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.menu-expanded .bar:before,.menu-expanded .bar:after{-webkit-transition:all .25s;transition:all .25s;top:0}.menu-collapsed{-webkit-transition:all .25s;transition:all .25s;position:fixed;top:0;right:0;z-index:1;cursor:pointer;height:3.5rem;width:3.75rem}.menu-collapsed ul{display:none;visibility:hidden;-webkit-transition:all 0s;transition:all 0s}.menu-expanded{-webkit-transition:all .25s;transition:all .25s;text-align:center;height:100%;width:100%;top:0;right:0;background-color:rgba(0,0,0,0.9)}.menu-expanded ul{display:block;visibility:visible;margin:3.5rem auto}.menu-expanded ul li{position:relative;height:25%;height:calc(100% / 4);min-height:50px;font-size:1.6em}.nav-list li a{display:inline;color:#FFF;text-transform:uppercase;font-weight:400;text-align:center;text-decoration:none;letter-spacing:1px}.module-box *{color:#fff}.edge-to-edge{clear:both;padding:0}.edge-to-edge .container:first-of-type{padding:3rem 0 0 0}.edge-to-edge .module-box *{color:#333}.edge-to-edge .slim{padding:0.75rem 0;margin-bottom:0;font-size:0.9em}.inner-edge-to-edge{background:rgba(0,0,0,0.4);padding:0 3000px;margin:0 -3000px}.parallax{background-image:url(../images/moi-illus-600.png);background-repeat:no-repeat;background-color:#1DA8E3;background-attachment:scroll;background-position:center top;background-size:cover;width:100vw;height:100vh;min-height:100%;min-height:480px}.parallax-moi{background:#083244;padding:3rem 0 3rem 0;text-align:center}.img-circular{width:240px;height:240px;background-image:url(../images/moi-mob.jpg);background-size:cover;display:block;border-radius:120px;margin:0 auto 1rem auto}.homepage{padding:11rem 0 0 0}.homepage h2{color:#fff;text-shadow:-2px 2px 4px rgba(3,3,3,0.1)}.homepage h2 strong{font-size:1.15em}.homepage h2 .developer{display:block;font-family:'Ubuntu';font-weight:300;font-size:0.92em;letter-spacing:-2px;color:#083244;position:relative;bottom:0.1rem;text-shadow:none}.homepage p{color:#fff;margin:0 8rem 1rem 0}#contact h2,#contact p{text-align:center}.btn,form button{display:inline-block;border:1px solid #AAA;padding:0.5rem 1.75rem;font-weight:700;font-size:0.8em;text-transform:uppercase;letter-spacing:1px;color:#333;text-decoration:none;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-box-shadow:0 0 1px transparent;box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.btn:before,form button:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);-webkit-transform:scale(1);transform:scale(1);-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.btn:hover,.btn:focus,.btn:active,form button:hover,form button:focus,form button:active{color:white}.btn:hover:before,.btn:focus:before,.btn:active:before,form button:hover:before,form button:focus:before,form button:active:before{-webkit-transform:scale(0);transform:scale(0)}.overlay-box{position:relative;width:100%}.overlay{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;-webkit-transition:.5s ease;transition:.5s ease;background-color:#1DA8E3;background-color:rgba(29,168,227,0.75)}.overlay-box .overlay h4{display:block;padding:0.2rem 0.5rem 0.25rem 0.5rem;color:#FFF;font-size:1.2em;font-weight:700;line-height:1.25;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.overlay-box .overlay:hover h4{-webkit-transition:.5s ease;transition:.5s ease;background-color:#1DA8E3;background-color:rgba(29,168,227,0.8)}.overlay-box .overlay:hover{cursor:pointer;background:transparent}.slim-gutter .overlay-box{margin-bottom:1px}.slim-gutter .overlay-box:last-child{margin-bottom:0}.next-wrapper{position:relative}.next-section{display:inline;line-height:0;text-decoration:none;height:2.8rem;width:9.625rem;position:absolute;left:0;right:0;margin:auto}.next-section .fa{display:block;line-height:0;position:relative;bottom:1.25rem;color:#1DA8E3}.next-section svg{width:9.625rem;height:2.8rem}a:hover .chevron-bg{fill:#051E29}.next-section.about{bottom:0;background:transparent}.next-section.projects{position:relative;top:3px;background:transparent}a.projects:hover .chevron-bg{fill:rgba(0,0,0,0.1)}@-webkit-keyframes arrow-jump{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-7px);transform:translateY(-7px)}60%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}}#arrow{-webkit-animation:arrow-jump 3s infinite;animation:arrow-jump 3s infinite}.lead-in{font-size:1.25em}.lead-in::after{display:block;content:"";width:40%;margin:1rem auto;border-bottom:1px solid;opacity:0.4}.circle-progress{display:inline-block;margin:0 auto;position:relative}.circle-progress canvas{max-width:10rem;max-height:10rem;vertical-align:top}.circle-progress strong{display:block;line-height:1;margin-left:1rem;padding-top:4.5rem;width:100%;font-size:1.2em;position:absolute;top:0;left:50%;transform:translate(-50%,0)}.circle-progress strong .fa{line-height:0}.circle-progress strong .fa-css3{font-size:0.8em;position:relative;bottom:0.1rem}.circle-progress .circle-info{display:block;font-size:0.85em;padding:0.5rem 0}.mobile-first{display:-webkit-box;display:-ms-flexbox;display:flex;color:#001E30;color:rgba(0,0,0,0.6);margin-bottom:1rem}.mobile-first .fa{margin-right:1.5rem}.name-box-rel{position:relative}.name-box{display:block;position:absolute;top:0;left:0;right:0;margin:auto;padding:0.5rem 0;text-align:center;width:19rem;height:2.9rem;background-color:#FFF;background:url(../images/curved-box.svg) no-repeat;background-size:19rem 2.9rem}.name-box h1{margin:0;color:#FFF;font-size:1.6em;line-height:1;letter-spacing:1px;text-transform:lowercase}.name-box h1 span{font-family:'Ubuntu',sans-serif;font-weight:300;color:#1DA8E3;letter-spacing:-1px;margin-left:-0.4rem}.copyright-etc{font-size:0.9em;display:-webkit-box;display:-ms-flexbox;display:flex;text-transform:lowercase}.copyright-etc .fa{color:rgba(255,255,255,0.5);padding-right:0.5rem}.copyright-etc li{padding:0 0.75rem;border-left:1px solid rgba(255,255,255,0.2)}.copyright-etc li:first-child{padding-left:0;border:none}.copyright-etc li:last-child{padding-right:0}.copyright-etc li strong{font-family:'Eczar',serif;letter-spacing:1px;margin-right:-0.15rem}.copyright-etc li span{color:#1da8e3!important}.four-items.cms > [class^="grid"]{-webkit-box-flex:0;-ms-flex:0 0 35%;flex:0 0 35%}ul.cms li{font-weight:700;font-size:1.2em}ul.cms li img{width:60%;margin:0.5rem auto}.bg-grey{background-color:#D9D9D9}.bg-b-blue,.bg-b-blue a{background-color:#1DA8E3;color:#fff}a.bg-b-blue.btn,form button.bg-b-blue.btn{background-color:transparent;border-color:#1DA8E3;color:#1DA8E3}.bg-b-blue.btn:hover,form button.bg-b-blue.btn:hover{background-color:#1DA8E3;color:#FFF}.bg-b-blue.btn:before,form button.bg-b-blue.btn:before{background-color:#083244}#about .bg-b-blue.btn:before{background-color:rgba(0,0,0,0.3)}.edge-to-edge.bg-b-blue *{color:#fff}.bg-d-blue,.bg-d-blue a{background-color:#083244;color:#fff}.bg-d-blue.btn{background-color:#083244;border-color:#083244}.edge-to-edge.bg-d-blue *{color:#fff}form *{font-family:'Ubuntu',sans-serif}form input,form textarea{display:block;width:100%;border:0;background:rgba(225,225,225,0.1);margin:0;padding:0.5rem;font-size:0.9em;border-radius:2px}form label{display:block;font-weight:700;margin:0 0 0.5rem 0;font-size:0.95em}form label span{color:rgba(225,225,225,0.5)!important;font-weight:300;font-size:0.8em}form label span.error{color:red!important;font-weight:400}form textarea{margin:0 0 1.5rem 0}form button{display:block;width:100%;border:0;cursor:pointer;border-radius:0}.success{clear:both;padding-top:1.5rem}.error-bot p::before{content:"\f06a";font-family:FontAwesome;color:#C1272d;font-size:1.4em}.success p::before{content:"\f058";font-family:FontAwesome;color:#5CD246;font-size:1.4em}.error-bot strong.sent,.success strong.sent{font-size:1.4em}.error-bot span,.success span{display:block;overflow:hidden}@media (min-width:600px){.four-items > [class^="grid"]{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%}.six-items > [class^="grid"]{-webkit-box-flex:0;-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;-ms-flex:0 0 calc(100% / 3);flex:0 0 calc(100% / 3)}.twelve-items > [class^="grid"]{-webkit-box-flex:0;-ms-flex:0 0 16.66666666666667%;flex:0 0 16.66666666666667%;-ms-flex:0 0 calc(100% / 6);flex:0 0 calc(100% / 6)}.container .side{-webkit-box-flex:1;-ms-flex:1 25%;flex:1 25%}.one-of-two > [class^="grid"]:first-of-type,.one-of-three > [class^="grid"]:first-of-type,.two-of-three > [class^="grid"]:first-of-type{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%}.one-of-four > [class^="grid"]:first-of-type,.one-of-six > [class^="grid"]:first-of-type{-webkit-box-flex:0;-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;-ms-flex:0 0 calc(100% / 3);flex:0 0 calc(100% / 3)}.three-of-four > [class^="grid"]:first-of-type,.five-of-six > [class^="grid"]:first-of-type{-webkit-box-flex:0;-ms-flex:0 0 66.6666%;flex:0 0 66.6666%;-ms-flex:0 0 calc(100% / 3 * 2);flex:0 0 calc(100% / 3 * 2)}.homepage{padding:14rem 0 0 0}.homepage h2 strong{font-size:1.4em}.homepage h2 .developer{font-size:1.1em;bottom:0.4rem}.module-box{margin:3rem 0 0 0;padding:1.5rem;background-color:rgba(3,3,3,0.8)}[class^="module"] > *:last-child,[class^="module"] > *:last-child > *:last-child,[class^="module"] > *:last-child > *:last-child > *:last-child{margin-bottom:0}.parallax{background:#1DA8E3 url(../images/moi-illus.png) no-repeat center top;background-size:cover;background-attachment:scroll;width:100%;height:100vh;min-height:100%;min-height:600px}.parallax-moi{background:url(../images/moi.jpg) no-repeat center top;background-size:cover;background-attachment:scroll;width:100%;height:100vh;min-height:100%;min-height:600px;padding:0;text-align:initial}.img-circular{width:auto;height:auto;background-image:initial;background-size:initial;display:inline;border-radius:initial;margin:0}#contact h2,#contact p{text-align:initial}.error-bot p:before,.success p:before{float:left;margin-right:0.5rem}}@media (min-width:768px){.two-items > [class^="grid"],.three-items > [class^="grid"],.four-items > [class^="grid"],.six-items > [class^="grid"],.twelve-items > [class^="grid"]{-webkit-box-flex:1;-ms-flex:1;flex:1}.container .main{-webkit-box-flex:2;-ms-flex:2;flex:2}.container .side{-webkit-box-flex:1;-ms-flex:1;flex:1}.one-of-three > [class^="grid"]:first-of-type,.one-of-three.nested [class^="grid"]:first-of-type{-webkit-box-flex:0;-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;-ms-flex:0 0 calc(100% / 3);flex:0 0 calc(100% / 3)}.one-of-four > [class^="grid"]:first-of-type,.one-of-four.nested [class^="grid"]:first-of-type{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%}.one-of-six > [class^="grid"]:first-of-type{-webkit-box-flex:0;-ms-flex:0 0 16.66666666666667%;flex:0 0 16.66666666666667%;-ms-flex:0 0 calc(100% / 6);flex:0 0 calc(100% / 6)}.two-of-three > [class^="grid"]:first-of-type{-webkit-box-flex:0;-ms-flex:0 0 66.6666%;flex:0 0 66.6666%;-ms-flex:0 0 calc(100% / 3 * 2);flex:0 0 calc(100% / 3 * 2)}.three-of-four > [class^="grid"]:first-of-type{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%}.five-of-six > [class^="grid"]:first-of-type{-webkit-box-flex:0;-ms-flex:0 0 83.3333%;flex:0 0 83.3333%;-ms-flex:0 0 calc(100% / 6 * 5);flex:0 0 calc(100% / 6 * 5)}.gutter.nested [class^="grid"]:first-of-type .module{margin-right:0}.container.nested [class^="grid"]:first-of-type,.container.nested [class^="grid"]:last-of-type{margin-bottom:0}.bar,.bar:before,.bar:after{height:0;width:0;background-color:transparent}.menu-collapsed,.menu-expanded{position:relative;top:0.8rem;width:auto;height:auto;background-color:transparent;cursor:auto}.menu-collapsed:hover{background-color:transparent}.menu-collapsed ul,.menu-expanded ul{display:inline;visibility:visible;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex}.menu-collapsed ul li,.menu-expanded ul li{position:static;display:inline;height:auto;min-height:auto;font-size:0.9em}.menu-expanded ul li a{display:inline;text-decoration:none}.menu-expanded ul li a:after{height:0}.nav-list{position:absolute;right:0}.nav-list li a{display:inline;margin:0 0 0 2.5rem;color:#FFF;text-transform:uppercase;font-weight:700;text-align:center;text-decoration:none;padding:0.8rem 0}.nav-list li a:hover{border-top:1px solid #FFF}.nav-list{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.nav-list li{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;letter-spacing:1px}.nav-list li:first-child{display:none;visibility:hidden}.homepage{padding:0;width:100%;height:100vh;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-pack:center;-ms-flex-pack:center;justify-content:center}.homepage h2 strong{font-size:1.7em}.homepage h2 .developer{font-size:1.28em;bottom:0.3rem}.four-items.cms > [class^="grid"]{-webkit-box-flex:0;-ms-flex:0 0 18%;flex:0 0 18%}ul.cms li{font-weight:700;font-size:1.2em}ul.cms li img{margin:0.5rem auto}.name-box{margin:0}.parallax{background:#1DA8E3 url(../images/moi-illus.png) no-repeat fixed center top;background-size:cover;border-bottom:1px solid #083244;width:100%;height:100vh;min-height:100%}.parallax-moi{background:url(../images/moi.jpg) no-repeat fixed center top;background-size:cover;width:100%;height:100vh;min-height:100%}.circle-progress canvas{max-width:100%;max-height:100%}.circle-progress strong{padding-top:3.25rem}form button{width:calc(50% - 1rem);float:right}}