:root{
	--cdefault: #313131;
	--cblack: #000000;
	--cwhite: #ffffff;
	--cgrey1: #dbdbdb;
	--cgrey2: #bdbdbd;
	--cgrey3: #919191;
	--cgrey4: #515151;
	--yellow: #ffba00;
	--blue: #006da2;
	--pink: #c4004c;
	--cyan: #008f95;
	--viola: #9373ac;
	--orange: #e35316;
}

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(--warna1);}
a:hover{color:var(--warna2); text-decoration:none !important;}
a:focus{outline:none; text-decoration:none !important ;color:var(--warna2) !important;}
.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;}
.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}
.trans-h{-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;}
.displaygrid {display:grid;box-sizing: border-box;}
.aligntop{align-self: start;}
.alignbottom{align-self: end;}
.relative{position:relative!important;}
.center-frtop{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);}
.mb-15{margin-bottom:15px!important;}
.mt-15{margin-top:15px;}
.mt-30{margin-top:30px!important;}
.mt-10{margin-top:10px!important;}
.mb-10{margin-bottom:10px!important;}
.mlr-min-3{margin-left:-3px;margin-right:-3px;}
.mlr-min-5{margin-left:-5px;margin-right:-5px;}
.mlr-min-5{margin-left:-5px;margin-right:-5px;}
.mlr-min-7{margin-left:-7px;margin-right:-7px;}
.p10{padding:10px!important;}
.relhid{position: relative;overflow:hidden;}
.mlr-min-10{margin-left:-10px;margin-right:-10px;}
.p5{padding:5px;}
.p15{padding:15px;}
.column-100{width:100%;margin:0;padding:0;}
.section-module{width:100%;margin:0;padding:0;}
.printonly{display:none;}
.mobile-only{display:none;}
.openpage{min-height:60vh;}
.bgblue{background:var(--blue);color:var(--cwhite)!important;}
.bgviola{background:var(--viola);color:var(--cwhite)!important;}
.warna1{background:var(--warna1);color:var(--cwhite)!important;}
.warna1:hover{background:var(--warna2);color:var(--cwhite)!important;}
.warna2{background:var(--warna2);color:var(--cwhite)!important;}
.warna2:hover{background:var(--warna1);color:var(--cwhite)!important;}
.backg-viola{background:var(--viola);}
.backg-cyan{background:var(--cyan);}
.backg-blue{background:var(--blue);}
.backg-orange{background:var(--orange);}

.header{background:var(--cwhite);}
.header-inner h1{font-size:200%;margin:0;padding:0;line-height:1.1;font-weight:bold;letter-spacing:-0.5px;}
.header-inner h2{font-size:100%;margin:0;padding:0;line-height:1.1;font-weight:bold;letter-spacing:-0.2px;}
.header{padding:15px 0 30px;background:linear-gradient(to right, var(--warna2), var(--warna1), var(--warna2));z-index:1500;}
.header-inner h1, .header-inner h2{font-size:130%;margin:0 10px;padding:0;line-height:1;font-weight:bold;letter-spacing:-0.5px;color:var(--cwhite);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);}
.header-inner img{width:auto;height:10vh;}
.header-right-icon{width:5vh;height:5vh;border-radius:4px;background:rgba(0,0,0,0.3);margin:0 0 0 5px;cursor:pointer;opacity:0.7;}
.header-right-icon svg{width:4vh;fill:var(--cwhite);}
.header-right-icon:hover{opacity:1;}
.header:after{content:"";position:absolute;left:0;right:0;bottom:0;background:var(--cwhite);border-radius:20px 20px 0 0!important;height:15px;}
.day{margin:0 10px 0 0;}
.weather-item img{width:auto;height:5vh;}
.intro{background-color:var(--warna1);}
.intro-cover{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background-color:var(--warna1);background-size:cover;background-repeat:no-repeat;background-position:center;opacity:0.4;}
.intro:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(to right, var(--warna1) 10%, transparent);}
.hometop{position:relative;overflow:hidden;border-radius:10px;}
.graph1, .graph2, .graph3, .graph4{position:absolute;right:30%;top:0;bottom:0;z-index:10;margin-right:-2px;}
.graph2, .graph3{z-index:11;}
.graph1 svg, .graph2 svg, .graph3 svg, .graph4 svg{width:auto;height:58vh;}
.graph1 svg{fill:var(--warna1);}
.graph2 svg{fill:var(--warna2);}
.graph3 svg{fill:var(--cwhite);}

