body{font-family:Roboto,sans-serif;color:#666;background:#f5f5f5;font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#444;overflow-x:hidden;position:relative}h1,h2,h3,h4,h5,h6{font-weight:500}a{color:#00bcd4;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out}a:hover{text-decoration:underline;color:#007888}a:focus{text-decoration:none}p{line-height:1.5}.btn,a.btn{background:#008fa1;color:#fff;padding:8px 15px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.4);-moz-box-shadow:0 2px 4px 0 rgba(0,0,0,.4);box-shadow:0 2px 4px #0006;text-transform:uppercase;font-weight:500;font-size:14px}.btn:hover,a.btn:hover{color:#fff;background:#00a5bb}#topcontrol{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;background:#008fa1;color:#fff;text-align:center;display:inline-block;z-index:30;width:36px;height:36px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 6px 10px 0 rgba(0,0,0,.3);-moz-box-shadow:0 6px 10px 0 rgba(0,0,0,.3);box-shadow:0 6px 10px #0000004d}#topcontrol:hover{background:#007888;color:#fff}#topcontrol .svg-inline--fa{position:relative;top:3px;font-size:25px;font-weight:400}.page-nav-space-holder{height:60px;position:relative}.page-nav-wrapper{background:#007888;padding-top:20px;padding-bottom:20px;position:absolute;width:100%;left:0;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.2);-moz-box-shadow:0 4px 12px rgba(0,0,0,.2);box-shadow:0 4px 12px #0003}.page-nav-wrapper.fixed{position:fixed;top:0;left:0;width:100%;z-index:100;background:#00bcd4}.page-nav-wrapper a{color:#fff9;text-decoration:none;font-weight:500}.page-nav-wrapper .page-nav{margin:0 auto;display:inline-block}.page-nav-wrapper .page-nav li{margin-right:30px;display:inline-block;background:none}.page-nav-wrapper .page-nav li:hover,.page-nav-wrapper .page-nav li:active{background:none}.page-nav-wrapper .page-nav li a{color:#fff9;padding:inherit}.page-nav-wrapper .page-nav li a:hover{color:#fff}.page-nav-wrapper .page-nav li a:hover,.page-nav-wrapper .page-nav li a:active,.page-nav-wrapper .page-nav li a:focus{background:none}.page-nav-wrapper .page-nav li a.active{color:#fff;background:none}.page-nav-wrapper .page-nav li:last-child{margin-right:0}.wrapper{padding-top:60px;padding-bottom:60px}.section{-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.14);-moz-box-shadow:0 1px 4px 0 rgba(0,0,0,.14);box-shadow:0 1px 4px #00000024;padding:45px;background:#fff;margin-bottom:45px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.section-title{margin-top:0;margin-bottom:45px;font-size:24px;text-align:center}.job-technology{font-size:12px;font-weight:500;color:#607d8b;display:inline-block;margin:1px;background-color:#eceff1;border-radius:4px;padding:2px 5px}.timeline{border-left:3px solid #00BCD4;border-bottom-right-radius:2px;border-top-right-radius:2px;position:relative;padding:0 30px;margin-left:280px}.timeline .item{position:relative;margin-bottom:45px}.timeline .item:last-child{margin-bottom:0}.timeline .item:before{content:"";position:absolute;left:-43px;top:0;display:inline-block;width:22px;height:22px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#fff;border:3px solid #00BCD4}.timeline .item:after{content:"";position:absolute;left:-37px;top:6px;display:inline-block;width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#00bcd4;z-index:10}.timeline .work-place{position:relative}.timeline .location{position:absolute;right:0;top:2px;color:#8a8a8a}.timeline .location .fa{margin-right:5px}.timeline .place{margin-top:0;margin-bottom:15px;font-size:20px;font-weight:300}.timeline .job-meta{position:absolute;left:-280px;top:0}.timeline .job-meta .title{font-size:18px;color:#00bcd4;max-width:220px}.timeline .job-meta .time{color:#8a8a8a}.timeline .job-desc{color:#666}.chart-easy-pie{position:relative}.chart{width:110px;height:110px;vertical-align:middle;position:relative;margin:0 auto 30px;text-align:center;font-size:20px;font-weight:300}.chart span{line-height:110px}.chart canvas{position:absolute;left:0;top:0}.footer .container{padding:30px;color:#8a8a8a;letter-spacing:.5px}.footer .container a{color:#8a8a8a}.screenshots{display:flex;justify-content:center;flex-wrap:wrap}.screenshots img.screenshot{margin:5px;max-width:400px;max-height:300px}@media (max-width: 767px){.header .social{margin:0 auto;text-align:center}.header .actions{position:static;margin:0 auto 30px;text-align:center}.header .actions .btn{margin-bottom:15px;font-size:12px;display:inline-block;width:100%}.header .actions .btn:last-child{margin-bottom:0}.header .name{font-size:36px}.header .title{font-size:22px}.header .contact-info li{margin-right:0;margin-bottom:15px;font-size:14px;width:100%;display:inline-block}.header .contact-info li:last-child{margin-bottom:0}.section{padding:30px}.section-title{font-size:20px}.timeline{margin-left:0;padding-right:0}.timeline .place{margin-bottom:5px}.timeline .job-meta{position:static;margin-bottom:15px}.timeline .job-meta .title{max-width:none}.education-section .item{padding:0}.portfolio-section .filters .type{font-size:12px;margin-right:5px;padding:8px 5px}.portfolio-section .item-inner .content{padding:15px}.portfolio-section .item-inner .content .sub-title{font-size:14px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portfolio-section .item-inner .content .meta{margin-bottom:30px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portfolio-section .item-inner .content .action{position:static;font-size:12px}.contact-section .intro{padding:0;text-align:center}.contact-section .intro .profile-image{position:static;margin:0 auto 30px;text-align:center}.contact-section .service-list{margin-left:0}.contact-section .social{margin:0 auto}}.config-trigger{position:absolute;top:30px;left:-36px;width:36px;height:36px;background:#222;color:#fff;text-align:center;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:4px;-moz-border-radius-topleft:4px;border-radius:4px 0 0 4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;text-decoration:none}.config-trigger:hover{background:#000;text-decoration:none}.config-trigger:hover .svg-inline--fa{color:#fff}.config-trigger .svg-inline--fa{font-size:20px;margin-top:7px;display:block;color:#fffc}.config-panel{position:absolute;top:160px;right:-190px;z-index:30;width:190px}.config-panel .panel-inner{position:relative;background:#222;color:#fff;padding:15px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:4px;-moz-border-radius-topleft:4px;border-radius:4px 0 0 4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.config-panel .panel-title{font-weight:600;margin-bottom:15px;font-size:14px;text-transform:uppercase}.config-panel label{color:#fff}.config-panel #color-options{margin-bottom:0}.config-panel #color-options li a{display:block;width:28px;height:20px;border:2px solid transparent;margin-bottom:10px}.config-panel #color-options li a:hover{-webkit-opacity:.9;-moz-opacity:.9;opacity:.9;border:2px solid rgba(255,255,255,.8)}.config-panel #color-options li.active a{border:2px solid #fff}.config-panel #color-options li.theme-1 a{background:#00bcd4}.config-panel #color-options li.theme-2 a{background-color:#03a9f4}.config-panel #color-options li.theme-3 a{background-color:#009688}.config-panel #color-options li.theme-4 a{background-color:#4caf50}.config-panel #color-options li.theme-5 a{background-color:#8bc34a}.config-panel #color-options li.theme-6 a{background-color:#c0ca33}.config-panel #color-options li.theme-7 a{background-color:#ffc107}.config-panel #color-options li.theme-8 a{background-color:#ff9800}.config-panel #color-options li.theme-9 a{background-color:#ff5722}.config-panel #color-options li.theme-10 a{background-color:#795548}.config-panel #color-options li.theme-11 a{background-color:#607d8b}.config-panel #color-options li.theme-12 a{background-color:#673ab7}.config-panel #color-options li.theme-13 a{background-color:#3f51b5}.config-panel #color-options li.theme-14 a{background-color:#2196f3}.config-panel #color-options li.theme-15 a{background-color:#9c27b0}.config-panel #color-options li.theme-16 a{background-color:#e91e63}.config-panel .close{position:absolute;right:5px;top:5px;color:#fff}.config-panel .close .svg-inline--fa{color:#fff;font-size:16px}