#feed{ /*display: none;*/ }
html {margin: 0;padding: 0;}
body{background-color:var(--bg-white); color:#212121; overflow-x:hidden !important;font-size:20px !important;margin: 0;padding: 0;font-family: 'Roboto-Regular';}
h1, h2, h3, h4{margin:0;padding:0;line-height:1.2;font-weight:bold;}
p{font-size:100%;margin:0;padding:0;}
a{text-decoration:none; color:#064500;}
a:hover{color:#000; text-decoration:none !important;}
a:focus{outline:none; text-decoration:none !important ;color:#007b17 !important;}
#regcarano{display:none;}
:root{
	--c-black: #000000;
	--c-white: #ffffff;
	--c-yellow: #ffb300;
	--c-biru: #006da2;
	--c-pink: #c4004c;
	--c-hijau: #229e14;
	--c-merah: #d20000;
	--c-ungu: #9362a7;
	--c-toska: #0ba299;
	--c-orange: #ff741d;
	--c-grey1: #dbdbdb;
	--c-grey2: #bdbdbd;
	--c-grey3: #919191;
	--c-greydark: #212121;
	--border-white: #ffffff;
	--border-grey1: #bdbdbd;
	--border-grey2: #919191;
	--backg-white: #ffffff;
	--backg-grey1: #e0e0e0;
	--backg-grey2: #dbdbdb;
	--backg-grey3: #bdbdbd;
	--backg-black: #000000;
	--backg-greydark: #313131;
	--backgwhite-trans-center: linear-gradient(to right,  var(--backg-white), transparent, transparent, var(--backg-white));
	--backgwhite-trans3: rgba(255,255,255,0.3);
	--backgwhite-trans4: rgba(255,255,255,0.4);
	--backgwhite-trans5: rgba(255,255,255,0.5);
	--backgwhite-trans6: rgba(255,255,255,0.6);
	--backgblack-trans3: rgba(0,0,0,0.3);
	--backgblack-trans5: rgba(0,0,0,0.5);
	--backg-black-top: linear-gradient(to top,  var(--backg-black), transparent);
	--backg-white-top: linear-gradient(to top,  var(--backg-white), transparent);
}
.backg-merah{background:var(--c-merah);}
.backg-hijau{background:var(--c-hijau);}
.backg-kuning{background:var(--c-yellow);}
.backg-biru{background:var(--c-biru);}
.backg-pink{background:var(--c-pink);}
.backg-ungu{background:var(--c-ungu);}
.backg-toska{background:var(--c-toska);}
.cwhite{color:var(--c-white);}
.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;}
.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;}
.flex-center{display:flex !important;justify-content: center;align-items: center;}
.flex-left{display:flex !important;justify-content: left;align-items: center;}
.flex-right{display:flex !important;justify-content:right;align-items: center;}
.width-100{width:100%;}
.marginpage{margin:0 4%;}
.mt-15{margin-top:15px;}
.mt-10{margin-top:10px;}
.mlr-min-3{margin-left:-3px;margin-right:-3px;}
.mlr-min-5{margin-left:-5px;margin-right:-5px;}
.mlr-min-7{margin-left:-7px;margin-right:-7px;}
.mlr-min-10{margin-left:-10px;margin-right:-10px;}
.mlr-min-15{margin-left:-15px;margin-right:-15px;}
.m-all-5{margin:5px;}
.m-all-10{margin:10px;}
.m-all-15{margin:15px;}
.m-all-20{margin:20px;}
.mlr-5{margin-left:5px;margin-right:5px;}
.mlr-10{margin-left:10px;margin-right:10px;}
.mlr-15{margin-left:15px;margin-right:15px;}
.mtb-5{margin-top:5px;margin-bottom:5px;}
.mtb-10{margin-top:10px;margin-bottom:10px;}
.mtb-15{margin-top:15px;margin-bottom:15px;}
.p-all-5{padding:5px;}
.p-all-10{padding:10px;}
.areacontent.p-all-10{padding:10px 15px;}
.p-all-15{padding:15px;}
.p-all-20{padding:20px;}
.plr-5{padding-left:5px;padding-right:5px;}
.plr-10{padding-left:10px;padding-right:10px;}
.plr-15{padding-left:15px;padding-right:15px;}
.plr-20{padding-left:20px;padding-right:20px;}
.ptb-5{padding-top:5px;padding-bottom:5px;}
.ptb-10{padding-top:10px;padding-bottom:10px;}
.ptb-15{padding-top:15px;padding-bottom:15px;}
.masterpage{position:absolute;left:0;top:0;right:0;}
.col2-grid{width:calc(50% - 10px);position:relative;margin:0 5px;}
.col3-grid{width:calc(33.33333333% - 10px);position:relative;margin:5px;}
.col4-grid{width:calc(25% - 10px);position:relative;margin:5px;}
.alam{background:linear-gradient(to right,  #006799, #17a145);}
.travel{background:linear-gradient(to right,  #6b59a2, #d03b6b);}
.klasik{background:linear-gradient(to right,  #624b4b, #7b818e);}
.langit{background:linear-gradient(to right,  #0066a8, #0099ab);}
.bara{background:linear-gradient(to right,  #9d0000, #e00000);}
.rimba{background:linear-gradient(to right,  #796336, #7c9140);}
.sunrise{background:linear-gradient(to right,  #d44000, #e78e00);}
.savana{background:linear-gradient(to right,  #129800, #98b53c);}
.viola{background:linear-gradient(to right,  #5e3d85, #9a49ac);}
.lifestyle{background:linear-gradient(to right,  #138d90, #cd9760);}
.brown{background:linear-gradient(to right,  #6b4f4a, #816f3d);}

.headtop{position:fixed;top:0;left:0;right:0;background:var(--backgwhite-trans5);z-index:3000;}
.ifscroll.headtop{background:var(--backg-white)!important;-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);}
.headtop-inner{position:relative;z-index:2;height:7vh;padding:0 15px 0 0;}
.headtop-left{margin:0 15px 0;}
.headtop:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:var(--backgwhite-trans-center);}
.headtop-left img{width:auto;height:4.5vh;margin:0 5px 0 0;}
.headtop-left p{font-size:90%;line-height:1.1;margin:0 !important;padding:0 !important;}
.headtop-right{float:right;margin:0 0 0 auto;}
#tanggal{font-size:90%;line-height:1.1;margin:0 0 0 15px;padding:0;}
.top-item{width:auto;height:5vh;margin:0 0 0 7px;border:var(--border-grey1) 1px solid;padding:0 6px;border-radius:4px;background:var(--backgwhite-trans3);cursor:pointer;}
.top-item img{width:auto;height:3vh;}
.headtop .form-control{display:block;font-size:15px !important;width:100%;position:relative;height:4.5vh;padding:0 6vh 0 10px;font-size:15px !important;color:var(--c-grey3);line-height:4.5vh;background-color:var(--backgwhite-trans3) !important;background-image:none;margin:0 !important;border:var(--border-white) 1px solid;border-radius:4.5vh}
.headtop .form-control:focus, .headtop .form-control.active{color: var(--c-grey3);box-shadow:none;background-color:var(--backg-white) !important;font-size:15px !important;}
.headtop .form-control::-moz-placeholder {color: var(--c-grey3);}
.headtop .form-control:-ms-input-placeholder {color: var(--c-grey3);}
.headtop .form-control::-webkit-input-placeholder {color: var(--c-grey3);}
.topsearch{position:relative;}
.search-submit{position:absolute;top:0;right:0;width:5vh;height:4.5vh;border:none;background:transparent;}
.search-submit svg{width:auto;height:2.5vh;fill:var(--c-grey3);}
.tooltip2{position:relative;display:inline-block}
.tooltip2 .tooltip2text{visibility:hidden;background-color:#000;color:#fff;border-radius:3px;padding:10px;text-align:center;position:absolute;z-index:1;top:100%;left:50%;font-size:13px;line-height:1.1;margin:1vh 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)}
.lasticon.tooltip2 .tooltip2text{text-align:center;left:auto;right:-5px;margin:1vh 0 0;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.tooltip2 .tooltip2text:after{content:"";position:absolute;border-bottom:#000 8px solid;border-left:transparent 8px solid;border-right:transparent 8px solid;top:-6px;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)}
.lasticon.tooltip2 .tooltip2text:after{left:auto;right:12px;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.tooltip2:hover .tooltip2text {visibility: visible;z-index:999;}
.header-bg:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg-grad1);opacity:0.5;}
.headermain h2{font-size:100%;font-weight:bold;color:#FFDD00!important;margin:0 0 5px;}
.headermain h1{font-family:Arial;position:relative;font-size:180%;line-height:1;text-transform:uppercase;font-weight:800;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(--c-min1) 0%,var(--c-white) 29%,var(--c-min2) 67%,var(--c-white) 100%);}
.headermain p{font-size:95%;margin:10px 0 0 0;padding:0;color:#fff!important;line-height:1.1;}
.menumain{float:left;background:var(--bg-grad2)!important;width:100%;position:relative;z-index:1300;}
.maingrid{display: flex;flex-flow: row wrap;justify-content: space-between center;}
.menuweb .nav.navbar-nav{background:transparent!important;width:100%;padding:5px 0!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:100%!important;padding:0!important;margin:0!important;line-height:34px!important;}
.menuweb li a{background:transparent !important;padding:0!important;margin:0 20px 0 0!important;line-height:34px!important;color:var(--c-grey1);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(--c-white)!important;}
.menuweb li a:focus, .menuweb li a.active{color:var(--c-white)!important;}
.menuweb .dropdown-menu{background:var(--backg-black);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(--backg-black)!important;margin:0!important;z-index:1900;}
.menuweb .dropdown-menu li{font-size:100%!important;padding:0!important;margin:0!important;line-height:1.1!important;}
.menuweb .dropdown-menu li a{margin:0 5px!important;padding:8px 10px!important;color:var(--c-grey1)!important;line-height:1.1!important;}
.menuweb .dropdown-menu li a:hover{background:var(--bgdark)!important;color:var(--c-white)!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;line-height:1.1!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;}
.menuweb .dropdown-menu:nth-child(2) li a:hover, .menuweb .dropdown-menu:nth-child(2) .dropdown-menu li a:hover, .menuweb .dropdown-menu:nth-child(2) .dropdown-menu ul.dropdown-menu li:hover{background:var(--c1)!important;}

.to-home{float:left;width:34px!important;height:34px!important;position:relative;padding:0 0;margin:0;margin-right:10px;z-index:20;background:var(--backg-1b);border-radius:4px;}
.to-home svg{width:auto;height:20px;fill:var(--c-white);}
.mainslider{background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:5px;overflow:hidden;height:70vh!important;}
.carousel {background:transparent;}
.carnav{padding:0 5px;}
.carmain{padding:0 5px 10px;}
.aparatur .carousel, .mainslider .carousel{overflow:hidden;}
.carmain{border:var(--border-grey1) 1px solid;border-top:none;}
.carousel-cell {width: 100%;counter-increment: gallery-cell;cursor:default;}
.gallery .carousel-cell {width: 50%;}
.widget .carousel-cell {width: 33.33333333%;}
.flickity-enabled {position: relative;}
.flickity-enabled:focus { outline: none;}
.flickity-viewport {position: relative;height: 100%;}
.mainslider .flickity-viewport, .widget .flickity-viewport, .va-slide .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;top:0;width: 30px;height: 30px;border:none;background-color:transparent;background-position: center;background-repeat: no-repeat;cursor: pointer;z-index:10;}
.va-slide .flickity-prev-next-button{display:none;}
.flickity-prev-next-button:disabled {filter: alpha(opacity=0); /* IE8 */opacity: 0;cursor: auto;}
.flickity-prev-next-button svg {display:none;}
.flickity-page-dots {display:none;}
.flickity-prev-next-button{background-repeat:no-repeat !important;}
.wcontent-body .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");}
.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");}
.widget .flickity-prev-next-button{position: absolute;top:0;width: 5vh;height:7vh;border:none;background-color:var(--backg-greydark);background-size: 30% auto;background-position:center;background-repeat:no-repeat;}
.widget .flickity-prev-next-button.previous{left:0 !important;}
.widget .flickity-prev-next-button.next{ right:0 !important;}
.mainslider .flickity-prev-next-button, .aparatur .flickity-prev-next-button, .gallery .flickity-prev-next-button {width: 30px;height: 30px;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);background-color:var(--backgblack-trans5);background-size: 30% auto;border-radius:100%;}
.mainslider .flickity-prev-next-button.previous, .aparatur .flickity-prev-next-button.previous, .gallery .flickity-prev-next-button.previous{left:10px ;background-position: center;}
.mainslider .flickity-prev-next-button.next, .aparatur .flickity-prev-next-button.next, .gallery .flickity-prev-next-button.next{right: 10px;background-position: center;}
.hometop:before{content:"";position:absolute;left:0;top:0;right:0;height:60%;background:var(--bg-grad2);}
.hometop:after{content:"";position:absolute;left:0;top:0;right:0;height:60%;background:var(--backg-white-top);}
.hometop-inner{background:var(--backg-grey1);}
.image-slider, .image-headline, .image-article, .image-small, .image-aparatur, .image-pem, .image-gallery, .image-android{width: 100%;display: block;position: relative;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;}
.image-slider{height:70vh!important;margin:0!important;border-radius:5px;}
.image-article{padding-bottom:70%;border-radius:5px;}
.category .image-article{padding-bottom:56%;}
.image-headline{padding-bottom:56%;border-radius:5px;}
.image-small{padding-bottom:100%;border-radius:5px;}
.arsip .image-small{padding-bottom:60%;border-radius:5px;}
.widget .image-small{padding-bottom:75%;}
.image-gallery{padding-bottom:50%;border-radius:5px;}
.image-aparatur{padding-bottom:125%;border-radius:5px;background:var(--backgblack-trans3);}
.image-pem{padding-bottom:90%;}
.image-android{height:14vh;border-radius:5px;}
.image-slider img, .image-headline img, .image-article img, .image-small img, .image-aparatur img, .image-gallery img, .event-backg img, .image-pem img, .image-android 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);}
.logo-no-image img{width:20%;height:auto;}
.intro{position:relative;overflow:hidden;padding:10px 35px;text-align:center;margin:0 0 25px!important;}
.intro p{font-weight:normal!important;line-height:1.3!important;font-size:100%!important;}
.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:#000!important;opacity:0.15}
.icon-item{width:calc(50% - 6px);margin:3px;height:7vh;}
.iconright{width:calc(30% - 10px);margin:0 0 0 10px;background:var(--backgwhite-trans5);border:var(--border-grey1) 1px solid;}
.iconright-backg{position:absolute;left:0;top:0;right:0;height:60%;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:5px;}
.iconright-backg:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(to top, #fff, rgba(255,255,255,0.55));border-radius:5px;}
.icon-item:hover{border:var(--c1) 1px solid!important;}
.icon-item p{line-height:1.1;font-size:95%;}
.icon-item:hover p{color:var(--c1)!important;}
.icon-item{border:var(--border-grey1) 1px solid;background:var(--backg-white);border-radius:4px;cursor:pointer;}
.icon-item img{width:auto;height:4.5vh;margin:0 7px 0 0;}
.running{position:relative;overflow:hidden;padding:0 0 0 5px;background:var(--backgwhite-trans6);border-radius:5px 5px 0;margin:0 0 -5px;width:100%;}
.pagestyle .running{border-radius:5px;margin:0 0 0;border-radius:3px;}
.running marquee{font-size:95%;margin:0;padding:0;line-height:6vh;}
.pagestyle .running marquee{line-height:30px;}
.grider-top{top:9vh;}
.gridermain-margin{margin:0 15px 0 0;}
.headline{border:var(--border-grey1) 1px solid;background:var(--backg-white);border-radius:5px;}
.headline-image{position:relative;width:calc(40% - 10px);margin:0 5px;}
.headline-text{position:relative;width:calc(50% - 10px);margin:0 5px;}
.headline-text h2{font-size:120%;margin:0;padding:0;line-height:1.2;font-weight:bold;}
.hoverlink:hover  .headline-text h2{color:var(--c1);}
.article-meta{margin:5px 0 5px;position:relative;overflow:hidden;}
.meta-item{margin:2px 15px 2px 0;float:left;}
.meta-item svg{width:auto;height:18px;margin:0 3px 0 0;opacity:0.5;}
.meta-item h3{font-size:90%;margin:0;padding:0;line-height:1.2;font-weight:500;}
.headline-info{position:relative;width:calc(10% - 10px);margin:0 5px;text-align:center;display:grid;box-sizing: border-box;}
.headline-info-inner{align-self: end;background:var(--backg-grey1);border-radius:0 0 3px 3px;margin-top:5px;}
.headline-info svg{width:100%;height:auto;fill:var(--c-yellow);align-self: start;}
.headline-date{height:45px;background:var(--bg-grad1);border-radius:3px 3px 0 0;}
.headline-date p{font-size:120%;color:var(--c-white);}
.headline-year{padding:10px 0;}
.headline-year p{font-size:95%;line-height:1.1;}
.headline-text p{font-size:95%;line-height:1.1;margin:10px 0 0;font-weight:500;}
.head-module{position:relative;overflow:hidden;background:var(--backg-grey1);border-radius:3px 3px 0 0;border-bottom:var(--border-grey1) 1px solid;height:44px;padding:0 15px;}
.head-module h1{font-size:100%;margin:0;padding:0;line-height:1;font-weight:bold;text-transform:uppercase;}
.head-module img{width:auto;height:24px;margin:0 10px 0 0;}
.head-default{position:relative;width:100%;background:var(--backg-grey1);border-radius:5px 5px 0 0;border-bottom:var(--border-grey1) 1px solid;}
.head-default-inner{position:relative;background:var(--bg-grad1);height:44px;padding:0 10px;border-radius:5px 0 0 0;}
.anggaran .head-default-inner{margin:5px 0 -10px !important;border-radius:5px 5px 0 0;}
.head-default-inner:after{content:"";position:absolute;right:-25px;top:0;border-left:var(--backg-2) 25px solid;border-bottom:transparent 44px solid;}
.anggaran .head-default-inner:after{content:"";position:absolute;left:auto;right:-10px;top:auto;bottom:0;border:none;border-left:var(--backg-black) 10px solid;border-bottom:transparent 10px solid;z-index:1;opacity:0.4;}
.anggaran .head-default-inner:before{content:"";position:absolute;left:-10px;bottom:0;border:none;border-right:var(--backg-black) 10px solid;border-bottom:transparent 10px solid;z-index:1;opacity:0.4;}
.head-default-inner h1{font-size:110%;margin:0;padding:0;line-height:1;font-weight:bold;text-transform:uppercase;color:var(--c-white);}
.head-default-inner svg, .head-dark svg{width:auto;height:24px;margin:0 10px 0 0;fill:var(--c-white);}
.head-default-right{float:right;margin:0 5px 0 auto;}
.heading-right-item{margin:0 0 0 15px;height:44px;}
.heading-right-item svg{width:auto;height:24px;margin:0 0 0 5px;opacity:0.4;}
.head-default .dropdown-menu, #warna .dropdown-menu{left:auto;right:5px;padding:10px;min-width:220px;margin:0;border:var(--border-grey1) 1px solid;box-shadow:none;border-radius:0 0 4px 4px;}
#warna .dropdown-menu{right:0;margin-top:1vh;min-width:250px;}
.head-dark{position:relative;overflow:hidden;padding:0 10px;background:var(--backgblack-trans3);border-radius:5px 5px 0 0;border-bottom:var(--border-white) 1px solid;height:44px;}
.head-dark h1{font-size:110%;margin:0;padding:0;line-height:1;font-weight:bold;text-transform:uppercase;color:var(--c-white);}
.head-sub{position:relative;width:100%;border-bottom:var(--border-grey1) 1px solid;margin:0 0 10px}
.head-sub h1{font-size:110%;margin:0 0 -3px;padding:0 0 5px;line-height:1;font-weight:bold;border-bottom:var(--c-yellow) 5px solid;}
.areacontent{width:100% !important;}
.article, .populer{border:var(--border-grey1) 1px solid;background:var(--backg-white);border-radius:5px;}
.article-main h2{font-size:100%;margin:5px 0 0;padding:0;line-height:1.1;font-weight:bold;color:var(--c-black);}
.hoverlink:hover  .article-main h2{color:var(--c1);}
.article .col3-grid{background:var(--backg-grey1);border-radius:5px;border:transparent 1px solid;}
.areacontent .col3-grid{background:var(--backg-grey1);border-radius:5px;border:transparent 1px solid;width:calc(50% - 10px);}
.areacontent .dokumentasi .col3-grid{background:var(--backg-grey1);border-radius:5px;width:calc(33.33333333% - 10px);}
.pemerintah .areacontent .col3-grid{width:calc(33.33333333% - 20px);margin:10px;text-align:center;background:var(--backg-grey1);padding:0 0 10px;border:var(--border-grey1) 1px solid;display:grid;box-sizing: border-box;}
.article .col3-grid:hover{background:var(--backg-white);border:var(--border-grey1) 1px solid;}
.article-main p{font-size:95%;line-height:1.1;}
.readmore{height:30px;font-size:95%;line-height:1.1;margin:0;padding:0 10px;border:var(--border-grey1) 1px solid;border-radius:30px;}
.hoverlink:hover .readmore{background:var(--bg-grad1);color:var(--c-white);}
.image-link{position:absolute;top:0;left:0;bottom:0;width:0;overflow:hidden;text-align:center;}
.hoverlink:hover .image-link{width:100%;}
.image-link:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:var(--bg-grad1);opacity:0.6;}
.image-link-icon{width:40px;height:40px;position:relative;z-index:2;background:var(--backgblack-trans3);border-radius:4px;}
.image-link-icon svg{width:auto;height:30px;fill:var(--c-white);opacity:0.7;}
.row-small{margin:0 0;padding:5px 0;}
.pagestyle .row-small{padding:5px 0;border-bottom:var(--border-grey1) 1px solid;}
.row-small-image{width:25%;float:left;}
.row-small-title{width:75%;float:right;}
.row-small-title p{font-size:95%;margin:0 0 0 8px !important;padding:0;line-height:1.1;}
.row-small-title h2{font-size:110%;margin:0 0 5px !important;padding:0;line-height:1.1;}
.single-link{position:relative;margin:5px 0;padding:0 0 0 10px;line-height:1.2;font-size:100%;}
.kategori .single-link{margin:10px 0;font-weight:bold;}
.single-link:after{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:var(--backg-grey1);}
.single-link:hover{padding:0 0 0 15px;}
.single-link:hover:after{content:"";position:absolute;top:0;left:0;width:0;border-left:var(--border-grey1) 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%;}
#kategori li, #kategori ul, .kategori li, .kategori ul{list-style:none;padding:0;margin:0;}
.aparatur-box{position:relative;overflow:hidden;border-radius:5px;border:var(--backgwhite-trans3) 3px solid;}
.abs-bottom{position:absolute;left:0;right:0;bottom:0;background:var(--backg-black-top);text-align:center;padding:30px 10px 15px;}
.abs-bottom h3{font-size:100%;line-height:1.1;margin:0 0 5px;padding:0;color:var(--c-white);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);}
.abs-bottom p{font-size:95%;line-height:1.1;margin:0;padding:0;color:var(--c-grey1);}
.aparatur{border-radius:5px;background:var(--bg-grad1top);}
.mandiri, .gallery, .statistik, .covid-container, .jadwalshalat, .areaprimary, .lapakfront, .video{position:relative;border-radius:5px;border:var(--border-grey1) 1px solid;background:var(--backg-white);}
.head-mandiri{text-align:center;position:relative;overflow:hidden;margin:10px;}
.head-mandiri span{font-family:"Arial";font-size:250%;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))}
.mandiri2{margin-left:10px !important;}
.mandiri-logo {position:relative;margin:0 10px;z-index:2;}
.mandiri-logo img{width:auto;height:8vh;margin:0 5px 0 0;}
.mandiri-logo h1{font-size:100%;font-weight:bold;margin:0 0 5px;line-height:1;padding:0;text-transform:uppercase;}
.mandiri-logo h2{font-size:90%;font-weight:500;margin:0;line-height:1.1;padding:0;}
.mandiri-top{padding:0 0;display:grid;box-sizing: border-box;}
.mandiri-info{position:relative;z-index:2;align-self: end;margin:0 10px 10px;}
.mandiri-info p{font-size:90%;font-weight:bold;margin:0;line-height:1.1;padding:0;}
.mandiri-info svg{width:auto;height:24px;margin:0 0 0 5px;fill:var(--c-yellow)}
.mandiri-bottom{border-top:var(--border-grey1) 1px solid;background:var(--backg-grey1);padding:10px;}
.mandiri-input{position:relative;width:calc(40% - 10px);margin:0 5px;}
.mandiri-submit{position:relative;width:calc(20% - 10px);margin:0 5px;}
.mandiri-submit button{width:100%;}
.mandiri-tombol{position:relative;z-index:10;}
.masuk{border:none;outline:none !important;box-shadow:none!important;font-size:90%;line-height:33px;height:33px;border-radius:4px;padding:0 15px !important;color:var(--c-white);background:var(--backg-1);display:block;}
.masuk svg{width:auto;height:16px;margin:0 5px 0 0;fill:var(--c-white)}
.mandiri-people{position:absolute;right:20px;bottom:-5px;height:70%;}
.mandiri-people img{width:auto;height:100%;}
.mandiri-shadow{opacity:0.85;position: absolute;top: 50%;left: 50%;width:10px;height:10px;border-radius:10px;background:var(--backg-white);-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);-webkit-box-shadow: 0px 0px 160px 250px var(--backg-white);-moz-box-shadow: 0px 0px 160px 250px var(--backg-white);box-shadow: 0px 0px 160px 250px var(--backg-white);}
.gallery-inner{position:relative;overflow:hidden;padding:10px 10px;text-align:center;}
.gallery-head{position:relative;width:calc(25% - 10px);margin:0 5px;background:var(--backg-greydark);border-radius:5px;text-align:center;}
.gallery-head h2{font-size:160%;font-weight:bold;margin:0;line-height:1;padding:0;text-transform:uppercase;color:var(--c-grey2);}
.gallery-head h1{font-size:120%;font-weight:500;margin:5px 0 0 20px;line-height:1;padding:0;text-transform:uppercase;letter-spacing:20px;color:var(--c-white);}
.gallery-head svg{width:50%;height:auto;margin:0 0 -50px;fill:var(--c-white);opacity:0.2;}
.gallery-content{position:relative;width:calc(75% - 10px);margin:0 5px;}
.gallery-box{position:relative;overflow:hidden;margin:0 5px;}
.gallery-title{position:relative;margin:-20px 30px 0;padding:10px 10px 0;border-radius:10px 10px 0 0;background:var(--backg-white);}
.statistik-head{position:relative;z-index:2;margin-bottom:-22px;}
.statistik-head-title{height:44px;border:var(--border-grey1) 1px solid;padding:0 20px;border-radius:4px;background:var(--backg-white);}
.statistik-head h1{font-family:Arial;position:relative;font-size:110%;line-height:1;text-transform:uppercase;font-weight:800;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(--c1) 0%,var(--c-black) 29%,var(--c2) 67%,var(--c-black) 100%);}
.statistik-inner{padding:20px 0 0;}
.statleft{position:relative;width:calc(60% - 10px);margin:0 5px;display:grid;box-sizing: border-box;}
.statright{position:relative;width:calc(40% - 10px);margin:0 5px;}
.gender-box{position:relative;width:20vh;height:20vh;}
.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%;}
.female{float:right;margin:0 0 0 auto;}
.male .gender:before{background-image: conic-gradient(var(--c-biru) 50%, var(--backg-grey2) 0);}
.female .gender:before{background-image: conic-gradient(var(--c-pink) 50%, var(--backg-grey2) 0);}
.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(--backg-white);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{font-size:95%!important;line-height:1.1;font-weight:500;margin:0 15px;text-transform:uppercase!important;}
.total-populasi h2{font-size:150%;line-height:1;margin:3px 10px;}
.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(--c-biru);}
.female .gender-inner svg{fill:var(--c-pink);}
.total-populasi{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 40vh);text-align:center;}
.statright-content{width:90%;margin:0 0 0 auto;}
.statright-content .icon-item{width:calc(100% - 5px);height:auto;}
.icon-stat{margin:5px 10px 5px 0;border-radius:4px;padding:6px;}
.icon-stat svg{width:3.5vh;height:auto;fill:var(--c-white);}
.total-detail{display:none;}
.total-detail:last-child{display:block;}
@-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;align-self: end;}
.statleft .highcharts-grid path {stroke: var(--border-grey1);stroke-dasharray: 1 1;}
.statleft .highcharts-xaxis path {stroke: var(--border-grey1);stroke-width: 3px;}
.statleft .highcharts-yaxis path {stroke: var(--border-grey1);stroke-width: 3px;}
.statleft .highcharts-contextbutton {display:none;}
.statleft .highcharts-title {text-transform: uppercase !important;font-size:110% !important;font-weight:bold;font-family:"Arial";margin:0 !important;padding:0 !important;}
.carnav{background:var(--backg-greydark);overflow:hidden;border-radius:5px 5px 0 0;}
.whead-item{height:7vh;background:var(--backg-greydark);}
.whead-item h1{font-size:110%;line-height:1;margin:0;padding:0;text-transform:uppercase;color:var(--c-grey2);}
.carousel-cell.is-selected .whead-item{background:var(--bg-grad1);}
.carousel-cell.is-selected .whead-item h1{color:var(--c-white);}
.widget .nav-tabs > li, .widget .nav-tabs > li > a{height:6vh;padding:0;margin:0!important;line-height:6vh;text-align:center;font-weight:bold;border:none;}
.widget .nav-tabs > li > a{padding:0 10px;}
.widget .nav-tabs > li.active > a:hover, .widget .nav-tabs > li.active > a:focus {background-color:var(--backg-white);border: none;}
.widget .nav-tabs{border:var(--border-grey1) 1px solid;border-bottom:none;background:var(--backg-white);margin:10px 5px 0 !important;border-radius:5px 5px 0 0;}
.widget-height1{position:relative;overflow:hidden;height:53vh;border:var(--border-grey1) 1px solid;margin:10px 5px 0;padding:5px;background:var(--backg-white);border-radius:5px;}
.modal .widget-height1{height:auto;border:none;margin:0;padding:0;background:transparent;}
.widget-height2{position:relative;overflow:hidden;height:47vh;border:var(--border-grey1) 1px solid;margin:0 5px;padding:5px;background:var(--backg-white);border-radius:0 0 5px 5px;}
.boxscroll{width:100%;float:left;overflow-y:scroll;scrollbar-width:thin;height:100%;background:transparent !important;}
.boxscroll::-webkit-scrollbar{width:5px}
.boxscroll{scrollbar-width:thin}
.boxscroll::-webkit-scrollbar-track{background:transparent !important;}
.boxscroll::-webkit-scrollbar-thumb{background:var(--backg-grey3);border-radius:5px;}
.boxscroll-padding{padding:0 5px 5px 5px;}
.modal .boxscroll-padding{padding:10px;}
.modal.left .boxscroll-padding{padding:15px;}
.modal .widget-height1 .boxscroll-padding{padding:10px;}
.modal .widget-height1 .boxscroll{overflow:hidden;}
.modal .widget-height1 .boxscroll::-webkit-scrollbar{width:0}
.table-small td{padding:0;vertical-align:top;font-size:95%;}
.righttable{text-align:right;width:70%;}
.table-medium td{padding:5px 5px;vertical-align:top;}
.table-medium2 td{padding:2px 0;vertical-align:top;}
.table-medium > tbody > tr:nth-of-type(odd) {background-color:var(--backg-grey1);}
.table-modif th{padding:8px 5px;background:var(--c-min1);}
.table-modif td{padding:5px 5px;vertical-align:top;}
.table-modif > tbody > tr:nth-of-type(odd) {background-color:var(--backg-grey1);}
.table-modif2 th{padding:8px 5px;background-color:var(--backg-grey1);}
.table-modif2 td{padding:5px 5px;vertical-align:top;}
.table-modif2 > tbody > tr{background-color:var(--backg-grey1);}
.table-modif2 > tbody > tr:nth-of-type(odd) {background-color:var(--backg-white);}
.agenda{padding:5px 0 !important;}
.agenda-jadwal{position:relative;float:left;width:50px;text-align:center;margin:0 5px 0 0;}
.agenda-jadwal h1{display:block;padding:9px 10px;font-size:100%;font-weight:bold;margin:0;line-height:1;background:var(--backg-greydark);}
.agenda-jadwal h1{color:var(--c-white);}
.agenda-jadwal h3{font-size:100%;font-weight:500;display:block;padding:5px 5px;margin:0;line-height:1;background:var(--backg-grey1);}
.agenda-title{position:relative;overflow:hidden;}
.agenda-title h2{display:block;padding:0;font-size:100%;font-weight:bold;margin:0 0 2px;line-height:1.2;}
.agenda-title p{display:block;padding:0;font-size:100%;font-weight:500;margin:0;line-height:1.1;}
.agenda-title td{font-size:100%;vertical-align:top;padding:0 !important;margin:0 !important;line-height:1.1;}
.head-table{margin:0 0 10px;}
.head-table h2{font-size:120%;margin:0;padding:0 0 5px;line-height:1.2;font-weight:bold;color:var(--c1);border-bottom:var(--border-grey1) 1px solid;}
.samewidth-col3{display: grid;grid-template-columns: repeat(auto-fit, minmax(calc(33.33333333% - 10px), 1fr));grid-gap: 5px;text-align:center;}
.sinergi-col{padding:4px;}
.sinergi-col img{width:auto;height:10vh;margin:0 0 5px;}
.sinergi-col p, .sinergi-other p{font-size:90%;margin:0;padding:0;line-height:1.1;}
.sinergi-other img{width:8vh;height:auto;margin:0 5px 0 0;}
.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:100%;margin:0;padding:0;line-height:1.2;font-weight:500;}
.comment h3{margin:0 0 3px;}
.comment p{margin-left:45px;}
.comment-text{margin:0 0 0;}
.widget-social{position:absolute;top:0;left:0;bottom:0;right:0;text-align:center;padding:10px;}
.widget-social svg{padding:5px;width:auto;height:40px;margin:0 2px;border:var(--border-grey1) 1px solid;border-radius:4px;background:var(--backg-greysoft1);fill:var(--c1);}
.widget-social svg:hover{background:var(--bg-white);fill:var(--c2);}
.widget-social p{display:block;padding:0;font-size:100%;margin:0 0 15px;line-height:1.2;}
.anggaran{position:relative;border-radius:5px;border:var(--border-grey1) 1px solid;background:var(--backg-white);}
.anggaran-inner{position:relative;overflow:hidden;}
.head-anggaran{position:relative;overflow:hidden;margin:10px 0 5px;padding:0 0 5px;text-align:center;}
.head-anggaran h1{font-family:Arial;position:relative;font-size:100%;line-height:1;text-transform:uppercase;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(--c1) 0%,var(--c-black) 29%,var(--c2) 67%,var(--c-black) 100%);}
.anggaran-box{position:relative;overflow:hidden;border:var(--border-grey1) 1px solid;padding:10px;margin:5px;border-radius:4px;}
.anggaran-box h2{display:block;padding:0;font-size:100%;margin:0 0 5px;line-height:1.1;}
.progress-bar {border-radius: 10px;overflow: hidden;width: 100%;height:10px;line-height:10px;box-shadow:none !important;}
.progress {background:transparent;height:10px;padding:0;width: 0;box-shadow:none !important;margin:0 !important;}
.progress {-webkit-animation: loader 8s ease infinite;animation: loader 8s ease infinite;}
.progress-bar{background:var(--bg-grad1);opacity:0.6;}
.apbd-progress{width:calc(100% - 65px);float:left;background:var(--backg-grey1);border-radius: 10px;-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.6);-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.6);box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.6);}
.apbd-result{width:65px;float:right;text-align:right;}
.apbd-result p{font-size:90%;line-height:10px;height:10px;margin:0;padding:0;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(--c1) 0%,var(--c-black) 29%,var(--c2) 67%,var(--c-black) 100%);}
.height-anggaran{position:relative;overflow:hidden;height:52vh;}
.map-col{position:relative;width:calc(37% - 10px);margin:5px;}
.map-col-c{position:relative;width:calc(26% - 10px);margin:5px 5px;background:var(--backgblack-trans3);color:var(--c-grey1);border-radius:5px;}
.map-col-c td{color:var(--c-grey1);height:auto;line-height:1.1;padding:3px 0;}
.map-section{position:relative;overflow:hidden;padding:5px 10px;border-radius:5px;background:var(--bg-grad1);}
.map-bottom{height:35vh;border-radius:0 0 5px 5px;}
.covid-item{position:relative;width:calc(14.28571428571429% - 10px);margin:5px;border-radius:4px;overflow:hidden;text-align:center;background:var(--backg-grey1);}
.head-covid{background:var(--backg-1);height:50px;text-align:center;padding:0 10px;margin:0;line-height:1.1;font-size:95%;color:var(--c-white)}
.covid-inner{padding:10px;}
.covid-inner h2{font-size:140%;margin:0;padding:0;line-height:1;font-weight:bold;}
.covid-inner p{margin:0;padding:0;line-height:1.2;font-weight:500;}
.shalat-title{position:relative;width:calc(40% - 10px);margin:0 5px;overflow:hidden;}
.shalat-title img{width:auto;height:14vh;margin:0 10px 0 0;}
.shalat-title h2{font-size:110%;margin:0;padding:0;line-height:1;text-transform:uppercase;font-weight:bold;color:var(--c1);}
.shalat-title p{font-size:90%;margin:5px 0 0;padding:0;line-height:1;font-weight:500;}
.shalat-jadwal{position:relative;width:calc(60% - 10px);margin:0 5px;}
.jadwal-box{position:relative;width:calc(16.66666667% - 10px);margin:0 5px;text-align:center;background:var(--backg-2soft);border-radius:5px;overflow:hidden;}
.head-jadwal{height:8vh;background:rgba(0,0,0,0.3);border-radius:4px 4px 0 0;color:var(--c-white)}
.isi-jadwal{height:6vh;background:var(--bg-white);border-radius:0 0 4px 4px;}
.mosque-bg{position:absolute;left:-30px;top:-25px;right:0;}
.mosque-bg svg{width:60%;height:auto;opacity:0.4;fill:var(--backg-2soft);}
.shalat-title-inner{position:relative;z-index:3;}
.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;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(--c1) 0%,var(--c-black) 29%,var(--c2) 67%,var(--c-black) 100%);}
.countdown-event p{font-size:95%;line-height:1.1;margin:3px 0 0;}
.countdown-box{width:8vh;margin:0 3px;border-radius:4px;padding:8px 0;color:var(--c-white);}
.countdown-box span{font-size:100%;line-height:1;margin:0;padding:0;font-weight:bold;}
.countdown-box p, .global-info p{font-size:90%;line-height:1.1;}
.bannerevent{position:relative;overflow:hidden;border-radius:5px;background:var(--bg-grad1);}
.bannerevent.template{padding:30px 10px;}
.event-backg{position:absolute;left:0;top:0;right:0;bottom:0;background:var(--bg-grad1);}
.event-backg:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:var(--bg-gradhor2);opacity:0.3;}
.bannerlogo1{width:12%;float:left;text-align:center;min-height:1px;}
.bannerlogo2{width:12%;float:right;text-align:center;min-height:1px;}
.bannerlogo1 img, .bannerlogo2 img{width:80%;margin:0 auto;}
.banner-title{width:76%;float:left;text-align:center;padding:20px 0;}
.bannerevent-inner{position:relative;overflow:hidden;padding:0 10px;z-index:2;}
.banner-title p{font-size:100%;margin:0 0 5px;padding:0;line-height:1.1;color:var(--c-white);}
.banner-title h1{font-size:160%;margin:10px 0;padding:0;line-height:1.1;color:var(--c-yellow);text-shadow:-1px -1px 0 rgba(0,0,0,0.5), 1px -1px 0 rgba(0,0,0,0.5), -1px 1px 0 rgba(0,0,0,0.5), 1px 1px 0 rgba(0,0,0,0.5);}
.banner-title h2{font-size:100%;margin:5px 0 0;padding:0;line-height:1.1;color:var(--c-white);font-weight:500;}
.color-box{width:calc(33.33333333% - 6px);position:relative;margin:3px;cursor:pointer;}
.color-item{position:relative;overflow:hidden;border-radius:3px;height:30px;}
.color-box p{font-size:13px;line-height:1.1;color:#fff;}
.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-color:rgba(0,0,0,0.8);}
.modal-backdrop.in{filter:alpha(opacity=100);opacity:1}
.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.center .modal-dialog {position: fixed;margin: auto;left:50%;width: 60%;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);}
.lapakview .modal.center .modal-dialog {width:30%;}
.modal-thin .modal.center .modal-dialog{width: 35%;}
.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.center.fade.in .modal-dialog{top: 15px;}
.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;}
.modal.center.fade .modal-dialog{top: -320px;-webkit-transition: opacity 0.3s linear, top 0.3s ease-out;-moz-transition: opacity 0.3s linear, top 0.3s ease-out;-o-transition: opacity 0.3s linear, top 0.3s ease-out;transition: opacity 0.3s linear, top 0.3s ease-out;}
.modal.right.fade.in .modal-dialog {right:15px;border-radius:4px;overflow:hidden;}
.modalhead{position:absolute;left:0;top:0;right:0;height:50px;background:var(--bg-grad1);}
.modalhead h1{font-size:110%;margin:0;padding:0;line-height:1;font-weight:bold;color:#fff;text-transform:uppercase;text-shadow: 2px 2px 0px rgba(0,0,0,0.25);}
.modalhead img{width:auto;height:30px;margin:0 5px 0 15px;}
.modalhead p{font-size:95%;margin:0 15px 0 0;line-height:1.1;color:var(--c-white);}
.modalfoot{position:absolute;left:0;bottom:0;right:0;height:50px;font-size:90%;font-weight:500;margin:0;padding:0;line-height:1;color:#fff;cursor:pointer;background:var(--bg-grad1);}
.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:rgba(0,0,0,0.3);}
.close-btn:before, .close-btn:after{content:'';position:absolute;left:50%;margin-left:-1px;width:2px;height:40%;top:30%;background:#fff;}
.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{position:absolute;left:0;top:50px;bottom:50px;right:0;background:var(--backg-white);overflow:hidden;}
.modal-padding{padding:15px;}
.smallmodal .modalfoot{height:30px;background:var(--bg-greysoft);border-top:var(--border-greysoft) 1px solid;}
.smallmodal .modal{position:absolute !important;top:0;right:0;bottom:0;left:0;z-index:9 !important;}
.smallmodal .modal-dialog {position: absolute !important;margin:0 !important;top:0;width:100%;bottom:0;left:0;background:var(--bg-greysoft);}
.footer-section{margin-top:25px;background:var(--bg-grad1);}
.footer-data{position:relative;padding:50px 0 90px;}
.footer-data p{font-size:95%;line-height:1.1;color:var(--c-grey1);}
.footer-data h3{font-size:95%;line-height:1.1;color:var(--c-grey1);margin:0 0 5px;}
.footer-right{float:right;margin:0 0 0 auto;}
.footer-contact{margin:0 10px 0 0;}
.footer-icon{margin:0 5px 0 0;}
.footer-icon svg{fill:var(--c-grey1);width:24px;height:auto;}
.social-media svg{fill:var(--c-grey1);width:24px;height:24px;margin:5px 5px 0 0;}
.footer-title{position:absolute;text-align:center;width:30%;top:-10px;left:50%;bottom:60px;border-radius:5px;-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);background-size:cover;background-repeat:no-repeat;background-position:center;}
.footer-title:after, .footer-title:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;opacity:0.3;border-radius:5px;background:var(--bg-grad1);}
.footer-title:before{border:var(--border-white) 5px solid;background:none;margin:-5px;border-radius:5px;}
.footer-title div{position:relative;z-index:2;width:100%;}
.footer-title img{width:auto;height:6vh;margin:0 auto 10px;}
.footer-title h1{font-size:100%;line-height:1.1;color:var(--c-white);margin:0;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);}
.copyright{position:absolute;left:0;right:0;bottom:0;background:var(--backgblack-trans3);text-align:center;height:40px;}
.copyright p{font-size:95%;line-height:1.1;color:var(--c-grey1);margin:0 5px;}
.copyright a{color:var(--c-grey1);}
.bottom-tombol{position:fixed;bottom:10px;right:10px;z-index:3000;}
.bottom-tombol svg{width:20px;height:20px;fill:#fff;}
#ScrollToTop{width:34px;height:0;border-radius:4px;background:var(--backg-1);overflow:hidden;cursor:pointer;}
.backto{width:34px;height:34px;border-radius:4px;background:var(--backg-1);overflow:hidden;cursor:pointer;margin:0 0 4px;}
.homestyle .backto.flex-center{display:none !important;}
.canvas-menu{width:0;height:7vh;overflow:hidden;cursor:pointer;}
.canvas-menu svg{width:4.5vh;height:auto;fill:var(--c1)}
.mobile-menu a{color:var(--c-black);margin:0;padding:0;font-weight:700}.mobile-menu li a{color:var(--c-black)}.mobile-menu ul{margin:0 0;padding:0;list-style:none;color:var(--c-black)}.mobile-menu li ul{margin:0 0;padding:5px 0;color:var(--c-black)}.mobile-menu li{font-size:100%;margin:0;padding:5px 0;line-height:1.2;list-style:none;color:var(--c-black);}.mobile-menu li.active,.mobile-menu li:focus{color:var(--c-black)}.mobile-menu p{position:relative;font-size:100%!important;margin:0;padding:5px 0 5px 15px;line-height:1.2;list-style:none;color:var(--c-black)}.mobile-menu p:after{content:"";position:absolute;left:0;top:8px;width:10px;height:10px;border-radius:10px}.mobile-menu li ul li{font-size:100%;margin:0;padding:0 0;line-height:1.2;color:var(--c-black)}.mobile-menu-inner .navbar-nav{position:relative;overflow:hidden;width:100%}.mobile-menu .dropdown-menu{position:relative;overflow:hidden;float:none;background:transparent!important;padding:10px 0!important;border-radius:0!important;border:none;box-shadow:none!important}
.search-m{position:relative;overflow:hidden;margin:10px 0;}
.search-m .form-control{display:block;font-size:15px !important;width:100% !important;min-width:100% !important;position:relative;height:34px;padding:0 40px 0 10px;font-size:15px !important;color:var(--c-grey3);line-height:34px;background-color:transparent !important;background-image:none;margin:0 !important;border:var(--border-grey1) 1px solid;border-radius:34px}
.search-m .form-control:focus, .search-m .form-control.active{color: var(--c-grey3);box-shadow:none;background-color:var(--backg-white) !important;font-size:15px !important;}
.search-m .form-control::-moz-placeholder {color: var(--c-grey3);}
.search-m .form-control:-ms-input-placeholder {color: var(--c-grey3);}
.search-m .form-control::-webkit-input-placeholder {color: var(--c-grey3);}
.search-m .search-submit{position:absolute;top:0;right:6px;width:34px;height:34px;border:none;background:transparent;}
.menu-icon{width:calc(33.33333333% - 6px);position:relative;margin:3px;height:44px;border-radius:4px;text-align:center;cursor:pointer;}
.menu-icon p{color: var(--c-white);margin:0 5px;line-height:1.1;font-size:85%;padding:0;}
.not-found{position:relative;overflow:hidden;text-align:center;padding:30px 15px;}
.not-found img{width:50%;margin:0 auto 10px;}
.article .not-found img{width:25%;}
.pagestyle .not-found img{width:25%;}
.not-found p{line-height:1.1;}
.v-mobile{display:none;}
.pagestyle .noviewpage{display:none;}
.pagecontent{position:relative;}
.pagecontent:before{content:"";position:absolute;left:0;top:0;right:0;height:40vh;background:var(--bg-grad2);z-index:-1;}
.pagecontent:after{content:"";position:absolute;left:0;top:0;right:0;height:40vh;background:var(--backg-white-top);z-index:-1;}
.pagestyle .pagecontent:after{background:linear-gradient(to top,  var(--backg-white), transparent 70%)!important;}
.title-page{position:relative;overflow:hidden;overflow:hidden;margin:10px 0 15px !important;}
.title-page h1{font-size:160%;margin:0;padding:0;line-height:1.2;}
.multiimage{margin-top:10px;}
.imageplus{width:calc(33.33333333% - 10px);margin:0 5px;}
table.agenda-table{width:calc(50% - 2px) !important;float:left;margin:1px;}
.agenda-table svg{width:auto;height:30px;fill:var(--c-grey3)}
.agenda-table td{vertical-align:top;padding:5px 0;}
.agenda-artikel{margin:15px 0 0;}
.agenda-artikel h2{font-size:120%;margin:0 0 10px;padding:0;line-height:1.2;font-weight:bold;}
.lampiran{width:100%;float:left;position:relative;overflow:hidden;margin:15px 0;}
.lampiran h2{font-size:100%;position:relative;overflow:hidden;margin:0;padding: 0 0;line-height:1.2;font-weight:bold;background:var(--bgwhite);min-width:120px;}
.lampiran-line{position:relative;overflow:hidden;width:100%;height:1px;border-top:var(--border-grey1) 1px dotted;margin:0 10px;}
.lampiran svg{width:auto;height:40px;fill:var(--c-grey3);margin:0 5px 0 0;}
.share{margin:20px 0;}
.social-icon{margin:0 2px;padding:0 7px;border-radius:3px;height:34px;}
.social-icon p{width:0;overflow:hidden;}
.social-icon:hover p{font-size:90%;padding:0;margin:0 0 0 5px;font-weight:500;line-height:1;color:var(--c-white);width:auto;}
.social-icon svg{width:auto;height:18px;margin:0 0 0 0;fill:var(--c-white);}
.facebook{background:#00499a;}
.twitter{background:#10abcb;}
.whatsapp{background:#00a610;}
.telegram{background:#0080cd;}
.bgemail{background:#ff8000;}
.bgprint{background:#bd2e63;}
.content-isi{margin:15px 0;}
.content-isi h1, .content-isi h2, .content-isi h3, .content-isi h4, .content-isi h5, .content-isi h6, .content-isi p{line-height:1.2;margin:0 0 15px;}
.content-isi p{line-height:1.4;}
.content-isi img{max-width:100% !important;width:auto;height:auto;margin:5px auto !important;}
.col-comment-left{position:relative;width:calc(70% - 10px);margin:5px;overflow:hidden;}
.col-comment-right{position:relative;width:calc(30% - 10px);margin:5px;display:grid;box-sizing: border-box;overflow:hidden;}
.col-comment-left .form-control{margin:5px 0 !important;}
.captchabox{position:relative;width:calc(60% - 10px);margin:5px 5px 0;border:var(--border-greysoft) 1px solid;border-radius:4px;}
.refresh{position:relative;width:calc(40% - 10px);margin:5px 5px 0;border:var(--border-grey1) 1px solid;border-radius:4px;font-size:90%;text-align:center;}
.framefoto{margin:0 auto;padding:10px;background:var(--backg-grey1);-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(--bg-greysoft)}
.aparatur .mat{background-color:var(--bg-greymid)}
.box-header h3{font-size:160% !important;margin:0 auto;text-align:center;padding:0;line-height:1.1;text-transform:uppercase;font-weight:bold;}
.pembangunan-row{border:var(--border-grey1) 1px solid;border-radius:5px;padding:10px;margin:5px 0;}
.pembangunan-row h2{font-size:140%;margin:0 0 10px;}
.pembangunan-row svg, .custom-filter svg{width:auto;height:20px;margin:0 5px 0 0;fill:var(--c-white);}
.image-default img{display:block;width:100%;height:auto;border:var(--border-grey1) 3px solid;border-radius:5px;}
.dokumentasi h3{font-size:100%;margin:0 0 5px;line-height:1.1;}
.dokumentasi p{font-size:95%;line-height:1.1;}
.map-pemb{height:55vh !important;}
.btn, .btn:hover, .btn:focus, .btn.active, .btn.active a:hover, .btn.active a:focus, .btn a{color:var(--c-white) !important;border:none;box-shadow:none;outline:none;}
.btn svg{fill:var(--c-white);height:20px;}
.lapak .col2-grid{border-radius:5px;border:var(--border-grey1) 1px solid;margin:5px;display:grid;box-sizing: border-box;}
.gallerypage .col2-grid{width:calc(50% - 20px);margin:10px 10px;}
.pembangunan-row .col2-grid{display:grid;box-sizing: border-box;}
.btn p{font-size:95%;margin:0 0 0 5px;}
.custom-filter-col{width:36%;float:left;margin-bottom:8px;}
.pengaduan .custom-filter-col{width:27%;}
.custom-filter-small1{width:28%;float:left;margin-bottom:8px;}
.custom-filter-small4{width:22%;float:right;margin-bottom:8px;margin:0 0 0 auto !important;}
.pengaduan .custom-filter-small1{width:12%;}
.custom-filter-small2{width:10%;float:left;margin-bottom:8px;}
.custom-filter-small3{width:18%;float:left;margin-bottom:8px;}
.pengaduan .custom-filter-small3{width:18%;}
.custom-filter button{width:100% !important;}
.lapak-box{padding:10px;border-radius:5px;text-align:center;}
.lapak-box h2, .lapakview h2{font-size:100%;margin:5px 0;line-height:1.1;}
.lapak-box h3, .lapak-box p, .lapakview h3, .lapakview p{font-size:95%;margin:5px 0;line-height:1.1;}
.lapak-bottom{position:relative;overflow:hidden;height:46px;border-top:var(--border-grey1) 1px solid;}
.pengaduan-left{position:relative;width:calc(60% - 10px);margin:5px;}
.pengaduan-right{position:relative;width:calc(40% - 10px);margin:5px;padding:5px 0 0;}
.pengaduan-icon{position:relative;width:40px;height:40px;margin:5px 0;background:var(--bg-grad1);border-radius:4px;}
.pengaduan-icon svg{width:20px;fill:var(--c-white)}
.pengaduan-title{position:relative;width:calc(100% - 50px);margin:5px 0 5px 10px;}
.pengaduan-title h2{font-size:100%;margin:0 0 3px;line-height:1.1;}
.pengaduan-title p{font-size:95%;margin:0;line-height:1.1;}
.pengaduan-title h3{font-size:100%;margin:10px 0 0 0;line-height:1.1;font-weight:500;}
.itempengaduan{position:relative;overflow:hidden;margin:5px 0;border-top:var(--border-grey1) 1px dotted;}
.p-status{padding:0 10px;border-radius:3px;height:30px;margin:0 0 0 10px;font-size:80% !important;color:var(--c-white);line-height:1.1;}
.p-status svg{height:16px;fill:var(--c-white);margin:0 5px 0 0;}
.captha-left, .captha-right{position:relative;width:calc(50% - 10px);margin:5px;}
.box-idm{position:relative;width:calc(25% - 10px);margin:5px 5px;}
.box-idm-backg{position:absolute;top:20px;bottom:0;left:0;right:0;border-radius:5px;-webkit-box-shadow: inset 0px 0px 17px 0px rgba(0,0,0,0.4);
-moz-box-shadow: inset 0px 0px 17px 0px rgba(0,0,0,0.4);
box-shadow: inset 0px 0px 17px 0px rgba(0,0,0,0.4);}
.greenstyle .box-idm-backg{background:var(--c-toska);}
.yellowstyle .box-idm-backg{background:#f6b530;}
.bluestyle .box-idm-backg{background:var(--c-biru);}
.violetstyle .box-idm-backg{background:#C26991;}
.box-idm-arrow{position:absolute;right:0;bottom:-23px;border-right:transparent 40px solid;}
.box-idm-arrow:after{content:"";position:absolute;right:-40px;bottom:0;border-right:transparent 40px solid;border-top:rgba(0,0,0,0.4) 25px solid;}
.greenstyle .box-idm-arrow{border-top:var(--color2) 25px solid;}
.yellowstyle .box-idm-arrow{border-top:#f6b530 25px solid;}
.bluestyle .box-idm-arrow{border-top:var(--color1) 25px solid;}
.violetstyle .box-idm-arrow{border-top:#C26991 25px solid;}
.idm-title{position:relative;margin:0 20px;padding:0 10px;height:20vh;text-align:center;border-radius:5px;z-index:3;box-shadow:none;background:var(--backg-white);-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)}
.idm-title p{font-weight:bold;font-size:90%;padding:0;margin:0;line-height:1;}
.idm-value{position:relative;overflow:hidden;z-index:1;text-align:center;padding:25px 0 30px;}
.idm-value h2{font-weight:bold;font-size:140%;padding:0;margin:0;line-height:1;color:var(--c-white);text-shadow:3px 2px 5px #000;-webkit-text-stroke:1px transparent}
.idm-title svg{width:auto;height:40px;margin:0 auto 3px;fill:var(--c-greydark);opacity:0.7;}
.stat-heading{width:100%;position:relative;overflow:hidden;margin:10px 0 20px;text-align:center;}
.stat-heading h1{font-family:"Arial";font-size:200%;margin:0 0 5px;padding:0;line-height:1;font-weight:800;text-transform:uppercase;}
.stat-heading h2{font-size:120%;margin:0;padding:0;line-height:1;font-weight:bold;text-transform:uppercase;}
.bg-grad1{background:var(--bg-grad1);}
.petastyle .col-md-4, .petastyle .col-sm-4{width:100%;}
.absen{position:relative;overflow:hidden;border-radius:3px;height:34px;padding:0 10px;}
.absen p{font-size:90%;color:var(--c-white);}
.sdgs-item{position:relative;width:calc(33.33333333% - 8px);margin:8px 4px 0;padding:10px;text-align:center;background:var(--bggrey2);border-radius:5px;-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);}
.sdgs-item-icon{width:35%;float:left;}
.sdgs-item-icon img{width:100%;height:auto;}
.sdgs-item-title{width:65%;float:left;text-align:center;}
.sdgs-item-title p, .sdgs-item-title h2{font-size:100%;margin:5px 0;line-height:1.2;padding:0;}
.sdgs-item-title h2{font-size:140%;font-weight:bold;}
.running-head{float:left;position:absolute;left:5px;top:0;bottom:5px;}
.pagestyle .running-head{bottom:0;}
.running-head-inner{position:relative;height:30px;background:var(--bg-grad1);padding:0 10px;border-radius:3px 0 0 3px;}
.running-head-inner:after{content:"";position:absolute;top:0;right:-10px;border-left:var(--backg-2) 10px solid;border-top:transparent 15px solid;border-bottom:transparent 15px solid;}
.running-head-inner p{font-size:95%;line-height:1;color:var(--c-white);}
.running-head-inner svg{width:auto;height:20px;fill:var(--c-white);margin:0 5px 0 0;}
.bg{animation:slide 3s ease-in-out infinite alternate;background-image:linear-gradient(-60deg,var(--backg-2) 50%,transparent 50%);bottom:0;width:50%;opacity:.4;position:absolute;right:-20%;top:0}.bg2{animation-direction:alternate-reverse;animation-duration:4s}.bg3{animation-duration:5s}
.scrollheight .headtop{background:var(--backg-grey1);border-bottom:var(--border-grey1) 1px solid;}
.scrollheight .headtop .form-control{border:var(--border-grey1) 1px solid;}
.scrollheight #ScrollToTop{height:34px;}
.botscroll #ScrollToTop{height:34px;}
.scrollheight .canvas-menu{width:6vh;border-right:var(--border-grey1) 1px solid;}
@keyframes slide{0%{transform:translateX(-25%)}100%{transform:translateX(25%)}}@-moz-keyframes slide{0%{transform:translateX(-25%)}100%{transform:translateX(25%)}}@-o-keyframes slide{0%{transform:translateX(-25%)}100%{transform:translateX(25%)}}@-@-ms-keyframes slide{0%{transform:translateX(-25%)}100%{transform:translateX(25%)}}
@-webkit-keyframes loader{0%{width:0}100%{width:100%}}@keyframes loader{0%{width:0}100%{width:100%}}@-moz-keyframes loader{0%{width:0}100%{width:100%}}@-o-keyframes loader{0%{width:0}100%{width:100%}}@-ms-keyframes loader{0%{width:0}100%{width:100%}}
@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)}}
.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;}}
#loadtem{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-grad1);z-index:9000;}
.loadtem{position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;padding:0 15px;}
.loadtem img{width:auto;height:12vh;margin:0 auto 20px;}
.loadtem h1{font-size:100%;text-transform:uppercase;line-height:1;color:var(--c-white);margin:0;padding:0;font-weight:500;}
.loadtem p{font-size:90%;line-height:1.1;color:var(--c-white);margin:5px 0 0;padding:0;font-weight:500;}

.lapakfront-price{text-align:center;margin:10px 0;}
.lapakfront-price h3{font-size:95%;line-height:1.1;margin:0;padding:0;font-weight:500;}
.lapakfront-icon{width:auto;height:26px;padding:0 10px;border-radius:4px;margin:0 3px;cursor:pointer}
.lapakfront-icon svg{width:auto;height:18px;fill:#fff;}
.lapakfront-icon p{font-size:90%;line-height:1.1;color:var(--c-white);margin:0 0 0 5px;padding:0;font-weight:500;}

.boxvideo{height:25vh;border-radius:4px;width:100%;}
.view-android, .android-container{display:none;}
.loadertop{position:absolute;top:50px;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);}
.loaderbottom{position:absolute;bottom:50px;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);}
.loader-image img{width:10vh;height:auto;}
.loadertop, .loaderbottom{font-size:100%;margin:0;padding:0;line-height:1.1;color:#fff;font-weight:normal;width:100%;text-align:center;}
.loaderbottom{color:#000;font-weight:bold;}
.loadpage{position:fixed;background:linear-gradient(to top, #f3b700, #2b7200);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;}

@-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;}
}
.ifscroll .canvas-menu{width:6vh;}
.sotk h4{font-size:90%!important;margin:0%!important;padding:0%!important;line-height:1.1!important;}
.sotk p{font-size:80%!important;margin:0%!important;padding:0%!important;line-height:1.1!important;}
.mandiri{background:var(--backg-grey1);}
.colgrid-mandiri{width:33.33333333%;position:relative;margin:0;}
.mandiri-title{position:absolute;left:0;top:0;right:0;z-index:2;text-align:center;}
.mandirigrey{color:var(--c-grey2);}
.mandiricolor{color:var(--c1);}
.colgrid-mandiri.mandirileft{padding-top:80px;}
.colgrid-mandiri.mandirileft img{display:block;position:relative;z-index:5;width:70%;margin:0 auto;height:auto;}
.colgrid-mandiri.mandiricenter{background-size:cover;background-position:center;background-repeat:no-repeat;}
.colgrid-mandiri.mandiricenter:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;margin:0 -2px;background:linear-gradient(to right,  var(--backg-grey1), rgba(255,255,255,0.5), var(--backg-grey1));}
.colgrid-mandiri.mandiricenter div{position:relative;z-index:3;text-align:center;}
.colgrid-mandiri.mandiricenter img{display:block;width:10vh;margin:0 auto;height:auto;}
.colgrid-mandiri.mandiricenter h2{display:block;font-size:120%;margin:10px auto;padding:0;line-height:1.1;}
.colgrid-mandiri.mandiricenter p{display:block;font-size:95%;margin:0 auto;padding:0;line-height:1.1;}
.mandiriopen{position:relative;overflow:hidden;margin:20px 20px 0;background:var(--c1);border-radius:4px;height:45px;}
.mandiri-pin{min-width:40px;max-width:40px;height:40px;background:var(--c2);border-radius:40px;margin:0 5px 0 0;}
.mandiri-pin svg, .mandiriopen svg{fill:#fff;width:24px;height:auto;}
.colgrid-mandiri.mandiriright p{display:block;font-size:95%;margin:0;padding:0;line-height:1.1;}
.mandiri-effect {
  position: absolute;
  top: 60px;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);
  font-size: 240%;
  line-height:1;
  font-weight:800;
  text-transform:uppercase;
  -webkit-animation-name: wave;
          animation-name: wave;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  font-family: "Arial";
}

.mandiri-effect:nth-of-type(1) {
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.mandiri-effect:nth-of-type(2) {
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

.mandiri-effect:nth-of-type(3) {
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.mandiri-effect:nth-of-type(4) {
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}

@-webkit-keyframes wave {
  40%, 50% {
    transform: translate(-50%, -65%) scale(1.05);
  }
  0%, 90%, 100% {
    transform: translate(-50%, -45%) scale(0.95);
  }
}

@keyframes wave {
  40%, 50% {
    transform: translate(-50%, -65%) scale(1.05);
  }
  0%, 90%, 100% {
    transform: translate(-50%, -45%) scale(0.95);
  }
}

.mobile-menu li{font-size:100%!important;padding:0!important;margin:0!important;line-height:1.1!important;}
.mobile-menu li a{background:transparent !important;padding:7px 0!important;margin:0 20px 0 0!important;line-height:1.1!important;}
.mobile-menu .dropdown-menu{background:rgba(255,255,255,0.3)!important;left:0!important;border-radius:0!important;padding:5px 10px!important;box-shadow:none!important;font-size:16px!important;border:rgba(0,0,0,0.3) 1px solid!important;}
.mobile-menu .dropdown-menu:nth-child(2) .dropdown-menu{background:transparent!important;padding:0 10px 5px!important;border:none!important;}
.mobile-menu .dropdown-menu li a{font-size:16px!important;font-weight:bold!important;margin:0 0 0 5px!important;}
.mobile-menu .dropdown-menu li a:after{display:none;}
.mobile-menu .dropdown-menu:nth-child(2) .dropdown-menu li a{position:relative;margin-left:15px!important;padding-left:12px!important;}
.mobile-menu .dropdown-menu:nth-child(2) .dropdown-menu li a:after{content:"";display:block;position:absolute;left:0;top:11px;width:8px;height:8px;border-radius:8px;background:#919191;}

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

.bounceIn, .icon-item:hover img {-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}