#tanggal, #waktu{font-size:90%;margin:0;padding:0;line-height:1;color:var(--cwhite);}
.body-area{margin-top:calc(10vh + 45px)!important;}
.menuweb{position:relative;z-index:900;}
.menuweb .nav.navbar-nav{width:100%;background:var(--warna2) !important;padding:7px 20px!important;border-radius:7px!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;}
.tohome{float:left;}
.tohome svg{width:22px;height:auto;fill:var(--yellow)!important;}
.tohome-icon{position:absolute;left:0;top:3px;}
.ifscroll .tohome-icon{top:0;}
.menuweb li{background:transparent !important;font-size:16px!important;padding:0!important;margin:0!important;line-height:1.1!important;}
.menuweb li a{background:transparent !important;padding:5px 0!important;margin:0 20px 0 0!important;line-height:1.1!important;color:var(--cwhite)!important;text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;border-bottom:transparent 1px solid;}
.ifscroll .menuweb li a{padding:3px 0!important;}
.menuweb .caret{margin-left:3px;border-top:var(--cgrey3) 8px solid;border-right:5px solid transparent;border-left:5px solid transparent;margin-top:-2px;opacity:0.85!important;}
.menuweb li a:hover{border-bottom:var(--yellow) 1px solid;color:var(--yellow)!important;}
.menuweb li a:focus, .menuweb li a.active{color:var(--yellow)!important;}
.menuweb .dropdown-menu{background:var(--warna1)!important;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:16px!important;}
.menuweb .dropdown-menu{background:var(--cblack)!important;margin:0!important;z-index:1900;}
.menuweb .dropdown-menu li{font-size:100%!important;padding:0!important;margin:0!important;}
.menuweb .dropdown-menu li a{margin:0 5px!important;padding:8px 10px!important;}
.menuweb .dropdown-menu li a, .menuweb .dropdown-menu li a:focus, .menuweb .dropdown-menu li a.active{color:var(--cwhite)!important;border:none!important;}
.menuweb .dropdown-menu li a:hover{background:var(--warna2)!important;border:none!important;color:var(--yellow)!important;}
.tohome-icon{position:absolute;left:0;top:2px!important;}
.menuweb .dropdown-menu:nth-child(2) .dropdown-menu{margin-left:0!important;height:0!important;overflow:hidden!important;border-top:none!important;padding:0!important;opacity:0!important;border-radius:0!important;top:-6px!important;left:100%!important;}
.menuweb .dropdown-menu:nth-child(2) .dropdown-menu li a{margin:0!important;}
.menuweb .dropdown-menu:nth-child(2) li:hover .dropdown-menu, .menuweb .dropdown-menu:nth-child(2):focus .dropdown-menu, .menuweb .dropdown-menu:nth-child(2).active .dropdown-menu{height:auto!important;overflow:hidden!important;opacity:1!important;padding:5px!important;display:block!important;}
.menuweb .dropdown-menu:nth-child(2) .dropdown-menu ul.dropdown-menu{opacity:1!important;top:100%!important;left:0!important;position:relative!important;padding:0!important;}
.menuweb .dropdown-menu:nth-child(2) .dropdown-menu ul.dropdown-menu li a{position:relative;padding:0!important;margin:0 0 0 10px!important;padding:5px 10px 5px 13px!important;}
.menuweb .dropdown-menu:nth-child(2) .dropdown-menu ul.dropdown-menu li a:hover{background:transparent!important;}
.menuweb .dropdown-menu:nth-child(2) .dropdown-menu ul.dropdown-menu li a:after{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;background:#919191;border-radius:8px;}

.running-text{position:relative;overflow:hidden;background:var(--cwhite);border:var(--cgrey2) 1px solid;border-radius:5px;margin:15px 0 0;}
.running-inner{position:relative;}
.running-text marquee, .running-text a{line-height:40px;height:40px;margin:0;padding:0;font-size:95%;color:var(--cdefault)}
.running-text span{padding:0 40px 0 0;line-height:1;}
.running-head{position:relative;float:left;height:34px;padding:0 10px;z-index:2;margin:0;font-size:95%;color:var(--cwhite);line-height:34px;font-weight:normal;background:var(--warna1);border-left:var(--cwhite) 3px solid;}
.running-head:after{content:"";position:absolute;top:0;right:-10px;border-left:var(--warna1) 10px solid;border-top:transparent 17px solid;border-bottom:transparent 17px solid;}

.intro-inner-top, .intro-inner-bottom{position:relative;z-index:2;text-align:center;padding:15px 20px 15px 10px;}
.col-icon{position:relative;width:calc(50% - 6px);margin:0 3px 5px;text-align:left;padding:5px 0;border-radius:4px;background:rgba(0,0,0,0.2);border:rgba(0,0,0,0.4) 1px solid;cursor:pointer;}
.col-icon:hover{background:rgba(0,0,0,0.35);}
.col-icon img{width:auto;height:3.5vh;}
.col-icon-image{width:5vh;height:5vh;background:rgba(0,0,0,0.25);border-radius:4px;margin:0 5px;}
.col-icon:hover .col-icon-image{background:rgba(0,0,0,0.35);}
.col-icon p{font-size:90%;margin:0 5px 0 0;padding:0;line-height:1.1;color:var(--cgrey1);}

.head-module img{display:block;width:12vh;height:auto;margin:0 10px 0 0;}
.head-module h1{font-size:140%;margin:0;padding:0;line-height:1;text-transform:uppercase;color:var(--warna2);font-weight:bold;}
.stickyside-top{top:calc(7vh + 110px);}
.gerai-home-col{position:relative;width:calc(25% - 14px);margin:10px 7px 0;border:var(--cgrey2) 1px solid;border-radius:5px;}
.image-lapak, .video-box, .image-aparatur-circle, .image-carousel, .image-table, .lapak-image{width: 100%;display: block;position: relative;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;}
.image-aparatur-circle{width:18vh;height:18vh;border-radius:50%;border:var(--cgrey2) 3px solid;margin:0 auto 5px;background:url(../../images/bg-personal.jpg) no-repeat;background-size:cover;}
.image-lapak{height:30vh;border-radius:5px;}
.video-box{padding-bottom: 56.25%;border-radius:10px;}
.lapak-image{height:35vh;border-radius:10px 10px 0 0;background:linear-gradient(to right, var(--warna1), var(--warna2));z-index:5;}
.image-carousel{border-radius:10px;height:75vh;}
.image-table{width:10vh;height:10vh;border-radius:50%;text-align:center;margin:0 auto;background:var(--cgrey1);}
.imagefull img, .video-view, .image-aparatur-circle 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);}
.image-standar img{width:100%;height:auto;display:block;border-radius:10px;}
.title-produk{position:absolute;left:0;bottom:0;right:0;background:linear-gradient(to top, rgba(0,0,0,0.85), transparent);margin:0 5px 5px;border-radius:0 0 5px 5px;padding:40px 10px 10px;text-align:center;}
.title-produk h2{font-size:100%;margin:0;padding:0;line-height:1.1;text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;font-weight:bold;color:var(--cwhite);}
.harga-produk{text-align:center;margin-top:5px;}
.harga-produk p{font-size:95%;margin:0;padding:0;line-height:1.1;}
.btn{padding:0 5px!important;margin:0!important;line-height:1!important;height:auto!important;}
.btn p, .btn a{font-size:95%!important;margin:0 5px!important;padding:0!important;line-height:1!important;color:var(--cwhite);}
.btn svg{width:auto;height:20px;fill:#fff;line-height:1!important;}
.btnmed{height:34px!important;}
.btnsmall{height:30px!important;}
.btn i.fa{color:#fff;margin:0 3px;}
.lapakbot{position:relative;overflow:hidden;border-top:var(--cgrey2) 1px solid;padding:5px 10px;margin-top:10px;}
.lapak-desk{margin:10px 10px 0;text-align:center;}
.lapak-desk p{font-size:90%;padding:0;line-height:1.1;}
.open-data{height:32px;border-radius:5px;padding:0 10px;font-size:95%;margin:15px auto 0;line-height:1.1;color:var(--cwhite)!important;cursor:pointer;}
.open-data svg{width:auto;height:24px;margin:0 5px 0 0;fill:var(--cwhite);opacity:0.7;}

.galeri-area{border-radius:10px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);border:var(--cgrey2) 1px solid;}
.galeri{position:relative;overflow:hidden;border:var(--warna1) 1px solid;border-radius:10px;}
.galeri-head{position:relative;width:23%;text-align:center;background:var(--warna1);border-radius:10px 0 0 10px;}
.galeri-head:before, .galeri-head:after{content:"";position:absolute;right:-20px;width:20px;top:0;bottom:0;background:var(--warna1);z-index:3;}
.galeri-head:after{border-radius:0 0 0 20px;background:var(--cgrey1);}
.galeri-inner{position:relative;width:calc(77% - 20px);margin-left:20px;}
.galeri-head div{padding:25px 15px 15px;}
.galeri-head h2{font-size:100%;margin:0 0 5px;padding:0;line-height:1;color:var(--cwhite);text-transform:uppercase;font-weight:bold;}
.galeri-head h1{font-size:170%;margin:0;padding:0;line-height:1;color:var(--yellow);text-transform:uppercase;font-weight:800;}
.galeri-head svg{width:35%;height:auto;fill:var(--cwhite);margin:10px auto 0;opacity:0.4;}
.galeri-inner{background:linear-gradient(to right, var(--cgrey1), transparent 80%);padding:15px 15px 15px 0;}
.galeri-area .carousel-cell {width:calc(33.33333333% - 9px);margin:0 7px;}
.galeri-area .image-news{border-radius:10px!important;padding-bottom:67%;}
.bottom-title{position:absolute;left:0;bottom:0;right:0;padding:10% 15px 15px;background:linear-gradient(to top, var(--cblack), transparent);text-align:center;}
.bottom-title p{font-size:100%;margin:0;padding:0;line-height:1.1;color:var(--cwhite);}
.carousel-cell:hover .bottom-title{padding:0 15px;height:100%;background:rgba(0,0,0,0.6);}

.carousel {background:transparent;position:relative;}
.carousel-cell {width: 100%;counter-increment: gallery-cell;}
.flickity-enabled {position: relative;}
.flickity-enabled:focus { outline: none;}
.flickity-viewport {position: relative;height: 100%;overflow:hidden;}
.flickity-slider {position: absolute;width: 100%;height: 100%;}
.flickity-enabled.is-draggable {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.flickity-enabled.is-draggable .flickity-viewport {cursor: move;cursor: -webkit-grab;cursor: grab;}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {cursor: -webkit-grabbing;cursor: grabbing;}
.flickity-prev-next-button{position: absolute;width: 30px;height: 30px;border:none;background-color:transparent;background-size:30% auto;background-position: center;background-repeat: no-repeat;cursor: pointer;}
.flickity-prev-next-button{width:30px;height:30px;border-radius:30px;background-color:rgba(0,0,0,0.5);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);}
.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;}
.flickity-prev-next-button.previous{left:5px;}
.flickity-prev-next-button.next {right:5px;}
.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;}

