.body-default{position:absolute;top:0;left:0;right:0;}
.headweb{position:relative;top:auto!important;left:0;right:0;padding:0;z-index:3000;background:var(--color2);display:block!important;}
.ifscroll.headweb{position:fixed!important;transition:all 0.2s linear 0.1s;-webkit-transition:all 0.1s linear 0.1s;-moz-transition:all 0.1s linear 0.1s;-o-transition:all 0.1s linear 0.1s}
.headweb-top{padding:10px 0;background:var(--color1);}
.ifscroll .headertop{padding:5px 0;}
.headweb-inner{position:relative;z-index:2000;}
.ifscroll .headweb-inner{background:var(--color2);}
.headweb-title img{width:auto;height:8vh;margin:0 10px 0 0;}
.ifscroll .headweb-title img{height:6vh;}
.headweb-title h1{font-size:120%;float:none;line-height:1;margin:0px;padding:0px;font-weight:700!important;text-transform:uppercase;background-size: auto auto;background-clip: border-box;background-size: 200% auto;background-clip: text;text-fill-color: transparent;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation:textclip 6s linear infinite;background-image: linear-gradient(-225deg,var(--cwhite) 0%,var(--cgrey3) 29%,var(--cwhite) 67%,var(--yellow) 100%);}
.headweb-title p{font-size:95%;margin:3px 0 0;padding:0;line-height:1.1;font-weight:normal;color:var(--cwhite);opacity:0.6;}
.ifscroll .headweb-title h1{font-size:100%;font-weight:normal;}
.ifscroll .headweb-title p{font-size:0;line-height:0;opacity:0;overflow:hidden;}
.headweb-right{float:right;}
#thistime, #thisdate, #thistime p, #thisdate p{font-size:80%;line-height:1;padding:0;margin:0;font-weight:500;color: var(--cgrey2);text-align:right;}
.weather-item img{width:auto;height:26px;line-height:1;padding:0;margin:0 0 0 5px;}
.sideicon{position:fixed;right:0;top:50%;padding:5px 0;z-index:2100;background:rgba(0,0,0,0.6);border-radius:5px 0 0 5px;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
.sideicon-item {width:40px;height:auto;padding:5px 0;cursor:pointer;}
.sideicon-item img{width:25px;height:auto;}
.headweb-right{margin:0 0 0 auto;}
.headweb-right-item{margin:0 15px 0 0;cursor:pointer;}
.headweb-right-item img{width:auto;height:24px;line-height:1;margin:0;padding:0;}
.search {margin:0 15px 0 0;}
.search .form-control{line-height:1;height:30px;border-radius:30px;border:none;padding:0 40px 0 10px;width:170px;font-size:85%;background:linear-gradient(to right, rgba(0,0,0,0.65), transparent);transition:all 0.2s linear 0.1s;-webkit-transition:all 0.1s linear 0.1s;-moz-transition:all 0.1s linear 0.1s;-o-transition:all 0.1s linear 0.1s;color:var(--cgrey2)!important;}
.search .form-control:focus, .search .form-control.active{box-shadow:none;background-color:rgba(0,0,0,0.5);border:none;width:220px;}
.searching{position:absolute;right:0;top:0;bottom:0;width:30px;box-shadow:none;outline:none;background:transparent;border:none;}
.searching svg{width:30px;height:auto;fill:var(--cwhite);}
.backto{position:fixed;left:10px;z-index:2005;width:30px;height:30px;border-radius:100%;background:rgba(0,0,0,0.4);bottom:25px;}
.homestyle .backto{display:none!important;}
.backto svg{width:22px;height:22px;fill:var(--cwhite);opacity:0.6;cursor:pointer;}

.menuweb .nav.navbar-nav{width:100%;background:transparent !important;padding:5px 8%!important;margin:0!important;line-height:1.1!important;-webkit-transition:height .10s cubic-bezier(0,0,.58,1);-moz-transition:height .10s cubic-bezier(0,0,.58,1);-o-transition:height .10s cubic-bezier(0,0,.58,1);-ms-transition:height .10s cubic-bezier(0,0,.58,1);transition:all .55s cubic-bezier(.645,.045,.355,1) 0s;}
.menuweb .nav.navbar-nav{background:linear-gradient(to right, var(--color1), var(--color2)) !important;}
.homestyle .menuweb .nav.navbar-nav{background:transparent !important;}
.ifscroll .menuweb .nav.navbar-nav{background:linear-gradient(to right, var(--color1), var(--color2)) !important;}
.tohome{float:left;}
.tohome svg{width:22px;height:auto;fill:var(--yellow);}
.tohome-icon{position:absolute;left:0;top:3px;}
.ifscroll .tohome-icon{top:0;}
.menuweb li{background:transparent !important;font-size:95%!important;padding:0!important;margin:0!important;line-height:1.1!important;}
.menuweb li a{background:transparent !important;padding:5px 0!important;margin:0 20px 0 0!important;line-height:1.1!important;color:var(--cgrey2);text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;border-bottom:transparent 1px solid;}
.ifscroll .menuweb li a{padding:3px 0!important;}
.menuweb .caret{margin-left:3px;border-top:var(--cgrey3) 8px solid;border-right:5px solid transparent;border-left:5px solid transparent;margin-top:-2px;opacity:0.85!important;}
.menuweb li a:hover{border-bottom:var(--yellow) 1px solid;color:var(--cwhite)!important;}
.menuweb li a:focus, .menuweb li a.active{color:var(--cwhite)!important;}
.menuweb .dropdown-menu{background:var(--bgblack);display:none;margin:0!important;z-index:1000;left:0!important;top:100%;border-radius:0!important;padding:5px 0!important;box-shadow:none!important;}
.menuweb .dropdown-menu li{font-size:100%!important;}
.menuweb .dropdown-menu{background:var(--bgblack)!important;margin:0!important;z-index:1900;}
.menuweb .dropdown-menu li{font-size:100%!important;padding:0!important;margin:0!important;}
.menuweb .dropdown-menu li a{margin:0 5px!important;padding:8px 10px!important;}
.menuweb .dropdown-menu li a, .menuweb .dropdown-menu li a:focus, .menuweb .dropdown-menu li a.active{color:var(--cgrey2)!important;}
.menuweb .dropdown-menu li a:hover{background:var(--cdark)!important;border:none!important;color:var(--cwhite)!important;}
.menuweb .dropdown-menu:nth-child(2) .dropdown-menu{margin-left:0!important;height:0!important;overflow:hidden!important;border-top:none!important;padding:0!important;opacity:0!important;border-radius:0!important;top:-6px!important;left:100%!important;}
.menuweb .dropdown-menu:nth-child(2) .dropdown-menu li a{margin:0!important;}
.menuweb .dropdown-menu:nth-child(2) li:hover .dropdown-menu, .menuweb .dropdown-menu:nth-child(2):focus .dropdown-menu, .menuweb .dropdown-menu:nth-child(2).active .dropdown-menu{height:auto!important;overflow:hidden!important;opacity:1!important;padding:5px!important;display:block!important;}
.menuweb .dropdown-menu:nth-child(2) .dropdown-menu ul.dropdown-menu{opacity:1!important;top:100%!important;left:0!important;position:relative!important;padding:0!important;}
.menuweb .dropdown-menu:nth-child(2) .dropdown-menu ul.dropdown-menu li a{position:relative;padding:0!important;margin:0 0 0 10px!important;padding:5px 10px 5px 13px!important;}
.menuweb .dropdown-menu:nth-child(2) .dropdown-menu ul.dropdown-menu li a:hover{background:transparent!important;}
.menuweb .dropdown-menu:nth-child(2) .dropdown-menu ul.dropdown-menu li a:after{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;background:#919191;border-radius:8px;}
.running-text{position:relative;overflow:hidden;background:linear-gradient(to right, var(--bgblack) 10%, var(--color1) 80%);}
.running-inner{position:relative;}
.running-inner:after{content:"";position:absolute;right:0;top:0;height:36px;width:40px;z-index:2;background:linear-gradient(to right, transparent, var(--color1));}

.running-text marquee, .running-text a{line-height:36px;height:36px;margin:0;padding:0;font-size:95%;color:var(--cgrey2)}
.running-text span{padding:0 40px 0 0;line-height:1;}
.running-head{position:relative;float:left;height:26px;padding:0 10px;z-index:2;margin:0;font-size:95%;color:var(--yellow);line-height:26px;font-weight:normal;background:linear-gradient(to right, var(--bgblack), var(--color2) 80%);}
.running-head:after{content:"";position:absolute;top:0;right:-10px;border-left:var(--color2) 10px solid;border-top:transparent 13px solid;border-bottom:transparent 13px solid;}

.result p{font-size:120%;margin:0;padding:0;line-height:1.1;}

.image-wide, .image-article, .image-aparatur, .image-galeri, .image-small, .image-leader, .image-aparatur-circle, .image-profile, .image-table, .image-carousel, .image-top, .lapak-image, .image-pemerintah, .video-box{width: 100%;display: block;position: relative;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;}
.image-wide{padding-bottom:56%;}
.pembstyle .image-wide{padding-bottom:50%;}
.doc-col .image-wide{padding-bottom:55%;}
.image-carousel{padding-bottom:56%;border-radius:10px;}
.image-galeri{height:45vh;}
.image-aparatur{padding-bottom:130%;border-radius:0 0 30px 30px;z-index:2;background:url(../../images/bg-personal.jpg) no-repeat;background-size:cover;}
.image-small{height:11vh;}
.populer-right .image-small{height:12vh;border-radius:5px;}
.image-leader{height:55vh;border-radius:10px;}
.image-pemerintah{height:50vh;border-radius:10px;}
.lapak-image{padding-bottom:55%;border-radius:10px;background:linear-gradient(to right, var(--color1), var(--color2));}
.image-article{padding-bottom:65%;border-radius:7px;transition: all 150ms ease-in-out;}
.category-style .image-article{padding-bottom:55%;}
.image-table{width:10vh;height:10vh;border-radius:50%;text-align:center;margin:0 auto;background:url(../../images/bg-personal.jpg) no-repeat;background-size:cover;}
.image-aparatur-circle{width:19vh;height:19vh;border-radius:50%;margin:0 auto 5px;background:url(../../images/bg-personal.jpg) no-repeat;background-size:cover;}
.image-profile{height:100%;border-radius:10px;}
.image-top{padding-bottom:35%;}
.video-box{padding-bottom: 56.25%;}
.imagefull img, .video-view{display:block;width:100%;height:100%;position: absolute;top: 50%;left: 50%;margin:0 auto;object-fit: cover;-webkit-transform: translate3d(-50%, -50%, 0);-moz-transform: translate3d(-50%, -50%, 0);-ms-transform: translate3d(-50%, -50%, 0);-o-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}

.carousel {background:transparent;}
.carousel-cell {width: 100%;counter-increment: gallery-cell;cursor:default;}
.aparatur-home .carousel-cell{width:calc(20% - 24px);margin:0 15px;border-radius:10px;overflow:hidden;text-align:center;}
.mainimage .carousel-cell{width:80%;margin:0 10px 0 0;}
.widget .carousel-cell{width:calc(33.33333333% - 14px);margin:0 20px 0 0;border:var(--brdgrey) 1px solid;min-height: 100%;}
.flickity-enabled {position: relative;}
.flickity-enabled:focus { outline: none;}
.flickity-viewport {position: relative;height: 100%;overflow:hidden;}
.flickity-slider {position: absolute;width: 100%;height: 100%;}
.flickity-enabled.is-draggable {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.flickity-enabled.is-draggable .flickity-viewport {cursor: move;cursor: -webkit-grab;cursor: grab;}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {cursor: -webkit-grabbing;cursor: grabbing;}
.flickity-prev-next-button {position: absolute;width: 30px;height: 30px;border:none;background-color:transparent;background-position: center;background-repeat: no-repeat;background-size:15px auto;cursor: pointer;z-index:10;}
.widget .flickity-prev-next-button{top:20px;background-size:100% auto;width: 20px;height:20px;opacity:0.7;}
.mainimage .flickity-prev-next-button {position: absolute;top:50%;width: 35px;height: 35px;border:none;background-size:30% auto;border-radius:50%;background-color:rgba(0,0,0,0.5);background-position: center;background-repeat: no-repeat;cursor: pointer;z-index:10;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
.aparatur-home .flickity-prev-next-button{top:-55px;width:15px;right:0;opacity:0.7;}
.flickity-prev-next-button:disabled {filter: alpha(opacity=0); /* IE8 */opacity: 0;cursor: auto;}
.flickity-prev-next-button svg {display:none;}
.flickity-page-dots {display:none;}
.flickity-prev-next-button{background-repeat:no-repeat !important;}
.flickity-prev-next-button.previous{background-position: center;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23919191'%2F%3E%3C%2Fsvg%3E");}
.flickity-prev-next-button.next{background-position: center;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23919191'%2F%3E%3C%2Fsvg%3E");}
.aparatur-home .flickity-prev-next-button.previous{right:25px;background-position: center left;}
.aparatur-home .flickity-prev-next-button.next{background-position: center right;}
.mainimage .flickity-prev-next-button.previous{right:50px;}
.mainimage .flickity-prev-next-button.next{right:10px;}
.widget .flickity-prev-next-button.previous{right:30px;}
.widget .flickity-prev-next-button.next{right:10px;}

.tooltip2{position:relative;display:inline-block}
.tooltip2 .tooltip2text{visibility:hidden;background:var(--bgblack);color:#fff;border-radius:4px !important;padding:10px;position:absolute;z-index:1;right:100%;font-size:80%;min-width:120px;line-height:1.1;margin:0 43px 0 0;}
.toolbot .tooltip2text{visibility:hidden;background:var(--bgblack);color:#fff;border-radius:4px !important;padding:10px;position:absolute;z-index:1;left:50%;font-size:80%;min-width:120px;line-height:1.1;margin:10px 0 0;-webkit-transform: translate3d(-50%, 0, 0);-ms-transform: translate3d(-50%, 0, 0);-o-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);text-align:center;}
.toolbot.tooltip2 .tooltip2text:after{content:"";position:absolute;left:50%;top:-6px;margin-left:-8px;border-bottom:#000 10px solid;border-left:transparent 9px solid;border-right:transparent 9px solid;z-index:2;}
.toolleft .tooltip2 .tooltip2text, .toolleft .tooltip2 .tooltip2text:before, .toolleft .tooltip2 .tooltip2text:after{top:50%;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
.toolleft .tooltip2 .tooltip2text:after{content:"";position:absolute;left:100%;margin-left:30px;width:8px;height:8px;border-radius:8px;background:var(--yellow);}
.toolleft .tooltip2 .tooltip2text:before{content:"";position:absolute;left:100%;width:30px;height:1px;background:var(--yellow);}
.tooltip2:hover .tooltip2text {visibility: visible;z-index:999;}
.iconfitur{padding:90px 0;position:relative;z-index:100;background:var(--bggrey1);border-bottom:var(--cgrey2) 1px solid; }
.iconfitur-item{position:relative;width:calc(12.5% - 20px);margin:10px;background:var(--bgwhite);border-radius:5px;text-align:center;cursor:pointer;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);transition:all 150ms ease-in-out;-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;}
.arearight-sidebar .iconfitur-item{text-align:left!important;}
.arearight-sidebar .iconfitur-item{position:relative;width:calc(100% - 10px);margin:5px;}
.iconfitur-item:hover{transform: scale(1.08);}
.arearight-sidebar .iconfitur-item:hover{transform: scale(1);}
.iconfitur-pd{position:relative;overflow:hidden;padding:20px 10px;}
.arearight-sidebar .iconfitur-pd{display:flex !important;justify-content: left;align-items: center;padding:5px 10px;text-align:left!important;}
.iconfitur-item img{position:relative;width:auto;height:7vh;margin:0 auto 20px;transition:all 150ms ease-in-out;-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;}
.arearight-sidebar .iconfitur-item img{width:5vh;height:auto;margin:0 10px 0 0!important;}
.iconfitur-item:hover img{transform: scale(1.3);}
.arearight-sidebar .iconfitur-item:hover img{transform: scale(1.13);}
.iconfitur-item p{position:relative;font-size:95%;margin:0 auto;padding:0;line-height:1.1;font-weight:normal;color:var(--cdef);}
.arearight-sidebar .iconfitur-item p{margin:0 auto 0 0!important;float:left;}
.iconfitur-item a{color:var(--cdef)}
.iconfitur-item a:hover{color:var(--color1);}
#idm .dropdown-menu{position:absolute;top:auto!important;bottom:100%!important;float:none;width:150px;text-align:center;margin:0 0 10px!important;padding:20px 10px;border:none!important;border-radius:5px!important;z-index:1090!important;background:var(--bgblack);box-shadow:none!important;left: 50%;-webkit-transform: translate3d(-50%, 0, 0);-moz-transform: translate3d(-50%, 0, 0);-ms-transform: translate3d(-50%, 0, 0);-o-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);}
#idm .dropdown-menu:after{content:"";position:absolute;bottom:-7px;left: 50%;-webkit-transform: translate3d(-50%, 0, 0);-moz-transform: translate3d(-50%, 0, 0);-ms-transform: translate3d(-50%, 0, 0);-o-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);border-top:var(--bgblack) 10px solid;border-left:transparent 10px solid;border-right:transparent 10px solid;}
#idm .dropdown-menu li, #idm .dropdown-menu a{color:var(--cwhite)!important;}

.headline{position:relative;overflow:hidden;border-radius:10px;background:linear-gradient(to right, transparent, var(--bggrey1));}
.headline-image, .headline-title{position:relative;width:50%;margin:0;}
.headline-image{border-radius:10px;overflow:hidden;}
.headline-head{position:absolute;left:0;top:0;padding:15px;font-family: 'Poppins-Medium', sans-serif!important;font-size:250%;margin:0;line-height:1;color:var(--cwhite);font-weight:bold;text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;letter-spacing:-0.5px;}
.headline-title h2{font-family: 'Poppins-Medium', sans-serif!important;font-size:130%;margin:0;padding:0;line-height:1.1;}
.headline-intro{font-size:95%;margin:10px 0 0;line-height:1.1;padding:0;font-weight:normal;}
.meta{margin:0 20px 0 0;}
.meta p{font-size:95%;margin:0;line-height:1;padding:0;font-weight:normal;}
.meta svg{width:22px;margin:0 3px 0 0;padding:0;line-height:1;opacity:0.4;}
.article-title .meta svg{width:20px;}
.moreright{height:34px;border-radius:34px;padding:0 25px;background:linear-gradient(to right, var(--color1), var(--color2));line-height:1;margin:0;color:var(--cwhite);font-size:95%;}
.forhover a{color:var(--cdef);}
.forhover:hover a:hover{color:var(--color1);}

.headmodule{position:relative;overflow:hidden;}
.headmodule:after{content:"";position:absolute;left:0;height:1px;background:var(--bggrey3);right:0;top:50%;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
.footerweb .headmodule:after{display:none;}
.aparatur-home .headmodule:after{right:55px;}
.headmodule h1{position:relative;font-family: 'Poppins-Medium', sans-serif!important;font-size:180%;margin:0;padding:0;line-height:1.3;letter-spacing:-0.5px;background-size: auto auto;background-clip: border-box;background-size: 200% auto;background-clip: text;text-fill-color: transparent;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-image: linear-gradient(-225deg,var(--color1) 0%,var(--color2) 29%);z-index:2;}
.headmodule-inner{position:relative;overflow:hidden;background:var(--bgwhite);z-index:2;padding:0 15px 0 0;}
.bgwhite{background:var(--bgwhite);}

.article-col{position:relative;width:calc(50% - 20px);margin:10px;border-radius:7px;background:linear-gradient(to right, transparent, var(--bggrey1) 70%);transition: all 150ms ease-in-out;}
.category-style .article-col{width:calc(100% - 20px);margin:20px 10px 0;}
.article-col:hover{background:var(--bgwhite);-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);transition: all 150ms ease-in-out;}
.article-image{position:relative;width:45%;overflow:hidden;border-radius:7px;}
.article-title{position:relative;width:55%;}
.article-col:hover .image-article{transform: scale(1.3);}
.article-title h2{font-size:100%;margin:0;line-height:1.1;padding:0;font-weight:bold;}
.category-style .article-title h2{font-size:120%;}
.pagination{margin:0!important;}
.pagingrow svg{height:24px;width:auto;fill:var(--cgrey4);margin:3px 0 0;}
.page-link{padding:0 5px !important;}
.pagination>li>a,.pagination>li>span{padding:0 8px;margin-left:-1px;line-height:1.1;color:#337ab7;height:30px;font-size:95%;background-color:var(--bgwhite);border:1px solid var(--brdgrey);display:flex!important;justify-content:center;align-items:center}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{z-index:2;color:var(--color1);background-color:var(--bggrey3);border-color:var(--brdgrey)}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color:var(--color1);border-color:var(--color1)}
.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:var(--cdefault);border-color:var(--brdgrey)}

.image-aparatur:before{content:"";position:absolute;left:0;right:0;bottom:0;height:50%;background:linear-gradient(to top, var(--color1), transparent);z-index:1;}
.image-aparatur:after{content:"";position:absolute;left:0;right:0;bottom:0;top:0;border-radius:10px 10px 28px 28px;z-index:2;-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.4);-moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.4);box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.4);}
.aparatur-title{position:relative;overflow:hidden;background:linear-gradient(to top, transparent, var(--bggrey3) 90%);margin:-31px 0 0;z-index:1;padding:45px 0 20px;min-height:10vh;}
.aparatur-title h2{font-size:100%;margin:0;line-height:1.1;padding:0;font-weight:bold;}
.absolute-title{position:absolute;left:0;right:0;bottom:0;padding:15px;z-index:5;}
.absolute-title p{font-size:100%;margin:0;line-height:1.1;padding:0;color:var(--cwhite);}

.slideshow{position:relative;overflow:hidden;width:100%;height:100vh;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;}
.statistik-home{position:relative;overflow:hidden;padding:120px 0;}
.statistik-home:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.5) url(../../images/dot.png) fixed repeat;}
.stathome{position:relative;overflow:hidden;z-index:10;}
.stathome-left{position:relative;width:25%;}
.stathome-right{position:relative;width:75%;}
.htop{position:relative;overflow:hidden;width:100%;}
.autostat{display: grid;grid-template-columns: repeat(auto-fit, minmax(calc(25% - 14px), 1fr));grid-gap: 7px;text-align:center;}
.autostat-col{position:relative;text-align:center;}
.stathome-head{text-align:center;}
.stathome-head span{font-family:"Arial";font-size:200%;font-weight:800;margin:0;line-height:1;padding:0;text-transform:uppercase;letter-spacing:-0.5px;animation:flip 3s infinite;animation-delay:calc(.2s * var(--i))}
.stathome-head p{font-size:100%;margin:0;line-height:1.1;padding:0;color:var(--cgrey2);}
.stathome-border{position:absolute;left:0;top:0;right:0;bottom:0;border:#717171 1px solid;border-radius:10px;background:rgba(0,0,0,0.2);}
.gender-box{position:relative;width:28vh;height:28vh;margin:auto;}
.gender{position:relative;width:28vh;height:28vh;margin:auto;border-radius:50%;overflow:hidden;animation: rotate-animation 10s infinite linear;}
.gender:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;}
.autostat-col:nth-child(1) .gender:before{background-image: conic-gradient(var(--blue) 50%, var(--bggrey3) 0);}
.autostat-col:nth-child(2) .gender:before{background-image: conic-gradient(var(--pink) 50%, var(--bggrey3) 0);}
.autostat-col:nth-child(3) .gender:before{background-image: conic-gradient(var(--green) 50%, var(--bggrey3) 0);}
.autostat-col:nth-child(4) .gender:before{background-image: conic-gradient(var(--orange) 50%, var(--bggrey3) 0);}
.gender-icon{width:8vh;height:8vh;border-radius:100%;background-color:rgba(255,255,255,0.4);margin:0 auto 10px;}
.gender-inner{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:26vh;height:26vh;background:#414141;border-radius:50%;-webkit-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.60);-moz-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.60);box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.60);text-align:center;}
.gender-inner svg{width:9vh;fill:var(--cgrey2);}
.gender-inner p{font-size:90%;line-height:1;font-weight:500;color:var(--cgrey2);}
.gender-inner h2{font-size:140%;line-height:1;color:var(--cgrey2)}
.total-penduduk{position:relative;overflow:hidden;text-align:center;margin:15px auto 0;}
.total-penduduk p{font-size:95%;line-height:1;font-weight:500;color:var(--cwhite);}
.total-penduduk p:nth-child(1), .total-penduduk p:nth-child(2){display:none;}

.galhome{position:relative;overflow:hidden;padding:15px;border-radius:10px;background:linear-gradient(to right, var(--color1), var(--color2));}
.galhome-head{position:relative;width:25%;background:rgba(0,0,0,0.35);border-radius:10px;}
.galhome-inner{position:relative;width:75%;}
.galhome-head h2{position:relative;font-family: 'Poppins-Medium', sans-serif!important!important;font-size:180%;margin:0;padding:0;line-height:1;color:var(--cwhite);opacity:0.65;}
.galhome-head h1{position:relative;font-family: 'Arial';font-size:220%;margin:0;padding:0;line-height:1;color:var(--yellow);font-weight:800;text-transform:uppercase;}
.galhome-head img{width:25%;height:auto;opacity:0.65;}
.open-galeri{height:34px;border-radius:34px;padding:0 25px;margin:10vh 0 0;line-height:1;font-size:95%;color:var(--cgrey2);font-weight:normal;background:rgba(0,0,0,0.4);}
.options .option{position:relative;overflow:hidden;min-width:150px;margin:0 0 0 10px;background-size:cover!important;background-position:center;cursor:pointer;background-repeat:no-repeat;transition:0.5s cubic-bezier(.05,.61,.41,.95)}
.options .option.active{flex-grow:10000;transform:scale(1);margin:0 0 0 10px;border-radius:7px;background-size:auto 100%;cursor:default}
.options .option.active .label{bottom:10px;left:0}
.options .option.active .label .info>div{left:0;opacity:1}
.options .option:not(.active){flex-grow:1;border-radius:7px}
.options .option:not(.active) .shadow{background:rgba(0,0,0,.4)}
.options .option:not(.active) .shadow:hover{background:rgba(0,0,0,.1)}
.options .option:not(.active) .label{bottom:10px;left:0;opacity:0.6;}

.galpage-col{position:relative;width:calc(50% - 30px);margin:15px;background:var(--bggrey2);border-radius:10px;text-align:center;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);transition:all 150ms ease-in-out;-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;}
.galpage-col .image-wide{overflow:hidden;border-radius:10px;}
.galpage-title p{font-weight:bold;line-height:1.1;margin:0;padding:0;}

.options{display:flex;flex-direction:row;align-items:stretch;overflow:hidden;min-width:100%;max-width:100%;height:45vh;}
.options .option .shadow{position:absolute;bottom:0;left:0;right:0;height:100%;transition:0.5s cubic-bezier(.05,.61,.41,.95)}
.options .option .label{display:flex;position:absolute;right:0;height:36px;transition:0.5s cubic-bezier(.05,.61,.41,.95)}
.options .option .label .icon{display:flex;flex-direction:row;justify-content:center;align-items:center;min-width:36px;max-width:36px;height:36px;border-radius:100%;background-color:rgba(255,255,255,0.4);color:var(--cwhite)}
.options .option:not(.active) .label .icon{min-width:20px;max-width:20px;background-color:transparent;color:var(--cwhite)}
.options .option .label .icon svg{width:auto;height:20px;fill:var(--cwhite)}
.options .option .label .info{display:flex;flex-direction:column;justify-content:center;margin-left:10px;color:var(--colorgrey1);text-align:left}
.options .option:not(.active) .label .info{margin-left:3px;}
.options .option .label .info>div{position:relative;transition:0.5s cubic-bezier(.05,.61,.41,.95),opacity 0.5s ease-out}
.options .option .label .info .main{font-weight:500;font-size:16px}
.options .option .label .info .main p{font-size:100%;margin:3px 0 0;padding:0;line-height:1;white-space: normal;word-wrap: break-word;}
.options .option .label .info .main .short p{font-size:90%;margin:7px 0 0;line-height:1.1;}
.options .option.active .label .info .main .short{display:none;}
.options .option:not(.active) .label .info .main .long{display:none;}
.link-galeri{position:absolute;right:5px;padding:10px 10px;background:rgba(0,0,0,0.6);top:5px;border-radius:4px;}
.options .option:not(.active) .link-galeri {display:none;}
.link-galeri p{font-size:90%;margin:0;padding:0;line-height:1.2;color:var(--cgrey1);}

.widget{position:relative;}
.auto-top-fixed {display: flex;width: 100%;margin: 0 auto;padding:40px 0 0;}
	.arealeft {flex: 0 0 75%;}
	.arearight-sidebar {flex: 0 0 25%;}
	.stickyleft {flex: 0 0 25%;}
.arealeft{position:relative;overflow:hidden;}
.arealeft-margin{position:relative;overflow:hidden;margin:0 80px 0 0;}
.arealeft-margin2{position:relative;overflow:hidden;margin:0 0 0 80px;}
.category-style .arealeft-margin{padding:0 5px;}
.arearight-sidebar-top{position: sticky !important;top:140px;}

.bghtop{position:absolute;left:0;right:0;top:50%;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);font-family:"Arial";font-size:600%;font-weight:800;line-height:1;letter-spacing:-2px;padding:0;margin:0;text-transform:uppercase;color:var(--cwhite);opacity:0.2;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: rgba(0,0,0,0.5);}
.mappage-style .bghtop{font-size:350%;letter-spacing:-1px;}
.htop-container{position:relative;overflow:hidden;padding:30px 0;border-radius:0!important;background:linear-gradient(to right, var(--bggrey2), var(--bgwhite), var(--bggrey2));z-index:2;}
.mappage-style .htop-container{padding:20px 0;}
.htop-container h1{font-size:140%;margin:0;padding:0;line-height:1;font-weight:bold;}
.htop-container h3{font-size:120%;margin:0;padding:0;line-height:1.1;}
.htop-container h2{font-family: 'Poppins-Medium', sans-serif!important;font-size:200%;margin:0;padding:0;line-height:1.1;}
.mappage-style .htop-container h2{font-size:120%;}
.htop-container img{width:auto;height:10vh;margin:0 15px 0 0;line-height:1;}
.mappage-style .htop-container img{height:9vh;margin:0 10px 0 0;}
.htop-content{position:relative;overflow:hidden;width:100%;padding:0;border-radius:30px 30px 0 0;background:var(--bgblack);}
.htop-title{position:absolute;left:8%;right:30%;top:50%;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);z-index:2;}
.htop-title h1{font-family: 'Poppins-Medium', sans-serif!important;font-size:200%;margin:0;padding:0;line-height:1.3;letter-spacing:-0.5px;color:var(--cwhite);opacity:0.7;}
.mappage-style #map{height:80vh!important;}
.category-title h2{font-family: 'Poppins-Medium', sans-serif!important;font-size:200%;margin:0;padding:0;line-height:1.3;letter-spacing:-0.5px;background-size: auto auto;background-clip: border-box;background-size: 200% auto;background-clip: text;text-fill-color: transparent;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-image: linear-gradient(-225deg,var(--color1) 0%,var(--color2) 29%);}
.category-title{position:relative;overflow:hidden;margin:0 0 20px;padding:0 0 10px;border-bottom:var(--brdgrey) 1px solid;}
.ups, .big-empty{position:relative;overflow:hidden;text-align:center;}
.big-empty{margin:0 10%;}
.confused{position:relative;overflow:hidden;margin:-30vh auto 0;}
.confused img{width:25%;height:auto;margin:0 auto;}
.ups-speak2{position:absolute;left:0;top:0;right:0;opacity:0.7;}
.ups-speak1 img, .ups-speak2 img{width:100%;height:auto;}
.ups h1{font-family:"Arial";font-size:500%;margin:0;line-height:1;padding:0;font-weight:800;letter-spacing:-5px;color:var(--cgrey3);}
.ups p{font-size:120%;margin:15px 0 30px;line-height:1.2;padding:0;}
.empty{position:relative;overflow:hidden;}
.empty-doc .empty{width:25vh;}
.emptybig .empty{width:25%;}
.emptybig p{margin:0 0 0 10px;}
.emptyspeak-1{position:relative;overflow:hidden;text-align:center;margin:0 auto;width:100%;z-index:1;}
.emptyspeak-2{position:absolute;left:0;top:0;right:0;z-index:2;}
.emptyspeak-1 img, .emptyspeak-2 img, .empty-confused img{display:block;width:100%;}
.empty-confused{position:relative;overflow:hidden;text-align:center;margin:-50px auto 0;width:8vh;z-index:3;}
.emptybig .empty-confused{margin:-80px auto 0;width:15vh;}
.emptysmall{position:relative;overflow:hidden;padding:15px 15% 0;text-align:center;}


.article-head{position:relative;margin:0;padding:0;border-bottom:var(--brdgrey) 1px solid;}
.article-head h1{font-family: 'Poppins-Medium', sans-serif!important;font-size:200%;margin:0 0 10px;padding:0;line-height:1.3;letter-spacing:-0.5px;background-size: auto auto;background-clip: border-box;background-size: 200% auto;background-clip: text;text-fill-color: transparent;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-image: linear-gradient(-225deg,var(--color1) 0%,var(--color2) 29%);}
.mainimage{position:relative;overflow:hidden;border-radius:10px;}
.to-fullscreen{position:absolute;right:10px;width:35px;height:35px;border-radius:50%;background:var(--bgblack);opacity:0.5;display:none!important;top:50%;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
.to-fullscreen:hover{opacity:1;}
.to-fullscreen svg{width:24px;height:auto;fill:var(--cwhite);}
.mainimage .carousel-cell.is-selected .to-fullscreen{display:flex!important;}
.top-image{position:relative;float:right;margin:0 0 0 auto;min-width:60%;max-width:60%;}
.top-image:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(to right, var(--bgblack), rgba(0,0,0,0.3), var(--bgblack));}
.cat-content{position:relative;overflow:hidden;border-bottom:var(--brdgrey) 1px solid;padding:0 0 10px;}
.cat-content h3, .cat-content p{font-size:120%;line-height:1.1;margin:0;padding:0;}
.cat-content p{font-size:100%;}
.cat-content img{width:auto;height:8vh;margin:0 7px 0 0;}

.content-isi, .content-isi h1,.content-isi h2,.content-isi h3,.content-isi h4,.content-isi h5,.content-isi h6,.content-isi p {line-height:1.5;display:block;}
.content-isi h1,.content-isi h2,.content-isi h3,.content-isi h4,.content-isi h5,.content-isi h6,.content-isi p{margin:0 0 15px;}
.content-isi ul{margin:0 0 10px 40px;line-height:1.4;padding:0;}
.content-isi li{margin:0 0 10px 0;line-height:1.4;padding:0;}
.content-isi .box-tools{display:none;}
.content-isi .table, .content-isi table{width:100% !important;}
.content-isi .box-header{display:flex !important;justify-content: center;align-items: center;}
.content-isi .box-header h3{font-size:120%;padding:0 0 5px;margin:0 auto 5px;text-align:center;border-bottom:var(--brdgrey) 1px solid;}
.content-isi .box{padding:0 0 10px !important;}
.content-isi hr {margin-top: 5px !important;margin-bottom: 5px !important;border:none !important;}
.content-isi .progress-group{font-size:90% !important;}
.content-isi .progress-bar{background-color:var(--colorsoft3) !important;}
.content-isi .progress-bar-striped {background-color: var(--bggrey2) !important;}
.content-isi .progress {height: 15px !important;border-radius:15px !important;}
.content-isi .progress-bar {line-height: 15px !important;border-radius:15px !important;}
.content-isi img{margin:0 auto !important;min-width:50% !important;max-width:100% !important;text-align:center;}

.agenda-col, .agenda-col2, .agenda-col3{position:relative;width:calc(33.33333333% - 10px);margin:5px;background:var(--bgwhite);border-radius:5px;text-align:center;cursor:pointer;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);transition:all 150ms ease-in-out;-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;}
.agenda-col3{width:calc(100% - 10px);text-align:left;}
.agenda-icon{position:relative;overflow:hidden;width:50px;height:50px;border-radius:50%;margin:0 auto 10px;}
.agenda-col3 .agenda-icon{margin:0;width:24px;height:24px;background:transparent;}
.agenda-icon:before{content:"";position:absolute;width:50px;height:50px;border-radius:50%;bottom:-25px;left:0;background:var(--bgwhite);opacity:0.3;}
.agenda-col3 .agenda-icon:before{display:none;}
.agenda-icon svg{width:30px;height:auto;fill:var(--cgrey2);}
.agenda-col3 .agenda-icon svg{fill:var(--color2);width:24px;}

.pembleft{position:relative;width:calc(60% - 40px);margin:40px 20px 0;}
.pembright{position:relative;width:calc(40% - 40px);margin:40px 20px 0;}
.pemb-row{position:relative;width:100%;margin:0 0 5px;background:var(--bggrey2);border-radius:10px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);transition:all 150ms ease-in-out;-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;}
.pemb-row-image, .pemb-row-title{position:relative;width:50%;}
.pemb-row-image, .pemb-row-image img{overflow:hidden;border-radius:10px;}
.pemb-row-title{background:var(--bgwhite);border-radius:10px;}
.pemb-row-title h2{font-family: 'Poppins-Medium', sans-serif!important;font-size:150%;margin:0 0 15px;padding:0;line-height:1.3;letter-spacing:-0.5px;background-size: auto auto;background-clip: border-box;background-size: 200% auto;background-clip: text;text-fill-color: transparent;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-image: linear-gradient(-225deg,var(--color1) 0%,var(--color2) 29%);}
.pemb-link{height:35px;padding:0 15px;margin:20px;line-height:1;font-size:95%;color:var(--cwhite);border-radius:5px;}
.documentation{border-radius:10px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);}
.doc-col{position:relative;width:calc(50% - 10px);margin:5px;border-radius:10px;background:var(--bggrey1);text-align:center;transition:all 150ms ease-in-out;-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;}
.doc-col:hover{transform: scale(1.04);}
.doc-col img{border-radius:10px;}
.doc-col p{margin:0 0 10px;font-size:95%;padding:0;line-height:1.1;}
.mappemb{height:45vh !important;border-radius:10px;overflow:hidden;}
.map-page{border:var(--brdgrey) 1px solid;}

