/* You can add global styles to this file, and also import other style files */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:#1976d2;-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:#417fbb;color:#fff;padding:8px 15px;border-radius:2px;background-clip:padding-box;box-shadow:0 2px 4px 0 rgba(0,0,0,.4);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;border-radius:50%;background-clip:padding-box;box-shadow:0 6px 10px 0 rgba(0,0,0,.3)}#topcontrol:hover{background:#007888;color:#fff}#topcontrol .fa{position:relative;top:3px;font-size:25px;font-weight:400}.header{
  /*background: #00BCD4;*/background-color:#1976d2;background:linear-gradient(145deg,#0d47a1,#42a5f5)}.header,.header a{color:#fff}.header .top-bar{position:relative;padding-top:15px;padding-bottom:120px}.header .social{margin-bottom:0}.header .social a{color:hsla(0,0%,100%,.8);display:inline-block;text-align:center;width:32px;height:32px;border-radius:50%;background-clip:padding-box;padding-top:2px;font-size:16px;border:2px solid hsla(0,0%,100%,.8)}.header .social a:hover{color:#fff;border-color:#fff}.header .actions{position:absolute;right:15px;top:15px}.header .actions .fa{margin-right:5px}.header .actions a{margin-right:10px;color:#fff}.header .actions a:last-child{margin-right:0}.header .profile-image{position:absolute;width:120px;height:120px;top:-100px;margin-left:-70px;left:50%;border-radius:50%}.header .name{font-size:20px;margin-bottom:5px;letter-spacing:.5px}.header .title{font-size:20px;font-weight:300;color:hsla(0,0%,100%,.8);margin-bottom:10px}.header .intro{
  /*background: hsl(187, 100%, 37%);*/padding-top:0;
  /*padding-bottom: 10px;*/position:relative;font-size:16px}.header .profile{max-width:800px;margin:0 auto}.header .contact-info{background:#008fa1;padding-top:30px;padding-bottom:30px;font-size:16px}.header .contact-info ul{margin-bottom:0}.header .contact-info li{margin-right:30px;color:hsla(0,0%,100%,.8)}.header .contact-info li a{color:hsla(0,0%,100%,.8)}.header .contact-info li a:hover{color:#fff}.header .contact-info li:last-child{margin-right:0}.header .contact-info li .fa{margin-right:10px}
/* Page Nav */.page-nav-space-holder{height:60px;position:relative}.page-nav-wrapper{background:#084d90;padding-top:20px;padding-bottom:20px;position:absolute;width:100%;left:0;box-shadow:0 4px 12px rgba(0,0,0,.2)}.page-nav-wrapper.fixed{position:fixed;top:0;left:0;width:100%;z-index:100;background:#1976d2}.page-nav-wrapper a{color:hsla(0,0%,100%,.6);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:active,.page-nav-wrapper .page-nav li:hover{background:none}.page-nav-wrapper .page-nav li a{color:hsla(0,0%,100%,.6);padding:inherit}.page-nav-wrapper .page-nav li a:hover{color:#fff}.page-nav-wrapper .page-nav li a:active,.page-nav-wrapper .page-nav li a:focus,.page-nav-wrapper .page-nav li a:hover{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{box-shadow:0 1px 4px 0 rgba(0,0,0,.14);padding:45px;background:#fff;margin-bottom:45px;border-radius:2px;background-clip:padding-box}.section:last-child{margin-bottom:0}.section-title{margin-top:0;margin-bottom:45px;font-size:24px;text-align:center}.timeline{border-left:3px solid #1976d2;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{left:-43px;top:0;width:22px;height:22px;border-radius:50%;background-clip:padding-box;background:#fff;border:3px solid #1976d2}.timeline .item:after,.timeline .item:before{content:"";position:absolute;display:inline-block}.timeline .item:after{left:-37px;top:6px;width:10px;height:10px;border-radius:50%;background-clip:padding-box;background:#1976d2;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:#1976d2}.timeline .job-meta .time{color:#8a8a8a}.timeline .job-desc{color:#666}.education-section .item{margin-bottom:45px}.education-section .item-inner{padding:0 30px}.education-section .degree{font-size:18px;color:#1976d2;margin-top:0;margin-bottom:0}.education-section .education-body{font-weight:500;margin-bottom:0;font-size:16px;font-weight:300}.education-section .time{color:#8a8a8a;margin-bottom:15px}.education-section .desc{color:#666}.skills-section .subtitle{font-size:18px;color:#8a8a8a;margin-top:0;margin-bottom:45px;font-weight:300}.skills-section .top-skills{margin-bottom:60px}.skills-section .top-skills .item{margin-bottom:45px}.skills-section .level{color:#8a8a8a;margin-bottom:15px}.skills-section .desc{color:#666}.skills-section .skill-tag{box-shadow:0 1px 4px 0 rgba(0,0,0,.14);padding:6px 30px;display:inline-block;margin-right:10px;border:1px solid #f5f5f5;font-weight:500;margin-bottom:15px;font-size:16px}.chart-easy-pie{positon:relative}.chart{width:110px;height:110px;vertical-align:middle;position:relative;margin:0 auto;text-align:center;font-size:20px;font-weight:300;margin-bottom:30px}.chart span{line-height:110px}.chart canvas{position:absolute;left:0;top:0}.testimonials-section .testimonials-carousel{max-width:800px;margin:0 auto}.testimonials-section .item{padding-left:60px;margin-bottom:45px}.testimonials-section .quote{border-left:none;padding:0;font-size:22px;color:#666;font-weight:300;position:relative}.testimonials-section .source .name{font-size:16px}.testimonials-section .source .position{color:#8a8a8a}.testimonials-section .fa-quote-left{position:absolute;left:-60px;top:0;width:36px;height:36px;display:inline-block;background:#1976d2;color:#fff;border-radius:50%;background-clip:padding-box;text-align:center;padding-top:10px;font-size:16px}.testimonials-section .carousel-indicators{bottom:0;margin-bottom:0}.testimonials-section .carousel-indicators li{background-color:#bdbdbd;border:none;width:10px;height:10px;margin:0;margin-right:8px;border-radius:50%;background-clip:padding-box;cursor:pointer}.testimonials-section .carousel-indicators li.active{background-color:#1976d2;width:10px;height:10px;margin:0;margin-right:8px}.portfolio-section .filters{list-style:none;margin:0 auto;margin-bottom:60px;text-align:center;border-bottom:1px solid #e8e8e8}.portfolio-section .filters .type{margin-right:30px;list-style:none;display:inline-block;padding:8px 15px;color:#8a8a8a;cursor:pointer;font-size:14px;text-transform:uppercase;font-weight:500}.portfolio-section .filters .type:last-child{margin-right:0}.portfolio-section .filters .type.active{color:#1976d2;border-bottom:2px solid #1976d2}.portfolio-section .item{margin-bottom:30px}.portfolio-section .item .figure{margin-bottom:0}.portfolio-section .item-inner{background:#1976d2;color:#fff;border-radius:2px;background-clip:padding-box;position:relative;box-shadow:0 1px 4px 0 rgba(0,0,0,.14)}.portfolio-section .item-inner:hover{background:#00c5de}.portfolio-section .item-inner:hover img{-webkit-opacity:.9;-moz-opacity:.9;opacity:.9}.portfolio-section .item-inner .content{padding:30px;padding-bottom:75px;position:relative}.portfolio-section .item-inner .content a{color:#fff}.portfolio-section .item-inner .content .sub-title{font-size:16px;margin-top:0;margin-bottom:5px}.portfolio-section .item-inner .content .meta{color:hsla(0,0%,100%,.8);font-size:14px}.portfolio-section .item-inner .content .action{position:absolute;bottom:30px;left:30px}.portfolio-section .item-inner .link-mask{display:block;position:absolute;width:100%;height:100%;left:0;top:0}.contact-section .intro{position:relative;padding:30px;padding-left:190px;font-size:16px;color:#666}.contact-section .intro .profile-image{width:120px;height:120px;position:absolute;left:30px}.contact-section .intro p{margin-bottom:15px}.contact-section .service-list{margin-left:30px;margin-bottom:15px}.contact-section .service-list li{margin-bottom:15px}.contact-section .service-list .fa{color:#1976d2}.contact-section .social{margin-bottom:0}.contact-section .social li{margin-right:10px}.contact-section .social li:last-child{margin-right:0}.contact-section .social a{display:inline-block;text-align:center;font-size:24px;color:#8a8a8a}.contact-section .social a:hover{color:#1976d2}.footer .container{padding:30px;color:#8a8a8a;letter-spacing:.5px}.footer .container a{color:#8a8a8a}
/* Extra small devices (phones, less than 768px) */@media (max-width:767px){.header .actions,.header .social{margin:0 auto;text-align:center}.header .actions{position:static;margin-bottom:30px}.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}.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;margin-bottom:30px;text-align:center}.contact-section .service-list{margin-left:0}.contact-section .social{margin:0 auto}}
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
/* X-Large devices (large desktops, 1400px and up) */
/* ======= Configure Style (Remove in production) ======= */.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-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px;border-top-left-radius:4px;background-clip:padding-box;text-decoration:none}.config-trigger:hover{background:#000;text-decoration:none}.config-trigger:hover .fa{color:#fff}.config-trigger .fa{font-size:22px;padding-top:7px;display:block;color:hsla(0,0%,100%,.8)}.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-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px;border-top-left-radius:4px;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 hsla(0,0%,100%,.8)}.config-panel #color-options li.active a{border:2px solid #fff}.config-panel #color-options li.theme-1 a{background:#1976d2}.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 .fa{color:#fff}
/* image rotator */
/*@-webkit-keyframes move
{
    from {
        left: 0;
    }
    to {
        left: 50%;
    }
}
@keyframes move
{
    from {
        left: 0;
    }
    to {
        left: 50%;
    }
}*/a#rotator{text-decoration:none;padding-right:20px;left:50%;position:absolute;-webkit-animation:move 5s;animation:move 5s}a#rotator img{-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;border-radius:60px;transition-duration:1s}a#rotator img:hover{-webkit-transform:rotate(1turn);transform:translate()}a#rotator.active img,a#rotator img:hover{box-shadow:0 3px 15px #000}.section{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s}