.memberhome{width:100%;background:linear-gradient(to top, var(--cwhite), var(--cgrey1) 50%);}
.member{background:linear-gradient(to top, var(--cwhite) 20%, var(--cgrey1));}
.head-module-center{background:var(--cwhite);padding:0 15px 5px;border-radius:0 0 10px 10px;margin:-1px auto 25px;}
.aparatur-col{position:relative;width:25%;text-align:center;margin:0 auto 15px!important;}
.staf1 {margin:0 15%;}
.staf1 .aparatur-col{width:50%;}
.aparatur-col h3{font-size:90%;margin:5px 10px 0;line-height:1.1;padding:0;font-weight:bold;}
.aparatur-col p{font-size:90%;margin:5px 10px 0;line-height:1.1;padding:0;font-weight:normal;}
.staf1 .aparatur-col{display:none;}
.staf1 .aparatur-col:nth-child(1), .staf1 .aparatur-col:nth-child(2){display:block;}
.staf2 .aparatur-col:nth-child(1), .staf2 .aparatur-col:nth-child(2){display:none;}
.stat-top{position:relative;overflow:hidden;text-align:center;padding:10px 15px;}
.stat-top p{font-size:100%;margin:0;padding:0;line-height:1.1;}
.stat-total .stat-total-item{display:none;}
.stat-total .stat-total-item:last-child{display:block!important;}
.stat-total-item{font-size:180%;font-weight:bold;padding:0;margin:0 10px;line-height:1.1;color:var(--warna1);}
.stat-gender{display:none;}
.stat-gender:nth-child(1), .stat-gender:nth-child(2){position:relative;height:9vh;line-height:9vh;margin:10px 5px;}
.stat-gender:nth-child(1){display:flex !important;justify-content: right;align-items:center;padding-right:10vh;}
.stat-gender:nth-child(2){display:flex !important;justify-content: left;align-items:center;padding-left:10vh;}
.stat-gender h2{line-height:1;font-size:120%;font-weight:bold;padding:0;margin:0 5px 0 0;}
.stat-gender p{line-height:1;font-size:90%;font-weight:normal;padding:0;margin:0;}
.stat-bottom{padding:15px 10% 0;}
.statgraph{height:26vh;}
.statgraph .highcharts-background{fill: transparent;stroke:transparent;}
.statgraph .highcharts-grid path {stroke: var(--cgrey2);stroke-dasharray: 1 1;}
.statgraph .highcharts-xaxis path {stroke: var(--cgrey2);stroke-width: 1px;}
.statgraph .highcharts-yaxis path {stroke: var(--cgrey2);stroke-width:1px;}
.statgraph .highcharts-contextbutton {display:none!important;}
.statgraph .highcharts-title, .statgraph .highcharts-credits{display:none;}
.statgraph .highcharts-color-1 {fill: #FF408F;stroke: transparent;}
.statgraph .highcharts-color-2 {fill: #B9E357;stroke: transparent;}
.statgraph .highcharts-color-0 {fill: #0094CF;stroke: transparent;}
.stickymain-margin{margin:0 30px 0 0;}
.stickymain-margin2{margin:0 0 0 30px;}

.latest-col{border-radius:10px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);border:var(--cgrey2) 1px solid;}
.latest-top{padding:5px 5px;position:relative;overflow:hidden;}
.latest-top h2{font-size:100%;margin:10px 25px 0;padding:0;line-height:1.1;font-weight:bold;letter-spacing:-0.2px;color:var(--cdefault);}
.latest-col:hover .latest-top h2{color:var(--warna1);}
.image-news{width: 100%;display: block;position: relative;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;}
.image-news{padding-bottom:50%;border-radius:10px 10px 0 0;}
.latest-info{position:relative;overflow:hidden;background:var(--warna1);border-radius:0 0 10px 10px;margin:-3px 0 0;z-index:2;}
.latest-info-inner{position:relative;height:30px;background:var(--warna2);padding:0 55px 0 25px;}
.latest-info-inner:after{content:"";position:absolute;right:0;top:0;height:30px;width:30px;background:var(--warna1);border-radius:0 0 0 30px;}
.latest-info h3{margin:0;padding:0;line-height:1;font-size:95%;color:var(--cwhite);font-weight:normal}
.latest-top p{margin:10px 25px 0;padding:0;line-height:1;font-size:95%;font-weight:normal;color:var(--cdefault);}
.latest-bot{position:relative;overflow:hidden;margin:10px 0 0;padding:0 25px;border-top:var(--cgrey2) 1px solid;height:34px;}
.latest-bot-info{margin:0 15px 0 0;padding:0;}
.latest-bot-info p{font-size:90%;margin:0;padding:0;line-height:1;font-size:95%;font-weight:normal;}
.latest-bot-info svg{width:auto;height:20px;margin:0 5px 0 0;line-height:1;opacity:0.5;}
.latest-col:hover .image-news{transform: scale(1.1);}
.latest-comment{float:right;margin:0 0 0 auto;}
.imagebox{position:relative;overflow:hidden;border-radius:10px 10px 0 0;}
.head-module2{border-bottom:var(--cgrey2) 1px solid;padding:0 0 5px;}
.head-module2 h1{font-size:140%;margin:0;padding:0;line-height:1;text-transform:uppercase;color:var(--warna2);font-weight:bold;}
.head-module-icon{width:36px;height:36px;background:var(--warna1);margin:0 10px 0 0;border-radius:5px;}
.head-module-icon svg{width:auto;height:24px;fill:var(--cwhite);}
.news-small{margin:10px 0 0;}
.news-small-image{position: relative;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;width:12vh;height:12vh;border-radius:12vh;}
.news-small-title{position: relative;width:calc(100% - 13vh);margin:0 0 0 1vh;}
.news-small-title p{font-size:95%;margin:0;padding:0;line-height:1.1;font-weight:normal;}
.news-small-title h2{font-size:95%;margin:0 0 5px;padding:0;line-height:1.1;font-weight:bold;}
.news-small a{color:var(--cdefault);}
.news-small a:hover{color:var(--warna1);}
.boxborder{position:relative;overflow:hidden;padding:15px 15px;border:var(--cgrey2) 1px solid;border-top:none;border-radius:0 0 10px 10px;}
.pagination{margin:0!important;}
.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:var(--warna1);height:30px;font-size:95%;background-color:var(--cwhite);border:1px solid var(--cgrey2);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(--warna1);background-color:var(--bggrey3);border-color:var(--cgrey2)}
.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(--warna1);border-color:var(--warna1)}
.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(--cgrey2)}