.filterleft{position:relative;overflow:hidden;padding:0 0 10px;}
.form-change{position:relative;width:100%;}

.form-change .form-control{line-height:1.1;height:50px;border-radius:4px;border:var(--brdgrey) 1px solid;padding:0 10px;background:transparent;transition:all 0.2s linear 0.1s;-webkit-transition:all 0.1s linear 0.1s;-moz-transition:all 0.1s linear 0.1s;-o-transition:all 0.1s linear 0.1s;}
.form-change .form-control:focus, .form-change .form-control.active{box-shadow:none;background-color:transparent;border:var(--brdgrey) 1px solid;outline:none;box-shadow:none;}
.lapak-col{position:relative;width:calc(50% - 20px);margin:10px;border-radius:10px;background:var(--bggrey1);-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);text-align:center;transition:all 150ms ease-in-out;-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;}
.lapakstyle .carousel{z-index:2;}
.price{position:relative;overflow:hidden;padding:65px 10px 10px;margin:-55px 0 0;z-index:1;border-radius:0 0 10px 10px;background:linear-gradient(to right, var(--color1), var(--color2));color:var(--cwhite);}
.discount{color:var(--cgrey3);text-decoration: line-through var(--cgrey3);}
.price p{margin:0 5px;}
.product-title h2{font-family: 'Poppins-Medium', sans-serif!important;font-size:100%;margin:0;padding:0;line-height:1.3;}
.lapak-col h3{font-size:90%;margin:0 0 10px;padding:0;line-height:1.1;opacity:0.7;}
.lapak-col i.fa{margin:1px 3px 0 0;line-height:1;}

