@import url(bootstrap.min.css);@import url(font-awesome.min.css);@import url(portfolio.jquery.css);@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);body,html{margin:0;padding:0}body{font-weight:200;background-color:#ecf0f1;scrollbar-face-color:#121212 font-style: normal;letter-spacing:.1px;line-height:24px;font-size:14px;color:#565656;font-family:'Signika Negative',sans-serif;text-rendering:optimizeLegibility}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:#121212}::-webkit-scrollbar-thumb{background-color:#1ccdab;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-corner{background-color:#000}#scrollUp{bottom:20px;right:20px;height:38px;width:38px;background:url(../img/top.png) no-repeat}.btn.btn-default{background-color:#ecf0f1;color:#34495e;border:1px solid #ecf0f1}.btn.btn-default:hover{background-color:#bdc3c7;color:#34495e;border:1px solid #bdc3c7;transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease}.btn.btn-primary,.btn.btn-primary:hover{background-color:#365493;border:1px solid #365493;color:#fff}.btn.btn-primary:hover{transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease}.btn.btn-success{background-color:#2ecc71;color:#fff;border:1px solid #2ecc71}.btn.btn-success:hover{background-color:#27ae60;color:#fff;border:1px solid #27ae60;transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease}.btn.btn-info{background-color:#3498db;color:#fff;border:1px solid #3498db}.btn.btn-info:hover{background-color:#2980b9;color:#fff;border:1px solid #2980b9;transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease}.btn.btn-warning{background-color:#f1c40f;color:#fff;border:1px solid #f1c40f}.btn.btn-warning:hover{background-color:#f39c12;color:#fff;border:1px solid #f39c12;transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease}.btn.btn-danger{background-color:#c0392b;color:#fff;border:1px solid #c0392b;transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease}.btn-group{margin-right:20px;margin-bottom:10px}.input-lg{margin-bottom:22px}.form-control{border:1px solid #365493}.form-control:focus{border:1px solid #ecf0f1;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;background-color:#ecf0f1;transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease}#sidebar{border-top:8px solid #365493;margin-bottom:30px}#sidebar .sosmed{background-color:#163473;margin-bottom:35px;padding:20px;color:#ecf0f1;border-bottom-right-radius:10px;-webkit-border-bottom-right-radius:10px;-moz-border-bottom-right-radius:10px;-ms-border-bottom-right-radius:10px;-o-border-bottom-right-radius:10px;border-bottom-left-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-bottom-left-radius:10px;-ms-border-bottom-left-radius:10px;-o-border-bottom-left-radius:10px}#sidebar .sosmed a{color:#ecf0f1;margin-right:5px;margin-left:5px}#sidebar .sosmed a i.fa{background-color:#ecf0f1;color:#365493;width:60px;height:60px;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;padding-top:18px}#sidebar .sosmed a i.fa:hover{background-color:#bdc3c7;transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease}#sidebar .user{margin-bottom:30px}#sidebar .user img{border:10px solid #bdc3c7}#sidebar .user .user-head{text-align:center}#sidebar .user .user-head h1{color:#34495e;font-weight:600}#sidebar .user .user-head h5{font-weight:600;color:#7f8c8d;font-size:14pt}#sidebar .user .user-head .hr-center{height:3px;background-color:#365493;width:40%;display:block;margin:0 auto}#sidebar .link-me{margin-top:30px}#sidebar .link-me i.fa{background-color:#365493;color:#ecf0f1;width:45px;height:45px;padding-top:13px;border-radius:10px;font-size:14pt;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}#sidebar .link-me i.fa:hover{background-color:#bdc3c7;transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease}#sidebar .link-me .hr-center{height:3px;background-color:#34495e;margin:15px auto 0;width:100px}#content{background-color:#fff;border-top:8px solid #365493;border-bottom-right-radius:10px;-webkit-border-bottom-right-radius:10px;-moz-border-bottom-right-radius:10px;-ms-border-bottom-right-radius:10px;-o-border-bottom-right-radius:10px;border-bottom-left-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-bottom-left-radius:10px;-ms-border-bottom-left-radius:10px;-o-border-bottom-left-radius:10px}#content .navbar{margin-bottom:0;background-color:#ecf0f1}#content .navbar-default .navbar-nav>.active>a,#content .navbar-default .navbar-nav>.active>a:focus,#content .navbar-default .navbar-nav>.active>a:hover{border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px}#content .navbar-default .navbar-collapse,#content .navbar-default .navbar-form{margin-top:10px}#content .navbar-default ul.nav li a{color:#34495e}#content .navbar-default ul.nav li a:hover{color:#365493;transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease}#content .navbar ul.nav.navbar-right{margin-right:17px!important}#content .navbar ul.nav.navbar-right i.fa{background-color:#34495e;color:#fff;width:30px;padding-top:8px;padding-left:10px;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;height:30px}#content .main-content{padding:0 13px}.timeline{list-style:none;padding:20px 0;position:relative}.timeline:before{top:0;bottom:0;position:absolute;content:" ";width:3px;background-color:#eee;right:25px;margin-left:-1.5px}.timeline>li{margin-bottom:20px;position:relative}.timeline>li:after,.timeline>li:before{content:" ";display:table}.timeline>li:after{clear:both}.timeline>li>.timeline-panel{width:calc(100% - 75px);float:left;color:#34495e;border:1px solid #d4d4d4;border-radius:2px;padding:15px;position:relative;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.175);box-shadow:0 1px 6px rgba(0,0,0,.175)}.comment.user-comment .avatar img,.timeline>li.timeline-inverted>.timeline-panel{float:right}.timeline>li>.timeline-panel:before{position:absolute;top:26px;right:-15px;display:inline-block;border-top:15px solid transparent;border-left:15px solid #ccc;border-right:0 solid #ccc;border-bottom:15px solid transparent;content:" "}.timeline>li>.timeline-panel:after{position:absolute;top:27px;right:-14px;display:inline-block;border-top:14px solid transparent;border-left:14px solid #fff;border-right:0 solid #fff;border-bottom:14px solid transparent;content:" "}.timeline>li>.timeline-panel h1{margin-top:0}.timeline>li>.timeline-panel .hr-left{height:1px;width:100px;margin-bottom:20px;background-color:#ddd}.timeline .timeline-head{text-align:right;margin-right:80px;margin-top:20px}.timeline>li>.timeline-badge{color:#fff;width:50px;height:50px;line-height:50px;font-size:1.4em;text-align:center;position:absolute;top:16px;right:0;margin-left:-25px;background-color:#999;z-index:100;border-radius:50%}.timeline>li.timeline-inverted>.timeline-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.timeline>li.timeline-inverted>.timeline-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}.timeline-badge.danger,.timeline-badge.info,.timeline-badge.primary,.timeline-badge.success,.timeline-badge.warning{background-color:transparent!important;width:20px!important;height:20px!important;right:16.5px!important;top:32px!important}.timeline-badge.primary{border:2px solid #365493}.timeline-badge.success{border:2px solid #2ecc71}.timeline-badge.warning{border:2px solid #f1c40f}.timeline-badge.danger{border:2px solid #e74c3c}.timeline-badge.info{border:2px solid #3498db}.thumbnail,.thumbnail:hover{border:none}.timeline-badge.default{background-color:#34495e!important}.timeline-title{margin-top:0;color:inherit}.timeline-body>p,.timeline-body>ul{margin-bottom:0}.timeline-body>p+p{margin-top:5px}.thumbnail{padding:0}.skillbar-title,.skillbar-title span{-moz-border-radius-topleft:3px;-moz-border-radius-bottomleft:3px}#resume i.fa{margin-right:10px}.work-experience h3{margin-bottom:5px}.work-experience small{color:#7f8c8d}.work-experience p{margin-top:15px}.skillbar{position:relative;display:block;margin-bottom:15px;width:100%;background:#eee;height:25px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-webkit-transition:.4s linear;-moz-transition:.4s linear;-ms-transition:.4s linear;-o-transition:.4s linear;transition:.4s linear;-webkit-transition-property:width,background-color;-moz-transition-property:width,background-color;-ms-transition-property:width,background-color;-o-transition-property:width,background-color;transition-property:width,background-color}.skill-bar-percent,.skillbar-title{position:absolute;top:0;color:#fff}.skillbar-title{left:0;width:110px;font-weight:700;font-size:13px;background:#6adcfa;-webkit-border-top-left-radius:3px;-webkit-border-bottom-left-radius:4px;border-top-left-radius:3px;border-bottom-left-radius:3px}.skillbar-title span{display:block;background:rgba(0,0,0,.1);padding:0 20px;height:25px;line-height:25px;-webkit-border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;border-top-left-radius:3px;border-bottom-left-radius:3px}.skillbar-bar{height:25px;width:0;background:#6adcfa;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}.skill-bar-percent{right:10px;font-size:11px;height:25px;line-height:25px;color:rgba(0,0,0,.4)}#blog .blog-content h3{margin-top:0;margin-bottom:5px}#blog .blog-content h3 a{text-decoration:none;color:#34495e}#blog .blog-content h3 a:hover{color:#365493;transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease}#blog .blog-content small i.fa{margin-right:8px;color:#bdc3c7}#blog .blog-content small a{margin-right:20px;color:#7f8c8d;text-decoration:none}#blog .blog-content small a:hover{color:#365493;transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease}#blog .blog-content p{margin-top:15px}#blog img{height:180px;width:100%}#contact a{color:#34495e;text-decoration:none}#contact a:hover{color:#365493;transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease}footer{background-color:#34495e;padding:30px 20px 20px;margin-top:30px}footer p{color:#fff}.top-nav-collapse{padding:0;background-color:#08c;border-bottom:1px scroller #ccc;z-index:1030!important;position:fixed!important}@media only screen and (max-width:480px){.timeline-panel h1{font-size:20px!important}.timeline-panel h2{font-size:18px!important}.timeline-panel h3{font-size:16px!important}.timeline-panel h4{font-size:14px!important}.timeline-panel h5{font-size:12px!important}.timeline-panel address,.timeline-panel p{font-size:10pt}.timeline-panel .skillbar-title{width:55px}.timeline-panel .skillbar-title span{padding:0 5px;font-size:6pt}.timeline-panel .skill-bar-percent{font-size:6pt}#personal-info .btn-group button{font-size:8pt}}.col-md-5 .zooms{width:auto;overflow:hidden;height:95.5%;border:1px solid #eee}.zooms img{width:auto;webkit-transition:.6s;-moz-transition:.6s;-ms-transition:.6s;-o-transition:.6s;transition:.6s}.zooms:hover img{webkit-transform:scale(1.07);-moz-transform:scale(1.07);-ms-transform:scale(1.07);-o-transform:scale(1.07);transform:scale(1.07)}@media only screen and (min-device-width:320px) and (max-device-width:480px){.timeline-panel .col-md-5,.timeline-panel .col-md-7{padding-left:2px!important;padding-right:2px!important}.timeline-panel .col-md-12{padding-left:0!important;padding-right:0!important}.timeline-panel h1{font-size:22px!important}.timeline-panel h2{font-size:20px!important}.timeline-panel h3{font-size:18px!important}.timeline-panel h4{font-size:16px!important}.timeline-panel h5{font-size:14px!important}.timeline-panel .time,.timeline-panel .view{font-size:11px!important}}@media only screen and (min-width:321px){.timeline-panel .col-md-5,.timeline-panel .col-md-7{padding-left:2px!important;padding-right:2px!important}.timeline-panel .col-md-12{padding-left:0!important;padding-right:0!important}.timeline-panel h1{font-size:22px!important}.timeline-panel h2{font-size:20px!important}.timeline-panel h3{font-size:18px!important}.timeline-panel h4{font-size:16px!important}.timeline-panel h5{font-size:14px!important}.timeline-panel .time,.timeline-panel .view{font-size:11px!important}}@media only screen and (max-width:320px){.timeline-panel .col-md-5,.timeline-panel .col-md-7{padding-left:2px!important;padding-right:2px!important}.timeline-panel .col-md-12{padding-left:0!important;padding-right:0!important}.timeline-panel h1{font-size:22px!important}.timeline-panel h2{font-size:20px!important}.timeline-panel h3{font-size:18px!important}.timeline-panel h4{font-size:16px!important}.timeline-panel h5{font-size:14px!important}.timeline-panel .time,.timeline-panel .view{font-size:11px!important}}@media only screen and (min-device-width:768px) and (max-device-width:1024px){.timeline-panel .col-md-5,.timeline-panel .col-md-7{padding-left:2px!important;padding-right:2px!important}.timeline-panel .col-md-12{padding-left:0!important;padding-right:0!important}.timeline-panel h1{font-size:22px!important}.timeline-panel h2{font-size:20px!important}.timeline-panel h3{font-size:18px!important}.timeline-panel h4{font-size:16px!important}.timeline-panel h5{font-size:14px!important}.timeline-panel .time,.timeline-panel .view{font-size:11px!important}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){.timeline-panel .col-md-5,.timeline-panel .col-md-7{padding-left:2px!important;padding-right:2px!important}.timeline-panel .col-md-12{padding-left:0!important;padding-right:0!important}.timeline-panel h1{font-size:22px!important}.timeline-panel h2{font-size:20px!important}.timeline-panel h3{font-size:18px!important}.timeline-panel h4{font-size:16px!important}.timeline-panel h5{font-size:14px!important}.timeline-panel .time,.timeline-panel .view{font-size:11px!important}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){.timeline-panel .col-md-5,.timeline-panel .col-md-7{padding-left:2px!important;padding-right:2px!important}.timeline-panel .col-md-12{padding-left:0!important;padding-right:0!important}.timeline-panel h1{font-size:22px!important}.timeline-panel h2{font-size:20px!important}.timeline-panel h3{font-size:18px!important}.timeline-panel h4{font-size:16px!important}.timeline-panel h5{font-size:14px!important}.timeline-panel .time,.timeline-panel .view{font-size:11px!important}}@media only screen and (min-width:1224px){.timeline-panel .col-md-5{padding-left:2px!important;padding-right:12px!important}.timeline-panel .col-md-7{padding-left:12px!important;padding-right:2px!important}.timeline-panel .col-md-12{padding-left:0!important;padding-right:0!important}.timeline-panel h1{font-size:28px!important}.timeline-panel h2{font-size:26px!important}.timeline-panel h3{font-size:24px!important}.timeline-panel h4{font-size:22px!important}.timeline-panel h5{font-size:20px!important}.timeline-panel .time,.timeline-panel .view{font-size:14px!important}}@media only screen and (min-width:1824px){.timeline-panel .col-md-5{padding-left:2px!important;padding-right:12px!important}.timeline-panel .col-md-7{padding-left:12px!important;padding-right:2px!important}.timeline-panel .col-md-12{padding-left:0!important;padding-right:0!important}.timeline-panel h1{font-size:28px!important}.timeline-panel h2{font-size:26px!important}.timeline-panel h3{font-size:24px!important}.timeline-panel h4{font-size:22px!important}.timeline-panel h5{font-size:20px!important}.timeline-panel .time,.timeline-panel .view{font-size:14px!important}}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.timeline-panel .col-md-5,.timeline-panel .col-md-7{padding-left:2px!important;padding-right:2px!important}.timeline-panel .col-md-12{padding-left:0!important;padding-right:0!important}.timeline-panel h1{font-size:22px!important}.timeline-panel h2{font-size:20px!important}.timeline-panel h3{font-size:18px!important}.timeline-panel h4{font-size:16px!important}.timeline-panel h5{font-size:14px!important}.timeline-panel .time,.timeline-panel .view{font-size:11px!important}}.popup-share{background:#fff;border:1px solid #d5d6d6;padding:0;margin:0;-webkit-box-shadow:1px 1px 5px rgba(0,0,0,.15);-moz-box-shadow:1px 1px 5px rgba(0,0,0,.15);box-shadow:1px 1px 5px rgba(0,0,0,.15)}.popup-share a[class*=" icon-"],.popup-share a[class^=icon-]{display:block;text-decoration:none;padding:4px 10px}.popup-share a[class*=" icon-"]:hover,.popup-share a[class^=icon-]:hover{background:#2095f0;text-decoration:none;color:#fff}.inline-share{margin-bottom:0}.inline-share a[class*=" icon-"],.inline-share a[class^=icon-]{font-size:22px;text-decoration:none}.inline-share a[class*=" icon-"] span,.inline-share a[class^=icon-] span{display:none}.icon-facebook{color:#3b5998}.icon-linkedin{color:#007bb6}.icon-twitter{color:#00aced}.icon-googleplus{color:#dd4b39}.icon-email{color:#E94D12}.views-count,p{color:#565656}.time{padding:0 5px;display:inline-block}.tombol-readmore,.views-count{padding:2px 0}.views-count{margin:7px 0 0}.col-md-12 .hr-views,.col-md-12 .hr-views-details{height:1px;background-color:#eee;margin:0 auto 7px}.col-md-12 .hr-views{width:95.7%}.col-md-12 .hr-views-details{width:99.5%}.comment-section{list-style:none;max-width:800px;width:100%;margin:10px auto 20px;padding:20px 0 10px}.comment-section-reply{position:relative;padding:3px 10px;margin:35px 0 0;font-size:11px;border-bottom:1px solid #E7E7E7}.form-reply{width:100%;padding:10px;margin:10px 0;border:1px solid #ccc}.comment-section-reply a.reply{margin-top:-27px;margin-right:0;background:#E7E7E7;padding:3px 10px;font-size:11px;float:right}.comment{display:flex;border-radius:3px;margin-bottom:10px;flex-wrap:wrap}.comment.user-comment{color:grey}.comment.user-comment.admin{color:grey;padding-left:30px}.comment p.author-comment{color:#60686d;justify-content:flex-end}.comment .info{width:17%}.comment.user-comment .info{text-align:left}.comment.author-comment .info{order:3}.comment .info a{display:block;text-decoration:none;color:#656c71;font-weight:700;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:10px 0 3px}.comment .info span{font-size:11px;color:#9ca7af}.comment .avatar{width:8%}.comment.user-comment .avatar{padding:5px}.comment.author-comment .avatar{order:2;padding:10px 3px 0 18px}.comment .avatar img{display:block;border-radius:50%}.comment p{line-height:1.5;padding:18px 22px;width:50%;position:relative;word-wrap:break-word}.comment.user-comment p{background-color:#f2dede}.comment.user-comment p.admin{background-color:#d4edda}.comment p.author-comment{background-color:#e2f8ff;order:1}.author-comment p:after,.user-comment p:after{content:'';position:absolute;width:15px;height:15px;background-color:#fff;top:18px}.user-comment p:after{border-radius:50%;border:2px solid #f3f3f3;left:-8px}.author-comment p:after{border-radius:50%;border:2px solid #e2f8ff;right:-8px}.write-new{margin:80px auto 0;width:50%}.write-new textarea{color:#444;font:inherit;outline:0;border-radius:3px;border:1px solid #cecece;background-color:#fefefe;box-shadow:1px 2px 1px 0 rgba(0,0,0,.06);overflow:auto;width:100%;min-height:80px;padding:15px 20px}.write-new img{border-radius:50%;margin-top:15px}.write-new button{float:right;background-color:#87bae1;box-shadow:1px 2px 1px 0 rgba(0,0,0,.12);border-radius:2px;border:0;color:#fff;font-weight:700;cursor:pointer;padding:10px 25px;margin-top:18px}@media (max-width:800px){.comment p{width:100%}.comment.user-comment .info{order:2;text-align:left}.comment.user-comment .avatar{order:1}.comment.user-comment p{order:3}.comment.author-comment{justify-content:flex-start}.comment-section{margin-top:10px}.comment .info{width:auto}.comment .info a{padding-top:15px}.comment.author-comment .avatar,.comment.user-comment .avatar{padding:15px 10px 0 18px;width:auto;width:25%}.comment.author-comment p:after,.comment.user-comment p:after{width:12px;height:12px;top:initial;left:28px;bottom:-6px}.write-new{width:100%}}ul.blog{padding:5px 5px 2px}ul li.blog{list-style:none;margin:-3px 0 0}.list-group-item{background-color:#ecf0f1!important;color:#7f8c8d!important;border:1px solid #e0e0e0!important}.zooms{overflow:hidden;cursor:hand!important}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background-color:#F8F8FF}.preloader .loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:14px arial}