.intro-top{position:relative;overflow:hidden;padding:10px 35px;text-align:center;margin:0 0 25px!important;}
.intro-top p{font-weight:normal!important;line-height:1.3!important;font-size:95%!important;color:var(--cwhite);}
.quote-open, .quote-close{position:absolute;width:30px;height:30px;}
.quote-open{top:0;left:0;}
.quote-close{right:0;bottom:0;}
.quote-open svg, .quote-close svg{width:100%;height:auto;fill:#fff!important;opacity:0.5}
.countdown-event{position:relative;overflow:hidden;text-align:center !important;}
.countdown-time{margin:10px auto 10px;text-align:center !important;}
.countdown-event h2{font-family:Arial!important;position:relative;font-size:120%;line-height:1.1;font-weight:bold;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(--yellow) 0%,var(--cwhite) 29%,var(--yellow) 67%,var(--cwhite) 100%);}
.countdown-event p{font-size:95%;line-height:1.1;margin:3px 0 0;color:var(--cwhite);}
.countdown-box{width:8vh;margin:0 3px;border-radius:5px;padding:8px 0;color:var(--cwhite);border:rgba(255,255,255,0.2) 2px solid;}
.countdown-box span{font-size:100%;line-height:1;margin:0;padding:0;font-weight:bold;}
.countdown-box p{font-size:90%;line-height:1.1;}

.boxred{position:relative;overflow:hidden;padding:10px;border-radius:10px;background:var(--warna1);}
.boxred .head-module-icon{background:rgba(0,0,0,0.25);}
.boxred .head-module2{border:none;padding:0;}
.boxred .head-module2 h1{color:var(--cwhite);}
.module-mini .scrollbar{max-height:35vh;width: 100%;overflow-y: scroll;}
.member-box{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;}
.member-box .scrollbar{height:100%;width: 100%;overflow-y: scroll;}
#style-3::-webkit-scrollbar-track{background-color:transparent;}
#style-3::-webkit-scrollbar{width: 8px;background-color:transparent;}
#style-3::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.08)!important;border-radius:8px;}

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

@keyframes touch{
0%{width:auto;}
100%{width:50px;}
}
.agenda-row{margin:15px 0 0;}
.agenda-row h2{font-size:95%;margin:3px 0 0 10px;padding:0;line-height:1.1;font-weight:normal;color:var(--cwhite);}
.table-agenda{border-left:rgba(255,255,255,0.5) 5px solid;}
.table-agenda td{font-size:95%;vertical-align:top;margin:0;padding:0 0 0 5px;line-height:1.1;font-weight:normal;color:var(--cwhite);}
.hari-ini h2{animation: blink 1s linear infinite;}
@keyframes blink{
0%{opacity: 0.2;}
50%{opacity: .6;}
100%{opacity: 1;}
}

.comment-icon{position:relative;width:5vh;padding:2px 0 0;}
.comment-title{position:relative;width:calc(100% - 6vh);margin:0 0 0 1vh;padding:0 0 5px;}
.comment-icon svg, .comment-icon img {width:100%;height:auto;fill:var(--yellow);}
.comment-title h2, .comment-title h3{font-size:100%;margin:0;line-height:1.1;padding:0;font-weight:bold;}
.comment-title h3{font-weight:normal;font-size:100%;}
.comment-title p, .sosmed p{font-size:100%;margin:3px 0 0;line-height:1.1;padding:0;}

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

