html {margin: 0;padding: 0;}
body{background-color:#fff; color:var(--cdefault); overflow-x:hidden !important;font-size:16px !important;margin: 0;padding: 0;font-family: 'Roboto-Regular', Arial !important;}
h1, h2, h3, h4{margin:0;padding:0;line-height:1.2;font-weight:bold;}
p{font-size:100%;line-height:1.2;margin:0;padding:0;}
a{text-decoration:none; color:var(--c1);}
a:hover{color:var(--c2); text-decoration:none !important;}
a:focus{outline:none; text-decoration:none !important ;color:var(--c2) !important;}
#regpusako{display:none;}
.printonly{display:none;}
.mob-v, .mobflex-v{display:none !important;}
.trans-h, .headline-cover:after{-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;}
.trans-w{-webkit-transition:width .10s cubic-bezier(0,0,.58,1);-moz-transition:width .10s cubic-bezier(0,0,.58,1);-o-transition:width .10s cubic-bezier(0,0,.58,1);-ms-transition:width .10s cubic-bezier(0,0,.58,1);transition:all .55s cubic-bezier(.645,.045,.355,1) 0s;}
.trans-def{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}
.relative{position:relative;}
.relhid{position:relative;overflow:hidden;}
.full-width{width:100%;}
.marginpage{margin-left:4%;margin-right:4%;}
.mobile-v{display:none;}
.dropdown-menu{font-size:100% !important;}
.home-middle .aparaturmid, .stickyside-left .aparaturmob{display:none;}
.homestyle .home-middle .aparaturmob{display:none;}
.forcat .aparaturmob{display:block;}
.colfle{display:flex;justify-content: space-between center;flex-flow: row wrap;}
.difle-c{display:flex !important;justify-content: center;align-items: center;}
.difle-l{display:flex !important;justify-content: left;align-items: center;}
.difle-r{display:flex !important;justify-content:right;align-items: center;}
.headtop{-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);z-index:1500;background:linear-gradient(to right, var(--bgwhite), var(--bggrey3));}
.headleft-bg{position:absolute;left:0;top:0;bottom:0;right:10px;background:rgba(0,0,0,0.2);border-radius:5px;display:none;}
.homestyle .headleft-bg{display:block;}
.headtitle img{height:13vh;width:auto;margin:0px 0px 15px 0px;}
.headtitle h1, .loading-pusako h1{font-family:"Arial" !important;font-size:200%;float:none;line-height:1;margin:0px 10px !important;padding:0px;font-weight:700;text-transform:uppercase;text-shadow:1px 1px 1px #616161,1px 2px 1px #616161,1px 3px 1px #616161,1px 4px 1px #616161,1px 6px 6px rgba(0,0,0,.4),1px 6px 10px rgba(0,0,0,.4),1px 6px 30px rgba(0,0,0,.4)}
.headtitle h2, .title-animate h2{font-family:"Arial" !important;font-size:200%!important;float:none;line-height:1;margin:0px 10px!important;padding:0px!important;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(--c2) 29%,var(--cwhite) 67%,var(--c1) 100%);opacity:0.4;}
.icon-title{padding:30px 10px 0;}
.iconsmall{width:auto;height:30px;border-radius:3px;border:rgba(255,255,255,0.5) 1px solid;padding:0 5px;margin:0 2px;cursor:pointer;}
.iconsmall:hover{background:rgba(0,0,0,0.3);}
.iconsmall svg{height:18px;width:18px;fill:rgba(255,255,255,0.5);}
.iconsmall p{font-size:80%;line-height:1;font-weight:500;margin:0 0 0 3px;padding:0px;color:rgba(255,255,255,0.5);}
.headtitle h3{font-size:120%;line-height:1.1;font-weight:500;margin:0 0 10px;padding:0px;color:var(--cwhite);}
.headtopleft{position:relative;float:left;height:8vh;z-index:10;padding:0 0 0 4%;}
.headtopleft:before{content:"";position:absolute;left:0;bottom:0;border-left:var(--bg2) 40px solid;border-top:transparent 40px solid;z-index:1;opacity:0.2;}
.headtopleft:after{content:"";position:absolute;left:-10px;top:0;border-top:var(--bggrey2) 50px solid;border-left:transparent 50px solid;border-right:transparent 45px solid;z-index:1;opacity:0.3;}
.headtopleft-bg{position:absolute;left:0;top:0;bottom:0;width:100%;z-index:2;overflow:hidden;}
.headtopleft-bg:before{content:"";position:absolute;left:0;bottom:0;border-left:var(--bg1) 50px solid;border-top:transparent 50px solid;opacity:0.2;}
.headtopleft-bg:after{content:"";position:absolute;left:0;top:0;border-left:var(--bg1) 65px solid;border-bottom:transparent 65px solid;opacity:0.1;}
.headtopleft:before, .headtopleft:after, .headtopleft-bg, .headtopleft-bg:before, .headtopleft-bg:after{-webkit-transition:width .5s cubic-bezier(0,0,.58,1);-moz-transition:width .5s cubic-bezier(0,0,.58,1);-o-transition:width .5s cubic-bezier(0,0,.58,1);-ms-transition:width .5s cubic-bezier(0,0,.58,1);transition:all .55s cubic-bezier(.645,.045,.355,1) 0s;}
.headtopright{margin:0px 4% 0px auto;height:var(--h8vh);float:right;}
.headtitle-small{position:relative;overflow:hidden;padding:0 0;z-index:10;}
.headtitle-small h2, .headtitle-small p{font-size:90%;line-height:1;font-weight:bold;margin:0px;padding:0px;color:var(--cdefault)}
.headtitle-small h2{font-family:"Arial" !important;letter-spacing:-1px;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(--cblack) 0%,var(--c2) 29%,var(--cblack) 67%,var(--c1) 100%);}
.headtitle-small img{width:auto;height:6vh;margin:0 5px 0 0;animation: mirrorflip 3s 0s linear infinite;}
.headtopright-icon{margin:0 0 0 15px;}
.headicon{width:4.8vh;height:4.8vh;border:var(--brdgrey) 1px solid;border-radius:4px;background:var(--bgwhite-trans4);margin:0 0 0 6px;cursor:pointer;}
.headicon img, .headicon svg{width:auto;height:2.5vh;}
.menucanvas{width:0;height:4.8vh;border-radius:4px;background:var(--bgwhite-trans4);cursor:pointer;overflow:hidden;border-radius:4px;border:none;}
.ifscroll .menucanvas{width:4.8vh;border:var(--brdgrey) 1px solid;margin:0 0 0 7px;}
.menucanvas img, .menucanvas svg{width:auto;height:3vh;fill:var(--c1)}
.changecolor-box{position:relative;width:calc(33.33333333% - 8px);margin:4px 4px;text-align:center;}
.changecolor-item{width:100%;height:30px;margin:0 0 3px;border-radius:3px;}
.changecolor-item p{font-size:11px;font-weight:500;margin:0;line-height:1;padding:0;text-transform:uppercase;color:var(--cwhite);}
.title-address p{font-size:95%;margin:10px 10px 0;padding:0;line-height:1.1;}
.topmenu{width:100%;margin:8vh auto 0;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;z-index:800!important;}

.withdot, a.withdot{position:relative;}
.withdot:after, a.withdot:after{content:"";position:absolute;left:15px;top:10px;width:8px;height:8px;border-radius:8px;background:var(--bgwhite-trans4);opacity:0.4;}
a.withdot:after{left:10px;background:var(--bg2);}
.dropdown-menu li, .dropdown-menu a{border:none!important;}

.menuweb .nav.navbar-nav{background:var(--bgdark) !important;width:100%;padding:5px 4%!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 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:7px 0!important;margin:0 20px 0 0!important;line-height:1.1!important;color:var(--cgrey1);text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;border-bottom:transparent 1px solid;}
.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;color:var(--cgrey1)!important;}
.menuweb .dropdown-menu li a:hover{background:var(--bgdark)!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;}

.topmenu .caret{margin-left:5px;opacity:.5;border-top:8px solid;border-right:6px solid transparent;border-left:6px solid transparent;}
.slideshow{height:58vh;position:relative;overflow:hidden;border-radius:5px;}
.slideshow:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;-webkit-box-shadow: inset 0px 0px 7px 3px rgba(0,0,0,0.4);-moz-box-shadow: inset 0px 0px 7px 3px rgba(0,0,0,0.4);box-shadow: inset 0px 0px 7px 3px rgba(0,0,0,0.4);z-index:1;}
.headgraph{overflow:hidden;height:58vh;z-index:2;left:-20px !important;width:auto;right:60%!important;}
.headgraph svg{width:auto;height:100%;}
.graph1-a, .graph1-b, .graph1-c{position:absolute;left:0;top:-10px;bottom:-10px;}
.graph1-a svg{fill:var(--bg1);}
.graph1-b svg{fill:var(--bg1soft);}
.graph1-b svg{filter: drop-shadow(3px 0px 3px rgba(0,0,0,0.45));}
.graph1-c svg{filter: drop-shadow(-2px 0px 3px rgba(0,0,0,0.2));}
.graph1-c svg{fill:rgba(0,0,0,0.3);}
.row-pemb .headgraph{position:absolute;top:0;height:35vh;left:0 !important;right:-5px !important;transform: scaleX(-1);filter: FlipH;-ms-filter: "FlipH";}
.row-pemb .graph1-a svg, .row-pemb .graph1-b svg{fill:var(--bgwhite);}
.row-pemb .graph1-a, .row-pemb .graph1-b, .row-pemb .graph1-c{top:-35%;}
.row-pemb .graph1-b svg{filter: drop-shadow(0 0 0 transparent);}
.row-pemb .graph1-c svg{filter: drop-shadow(0 0 0 transparent);}
.bg-anim{position:absolute;left:0;top:0;z-index:10;}
.bgcircle{position: absolute;border-radius: 50%;animation: ripple 15s infinite;left:50%;}
.small{width: 20vh;height: 20vh;margin-left:-10vh;top: -3.5vh;background:var(--bgwhite);}
.medium{width: 24vh;height:24vh;margin-left:-12vh;top: -5.5vh;border:var(--brdwhite) 1px solid;}
.large{width:70vh;height: 70vh;margin-left:-35vh;top: -28vh;background: var(--bgwhite);
background: -moz-radial-gradient(circle, var(--bgwhite) 0%, transparent 65%);
background: -webkit-radial-gradient(circle, var(--bgwhite)) 0%, transparent 65%);
background: radial-gradient(circle, var(--bgwhite) 0%, transparent 65%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--bgwhite)",endColorstr="transparent",GradientType=1);}
.shade1{opacity:0.15}.shade2{opacity:0.2}.shade3{opacity:0.5}
@keyframes ripple{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}
.runtext{margin-top:15px;}
.runtext-content{position:relative;overflow:hidden;height:40px;background:var(--bggrey3);border-radius:5px 5px 0 0;padding:0 0 0 5px;border:var(--brdgrey) 1px solid;}
.runtext-head{position:absolute;left:4px;top:4px;bottom:4px;float:left;background:var(--bgdark);border-radius:4px 0 0 0;padding:0 10px;z-index:2;margin:0;font-size:95%;color:var(--cgrey1);}
.runtext-head:after{content:"";position:absolute;right:-10px;top:0;border-left:var(--bgdark) 10px solid;border-top:transparent 15px solid;border-bottom:transparent 15px solid;}
.runtext-head svg{width:auto;height:22px;fill:#ffb800;-webkit-transform:rotate(-15deg);-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-o-transform:rotate(-15deg);transform:rotate(-15deg);}
.runtext marquee{position:relative;overflow:hidden;height:40px;line-height:40px;padding:0;margin:0;font-size:100%;font-weight:500;}
.run-isi{position:relative;padding:0 0 0 20px ;margin:0 0 0 10px;}
.run-isi:after{content:"";position:absolute;left:0;top:7px;width:10px;height:10px;border-radius:10px;background:var(--bggrey2);}
.run-isi:nth-child(1):after{display:none;}
.video-item, .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);border-radius:5px;}
.galmain{position:relative;width:75%;border-radius:7px;overflow:hidden;background:var(--bggrey1);}
.galnav{position:relative;width:calc(25% - 10px);margin:0 0 0 10px;overflow:hidden;border-radius:7px;}
.carousel {background:transparent;position:relative;}
.galmain .carousel, .galnav .carousel{border-radius:7px;overflow:hidden;z-index:5;}
.galnav .carousel{margin:0 -5px;}
.carousel-item {width: 100%;counter-increment: gallery-cell;}
.c-nav .carousel-item, .c-navwidget .carousel-item{width:33.33333333%;}
.lembaga .carousel-item {width:16.66666667%;}
.aparaturmob .midaparatur .carousel-item {width:33.33333333%;}
.iconmob .carousel-item {width:33.33333333%;}
.ytnav .carousel-item, .cnav-image .carousel-item {width:33.33333333%;}
.gmain .carousel-item {width:100%;cursor:pointer;}
.gnav .carousel-item {width:50%;padding:0 5px;cursor:pointer;background:var(--bgwhite);}
.cnav-image .carousel-item, .cmain-image .carousel-item{cursor:pointer;}
.lapak .carousel-item {width:25%;display: flex;align-items: stretch;min-height: 100%;padding-bottom:40px;cursor:default;}
.c-navmap .carousel-item {width:50%;cursor:pointer;}

.c-navmap{z-index:10;background:linear-gradient(to right, var(--bgdark), var(--bg1) 20%, var(--bg1) 80%, var(--bgdark));}
.flickity-enabled {position: relative;}
.flickity-enabled:focus { outline: none;}
.galeri-isi .carousel-item.is-selected{}
.flickity-viewport {position: relative;height: 100%;}
.aparatur .flickity-viewport, .c-mainmap .flickity-viewport, .lembaga .flickity-viewport, .lapak .flickity-viewport, .youtube .flickity-viewport, .image-box .flickity-viewport, .galeri-isi .flickity-viewport, .lapakpage .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-size: 50% auto;background-position: center;background-repeat: no-repeat;cursor: pointer;}
.whead-body .flickity-prev-next-button {top:0;background-color:var(--bgdark);width: 25px;height:50px;background-size: 8px auto;}
.youtube .flickity-prev-next-button, .cnav-image .flickity-prev-next-button, .lapakpage .flickity-prev-next-button{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);}
.lapakpage .flickity-prev-next-button{width: 25px;height:25px;background-size: 30% auto;border-radius:25px;background-color:rgba(0,0,0,0.6);}
.wcontent-body .flickity-prev-next-button, .ytmain .flickity-prev-next-button, .fullslide .flickity-prev-next-button{display:none;}
.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");z-index:2;}