.carousel-control.left {background-image:none;background-repeat:no-repeat;}
.carousel-control.right {background-image:none;background-repeat:no-repeat;}
.carousel-control-leftarrow{border-radius:3px;background-repeat:no-repeat;background-position:center;background-size:30% auto;background-color:rgba(0,0,0,0.5);width:25px;height:25px;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.carousel-control-rightarrow{border-radius:3px;background-repeat:no-repeat;background-position:center;background-size:30% auto;background-color:rgba(0,0,0,0.5);width:25px;height:25px;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}

.head-widget{position:relative;overflow:hidden;padding:10px;border-bottom:var(--brdgrey) 1px solid;}
.modal .head-widget, .menupanel .head-widget{display:none;}
.head-widget h1{font-family: 'Poppins-Medium', sans-serif!important;font-size:180%;margin:0;padding:0;line-height:1.3;letter-spacing:-0.5px;background-size: auto auto;background-clip: border-box;background-size: 200% auto;background-clip: text;text-fill-color: transparent;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-image: linear-gradient(-225deg,var(--color1) 0%,var(--color2) 29%);}
.widget-box .scrollbar{max-height:50vh;width: 100%;overflow-y: scroll;}
.modal .widget-box .scrollbar{max-height:90vh;}
.widget-box2 .scrollbar{max-height:44vh;width: 100%;overflow-y: scroll;}
.anggaran-box .scrollbar{max-height:46vh;width: 100%;overflow-y: scroll;}
.modal .scrollbar{height:90vh;overflow-y: scroll;}
.iconpanel .scrollbar, .menupanel .scrollbar{height:100%;width: 100%;overflow-y: scroll;}
.scrollbar-pd{padding:5px 15px 30px;}
#style-3::-webkit-scrollbar-track{background-color:transparent;}
#style-3::-webkit-scrollbar{width: 8px;background-color:transparent;}
#style-3::-webkit-scrollbar-thumb{background-color:var(--bggrey2);}

.sinergi img{max-width:100%!important;max-height:14vh!important;min-height:14vh!important;}
.arsipsmall-image{position:relative;width:calc(30% - 10px);margin:0 5px;border-radius:4px;}
.arsipsmall-text{position:relative;width:calc(70% - 10px);margin:0 5px;}
.arsipsmall{position:relative;overflow:hidden;margin:10px 0 0;}
.arsipsmall-text p{font-size:100%;margin:0;line-height:1.2;padding:0;}
.arsipsmall-text a{color:var(--cdefault)!important;}

.w-arsip .nav-tabs > li, .w-arsip .nav-tabs > li > a{height:6vh;padding:0;margin:0!important;line-height:6vh;text-align:center;font-weight:bold;border:none;}
.w-arsip .nav-tabs > li > a{padding:0;border-bottom:var(--brdgrey) 3px solid;color:var(--cdefault);}
.w-arsip .nav-tabs > li > a:hover{border: none;border-bottom:var(--color2) 3px solid;color:var(--color2);background-color:transparent;}
.w-arsip .nav-tabs > li.active > a:hover, .w-arsip .nav-tabs > li.active > a:focus, .w-arsip .nav-tabs > li.active a {background-color:transparent;border: none;border-bottom:var(--color1) 3px solid;color:var(--color1)!important;}
.w-arsip .nav-tabs{border:none;background:transparent;margin:0 !important;border-radius:0;padding:0;}

.menu-category li, .menu-category ul{list-style:none;margin:0 0 0 5px;padding:0;position:relative;line-height:1.2;}
.menu-category li{padding:0 0 0 17px;margin:10px 0;font-weight:bold;}
.menu-category li:first-child{margin:0 0 10px;}
.sub-category li, .sub-category li:first-child{margin:5px 0;padding:0 0 0 15px;}
.menu-category li:after{content:"";position:absolute;left:0;top:6px;width:10px;height:10px;border-radius:10px;background:var(--color1);opacity:0.5;}
.sub-category li:after{position:absolute;left:0;top:5px;width:10px;height:12px;border-radius:0;background:transparent;border-left:var(--bggrey3) 10px solid;border-top:transparent 6px solid;border-bottom:transparent 6px solid;opacity:1;}

.agenda-small{margin:10px 0 0;}
.agenda-small h3{font-size:100%;margin:0 0 5px;line-height:1.1;padding:0;font-weight:bold;}
.agenda-title{border-left:var(--bggrey2) 3px solid;padding:0 0 0 7px;}
.agenda-area h2{position:relative;font-size:100%;margin:0;line-height:1;padding:0 0 0 18px;font-weight:bold;color:var(--color1);}
.agenda-area h2:after{content:"";position:absolute;left:0;top:4px;background:transparent;border-top:var(--yellow) 10px solid;border-left:transparent 7px solid;border-right:transparent 7px solid;}
.today{font-weight:bold;color:var(--color2);}

.table-pemb td{padding:7px 0;vertical-align:top;border:none;border-top:var(--brdgrey) 1px solid;font-size:100%;}
.table-border td{padding:8px;vertical-align:top;border:var(--brdgrey) 1px solid;font-size:95%;}
.table-sinergi td{vertical-align:top;padding:10px 0;}
.table-sinergi p{font-size:95%;padding:0 0;line-height:1.1;margin:3px 0 0;}
.table-kerja{width:100%;margin:0 0 0 3px;}
.table-kerja th{padding:5px 4px;border:var(--brdgrey) 1px solid;font-size:95%;font-weight:bold;background:var(--bggrey1)}
.table-kerja td{padding:4px;vertical-align:top;border:var(--brdgrey) 1px solid;font-size:95%;}
.table-medium td{padding:5px 0;vertical-align:top;font-size:95%;line-height:1.1;}
.pembstyle .table-medium td{font-size:100%;}
.table-identitas td{padding:1px 0;vertical-align:top;font-size:95%;line-height:1.1;}
.table-striped > tbody > tr:nth-of-type(odd) {background-color:var(--bggrey1);}
.table-arsip th{padding:0 5px 15px !important;font-size:100%;line-height:1.1;margin:0;border:none;border-bottom:4px solid!important;}
.kelompok-style .table-arsip th{padding:0 5px 10px !important;}
.table-arsip td{padding:15px 5px !important;vertical-align:top;font-size:95%;line-height:1.1!important;margin:0;}
.kelompok-style .table-arsip td{padding:10px 5px !important;vertical-align:middle;}
.infostyle .table-arsip td{padding:15px 7px !important;border-color:var(--brdgrey)!important;}
.infostyle .table-arsip th{padding:0 7px 15px !important;border:none;border-bottom:4px solid!important;}
.table-comment td{padding:0!important;vertical-align:top;font-size:100%;line-height:1.1!important;margin:0;}
.form-comment .table-comment td{padding:0 0 5px!important;}
.table-arsip p{padding:0!important;line-height:1!important;margin:0!important;}
.table-arsip h3{font-size:100%;padding:0!important;line-height:1!important;margin:5px 0!important;}
.table-arsip a{color:var(--cdark);}
.table-arsip a:hover{color:var(--color2);}
.table-arsip svg{width:24px;height:auto;opacity:0.4!important;margin-bottom:-6px!important;}
.table-agendapage td{font-size:100%!important;padding:5px 0 !important;vertical-align:top;line-height:1.1!important;margin:0;}
.table-kelompok td{padding:5px 0;vertical-align:top;font-size:100%;line-height:1.1;}
.table-bordered{border-color:var(--brdgrey)!important;}
.centertext{text-align:center!important;}
.table-agenda td{font-size:95%;padding:0 0;line-height:1.1;margin:0;vertical-align:top;}
#tabeldata td{vertical-align:top;}
.icon-agenda svg{width:30px;height:auto;margin:0 5px 0 0;}
.comment-small{margin:20px 5px 0;}
.comment-small:first-child{margin:0;}
.comment-icon{position:relative;width:5vh;padding:2px 0 0;}
.comment-title{position:relative;width:calc(100% - 6vh);margin:0 0 0 1vh;padding:0 0 5px;}
.comment-icon svg, .comment-icon img {width:100%;height:auto;fill:var(--yellow);}
.comment-title h2, .comment-title h3{font-size:100%;margin:0;line-height:1.1;padding:0;font-weight:bold;}
.comment-title h3{font-weight:normal;font-size:100%;}
.comment-title p, .sosmed p{font-size:100%;margin:3px 0 0;line-height:1.1;padding:0;}
.comment-reply{position:relative;overflow:hidden;}
.comment-reply img{width:20px;height:auto;}
.comment-left{position:relative;width:calc(70% - 20px);margin:0 10px;overflow:hidden;}
.comment-right{position:relative;width:calc(30% - 20px);margin:0 10px;overflow:hidden;}
.comment-left .form-control{width:100%;padding:0 10px;font-size:100%!important;line-height:1.1;background-color:transparent;border:1px solid var(--brdgrey);-webkit-box-shadow:none;box-shadow:none;}
.textarea, .textarea:focus{border: 1px solid var(--brdgrey);outline:none;box-shadow:none;min-height:80px;width:100%!important;border-radius:4px;overflow:hidden;padding:10px;}
.captcha{border:1px solid var(--brdgrey);text-align:center;border-radius:4px;}
.captcha .form-control{width:100%;padding:0 10px;font-size:100%!important;line-height:1.1;background-color:transparent;border:none;border-top:1px solid var(--brdgrey);-webkit-box-shadow:none;box-shadow:none;text-align:center;border-radius:0;}
.captcha img{width:60%;height:auto;margin:20px auto;}
.notif-comment{border-radius:5px;background:var(--bggrey1);border:1px solid var(--brdgrey);padding:15px;}
.sosmed p{margin:0;font-size:100%;}
.sosmed{margin:5px 0;}
.sosmed img{width:auto;height:5vh;margin:0 5px 0 0;}
.lampiran h2{font-size:100%;margin:0 10px 0 0;line-height:1.1;padding:0;}

.btshare{width:35px;height:35px;border-radius:50%;margin:0 2px;}
.btshare svg{width:18px;height:auto;fill:var(--cwhite);}
.facebook{background:#0054b8;}
.twitter{background:#009bb8;}
.email{background:#e21f6e;}
.telegram{background:#0075d2;}
.print{background:#e66000;}
.whatsapp{background:#06a700;}

.column-2{position:relative;width:calc(50% - 20px);margin:0 10px;}
label{font-size:100%;margin:0;padding:0;line-height:1.1;font-weight:bold;}

.profile-col{position:relative;width:calc(33.33333333% - 20px);margin:0 10px;}
.profile h2{font-family: 'Poppins-Medium', sans-serif!important;font-size:100%;margin:0 0 10px;padding:0;line-height:1.3;color:var(--color1);}
.tahun{width:50%;margin:0 auto;}
.idm-col{position:relative;width:calc(25% - 20px);margin:20px 10px 0;border-radius:10px;padding:0;background:var(--bggrey1);-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);text-align:center;}
.idm-icon{width:10vh;height:10vh;border-radius:100%;margin:-20px auto 20px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.65);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.65);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.65);}
.idm-icon svg{width:auto;height:5vh;fill:var(--cwhite);}
.idm-col h2{font-family: 'Poppins-Medium', sans-serif!important;font-size:110%;margin:10px 0 20px;padding:0;line-height:1.3;color:var(--cdark);}
.head-sdgs h2{font-size:110%;margin:0;padding:0;line-height:1;font-weight:bold;}
.scoring{font-size:200%;margin:0 0;padding:0;line-height:1;font-weight:bold;}
.head-sdgs h3{font-size:100%;margin:0;padding:0;line-height:1;font-weight:500;}
.head-sdgs svg{width:auto;height:60px;margin:0 -10px;fill:var(--cgrey3);}
.sdgs-col{position:relative;width:calc(16.66666667% - 20px);margin:10px;border-radius:15px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);text-align:center;}
.sdgs-icon{margin:5px;}
.sdgs-icon img{width:100%;height:auto;}
.sdgs-title{text-align:center;padding:10px;}
.sdgs-title h2{font-family: 'Poppins-Medium', sans-serif!important;font-size:120%;margin:0;padding:0;line-height:1.3;}
.sdgs-title p{font-size:100%;margin:0 0 5px;padding:0;line-height:1;}
.pengaduan-notif{width:100%;float:left;position:relative;overflow:hidden;margin:15px 0 !important;}
.alertpengaduan{margin:0 0;padding:8px;border-radius:4px;background:var(--bggrey3);}
.alertpengaduan p{font-weight:bold;font-size:95%;padding:0;margin:0;line-height:1.2;color:var(--color1);}
.itempengaduan{display:inline-block;margin:30px 0 0;width:100%;}
.itempengaduan:nth-child(1){margin:10px 0 0;}
.row-bullet{width:100%;float:left;}
.row-bullet-inner{position:relative;border-left:var(--brdgrey) 1px solid;margin:0 0 0 8px;padding:0 0 0 15px;}
.row-bullet-circle{content:"";position:absolute;background:var(--bgwhite);left:-8px;top:50%;width:16px;height:16px;border-radius:16px;border:var(--brdgrey) 2px solid;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
.row-bullet-circle:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:8px;background:var(--yellow);-webkit-transform: translate3d( -50%, -50%, 0);-moz-transform: translate3d( -50%, -50%, 0);-ms-transform: translate3d( -50%, -50%, 0);-o-transform: translate3d( -50%, -50%, 0);transform: translate3d( -50%, -50%, 0);}
.row-bullet-inner h2{font-weight:500;font-size:100%;padding:0;margin:0 0 0 30px;line-height:1.2;}
.pengaduan-1{width:calc(50% - 8px);margin:0 4px;position:relative;}
.pengaduan-2, .pengaduan-3{width:calc(25% - 8px);margin:0 4px;position:relative;}
.row-bullet-inner h3{font-weight:500;font-size:100%;padding:0;margin:0;line-height:1.2;}
.pengaduan-3 svg{width:auto;height:24px;margin:4px 0 0;fill:var(--cgrey2)}
.status{width:24px;height:24px;margin:0 5px 0 0;border-radius:2px;}
.status svg{width:auto;height:14px;fill:var(--cwhite);}
.status img{width:auto;height:4px;}
.image-pengaduan img{display:block;max-width:100%;margin:0;height:auto;border-radius:10px;}
.detail-pengaduan h3, .detail-pengaduan h2, .detail-pengaduan p{font-weight:500;font-size:100%;padding:2px 0;margin:0;line-height:1.2;}
.detail-pengaduan p{margin-right:5px;}
.detail-pengaduan h2{font-weight:bold;margin:20px 0 10px 0;padding:0 0 3px;border-bottom:var(--brdgrey) 1px solid;}
.speak {padding:0 0 0 30px;min-height:22px;margin:0 0 10px;}
.speak-icon{width:22px;height:22px;position:absolute;top:0;left:0;}
.speak-icon svg{width:22px;height:auto;fill:var(--cgrey3);}
.speak p{font-weight:500;font-size:95%;padding:0;margin:1px 0 0;line-height:1.2;position:relative;overflow:hidden;}
.speak h1{font-weight:bold;font-size:100%;padding:0;margin:1px 0 0;line-height:1.2;color:var(--color1);}
.head-pengaduan{font-family: 'Poppins-Medium', sans-serif!important;font-size:180%;margin:0;padding:0;line-height:1.2;color:var(--cdark);letter-spacing:-1px;}
.imagecaptha{position:relative;width:calc(35% - 10px);margin:0 5px;}
.imagecaptha img{width:100%;height:auto;border-radius:4px;}
.changecaptha{position:relative;width:calc(65% - 10px);margin:0 5px;background:var(--bggrey5);border-radius:3px;line-height:1.1;font-size:70%;font-weight:normal;padding:0 5px 0 0;}
.changecaptha svg{width:auto;height:30px;margin:0 0;fill:var(--color1);}
.tanggapan p{font-size:95%;font-weight:normal;}

.col-pemerintah{position:relative;width:calc(25% - 20px);margin:10px;border-radius:10px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);text-align:center;}
.box-pemerintah{margin:10px;}
.pemerintah-name{position:absolute;left:0;bottom:0;right:0;padding:20% 15px 15px;border-radius:0 0 10px 10px;background:linear-gradient(to top, var(--cdark), transparent);}
.col-pemerintah h2{font-size:100%;margin:15px 0;line-height:1.1;padding:0;font-weight:bold;}
.col-pemerintah h3{font-size:100%;margin:0;line-height:1.1;padding:0;font-weight:normal;color:var(--cwhite);}
.absen-hadir, .absen-empty{margin:0 40px 10px;border-radius:5px;padding:10px;}
.absen-hadir p, .absen-empty p{font-size:90%;margin:0;padding:0;line-height:1.1;color:var(--cwhite);font-weight:normal;}
.aparatur-social{color:var(--dark);margin:0 3px;opacity:0.5;padding:0;}
.aparatur-social i.fa{font-size:95%!importan;}

.stunting-col{position:relative;width:calc(33.33333333% - 20px);margin:10px;display:grid;box-sizing: border-box;border-radius:4px;overflow:hidden;}
.stunting-icon{min-width:50px;max-width:50px;height:50px;border-radius:5px;background:rgba(0,0,0,0.2);margin:0 10px 0 0;}
.stunting p{font-size:95%;margin:0;padding:0;line-height:1;}
.stunting h2{font-size:220%;margin:0;padding:0;line-height:1;font-weight:normal;}

.countdown{padding:50px 0;position:relative;z-index:100;}
.countdown-title{margin:0 30px 0 0;}
.countdown-title h1{font-family: 'Poppins-Medium', sans-serif!important;font-size:170%;margin:0;padding:0;line-height:1.2;}
.countdown-title p{position:relative;font-size:100%;margin:5px 0 0;padding:0 0 0 13px;line-height:1.1;}
.countdown-title p:after{content:"";position:absolute;left:0;top:3px;border-left:var(--yellow) 10px solid;border-top:transparent 6px solid;border-bottom:transparent 6px solid;}
.timebox{margin:0 1px;}
.timebox-number{position:relative;overflow:hidden;width:10vh;height:8vh;text-align:center;border-radius:4px;}
.timebox-number:after{content:"";position:absolute;left:0;bottom:0;right:0;height:50%;background:rgba(255,255,255,0.3);}
.timebox-number span{font-size:150%;margin:0;padding:0;line-height:1;color:var(--cwhite);font-weight:bold;text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;}
.timebox-info{width:10vh;text-align:center;padding:5px 0 0;}
.timebox-info p{position:relative;font-size:90%;margin:0;line-height:1;padding:0;}
.banner{padding:50px 0;position:relative;z-index:100;background:linear-gradient(to right, var(--bggrey1), var(--bgwhite), var(--bggrey1));}
.bannerevent-box{position:relative;overflow:hidden;background: var(--color2);border:var(--brdgrey) 1px solid;padding:25px 10px;border-radius:5px;}
.bannerlogo{position:relative;width:100%;float:left;text-align:center;margin:0 0 10px;z-index:2;}
.bannerlogo-item{margin:0 20px;}
.bannerlogo-item img{width:auto;height:10vh;}
.banner-title{position:relative;width:100%;text-align:center;z-index:2;}
.banner-title h1{font-family: 'Poppins-Medium', sans-serif!important;font-size:170%;font-weight:bold;margin:0 0 10px;line-height:1.2;padding:0;color:#ffe57e;text-shadow: 3px 2px 5px #000;-webkit-text-stroke: 1px transparent;}
.arabic h1{font-family: 'arabic';font-size:170%;}
.banner-title p, .banner-title h2{font-size:110%;font-weight:500;line-height:1.1;padding:0;color:var(--cwhite);text-shadow: 3px 2px 5px #000;-webkit-text-stroke: 1px transparent;}
.banner-title p{margin:0 0 10px;}
.banner-title h2{margin:10px 0 0;}
.nasional-container, .islami-container, .standar-container{position:absolute;left:0;top:0;right:0;bottom:0;}
.standar-container{background:var(--bgblack);}
.nasional-container{background: rgb(175,0,0);
background: -moz-radial-gradient(circle, rgba(175,0,0,1) 19%, rgba(68,0,0,1) 100%);
background: -webkit-radial-gradient(circle, rgba(175,0,0,1) 19%, rgba(68,0,0,1) 100%);
background: radial-gradient(circle, rgba(175,0,0,1) 19%, rgba(68,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#af0000",endColorstr="#440000",GradientType=1);}
.islami-container{background-color: rgba(0,0,0,0.3);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='12' viewBox='0 0 20 12'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='charlie-brown' fill='%23000000' fill-opacity='0.2'%3E%3Cpath d='M9.8 12L0 2.2V.8l10 10 10-10v1.4L10.2 12h-.4zm-4 0L0 6.2V4.8L7.2 12H5.8zm8.4 0L20 6.2V4.8L12.8 12h1.4zM9.8 0l.2.2.2-.2h-.4zm-4 0L10 4.2 14.2 0h-1.4L10 2.8 7.2 0H5.8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
.standar-container img{width:100%;height:auto;}
.corner-left{position:absolute;left:0;top:0;width:32%;}
.corner-right{position:absolute;right:0;top:0;width:32%;}
.islami-container .corner-left, .islami-container .corner-right{width:22%;}
.corner-left img, .corner-right img{display:block;height:auto;width:100%;}
.corner-left{transform: scaleX(-1);filter: FlipH;-ms-filter: "FlipH";}
.nasional-container .corner-left img, .nasional-container .corner-right img{opacity:0.6;}
.auto-rowsame{display: flex;flex-flow: row wrap;justify-content: space-between center;}
.apbd-col{position:relative;width:calc(33.33333333% - 20px);margin:0 10px;border:var(--brdgrey) 1px solid;border-radius:10px;overflow:hidden;}
.headarrow{position:relative;padding:10px 0;margin:0 0 0;}
.apbd-col .headarrow{border-bottom:var(--brdgrey) 1px solid;padding:10px;}
.headarrow h1{position:relative;font-size:100%;margin:0;line-height:1;padding:0 0 0 20px;font-weight:bold;color:var(--cdefault);}
.headarrow h1:after{content:"";position:absolute;top:3px;left:0;border-top:var(--yellow) 13px solid;border-left:transparent 8px solid;border-right:transparent 8px solid;}
.anggaran-box{position:relative;overflow:hidden;border-radius:0 0 5px 5px;background:var(--bgwhite);padding:0;}
.anggaran-row{position:relative;overflow:hidden;padding:0 0 10px;}
.anggaran-detail h3{font-size:100%;margin:0 0 5px;line-height:1;padding:0;font-weight:bold;}
.tablesmall td{font-size:90%;padding:1px 0;vertical-align:top;line-height:1.1;height:auto;}
.progress-bar {background: transparent !important;height:8px!important;}
.progress {height: 8px !important;margin-bottom: 0;border-radius: 0;}
.progress-apbd{padding:0 55px 0 0!important;height:8px!important;line-height:8px!important;position:relative;margin:0!important;}
.progress-apbd:before{content:"";position:absolute;left:0;right:0;top:2px;height:8px;border-radius:8px;background:linear-gradient(to right, var(--bggrey2) 70%, transparent)!important;}
progress[value]{appearance:none;border:none;width:100%;height:8px;background-color:transparent;box-shadow:none;color:transparent;position:relative;margin:0;animation: geser 3s linear infinite 1s;border-radius:8px}
progress[value]::-webkit-progress-bar{background-color:transparent;border-radius:8px;box-shadow:none;}
progress[value]::-webkit-progress-value{position:relative;background-size:35px 20px,100% 100%,100% 100%;border-radius:8px}
progress[value]::-moz-progress-bar{background-image:-moz-linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),-moz-linear-gradient(top,rgba(255,255,255,.25),rgba(0,0,0,.2)),-moz-linear-gradient(left,var(--yellow),var(--yellow));background-size:35px 20px,100% 100%,100% 100%;border-radius:8px;}
.progress-bar span{border-radius:8px;display:block;text-indent:-9999px;}
.progress-apbd p[data-value]{position:relative;font-size:90%;margin:-12px 0 0 auto;padding:0;line-height:1;}
.progress-apbd p[data-value]:after{content:attr(data-value) '%';position:absolute;font-size:90%;margin:0;padding:1px 0 1px 0!important;line-height:1;right:-55px;}

.php::-webkit-progress-value{background-image:-webkit-linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),-webkit-linear-gradient(top,rgba(255,255,255,.25),rgba(0,0,0,.2)),-webkit-linear-gradient(left,var(--yellow),var(--yellow))}
.php::-moz-progress-bar{background-image:-moz-linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),-moz-linear-gradient(top,rgba(255,255,255,.25),rgba(0,0,0,.2)),-moz-linear-gradient(left,var(--yellow),var(--yellow));}

.modul-shalat{position:relative;border:var(--brdgrey) 1px solid;border-radius:10px;}
.modul-shalat-left{position:relative;width:70%;border-right:var(--brdgrey) 1px solid;}
.modul-shalat-right{position:relative;width:30%;}
.shalat-box{position:relative;width:calc(16.66666667% - 20px);margin:10px;background:var(--bgwhite);border-radius:5px;text-align:center;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);}
.shalat-pd{position:relative;overflow:hidden;padding:15px 10px;}
.shalat-pd:before{content:"";position:absolute;left:0;right:0;margin:0 -10px;top:-35%;height:100%;border-radius:100%;background:linear-gradient(to top, var(--bggrey2), transparent 70%);}
.shalat-box p{position:relative;font-size:95%;margin:0 auto;padding:0;line-height:1.1;font-weight:normal;color:var(--cdef);z-index:2;}
.shalat-icon{position:relative;width:9vh;height:9vh;margin:0 auto 10px;border-radius:50%;z-index:5;}
.shalat-icon svg{position:relative;width:auto;height:6vh;margin:auto;fill:var(--cwhite);z-index:2;transition:all 150ms ease-in-out;-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;}
.shalat-box span{font-size:110%;font-weight:bold;}
.headshalat{padding:10px;}
.headshalat h2{font-family: 'Poppins-Medium', sans-serif!important;font-size:120%;margin:10px 0 10px;padding:0;line-height:1.1;color:var(--color2);}
.headshalat h3{font-size:100%;margin:0 0 10px;padding:0;line-height:1;}
.imsak{background:#00746f;}
.subuh{background:#0091ac;}
.dzuhur{background:#ffaf00;}
.ashar{background:#da8c0e;}
.magrib{background:#ff6600;}
.isya{background:#00487d;}
.scroller{height:50px;line-height:50px;position:relative;overflow:hidden;width:100%;border-bottom:var(--brdgrey) 1px solid}
.scroller p{position:absolute;height:50px;font-size:100%;color:var(--color2);line-height:50px;top:0;left:0;width:100%;text-align:center;margin:0 auto;animation:scroller 20s infinite;font-weight:700}
@keyframes scroller{0%{top:0}15%{top:-50px}30%{top:-100px}45%{top:-150px}60%{top:-200px}75%{top:-250px}}
.shalat-more{position:relative;overflow:hidden;text-align:center;height:40px;cursor:pointer;}
.headshalat-icon{position:relative;margin:0 10px 0 0;}
.headshalat-icon2{position:absolute;left:0;top:0;}
.headshalat-icon1 svg{width:65px;height:65px;fill:var(--cgrey3);}
.headshalat-icon2 svg{width:65px;height:65px;fill:var(--color1);}


.footerweb{position:relative;overflow:hidden;background:var(--color2)!important;z-index:2;padding:0;}
.footerweb:after{content:"";position:absolute;left:0;top:0;right:0;height:100%;background:var(--bgwhite);opacity:0.8;}
.footer-col{position:relative;width:calc(50% - 30px);margin:40px 15px;}
.footer-title{position:relative;overflow:hidden;margin:0 auto;z-index:10;text-align:center;}
.footer-title:before, .footer-title:after{content:"";position:absolute;left:0;bottom:0!important;right:0;height:calc(100% - 20px)!important;}
.footer-title:before{background:linear-gradient(to top, var(--color2), var(--color1))!important;}
.footer-title:after{background:linear-gradient(to top, rgba(255,255,255,0.8), rgba(255,255,255,1))!important;opacity:1!important;border-top:var(--color1) 1px solid!important;}
.footer-title-inner{position:relative;overflow:hidden;width:40%;background:linear-gradient(to right, var(--color1), var(--color2));padding:20px;border-radius:15px;z-index:5;border:var(--brdwhite) 3px solid;}
.footer-title img{width:6vh;height:auto;margin:0 0 5px;}
.footer-title h1, .footer-title h2, .footer-title p{font-size:100%;margin:0;line-height:1.2;padding:0;color:var(--cwhite);font-weight:normal;}
.footer-title p{font-size:95%;color:var(--cgrey2);}
.footer-center-area{position:relative;width:40%;background:linear-gradient(to top, var(--color1), var(--color2) 70%);padding:20px;border-radius:0 0 15px 15px!important;z-index:5;border:var(--color1) 1px solid!important;}
.footer-center-area:before{content:"";position:absolute;left:-21px;top:-1px;border-bottom:var(--color1) 21px solid;border-left:transparent 20px solid;}
.footer-center-area:after{content:"";position:absolute;right:-21px;top:-1px;border-bottom:var(--color1) 21px solid;border-right:transparent 20px solid;}
.contact-foot{margin:0 15px 0 0;}
.contact-foot svg{width:22px;height:auto;fill:var(--cwhite);opacity:0.6;}
.social-bottom img{width:24px;margin:0 3px;}
.copyright{position:relative;overflow:hidden;padding:20px 0;background:var(--bgblack);text-align:center;}
.copyright p{font-size:95%;margin:0;line-height:1.1;padding:0;color:var(--cwhite);font-weight:normal;}
.copyright a{color:var(--yellow);}

.modalcenter .modal {position: fixed;margin: auto;width: 100%;top:0;bottom:0;left:0;z-index:9999999 !important;}
.modal-open {overflow-x: hidden;overflow-y: auto;}
.modal{z-index:9999999 !important;}
.modal-dialog{z-index:99999 !important;}
.modal-backdrop{z-index:3000 !important;background:#000;}
.modal-backdrop.in{filter:alpha(opacity=100);opacity:0.65}
.modal.left .modal-dialog, .modal.right .modal-dialog {position: fixed;margin: auto;width: 25%;top:0;bottom:0;-webkit-transform: translate3d(0%, 0, 0);-ms-transform: translate3d(0%, 0, 0);-o-transform: translate3d(0%, 0, 0);transform: translate3d(0%, 0, 0);}
.modal.left.fade .modal-dialog{left: -320px;-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;-moz-transition: opacity 0.3s linear, left 0.3s ease-out;-o-transition: opacity 0.3s linear, left 0.3s ease-out;transition: opacity 0.3s linear, left 0.3s ease-out;}
.modal.left .modal-dialog{top:0;bottom:0;}
.modal.left.fade.in .modal-dialog{left: 0;}
.modal.right.fade .modal-dialog {right: -320px;-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;-moz-transition: opacity 0.3s linear, right 0.3s ease-out;-o-transition: opacity 0.3s linear, right 0.3s ease-out;transition: opacity 0.3s linear, right 0.3s ease-out;border-radius:0;overflow:hidden;}
.modal.right.fade.in .modal-dialog {right:0;}
.modal.center .modal-dialog, .modal.centerbot .modal-dialog {position: fixed;margin: auto;left:50%;width: 35%;top:30px;bottom:30px;-webkit-transform: translate3d(-50%, 0, 0);-ms-transform: translate3d(-50%, 0, 0);-o-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);z-index:99999 !important;}
.modal.centerbot .modal-dialog{width:100%;bottom:0;}
.inner-modal{position:absolute;overflow:hidden;left:0;right:0;top:10vh !important;bottom:0 !important;background:var(--bgwhite);}
.modalhead{position:absolute;left:0;top:0;right:0;height:10vh;background:linear-gradient(to right, var(--color1), var(--color2));padding:0 15px;}
.modalhead h1{font-family: 'Poppins-Medium', sans-serif!important;font-size:110%;margin:0 0;padding:0;line-height:1;font-weight:bold;color:var(--cwhite);text-transform:uppercase;text-shadow: 2px 2px 0px rgba(0,0,0,0.25);}
.close-modal{margin:0 0 0 auto;float:right;cursor:pointer;}
.close-modal svg{width:24px;height:auto;fill:var(--cwhite);}
.modalbot{position:absolute;left:0;right:0;bottom:0;background:var(--bggrey1);padding:7vh 15%;}
.modalbot-close{position:absolute;top:-20px;background:var(--bggrey1);width:40px;height:40px;border-radius:40px;left:50%;-webkit-transform: translate3d(-50%, 0, 0);-ms-transform: translate3d(-50%, 0, 0);-o-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);cursor:pointer;}
.modalbot-close svg{width:24px;height:auto;fill:var(--cdefault);}

.greenstyle{background:#ff0000;}
.bluestyle{background:#0000ff;}
.redstyle{background:#fff;}
.violastyle{background:#ff0000;}
.brownstyle{background:#0000ff;}
.orangestyle{background:#fff;}

.iconpanel, .menupanel{
 position: fixed;
 bottom:0;
 left: 0;
 height: 0;
 width: 100%;
 overflow: hidden;
background:rgba(0,0,0,0.55);
 z-index: 2500;
 transition: 0.5s;
 -webkit-transition: 0.5s;
 -moz-transition: 0.5s;
 -o-transition: 0.5s;
}
.iconpanel-inner, .menupanel-inner{position:absolute;left:0;right:0;bottom:0;height:70vh;background:var(--bggrey1);}
.panel-close{position:absolute;top:-20px;width:40px;height:40px;border-radius:50%;background:var(--bggrey1);z-index:10;left:50%;-webkit-transform: translate3d(-50%, 0, 0);-ms-transform: translate3d(-50%, 0, 0);-o-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);z-index:200;}
.panel-close svg{width:24px;height:auto;fill:var(--cdefault);}
.panel-padding{position:relative;padding:40px 15px 30px 20px;z-index:90;}
.menupanel-inner{height:70vh;}
.iconpanel-inner:before, .menupanel-inner:before{content:"";position:absolute;left:0;right:0;top:0;height:40px;z-index:100;background:linear-gradient(to top, transparent, var(--bggrey1) 80%);}

.svg-bottom-bg{position:fixed;bottom:0;left:0;right:0;height:70px;z-index:1999;background:linear-gradient(to top, var(--bgwhite) 40%, transparent);}
.svg-bottom{position:fixed;bottom:0;left:0;right:0;height:50px;z-index:2001;}
.svg-bottom:before, .svg-bottom:after{content:"";position:fixed;bottom:0;height:50px;z-index:2000;width:29%;background:var(--color2);}
.svg-bottom:before{left:0;background:var(--color2);}
.svg-bottom:after{right:0;background:var(--color2);}
.svg-bottom-graph{position:fixed;bottom:0;left:50%;-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);-o-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);}
.svg-bottom-graph svg{display:block;line-height:1;margin:0;padding:0;width:auto;height:50px;fill:var(--color2);}

.mobmenu{position:fixed;bottom:15px;width:50px;height:50px;border-radius:50%;background:var(--color2);left:50%;-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);-o-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);z-index:2002;}
.bottom-iconleft{position:fixed;left:25px;bottom:8px;z-index:2005;display:none;}
.bottom-iconright{position:fixed;right:25px;bottom:8px;z-index:2005;display:none;}
.bottom-iconleft svg, .bottom-iconright svg{width:auto;height:26px;fill:#fff;opacity:0.6;}
.mobmenu svg{width:24px;height:auto;fill:#fff;}
.svg-bottom-bg, .svg-bottom, .mobmenu{display:none !important;}

.mobilemenu-inner{padding:0 15px;}
.mobilemenu .dropdown-menu{position:relative!important;top:auto!important;bottom:auto!important;left:0;overflow:hidden;float:none;width:100%;margin:0 0 0!important;padding:0 15px 10px!important;border:none!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;}
.mobilemenu li:hover, .mobilemenu li.active, .mobilemenu li a:hover, .mobilemenu li a.active{background:transparent!important;}
.mobilemenu li, .mobilemenu .dropdown-menu li, .mobilemenu li a, .mobilemenu .dropdown-menu li a{margin:0!important;padding:0!important;font-size:17px!important;font-weight:bold;}
.mobilemenu li a{padding:3px 0!important;}
.mobilemenu .dropdown-menu li a{padding:2px 0!important;}
.mobilemenu .caret{margin-left:5px;opacity:.3;border-top:var(--cgrey3) 10px solid;border-right:6px solid transparent;border-left:6px solid transparent;margin-top:-2px;opacity:1;}
.mobilemenu .nav{margin:0!important;padding:0!important;}
.search-m{position:relative;overflow:hidden;height:40px;margin:0 0 15px;}
.search-m .form-control{width:100%;height:40px;margin:0!important;border-radius:7px;border:var(--brdgrey) 1px solid;}
.menu-col, .menu-col-center{position:relative;width:calc(33.33333333% - 10px);margin:0 5px 15px;text-align:center;border-radius:5px;overflow:hidden;}
.menu-col:before, .menu-col-center:before{content:"";position:absolute;left:0;top:0;border-left:var(--bgblack) 70px solid;border-bottom:transparent 70px solid;opacity:0.2;}
.menu-col-center{background:var(--orange);}
.menu-col p, .menu-col-center p{position:relative;font-size:95%;margin:0 0 15px;line-height:1.1;padding:0;font-weight:normal;color:var(--cgrey2);z-index:3;}
.menu-col svg, .menu-col-center svg{position:relative;width:auto;height:34px;fill:var(--cgrey2);margin:10px 0 0;z-index:3;}

.image-standar img{width:100%;height:auto;display:block;border-radius:10px;}
.village{background:linear-gradient(to right, #1482ac, #98a33e);}
.travel{background:linear-gradient(to right, #735fab, #cc4175);}
.gogreen{background:linear-gradient(to right, #00888e, #31af48);}
.vintage{background:linear-gradient(to right, #8e6658, #a37a2b);}
.sporty{background:linear-gradient(to right, #ac0000, #e77000);}
.bluesky{background:linear-gradient(to right, #005b9f, #0094b0);}

@-webkit-keyframes flip{0%,80%{transform:rotateY(360deg)}}@-moz-keyframes flip{0%,80%{transform:rotateY(360deg)}}@keyframes flip{0%,80%{transform:rotateY(360deg)}}@-ms-keyframes flip{0%,80%{transform:rotateY(360deg)}}@-o-keyframes flip{0%,80%{transform:rotateY(360deg)}}

@-webkit-keyframes rotate-animation{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@-moz-keyframes rotate-animation{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@-o-keyframes rotate-animation{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@-ms-keyframesrotate-animation{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@keyframes rotate-animation{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes slideInUp {
  0% {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
  }
  @keyframes slideInUp {
  0% {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
  }

@-webkit-keyframes textclip {
to {background-position: 200% center;}
}
@-moz-keyframes textclip {
to {background-position: 200% center;}
}
@keyframes textclip {
to {background-position: 200% center;}
}
@-ms-keyframes textclip {
to {background-position: 200% center;}
}
@-o-keyframes textclip {
to {background-position: 200% center;}
}


.shadow-box{border-radius:10px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.9);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.9);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.9);border:var(--brdgrey) 1px solid;}
.maphome{height:45vh;width:100%;border-radius:10px;}

@-moz-document url-prefix() { 
#style-3 {scrollbar-width: thin;} 
}
@keyframes geser{
0%{width:0;}
100%{width:100%;}
}

@keyframes touch{
0%{width:auto;}
100%{width:50px;}
}

.pemerintah-section .no-pem{display:none;}
.gal-section .no-gal{display:none;}


        .pre-loader {
            position: fixed;
            top: 0;
            left: 0;
			right:0;
			bottom:0;
			padding:0 15px;
            background:var(--cdark);
            display: flex;
            justify-content: center;
            align-items: center;text-align:center;
			z-index:999999!important;
        }
.pre-loader img{width:80px;height:auto;}
.pre-loader h1{font-size:100%;margin:20px auto 0;padding:0;line-height:1;font-weight:normal;color:var(--cwhite);text-transform:uppercase;}
        .pre-loader.hidden {
            animation: fadeOut 2s; /** change to 1s */
            animation-fill-mode: forwards;
        }

        @keyframes fadeOut {
            100% {
                opacity: 0;
                visibility: hidden;
            }
        }

.fulled{position:fixed;top:0;left:0;width:100%;height:100vh;overflow:hidden;border:none;outline:none;background:url(../../images/space.jpg) fixed no-repeat center;background-size:cover;}
.pusako-top{position:absolute;bottom:50%;left:0;right:0;text-align:center;padding:0 15px;margin-bottom:15vh;color:#bdbdbd;}
.pusako-top h1{font-size:120%;margin:0 0 10px;padding:0;line-height:1;text-transform:uppercase;}
.pusako-top h2, .pusako-bot h2{font-size:100%;margin:0;padding:0;line-height:1.2;font-weight:normal;}
.pusako-bot{position:absolute;top:50%;left:0;right:0;text-align:center;padding:0 15px;margin-top:15vh;color:#bdbdbd;}
.asap1{width:30vh;height:auto;position:absolute;bottom:-8px;left:0;animation:asap1 8s ease;animation-iteration-count:infinite;animation-timing-function:linear 8s}
.asap2{width:30vh;height:auto;position:absolute;bottom:5%;left:20px;animation:asap2 8s ease;animation-iteration-count:infinite;animation-timing-function:linear 1s}
.asap1 img,.asap2 img{display:block;width:100%}
.o-main{float:left}
.c-rocket{width:auto;transform:rotate(-45deg);position:absolute;bottom:0;left:5vh;width:25vh;animation:moverocket 8s ease;animation-iteration-count:infinite;animation-timing-function:linear 8s;}

@-webkit-keyframes asap1{0%{opacity:.2;bottom:-5px}7%{opacity:1;Transform:scale(1);bottom:-5px}100%{opacity:0;Transform:scale(.6);bottom:-20px;right:0}}
@-moz-keyframes asap1{0%{opacity:.2;bottom:-5px}7%{opacity:1;Transform:scale(1);bottom:-5px}100%{opacity:0;Transform:scale(.6);bottom:-20px;right:0}}
@keyframes asap1{0%{opacity:.2;bottom:-5px}7%{opacity:1;Transform:scale(1);bottom:-5px}100%{opacity:0;Transform:scale(.6);bottom:-20px;right:0}}
@-ms-keyframes asap1{0%{opacity:.2;bottom:-5px}7%{opacity:1;Transform:scale(1);bottom:-5px}100%{opacity:0;Transform:scale(.6);bottom:-20px;right:0}}
@-o-keyframes asap1{0%{opacity:.2;bottom:-5px}7%{opacity:1;Transform:scale(1);bottom:-5px}100%{opacity:0;Transform:scale(.6);bottom:-20px;right:0}}

@-webkit-keyframes asap2{0%{opacity:0}70%{opacity:.7}100%{opacity:0;Transform:scale(.3)}}
@-moz-keyframes asap2{0%{opacity:0}70%{opacity:.7}100%{opacity:0;Transform:scale(.3)}}
@keyframes asap2{0%{opacity:0}70%{opacity:.7}100%{opacity:0;Transform:scale(.3)}}
@-ms-keyframes asap2{0%{opacity:0}70%{opacity:.7}100%{opacity:0;Transform:scale(.3)}}
@-o-keyframes asap2{0%{opacity:0}70%{opacity:.7}100%{opacity:0;Transform:scale(.3)}}

@-webkit-keyframes moverocket{0%{bottom:0}10%{bottom:5%}100%{bottom:100%}}
@-moz-keyframes moverocket{0%{bottom:0}10%{bottom:5%}100%{bottom:100%}}
@keyframes moverocket{0%{bottom:0}10%{bottom:5%}100%{bottom:100%}}
@-ms-keyframes moverocket{0%{bottom:0}10%{bottom:5%}100%{bottom:100%}}
@-o-keyframes moverocket{0%{bottom:0}10%{bottom:5%}100%{bottom:100%}}		

.slideshow-video{margin-bottom:0!important;}

.mlr-min8{margin-left:-8px;margin-right:-8px;}
.youtube-gal{position:relative;overflow:hidden;padding:15px;border-radius:10px;background:linear-gradient(to right, var(--color1), var(--color2));}
.youtube-head{position:relative;width:calc(27% - 16px);margin:0 8px;background:rgba(0,0,0,0.35);border-radius:10px;}
.youtube-head svg{width:25%;height:auto;fill:#fff;opacity:0.5;}
.youtube-head h1{position:relative;font-family: 'Arial';font-size:220%;margin:0;padding:0;line-height:1;color:var(--yellow);font-weight:800;text-transform:uppercase;}
.youtube-head h2{position:relative;font-family: 'Poppins-Medium', sans-serif!important;font-size:150%;margin:0;padding:0;line-height:1;color:var(--cwhite);opacity:0.65;}
.youtube-inner{position:relative;width:calc(73% - 16px);margin:0 8px;}
.youtube-gal .carousel-cell{width:calc(50% - 5px);margin:0 5px;border-radius:10px;overflow:hidden;min-height: 100%;background:rgba(0,0,0,0.15);}
.youtube-gal .flickity-prev-next-button {position: absolute;top:50%;width: 35px;height: 35px;border:none;background-size:30% auto;border-radius:50%;background-color:rgba(0,0,0,0.5);background-position: center;background-repeat: no-repeat;cursor: pointer;z-index:10;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
.youtube-gal .flickity-prev-next-button.previous{left:5px;}
.youtube-gal .flickity-prev-next-button.next{right:5px;}

.statnav-item{position:relative;width:calc(33.33333333% - 10px);margin:0 5px;border:var(--brdgrey) 1px solid;background:var(--bggrey1);border-radius:5px;}
.statnav-item:hover{background:var(--bgwhite);}
.statnav i.fa{color:transparent;width:40px;height:40px;margin:0 10px 0 0;}
.statnav-title{padding:5px;border-radius:4px;}
.statnav-item a{color:var(--cdefault) !important;}
.statnav-item a:hover, .statnav-item a:focus{color:var(--cdark) !important;}
.statnav-title h2{font-size:100%;margin:0;padding:0;line-height:1.1;font-weight:bold;}
.statnav .dropdown-menu{position:absolute;top:100%;left:0;right:0!important;float:none;width:100%;margin:5px 0 0 !important;padding:0;border:var(--brdgrey) 1px solid !important;border-radius:0 0 5px 5px!important;z-index:1090!important;background:var(--bgwhite);box-shadow: none;}
.statnav .dropdown-menu h3{position:relative;font-size:100%;margin:0;padding:3px 0 3px 13px;line-height:1.1;font-weight:normal;}
.statnav .dropdown-menu h3:after{content:"";position:absolute;top:8px;left:0;width:8px;height:8px;border-radius:8px;background:var(--bggrey2);}

.galhome-head{position:relative;width:calc(25% - 10px)!important;background:rgba(0,0,0,0.35);border-radius:10px;padding:15px 0;margin:0 5px;}
.galhome-inner{position:relative;width:calc(75% - 10px)!important;margin:0 5px;}
.galhome-main{position:relative;width:calc(60% - 10px);margin:0 5px;}
.galhome-thumb{position:relative;width:calc(40% - 10px);margin:0 5px;}
.imagegal-big, .imagegal-thumb {width: 100%;display: block;position: relative;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;height:40vh;border-radius:10px;}
.galhome-thumb .carousel{margin-left:-5px;}
.galhome-main .flickity-prev-next-button{display:none;}
.galhome-thumb .carousel-cell{width:calc(25% - 5px);margin:0 3px;opacity:0.6;cursor:pointer}
.galhome-thumb .carousel-cell.is-selected, .galhome-thumb .carousel-cell:hover{opacity:1;}
.galhome-thumb .carousel-cell.is-selected{cursor:default;}
.open-gal{position:absolute;left:0;right:0;bottom:0;top:0;);z-index:2;}
.open-gal-inner{position:relative;background:rgba(0,0,0,0.55);padding:15px 15px 25px;border-radius:5px;}
.open-gal h2{font-size:120%;margin:0;padding:0;line-height:1.1;color:#fff;font-weight:normal;}
.open-gal-icon{position:absolute;left:50%;bottom:-15px;margin-left:-15px;width:30px;height:30px;border-radius:30px;background:var(--color1);}
.open-gal-icon svg{width:24px;height:auto;fill:#fff;opacity:0.6;}
.open-gal:hover .open-gal-icon{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform:scale(1.2);}
.open-gal:hover .open-gal-icon svg{opacity:1;}
.gal-cam{position:absolute;left:0;right:0;bottom:0;padding:0 0 15px;}
.gal-cam svg{width:28px;height:auto;fill:#fff;opacity:0.6;}
.galhome-thumb:hover .gal-cam svg{opacity:1;}

.analisis-pilihan{width:50%;}
.framefoto{margin:0 auto;padding:10px;background:var(--bggrey3);-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.55);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,.55);box-shadow:0 0 5px 0 rgba(0,0,0,.55)}
.inner-foto{border-top:10px solid rgba(0,0,0,.13);border-left:10px solid rgba(0,0,0,.1);border-right:10px solid rgba(0,0,0,.08);border-bottom:10px solid rgba(0,0,0,.05);box-shadow:-1px -1px 1px rgba(0,0,0,.3),1px 1px 2px rgba(255,255,255,1)}
.mat{position:relative;overflow:hidden;border-top:3px solid rgba(0,0,0,.3);border-left:3px solid rgba(0,0,0,.3);border-bottom:3px solid rgba(0,0,0,.1);border-right:3px solid rgba(0,0,0,.05);margin:auto;padding:0;background-color:var(--bggrey1)}
.title-subgallery{position:absolute;left:0;right:0;bottom:0;padding:30px 10px 10px;background:linear-gradient(to top, #000, transparent);text-align:center;}
.title-subgallery h3, .title-subgallery h2{font-size:100%;padding:0;margin:0;font-weight:500;line-height:1.1;color:var(--cgrey1);}
.title-subgallery h2{font-weight:bold;margin:0 0 5px;text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;text-transform:uppercase;line-height:1;}
.framefoto:hover .title-subgallery{padding:10px;top:0 !important;background:rgba(0,0,0,0.7);}
.framefoto:hover .title-subgallery h3{color:var(--cwhite);}

.filter-info{position:relative;padding:20px 10px;border-radius:5px;background:var(--cgrey1);text-align:center;}
.filter-info:after{content:"";position:absolute;bottom:-12px;left:50%;margin-left:-5px;border-top:var(--cgrey1) 13px solid;border-right:transparent 12px solid;border-left:transparent 12px solid;}
.filter-info p{font-size:95%;line-height:1.2;margin:0;padding:0;}
.filter-info img{display:block;width:25%;margin:0 auto 5px;height:auto;}
.desklapak{position:relative;overflow:hidden;font-size:90%;line-height:1.1;margin:0;padding:0;}
.lapakstyle .flickity-prev-next-button {position: absolute;top:50%;width: 30px;height: 30px;border:none;background-size:30% auto;border-radius:50%;background-color:rgba(0,0,0,0.5);background-position: center;background-repeat: no-repeat;cursor: pointer;z-index:10;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
.lapakstyle .flickity-prev-next-button.previous{left:10px;background-position: center;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.lapakstyle .flickity-prev-next-button.next{right:10px;background-position: center;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}

.sotk h4{font-size:100%!important;margin:0%!important;padding:0%!important;line-height:1.1!important;}
.sotk p{font-size:90%!important;margin:0%!important;padding:0%!important;line-height:1.1!important;}
#warna .dropdown-menu{left:auto;right:10px;padding:5px;min-width:150px;margin:5px 0 0;border:rgba(0,0,0,0.5) 1px solid;border-radius:5px;}
.color-col{position:relative;width:calc(33.33333333% - 10px);margin:3px 5px;}
.color-item{position:relative;overflow:hidden;padding:0;height:24px;border-radius:4px;}
.color-item p{font-size:90%;margin:0;padding:0;line-height:1;color:#fff;}
.corner-fixed{position:fixed;bottom:10px;right:10px;z-index:500;}
.corner-item{width:34px;height:34px;margin:5px 0 0;border-radius:4px;cursor:pointer;background:var(--color1);margin:5px 0 0;}
.corner-item svg{width:24px;height:auto;fill:#fff;}

.titleslide{position:absolute;left:0;bottom:0;right:0;padding:5% 20% 7%;background:linear-gradient(to top, #000, transparent);text-align:center;}
.titleslide h2{font-size:240%;margin:0;padding:0;line-height:1.1;color:var(--cwhite);}

.fade-gallery-slider {
	position:relative;
  width: 100%;
  max-width: 100%;
  height: 90vh;
  overflow: hidden;
}

.fade-gallery-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 90vh;
  opacity: 0;
  transition: opacity 1s ease-in-out;
  object-fit: cover;
  z-index: 0;
}
.fade-gallery-img.active {
  opacity: 1;
  z-index: 1;
}

.iconfitur-item .dropdown-menu{position:absolute;top:auto!important;bottom:100%!important;float:none;width:150px;text-align:left!important;margin:0 0 10px!important;padding:20px 15px!important;border:none!important;border-radius:5px!important;z-index:1090!important;background:var(--bgblack);box-shadow:none!important;left: 50%;-webkit-transform: translate3d(-50%, 0, 0);-moz-transform: translate3d(-50%, 0, 0);-ms-transform: translate3d(-50%, 0, 0);-o-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);}
.iconfitur-item .dropdown-menu:after{content:"";position:absolute;bottom:-7px;left: 50%;-webkit-transform: translate3d(-50%, 0, 0);-moz-transform: translate3d(-50%, 0, 0);-ms-transform: translate3d(-50%, 0, 0);-o-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);border-top:var(--bgblack) 10px solid;border-left:transparent 10px solid;border-right:transparent 10px solid;}
.iconfitur-item .dropdown-menu li, .iconfitur-item .dropdown-menu a{color:var(--cwhite)!important;}
.iconfitur-item .dropdown-menu li{position:relative;padding:0 0 0 15px!important;}
.iconfitur-item .dropdown-menu li:after{content:"";position:absolute;left:0;top:6px;width:8px;height:8px;border-radius:8px;background:var(--cgrey3);}
.captcha-change{font-size:90%;margin:0;auto 10px;padding:0;line-height:1;}
.captcha-change svg{width:auto;height:20px;fill:var(--color1);}
.homegroup .toback{display:none;}
.aparatur-mod .carousel-cell{width:20%;}
.aparatur-mod-box{position:relative;overflow:hidden;margin:0 10px;text-align:center;}
.image-aparatur-mod{width: 100%;display: block;position: relative;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;}
.image-aparatur-mod{height:40vh;border-radius:10px 10px 0 0;}
.aparatur-mod-title{position:relative;overflow:hidden;padding:10px 0;background:linear-gradient(to top, transparent, var(--bggrey2));}
.aparatur-mod-title h2, .aparatur-mod-title h3{font-size:100%;margin:0 10px;line-height:1.1;padding:0;font-weight:bold;}
.aparatur-mod-title h3{margin-top:10px;font-weight:normal;}
.aparatur-mod .flickity-prev-next-button {position: absolute;top:50%;width: 35px;height: 35px;border:none;background-size:30% auto;border-radius:50%;background-color:rgba(0,0,0,0.5);background-position: center;background-repeat: no-repeat;cursor: pointer;z-index:10;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
.aparatur-mod .flickity-prev-next-button.previous{left:0;}
.aparatur-mod .flickity-prev-next-button.next{right:0;}
.aparatur-mod .flickity-prev-next-button.previous{background-position: center;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.aparatur-mod .flickity-prev-next-button.next{background-position: center;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}