.headingpage{border:var(--warna1) 1px solid;padding:30px 0 20px;margin:-10px auto 15px;border-radius:0 0 10px 10px;background:linear-gradient(to right, var(--cgrey1), transparent, var(--cgrey1));}
.headingpage h1{font-size:120%;margin:0;padding:0;line-height:1;text-transform:uppercase;}
.headingpage img{width:8vh;height:auto;margin:0 10px 0 0;line-height:1;}
.head-title{position:relative;margin:10px 0 0;padding:0;}
.head-title h1{font-size:200%;margin:0 0 10px;padding:0;line-height:1.3;letter-spacing:-0.5px;color:var(--cblack);}
.meta{margin:0 20px 0 0;}
.meta p{font-size:95%;margin:0;line-height:1;padding:0;font-weight:normal;}
.meta svg{width:20px;margin:0 3px 0 0;padding:0;line-height:1;opacity:0.4;}
.content-isi, .content-isi h1,.content-isi h2,.content-isi h3,.content-isi h4,.content-isi h5,.content-isi h6,.content-isi p {line-height:1.5;display:block;}
.content-isi h1,.content-isi h2,.content-isi h3,.content-isi h4,.content-isi h5,.content-isi h6,.content-isi p{margin:0 0 15px;}
.content-isi ul{margin:0 0 10px 40px;line-height:1.4;padding:0;}
.content-isi li{margin:0 0 10px 0;line-height:1.4;padding:0;}
.content-isi .box-tools{display:none;}
.content-isi .table, .content-isi table{width:100% !important;}
.content-isi .box-header{display:flex !important;justify-content: center;align-items: center;}
.content-isi .box-header h3{font-size:120%;padding:0 0 5px;margin:0 auto 5px;text-align:center;border-bottom:var(--brdgrey) 1px solid;}
.content-isi .box{padding:0 0 10px !important;}
.content-isi hr {margin-top: 5px !important;margin-bottom: 5px !important;border:none !important;}
.content-isi .progress-group{font-size:90% !important;}
.content-isi .progress-bar{background-color:var(--colorsoft3) !important;}
.content-isi .progress-bar-striped {background-color: var(--bggrey2) !important;}
.content-isi .progress {height: 15px !important;border-radius:15px !important;}
.content-isi .progress-bar {line-height: 15px !important;border-radius:15px !important;}
.content-isi img{margin:0 auto !important;min-width:50% !important;max-width:100% !important;text-align:center;}
.btshare{width:35px;height:35px;border-radius:50%;margin:0 2px;}
.btshare svg{width:18px;height:auto;fill:var(--cwhite);}
.facebook{background:#0054b8;}
.twitter{background:#009bb8;}
.email{background:#e21f6e;}
.telegram{background:#0075d2;}
.print{background:#e66000;}
.whatsapp{background:#06a700;}
.agenda-col, .agenda-col2, .agenda-col3{position:relative;width:calc(33.33333333% - 10px);margin:5px;background:var(--bgwhite);border-radius:5px;text-align:center;cursor:pointer;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);transition:all 150ms ease-in-out;-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;}
.agenda-col3{width:calc(100% - 10px);text-align:left;}
.agenda-icon{position:relative;overflow:hidden;width:50px;height:50px;border-radius:50%;margin:0 auto 10px;}
.agenda-col3 .agenda-icon{margin:0;width:24px;height:24px;background:transparent;}
.agenda-icon:before{content:"";position:absolute;width:50px;height:50px;border-radius:50%;bottom:-25px;left:0;background:var(--bgwhite);opacity:0.3;}
.agenda-col3 .agenda-icon:before{display:none;}
.agenda-icon svg{width:30px;height:auto;fill:var(--cgrey2);}
.agenda-col3 .agenda-icon svg{fill:var(--warna2);width:24px;}
.lampiran h2{font-size:100%;margin:0 10px 0 0;line-height:1.1;padding:0;}
.btnbig{height:40px!important;}
.mainimage{position:relative;overflow:hidden;border-radius:10px;}
.to-fullscreen{position:absolute;width:40px;height:0;border-radius:50%;background:var(--cblack);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);}
.image-carousel:hover .to-fullscreen{height:40px;}
.to-fullscreen svg{width:auto;height:0;fill:var(--cwhite);}
.image-carousel:hover .to-fullscreen svg{height:24px;}
.headarrow{position:relative;padding:10px 0;margin:0 0 0;}
.headarrow h1{position:relative;font-size:100%;margin:0;line-height:1;padding:0 0 0 20px;font-weight:bold;color:var(--cdefault);}
.headarrow h1:after{content:"";position:absolute;top:1px;left:0;border-top:var(--yellow) 13px solid;border-left:transparent 8px solid;border-right:transparent 8px solid;}
.comment-small{margin:15px 5px 0!important;}
.comment-small:first-child{margin-top:10px!important;}
.comment-icon{position:relative;width:5vh;padding:2px 0 0;}
.comment-title{position:relative;width:calc(100% - 6vh);margin:0 0 0 1vh;padding:0 0 5px;}
.comment-icon svg, .comment-icon img {width:100%;height:auto;fill:var(--yellow);}
.comment-title h2, .comment-title h3{font-size:100%;margin:0;line-height:1.1;padding:0;font-weight:bold;}
.comment-title h3{font-weight:normal;font-size:100%;}
.comment-title p, .sosmed p{font-size:100%;margin:3px 0 0;line-height:1.1;padding:0;}
.comment-reply{position:relative;overflow:hidden;}
.comment-reply img{width:20px;height:auto;}
.comment-left{position:relative;width:calc(70% - 20px);margin:0 10px;overflow:hidden;}
.comment-right{position:relative;width:calc(30% - 20px);margin:0 10px;overflow:hidden;}
.comment-left .form-control{width:100%;padding:0 10px;font-size:100%!important;line-height:1.1;background-color:transparent;border:1px solid var(--cgrey2);-webkit-box-shadow:none;box-shadow:none;}
.textarea, .textarea:focus{border: 1px solid var(--cgrey2);outline:none;box-shadow:none;min-height:80px;width:100%!important;border-radius:4px;overflow:hidden;padding:10px;}
.captcha{border:1px solid var(--cgrey2);text-align:center;border-radius:4px;}
.captcha .form-control{width:100%;padding:0 10px;font-size:100%!important;line-height:1.1;background-color:transparent;border:none;border-top:1px solid var(--cgrey2);-webkit-box-shadow:none;box-shadow:none;text-align:center;border-radius:0;}
.captcha img{width:60%;height:auto;margin:20px auto;}
.notif-comment{border-radius:5px;background:var(--bggrey1);border:1px solid var(--cgrey2);padding:15px;}
.sosmed p{margin:0;font-size:100%;}
.sosmed{margin:5px 0;}
.sosmed img{width:auto;height:5vh;margin:0 5px 0 0;}
.lampiran h2{font-size:100%;margin:0 10px 0 0;line-height:1.1;padding:0;}
.form-comment .table-comment td{padding:0 0 5px!important;}
.table-comment td{padding:0!important;vertical-align:top;font-size:100%;line-height:1.1!important;margin:0;}
.btnblock{display:block;width:100%;}
.empty{position:relative;overflow:hidden;text-align:center;}
.empty-image img{display:block;width:40%;margin:15px auto 20px;}
.empty h2{display:block;margin:15px auto;font-size:120%;padding:0;color:var(--warna2);}
.table-arsip th{padding:0 5px 15px !important;font-size:100%;line-height:1.1;margin:0;border:none;border-bottom:4px solid!important;}
.table-arsip td{padding:15px 5px !important;vertical-align:top;font-size:95%;line-height:1.1!important;margin:0;}
.table-arsip p{padding:0!important;line-height:1!important;margin:0!important;}
.table-arsip h3{font-size:100%;padding:0!important;line-height:1!important;margin:5px 0!important;}
.table-arsip a{color:var(--cdark);}
.table-arsip a:hover{color:var(--color2);}
.table-arsip svg{width:24px;height:auto;opacity:0.4!important;margin-bottom:-6px!important;}

.pengaduan-notif{width:100%;float:left;position:relative;overflow:hidden;margin:15px 0 !important;}
.alertpengaduan{margin:0 0;padding:8px;border-radius:4px;background:var(--bggrey3);}
.alertpengaduan p{font-weight:bold;font-size:95%;padding:0;margin:0;line-height:1.2;color:var(--color1);}
.itempengaduan{display:inline-block;margin:30px 0 0;width:100%;}
.itempengaduan:nth-child(1){margin:10px 0 0;}
.row-bullet{width:100%;float:left;}
.row-bullet-inner{position:relative;border-left:var(--cgrey2) 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(--cgrey2) 2px solid;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
.row-bullet-circle:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:8px;background:var(--yellow);-webkit-transform: translate3d( -50%, -50%, 0);-moz-transform: translate3d( -50%, -50%, 0);-ms-transform: translate3d( -50%, -50%, 0);-o-transform: translate3d( -50%, -50%, 0);transform: translate3d( -50%, -50%, 0);}
.row-bullet-inner h2{font-weight:500;font-size:100%;padding:0;margin:0 0 0 30px;line-height:1.2;}
.pengaduan-1{width:calc(50% - 8px);margin:0 4px;position:relative;}
.pengaduan-2, .pengaduan-3{width:calc(25% - 8px);margin:0 4px;position:relative;}
.row-bullet-inner h3{font-weight:500;font-size:100%;padding:0;margin:0;line-height:1.2;}
.pengaduan-3 svg{width:auto;height:24px;margin:4px 0 0;fill:var(--cgrey2)}
.status{width:24px;height:24px;margin:0 5px 0 0;border-radius:2px;}
.status svg{width:auto;height:14px;fill:var(--cwhite);}
.status img{width:auto;height:4px;}
.image-pengaduan img{display:block;max-width:100%;margin:0;height:auto;border-radius:10px;}
.detail-pengaduan h3, .detail-pengaduan h2, .detail-pengaduan p{font-weight:500;font-size:100%;padding:2px 0;margin:0;line-height:1.2;}
.detail-pengaduan p{margin-right:5px;}
.detail-pengaduan h2{font-weight:bold;margin:20px 0 10px 0;padding:0 0 3px;border-bottom:var(--cgrey2) 1px solid;}
.speak {padding:0 0 0 30px;min-height:22px;margin:0 0 10px;}
.speak-icon{width:22px;height:22px;position:absolute;top:0;left:0;}
.speak-icon svg{width:22px;height:auto;fill:var(--cgrey3);}
.speak p{font-weight:500;font-size:95%;padding:0;margin:1px 0 0;line-height:1.2;position:relative;overflow:hidden;}
.speak h1{font-weight:bold;font-size:100%;padding:0;margin:1px 0 0;line-height:1.2;color:var(--color1);}
.head-pengaduan{font-family: 'Poppins-Medium', sans-serif!important;font-size:180%;margin:0;padding:0;line-height:1.2;color:var(--cdark);letter-spacing:-1px;}
.imagecaptha{position:relative;width:calc(35% - 10px);margin:0 5px;}
.imagecaptha img{width:100%;height:auto;border-radius:4px;}
.changecaptha{position:relative;width:calc(65% - 10px);margin:0 5px;background:var(--bggrey5);border-radius:3px;line-height:1.1;font-size:70%;font-weight:normal;padding:0 5px 0 0;}
.changecaptha svg{width:auto;height:30px;margin:0 0;fill:var(--color1);}
.tanggapan p{font-size:95%;font-weight:normal;}
.inner-modal .scrollbar{height:100%;width: 100%;overflow-y: scroll;}
.modalhead{position:absolute;left:0;top:0;right:0;height:50px!important;background:var(--warna1)!important;}
.galpage-col{position:relative;width:calc(50% - 20px);margin:15px 10px 0;text-align:center;}
.framefoto{margin:0 auto;padding:10px;background:var(--cgrey1);-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,.2);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(--cgrey1)}
.image-galpage{width: 100%;display: block;position: relative;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;}
.image-galpage{height:40vh;}
.abs-bottom{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(to top, var(--cblack), transparent);text-align:center;padding:30px 10px 15px;}
.abs-bottom p{font-size:100%;line-height:1.1;margin:0 0 5px;padding:0;color:var(--cwhite);font-weight:bold;text-shadow:-1px -1px 0 rgba(0,0,0,0.4), 1px -1px 0 rgba(0,0,0,0.4), -1px 1px 0 rgba(0,0,0,0.4), 1px 1px 0 rgba(0,0,0,0.4);}
.inner-foto:hover .abs-bottom{top:0;background:rgba(0,0,0,0.5);padding:0 10px;}
.col-pemerintah{position:relative;width:calc(25% - 20px);margin:10px;border-radius:10px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);text-align:center;}
.box-pemerintah{margin:10px;}
.pemerintah-name{position:absolute;left:0;bottom:0;right:0;padding:20% 15px 15px;border-radius:0 0 10px 10px;background:linear-gradient(to top, var(--warna2), transparent);}
.col-pemerintah h2{font-size:100%;margin:15px 0;line-height:1.1;padding:0;font-weight:bold;}
.col-pemerintah h3{font-size:100%;margin:0;line-height:1.1;padding:0;font-weight:normal;color:var(--cwhite);}
.absen-hadir, .absen-empty{margin:0 40px 10px;border-radius:5px;padding:10px;}
.absen-hadir p, .absen-empty p{font-size:90%;margin:0;padding:0;line-height:1.1;color:var(--cwhite);font-weight:normal;}
.aparatur-social{color:var(--cblack);margin:0 3px;opacity:0.5;padding:0;}
.aparatur-social i.fa{font-size:110%!important;}
.image-pemerintah{width: 100%;display: block;position: relative;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;}
.image-pemerintah{height:50vh;border-radius:10px;}
.info-pemerintah{border-top:var(--cgrey2) 1px solid;padding:10px 0;}

.footer-area{position:relative;overflow:hidden;padding:40px 0;background:var(--cgrey1);border-top:var(--warna1) 1px solid;}
.footer-col{position:relative;width:calc(33.33333333% - 14px);margin:5px 7px;}
.footer-col h3{display:block;font-size:100%;margin:0 0 5px;padding:0;line-height:1.1;font-weight:bold;}
.footer-col p{display:block;font-size:95%;margin:0;padding:0;line-height:1.1;}
.footer-col td{font-size:95%;vertical-align:top;margin:0;padding:0;line-height:1.1;font-weight:normal;}
.footer-col a{color:var(--cdefault);}
.contact-foot svg{width:24px;height:auto;fill:var(--cblack);opacity:0.5}
.social-bottom img{width:24px;margin:0 3px;}
.contact-foot{margin-bottom:10px;}
.copyright{position:relative;overflow:hidden;padding:15px 0;background:linear-gradient(to right, var(--warna2), var(--warna1), var(--warna2));}
.copyright p{display:block;font-size:95%;margin:0;padding:0;line-height:1.1;color:var(--cwhite);}

.search .form-control{line-height:36px;height:36px;border-radius:36px;border:none;padding:0  10px;font-size:95%;background:var(--warna1);color:var(--cwhite)!important;}
.search .form-control:focus, .search .form-control.active{box-shadow:none;background:var(--warna1);color:var(--cwhite)!important;}
.searching, .cancel{width:36px;min-width:36px;height:36px;border-radius:36px;margin:0 0 0 5px;background:var(--warna1);border:none!important;outline:none!important;box-shadow:none!important;cursor:pointer;}
.searching svg, .cancel svg{width:22px;height:auto;fill:#fff;}
.header-right-icon img{width:3vh;height:auto;}
#warna .dropdown-menu{left:auto;right:0;padding:10px;min-width:220px;margin:3px 0 0;border:var(--warna2) 1px solid;box-shadow:none;border-radius:5px;}
.header-right{z-index:1200;}
.color-col{position:relative;width:calc(50% - 10px);margin:5px;}
.color-item{position:relative;overflow:hidden;padding:0 5px;height:34px;border-radius:4px;}
.color-item p{font-size:90%;margin:0;padding:0;line-height:1;color:#fff;}
.style-2{background:linear-gradient(to right, #D90000, #960000);}
.style-4{background:linear-gradient(to right, #0073bc, #004789);}
.style-1{background:linear-gradient(to right, #00928d, #006b58);}
.style-3{background:linear-gradient(to right, #d0a563, #b38a4a);}

.filterleft{position:relative;overflow:hidden;padding:0 0 10px;}
.form-change{position:relative;width:100%;}
.form-change .form-control{line-height:1.1;height:50px;border-radius:4px;border:var(--cgrey2) 1px solid;padding:0 10px;background:transparent;transition:all 0.2s linear 0.1s;-webkit-transition:all 0.1s linear 0.1s;-moz-transition:all 0.1s linear 0.1s;-o-transition:all 0.1s linear 0.1s;}
.form-change .form-control:focus, .form-change .form-control.active{box-shadow:none;background-color:transparent;border:var(--cgrey2) 1px solid;outline:none;box-shadow:none;}
.filter-info{position:relative;padding:20px 10px;border-radius:5px;background:var(--cgrey1);text-align:center;}
.filter-info:after{content:"";position:absolute;bottom:-12px;left:50%;margin-left:-5px;border-top:var(--cgrey1) 13px solid;border-right:transparent 12px solid;border-left:transparent 12px solid;}
.filter-info p{font-size:95%;line-height:1.2;margin:0;padding:0;}
.filter-info img{display:block;width:25%;margin:0 auto 5px;height:auto;}
.lapak-colpage{position:relative;width:calc(50% - 20px);margin:10px;border-radius:10px;background:var(--cwhite);-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);text-align:center;transition:all 150ms ease-in-out;-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;}
.lapakstyle .carousel{z-index:2;}
.price{position:relative;overflow:hidden;padding:10px;margin:0 0 0;border-radius:0 0 10px 10px;background:linear-gradient(to right, var(--warna1), var(--warna2));color:var(--cwhite);}
.discount{color:var(--cgrey2);text-decoration: line-through var(--cgrey2);}
.price p{margin:0 5px;}
.product-title h2{font-family: 'Poppins-Medium', sans-serif!important;font-size:100%;margin:0;padding:0;line-height:1.3;}
.lapak-colpage h3{font-size:90%;margin:0 0 10px;padding:0;line-height:1.1;opacity:0.7;}
.lapak-colpage i.fa{margin:1px 3px 0 0;line-height:1;}
.carousel-control.left {background-image:none;background-repeat:no-repeat;}
.carousel-control.right {background-image:none;background-repeat:no-repeat;}
.carousel-control-leftarrow{border-radius:3px;background-repeat:no-repeat;background-position:center;background-size:30% auto;background-color:rgba(0,0,0,0.5);width:25px;height:25px;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.carousel-control-rightarrow{border-radius:3px;background-repeat:no-repeat;background-position:center;background-size:30% auto;background-color:rgba(0,0,0,0.5);width:25px;height:25px;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.modal #map{height:60vh;}
.header-modal{position:relative;overflow:hidden;height:40px;background:var(--warna1);}
.header-modal h1{font-size:100%;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);}
.right-close{width:30px;height:30px;margin:0 15px 0 auto;float:right;background:rgba(0,0,0,0.25);cursor:pointer;border-radius:4px;}
.right-close svg{width:20px;height:auto;fill:#fff;}
.modalhead{position:absolute;left:0;top:0;right:0;height:50px;background:var(--warna1)!important;} 
.scrollbar-pd{padding:15px;}
.detail-lapak h1{font-size:120%;margin:0 0 15px;padding:0;line-height:1.1;color:var(--cblack);}
.detail-lapak p{font-size:100%;margin:0;padding:0;line-height:1.1;}
.lapak-empty{width:100%;text-align:center;}
.lapak-empty h2{font-size:100%;margin:0 0 15px;padding:0;line-height:1.1;color:var(--cblack);}
.table-small td{vertical-align:top;padding:5px 0;margin:0;line-height:1.1;font-size:90%;}
.sinergi{border-radius:0 0 10px 10px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);border:var(--cgrey2) 1px solid;text-align:center;padding:0 10px;}
.sinergi-table td{vertical-align:top;text-align:center;width:33.33333333%;padding:10px;}

.modalcenter .modal {position: fixed;margin: auto;width: 100%;top:0;bottom:0;left:0;z-index:9999999 !important;}
.modal-open {overflow-x: hidden;overflow-y: auto;}
.modal{z-index:9999999 !important;}
.modal-dialog{z-index:99999 !important;}
.modal-backdrop{z-index:3000 !important;background:#000;}
.modal-backdrop.in{filter:alpha(opacity=100);opacity:0.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 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);}
.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{position:absolute;left:0;right:0;top:50px !important;bottom:0 !important;background:var(--cwhite)!important;}
.inner-modal-center{position:absolute;left:0;right:0;top:50%;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
.geraihome #map{height:50vh;}
.corner-fixed{position:fixed;bottom:10px;right:10px;}
.corner-item{width:34px;height:34px;margin:5px 0 0;border-radius:4px;cursor:pointer;}
.corner-item svg{width:24px;height:auto;fill:#fff;}


.ifscroll .header-inner img{height:7vh;}
.ifscroll .header-inner h1, .ifscroll .header-inner h2{font-size:100%;}
.ifscroll .header{padding:10px 0 15px;}
.ifscroll .mainmenu{position:fixed;top:calc(7vh + 25px);left:0;right:0;z-index:500;}
.ifscroll .header:after{border-radius:20px 20px 0 0!important;height:5px;}
.ifscroll .tohome-icon{top:0!important;}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes slideInUp {
  0% {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
  }
  @keyframes slideInUp {
  0% {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
  }
  
@keyframes textclip{to{background-position:200% center}}@-webkit-keyframes textclip{to{background-position:200% center}}@-moz-keyframes textclip{to{background-position:200% center}}@-o-keyframes textclip{to{background-position:200% center}}@-ms-keyframes textclip{to{background-position:200% center}}
@keyframes flip{0%,80%{transform:rotateY(360deg)}}@-webkit-keyframes flip{0%,80%{transform:rotateY(360deg)}}@-moz-keyframes flip{0%,80%{transform:rotateY(360deg)}}@-o-keyframes flip{0%,80%{transform:rotateY(360deg)}}@-ms-keyframes flip{0%,80%{transform:rotateY(360deg)}}

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

        @keyframes fadeOut {
            100% {
                opacity: 0;
                visibility: hidden;
            }
        }
		
.footer-mob{display:none;position:fixed;bottom:0;left:0;right:0;z-index:1300;background:linear-gradient(to right, var(--warna2), var(--warna1), var(--warna1), var(--warna2));}
.footer-mob-inner{padding:0 15px;}
.mob-home, .mob-color{width:50px;height:50px;}
.mob-home svg, .mob-color svg{width:auto;height:24px;fill:var(--cwhite);opacity:0.6;}
.mob-color{margin:0 0 0 auto;float:right;}
.modal-center-box{position:relative;overflow:hidden;width:90%;min-width:90%;max-width:90%;margin:0 5%;background:var(--cgrey1);border-radius:10px;}
.footer-mob-menu{display:none;position:fixed;bottom:0;left:50%;-webkit-transform: translate3d(-50%, 0, 0);-ms-transform: translate3d(-50%, 0, 0);-o-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);}
.mob-menu{width:70px;height:60px;border-radius:100%;background:var(--warna1);}
.mob-menu svg{width:auto;height:34px;fill:var(--cwhite);opacity:0.6;}		

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

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

.menupanel{
 position: fixed;
 bottom:0;
 left: 0;
 height: 0;
 width: 100%;
 overflow: hidden;
background:var(--warna2);
 z-index: 2500;
 transition: 0.5s;
 -webkit-transition: 0.5s;
 -moz-transition: 0.5s;
 -o-transition: 0.5s;
}
.menupanel-inner{position:absolute;left:0;right:0;bottom:0;height:70vh;background:var(--cwhite);}
.panel-close{position:absolute;top:-20px;width:40px;height:40px;border-radius:50%;background:var(--cwhite);z-index:10;left:50%;-webkit-transform: translate3d(-50%, 0, 0);-ms-transform: translate3d(-50%, 0, 0);-o-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);z-index:200;}
.panel-close svg{width:24px;height:auto;fill:var(--cdefault);}
.panel-padding{position:relative;padding:40px 15px 30px 20px;z-index:90;}
.menupanel-inner{height:80vh;}
.iconpanel-inner:before, .menupanel-inner:before{content:"";position:absolute;left:0;right:0;top:0;height:60px;z-index:100;background:linear-gradient(to top, transparent, var(--cwhite), var(--cwhite));}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes slideInUp {
  0% {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
  }
  @keyframes slideInUp {
  0% {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
  }
.mobilemenu{border:var(--cgrey2) 1px solid;border-top:none;} 
.mobilemenu-inner{padding:0 15px;}
.mobilemenu .dropdown-menu{position:relative!important;top:auto!important;bottom:auto!important;left:0;overflow:hidden;float:none;width:100%;margin:0 0 0!important;padding:0 25px 10px!important;border:none!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;}
.mobilemenu li:hover, .mobilemenu li.active, .mobilemenu li a:hover, .mobilemenu li a.active{background:transparent!important;}
.mobilemenu li, .mobilemenu .dropdown-menu li, .mobilemenu li a, .mobilemenu .dropdown-menu li a{margin:0!important;padding:0!important;font-size:17px!important;font-weight:bold;}
.mobilemenu li a{padding:10px!important;border:none;border-top:var(--cgrey2) 1px solid;color:var(--warna2);}
.mobilemenu .dropdown-menu li a{padding:3px 0!important;border:none;color:var(--cdefault);}
.mobilemenu .caret{margin-left:5px;opacity:.3;border-top:var(--cgrey3) 10px solid;border-right:6px solid transparent;border-left:6px solid transparent;margin-top:-2px;opacity:1;}
.mobilemenu .nav{margin:0!important;padding:0!important;}
.panelmob .scrollbar{height:100%;width: 100%;overflow-y: scroll;}
.panelmob{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;padding:20px 0 0;}