.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");z-index:2;}
.galhome-title{position:absolute;left:0;bottom:0;right:0;padding:50px 7px 7px;background:linear-gradient(to top, var(--bgblack), transparent);}
.galnav .image-galhome:after{content:"";position:absolute;left:0;bottom:0;right:0;top:0;background:rgba(0,0,0,0.5);}
.galhome-title svg{height:5vh;fill:var(--cwhite);margin:0 5px 0 0;opacity:0.6;}
.galnav .galhome-title svg{margin:0 auto;}
.galhome-title p{font-size:95%;margin:0;padding:0;line-height:1.1;color:var(--cwhite);}
.galnav:before, .galnav:after{content:"";position:absolute;top:0;bottom:0;width:calc(50% - 5px);background:var(--bggrey1);border-radius:7px;}
.galnav:before{left:0;}
.galnav:after{right:0;}
.lapakpage .flickity-prev-next-button.previous{left:5px;}
.lapakpage .flickity-prev-next-button.next {right:5px;}
.whead-body .flickity-prev-next-button.previous{left:0;}
.whead-body .flickity-prev-next-button.next {right:0;}
.youtube .flickity-prev-next-button{background-color:var(--bgdark);border-radius:100%;background-size:30% auto;}
.youtube .flickity-prev-next-button.previous{left:-3px;}
.youtube .flickity-prev-next-button.next {right:-3px;}
.cnav-image .flickity-prev-next-button{background-color:rgba(0,0,0,0.2);border-radius:100%;background-size:30% auto;}
.cnav-image .flickity-prev-next-button.previous{left:5px;}
.cnav-image .flickity-prev-next-button.next {right:5px;}
.nopagin .flickity-prev-next-button{display:none;}
.lembaga-container .flickity-prev-next-button, .lapak .flickity-prev-next-button{background-color:rgba(0,0,0,0.2);background-size:30%;top:-45px;width:26px;height:26px;border-radius:3px;}
.lembaga-container .flickity-prev-next-button.previous, .lapak .flickity-prev-next-button.previous{right:35px;left:auto;}
.lembaga-container .flickity-prev-next-button.next, .lapak .flickity-prev-next-button.next{right:5px;left:auto;}
.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;}
.stickyside-left .aparatur .flickity-prev-next-button, .cmain-image .flickity-prev-next-button{display:none;}
.c-main{margin-top:5px;position:relative;overflow:hidden;border:var(--brdgrey) 5px solid;background:var(--bggrad-top1);}
.c-nav{position:relative;overflow:hidden;border:var(--brdgrey) 5px solid;border-top:none;border-radius:0 0 4px 4px;}
.c-nav .carousel-item.is-selected .aparatur-thumb:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:var(--bgblack-trans2);}
.c-navmap .carousel-item.is-selected .maphead-title{background:var(--bg2);color:var(--cwhite);text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;margin:20px 0 0;}
.c-navmap .carousel-item.is-selected .maphead-title:after{content:"";position:absolute;left:50%;bottom:-17px;border-top:var(--bg2) 10px solid;border-left:transparent 10px solid;border-right:transparent 10px solid;-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);}
.c-navmap .carousel-item.is-selected .maphead-title svg{fill:var(--cwhite);opacity:0.6;filter: drop-shadow(2px 2px 2px rgb(0,0,0,0.2));}
.c-navwidget .carousel-item.is-selected .whead-item{color:var(--cwhite);opacity:1;}
.c-navwidget{position:relative;overflow:hidden;border-radius:5px 5px 0 0;}
.c-navwidget .carousel-item.is-selected .whead-item:after{content:"";position:absolute;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);border-bottom:var(--cwhite) 7px solid;border-left:transparent 8px solid;border-right:transparent 8px solid;}
.lapak-desc{position:relative;overflow:hidden;padding:5px;background:var(--bgwhite);border-top:var(--brdgrey) 1px solid;}
.lapak-desc p{font-size:90%;margin:0;padding:0;line-height:1.1;}
.lapak-desc h3{font-size:90%;margin:5px 0 0;padding:0;line-height:1.1;font-weight:normal;}


.colscroll{width:100%;float:left;overflow-y: scroll;height:100%;cursor:default;}
.colscroll::-webkit-scrollbar-track{background-color:transparent;}
.colscroll::-webkit-scrollbar{width: 8px;background-color:transparent;}
.colscroll::-webkit-scrollbar-thumb{background-color:var(--bggrey2);}

@-moz-document url-prefix() { 
.colscroll {scrollbar-width: thin;} 
.colscroll{scrollbar-color: var(--bggrey2) transparent;}
}

