@-webkit-keyframes zoom{0%{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}@keyframes zoom{0%{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes flicker{50%{color:#fff;filter:saturate(200%) hue-rotate(20deg)}}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}.content .box-body img{max-width:100%}.logo-kab,.text-kab{display:flex;align-items:center}.logo-kab{margin-top:-10px;padding-right:5px;float:left;width:42px;max-width:42px}.text-kab{margin-top:-8px;min-width:180px;font-size:10px}.text-kec{font-size:clamp(11px,4vw,11px);margin-top:-5px;display:block;align-items:center}.preloader,.preloader_bg{margin:auto;width:100%;overflow:hidden}.preloader_bg{position:fixed;background:#fff;z-index:999999999999;height:100%;padding:auto}.preloader{background-color:#e9ecef;position:absolute;display:block}.preloader:after,.preloader:before{content:"";border:1em solid #e9ecef;margin:0 50px;width:inherit;height:inherit;position:abolute;top:0;left:0}.preloader:before{animation-delay:.5s}.bg-gradient-1{background:#002b69;background:linear-gradient(217deg,#002b69 0,#00748e 51%,#902f93 93%)}.menu-large{position:static!important}.megamenu{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;width:100%;margin:0 auto;padding:0 auto}.footer-top ul,.megamenu li{list-style-type:none}.megamenu>li>ul{padding:0;margin:0}.megamenu>li>ul>li{list-style:none;padding-top:15px}.megamenu>li>ul>li>a{padding:3px 20px;clear:both;font-weight:400;line-height:1.428571429;color:#333;white-space:normal}.megamenu>li ul>li>a:focus,.megamenu>li ul>li>a:hover{text-decoration:none;color:#262626;background-color:#f5f5f5}.megamenu.disabled>a,.megamenu.disabled>a:focus,.megamenu.disabled>a:hover{color:#999}.megamenu.disabled>a:focus,.megamenu.disabled>a:hover{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);cursor:not-allowed}.megamenu.dropdown-header{color:#428bca;font-size:18px}.mega-list li{padding-top:20px;font-size:17px;font-weight:700;text-transform:uppercase}@media (max-width:768px){.megamenu{margin-left:0;margin-right:0}.megamenu>li{margin-bottom:30px}.megamenu>li:last-child{margin-bottom:0}.megamenu.dropdown-header{padding:3px 15px!important}.navbar-nav .open .dropdown-menu .dropdown-header{color:#fff}.content{padding-left:0;padding-right:0}}@media (min-width:600px){.dropdown:hover .dropdown-menu{display:block}}.scroll-top-wrapper{position:fixed;opacity:0;visibility:hidden;overflow:hidden;text-align:center;z-index:999;background:#1f2d41;color:#eee;width:50px;height:48px;line-height:48px;right:30px;bottom:30px;padding-top:2px;border-top-left-radius:50px;border-top-right-radius:50px;border-bottom-right-radius:50px;border-bottom-left-radius:50px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.scroll-top-wrapper:hover{background-color:#fff;color:#1f2d41;zoom:1}.scroll-top-wrapper.show{visibility:visible;cursor:pointer;opacity:1}.scroll-top-wrapper i.fa{line-height:inherit}.topheader{background:#000;background:linear-gradient(180deg,#000 0,#070a2f 100%);padding:0;color:#f1f1f1;font-family:"Poppins",sans-serif;display:block}.topheader h5{font:600 1em/1"Raleway",sans-serif;color:#f1f1f1;text-transform:uppercase;letter-spacing:.1em;position:absolute;top:100%;width:100%}.fa-facebook:hover,.fa-twitter:hover{color:#3d5b99;transform:scale(1.5);transition:transform .2s}.fa-twitter:hover{color:#00aced}.fa-instagram:hover,.fa-rss:hover,.fa-youtube:hover{color:#6d0043;transform:scale(1.5);transition:transform .2s}.fa-rss:hover,.fa-youtube:hover{color:#e64a41}.fa-rss:hover{color:#eb8231}@media screen and (max-width:700px){.topheader{display:none}.footer-bg{text-align:center}}#navbar{background:#002b69;background:linear-gradient(180deg,#002b69 0,#00198e 50%,#002b69 100%);transition:.4s;top:0;font-size:16px;font-weight:700}.navbar{background:#005c97;background:-webkit-linear-gradient(to top,#363795,#005c97);background:linear-gradient(to top,#363795,#005c97)}@media only screen and (min-width:768px){.dropdown:hover{color:#010242;border-top:#ff4900 solid 3px}.dropdown:hover a{margin-top:-3px}.dropdown:hover .dropdown-menu{display:table;width:100%}}.dropdown-menu{max-height:180px;overflow-y:auto;background-attachment:local,local,scroll,scroll}.sticky{position:fixed;top:0;width:100%}.navbottom{list-style-type:none;margin:0;padding:0;overflow:hidden;color:#333}.listNavbottom{float:left}.listNavbottom a{color:#000;text-align:center;padding:16px;text-decoration:none}.listNavbottom a:hover{color:#9395ac;font-style:bold}.modal-image{display:none;position:fixed;z-index:2000;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.9)}.modal-content-image{margin:auto;display:block;width:80%;max-width:700px;animation-name:zoom;animation-duration:.6s}#myImg{cursor:pointer;transition:.3s;margin:10px}#myImg:hover{opacity:.7}.close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s}.close:focus,.close:hover{color:#bbb;text-decoration:none;cursor:pointer}@media only screen and (max-width:700px){.modal-content-image{width:100%}}.social-icon li a{color:687281!important;font-size:14px}.social-icon{z-index:1;position:relative;margin-top:10px}.social-icon .title{color:#fff;font-size:14px;text-transform:capitalize;letter-spacing:1px}@media only screen and (max-width:591px){.social-icon .title{font-size:16px}.social-icon li a{font-size:16px;padding:2px}}body::-webkit-scrollbar{background-color:#fff;width:8px}body::-webkit-scrollbar-track{background-color:#fff}body::-webkit-scrollbar-thumb{background-color:#babac0;border-radius:16px;border:0 solid #fff}body::-webkit-scrollbar-button{display:none}body:hover::-webkit-scrollbar-thumb{background-color:#fff}body::-webkit-scrollbar-track :hover{background-color:#000}#main-service{padding-top:10px;background:#ecf0f5;background:linear-gradient(90deg,#ecf0f5 10%,#8ecbc9 25%,#71bebb 50%,#8bc9c7 75%,#ecf0f5 90%)}.service-item{width:100%;overflow:hidden;text-align:center;margin:0 auto}.service-item .service-item-icon{width:80px;height:80px;color:#002b69;font-size:30px;text-align:center;position:relative;line-height:80px;border-radius:50%;margin:0 auto 15px;border:1px solid #d4d8e9;background-color:#fff}.service-item:hover .service-item-icon{color:#ff4900;border-color:#e8eaf3;background-color:#fff;zoom:1}.service-item .service-item-icon i{z-index:2;position:relative}.service-item:hover .service-item-icon:after{top:0;left:0;width:100%;height:100%}.service-item .service-item-icon,.service-item .service-item-icon:after,.service-item h4 a{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.service-item .service-item-icon:after{z-index:1;top:14px;left:14px;content:"";width:50px;height:50px;border-radius:50%;position:absolute;background-color:#e8eaf3}.service-item h4{margin-bottom:5px;text-transform:uppercase;line-height:14px;font:600 1em/1"Raleway",sans-serif}.service-item h4 a{color:#002b69;cursor:pointer;text-decoration:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width:600px){.service-item .service-item-icon,.service-item .service-item-icon:after{border-radius:50%;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.service-item .service-item-icon{width:50px;height:50px;color:#002b69;font-size:28px;text-align:center;position:relative;line-height:50px;margin:0 auto 15px;border:1px solid #d4d8e9;background-color:#fff}.service-item .service-item-icon:after{z-index:1;top:4px;left:4px;content:"";width:40px;height:40px;position:absolute;background-color:#e8eaf3}#main-service{padding-top:25px}.service-item h4{margin-bottom:5px;text-transform:uppercase;font:500 1em/1"Raleway",sans-serif}}#search{align-items:center;display:flex;position:fixed;top:0;left:0;height:100%;width:100%;justify-content:center;transition:all 10s;z-index:9999;background-color:#000;background-color:rgba(0,0,0,.9);will-change:transform,opacity;display:none}#search:target{height:100vh!important;opacity:5;width:100vw!important;z-index:9999;display:flex}#search:target .close-btn{display:block}#searchbox{background:0 0;border:solid #fff;border-width:1px 0;color:#fff;flex:1 0 auto;font-size:2rem;height:4rem;width:170px;outline:0;padding:2rem 1rem auto;text-align:center}.close-btn{color:#fff;font-size:4rem;top:5rem;right:5rem;display:block;position:fixed}@media screen and (min-width:768px){.close-btn{display:none}}#search.fades{height:100vh;width:100vw;transition:opacity 1s}#searchbox:focus{width:450px;font-size:3rem}.display-on{display:block;transition-duration:.9s}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}.section-title h4{text-align:center;font-size:18px;font-weight:600;text-transform:uppercase;color:#000;letter-spacing:.3px;padding:0}.section-title::after{content:"";height:3px;background:#666664;display:block;left:0;right:0;margin:auto}.footer-top{background:#1f2d41;height:100%;color:#8f8989;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;clear:both}.footer-top .social-icon a{font-size:20px}.footer-top h5{text-transform:uppercase;color:#687281}.footer-top h5:hover{color:#fff}.footer-top ul li:hover .footer-link{zoom:1;font-weight:700}.footer-bg,.footer-bg li a,.footer-top ul a,.footer-top ul small{color:#687281}.footer-bg{background:#1f2d41;border:0}x-sign{--interval:1s;display:block;text-shadow:0 0 10px var(--color1),0 0 20px var(--color2),0 0 40px var(--color3),0 0 80px var(--color4);will-change:filter,color;filter:saturate(60%);animation:flicker steps(100) var(--interval) 1s infinite}x-sign:nth-of-type(5){color:azure;--color1:azure;--color2:aqua;--color3:dodgerblue;--color4:blue;font-family:Sriracha}.main-header{max-height:150px}.scroll .dropdown-menu{max-height:calc(100vh - 100px);overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.scroll .dropdown-menu::-webkit-scrollbar{display:none}.scroll:hover{display:block}.scroll:hover .dropdown-menu{display:block;width:auto}.logo-medsos,.logo-sinergi-program{height:50px;object-fit:cover;object-position:center}.logo-sinergi-program{width:170px;height:90px}