h1,h2,h4,li,ul{margin:0}.center,h3{text-align:center}.btn,.menu{position:relative;cursor:pointer}.btn,.timeline span,nav a{text-transform:uppercase}body,html{margin:0;overflow-x:hidden;background:rgba(227,227,227,.59);color:#757575;font:500 16px/22px Roboto,Arial,sans-serif}h3,h4{line-height:46px}body{padding:200px 20px 0;margin-top:200px}.hidden{display:none}.btn,a{display:inline-block}a{text-decoration:none}:focus{outline:0}::-moz-focus-inner{border:0}li,ul{padding:0;list-style:none}.btn,nav .grid{padding:0 20px}h1{font-size:45px;font-weight:500;line-height:60px;color:#565656}h2{font-size:18px;font-weight:400;line-height:30px}h3{font-size:30px;font-weight:500;margin:50px 0}h4{font-size:28px;font-weight:400}p{margin:30px 0}.grid{max-width:1200px;margin:0 auto}.link{color:#72B7E1;border-bottom:2px solid currentColor;margin-bottom:-2px;position:relative;-webkit-transition:color 150ms;transition:color 150ms}.link:active{top:2px}.link:hover{color:#C3C3C3}.link.codepen{color:#050305}.link.twitter{color:#55ACEE}.link.facebook{color:#5973A8}.btn{font:500 16px/22px Roboto,Arial,sans-serif;line-height:45px;color:#fff;border-radius:4px;border:0;box-shadow:inset 0 -2px 0 rgba(0,0,0,.2)}.skills-box ul,.top-bar,nav a{font-size:18px}.btn:active{top:2px;box-shadow:none}.btn.blue{background:#00A8FF}.btn.green{background:#38DE8A}.btn+.btn{margin-left:15px}.menu{float:left;left:13px;top:13px;width:40px;height:40px;background:0 0;border:0;padding:0;margin:0;opacity:.7;-webkit-transition:opacity 150ms;transition:opacity 150ms}header,nav{left:0;right:0}.hamburger::after,.hamburger::before{content:'';background:#fff}.menu:hover{opacity:1}.menuHidden .menu{opacity:0;pointer-events:none}.hamburger,.hamburger::after,.hamburger::before{margin:0 auto;display:block;width:24px;height:3px;line-height:0;-webkit-transition:all 150ms;transition:all 150ms}.hamburger::before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.hamburger::after{-webkit-transform:rotate(-45deg) translate(2px,-2px);-ms-transform:rotate(-45deg) translate(2px,-2px);transform:rotate(-45deg) translate(2px,-2px)}.skype{display:inline-block;line-height:0;vertical-align:middle}.skype p{margin:0}.skype p img{vertical-align:middle!important}header{position:fixed;top:0;z-index:2}.top-bar{text-align:right;font-weight:300;line-height:66px;height:66px;color:rgba(255,255,255,.7);letter-spacing:1px;background:#0396E3;z-index:1;position:relative}.hero,.message,footer.grid{text-align:center}.skype,.top-bar .mail{margin:0 20px;color:#fff;opacity:.7;-webkit-transition:opacity 150ms;transition:opacity 150ms}.skype:hover,.top-bar .mail:hover{opacity:1}nav{z-index:1;background:#00A8FF;position:fixed;top:66px;padding:50px 0 0;-webkit-transition:-webkit-transform 150ms;transition:transform 150ms;box-shadow:0 2px 3px 2px rgba(0,0,0,.25)}.collapsed .hamburger,.white-box{background:#fff}.field label,nav a{-webkit-transition:all 150ms}nav a{color:#fff;line-height:80px;margin:0 50px 0 0;color:rgba(255,255,255,.7);transition:all 150ms}.blue-box,nav a.active,nav a:hover{color:#fff}nav a:last-child{margin-right:0}nav a.active,nav a:active{box-shadow:inset 0 -2px 0 currentColor}.collapsed .hamburger::after{-webkit-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px)}.collapsed .hamburger::before{-webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);transform:translateY(-8px)}.collapsed nav{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}body:not(.collapsed) header{z-index:4}body:not(.collapsed) nav{z-index:3}.box{box-shadow:0 2px 3px 1px rgba(0,0,0,.15);box-sizing:border-box;padding:90px 100px}.blue-box{background:#00A8FF}.hero{line-height:30px;padding-top:150px;position:relative}.hero p{margin-bottom:70px}.hero .thumb{-webkit-transition:width 150ms,height 150ms;transition:width 150ms,height 150ms;width:210px;height:210px;border-radius:50%;position:absolute;z-index:2;top:0;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.hero.sticky .thumb,body:not(.collapsed) header:not(.menuHidden)+.hero .thumb{box-shadow:0 2px 3px 2px rgba(0,0,0,.25);position:fixed;top:60px;width:100px;height:100px}.timeline{position:relative}.timeline .box::before,.timeline::before{content:'';position:absolute;left:50%;display:block}.timeline::before{height:100%;width:2px;background:#B6B6B6;margin-left:-1px;box-shadow:inset 0 -100px 100px -30px #E3E3E3}.timeline::after{content:'';display:block;clear:both}.timeline .box{width:45%;background:#fff;border-radius:4px;padding:40px;float:left;clear:both}.timeline .box::before{width:14px;height:14px;border-radius:50%;background:#00A8FF;margin:-47px 0 0 -7px}.timeline .box:nth-child(2n+2){float:right}.timeline strong{font-size:18px;font-weight:500;color:#555;display:block}.card,.field,.skills-box .col{display:inline-block;box-sizing:border-box}.timeline span{color:#72B7E1;font-weight:300;line-height:40px}.timeline p{margin:10px 0 0;font-weight:400;line-height:26px}.skills-box .col{width:50%;padding:0 0 0 6%;vertical-align:top}.skills-box ul{line-height:40px;font-weight:400;margin-top:30px}.card,.cards{line-height:0}.skills-box .footnote{margin:100px 0 0;font-weight:300;font-size:14px}.cards{font-size:0;margin:0 0 -30px -15px;width:calc(100% + 30px)}.card{padding:0 15px 30px;margin:0;width:33.333333%;font-weight:400;vertical-align:top}.card .box{padding:0;background:#fff;-webkit-transition:all .2s cubic-bezier(.3,.6,.2,1.8);transition:all .2s cubic-bezier(.3,.6,.2,1.8)}.card .box:hover{-webkit-transform:scale(1.04);-ms-transform:scale(1.04);transform:scale(1.04);box-shadow:0 2px 14px 5px rgba(0,0,0,.15)}.card img{width:100%}.card .summary{background:#F1DD1E;color:#fff;padding:20px}.card span{line-height:20px;color:rgba(255,255,255,.8);font-size:17px}.card.dark .summary{color:#000}.card.dark span{color:#454545}.card p{padding:20px;margin:0;line-height:26px;font-size:16px;color:#8B8B8D}.summary.ict{background:#37A5AA}.summary.kiteops-summary{background:#5CBC90}.summary.sp-summary{background:#FE8D25}.summary.runceanu-summary{background:#179DB4}.summary.yor-summary{background:#E14E42}.summary.benevol-summary{background:#910613}.summary.flip-summary{background:#16A085}.summary.pa-summary{background:#28261F}.contact{font-size:0;line-height:0;color:#000}.field{position:relative;width:50%;margin-bottom:50px;padding:0 20px}.field.field-textarea{width:100%;padding:0}.field:nth-child(odd){padding-left:0}.field:nth-child(even){padding-right:0}.field input,.field textarea{width:100%;border:0;border-bottom:1px solid #A8A8AA;box-shadow:inset 700px 0 0 0 #fff,0 1px 0 #ECECEE;margin:0;padding:6px 0;font:300 18px/28px Roboto,Arial,sans-serif}.field textarea{height:150px;resize:vertical}.field input:focus,.field textarea:focus{border-color:#18B1FD}.field label{pointer-events:none;font-size:18px;line-height:20px;font-weight:400;position:absolute;left:0;transition:all 150ms}.field:nth-child(even) label{left:20px}.field input:focus+label,.field textarea:focus+label,.field.completed label{font-size:12px;color:#34B2FF;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}.contact .btn{font-size:16px;min-width:50%;padding:0;margin-top:50px}[required]+label:after{content:'*'}.field[data-isvalid=false] [required]+label:after{content:''}.field[data-isvalid=true] label{color:#38DE8A}.field[data-isvalid=false] label{color:#E14E42;text-transform:lowercase}.field[data-isvalid=false] label::before{content:'Please provide your ';text-transform:none}.field[data-isvalid=false] label[for=email]::before{content:'Looks like an invalid '}.field[data-isvalid=false] label[for=message]::before{content:'You really should send me a '}.field:not([data-isvalid=true]):not(.field_optional)~.center input{background:#E14E42}.message{margin:50px 0;font-size:24px;line-height:45px;font-weight:300;display:none}.message.shown{display:block}.message_success{color:#38DE8A}.message_error{color:#E14E42}#submitform{-webkit-transition:all 150ms;transition:all 150ms}#submitform[disabled]{background:#eee;font-size:0;border-radius:50%;min-width:45px;width:45px;cursor:default;margin-left:auto;margin-right:auto;-webkit-animation:sendMail 750ms infinite alternate ease-in-out;animation:sendMail 750ms infinite alternate ease-in-out}@-webkit-keyframes sendMail{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px)}100%{-webkit-transform:translateX(100px);transform:translateX(100px)}}@keyframes sendMail{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px)}100%{-webkit-transform:translateX(100px);transform:translateX(100px)}}footer.grid{margin-top:20px;margin-bottom:20px;font-size:16px;line-height:32px}@media (max-width:900px){.hero .thumb,header{box-shadow:0 2px 3px 2px rgba(0,0,0,.25)}.mail,body:not(.collapsed) .thumb{display:none}.card{width:50%}.skills-box .col{width:100%;text-align:center;padding:0}.skills-box .col ul{margin-top:20px}.skills-box .col:not(:first-child) h4{border-top:2px solid #fff;padding-top:40px;margin-top:40px}body{margin-top:0;padding-top:140px}.hero .thumb{position:fixed;top:60px;width:100px;height:100px}nav,nav a.active,nav a:active{box-shadow:none}.box.hero{padding-top:40px;padding-bottom:40px}nav{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);bottom:0;top:16px;z-index:1}.collapsed nav{-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0);-webkit-transition:none;transition:none}nav a{text-align:center;margin:0;display:block;line-height:calc((100vh - 66px)/ 5)}h3:not(#experience){margin-bottom:20px}.field{width:100%;padding:0}.field:nth-child(even) label{left:0}}@media (max-width:750px){body{padding-left:10px;padding-right:10px}.menu{left:3px}.skype{margin-right:10px}.timeline .box{width:100%;position:relative;margin-bottom:40px}.timeline .box:last-child{margin-bottom:0}.hero p{margin-bottom:20px}.skills-box .footnote{margin-top:40px}.contact .btn{width:100%}}@media (max-width:600px){.card{width:100%}.box,.timeline .box{padding:20px}.timeline::before{margin-top:-15px}form.box{padding-top:40px}.contact .btn,.message{margin-top:0}.timeline strong{margin-bottom:20px}}@media (max-width:420px){.btn{display:block;text-align:center}.btn+.btn{margin:20px 0 0}}.soc-btn{display:table;margin:0 auto}.soc{display:table-cell;padding:2px 5px;float:left}.soc.fb-like{bottom:10px}