.bggrad-tb .colscroll::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.15);}
.colscroll-padding{padding:10px 10px 50px 15px;}
.brd-5{border-radius:5px;}
.plr-15{padding-left:15px;padding-right:15px;}
.plr-10{padding-left:10px;padding-right:10px;}
.pt-15{padding-top:15px;}
.pb-15{padding-bottom:15px;}
.p-15{padding:15px;}
.p-5{padding:5px;}
.p-10{padding:10px;}
.ptb-5{padding-top:5px;padding-bottom:5px;}
.mt-15{margin-top:15px !important;}
.mb-5{margin-bottom:5px;}
.mb-15{margin-bottom:15px !important;}
.mb-10{margin-bottom:10px;}
.mb-30{margin-bottom:30px;}
.mb-60{margin-bottom:60px;}
.mlr-5{margin-left:5px;margin-right:5px;}
.mlr-min-3{margin-left:-3px;margin-right:-3px;}
.mlr-min-4{margin-left:-4px;margin-right:-4px;}
.mlr-min-5{margin-left:-5px;margin-right:-5px;}
.mlr-min-7{margin-left:-7px;margin-right:-7px;}
.column3{position:relative;width:calc(33.33333333% - 6px);margin:5px 3px 0;}
.duos .column3{position:relative;width:calc(50% - 10px);margin:5px;border:var(--brdgrey) 1px solid;display:grid;box-sizing: border-box;border-radius:4px;overflow:hidden;}
.docpemb .column3{width:calc(33.33333333% - 10px);margin:5px;border:var(--brdgrey) 1px solid;display:grid;box-sizing: border-box;border-radius:4px;overflow:hidden;}
.anggaran-container .column3{width:calc(33.33333333% - 10px);margin:5px;}
.news .column3{border:var(--brdgrey) 1px solid;display:grid;box-sizing: border-box;border-radius:4px;overflow:hidden;}
.news .column3:nth-child(1), .news .column3:nth-child(2), .news .column3:nth-child(3){border-radius:0 0 4px 4px;}
.news .column3:nth-child(1) .imagenews, .news .column3:nth-child(2) .imagenews, .news .column3:nth-child(3) .imagenews{border-radius:0;}
.colbottom{position:relative;width:calc(50% - 14px);margin:0 7px;border-radius:5px;overflow:hidden;}
.colbottom-left{border:var(--brdgrey) 1px solid;}
.column2{position:relative;width:calc(50% - 10px);margin:5px;border-radius:4px;border:var(--brdgrey) 1px solid;padding:5px;}
.non-brd-pd .column2{border:none;padding:0;}
.pemerintah .column3{width:calc(33.33333333% - 14px);border:none;padding:0;margin:7px;}
.col-pemb-image{position:relative;width:50%;overflow:hidden;}
.col-pemb-title{position:relative;width:50%;overflow:hidden;background:linear-gradient(to right, var(--bgwhite), transparent);display:grid;box-sizing: border-box;}
.headmodule {overflow:hidden;border-radius:4px 4px 0 0;}
.wcontent-body .headmodule {border-radius:0;}
.headmodule h1{font-size:120%;text-transform:uppercase;padding:0;margin:0 0 0 20px;line-height:1;color:var(--cwhite);text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent}
.headmodule-icon{position:relative;width:42px;height:42px;border-right:rgba(0,0,0,0.2) 5px solid;}
.headmodule-icon svg{width:auto;height:24px;fill:var(--cwhite);margin:0 0 0 5px;}
.headmodule-icon:before{content:"";position:absolute;right:-25px;top:0;border-left:rgba(0,0,0,0.2) 20px solid;border-bottom:transparent 42px solid;}
.headmodule-icon:after{content:"";position:absolute;right:-10px;top:0;border-left:var(--bg2) 10px solid;border-top:transparent 21px solid;border-bottom:transparent 21px solid;}
.headmodule-right{position:absolute;right:0;top:0;height:32px;padding:0 10px 0 20%;background:linear-gradient(to right, transparent, rgba(255,255,255,0.4));margin:5px 5px 0 0;border-radius:0 4px 0 0;}
.headmodule-right svg{width:auto;height:22px;fill:var(--cwhite);margin:0 3px 0 0;}
.headmodule-right p{margin:0;padding:0;line-height:1.1;font-size:80%;color:var(--cwhite);}
.headmodule-right-item{margin:0 0 0 10px;}
#kategori .dropdown-menu{position:absolute;top:100%;left:auto;right:-15px!important;float:none;width:200px;margin:15px 0 0 !important;padding:10px;border-radius:none;border:none!important;border-radius:0 0 5px 5px!important;margin-top:1.1vh;z-index:1090!important;background:var(--bgwhite);box-shadow:rgba(0,0,0,1) 0 20px 30px -10px!important}
#changecolor2 .dropdown-menu{position:absolute;bottom:100%;top:auto;left:50%;right:auto!important;float:none;width:200px;margin:15px 0 0 !important;padding:10px;border-radius:none;border:none!important;border-radius:5px 5px 0 0 !important;margin-top:0;margin-bottom:1px;z-index:1090!important;background:var(--bgwhite);-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);-webkit-box-shadow: 0px -8px 33px 1px rgba(0,0,0,0.75);-moz-box-shadow: 0px -8px 33px 1px rgba(0,0,0,0.75);box-shadow: 0px -8px 33px 1px rgba(0,0,0,0.75);}
.headarrow{position:relative;overflow:hidden;margin:0 0 10px;padding:0 0 0 20px;line-height:1.1;}
.headarrow h1{margin:0;padding:0;line-height:1;font-size:100%;font-weight:bold;text-transform:uppercase;color:var(--cdark);}
.headarrow h2{margin:0;padding:0;line-height:1.1;font-size:100%;font-weight:bold;}
.headarrow:after{content:"";position:absolute;top:3px;left:0;border-top:var(--cgrey2) 13px solid;border-left:transparent 8px solid;border-right:transparent 8px solid;}
.catlist li, .catlist ul{list-style:none;padding:0;margin:0;}
.single-link{position:relative;margin:10px 0;padding:0 0 0 10px;line-height:1.2;font-size:100%;font-weight:bold;}
.single-link:after{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:var(--bggrey2);}
.single-link:hover{padding:0 0 0 15px;}
.single-link:hover:after{content:"";position:absolute;top:0;left:0;width:0;border-left:var(--brdgrey) 10px solid;border-top:transparent 8px solid;border-bottom:transparent 8px solid;background:transparent;}
.subsingle-link{margin:4px 0 4px 20px;padding:0;line-height:1.2;font-size:100%;}
.camerabg{position:absolute;left:0;top:0;right:0;bottom:0;}
.aparatur-box, .aparatur-thumb, .headline-image-inner, .imagenews, .imageother-small, .lembaga-box, .lapak-image, .video-box, .video-nav, .ytmain-vid, .newsrow-image, .image-article, .image-medium, .small-photo, .midaparatur-image, .fullslider-body, .image-fullslider, .image-galhome{width: 100%;display: block;position: relative;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;}
.aparatur-box{height:42vh;background:var(--bggrad-top1);}
.pemerintah .aparatur-box{height:48vh;}
.aparatur-thumb{height:70px;background:var(--bggrad-top1);}
.headline-image-inner{height:28vh;}
.imagenews{height:25vh;border-radius:4px 4px 0 0;}
.duos .imagenews{height:30vh;border-radius:4px;}
.lapak-image{height:20vh;border-radius:4px;}
.lapakpage .lapak-image{height:30vh;border-radius:0;}
.video-box{padding-bottom: 56.25%;border-radius:5px;}
.image-fullslider{height:calc(86vh - 10px);}
.fullslider-body{margin-top:14vh;height:86vh;}
.image-galhome{height:35vh;border-radius:7px;}
.lembaga-box{height:30vh;background:var(--bggrey3);border-radius:4px;-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.4);-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.4);box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.4);}
.imageother-small{width:50px;height:40px;margin:0 2px 5px;border:var(--brdgrey) 2px solid;overflow:hidden;}
.imagecrop img, .imagefull img{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);}
.imagecrop img{z-index:1;}
.imagefull-h img{display:block;width:100%;height:140%;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);}
.imagecrop img{z-index:1;}
.logo-no-image img{display:block;width:15%;height:auto;position: absolute;top: 50%;left: 50%;margin:0 auto;-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);}
.c-nav .carousel-item .imagecrop img{opacity:0.5;}
.c-nav .carousel-item.is-selected .imagecrop img{opacity:1;}
.leader-single{display:none;}
.leader-single:nth-child(2){border:var(--brdgrey) 5px solid;background:var(--bgblack);display:block!important;}
.title-bottom{z-index:2;text-align:center;padding:30px 10px 10px;background:linear-gradient(to top, var(--bgblack), transparent);}
.title-bottom h2, .title-bottom h3{font-size:100%;margin:0;padding:0;line-height:1.2;font-weight:500;}
.headline{border:var(--brdgrey) 1px solid;border-radius:4px;}
.headline-head{position:relative;width:15%;display:grid;box-sizing: border-box;}
.headline-image{position:relative;width:35%;}
.headline-title{position:relative;width:50%;}
.headline-title a{color:var(--cdefault);}
.headline-title a:hover{color:var(--bgdark);}
.headline-head svg{width:100%;height:auto;}
.headline-title-inner h2{font-size:100%;margin:-3px 0 0;padding:0;line-height:1.1;font-weight:bold;}
.headline-title-inner p{font-size:90%;margin:5px 0 0;padding:0;line-height:1.1;font-weight:500;}
.headline-svg{margin:0 auto;width:80%;}
.headline-posting{position:relative;width:60px;border-right:var(--yellow) 2px solid;text-align:center;}
.headline-posting h3{font-size:90%;margin:3px 10px 0 0;padding:0;line-height:1.1;font-weight:500;}
.headline-title-inner{position:relative;width:calc(100% - 70px);margin:0 0 0 10px;}
.headline-date{height:40px;text-align:center;font-size:100%;font-weight:bold;margin:0 10px 0 0;padding:0;line-height:1;background:var(--bggrey4);color:var(--cgrey1);border-radius:4px;}
.headline-cover{position:absolute;left:0;top:0;right:0;height:0;overflow:hidden;}
.headline-cover:after{content:"";background:var(--bggrad-top2);opacity:0.6;position:absolute;left:0;top:0;height:0;right:0;overflow:hidden;}
.hovcontent:hover .headline-cover, .hovcontent:hover .headline-cover:after{height:100%;}
.newsbox{background:var(--bggrey3);padding:5px;}
.news-posting{margin:5px 0 0;}
.news-date{width:auto;padding:0 10px;height:32px;background:var(--bg1);margin:0 5px 0 0;line-height:1;font-size:90%;font-weight:bold;color:var(--cwhite);}
.duos .news-date{padding:0;height:40px;width:50px;margin:0 5px 0;border-radius:4px;}
.news-posting p{margin:0;padding:0;line-height:1;font-size:90%;}
.duos .news-posting p{margin:5px 0 0;}
.news-info{border-top:var(--brdgrey) 1px solid;padding:5px 15px;align-self: end;border-radius:0 0 4px 4px;}
.news h2, .duos h2{font-size:100%;padding:0;margin:5px 0 5px;line-height:1.1;font-weight:bold;}
.duos-left{position:relative;width:calc(100% - 65px);}
.duos-right{position:relative;width:60px;margin:0 0 0 5px;z-index:2;background:rgba(0,0,0,0.1);text-align:center;border-radius:4px;}
.newarticle-meta-cont{margin:5px 0 5px;}
.newarticle-meta{margin:2px 15px 2px 0;}
.newarticle-meta svg{width:auto;height:18px;margin:0 3px 0 0;opacity:0.4;}
.newarticle-meta h3{font-size:90%;margin:0;padding:0;line-height:1.2;font-weight:500;}
.link-content{position:absolute;left:0;right:0;text-align:center;top:50%;z-index:2;-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);}
.link-content-icon{width:40px;height:0;margin:0 3px;background:rgba(0,0,0,0.4);border-radius:4px;overflow:hidden;}
.link-content-icon svg{width:auto;height:24px;fill:var(--cgrey1);opacity:0.7;}
.link-content-icon:hover svg{opacity:1;}
.hovcontent:hover .link-content-icon{height:40px;}
.otherimage-home {background:linear-gradient(to top, var(--bgblack), transparent);padding:30px 0 0;overflow:hidden;}
.hovcontent:hover .otherimage-home, .hovcontent:hover .otherimage-home .imageother-small{opacity:0;}
.newslink{position:absolute;left:0;bottom:0;right:0;height:0;overflow:hidden;z-index:3;}
.newslink:after{content:"";position:absolute;left:0;bottom:0;right:0;height:100%;background:linear-gradient(to top, var(--bgdark) 70%, rgba(0,0,0,0.6));overflow:hidden;}
.hovcontent:hover .newslink{height:100%;}
.newslink-intro{top:100px;font-size:90%;margin:0 20px;padding:0;line-height:1.1;color:var(--cgrey1);z-index:4;}
.newslink-intro a, .newslink-intro a:hover, .newslink-intro a:focus{color:var(--cwhite) !important}
.newslink-top{position:relative;overflow:hidden;height:100px;font-size:80%;margin:0;padding:0;line-height:1.1;color:var(--cgrey2);text-align:center;z-index:4;}
.newslink-bg{position:absolute;left:0;top:0;right:0;height:30%;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;}
.stickyside-top{top: var(--h8vh);}
.stickyside-left{border-right:var(--brdgrey) 1px solid;}
.stickybox{border:var(--brdgrey) 1px solid;border-top:none;background:var(--bgwhite);}
.stickyside-right {background:var(--bggrad-top1);z-index:10;}
.pagestickyside{border-left:var(--brdgrey) 1px solid;}
.icon-cont{position:relative;overflow:hidden;cursor:pointer;text-align:center;margin:6px auto;}
.icon-cont img{width:0;text-align:center;overflow:hidden;width:26px;margin:0 11px;}
.galeri-head{width:25%;margin:0;padding:5px 0;position:relative;border-radius:5px;text-align:center;background:var(--bgdark);}
.galeri-head h2{color:var(--cwhite);font-size:100%;margin:0 0 0;padding:0;line-height:1;font-weight:bold;text-transform:uppercase;text-shadow:-1px -1px 0 rgba(0,0,0,0.2), 1px -1px 0 rgba(0,0,0,0.2), -1px 1px 0 rgba(0,0,0,0.2), 1px 1px 0 rgba(0,0,0,0.2);}
.galeri-head h1{font-family:"Arial" !important;color:var(--cwhite);font-size:200%;margin:0;padding:0;line-height:1;font-weight:800;text-transform:uppercase;opacity:0.4;letter-spacing:-2px;}
.galeri-head svg{width:40%;height:auto;margin:5px 0;fill:var(--cwhite);opacity:0.4;}
.youtube .galeri-head svg{width:50%;margin:10px 0 0;}
.galeri-head p{color:var(--cwhite);font-size:90%;margin:0 10% 0;padding:5px 10px;line-height:1;font-weight:500;border:var(--brdgrey) 1px solid;}
.galeri-head a{color:var(--cwhite);opacity:0.6;}
.galeri-head a:hover{opacity:1;}
.galeri-isi, .youtube-isi{width:75%;position:relative;}
.galeri-isi-margin{margin:0 0 0 10px;}
.galeri-image{position:absolute;top:0;left:0;bottom:0;right:0;}
.credit{position:absolute;bottom:20px;left:20px;color:inherit}
.options{display:flex;flex-direction:row;align-items:stretch;overflow:hidden;min-width:100%;max-width:100%;width:calc(100% - 100px);height:35vh}
.options .option{position:relative;overflow:hidden;min-width:60px;margin:0 0 0 5px;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 5px;border-radius:5px;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:5px}
.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:5px}
.options .option:not(.active) .label .info>div{left:20px;opacity:0}
.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:var(--bgwhite-trans4);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 .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.2;white-space: normal;word-wrap: break-word;}
.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);}
.statistik{border:var(--brdgrey) 1px solid;border-radius:5px;}
.head-population{width:100%;text-align:center;border-bottom:var(--brdgrey) 1px solid;padding:10px 0;background:linear-gradient(to right, var(--bggrey3), var(--bgwhite), var(--bggrey3));}
.head-population h1{font-family:"Arial" !important;font-size:200%;font-weight:800;margin:0 0 0 5px;line-height:1;padding:0;text-transform:uppercase;letter-spacing:-2px;}
.head-population span{font-family:"Arial" !important;font-size:200%;font-weight:800;margin:0;line-height:1;padding:0;text-transform:uppercase;letter-spacing:-2px;animation:flip 3s infinite;animation-delay:calc(.2s * var(--i))}
.statleft{position:relative;width:60%;margin:0;display:grid;box-sizing: border-box;overflow:hidden;}
.statright{position:relative;width:calc(40% - 20px);margin:0 0 0 20px;}
.total-detail p:nth-child(1), .total-detail p:nth-child(2){display:none;}
.gender-box{position:relative;width:20vh;height:20vh;margin:0 5px;}
.gender{position:relative;width:20vh;height:20vh;margin:0;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%;}
.gender-box:nth-child(2){float:right;margin:0 0 0 auto;}
.gender-box:nth-child(1) .gender:before{background-image: conic-gradient(var(--blue) 50%, var(--bggrey3) 0);}
.gender-box:nth-child(2) .gender:before{background-image: conic-gradient(var(--pink) 50%, var(--bggrey3) 0);}
.gender-icon{width:5vh;height:5vh;margin:0 auto 2px;}
.gender-box:nth-child(1) .gender-icon, .gender-box:nth-child(2) .gender-icon{background-size:100% auto;}
.gender-box:nth-child(3), .gender-box:nth-child(4){display:none;}
.gender-inner{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:18vh;height:18vh;background:var(--bgwhite);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 p{font-size:90%;line-height:1;font-weight:500;letter-spacing:-1px;}
.gender-inner h2{font-size:120%;line-height:1;}
.total-populasi p, .total-populasi2 p{font-size:90%;line-height:1;font-weight:500;margin:0 10px;}
.total-populasi h2, .total-populasi2 h2{font-size:150%;line-height:1;margin:3px 10px;}
.total-populasi2 h2, .total-populasi2 p{font-size:95%;}
.gender-inner img{width:auto;height:5vh;margin:-7px 0 3px;}
.gender-inner svg{width:auto;height:6vh;margin:-10px 0 -7px;}
.male .gender-inner svg{fill:var(--blue);}
.female .gender-inner svg{fill:var(--pink);}
.total-populasi{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 40vh);text-align:center;}
.statright-content{width:100%;margin:0 0 0 auto;}
.statright-content .icon-item{width:calc(100% - 5px);height:auto;}
@-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)}}
.home-chart{height:25vh;}
.statgraph .highcharts-root {max-width:calc(100% - 5px) !important;margin:0 auto !important;}
.statgraph .highcharts-background, .statgraph .widget-height .highcharts-background{fill: transparent;stroke:transparent;}
.statgraph .highcharts-title {text-transform: uppercase !important;font-size:120% !important;letter-spacing:5px;font-weight:bold;font-family:"Arial" !important;}
.statgraph .highcharts-grid path {stroke: var(--brdgrey);stroke-dasharray: 1 1;}
.statgraph .highcharts-xaxis path {stroke: var(--brdgrey);stroke-width: 1px;}
.statgraph .highcharts-yaxis path {stroke: var(--brdgrey);stroke-width:1px;}
.statgraph .highcharts-contextbutton {display:none;}
.statgraph .highcharts-color-1 {fill: #CDABEB;stroke: transparent;}
.statgraph .highcharts-color-2 {fill: #B9E357;stroke: transparent;}
.statgraph .highcharts-color-0 {fill: #23C0D3;stroke: transparent;}
.statgraph{position:relative;overflow:hidden;align-self: end;}
.icon-item p{line-height:1.1;font-size:95%;}
.icon-item{margin:5px 0;border:var(--brdgrey) 1px solid;background:linear-gradient(to right, var(--bggrey3), var(--bgwhite));border-radius:4px;cursor:pointer;color:var(--cdefault)}
.icon-item:hover{background:var(--bgwhite);color:var(--c1)}
.icon-stat{position:relative;width:34px;height:34px;margin:5px 10px 5px 5px;border-radius:4px;overflow:hidden;}
.icon-stat:after{content:"";position:absolute;left:-5px;top:-5px;width:34px;height:34px;background:rgba(255,255,255,0.2);border-radius:0 0 100% 0;}
.icon-stat svg{width:20px;height:auto;fill:var(--cwhite);}
.icon-item:hover .icon-stat{background:var(--bggrey4);}
.emandiri{border-radius:5px;}
.emandiri-cont{position:relative;overflow:hidden;background:var(--bgwhite);border:var(--brdgrey) 1px solid;padding:8px;border-radius:5px;}
.emandiri .form-control{display:block;font-size:15px !important;width:100%;position:relative;height:36px;padding:0 10px;font-size:15px !important;color:var(--cdefault);line-height:36px;background-color:rgba(255,255,255,0.5) !important;background-image:none;margin:5px auto !important;border:var(--brdgrey) 1px solid;border-radius:4px}
.emandiri .form-control:focus, .emandiri .form-control.active{color: var(--cdefault);box-shadow:none;background-color:var(--bgwhite) !important;font-size:15px !important;}
.emandiri .form-control::-moz-placeholder {color: var(--cdefault);}
.emandiri .form-control:-ms-input-placeholder {color: var(--cdefault);}
.emandiri .form-control::-webkit-input-placeholder {color: var(--cdefault);}
.emandiri input{font-size:15px !important;}
.emandiri-submit{border:none;border-radius:4px;outline:none;margin:0;padding:0 10px;line-height:1;font-size:90%;color:var(--cwhite);font-weight:500;background:var(--bg1);height:36px;}
.emandiri-submit svg{width:auto;height:18px;fill:var(--cwhite);margin:0 5px 0 0;}
.emandiriflex{position:relative;width:100%;overflow:hidden;}
.emandiriflex-left{position:relative;width:25%;height:20vh;}
.emandiriflex-right{height:20vh;}
.emandiriflex-right img{width:auto;height:12vh;margin:0 5px 0 0;}
.emandiriflex-right h1{font-size:120%;margin:0 25% 0 0;padding:0;line-height:1.1;font-weight:bold;}
.emandiriflex-right h2{font-size:90%;margin:0 25% 0 0;padding:0;line-height:1.1;font-weight:500;}
.emandiri-cartoon{width:35%;position:relative;text-align:center;}
.emandiri-login{width:30%;position:relative;}
.emandiri-info{width:35%;position:relative;}
.emandiri-info-inner{position:absolute;bottom:0;left:10%;right:0;height:50px;}
.emandiri-info p{font-size:95%;margin:0;padding:0;line-height:1.1;font-weight:500;}
.emandiri-info img{width:auto;height:34px;margin:0 0 0 0;}
.emandiri-cartoon img{width:100%;height:auto;margin:0 auto;}
.emandiri-cartoon-inner{display:block;width:70%;position: absolute;bottom: -8px;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);}
.emandiri-backg{position:absolute;top:0;left:0;right:0;bottom:10vh;background:var(--bggrey3);overflow:hidden;}
.emandiri-backg img{display:block;width:100%;height:auto;position: absolute;bottom: 0;left: 50%;margin:0 auto;object-fit: cover;-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);}
.emandiri-backg:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background: var(--bgwhite);
background: -moz-radial-gradient(circle, var(--bgwhite) 20%, transparent 90%);
background: -webkit-radial-gradient(circle, var(--bgwhite) 20%, transparent 90%);
background: radial-gradient(circle, var(--bgwhite) 20%, transparent 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--bgwhite)",endColorstr="transparent",GradientType=1);}
.emandiribottom{position:relative;z-index:2;}
.stage{height:auto;width:100%;margin:auto;position:absolute;top:5px;right:0;bottom:0;left:0;perspective:9999px;transform-style:preserve-3d;z-index:2}
.layer{width:100%;height:100%;position:absolute;transform-style:preserve-3d;animation:ayun 5s infinite alternate ease-in-out -7.5s;animation-fill-mode:forwards;transform:rotateY(40deg) rotateX(33deg) translateZ(0)}
.layer:after{font-size:280%;content:"layanan\a  mandiri";white-space:pre;text-align:center;font-weight:700;height:100%;width:100%;position:absolute;top:0;line-height:1.2;color:whitesmoke;letter-spacing:-.5px;text-shadow:4px 0 10px rgba(0,0,0,.25)}
.layer:nth-child(1):after{transform:translateZ(0)}.layer:nth-child(2):after{transform:translateZ(-1.5px)}.layer:nth-child(3):after{transform:translateZ(-3px)}.layer:nth-child(4):after{transform:translateZ(-4.5px)}.layer:nth-child(5):after{transform:translateZ(-6px)}.layer:nth-child(6):after{transform:translateZ(-7.5px)}.layer:nth-child(7):after{transform:translateZ(-9px)}.layer:nth-child(8):after{transform:translateZ(-10.5px)}.layer:nth-child(9):after{transform:translateZ(-12px)}.layer:nth-child(10):after{transform:translateZ(-13.5px)}.layer:nth-child(11):after{transform:translateZ(-15px)}.layer:nth-child(12):after{transform:translateZ(-16.5px)}.layer:nth-child(13):after{transform:translateZ(-18px)}.layer:nth-child(14):after{transform:translateZ(-19.5px)}.layer:nth-child(15):after{transform:translateZ(-21px)}.layer:nth-child(16):after{transform:translateZ(-22.5px)}.layer:nth-child(17):after{transform:translateZ(-24px)}.layer:nth-child(18):after{transform:translateZ(-25.5px)}.layer:nth-child(19):after{transform:translateZ(-27px)}.layer:nth-child(20):after{transform:translateZ(-28.5px)}.layer:nth-child(n+10):after{-webkit-text-stroke:3px rgba(0,0,0,.25)}
.layer:nth-child(n+11):after{-webkit-text-stroke:13px var(--c2)}
.layer:nth-child(n+12):after{-webkit-text-stroke:13px var(--bgdark)}
.layer:last-child:after{-webkit-text-stroke:17px rgba(0,0,0,.1)}
.layer:first-child:after{color:#fff;text-shadow:none}
.cslider{max-width:100%;grid-template-columns:50% 50%;position:relative;display:grid;border:var(--brdgrey) 1px solid;border-radius:5px;background:linear-gradient(to right, var(--bggrey3), var(--bgwhite), var(--bggrey3));}
.cslider .slides{overflow-y:auto;max-height:370px;scrollbar-width:none;}
.cslider .slides::-webkit-scrollbar{display:none}
.cslider .slides .cslide{height:100%;overflow:hidden;border:transparent 10px solid;border-left:none}.cslider .slides .cslide:nth-child(even){background-color:transparent}
.cv-carousel{display:block;height:360px;z-index:1;}
.cv-carousel.cv-grab{cursor:move;cursor:grab}
.cv-carousel .cv-stage-outer{position:relative;overflow:hidden;height:100%;-webkit-transform:translate3d(0,0,0)}.cv-carousel .cv-stage{transition:all 0.25s ease;position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}
.cv-carousel,.cv-carousel .cv-item2{-webkit-tap-highlight-color:transparent;position:relative}.cv-carousel .cv-item2,.cv-carousel .cv-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.cv-carousel .cv-item2{min-height:1px;padding:0;line-height:1;width:100%;position:relative;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
.cv-carousel.cv-drag .cv-item2{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cv-carousel.cv-drag .cv-item2 .item2{height:100%}
.cv-nav{float:left;clear:left;position:relative;top:50%;transform:translateY(-50%)}
.cv-nav .cv-prev,.cv-nav .cv-next{margin:5px;width:30px;height:30px;cursor:pointer}
.cv-nav .cv-prev{background-color: var(--bg2);background-repeat:no-repeat;background-position:center;background-size:70% auto;background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M13,20H11V8L5.5,13.5L4.08,12.08L12,4.16L19.92,12.08L18.5,13.5L13,8V20Z'/%3E%3C/svg%3E" );}
.cv-nav .cv-next{background-color: var(--bg1);background-repeat:no-repeat;background-position:center;background-size:70% auto;background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M11,4H13V16L18.5,10.5L19.92,11.92L12,19.84L4.08,11.92L5.5,10.5L11,16V4Z'/%3E%3C/svg%3E" );}
.slide_navigation{padding:5px 5px;}
.w-head{position:absolute;top:0;left:0;right:0;bottom:0;padding:0 10px;margin:5px;border:var(--brdgrey) 1px solid;background: var(--bgwhite-trans4);border-radius:4px;}
.w-head h2{font-size:95%;padding:0;margin:0;font-weight:bold;text-transform:uppercase;line-height:1;}
.w-head p{font-size:95%;padding:0;margin:0;font-weight:500;}
.w-head-icon{width:38px;height:38px;margin:0 5px 0 0;border:var(--brdgrey) 1px solid;background: var(--bgwhite);}
.w-head svg{width:24px;height:auto;fill:var(--c2);}
.item2 a .w-head {color: var(--cdark);}
.item2 a:focus .w-head {background: var(--bgwhite);}
.item2 a:hover .w-head {background: var(--bgwhite);}
.cv-carousel .cv-item2 h3{font-size:15px;padding:0;margin:0;font-weight:bold;line-height:1.2;}
.slick_slider,.cycle-slideshow{display:block;position:relative;overflow:hidden;width:35%;margin:0 auto!important}
.row-small{margin:5px 5px 5px 10px;padding:0 0 5px;border-bottom:var(--brdgrey) 1px solid;}
.row-small-image{width:30%;float:left;position:relative;overflow:hidden;height:14vh;}
.row-small-title{width:70%;float:right;padding:10px 0;}
.box-content-small{height:45vh;border:none;background: var(--bgwhite-trans4);border-radius:0 0 4px 4px;}
.widget-height{height:45vh;border:var(--brdgrey) 1px solid;border-top:none;background: var(--bgwhite-trans4);border-radius:0 0 4px 4px;}
.row-small-title p{font-size:100%;margin:0 0 0 10px !important;padding:0;line-height:1.1;color:var(--cblack)}
.row-small-title a{color:var(--cblack)}
.row-small:hover .row-small-title p{color:var(--c1);}
.tabshead{margin:15px 0 5px;}
.tabshead svg{width:auto;height:24px;fill:var(--cgrey2);margin:0 3px 0 0;}
.tabshead h1{font-size:100%;margin:0;padding:0;line-height:1.1;color:var(--cblack);}
.tablemedium td, .tablemedium th{font-size:95%;height:auto;line-height:1.1;margin:0;}
.tablemedium td{padding:8px 5px;border:var(--brdgrey) 1px solid;vertical-align:top;}
.tablemedium th{padding:10px 5px !important;border:var(--brdgrey) 1px solid;background:rgba(0,0,0,0.1);}
.table-light td, .table-light th{color:var(--cgrey1);border-color:rgba(0,0,0,0.3) !important;}
.agenda-table td{padding:0;height:auto;font-size:100%;margin:2px 0;line-height:1.1;vertical-align:top;}
.agenda-table svg{width:30px;height:auto;fill:var(--bg1);}
.icon-agenda{width:35px;text-align:left;}
.agenda-table p{margin:4px 0 0;}
.identitas-table td{padding:5px 0;height:auto;font-size:95%;margin:0;line-height:1.1;vertical-align:top;border-top:var(--brdgrey) 1px solid;}
.agenda{padding:0 0 7px!important;}
.agenda-jadwal{position:relative;float:left;width:50px;text-align:center;margin:0 5px 0 0;}
.agenda-jadwal h1, .hari-ini h1{display:block;padding:9px 10px;font-size:100%;font-weight:bold;margin:0;line-height:1;}
.hari-ini1{position:relative;left:0;top:0;right:0;background:var(--bg1);}
.hari-ini2{position:absolute;left:0;top:0;right:0;}
.agenda-jadwal h1{color:#fff;}
.agenda-jadwal h3{font-size:95%;font-weight:500;display:block;padding:5px 5px;margin:0;line-height:1;background:var(--bggrey3);color:var(--cdefault)}
.agenda-title{position:relative;overflow:hidden;}
.agenda-title h2{display:block;padding:0;font-size:95%;font-weight:bold;margin:0 0 2px;line-height:1.2;color:var(--cdefault)}
.agenda-title p, .widget-social p{display:block;padding:0;font-size:95%;font-weight:500;margin:0;line-height:1.1;color:var(--cgrey1)}
.widget-social p{margin:0 0 20px;}
.agenda-title td{font-size:95%;vertical-align:top;padding:0;margin:0;line-height:1.1;}
.sinergi-col{position:relative;width:calc(33.33333333% - 10px);margin:10px 5px;text-align:center;}
.sinergi-col img{width:auto;max-width:100%;height:12vh;margin:0 0 5px;}
.sinergi-col p{display:block;padding:0;font-size:95%;font-weight:500;margin:0;line-height:1.1;color:var(--cdefault)}
.comment{padding:5px 10px;}
.comment-buble{width:42px;min-width:42px;height:auto;float:left;margin:0 5px 0 0;}
.comment-buble img{width:100%;}
.comment h2{font-size:100%;margin:0 0 3px;padding:0;line-height:1.2;font-weight:bold;}
.comment h3, .comment p{font-size:95%;margin:0;padding:0;line-height:1.2;font-weight:500;}
.comment h3{margin:0 0 3px;}
.comment p{color:var(--cdefault)}
.comment-text{margin:0 0 0;}
.widget-social{text-align:center;}
.widget-social svg{fill:var(--cgrey1);width:auto;height:38px;margin:0 3px;border-radius:100%;border:var(--cgrey1) 1px solid;padding:7px;}
.widget-social svg:hover{background:rgba(0,0,0,0.2);}
.maphead{position:relative;height:50px;font-size:100%;margin:0;padding:0;line-height:1;text-transform:uppercase;font-weight:bold;color:var(--cgrey2);}
.maphead-title {height:44px;padding:0 15px 0 10px;border-radius:4px;}
.maphome-height{height:calc(45vh + 46px);border-radius:0 0 5px 5px;}
.maphead-title svg{width:auto;height:30px;margin:0 3px 0 0;fill:var(--cgrey2);}
.anggaran-bottom{background:var(--bggrey3);padding:15px 0;}
.anggaran-container{background:var(--bgwhite);padding:5px 10px;border:var(--brdgrey) 1px solid;border-top:none;border-radius:0 0 5px 5px;}
.anggaran-box{position:relative;overflow:hidden;height:305px;border:var(--brdgrey) 1px solid;border-radius:5px;}
.anggaran-row{position:relative;overflow:hidden;padding:5px 0;}
.anggaran-row h3{font-size:90%;margin:0 0 5px;padding:0;line-height:1;font-weight:bold;text-transform:uppercase;}
.anggaran-progress{position:relative;width:13vh;}
.anggaran-detail{position:relative;width:calc(100% - 13vh);background:linear-gradient(to right, var(--bggrey3), transparent);border-radius:5px 0 0 5px;}
.wrap-circles{display:flex;justify-content:center;align-items:center;border-radius:50%;margin:0 0 0 auto!important;float:right;}
.circle{position:relative;width:13vh;height:13vh;margin:0;border-radius:50%;overflow:hidden;}
.circle .inner{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:11vh;height:11vh;background:var(--bggrey3);border-radius:50%;font-size:90%;font-weight:700;border:var(--cwhite) 2px solid;box-shadow:inset 4px 4px 6px -1px rgba(0,0,0,.1),inset -4px -4px 6px -1px rgba(0,0,0,.2),.5px .5px 0 rgba(0,0,0,.15),0 12px 10px -10px rgba(0,0,0,.05);z-index:2;}
.footer-container{position:relative;overflow:hidden;width:100%;display:grid;box-sizing: border-box;}
.footer-container:before{content:"";position:absolute;left:0;top:0;bottom:0;width:50%;background:var(--bg1);z-index:1;}
.footer-container:after{content:"";position:absolute;right:0;top:0;bottom:0;width:50%;background:var(--bg2);z-index:1;}
.footer-left, .footer-right{position:relative;overflow:hidden;width:35%;padding:50px 0;color:var(--cgrey1);z-index:4;}
.footer-left a, .footer-right a{color:var(--cgrey1);}
.footer-center{position:relative;overflow:hidden;width:30%;}
.footer-bg{position:absolute;top:0;bottom:-1px;width:40%;left:50% !important;-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:2;}
.footer-image{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;}
.footer-bg:before{content:"";position:absolute;left:-2px;top:0;bottom:0;right:-2px;background:linear-gradient(to right, var(--bg1), transparent);z-index:1;}
.footer-bg:after{content:"";position:absolute;left:-2px;top:0;bottom:0;right:-2px;background:linear-gradient(to right, transparent, var(--bg2));z-index:1;}
.footer-container h3, .footer-container h2{font-size:90%;margin:0;padding:0;line-height:1.1;font-weight:bold;text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent}
.footer-container h2{font-size:110%;margin:0 0 0;line-height:1;text-transform:uppercase;}
.footer-container p, .copyright p{font-size:90%;margin:0;padding:0;line-height:1.1;font-weight:500;}
.footer-left img{width:50px;height:auto;margin:0 6px 0 0;}
.footer-left p{margin:10px 0 0 55px;}
.footer-right-inner{margin:0 0 0 auto;float:right;}
.footer-right svg{width:28px;height:auto;background:rgba(0,0,0,0.1);padding:4px;fill:var(--cgrey1);border-radius:3px;}
.contact-foot{margin:5px 10px 5px 0;}
.copyright{position:relative;overflow:hidden;padding:15px 0;text-align:center;background:var(--bgdark);color:var(--cgrey1);}
.copyright a{color:var(--cgrey1)}
.supported{position:relative;overflow:hidden;align-self: end;text-align:center;z-index:4;}
.support{padding:0 10px 0;border-radius:4px 4px 0 0;background:var(--bgdark);}
.support1 img {width:auto;height:32px;margin:0 5px;}
.support2 img {width:auto;height:16px;margin:5px 5px;}
#flip {height:40px;overflow:hidden;line-height:40px;}
#flip > div > div {padding:0;margin:0;height:40px;display:inline-block;line-height:40px;}
#flip div:first-child {animation: show 5s linear infinite;}
.visitor-bottom{background:var(--bggrey3);border:var(--brdgrey) 1px solid;border-top:none;border-radius:0 0 5px 5px;margin:0;padding:0 15px;font-size:95%;line-height:1.1;height:40px;}
.visitor-bottom-right{margin:0 0 0 auto;float:right;text-align:right;}
.visitor-info{margin:0 10px 0 0;font-weight:bold;}
.console-container{font-size:95%;display:block;line-height:1.1;padding:0;margin:0;font-weight:bold;color:var(--cdark)}
.console-underscore{display:inline-block;color:var(--yellow);font-weight:bold;width:2px;}
.filtering .form-control{height:36px;line-height:36px;}
.knobwhite{padding:0 10px;font-weight:normal;line-height:1.1;border-radius: 4px;outline:none !important;border:none !important;color:var(--cwhite);cursor:pointer;}
.knobwhite p, .btcustom p{font-size:90%;margin:0;padding:0;line-height:1.1;font-weight:normal;color:var(--cwhite);}
.btcustom:hover p,.btcustom:focus p, .btcustom a{color:var(--cwhite) !important;}
.btcustom{padding:0 10px;margin:0;font-weight:400;line-height:1.1;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border-radius:4px;outline:none;box-shadow:none}
.btcustom:focus,.btcustom:active:focus,.btcustom.active:focus,.btcustom.focus,.btcustom:active.focus,.btcustom.active.focus{outline:none;outline-offset:-2px}
.btcustom:hover,.btcustom:focus,.btcustom.focus{text-decoration:none}
.bttall{width:auto;height:36px;}
.btmid{width:30px;height:30px;}
.btmid-def{width:auto;height:30px;}
.btsmall{width:24px;height:24px;}
.btsmall-def{width:auto;height:24px;}
.btmid svg, .btmid-def svg{width:auto;height:20px !important;fill:var(--bgwhite);}
.bttall svg{width:auto;height:26px;fill:var(--bgwhite);}
.btsmall svg, .btsmall-def svg{width:auto;height:16px;fill:var(--bgwhite);}
.btcircle{border-radius:100% !important;padding:0 !important;}
.tooltip2, .tooltiptop{position:relative;display:inline-block}
.tooltip2 .tooltip2text{visibility:hidden;background-color:#000;color:#fff;border-radius:3px;padding:10px 15px;position:absolute;z-index:1;top:50%;right:100%;font-size:80%;min-width:120px;line-height:1.1;margin:0 6px 0 0;-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)}
.tooltipbot .tooltip2 .tooltip2text{visibility:hidden;background-color:#000;color:#fff;text-align:center;font-size:80%;border-radius:3px;padding:10px 15px;position:absolute;z-index:1;top:100%;left:50% !important;min-width:100px;margin:1.2vh 0 0;-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)}
.tooltip2 .tooltip2text:after{content:"";position:absolute;left:100%;border-left:#000 6px solid;border-top:transparent 6px solid;border-bottom:transparent 6px solid;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);}
.tooltipbot .tooltip2 .tooltip2text:after{left:50%;border-left:transparent 6px solid;border-right:transparent 6px solid;border-top:none;border-bottom:#000 6px solid;top:-6px;-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)}
.tooltip2:hover .tooltip2text {visibility: visible;z-index:999;}
.tooltiptop .tooltip2text{visibility:hidden;background-color:#000;color:#fff;text-align:center;font-size:80%;border-radius:3px;padding:10px 15px;position:absolute;z-index:1;top:auto;bottom:100%;left:50% !important;min-width:130px;margin:0 0 8px;-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)}
.tooltiptop .tooltip2text:after{content:"";position:absolute;left:50%;border-top:#000 6px solid;border-left:transparent 6px solid;border-right:transparent 6px solid;top:100%;margin-top:5px;margin-left:-3px;}
#changecolor .dropdown-menu{position:absolute;top:100%;left:auto;right:-10px!important;float:none;width:200px;margin:0;padding:10px;border-radius:none;border:none!important;border-radius:0 0 5px 5px!important;margin-top:1.5vh;z-index:1090!important;background:var(--bgwhite);box-shadow:rgba(0,0,0,1) 0 20px 30px -10px!important}
#changecolor .dropdown-menu:after{content:"";position:absolute;right:19px;top:-8px;border-bottom:var(--brdwhite) 9px solid;border-left:transparent 7px solid;border-right:transparent 7px solid;}
#tanggal, #waktu{font-size:95%;line-height:1;margin:0 10px 0 0;padding:0;}
.searched{position:relative;}
.inner-modal .searched{margin:5px 0 0;}
.searching{position:absolute;right:0;top:0;bottom:0;width:30px;background:transparent;border:none !important;outline:none !important;}
.searching svg{width:auto;height:2.5vh;fill:var(--cgrey4);}
.form-control{width:100%;padding:0 10px;font-size:90%!important;line-height:1.1;color:var(--cgrey4);background-color:transparent;border:1px solid var(--brdgrey);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;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:none;-o-transition:none;transition:none}
.form-left .form-control{height:35px;line-height:35px;margin:0 0 5px;}
.pengaduan .form-control{height:36px;line-height:36px;}
.textarea, .textarea:focus{border: 1px solid var(--brdgrey);outline:none;box-shadow:none;min-height:80px;}
.searched .form-control{height:4.8vh;line-height:1.1;padding:0 40px 0 10px;color:var(--cgrey4);width:150px;background-color:var(--bgwhite-trans4);-webkit-box-shadow:none;box-shadow:none;-webkit-transition:none;-o-transition:none;transition:none}
.inner-modal .form-control, .inner-modal  .form-control:focus {width:100% !important;min-width:100% !important;overflow:hidden;}
.form-control:focus{border-color:var(--brdgrey);background:var(--bgwhite);outline:0;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;-webkit-box-shadow:none;box-shadow:none}
.searched .form-control:focus {width:200px;}
.form-control::-moz-placeholder {color: var(--cgrey4);}
.form-control:-ms-input-placeholder {color: var(--cgrey4);}
.form-control::-webkit-input-placeholder {color:var(--cgrey4);}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:transparent}
.boxprime{position:relative;overflow:hidden;border-radius:5px;background:var(--bgwhite);padding:10px;border:var(--brdgrey) 1px solid;}
.deftable-noborder td, .deftable-dotborder td{font-size:100%;padding:4px 0;vertical-align:top;line-height:1.1;height:auto;}
.deftable-dotborder td{border-bottom:var(--brdgrey) 1px dotted;padding:7px 0;}
.deftable-dotborder tr:last-child td{border:none;}
.lapakpage .deftable-dotborder td{border:none;}
.slides .deftable-dotborder td, .slides .deftable-dotborder th, .wcontent-body .deftable-dotborder td, .wcontent-body .deftable-dotborder th{color:var(--cgrey1);border-bottom:rgba(0,0,0,0.3) 1px solid !important;}
.tablesmall td{font-size:90%;padding:1px 0;vertical-align:top;line-height:1.1;height:auto;}
.headpanel a{display:block;position:relative;font-weight:700;width:100%;margin:15px 0 0;color:}
.headpanel a::after{content:"";border:solid var(--cgrey4);border-width:0 2px 2px 0;display:inline-block;padding:5px;position:absolute;right:10px!important;top:3px;float:right;transform:rotate(45deg)}
.headpanel a[aria-expanded=true]::after{transform:rotate(-135deg);top:10px}
.jadwalshalat .headpanel a {margin:0 0 0 10px;font-weight:500;}
.panelopen{border-top:var(--brdgrey) 1px solid;padding:5px 0;margin:0 0 0;}
.jadwalshalat-inner{border:var(--brdgrey) 1px solid;overflow:hidden;border-radius:5px;}
.jadwalshalat-left{position:relative;width:70%;height:80px;padding:0 10px;}
.jadwalshalat-left-icon1{position:relative;width:60px;height:60px;background:var(--bggrey3);margin:0 10px 0 0;border-radius:4px;z-index:2;}
.jadwalshalat-left-icon2{position:absolute;left:0;top:0;bottom:0;right:0;}
.jadwalshalat-left-icon1 svg, .jadwalshalat-left-icon2 svg{width:auto;height:50px;margin-top:-5px;fill:var(--cgrey2);}
.jadwalshalat-left-icon2 svg{fill:var(--c1);margin-top:12px;}
.jadwalshalat-right{position:relative;width:30%;text-align:center;border-left:var(--brdgrey) 1px solid;}
.jadwalshalat-left h2, .jadwalshalat-left h3{position:relative;font-size:100%;font-weight:bold;margin:0;line-height: 1.2;padding:0;}
.jadwalshalat-left h3, .jadwalshalat-left span{font-weight:500;}
.scroller{height:40px;line-height:40px;position:relative;overflow:hidden;width:100%;border-bottom:var(--brdgrey) 1px solid}
.scroller p{position:absolute;height:40px;font-size:100%;color:var(--color2);line-height:40px;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:-40px}30%{top:-80px}45%{top:-120px}60%{top:-160px}75%{top:-200px}}
.jadwalshalat-full-title{position:relative;overflow:hidden;width:30%;float:right;height:40px;margin-top:-40px;text-align:left;font-size:95%;}
.jadwalshalat .panelopen{padding:5px 10px;}
.shalat-col{position:relative;width:calc(16.66666667% - 10px);margin:5px;text-align:center;border-radius:4px;overflow:hidden;}
.shalat-box{background:var(--bggrey3);height:60px;}
.shalat-box span{font-weight:bold;}
.shalat-icon{height:42px;}
.shalat-icon svg{width:auto;height:30px;fill:var(--cwhite);}
.covid-container{position:relative;overflow:hidden;border:var(--brdgrey) 1px solid;padding:10px;background-color:var(--bggrey3);border-radius:5px;}
.covidtitle{position:relative;width:calc(25% - 8px);margin:0 4px;background:var(--c1);text-align:center;border-radius:4px;}
.covidtitle h3{position:relative;z-index:1;font-size:110%;margin:0;padding:0;line-height:1.2;font-weight:500;color:var(--cwhite);text-shadow:2px 1px 3px #000;-webkit-text-stroke:1px transparent}
.covidtitle h2{position:relative;z-index:1;font-size:140%;margin:5px 0 0;padding:0;line-height:1;font-weight:bold;color:var(--cwhite);text-shadow:2px 1px 3px #000;-webkit-text-stroke:1px transparent}
.coviddata{position:relative;width:calc(75% - 8px);margin:0 4px;}
.covid-item{position:relative;width:calc(14.28% - 8px);margin:0 4px;background-color:var(--bgwhite);border-radius:4px;overflow:hidden;}
.head-covid{padding:0 5px;height:44px;background:var(--c2);text-align:center;}
.head-covid p{font-size:90%;margin:0;padding:0;line-height:1.2;color:var(--cwhite);}
.covid-inner{text-align:center;padding:8px 5px 10px;}
.covid-inner h2{font-size:120%;margin:0 0 2px;padding:0;line-height:1;font-weight:bold;}
.covid-inner p{font-size:90%;margin:0;padding:0;line-height:1.2;font-weight:500;}
.virus{position:absolute;left:0;top:0;right:0;bottom:0;text-align:center;opacity:0.3;}
.virus img{width:auto;height:90%;}
.bannerevent-box{position:relative;overflow:hidden;background: var(--c2);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-size:150%;font-weight:bold;margin:5px 0;line-height:1.1;padding:0;color:#ffe57e;text-shadow: 3px 2px 5px #000;-webkit-text-stroke: 1px transparent;}
.arabic h1{font-family: 'arabic', Times New Roman !important;font-size:170%;}
.banner-title p, .banner-title h2{font-size:110%;font-weight:500;margin:0 0 5px;line-height:1.1;padding:0;color:var(--cwhite);text-shadow: 3px 2px 5px #000;-webkit-text-stroke: 1px transparent;}
.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;}
.countdown-box{background:var(--bggrey3);border:var(--brdgrey) 1px solid;padding:10px 10px;border-radius:5px;}
.countdown-time{margin:0 5px;}
.countdown-title{margin:0 0 0 15px;text-align:center;}
.countdown-title h2{font-family:"Arial" !important;font-size:120%;font-weight:800;margin:0;line-height:1;padding:0;color:var(--c1);text-transform:uppercase;letter-spacing:-1px;}
.hexagon-wrapper{margin:0 -1px;display:flex;text-align:initial;width:80px;height:80px;}
.hexagon{position:relative;width:46%;height:80%;margin:auto;background:linear-gradient(-180deg,var(--cwhite),var(--cgrey2));display:flex;align-content:center;justify-content:center;transition:0.5s;z-index:2;}
.hexagon:before,.hexagon:after{position:absolute;content:"";background:inherit;height:100%;width:100%;border-radius:0;transition:0.5s;transform-origin:center}
.hexagon:before{transform:rotateZ(60deg)}
.hexagon:after{transform:rotateZ(-60deg)}
.hexagon svg{width:auto;height:4vh;z-index:1;}
.hexagon-absolute{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;text-align:center;}
.hexagon-absolute span{font-weight:bold;}
.hexagon-absolute p{font-size:75%;font-weight:500;margin:0;line-height: 1;padding:0;text-transform:uppercase;}
.lembaga-inner{margin:0 5px;text-align:center;}
.lembaga-container{border:var(--brdgrey) 1px solid;padding:10px 5px;}
.lembaga-inner h2, .lembaga-inner p{font-size:90%;font-weight:500;margin:0;line-height: 1.1;padding:0;}
.lembaga-inner h2{margin:5px 0 3px;font-weight:bold;}
.lapak{border:var(--brdgrey) 1px solid;padding:10px 5px;}
.lapak-box{margin:0 5px;border-radius:4px;text-align:center;}
.lapak-box h2{font-size:90%;margin:5px 0;padding:0;line-height:1.1;}
.lapak-box h3{font-size:90%;margin:0;padding:0;line-height:1.1;font-weight:500;}
.lapak-bottom{position:absolute;left:0;bottom:0;right:0;margin:0 5px;}
.lapak-bottom p{font-size:90%;margin:0 0 0 3px;padding:0;line-height:1.1;}
.lapakicon{width:28px;height:28px;border-radius:3px;margin:0 2px;cursor:pointer;}
.lapakicon svg{width:auto;height:20px;fill:var(--cwhite);}
.lapakdetail h1{font-size:120%;margin:0 0 10px;padding:0;line-height:1.1;font-weight:bold;}
.maplapak{height:50vh;}
.maplapak-page{height:calc(100vh - 120px);}
.pop-lapak{position:relative;overflow:hidden;text-align:center;margin:0 -5px;}
.pop-lapak-col{display:inline-block;width:calc(50% - 10px);margin:0 0 10px;}
.youtube{border-radius:5px;}
.ytnav{position:relative;width:20vh;background:var(--bgdark);padding:5px 0;border-radius:0 5px 5px 0;}
.ytmain{position:relative;width:calc(100% - 20vh);}
.col-ytnav{width:40vh;position:relative;transform:rotate(90deg) translate(0,-100%);transform-origin:left top;z-index:1}
.col-ytnav .carousel-item{position:relative;transform:rotate(-90deg);width:20vh;height:20vh;padding:5px;cursor:pointer;}
.video-nav{height:calc(20vh - 10px);width:calc(20vh - 20px);border-radius:5px;opacity:0.6;}
.carousel-item:hover .video-nav{opacity:1;}
.ytmain-vid{height:calc(40vh + 10px);border-radius:5px 0 0 5px;}
.youtube-pd{padding:10px 10px 10px 0;background:linear-gradient(to right, var(--bgdark), var(--bg1));border-radius:5px;}
.pagetitle{position:absolute;right:15px;top:0;left:15px;padding:0;bottom:0;text-align:right;animation: toZoom 3s linear;}
.pagetitle h1{position:relative;z-index:1;font-family:"Arial" !important;font-size:300%;margin:0;padding:0;line-height:1;font-weight:800;text-transform:uppercase;background: linear-gradient(90deg, transparent, #fff, transparent);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: rgba(255,255,255,0.4);background-repeat: no-repeat;background-size: 80%;animation: shine 3s linear infinite;}
.imagecover{position:absolute;top:-40%;left:0;right:0;bottom:-40%;opacity:0.95;background: #000;background: -moz-radial-gradient(left center, ellipse cover, transparent 50%, #000 100%);background: -webkit-radial-gradient(left center, ellipse cover transparent 50%, #000 100%);background: radial-gradient(ellipse at left center, transparent 50%, #000 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$top_color', endColorstr='$bottom_color',GradientType=1 );}
.bgdot{position:absolute;top:0%;left:0;right:0;bottom:0;background:url(../../images/dot.png) fixed center}
.sub-pagetitle{padding:5px 0;}
.sub-pagetitle h2{font-family: "Times New Roman" !important;font-size:220%;margin:0;padding:1px 2px;line-height:1.1;font-weight:bold;letter-spacing:-2px;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(--cblack) 0%,var(--c2) 29%,var(--cblack) 67%,var(--c1) 100%);}
.sub-pagetitle h3{font-size:100%;margin:0;padding:0;line-height:1;font-weight:bold;text-transform:uppercase;color:var(--cgrey4);}
.pagetitle-icon img, .pagetitle-icon-single img{width:100%;height:auto;margin:0;}
.icon-organisasi img{width:auto;height:10vh;margin:0 10px 0 0;}
.sub-pagetitle p{font-size:100%;margin:10px 0 0;padding:0;line-height:1.2;font-weight:normal;}
.pagetitle-icon{position:absolute;left:0;top:0;width:55px;}
.pagetitle-icon-single{width:40px;margin:0 10px 0 0;}
.forcat .no-cat{display:none;}
.pagetitle-text{margin:0 0 0 65px;}
.data-area{position:relative;overflow:hidden;margin-top:10px;}
.data-area2{position:relative;overflow:hidden;margin-top:0;}
.newsrow-left{position:relative;width:calc(40% - 10px);margin:0 5px;}
.newsrow-right{position:relative;width:calc(60% - 10px);margin:0 5px;}
.newsrow-image{height:20vh;border-radius:5px;}
.newsrow-right h2{font-size:100%;margin:5px 0 0;padding:0;line-height:1;font-weight:bold;}
.archive a{color:var(--cdefault);}
.column2.archive.bgwhite:hover {background:var(--bggrey3);}
.head-content{font-family: "Times New Roman" !important;font-size:220%;margin:0;padding:0;line-height:1.1;font-weight:bold;letter-spacing:-2px;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(--cblack) 0%,var(--c2) 29%,var(--cblack) 67%,var(--c1) 100%);}
.pengaduan .head-content{font-size:180%;}
.category-icon img{width:auto;height:30px;margin:0 7px 0 0;}
.content-category p{font-size:100%;margin:0;padding:0;line-height:1.1;font-weight:bold;}
.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.4;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 5px;}
.content-isi ul{margin:0 0 5px 40px;line-height:1.3;padding:0;}
.content-isi li{margin:0 0 10px 0;line-height:1.3;padding:0;}
.content-isi .box-tools{display:none;}
.content-isi table{font-size:90% !important;}
.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;}
.maparea{width:100%;max-width:100%;overflow:hidden;}
.maparea #map{height:80vh !important;max-width:100%;}
.maptitle{position:relative;overflow:hidden;height:6vh;text-align:center;text-transform:uppercase;text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;background:linear-gradient(to right, var(--bgdark), var(--bg1), var(--bg2), var(--bg1), var(--bgdark));font-size:120%;margin:0;padding:0;line-height:1;font-weight:bold;color:#fff;}
.download-file{position:relative;overflow:hidden;padding:15px 10px;background:linear-gradient(to right, var(--bggrey3), var(--bgwhite), var(--bggrey3));border-radius:3px;text-align:center;}
.download-file h2{font-size:120%;padding:0;margin:0 0 10px;line-height:1.1;}
.share-social{border-radius:3px;margin:0 2px;}
.social-icon{width:30px;height:30px;border-radius:3px;}
.social-icon svg{width:auto;height:18px;fill:#fff;}
.social-icon-text{width:0;overflow:hidden;padding:0;}
.social-icon-text p{font-size:85%;color:#fff;}
.twitter:hover .social-icon-text, .facebook:hover .social-icon-text, .whatsapp:hover .social-icon-text, .email:hover .social-icon-text, .telegram:hover .social-icon-text, .print:hover .social-icon-text{width:auto;padding:0 10px 0 0;}
.comment-notif{position:relative;overflow:hidden;padding:10px 10px;background:linear-gradient(to right, var(--bggrey3), var(--bgwhite), var(--bggrey3));border-radius:3px;text-align:center;}
.form-left{position:relative;width:calc(65% - 10px);margin:0 5px;}
.form-right{position:relative;width:calc(35% - 10px);margin:0 5px 5px;border: 1px solid var(--brdgrey);padding:10px;display:grid;box-sizing: border-box;border-radius:4px;}
.imagecaptha{position:relative;width:calc(65% - 10px);margin:0 5px;}
.imagecaptha img{width:100%;height:auto;border-radius:4px;}
.changecaptha{position:relative;width:calc(35% - 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(--bg1);}
.pengaduan .imagecaptha{width:calc(50% - 10px);border: 1px solid var(--brdgrey);border-radius:4px;}
.pengaduan .changecaptha{width:calc(50% - 10px);font-size:85%;padding:0;border: 1px solid var(--brdgrey);text-align:center;border-radius:4px;}
button{outline:none !important;border:none !important;}
.cnav-image {margin-top:10px;position:relative;}
.cnav-image:before, .cnav-image:after{content:"";position:absolute;top:0;bottom:0;width:30%;z-index:1;}
.cnav-image:before{left:0;background:linear-gradient(to right, var(--bggrey3) 10%, transparent);}
.cnav-image:after{right:0;background:linear-gradient(to left, var(--bggrey3) 10%, transparent);}
.image-box{padding:10px;border-radius:5px;background:var(--bggrey3);}
.twin.image-box{padding:5px 10px;}
.image-article{height:65vh;border-radius:5px;}
.twin .image-article{height:40vh;}
.thumb-article.image-article{height:25vh;}
.col2-image{position:relative;width:calc(50% - 10px);margin:5px;}
.standar-image img{display:block;border-radius:5px;width:100%;max-width:100%;height:auto;}
.gal .gal-only{display:none;}
.gallery-absolute{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;border:var(--brdgrey) 1px solid;border-radius:5px;}
.gallery-absolute:before{content:"";position:absolute;height:100%;left:0;right:0;bottom:0;z-index:2;background-color:rgba(255,255,255,0.4);
background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");border-radius:5px;}
.column2:hover .gallery-absolute:before{height:0;}
.gallery-absolute:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;background:var(--bggrey3);background:-moz-radial-gradient(right top,ellipse cover,transparent 40%,var(--bggrey3) 85%);background:-webkit-radial-gradient(right top,ellipse cover transparent 40%,var(--bggrey3) 85%);background:radial-gradient(ellipse at right top,transparent 40%,var(--bggrey3) 85%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='$top_color',endColorstr='$bottom_color',GradientType=1);z-index:3;border:#fff 5px solid;border-radius:5px;}
.gallery-absolute img{opacity:1;-webkit-filter: blur(2px);-moz-filter: blur(2px);-ms-filter: blur(2px);-o-filter: blur(2px);filter: blur(2px);z-index:1;border-radius:5px;}
.column2:hover .gallery-absolute img{opacity:1;-webkit-filter: blur(0px);-moz-filter: blur(0px);-ms-filter: blur(0px);-o-filter: blur(0px);filter: blur(0px);}
.gallery-album{margin:0 5vh 0 auto;float:right;position:relative;z-index:6;}
.gallery-scale{-webkit-transform:scale(0.75);-moz-transform:scale(0.75);-ms-transform: scale(0.75);-o-transform: scale(0.75);transform:scale(0.75);}
.column2:hover .gallery-scale{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform:scale(0);}
.book{width:30vh;height:40vh;margin-top:-6vh;position:relative;transform:perspective(60em) rotateX(48deg) rotateZ(-24deg) skewY(-4deg);box-shadow:-1.4em 1.7em .3em -.3em rgba(0,0,0,.4),-1.6em 1.8em .9em -.2em rgba(0,0,0,.4),.3em 1.9em 1.3em rgba(0,0,0,.2);border-top-right-radius:.4em}
.book img{border-top-right-radius:.4em;box-sizing:border-box;clip:rect(0vh,30vh,39.5vh,0vh);display:block;filter:saturate(90%);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)}
.book:before,.book:after{content:'';position:absolute;top:0}
.book:before{width:105%;height:105%;left:-5%;z-index:-1;background-repeat:no-repeat;background-image:linear-gradient(115deg,transparent 2.8%,var(--bgdark) 3%,var(--bgdark) 16%,transparent 16%),linear-gradient(125deg,transparent 10%,var(--bgdark) 10%,var(--bgdark) 17%,var(--bgblack) 46.8%,transparent 47%),linear-gradient(125deg,transparent 46%,rgba(0,0,0,.5) 46.5%,rgba(0,0,0,.25) 49%,transparent 53%),linear-gradient(to right,var(--bgblack),var(--bgdark)),linear-gradient(var(--bgblack),var(--bgblack)),linear-gradient(126deg,transparent 45%,var(--bgblack) 20%,var(--bggrey2) 96.8%,rgba(170,170,170,0) 97%);background-size:100% 100%,100% 100%,100% 100%,100% .4em,94% .2em,100% 100%;background-position:0 0,0 0,0 0,0 95.8%,0 100%,0 0}
.book:after{width:100%;height:100%;background-repeat:no-repeat;background-image:linear-gradient(to right,transparent 2%,rgba(0,0,0,.1) 3%,rgba(0,0,0,.1) 4%,transparent 5%),linear-gradient(-50deg,rgba(0,0,0,.1) 20%,transparent 100%),linear-gradient(-50deg,rgba(0,0,0,.2) 20%,transparent 100%),linear-gradient(to bottom,rgba(0,0,0,.1) 20%,transparent 100%),linear-gradient(to bottom,rgba(0,0,0,.1) 20%,transparent 100%);background-size:100% 100%,2% 20%,1% 20%,2% 20%,1% 20%;background-position:0 0,2.2% 100%,3% 100%,2.2% 0,3% 0}
.gallery-title{position:absolute;top:20px;left:20px;bottom:20px;right:45%;padding:10px 30px 10px 10px;z-index:5;border:#fff 1px solid;background:rgba(0,0,0,0.2);}
.column2:hover .gallery-title{top:20px;left:20px;bottom:20px;right:20px;padding:10px;}
.gallery-title h3{font-size:100%;padding:0;margin:0;font-weight:500;line-height:1.2;color:var(--cwhite);text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;}
.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)}
.aparatur-page .framefoto{background:var(--bggrey1);-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)}
.image-medium{height:30vh;}
.row-pemb .image-medium{height:35vh;border-radius:5px;}
.row-pemb .image-medium:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;border:#fff 4px solid;z-index:6;}
.title-subgallery{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);}
table.custom-table{width:100%;background-color:var(--bggrey5);}
.custom-table td{padding:8px;vertical-align:top;border:var(--brdgrey) 1px solid;font-size:95%;}
.custom-table th{padding:10px 8px;border:var(--brdgrey) 1px solid;font-size:95%;font-weight:bold;}
.custom-table > tbody > tr:nth-child(odd), .jamkerja-table > tbody > tr:nth-child(odd) {background-color:var(--bgwhite);}
.mini-foto svg{width:auto;height:24px;fill:var(--cgrey4);line-height:1;padding:0;margin:0;}
.foto-table{width:80px;max-width:80px;min-width:80px;}
.small-photo{height:70px;border-radius:4px;}
.pagingrow svg{height:24px;width:auto;fill:var(--cgrey4);margin:3px 0 0;}
.page-link{padding:0 2px !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(--c1);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(--bg1);border-color:var(--bg1)}
.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)}
.statis .box-header{margin:0 0 15px;text-align:center;}
.statis .box-header h3{font-family: "Times New Roman" !important;font-size:220%;margin:0 0;padding:0;line-height:1.1;letter-spacing:-2px;font-weight:bold;border-bottom:none;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(--cblack) 0%,var(--c2) 29%,var(--cblack) 67%,var(--c1) 100%);}
.box-header-icon img{width:auto;height:40px;margin:0 7px 0 0;}
.colfilter1{position:relative;width:calc(35% - 10px);margin:5px;}
.colfilter2{position:relative;width:calc(25% - 10px);margin:5px;}
.colfilter3{position:relative;width:calc(45% - 10px);margin:5px;}
.colfilter-semua, .colfilter-submit4{position:relative;width:calc(20% - 10px);margin:5px;}
.colfilter-submit, .colfilter-submit2{position:relative;width:calc(20% - 10px);margin:5px 5px;float:right;}
.colfilter-submit3{position:relative;width:calc(10% - 10px);margin:5px 5px;}
.pengaduan .colfilter1, .pengaduan .colfilter3{width:calc(30% - 10px);}
.row-pemb{position:relative;overflow:hidden;background:var(--bggrey3);border:var(--brdgrey) 1px solid;border-radius:5px;padding:5px;margin:5px 0;}
.row-pemb h2{font-size:120%;padding:0;margin:0;line-height:1.1;font-weight:bold;}
.image-pemb{border-radius:5px;}
.image-pemb img{display:block;border-radius:5px;width:100%;height:auto;}
.image-pemb:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;border-radius:5px;-webkit-box-shadow: inset 0px 0px 7px 3px rgba(0,0,0,0.4);-moz-box-shadow: inset 0px 0px 7px 3px rgba(0,0,0,0.4);box-shadow: inset 0px 0px 7px 3px rgba(0,0,0,0.4);}
.mappemb{height:50vh !important;}
.lapaktop{background:var(--bgwhite);border-radius:5px;margin:7px;}
.lapak-photo{position:relative;width:50%;}
.lapak-title{position:relative;width:50%;text-align:center;}
.lapak-title h2{font-size:100%;padding:0;margin:0 0 15px;font-weight:bold;line-height:1.1;}
.lapak-title p{font-size:100%;padding:0;margin:0;line-height:1.1;}
.lapak-bot{height:44px;border-top:var(--brdgrey) 1px solid;background:var(--bgwhite);border-radius:0 0 5px 5px;padding:0 7px;}
.carousel-control.left {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");}
.carousel-control.right {background-image:none;background-repeat:no-repeat;}
.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(--cgrey2);}
.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(--c1);}
.docpemb h3, .docpemb p{font-weight:bold;font-size:95%;padding:0;margin:5px 0 0;line-height:1.1;}
.docpemb p{font-weight:normal;}
.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(--c1);}
.row-bullet{width:100%;float:left;margin:8px 0;}
.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(--bg2);-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(60% - 8px);margin:0 4px;position:relative;}
.pengaduan-2, .pengaduan-3{width:calc(20% - 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 0 10px;height:auto;}
.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;}
.sdgs-col{position:relative;width:calc(33.33333333% - 10px);margin:5px;border-radius:10px;background:var(--bggrey3);}
.sdgs-item{position:relative;overflow:hidden;padding:7px;}
.sdgs-icon{position:relative;width:35%;}
.sdgs-icon img{width:100%;}
.sdgs-title{position:relative;width:65%;text-align:center;}
.sdgs-title h2{font-size:100%;margin:0;padding:0;line-height:1.1;}
.sdgs-title h2{font-size:140%;font-weight:bold;margin:5px 0 0;padding:0;line-height:1;}
.sdgs-box{background:linear-gradient(to right, var(--bgwhite), transparent 80%);border-radius:10px;border:var(--bgwhite) 2px solid;}
.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(--cgrey2);}
.idm-col{position:relative;width:calc(25% - 10px);margin:5px;border-radius:5px;}
.idm-col:after{content:"";position:absolute;left:0;top:0;bottom:0;right:0;border:#000 4px solid;border-radius:5px;opacity:0.1;}
.idmtop{height:16vh;text-align:center;border-radius:5px 5px 0 0;padding:0 0 20px;}
.idmvalue{height:16vh;text-align:center;background:var(--bggrey3);padding:20px 0 0;border-radius:0 0 5px 5px;}
.idmtop p{font-size:100%;margin:0 10px;padding:0;line-height:1.1;color:var(--cwhite);}
.idmvalue h2{font-size:120%;margin:0;padding:0;line-height:1.1;;}
.idmicon, .idmicon-inner{position:absolute;top:50%;left:50%;width:50px;height:50px;z-index:2;border-radius:100%;-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);}
.idmicon-inner{background:rgba(255,255,255,0.3);}
.idmicon-inner svg{width:28px;height:auto;fill:var(--cwhite);}
.idmicon:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;;z-index:1;border:var(--bggrey3) 3px solid;margin:-3px;border-radius:100%;-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);}
.statnav-item{position:relative;width:calc(33.33333333% - 6px);margin:0 3px;border:var(--brdgrey) 1px solid;background:var(--bggrey3);}
.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);}
.stathead {margin:30px 0 30px !important;}
.statheadleft{position:relative;max-width:35%;min-width:35%;padding:0 40px 0 0;}
.statheadleft:after{content:"";position:absolute;right:0;top:0;width:30px;height:100%;border:var(--yellow) 1px solid;}
.statheadleft svg{width:100%;height:auto;margin:5px 0 0;fill:var(--cgrey2);}
.stathead h1, .stathead h2{position:relative;z-index:1;font-size:140%;margin:0 0 0 -10px;padding:0;line-height:1;font-weight:bold;}
.pemerintah{padding:0 5px;}
.absensi{margin:10px 0 5px;}
.absensi-box{padding:5px 10px;border-radius:2px;margin:0 0 0 5px;opacity:0.8;}
.midaparatur-title .absensi{margin:30px 0 0;}
.absensi svg{width:auto;height:14px;margin:0 5px 0 0;}
.absensi-box p{font-size:11px !important;margin:0;padding:0;line-height:1.1;color:var(--cwhite) !important;}
.absensi p{font-size:80%;margin:0;padding:0;line-height:1.1;color:var(--cwhite) !important;}
.hadir{fill:#a7fb45;}
.tdkhadir{fill:#ff7800;}
.service{padding:10px 0;}
.service-head{width:100%;border-bottom:var(--brdgrey) 1px solid;margin:0 0 5px!important;}
.service-head img{display:block;width:50%;margin:0 auto;}
.service-item{border-radius:4px;margin:5px 10%;padding:7px 10px;}
.service-contact .service-item{border:var(--brdgrey) 1px solid;}
.service-contact h3{font-size:95%;margin:10px 10% 0;padding:0;line-height:1.1;font-weight::bold;}
.service-item p{font-size:95%;margin:0;padding:0;line-height:1.1;color:var(--cwhite)}
.service-contact .service-item p, .service-contact a{color:var(--default)}
.service-item svg{width:24px;height:24px;margin:0 5px 0 0;fill:var(--cwhite);}
.service-contact .service-item svg{fill:var(--cgrey4);}
.profile-inner{background:var(--bgdark);border-radius:5px;padding:15px;}
.profile p{font-size:95%;margin:0;padding:0;line-height:1.15;}
.profile-gender p:nth-child(3), .profile-gender p:nth-child(4){display:none;}
.profile-inner p{color:var(--cgrey1);}
.profile-icon{float:left;width:30px;height:30px;vertical-align:text-top;margin:0 7px 0 0;line-height:1;opacity:0.4;}
.profile-icon svg{width:100%;height:auto;margin:0;padding:0;line-height:1;fill:#fff;}
.mobile-menu{margin:10px 0 0;}
.mobile-menu a{color:#000;margin:0;padding:0;font-weight:bold;display:block;}
.mobile-menu li a{color:#000;}
.inner-modal .mobile-menu li{margin:5px 0 0!important;}
.inner-modal .mobile-menu li a{color:#000;padding:7px 10px!important;}
.mobile-menu ul{margin:0 0;padding:0;list-style:none;color:#000;}
.mobile-menu li ul{margin:0 0;padding:10px 0;color:#000;}
.mobile-menu li{font-size:16px !important;margin:5px 0;padding:0;line-height:1.2;background:var(--bgwhite);list-style:none;color:#000;border-radius:3px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);display:block!important;min-width:100%!important;}
.mobile-menu li.active, .mobile-menu li:focus, .mobile-menu li a.active, .mobile-menu li a:focus{color:#000;background:var(--bgwhite)!important;color:var(--c1)!important;}
.mobile-menu p{font-size:16px !important;position:relative;margin:0;padding:5px 0 5px 15px;line-height:1.2;list-style:none;color:#000;}
.mobile-menu p:after{content:"";position:absolute;left:0;top:12px;width:10px;height:10px;border-radius:10px;}
.mobile-menu li ul li{margin:0;padding:0 0;line-height:1.2;color:#000;}
.mobile-menu-inner .navbar-nav{position:relative;overflow:hidden;width:100%;}
.mobile-menu .dropdown-menu{font-size:16px !important;position:relative;float:none;background:transparent !important;padding:5px 0 !important;border-radius:0 !important;box-shadow:none!important;border:none!important;-webkit-box-shadow:none!important;outline:none!important;}
.mobile-menu .dropdown-menu:nth-child(2) .dropdown-menu{background:transparent !important;border-radius:0 !important;box-shadow:none!important;border:none!important;-webkit-box-shadow:none!important;outline:none!important;}
.mobile-menu .dropdown-menu:nth-child(2) .dropdown-menu li{margin-left:15px !important;}
.mobile-menu .dropdown-menu li{background:transparent!important;border-radius:0!important;-webkit-box-shadow:0!important;-moz-box-shadow:none!important;box-shadow:none!important;}
.caret2{position:absolute;opacity:.4;right:10px;top:14px;border-top:8px solid;border-right:6px solid transparent;border-left:6px solid transparent;}
.caret3{position:absolute;opacity:.4;right:5px!important;top:10px;border-top:8px solid;border-right:6px solid transparent;border-left:6px solid transparent;}

.changeslide{position:absolute;right:0;top:200px;z-index:500;}
.wabutton{width:30px;height:30px!important;cursor:pointer;border-radius:3px;margin-bottom:3px;position:relative;}
.changeslide-item{width:0;height:0!important;cursor:pointer;border-radius:3px;margin-bottom:3px;position:relative;}
.homestyle .changeslide-item{width:30px;height:30px!important;cursor:pointer;border-radius:3px;margin-bottom:3px;position:relative;}
.changeslide-item img{width:26px;height:26px;margin:0!important;line-height:1!important;opacity:0.7;}
.wabutton svg{width:22px;height:22px;fill:#fff;opacity:0.7;}
.standar-address, .homeicon-default{display:block;}
.full-address, .homeicon-full{display:none;}
.fullcover{position:absolute;left:0;top:0;right:0;bottom:0;background:url(../../images/dot.png) fixed center}

.fullslide{opacity:0;height:0;overflow:hidden;}
.fullslider-area{position:relative;overflow:hidden;background:linear-gradient(to right, var(--bg1), var(--bg2));}
.logocenter, .fullslideshow .homeicon-full{position:absolute;top:0;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)}
.fullslideshow .homeicon-full, .fullslide .homeicon-full{top:auto;bottom:10px;}
.homelinebottom{position:absolute;left:0;bottom:0;right:0;height:10px;background:linear-gradient(to right, var(--bg2), var(--bg1), var(--bg1), var(--bg2));}

.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:var(--bggrad-lr1)}
.modal-backdrop.in{filter:alpha(opacity=100);opacity:0.85}
.modal.left .modal-dialog, .modal.right .modal-dialog {position: fixed;margin: auto;width: 25%;top:15px;bottom:15px;-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:5px;overflow:hidden;}
.modal.right.fade.in .modal-dialog {right:15px;}
.modal.center .modal-dialog {position: fixed;margin: auto;left:50%;width: 35%;top:15px;bottom:15px;-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;}
.modalhead{position:absolute;left:0;top:0;right:0;height:50px;background:var(--bgdark)}
.canvasmob .modalhead{padding:0 15px;height:70px;background:var(--bggrad-lr1)} 
.modalhead h1{font-size:110%;margin:0 15px;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);}
.canvasmob .modalhead h2{font-size:90%;margin:0 0;padding:0;line-height:1.1;font-weight:500;color:var(--cwhite);text-shadow: 2px 2px 0px rgba(0,0,0,0.25);}
.canvasmob .modalhead img{width:auto;height:40px;margin:0 10px 0 0;}
.modalfoot{position:absolute;left:0;bottom:0;right:0;height:40px;font-size:90%;font-weight:500;margin:0;padding:0;line-height:1;color:var(--cwhite);cursor:pointer;background:var(--bgdark);z-index:5;}
.close-btn {width:5vh;height:7vh;position:relative;cursor:pointer;border-radius:0 5px 5px 0;}
.modalfoot .close-btn{width:26px;height:26px;border-radius:26px;background-color:var(--bg2);}
.close-btn:before, .close-btn:after{content:'';position:absolute;left:50%;margin-left:-1px;width:2px;height:40%;top:30%;background:var(--cwhite);}
.modalfoot .close-btn:before, .modalfoot .close-btn:after{height:50%;top:25%;}
.close-btn:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.close-btn:after{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.inner-modal{overflow:hidden;}
.inner-modal.absfull{top:50px !important;bottom:0 !important;}
.canvasmob .inner-modal.absfull{top:70px !important;}
.modal-dialog .headmodule, .modal-dialog .headmodule.difle-l{display:none !important;}
.modal-dialog .widget-height.bggrad-tb{background:transparent !important;}
.modal-dialog .widget-height{height:auto !important;}
.canvasmob .modal.right .modal-dialog {margin: auto;width: 25%;}
.side-menumob{position:absolute;right:0;top:70px;}
.menumob{position:absolute;left:0;top:0;bottom:0;right:53px;overflow:hidden;border-radius:5px;}
.side-menumob-icon{width:48px;height:auto;border-radius:4px;min-height:45px;margin:0 0 5px;text-align:center;padding:5px 0;cursor:pointer;}
.side-menumob-icon svg{width:25px;height:auto;fill:var(--cwhite);}
.side-menumob-icon p{font-size:10px;margin:-3px 0 0 !important;padding:0!important;line-height:1.1;color:var(--cwhite);}
.whead-body{position:relative;overflow:hidden;}
.whead-body .carousel{padding:0 25px;background:var(--bgdark);}
.whead-item{position:relative;height: 50px;font-size:80%;margin:0;padding:0 5px;line-height:1;font-weight:500;text-align:center;text-transform:uppercase;color:var(--cgrey1);opacity:0.6;}
.wcontent-body{position:relative;overflow:hidden;z-index:1;margin:2px -2px 0;}
.wcontent-body .widget-isi{margin:0 2px;}
.maparea .btn-social.btn-sm, .maparea .btn-social.btn-sm {text-align:center;padding: 5px 10px 5px 15px!important;color:#fff !important;}
.maparea .leaflet-popup-content-wrapper .btn-social.btn-sm, .maparea .leaflet-popup-tip .btn-social.btn-sm {text-align:center;padding: 5px 20px !important;color:#fff !important;margin: 0 !important;}
.maparea .box-body{margin:0 !important;}
.maparea .leaflet-popup-content-wrapper .btn, .maparea .leaflet-popup-tip .btn{display:block !important;width:100% !important;}
.maparea .btn{display:block !important;width:100% !important;margin:0 !important;}
.maparea .leaflet-popup-content {margin: 10px 10px !important;line-height: 1.2 !important;}
.maparea .btn-sm, .btn-social{margin: 0 !important;}
.maparea .box-body{padding:0 !important;}
.maparea .card li{position:relative;list-style:none !important;padding:0 0 0 15px !important;}
.maparea .card li:after{content:"";position:absolute;left:0;top:4px;width:6px;height:6px;border-radius:6px;background:var(--bg1);}
#bodyContent p{line-height:1 !important;}
.maparea .modal-dialog {padding:15px 0!important;width:100% !important;margin:0 !important;position:absolute;left:0;top:0;right:0;min-height:100vh;}
.maparea .modal-content {margin:0 15%;}
.maparea .modal-header{background:linear-gradient(to right, var(--bg1), var(--bg2));}
.maparea .modal-header h4{font-size:100%;margin:0;padding:0;line-height:1.2;color:#fff;text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;}
.maparea .modal-header .close{background:var(--bg1);opacity:1;color:#fff;text-shadow:none;font-size:160%;padding:0 8px;border-radius:4px;}
.maparea hr{margin:10px 0 !important;padding:0 !important;}
.maparea .progress-group{font-size:90% !important;line-height:1.2;}
.maparea .box h4{font-size:100%;margin:0;padding:0;line-height:1.2;}
.maparea .progress{margin-top:3px;background-color:var(--bggrey4) !important;height:14px;margin-bottom:15px;}
.maparea .progress-bar-success{background-color:var(--bg1) !important;}
.maparea .progress-bar span{font-size:11px;color:#fff;font-weight:500;margin:0;padding:0;line-height:14px;}
.maparea .container{padding-left:0 !important;padding-right:0 !important;}
.maparea .modal .btn{display:inline-block !important;width:auto !important;margin:0 !important;}

.backto{position:relative;width:30px;height:30px;cursor:pointer;margin:0 !important;border-radius:3px;}
.homestyle .backto{display:none !important;}
.backto svg{fill:#fff;width:20px;height:20px;opacity:0.7}
.bottom-tombol{position:fixed;z-index:999;bottom:10px;right:10px;}
#ScrollToTop{width:30px;height:0;cursor:pointer;margin-top:0 !important;border-radius:3px;opacity:1!important;}
.whenscroll #ScrollToTop{height:30px;margin-top:3px !important;}
.whenscroll #ScrollToTop svg{height:20px;}
#ScrollToTop svg{width:20px;height:0;fill:#fff;opacity:0.7}
.mob-v, .iconmob{display:none;}
.iconmob-item{height:50px;margin:0 5px;}
.iconmob-item img{height:24px;margin:0 5px 0 0;}
.iconmob-item p{font-size:13px;line-height:1.1;margin:0;padding:0;color:var(--cdefault) !important;}
.iconmob a{color:var(--cdefault) !important;}
.fulled{position:fixed;top:0;left:0;width:100%;height:100vh;overflow:hidden;border:none;outline:none;background-size:cover;background-position:center;background-repeat:no-repeat;}
.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;}
#loadingpusako {position:fixed;width:100%;left:0;top:0;bottom:0;z-index: 9999999999;text-align:center;background:var(--bgdark);}
.bigempty{width:75%;margin:30px auto 30px;text-align:center;}
.bigempty h3{font-family: "Arial" !important;font-size:140%;margin:0;padding:0;line-height:1.1;font-weight:bold;letter-spacing:-1px;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(--cblack) 0%,var(--c2) 29%,var(--cblack) 67%,var(--c1) 100%);}
.bigempty-title{position:absolute;left:0;top:10%;right:0;text-align:center;}
.emptysmall, .emptywidth{background:var(--bgwhite);border:var(--brdgrey) 1px solid;padding:10px;text-align:center;}
.emptywidth{padding:30px 25%;}
.widget-isi .emptysmall{padding:0 15px;height:45vh;}
.emptysmall img{display:block;width:75%;margin:-20px auto 0;position:relative;z-index:1;}
.widget-isi .emptysmall img{width:60%;}
.empty-speak{position:relative;border-radius:5px;padding:20px 10px 40px;background:var(--bggrey3);}
.widget-isi .empty-speak{margin:0 15px;}
.empty-speak:after{content:"";position:absolute;right:30px;bottom:-28px;border-top:var(--bggrey3) 30px solid;border-right:transparent 30px solid;}
.emptywidth-image{position:relative;width:40%;position:relative;z-index:1;}
.emptywidth-image img{display:block;width:100%;margin:0;}
.emptywidth-speak{position:relative;width:calc(60% - 30px);margin:0 0 0 30px;background:var(--bggrey3);border-radius:5px;}
.emptywidth-speak-title{position:relative;border-radius:5px;padding:40px 15px;}
.emptywidth-speak-title:after{content:"";position:absolute;left:-28px;top:50%;border-right:var(--bggrey3) 30px solid;border-bottom:transparent 30px 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);}
#handboy{animation:swing ease-in-out 1.3s infinite alternate;transform-origin:98% 98%;transform-box:fill-box}
#girllight{animation:swing ease-in-out 1.3s infinite alternate;transform-origin:0% 97%;transform-box:fill-box}
#hairgirl{animation:swinghair ease-in-out 1.3s infinite alternate;transform-origin:60% 0%;transform-box:fill-box}
#zero{transform-origin:bottom;transform-box:fill-box}
.statmodal{z-index:1;}
.statnav-modal{margin:0 0 5px;}
.statmodal .statnav-item{width:calc(100% - 6px);margin:5px 3px;background:var(--bgwhite);}
.statmodal .statnav-title.difle-c{justify-content: left;padding:5px 0;border-bottom:var(--brdgrey) 1px solid;margin:0 0 5px;}
.statmodal .statnav-title i.fa{width:30px;height:30px;margin:0 6px 0 0;}
.statmodal .substatnav h3{position:relative;font-size:100%;margin:0;padding:3px 0 3px 13px;line-height:1.1;font-weight:normal;}
.statmodal .substatnav h3:after{content:"";position:absolute;top:8px;left:0;width:8px;height:8px;border-radius:8px;background:var(--bggrey2);}
.aparatur-box:hover .title-bottom.absfullbottom{top:0;bottom:0;display:flex !important;justify-content: center;align-items: center;background:rgba(0,0,0,0.6);}
.midaparatur-row{padding:5px;margin:0 5px;background:var(--bgdark);border-radius:5px;}
.inner-modal .midaparatur-row{background:var(--cgrey5);margin:10px 0;}
.midaparatur-image{position:relative;width:48%;height:25vh;border-radius:5px;overflow:hidden;background:rgba(0,0,0,0.3);}
.inner-modal .midaparatur-image{width:35%;height:18vh;}
.midaparatur-image:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;-webkit-box-shadow: inset 0px 0px 7px 3px rgba(0,0,0,0.4);-moz-box-shadow: inset 0px 0px 7px 3px rgba(0,0,0,0.4);box-shadow: inset 0px 0px 7px 3px rgba(0,0,0,0.4);}
.midaparatur-title{position:relative;width:calc(52% - 10px);text-align:center;padding:10px 0 10px 10px;display:grid;box-sizing: border-box;}
.inner-modal .midaparatur-title{width:calc(65% - 10px);}
.midaparatur-title h2{font-size:95%;display:block !important;font-weight:normal;margin:0 0 7px;padding:0 0 7px;line-height:1.1;color:var(--cwhite);text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;border-bottom:rgba(255,255,255,0.5) 1px dotted;}
.midaparatur-title p{font-size:80%;margin:0;padding:0;line-height:1.1;color:var(--cgrey2);}
.aparaturmob{display:none;}
.stunting .column3{position:relative;width:calc(33.33333333% - 10px);margin:5px;display:grid;box-sizing: border-box;border-radius:4px;overflow:hidden;}
.stunting-icon{min-width:50px;max-width:50px;height:50px;border-radius:4px;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;}

#masihloading{position:fixed;bottom:0;left:20px;text-align:center;z-index:9999999999;}
.loadercartoon{position:absolute;left:0;bottom:0;}
.loadercartoon-title{position:absolute;left:-10px;top:0;background:#616161;padding:10px 25px 30px 12px;border-radius:5px;font-size:14px;margin:0;line-height:1;color:#fff;text-align:left;animation:tada 1s linear infinite}
.loadercartoon-title:after{content:"";position:absolute;left:15px;bottom:-14px;border-right:#616161 15px solid;border-bottom:transparent 15px solid;}
.loadercartoon img{position:relative;z-index:2;width:auto;height:90px;margin:45px 0 0;}
.scriptmati{position: fixed;top:0;left:0;right:0;text-align:center;bottom:0;background:#000;color:#fff;z-index:99999999999;padding:0 20%;}
.scriptmati h2, .scriptmati p{margin:0 20px;padding:0;line-height:1.1;font-weight:bold;}
.scriptmati h2{font-size:120%;color:#f6b530;margin:0;}
.scriptmati p{margin:10px 20px 0;font-weight:500;font-size:95%;color:var(--colorgrey2);}
@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}

td{word-wrap: break-word !important;}

@-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;}
}

@-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 ayun {100%{transform:rotateY(-15deg) rotateX(-15deg)}}
@-moz-keyframes ayun {100%{transform:rotateY(-15deg) rotateX(-15deg)}}
@keyframes ayun {100%{transform:rotateY(-15deg) rotateX(-15deg)}}
@-ms-keyframes ayun {100%{transform:rotateY(-15deg) rotateX(-15deg)}}
@-o-keyframes ayun {100%{transform:rotateY(-15deg) rotateX(-15deg)}}

@-webkit-keyframes show{0%{margin-top:-100px}5%{margin-top:-80px}33%{margin-top:-80px}38%{margin-top:-40px}66%{margin-top:-40px}71%{margin-top:0}99.99%{margin-top:0}100%{margin-top:-160px}}@-moz-keyframes show{0%{margin-top:-100px}5%{margin-top:-80px}33%{margin-top:-80px}38%{margin-top:-40px}66%{margin-top:-40px}71%{margin-top:0}99.99%{margin-top:0}100%{margin-top:-160px}}@keyframes show{0%{margin-top:-100px}5%{margin-top:-80px}33%{margin-top:-80px}38%{margin-top:-40px}66%{margin-top:-40px}71%{margin-top:0}99.99%{margin-top:0}100%{margin-top:-160px}}@-ms-keyframes show{0%{margin-top:-100px}5%{margin-top:-80px}33%{margin-top:-80px}38%{margin-top:-40px}66%{margin-top:-40px}71%{margin-top:0}99.99%{margin-top:0}100%{margin-top:-160px}}@-o-keyframes show{0%{margin-top:-100px}5%{margin-top:-80px}33%{margin-top:-80px}38%{margin-top:-40px}66%{margin-top:-40px}71%{margin-top:0}99.99%{margin-top:0}100%{margin-top:-160px}}}

@-webkit-keyframes mirrorflip{0%{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1)}50%{transform:scale(-1,1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-o-transform:scale(-1,1);-ms-transform:scale(-1,1)}100%{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1)}}@-moz-keyframes mirrorflip{0%{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1)}50%{transform:scale(-1,1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-o-transform:scale(-1,1);-ms-transform:scale(-1,1)}100%{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1)}}@keyframes mirrorflip{0%{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1)}50%{transform:scale(-1,1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-o-transform:scale(-1,1);-ms-transform:scale(-1,1)}100%{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1)}}@-ms-keyframes mirrorflip{0%{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1)}50%{transform:scale(-1,1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-o-transform:scale(-1,1);-ms-transform:scale(-1,1)}100%{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1)}}@-o-keyframes mirrorflip{0%{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1)}50%{transform:scale(-1,1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-o-transform:scale(-1,1);-ms-transform:scale(-1,1)}100%{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1)}}

.popin{animation: popin 1s linear infinite 1s;}
@-webkit-keyframes popin{0%{opacity: 0.3;}1%{opacity: 1;}99%{opacity: 0;}100%{opacity: 0;}}
@-moz-keyframes popin{0%{opacity: 0.3;}1%{opacity: 1;}99%{opacity: 0;}100%{opacity: 0;}}
@-ms-keyframes popin{0%{opacity: 0.3;}1%{opacity: 1;}99%{opacity: 0;}100%{opacity: 0;}}
@-o-keyframes popin{0%{opacity: 0.3;}1%{opacity: 1;}99%{opacity: 0;}100%{opacity: 0;}}
@keyframes popin{0%{opacity: 0.3;}1%{opacity: 1;}99%{opacity: 0;}100%{opacity: 0;}}

.OpaC{-webkit-animation-name:OpaC;animation-name:OpaC;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes OpaC{0%{opacity:0;}90%{opacity:0;}100%{opacity:1;}}@keyframes OpaC{0%{opacity:0;}90%{opacity:0;}100%{opacity:1;}}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeIn{0%{opacity:0;height:0;}99%{opacity:0;height:0;}100%{opacity:1;height:auto;}}@keyframes fadeIn{0%{opacity:0;height:0;}99%{opacity:0;height:0;}100%{opacity:1;height:auto;}}
.fadeIn2{-webkit-animation-name:fadeIn2;animation-name:fadeIn2;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeIn2{0%{opacity:0;}99%{opacity:0;}100%{opacity:1;}}@keyframes fadeIn2{0%{opacity:0;}99%{opacity:0;}100%{opacity:1;}}
.fadeIn3{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeIn{0%{opacity:0;height:0;}99%{opacity:0;height:0;}100%{opacity:1;height:auto;}}@keyframes fadeIn{0%{opacity:0;height:0;}99%{opacity:0;height:0;}100%{opacity:1;height:auto;}}

@-webkit-keyframes shine{0% {background-position-x: -500%;}100% {background-position-x: 500%;}}
@-moz-keyframes shine{0% {background-position-x: -500%;}100% {background-position-x: 500%;}}
@-ms-keyframes shine{0% {background-position-x: -500%;}100% {background-position-x: 500%;}}
@-o-keyframes shine{0% {background-position-x: -500%;}100% {background-position-x: 500%;}}
@keyframes shine{0% {background-position-x: -500%;}100% {background-position-x: 500%;}}

@-webkit-keyframes toZoom{0% {transform: scale(4);opacity:0;}100% {transform: scale(1);opacity:1;}}
@-moz-keyframes toZoom{0% {transform: scale(4);opacity:0;}100% {transform: scale(1);opacity:1;}}
@-ms-keyframes toZoom{0% {transform: scale(4);opacity:0;}100% {transform: scale(1);opacity:1;}}
@-o-keyframes toZoom{0% {transform: scale(4);opacity:0;}100% {transform: scale(1);opacity:1;}}
@keyframes toZoom{0% {transform: scale(4);opacity:0;}100% {transform: scale(1);opacity:1;}}

@-webkit-keyframes swing{0% {transform: rotate(10deg);}100% {transform: rotate(-10deg);}}
@-moz-keyframes swing{0% {transform: rotate(10deg);}100% {transform: rotate(-10deg);}}
@-ms-keyframes swing{0% {transform: rotate(10deg);}100% {transform: rotate(-10deg);}}
@-o-keyframes swing{0% {transform: rotate(10deg);}100% {transform: rotate(-10deg);}}
@keyframes swing{0% {transform: rotate(10deg);}100% {transform: rotate(-10deg);}}

@-webkit-keyframes swing{0% {transform: rotate(6deg); }100% { transform: rotate(-6deg);}}
@-moz-keyframes swing{0% {transform: rotate(6deg); }100% { transform: rotate(-6deg);}}
@-ms-keyframes swing{0% {transform: rotate(6deg); }100% { transform: rotate(-6deg);}}
@-o-keyframes swing{0% {transform: rotate(6deg); }100% { transform: rotate(-6deg);}}
@keyframes swing{0% {transform: rotate(6deg); }100% { transform: rotate(-6deg);}}

.bell{-webkit-animation:ring 4s .7s ease-in-out infinite;-webkit-transform-origin:50% 4px;-moz-animation:ring 4s .7s ease-in-out infinite;-moz-transform-origin:50% 4px;animation:ring 4s .7s ease-in-out infinite;transform-origin:50% 4px}
.loadpage{position:fixed;background:var(--bgdark);z-index:9999999997;top:0;right:0;width:100%;height:100%;-o-animation: open 0.4s linear forwards, transpage1 1.5s linear 0.5s forwards;-ms-animation: open 0.4s linear forwards, transpage1 1.5s linear 0.5s forwards;-webkit-animation: open 0.4s linear forwards, transpage1 1.5s linear 0.5s forwards;-moz-animation: open 0.4s linear forwards, transpage1 1.5s linear 0.5s forwards;-ms-animation: open 0.4s linear forwards, transpage1 1.5s linear 0.5s forwards;animation: open 0.4s linear forwards, transpage1 1.5s linear 0.5s forwards;}
.loading-pusako, .loading-logo{position:absolute;left:50%;top:50%;-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);text-align:center;width:100%;}
.loading-pusako h1{font-size:140%;margin:15px auto 0 !important;}
.loading-pusako p{font-size:90%;margin:40px auto 0;padding:0;line-height:1.1;color:#dbdbdb;}
.loading-logo{width:18vh;height:18vh;border-radius:50%;background:var(--bgdark);}
.loading-logo img{width:12vh;margin:0 auto;}
.circleload{position:relative;width:20vh;height:20vh;margin:0 auto;border-radius:50%;overflow:hidden;animation: rotate-animation 10s infinite linear;}
.circleload:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background-image: conic-gradient(var(--bg1) 50%, var(--bg2) 0);opacity:0.6;}
@-webkit-keyframes ring{0%{-webkit-transform:rotateZ(0)}1%{-webkit-transform:rotateZ(30deg)}3%{-webkit-transform:rotateZ(-28deg)}5%{-webkit-transform:rotateZ(34deg)}7%{-webkit-transform:rotateZ(-32deg)}9%{-webkit-transform:rotateZ(30deg)}11%{-webkit-transform:rotateZ(-28deg)}13%{-webkit-transform:rotateZ(26deg)}15%{-webkit-transform:rotateZ(-24deg)}17%{-webkit-transform:rotateZ(22deg)}19%{-webkit-transform:rotateZ(-20deg)}21%{-webkit-transform:rotateZ(18deg)}23%{-webkit-transform:rotateZ(-16deg)}25%{-webkit-transform:rotateZ(14deg)}27%{-webkit-transform:rotateZ(-12deg)}29%{-webkit-transform:rotateZ(10deg)}31%{-webkit-transform:rotateZ(-8deg)}33%{-webkit-transform:rotateZ(6deg)}35%{-webkit-transform:rotateZ(-4deg)}37%{-webkit-transform:rotateZ(2deg)}39%{-webkit-transform:rotateZ(-1deg)}41%{-webkit-transform:rotateZ(1deg)}43%{-webkit-transform:rotateZ(0)}100%{-webkit-transform:rotateZ(0)}}
@-moz-keyframes ring{0%{-moz-transform:rotate(0)}1%{-moz-transform:rotate(30deg)}3%{-moz-transform:rotate(-28deg)}5%{-moz-transform:rotate(34deg)}7%{-moz-transform:rotate(-32deg)}9%{-moz-transform:rotate(30deg)}11%{-moz-transform:rotate(-28deg)}13%{-moz-transform:rotate(26deg)}15%{-moz-transform:rotate(-24deg)}17%{-moz-transform:rotate(22deg)}19%{-moz-transform:rotate(-20deg)}21%{-moz-transform:rotate(18deg)}23%{-moz-transform:rotate(-16deg)}25%{-moz-transform:rotate(14deg)}27%{-moz-transform:rotate(-12deg)}29%{-moz-transform:rotate(10deg)}31%{-moz-transform:rotate(-8deg)}33%{-moz-transform:rotate(6deg)}35%{-moz-transform:rotate(-4deg)}37%{-moz-transform:rotate(2deg)}39%{-moz-transform:rotate(-1deg)}41%{-moz-transform:rotate(1deg)}43%{-moz-transform:rotate(0)}100%{-moz-transform:rotate(0)}}
@keyframes ring{0%{transform:rotate(0)}1%{transform:rotate(30deg)}3%{transform:rotate(-28deg)}5%{transform:rotate(34deg)}7%{transform:rotate(-32deg)}9%{transform:rotate(30deg)}11%{transform:rotate(-28deg)}13%{transform:rotate(26deg)}15%{transform:rotate(-24deg)}17%{transform:rotate(22deg)}19%{transform:rotate(-20deg)}21%{transform:rotate(18deg)}23%{transform:rotate(-16deg)}25%{transform:rotate(14deg)}27%{transform:rotate(-12deg)}29%{transform:rotate(10deg)}31%{transform:rotate(-8deg)}33%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}37%{transform:rotate(2deg)}39%{transform:rotate(-1deg)}41%{transform:rotate(1deg)}43%{transform:rotate(0)}100%{transform:rotate(0)}}
@-webkit-keyframes transpage1{
0%{opacity:1;}
100%{opacity:0;overflow:hidden;z-index:-100;}
}
@-moz-keyframes transpage1{
0%{opacity:1;}
100%{opacity:0;overflow:hidden;z-index:-100;}
}
@keyframes transpage1{
0%{opacity:1;}
100%{opacity:0;overflow:hidden;z-index:-100;}
}
@-ms-keyframes transpage1{
0%{opacity:1;}
100%{opacity:0;overflow:hidden;z-index:-100;}
}
@-o-keyframes transpage1{
0%{opacity:1;}
100%{opacity:0;overflow:hidden;z-index:-100;}
}


@-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%}}



.fullslideshow{opacity:1;position:relative;overflow:hidden;height:100vh;background:#000;}
.fullslideshow .homestyle .standar-address, .fullslideshow .homestyle .homeicon-default{display:none;}
.fullslideshow .homestyle .full-address, .fullslideshow .homestyle .homeicon-full{display:block;}
.fullslideshow .homestyle .headtitle{text-align:center;margin-top:20px;}
.fullslideshow .homestyle .iconsmall{height:34px;border-radius:5px 5px 0 0;border:none;padding:0 15px;margin:0 5px;background:var(--bg1);}
.fullslideshow .homestyle .iconsmall:hover{background:var(--bg1);}
.fullslideshow .homestyle .iconsmall svg{height:24px;width:24px;fill:rgba(255,255,255,0.4)}
.fullslideshow .homestyle .iconsmall:hover svg{fill:rgba(255,255,255,0.7)}
.fullslideshow .homestyle .iconsmall p{font-size:95%;font-weight:500;margin:0 0 0 3px;color:rgba(255,255,255,0.7);}
.fullslideshow .homestyle .shade1{opacity:0.35}.shade2{opacity:0.2}.shade3{opacity:0.6}

.leader1{display:none;}
.leader1:nth-child(2){display:block;text-align:center;background:var(--bg1);border-radius:0 0 4px 4px;}
.leader1 h1{font-size:100%;font-weight:normal;padding:10px;margin:0;line-height:1.1;color:var(--cwhite);border-top:var(--brdgrey) 5px solid;}
.c-main .carousel-item:nth-child(1){display:none;}

.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;}