#infopage{display:none;}
.header{position:relative;z-index:2000;}
.homestyle .header{background:transparent;}
.whenscroll .homestyle .header{background:linear-gradient(to right, var(--cblack), var(--cdark), var(--cblack));border-bottom:var(--color2) 4px solid;}
.header-title img{width:auto;height:10vh;margin:0 10px 0 0;}
.whenscroll .header-title img{height:6vh;}
.header-title h1{font-size:140%;float:none;line-height:1;margin:0px;padding:0px;font-weight:700!important;text-transform:uppercase;background-size: auto auto;letter-spacing:-0.5px;background-clip: border-box;background-size: 200% auto;background-clip: text;text-fill-color: transparent;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation:textclip 6s linear infinite;background-image: linear-gradient(-225deg,var(--cwhite) 0%,var(--cwhite) 29%,var(--cwhite) 67%,var(--yellow) 100%);}
.whenscroll .header-title h1{font-size:100%;}
.header-title h3{font-size:95%;margin:3px 0 0;padding:0;line-height:1.1;font-weight:normal;color:var(--cgrey1);}
.whenscroll .header-title h3{margin:0;overflow:hidden;opacity:0;height:0;line-height:0;}
.whenscroll .header-right-top{margin:0;overflow:hidden;opacity:0;height:0;line-height:0;}
.header-right-item{margin:0 0 0 15px;cursor:pointer;}
.header-right-item img{width:auto;height:22px;line-height:1;padding:0;margin:0;}
.header-right-top{margin-bottom:7px;}
.searchtop {margin:0;}
.numeralstyle .searchtop .form-control {margin:0 0 -16px!important;}
.searchtop .form-control{line-height:1;height:28px;border-radius:28px;border:#919191 1px solid;padding:0 36px 0 10px;width:200px;font-size:85%;background:linear-gradient(to right, rgba(0,0,0,0.65), transparent);transition:all 0.2s linear 0.1s;-webkit-transition:all 0.1s linear 0.1s;-moz-transition:all 0.1s linear 0.1s;-o-transition:all 0.1s linear 0.1s;color:var(--cgrey2)!important;}
.searchtop .form-control:focus, .searchtop .form-control.active{box-shadow:none;background-color:rgba(0,0,0,0.5);width:250px;}
.searching{position:absolute;right:0;top:0;bottom:0;width:28px;box-shadow:none;outline:none;background:transparent;border:none;}
.searching svg{width:24px;height:auto;fill:var(--cwhite);opacity:0.6;}
.homestyle .headerbg{display:none;}
.pagestyle .header-inner{padding:8vh 0;}
.whenscroll .pagestyle .header{position:fixed;left:0;top:0;right:0;border-bottom:var(--color2) 4px solid;}
.whenscroll .pagestyle .header-inner{padding:10px 0;}
.headerbg{background:var(--cdark);}
.headerbg-image{-webkit-transform: translate3d(-50%, 0, 0);-o-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);}
.headerbg-image:after{content:"";position:absolute;left:-1px;right:-1px;top:0;bottom:0;background: linear-gradient(to right, var(--cdark), rgba(0,0,0,0.3), var(--cdark));}
.pagehead{position:relative;width:100%;padding:0;background:transparent;overflow:hidden;}
.pagegraph{position:relative;width:100%;padding:15px 0 0;background:var(--cgrey1);overflow:hidden;}
.pagegraph1{position:relative;overflow:hidden;width:100%;margin-bottom:-30px;}
.pagegraph1 svg, .pagegraph2 svg, .pagegraph3 svg{width:100%;height:auto;display:block;line-height:1;margin:0;padding:0;}
.pagegraph2, .pagegraph3{position:absolute;left:0;right:0;bottom:-30px;}
.pagegraph2{opacity:0.5;}
.pagegraph1 svg{fill:var(--cwhite);}
.pagegraph3 svg{fill:var(--cwhite);}
.pagehead-title{position:relative;width:100%;padding:0;background:transparent;overflow:hidden;margin:-40px auto 0;}
.pagehead-title img{width:8vh;height:auto;margin:0 10px 0 0;}
.pagehead-title h1{position:relative;font-size:150%;line-height:1;font-weight:bold;margin:0px;padding:0;letter-spacing:-0.5px;text-transform:uppercase;}
.pagehead-title h2{position:relative;font-size:130%;line-height:1;font-weight:bold;margin:0;padding:0;letter-spacing:-0.5px;}
.pagehead-title h3{font-size:100%;line-height:1;font-weight:bold;margin:0;padding:0;letter-spacing:-0.5px;text-transform:uppercase;}
.headsmall .pagehead-title img{width:6vh;height:auto;margin:0 10px 0 0;}
.menurow{position:relative;z-index:800!important;padding:5px 10px;border-radius:5px;}
.whenscroll .menurow{padding:0;height:0;overflow:hidden;opacity:0;}
.menurow:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:var(--color2);opacity:0.5;}
.homestyle .menurow:after{display:none;}
.menuweb{position:relative;z-index:10;}
.menuweb .nav.navbar-nav{background:transparent !important;width:100%;padding: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:1.1!important;}
.menuweb li a{background:transparent !important;padding:0!important;margin:0 20px 0 0!important;line-height:30px!important;color:var(--cgrey1);text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;border-bottom:transparent 1px solid;}
.menuweb li a:hover{border-bottom:var(--yellow) 1px solid;color:var(--cwhite)!important;}
.menuweb li a:focus, .menuweb li a.active{color:var(--cwhite)!important;}
.menuweb .dropdown-menu{background:var(--cblack);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(--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;color:var(--cgrey1)!important;line-height:1.1!important;}
.menuweb .dropdown-menu li a:hover{background:var(--bgdark)!important;color:var(--cwhite)!important;}
.menuweb .dropdown-menu:nth-child(2) .dropdown-menu{margin-left:0!important;height:0!important;overflow:hidden!important;border-top:none!important;padding:0!important;opacity:0!important;border-radius:0!important;top:-6px!important;left:100%!important;}
.menuweb .dropdown-menu:nth-child(2) .dropdown-menu li a{margin:0!important;}
.menuweb .dropdown-menu:nth-child(2) li:hover .dropdown-menu, .menuweb .dropdown-menu:nth-child(2):focus .dropdown-menu, .menuweb .dropdown-menu:nth-child(2).active .dropdown-menu{height:auto!important;overflow:hidden!important;opacity:1!important;padding:5px!important;display:block!important;}
.menuweb .dropdown-menu:nth-child(2) .dropdown-menu ul.dropdown-menu{opacity:1!important;top:100%!important;left:0!important;position:relative!important;padding:0!important;}
.menuweb .dropdown-menu:nth-child(2) .dropdown-menu ul.dropdown-menu li a{position:relative;padding:0!important;margin:0 0 0 10px!important;padding:5px 10px 5px 13px!important;}
.menuweb .dropdown-menu:nth-child(2) .dropdown-menu ul.dropdown-menu li a:hover{background:transparent!important;}
.menuweb .dropdown-menu:nth-child(2) .dropdown-menu ul.dropdown-menu li a:after{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;background:#919191;border-radius:8px;}
.iconhome{width:28px;height:28px;background:rgba(0,0,0,0.3);border-radius:3px;margin:0 5px 0 0;}
.iconhome svg{width:20px;height:auto;fill:var(--cwhite)!important;opacity:0.6;}
.homestyle .iconhome{background:var(--color1);}
#thistime, #thisdate, #thistime p, #thisdate p, .day{font-size:95%;line-height:1;padding:0;margin:0;font-weight:500;color: var(--cgrey2);text-align:right;}
#thisdate{margin:0 5px 0 0;}
#thistime{margin:0 0 0 5px;}
.weather-item img{width:auto;height:24px;line-height:1;padding:0;margin:0 0 0 5px;}
.hometop:after{content:"";position:absolute;left:0;top:0;right:0;height:30vh;z-index:100;background:linear-gradient(to top, transparent, var(--cblack) 80%);}
.fade-gallery-img{transition:opacity 1s ease-in-out;object-fit:cover;background:var(--cblack);}
.titleslide{background:linear-gradient(to top, rgba(0,0,0,0.6), transparent);}
.titleslide h2{font-size:180%;margin:0;padding:0;line-height:1;color:var(--cgrey2);text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;font-weight:bold;letter-spacing:-0.3px;}
.homegraph svg{width:100%;height:auto;display:block;line-height:1;margin:0;padding:0;}
.graph1, .graph2, .graph3{position:absolute;left:0;bottom:0;right:0;z-index:1;}
.graph2{opacity:0.45;}
.graph3{z-index:4;}
.graph4{z-index:3;}
.runtext-area{position:relative;margin:0;padding:0;z-index:90;}
.home-runtext{position:relative;margin:0;padding:7px 0 0;z-index:90;}
.runtext{position:relative;}
.runtext-content{position:relative;overflow:hidden;height:34px;padding:0;background:rgba(0,0,0,0.2);border:rgba(0,0,0,0.5) 1px solid;margin:0;}
.runtext-head{position:absolute;left:-5px;top:4px;bottom:4px;float:left;background:var(--cdark);border-radius:4px 0 0 4px;padding:0 10px;z-index:2;margin:0;font-size:95%;color:var(--cwhite);line-height:1;}
.runtext-head:after{content:"";position:absolute;right:-13px;top:0;border-left:var(--color1) 13px solid;border-top:transparent 18px solid;border-bottom:transparent 18px solid;}
.run-isi{position:relative;height:34px;line-height:34px;padding:0;margin:0 50px 0 0;}
.run-isi:after{content:"";position:absolute;right:-30px;top:4px;width:10px;height:10px;border-radius:10px;background:var(--cwhite);opacity:0.5;}
.run-isi:last-child:after{display:none;}
.run-isi a{margin:0;padding:0;}
.topsection-home{background:linear-gradient(to right, var(--cblack), var(--cdark), var(--cblack));}
.homestyle .runtext-content{height:36px;padding:0;background:transparent;border:none;}
.homestyle .runtext-head{position:absolute;left:0;top:0;height:36px;float:left;background:var(--color1);border-radius:4px 0 0 4px;padding:0 10px;z-index:2;margin:0;font-size:95%;color:var(--cwhite);line-height:36px;}
.runtext-head svg{width:auto;height:18px;fill:#ffb800;}
.runtext marquee{position:relative;overflow:hidden;height:34px;line-height:34px;padding:0;margin:0;font-size:95%;font-weight:500;color:var(--cwhite);opacity:0.75;}
.runtext marquee a{color:var(--cwhite);}
.home-icon{position:relative;overflow:hidden;padding:30px 0 0;background:var(--cwhite);}
.home-icon-inner{position:relative;overflow:hidden;padding:25px 25px 0;background:transparent;}
.home-icon-bg{position:absolute;left:0;top:0;right:0;height:50%;}
.home-icon .carousel-cell {width:calc(12.5% - 9px);margin:0 5px;border:var(--cgrey3) 1px solid;min-height:100%;}
.icon-item-bg{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;background:linear-gradient(to top, var(--cwhite) 10%, var(--cgrey3));}
.icon-item-bg:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45) inset;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45) inset;-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45) inset;z-index:2;}
.icon-item-bg:before{content:"";position:absolute;left:0;top:0;right:0;height:50%;overflow:hidden;background:var(--cwhite);border-radius:0 0 100% 100%;opacity:0.6;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;}
.icon-item{position:relative;overflow:hidden;padding:15px 0;cursor:pointer;z-index:3;}
.icon-item p{font-size:95%;margin:10px 5px;padding:0;line-height:1.1;letter-spacing:-0.5px;font-weight:bold;color:var(--cmain);opacity:0.75;}
.icon-item img{display:block;width:auto;height:9vh;margin:10px auto 0;padding:0;line-height:1;}
.carousel-cell:hover .icon-item-bg:before{border-radius:0;}
.carousel-cell:hover .icon-item img{transform:scale(1.15);}
.carousel-cell:hover .icon-item p{color:var(--cdark);opacity:1;}
.iconmob-col, .iconmob-col-open, .iconmob-col-other{position:relative;width:calc(25% - 10px);margin:10px 5px 0;border:var(--cgrey3) 1px solid;}
.iconmob-col-other{display:none;}
.home-iconmob-inner{position:relative;overflow:hidden;padding:0 10px 0;background:var(--cwhite);}
.headline{position:relative;}
.headline-image{position:relative;width:45%;overflow:hidden;}
.headline-title{position:relative;width:55%;background: linear-gradient(to right, transparent, var(--cgrey1));border-radius:0 7px 7px 0;}
.headline-head{position:absolute;left:45%;top:10px;z-index:10;margin-left:-30px;padding:2px 0 2px 65px;}
.headline-head:before{content:"";position:absolute;left:0;top:0;bottom:0;width:30px;border:var(--cwhite) 4px solid;border-right:none;}
.headline-head:after{content:"";position:absolute;left:30px;top:0;bottom:0;width:30px;border:var(--yellow) 4px solid;border-left:none;}
.headline-head svg{width:auto;height:6vh;display:block;line-height:1;margin:0 2px;padding:0;}
.headline-svg1 svg{fill:var(--color1);}
.headline-svg2 svg{fill:var(--color2);}
.headline:hover .headline-svg1 svg{fill:var(--color2);}
.headline:hover .headline-svg2 svg{fill:var(--color1);}
.headline-title .aligntop{padding:6vh 10px 0 10px;}
.headline-title h2{font-size:120%;margin:25px 0 10px 0;padding:0;line-height:1.1;font-weight:bold;letter-spacing:-0.3px;color:var(--cmain);}
.headline-title p{font-size:95%;margin:0;padding:0;line-height:1.1;font-weight:normal;color:var(--cmain);}
.headline-title .alignbottom{padding:10px;}
.headline:hover .image-headline{transform:scale(1.15);}
.content-info svg{width:22px;height:auto;opacity:0.5;}
.content-info p{font-size:95%;margin:0;padding:0;line-height:1.1;font-weight:normal;color:var(--cmain);}
.tooltip2{position:relative;display:inline-block}
.tooltip2 .tooltip2text{visibility:hidden;background:var(--cblack);color:#fff;border-radius:4px !important;padding:10px;position:absolute;z-index:1;right:100%;font-size:80%;min-width:120px;line-height:1.1;margin:0 43px 0 0;}
.toolbot .tooltip2text{visibility:hidden;background:var(--cblack);color:#fff;border-radius:4px !important;padding:10px;position:absolute;z-index:1;left:50%;top:100%;font-size:80%;min-width:100px;line-height:1.1;margin:10px 0 0;-webkit-transform: translate3d(-50%, 0, 0);-ms-transform: translate3d(-50%, 0, 0);-o-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);text-align:center;}
.toolbot.tooltip2 .tooltip2text:after{content:"";position:absolute;left:50%;top:-6px;margin-left:-8px;border-bottom:#000 10px solid;border-left:transparent 9px solid;border-right:transparent 9px solid;z-index:2;}
.toolleft .tooltip2 .tooltip2text, .toolleft .tooltip2 .tooltip2text:before, .toolleft .tooltip2 .tooltip2text:after{top:50%;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
.toolleft .tooltip2 .tooltip2text:after{content:"";position:absolute;left:100%;margin-left:30px;width:8px;height:8px;border-radius:8px;background:var(--yellow);}
.toolleft .tooltip2 .tooltip2text:before{content:"";position:absolute;left:100%;width:30px;height:1px;background:var(--yellow);}
.tooltip2:hover .tooltip2text {visibility: visible;z-index:999;}
.image-headline, .img-wide, .img-article, .small-image, .image-gallery, .imageblog, .image-aparatur, .image-more, .video-box, .image-leader{width: 100%;display: block;position: relative;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;}
.image-headline{height:35vh;}
.img-wide{padding-bottom: 56.25%;}
.img-article{height:27vh;}
.small-image{height:16vh;}
.image-gallery{height:30vh;}
.imageblog{height:25vh;}
.image-aparatur{height:50vh;}
.image-more{padding-bottom: 56.25%;border-radius:7px;}
.video-box{padding-bottom: 56.25%;}
.image-leader{height:56vh;}
.image-cover img, .imagefull img, .video-view{display:block;width:100%;height:100%;position: absolute;top: 50%;left: 50%;margin:0 auto;object-fit: cover;-webkit-transform: translate3d(-50%, -50%, 0);-moz-transform: translate3d(-50%, -50%, 0);-ms-transform: translate3d(-50%, -50%, 0);-o-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}
.headmodule h1{position:relative;font-size:150%;line-height:1.1;font-weight:bold;margin:0px;padding:0px 0 3px;letter-spacing:-0.5px;border-bottom:var(--yellow) 2px solid;}
.aparatur .headmodule h1{border-bottom:var(--cgrey3) 4px solid;}
.latest-col{position:relative;width:calc(25% - 20px);margin:20px 10px 0;padding:0 0 0;background: linear-gradient(to top,  var(--cgrey1), transparent 30%);box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;}
.latest-col:hover{background:var(--cwhite);}
.latest-image{position:relative;overflow:hidden;}
.latest-col:hover .latest-image-box{transform:scale(1.05);}
.latest-title{position:relative;z-index:5;padding:15px 15px 0;}
.latest-title h2{font-size:100%;margin:0;padding:0;line-height:1.1;font-weight:bold;letter-spacing:-0.3px;color:var(--cmain);}
.latest-title a{color:var(--cmain);}
.latest-title a:hover, .latest-col:hover .latest-title h2{color:var(--cdark);}
.latest-info{position:relative;width:45px;}
.latest-text{position:relative;width:calc(100% - 55px);margin:0 0 0 5px;padding:0 0 0 5px;border-left:var(--yellow) 1px solid;}
.latest-info h3{display:block;padding:8px 0;margin:0 0 3px;line-height:1;font-size:100%;font-weight:bold;color:var(--cwhite);background:var(--color2);border-radius:3px;}
.latest-info p{font-size:90%;margin:0;padding:0;line-height:1;font-weight:normal;letter-spacing:-0.3px;color:var(--cmain);}
.latest-more{height:28px;padding:0 15px;line-height:1.1;font-size:90%;border:var(--cgrey3) 1px solid;border-radius:28px;margin:25px auto 15px;background:var(--cwhite);cursor:pointer;}
.latest-col:hover .latest-more, .latest-more:hover{background:var(--cdark);color:var(--cwhite)}
.aparatur-title{position:absolute;left:0;bottom:0;right:0;height:0;overflow:hidden;}
.aparatur-title h2, .aparatur-title h3{font-size:100%;margin:0;padding:0;line-height:1.1;letter-spacing:-0.3px;font-weight:normal;color:var(--cwhite);}
.aparatur-title h3{color:var(--yellow);margin:3px 0 0;}
.statistik{position:relative;overflow:hidden;padding:20px 0;}
.statistik-bg{position:absolute;left:0;top:0;right:0;bottom:0;opacity:0.7;background:linear-gradient(to right, var(--cblack), var(--color1), var(--cblack));}
.statistik-inner{position:relative;overflow:hidden;z-index:3;}
.head-stat-title{position:absolute;top:0;bottom:0;left:30%;width:40%;}
.head-stat{position:relative;overflow:hidden;height:8vh;border:var(--cgrey3) 2px solid;padding:0 20px;border-radius:8vh;}
.head-stat span{font-family:"verdana",Arial;font-size:160%;color:var(--yellow);font-weight:bold;margin:0;line-height:1;padding:0;text-transform:uppercase;letter-spacing:-1px;animation:flipe 3s infinite;animation-delay:calc(.2s * var(--i))}
@-webkit-keyframes flipe{0%,80%{transform:rotateY(360deg)}}@-moz-keyframes flipe{0%,80%{transform:rotateY(360deg)}}@keyframes flipe{0%,80%{transform:rotateY(360deg)}}@-o-keyframes flipe{0%,80%{transform:rotateY(360deg)}}
.stat-gender{position:relative;width:100%;}
.stat-col{display:none;padding:70px 0;}
.stat-col:nth-child(1){display:block;width:30%;float:left;margin:0 auto 0 0;}
.stat-col:nth-child(2){display:block;width:30%;float:right;margin:0 0 0 auto;}
.stat-icon{width:16vh;height:16vh;margin:0 auto 15px;border-radius:50%;border:rgba(255,255,255, 0.3) 2px solid;}
.stat-col h2{font-size:200%;margin:0;padding:0;line-height:1;letter-spacing:-0.3px;font-weight:normal;color:var(--cwhite);}
.stat-col h3, .stat-col p{font-size:90%;margin:0 auto;padding:0;line-height:1;letter-spacing:-0.3px;font-weight:normal;color:var(--cgrey2);}
.stat-col h3{padding:5px 0 0;border-top:rgba(255,255,255,0.35) 1px dotted;}
.stat-col p{margin:0 0 0 5px;}
.stat-svg1{position:relative;}
.stat-svg1b{position:absolute;top:0;left:0;right:0;bottom:0;}
.stat-svg1 svg, .stat-svg2 svg{width:60%;height:auto;margin:0 auto;padding:0;line-height:1;display:block;}
.stat-svg1a svg{fill:var(--cgrey3);}
.stat-svg1b svg, .stat-svg2 svg{fill:var(--cwhite);opacity:0.25;}
.stat-link{position:relative;overflow:hidden;z-index:4;margin:-50px 0 0;}
.stat-link-item{height:30px;background:var(--cblack);border-radius:30px;font-size:90%;margin:5px 3px 0;padding:0 15px;line-height:1;letter-spacing:-0.3px;font-weight:normal;color:var(--cgrey1);opacity:0.5;}
.stat-link-item:hover{opacity:1;}
.gnav{z-index:3;background:var(--bgwhite);}
.galmain{position:relative;width:calc(100% - 20vh);z-index:5;overflow:hidden;min-height:30vh;}
.galnav{position:relative;width:30vh;margin-left:-10vh;z-index:3;}
.galnav svg{width:80%;line-height:1;padding:0;margin:0 auto;display:block;fill:var(--cwhite);opacity:0.4;}
.galnav-bg{position:absolute;left:10vh;top:0;right:0;bottom:0;z-index:1;}
.galnav-bg:before, .galnav-bg:after{content:"";position:absolute;top:0;bottom:0;border-radius:7px;width:calc(10vh - 10px);background-color:var(--cgrey2);background-size:60% auto!important;}
.galnav-bg:before{left:10px;}
.galnav-bg:after{right:0;}
.imagebg, .galnav-bg:before, .galnav-bg:after{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4,4H7L9,2H15L17,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4M12,7A5,5 0 0,0 7,12A5,5 0 0,0 12,17A5,5 0 0,0 17,12A5,5 0 0,0 12,7M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9Z' fill='%23d0d0d0'/%3E%3C/svg%3E");background-position:center;background-size:15% auto;background-repeat:no-repeat;}
.gnav .carousel-cell{width:10vh;padding:0 0 0 10px;border-radius:7px;cursor:pointer;}
.gnav .carousel-cell.is-selected{opacity:0;}
.galnav .flickity-prev-next-button, .galmain .flickity-prev-next-button{display:none;}
.title-bottom{position:absolute;left:0;bottom:0;right:0;padding:30px 10px 15px;background:linear-gradient(to top, var(--cblack), transparent);}
.title-bottom p, .title-bottom h2{font-size:90%;line-height:1.1;font-weight:normal;margin:0;padding:0px;color:var(--cwhite);}
.gallery-col2{position:relative;width:calc(50% - 20px);margin:0 10px;}
.gallery-head{position:absolute;top:-10px;left:0;right:0;z-index:3;}
.gallery-head-inner{position:relative;height:40px;padding:0 15px;margin:0;border-radius:0 0 5px 5px;}
.gallery-head-inner:before{content:"";position:absolute;left:-7px;top:0;border-bottom:var(--cdark) 10px solid;border-left:transparent 7px solid;}
.gallery-head-inner:after{content:"";position:absolute;right:-7px;top:0;border-bottom:var(--cdark) 10px solid;border-right:transparent 7px solid;}
.gallery-head-inner h1, .gallery-head-inner h2{font-size:140%;line-height:1;font-weight:bold;margin:0px;padding:0;letter-spacing:-0.5px;color:var(--cwhite);text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;}
.gallery-head-inner svg{width:auto;height:26px;margin:0 5px 0 0;fill:var(--cwhite);opacity:0.7;line-height:1;}
.gallery-col-bg{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;border:var(--cgrey3) 1px solid;background:linear-gradient(to top,var(--cgrey1) 15%,transparent);box-shadow:rgb(0 0 0 / .15) 0 10px 15px -5px,rgb(0 0 0 / .15) 0 10px 10px -5px}
.gallery-inner{position:relative;overflow:hidden;padding:40px 15px 15px;z-index:4;min-height:calc(30vh + 55px);}
.foto2{display:none;}
.foto-only .gallery-head{top:0;left:0;right:auto;width:30%;}
.foto-only .gallery-head.cflex{display:block!important;}
.foto-only .gallery-head-inner{height:35vh;padding:0 15px;margin:15px 0 0 -7px;border-radius:7px 7px 7px 0;}
.foto-only .gallery-head-inner:after{display:none;}
.foto-only .gallery-head-inner:before{left:0;top:auto;bottom:-5px;border-bottom:none;border-top:var(--cdark) 7px solid;border-left:transparent 7px solid;}
.foto-only .gallery-view{width:70%;margin:0 0 0 auto;}
.foto-only .gallery-inner{padding:15px;min-height:calc(35vh + 30px);}
.foto-only .image-gallery{height:35vh;}
.foto-only .galmain{min-height:35vh;}
.foto-only .foto1{display:none;}
.foto-only .foto2{display:block;font-family:"Arial" !important;}
.foto-only .gallery-head-inner svg{height:12vh;}
.foto-only .gallery-head-inner h1{font-weight:800;font-size:250%;letter-spacing:-1px;}
.widgets-col{position:relative;width:calc(70% - 20px);margin-left:10px;margin-right:10px;}
.jamkerja-col{position:relative;width:calc(30% - 20px);margin-left:10px;margin-right:10px;}
.widgets-box{height:calc(34.5vh + 9px);cursor:pointer;}
.widgets-box .aligntop, .widgets-box .alignbottom{position:relative;z-index:3;}
.title-widgets h2{font-size:120%;margin:0 15px;padding:0;line-height:1;font-weight:bold;letter-spacing:-0.5px;}
.info-widgets p{font-size:95%;margin:0 15px;padding:0;line-height:1.1;font-weight:normal;letter-spacing:-0.3px;}
.info-widgets{margin:0 15px 15px;}
.widget-icon{margin:15px auto;background:var(--color2);width:14vh;height:14vh;border-radius:50%;border:var(--cwhite) 4px solid;}
.widget-icon svg{display:block;width:50%;height:auto;margin:0;padding:0;line-height:1;fill:var(--cwhite);}
.widgets-box-bg{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;border:var(--cgrey3) 1px solid;background:linear-gradient(to top, var(--cwhite) 25%, var(--cgrey3));}
.widgets-box-bg:after{content:"";position:absolute;left:-10px;top:0;right:-10px;height:30%;background:var(--cwhite);border-radius:0 0 100% 100%;opacity:0.7;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}
.widgets-box:hover .widgets-box-bg:after{border-radius:0;}
.widgets-box:hover .widget-icon{background:var(--color1);}
.all-widgets .carousel-cell{width:calc(25% - 16px);margin:0 10px 10px;}
.e-mandiri, .apb{position:relative;width:calc(50% - 60px);margin-left:30px;margin-right:30px;}
.monitor{position:absolute;z-index:5;bottom:0;right:0;}
.monitor img{width:auto;height:35vh;}
.emandiri-bottom{position:overflow:hidden;width:100%;}
.emandiri-title{position:relative;overflow:hidden;}
.emandiri-title h1{font-size:470%;margin:0;line-height:1;padding:0;font-weight:800;color:var(--color2);text-transform:uppercase;letter-spacing:-1px;opacity:0.35;font-family:"Arial" !important;}
.emandiri-title h2{font-family:"Arial" !important;font-size:330%;float:none;line-height:1;letter-spacing:-1px;margin:-15px 0 0 30px;padding:0px;font-weight:800;text-transform:uppercase;background-size: auto auto;background-clip: border-box;background-size: 200% auto;background-clip: text;text-fill-color: transparent;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation:textclip 6s linear infinite;background-image: linear-gradient(-225deg,var(--cdark) 0%,var(--color1) 29%,var(--cdark) 67%,var(--color2) 100%);}
.emandiri-info{position:relative;z-index:10;margin:0 40% 0 0;}
.emandiri-info-inner{position:relative;height:50px;padding:0 15px;background: linear-gradient(to right, var(--cgrey1), transparent 85%);border-radius:5px;z-index:1;margin:1px 0 1px 1px;}
.emandiri-info:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background: linear-gradient(to right, var(--cgrey3), transparent 85%);border-radius:5px;}
.emandiri-login{float:right;margin:0 0 0 auto;height:50px;padding:0 15px;border-radius:5px;background:linear-gradient(to right, var(--color1), var(--color2));font-size:95%;line-height:1;text-transform:uppercase;font-weight:bold;color:var(--cwhite);}
.emandiri-info p{font-size:95%;margin:0;line-height:1.1;padding:0;}
.emandiri-item{height:40px;padding:0 0 0 25px;margin:0 0 10px;}
.emandiri-item img{width:auto;height:40px;}
.console-container{font-size:95%;margin:0;line-height:1.1;padding:0;font-weight:bold;color:var(--cdark);letter-spacing:-0.5px;}
.apb-image img{width:auto;display:block;margin:0 0 10px;padding:0;height:22vh;}
.apb:before{content:"";position:absolute;left:30px;top:0;bottom:0;right:0;border:var(--cgrey3) 1px solid;border-radius:7px;background: linear-gradient(to right, var(--cgrey1), var(--cwhite) 50%);}
.apb .aligntop{position:relative;z-index:6;margin:0 0 10px;}
.apb .alignbottom{position:relative;z-index:5;}
.apb h2{font-size:160%;margin:20px 0 0 50px;line-height:1;padding:0;font-weight:bold;letter-spacing:-0.5px;}
.apbhome-title{position:absolute;right:20px;top:-15px;z-index:2;text-align:left;}
.apbhome-title h1{font-size:900%;margin:0;line-height:1;padding:0;font-weight:800;letter-spacing:-10px;color:var(--cgrey1);opacity:0.65;text-shadow: 0px 0px 2px rgba(0,0,0,0.8);font-family:"Arial" !important;}
.apbhome-title p{position:relative;z-index:2;font-size:110%;margin:-40px 0 0 20px;line-height:1.1;padding:0;font-weight:bold;letter-spacing:-0.3px;color:var(--color2);}
.apbhome-title h3{position:relative;font-size:200%;line-height:1.1;font-weight:800;margin:5px 0 0 20px;padding:0;letter-spacing:-0.5px;font-family:"Arial" !important;}
.apbhome-link{position:absolute;right:15px;bottom:15px;z-index:10;}
.apbhome-title span{display:none;}
.boxshadow-white{border:var(--cgrey3) 1px solid;background:var(--cwhite);box-shadow:rgb(0 0 0 / .15) 0 10px 15px -5px,rgb(0 0 0 / .15) 0 10px 10px -5px}
.jamkerja{border:var(--cgrey3) 1px solid;}
.head-jamkerja{height:6vh;border-radius:7px 7px 0 0;background:linear-gradient(to right, var(--color1), var(--color2), var(--color2), var(--color2), var(--color1));}
.head-jamkerja h1{font-size:130%;line-height:1;font-weight:bold;margin:0px;padding:0;letter-spacing:-0.5px;color:var(--cwhite);text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;}
.table-jamkerja td, .table-jamkerja th{font-size:95%!important;margin:0!important;padding:0!important;line-height:3.5vh!important;}
.table-jamkerja td{border-left:var(--cgrey3) 1px solid;}
.table-jamkerja th{line-height:4vh!important;background:var(--color2);color:var(--cwhite);border:none!important;margin:0 0 5px!important;font-size:90%!important;font-weight:bold;text-transform:uppercase;}
.nav-tabs>li>a{border:transparent 1px solid;margin:0;padding:10px!important;line-height:1.1;font-weight:bold;font-size:100%;}
.nav-tabs{border-bottom:var(--cgrey3) 1px solid;background:transparent;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{border:var(--cgrey3) 1px solid;border-bottom:var(--cwhite) 1px solid;background:transparent!important;}
.small-content-image{position:relative;width:18vh;}
.small-content-title{position:relative;width:calc(100% - 19vh);margin:0 0 0 1vh;}
.small-row{position:relative;overflow:hidden;margin:20px 0 0;}
.small-content-title h2{font-size:100%;margin:0;padding:0;line-height:1.1;color:var(--cmain)}
.small-content-title p{font-size:95%;margin:0 0 5px;padding:0;line-height:1.1;color:var(--cmain)}
.content-info{margin:0 15px 0 0;}
.small-content-title i.fa{margin-right:5px;opacity:0.5;}
.small-row:hover .small-content-title h2{color:var(--color1)}
.relhid{position:relative;overflow:hidden;}
.catlist li, .catlist ul{list-style:none;padding:0;margin:0;}
.single-link{position:relative;margin:10px 0;padding:0 0 0 15px;line-height:1.2;font-size:100%;font-weight:bold;}
.single-link:after{content:"";position:absolute;top:5px;left:0;width:8px;height:8px;border-radius:8px;background:var(--yellow);}
.single-link:hover{padding:0 0 0 15px;}
.single-link:hover:after{content:"";position:absolute;top:0;left:0;width:0;border-left:var(--brdgrey) 10px solid;border-top:transparent 8px solid;border-bottom:transparent 8px solid;background:transparent;}
.subsingle-link{margin:4px 0 4px 20px;padding:0;line-height:1.2;font-size:100%;}
.agenda-small{margin:10px 0 0;padding-top:10px;border-top:var(--cgrey3) 1px solid;}
.agenda-small h3{font-size:100%;margin:0 0 5px;line-height:1.1;padding:0;font-weight:bold;}
.agenda-title{border-left:var(--cgrey3) 3px solid;padding:0 0 0 7px;}
.agenda-area h2{position:relative;font-size:100%;margin:0;line-height:1;padding:0 0 0 15px;font-weight:bold;color:var(--color1);text-transform:uppercase;}
.agenda-area h2:after{content:"";position:absolute;left:0;top:2px;width:10px;height:10px;border-radius:10px;background:var(--yellow);}
.today{font-weight:bold;color:var(--color2);}
.table-agenda td{font-size:95%;padding:0 0;line-height:1.1;margin:0;vertical-align:top;}
.agenda-small a, .forhover a{color:var(--cmain);}
.agenda-small:hover a, .forhover:hover a{color:var(--color1);}
.agenda-small:hover .agenda-title{border-left:var(--yellow) 3px solid;}
.sinergi-col{position:relative;width:calc(33.33333333% - 10px);margin:10px 5px;text-align:center;}
.sinergi-col img{width:auto;max-width:100%;height:12vh;margin:0 0 5px;}
.sinergi-col p{display:block;padding:0;font-size:95%;font-weight:500;margin:0;line-height:1.1;color:var(--cmain)}
.comment-small{margin:20px 5px 0;}
.comment-icon{position:relative;width:5vh;padding:2px 0 0;}
.comment-title{position:relative;width:calc(100% - 6vh);margin:0 0 0 1vh;padding:0 0 5px;}
.comment-icon svg, .comment-icon img {width:100%;height:auto;fill:var(--yellow);}
.comment-title h2, .comment-title h3{font-size:100%;margin:0;line-height:1.1;padding:0;font-weight:bold;}
.comment-title h3{font-weight:normal;font-size:100%;}
.comment-title p{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(--cgrey3);-webkit-box-shadow:none;box-shadow:none;}
.textarea, .textarea:focus{border: 1px solid var(--cgrey3);outline:none;box-shadow:none;min-height:80px;width:100%!important;border-radius:4px;overflow:hidden;padding:10px;}
.captcha{border:1px solid var(--cgrey3);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(--cgrey3);-webkit-box-shadow:none;box-shadow:none;text-align:center;border-radius:0;}
.captcha img{width:60%;height:auto;margin:10px auto;}
.notif-comment{border-radius:5px;background:var(--cgrey1);border:1px solid var(--cgrey3);padding:15px;}
.form-comment .table-comment td{padding:0 0 5px!important;}
.captcha-change svg{width:auto;height:24px;margin:0 0 0 0;opacity:0.4;}
.medsos{width:100%;text-align:center;}
.medsos h3{font-size:100%;margin:0;line-height:1.1;padding:0;}
.medsos p{font-size:100%;margin:0;line-height:1.1;padding:0;}
.medsos img{width:6vh;height:auto;margin:0 5px 0 0;}
.table-visitor td{vertical-align:top;font-size:95%;margin:0;padding:5px 0;line-height:1.1;}
.banner{position:relative;overflow:hidden;border-radius:10px;background:var(--cblack);}
.banner-bg{position:absolute;width:70%;top:0;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);}
.banner-bg img{opacity:0.9;}
.banner-bg:after{content:"";position:absolute;left:-2px;top:0;right:-2px;bottom:0;background: linear-gradient(to right, var(--cblack), transparent, var(--cblack));}
.banner-box{position:relative;overflow:hidden;border:var(--cgrey3) 1px solid;padding:40px 10px;border-radius:10px;background-color: transparent;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='12' viewBox='0 0 20 12'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='charlie-brown' fill='%23000000' fill-opacity='0.4'%3E%3Cpath d='M9.8 12L0 2.2V.8l10 10 10-10v1.4L10.2 12h-.4zm-4 0L0 6.2V4.8L7.2 12H5.8zm8.4 0L20 6.2V4.8L12.8 12h1.4zM9.8 0l.2.2.2-.2h-.4zm-4 0L10 4.2 14.2 0h-1.4L10 2.8 7.2 0H5.8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
.banner-box:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background: linear-gradient(to right, var(--color1), var(--color2));opacity:0.4;}
.bannerlogo{position:relative;width:100%;float:left;text-align:center;margin:0 0 10px;z-index:2;}
.bannerlogo-item{margin:0 20px;}
.bannerlogo-item img{width:auto;height:10vh;}
.banner-title{position:relative;width:100%;text-align:center;z-index:30;}
.banner-padding{padding:0 20%;}
.banner-title h1{font-size:150%;font-weight:bold;margin:5px 0;line-height:1.1;padding:0;color:#ffe57e;text-shadow: 3px 2px 5px #000;-webkit-text-stroke: 1px transparent;}
.arabic h1{font-family: 'arabic', Times New Roman !important;font-size:170%;}
.banner-title p, .banner-title h2{font-size:110%;font-weight:500;margin:0 0 5px;line-height:1.1;padding:0;color:var(--cwhite);text-shadow: 3px 2px 5px #000;-webkit-text-stroke: 1px transparent;}
.nasional-container, .islami-container, .standar-container{position:absolute;left:0;top:0;right:0;bottom:0;z-index:5;background:transparent;}
.corner-left{position:absolute;left:0;top:0;width:32%;}
.corner-right{position:absolute;right:0;top:0;width:32%;}
.islami-container .corner-left, .islami-container .corner-right{width:22%;}
.corner-left img, .corner-right img{display:block;height:auto;width:100%;}
.corner-left{transform: scaleX(-1);filter: FlipH;-ms-filter: "FlipH";}
.nasional-container .corner-left img, .nasional-container .corner-right img{opacity:0.6;}
.headpanel{position:relative;padding:0 0 0 15px;}
.headpanel a{font-size:120%;padding:0;line-height:1;display:block;position:relative;font-weight:700;width:100%;margin:0;text-transform:uppercase;letter-spacing:-0.3px;}
.headpanel a::after{content:"";border:solid var(--yellow);border-width:0 4px 4px 0;display:inline-block;padding:6px;position:absolute;right:5px!important;top:-2px;float:right;transform:rotate(45deg)}
.headpanel a[aria-expanded=true]::after{transform:rotate(-135deg);top:4px}
.jadwalshalat{position:relative;border:var(--cgrey3) 1px solid;border-radius:7px;padding:0;background: linear-gradient(to right, var(--cgrey1), var(--cwhite), var(--cgrey1));}
.jadwalshalat-left{position:relative;width:calc(60% - 10px);height:80px;padding:0 10px;margin:0 5px;}
.jadwalshalat-left-icon1{position:relative;width:60px;height:60px;background:rgba(255,255,255,0.5);margin:0 10px 0 0;border-radius:7px;z-index:2;border:var(--cgrey3) 1px solid}
.jadwalshalat-left-icon2{position:absolute;left:0;top:0;bottom:0;right:0;}
.jadwalshalat-left-icon1 svg, .jadwalshalat-left-icon2 svg{width:auto;height:50px;margin-top:-5px;fill:var(--cblack);}
.jadwalshalat-left-icon1 svg{opacity:0.15;}
.jadwalshalat-left-icon2 svg{fill:var(--color1);margin-top:12px;opacity:1;}
.jadwalshalat-right{position:relative;width:calc(20% - 10px);text-align:center;margin:0 5px;}
.jadwalshalat-left h2, .jadwalshalat-left h3{position:relative;font-size:100%;font-weight:bold;margin:0;line-height: 1.2;padding:0;}
.jadwalshalat-left h3, .jadwalshalat-left span{font-weight:500;}
.scroller{height:60px;line-height:60px;position:relative;overflow:hidden;width:100%;margin:0;background:var(--cwhite);border:var(--cgrey3) 1px solid}
.scroller p{position:absolute;height:60px;font-size:100%;color:var(--color2);line-height:60px;top:0;left:0;width:100%;text-align:center;margin:0 auto;animation:scroller 20s infinite;font-weight:700}
@keyframes scroller{0%{top:0}15%{top:-60px}30%{top:-120px}45%{top:-180px}60%{top:-240px}75%{top:-300px}}
.open-jadwalshalat{position:relative;overflow:hidden;width:calc(20% - 10px);margin:0 5px;text-align:left;font-size:95%;z-index:20;padding:0 10px 0 0;}
.shalatopen{padding:5px 10px;border-top:var(--cgrey3) 1px solid;}
.shalat-col{position:relative;width:calc(16.66666667% - 10px);margin:5px;text-align:center;border-radius:4px;overflow:hidden;border:var(--cgrey3) 1px solid;}
.shalat-box{height:60px;background:var(--cwhite);}
.shalat-box span{font-weight:bold;}
.shalat-icon{height:42px;}
.shalat-icon svg{width:auto;height:30px;fill:var(--cwhite);}
.jadwalshalat .headpanel{padding:0 15px;border:var(--cgrey3) 1px solid;height:60px;width:100%;background:var(--cwhite);}
.jadwalshalat .headpanel a{font-size:100%;font-weight:bold;text-transform:capitalize;letter-spacing:-0.2px;}
.jadwalshalat .headpanel a::after{right:0!important;}
.jadwalshalat .headpanel:after{display:none;}
.imsak{background:#16776c;}
.subuh{background:#28aaab;}
.isya{background:#4d3569;}
.ashar{background:#e7941f;}
.dzuhur{background:#f6b530;}
.magrib{background:#ff8000;}
.perangkat-container{width:100%;position:relative;z-index:2;border:var(--cgrey3) 1px solid;background:linear-gradient(to top,var(--cgrey1) 15%,transparent);box-shadow:rgb(0 0 0 / .15) 0 10px 15px -5px,rgb(0 0 0 / .15) 0 10px 10px -5px}
.perangkat-inner{position:relative;overflow:hidden;padding:0 20px 20px;}
.leader{position:relative;width:calc(52% - 30px);margin:20px 15px 0;}
.staf{position:relative;overflow:hidden;width:calc(48% - 30px);margin:20px 15px 0;}
.leader-image{position:relative;width:calc(49% - 10px);margin:0 5px 0;}
.leader-title{position:relative;width:calc(51% - 10px);margin:0 5px 0;}
.image-leader-box{position:relative;overflow:hidden;padding:5px;background:var(--cwhite);border:var(--cgrey3) 1px solid;}
.leader-single{display:none;}
.leader-single:nth-child(1){display:block;position:relative;overflow:hidden;}
.leader-image-foto{position:relative;overflow:hidden;padding:5px;background:var(--cwhite);border:var(--cgrey3) 1px solid;}
.leader-image-foto img{display:block;width:100%;height:auto;}
.leader-title .aligntop{padding:30px 10px 10px 0;}
.leader-title h2, .leader-title-mob h2{font-size:100%;margin:0 0 5px;padding:0 0 5px;line-height:1.1;font-weight:bold;letter-spacing:-0.3px;color:var(--cdark);border-bottom:var(--yellow) 1px solid;}
.leader-title h3, .leader-title-mob h3{font-size:100%;margin:0;padding:0;line-height:1.1;font-weight:bold;letter-spacing:-0.3px;}
.leader-title p{font-size:95%;margin:0;padding:0;line-height:1.2;font-weight:normal;letter-spacing:-0.3px;}
.leader-title .alignbottom{padding:10px 10px 30px 0;}
.icon-quote{float:left;width:35px;height:auto;vertical-align:text-top;margin:-2px 0 0;}
.icon-quote svg{width:28px;height:auto;display:block;margin:0;padding:0;line-height:1;opacity:0.25;}
.staf-inner{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
.staf-inner-pd{position:relative;overflow:hidden;margin:0 0 0 0;}
.staf-item{display:inline-block;width:calc(30% + 14px);margin:0 auto 20px;float:center;}
.staf-item:nth-child(1){display:none;}
.staf-image{position:relative;width:20vh;height:20vh;border-radius:50%;overflow:hidden;margin:0 auto 5px;border:var(--cgrey3) 3px solid;}
.staf-item:hover .staf-image{border:var(--color2) 3px solid;}
.staf-title h2{font-size:95%;margin:0 5px 3px;padding:0;line-height:1.1;font-weight:bold;letter-spacing:-0.3px;color:var(--cdark);}
.staf-item:hover .staf-title h2{color:var(--color1);}
.staf-title p{font-size:95%;margin:0 5px;padding:0;line-height:1.1;font-weight:normal;letter-spacing:-0.3px;color:var(--cmain);}
.headcontent{padding:0 0 10px;border-bottom:var(--cgrey3) 1px solid;text-align:center;}
.headcontent h1{font-family:"verdana", Arial;font-size:180%;margin:0;padding:0;line-height:1.1;letter-spacing:-1px;font-weight:bold;}
.headcontent h3{font-size:100%;margin:0;padding:0;line-height:1.1;letter-spacing:-0.5px;font-weight:bold;}
.stickyside-top{top:calc(6vh + 40px)!important;}
.stickymain-margin{position:relative;overflow:hidden;margin:0 30px;}
.date-left, .view-left{width:100%;text-align:center;overflow:hidden;position:relative;}
.view-left{margin:0;padding:5px 0 0;border-top:var(--cgrey3) 1px solid;}
.date-number{display:block;width:60px;height:60px;font-size:130%;line-height:1;padding:0;margin:0;background:var(--color2);color:var(--cwhite);font-weight:bold;border-radius:5px;}
.date-left p{display:block;font-size:90%;line-height:1;padding:5px 0;margin:0;text-transform:uppercase;letter-spacing:-0.3;color:var(--cdefault);}
.view-left p{display:block;font-size:90%;line-height:1;padding:0;margin:0;color:var(--cdefault);letter-spacing:-0.3px;}
.view-left svg{display:block;margin:0 auto 3px;width:24px;height:auto;opacity:0.4;}
.btshare{width:35px;height:35px;border-radius:50%;margin:0 2px;}
.share-left .btshare{width:60px;height:36px;border-radius:5px;margin:5px 0 0;border:var(--cgrey3) 1px solid;background:var(--cgrey1)!important;}
.btshare svg{width:18px;height:auto;fill:var(--cwhite);}
.share-left .btshare svg{width:18px;fill:var(--cmain);opacity:0.4;}
.facebook{background:#0054b8;}
.twitter{background:#009bb8;}
.email{background:#e21f6e;}
.telegram{background:#0075d2;}
.print{background:#e66000;}
.whatsapp{background:#06a700;}
.share-left .btshare:hover.facebook{background:#0054b8!important;}
.share-left .btshare:hover.twitter{background:#009bb8!important;}
.share-left .btshare:hover.email{background:#e21f6e!important;}
.share-left .btshare:hover.telegram{background:#0075d2!important;}
.share-left .btshare:hover.print{background:#e66000!important;}
.share-left .btshare:hover.whatsapp{background:#06a700!important;}
.share-left .btshare:hover svg{fill:var(--cwhite);opacity:1;}
.mainimage{display:block;width:100%;position:relative;overflow:hidden;border-radius:7px;}
.mainimage img{display:block;width:100%;height:auto;margin:0;line-height:1;}
.image-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(calc(33.33333333% - 10px), 1fr));grid-gap: 10px;}
.image-grid-box{border:var(--cgrey3) 1px solid;border-radius:7px;padding:5px;}
.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;}
.head-module-small h1{position:relative;font-size:120%;padding:0 0 0 15px;line-height:1;display:block;font-weight:700;margin:0;text-transform:uppercase;color:var(--cdark);letter-spacing:-0.3px;}
.head-module-small h1:after{content:"";position:absolute;left:0;top:5px;width:10px;height:10px;border-radius:10px;background:var(--cmain);opacity:0.4;}
.agenda-box{position:relative;width:calc(33.33333333% - 10px);margin:0 5px;border-radius:7px;border:var(--cgrey3) 1px solid;text-align:center;padding:15px 0;}
.agenda-box:nth-child(4){width:calc(100% - 10px);}
.agenda-box h3{font-size:100%;margin:0;line-height:1.1;padding:0;font-weight:bold;}
.agenda-box svg{width:auto;height:8vh;margin:0 auto 5px;opacity:0.4;}
.lampiran h2{font-size:100%;margin:0 10px 0 0;line-height:1;padding:0 10px 0 0;font-weight:bold;text-transform:uppercase;border-right:var(--cgrey3) 1px solid;}
.lampiran h3{font-size:100%;margin:0;line-height:1.1;padding:0;font-weight:normal;}
.youtube-video .carousel-cell {width:calc(50% - 5px);margin:0 5px;cursor:pointer;}
.youtube-video .flickity-prev-next-button{background-color:rgba(0,0,0,0.6);border-radius:50%;border:none;background-position: center;background-repeat:no-repeat !important;top:50%;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);background-size:30% auto;}
.youtube-video .flickity-prev-next-button.previous{left:5px;}
.youtube-video .flickity-prev-next-button.next{right:5px;}
.modal.video .modal-dialog {position: fixed;margin: auto;left:50%;width:50%;top:50%;-webkit-transform: translate3d(-50%, -50%, 0);-ms-transform: translate3d(-50%, -50%, 0);-o-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);z-index:99999 !important;}
.video-cover{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.25);}
.video-cover svg{width:40px;height:auto;fill:var(--yellow);}
.carousel-cell:hover .video-cover{background:transparent;}
.carousel-cell:hover .video-cover svg{fill:var(--cwhite);}
.table-arsip td{vertical-align:top;margin:0!important;padding:10px 5px!important;line-height:1!important;text-align:center;}
.td-no{width:7%!important;}
.td-admin{width:15%!important;}
.td-view{width:11%!important;}
.td-content{width:50%!important;}
.populer .small-content-title h2{font-size:95%;}
.populer .small-content-image{width:16vh;}
.populer .small-content-title{width:calc(100% - 17vh);}
.article-empty{position:relative;overflow:hidden;padding:0 25%;}
.article-empty-image{position:relative;width:45%;z-index:3;padding:20px 0;}
.article-empty-image img{width:100%;margin:0;}
.article-empty-title{position:relative;width:55%;}
.article-empty-title:before{content:"";position:absolute;left:-40px;top:0;right:0;bottom:0;border-radius:10px;background:var(--cgrey1);}
.article-empty-title p{position:relative;z-index:2;font-size:120%;margin:15px 25px;padding:0;line-height:1.1;font-weight:bold;letter-spacing:-0.5px;color:var(--color1);}
.table-default th{font-size:100%!important;background:var(--cgrey1);}
.table-default td{vertical-align:top;margin:0!important;padding:10px 5px!important;line-height:1!important;text-align:center;font-size:100%!important;}
.tr-total{border-top:var(--cgrey3) 2px solid!important;font-weight:bold;}
.statnav-item{position:relative;width:calc(33.33333333% - 10px);margin:0 5px;border:var(--cgrey3) 1px solid;background:var(--bggrey);border-radius:5px;}
.statnav-item:hover{background:var(--cwhite);}
.statnav i.fa{color:transparent;width:45px;height:45px;margin:0 10px 0 0;}
.statnav-title{padding:10px 5px;}
.statnav-item a{color:var(--cdefault) !important;}
.statnav-item a:hover, .statnav-item a:focus{color:var(--cdark) !important;}
.statnav-title h2{font-size:100%;margin:0;padding:0;line-height:1.1;font-weight:bold;}
.statnav .dropdown-menu{position:absolute;top:100%;left:0;right:0!important;float:none;width:100%;margin:6px 0 0 !important;padding:0;border:var(--cgrey3) 1px solid !important;border-radius:5px!important;z-index:990!important;background:var(--cwhite);box-shadow: none;}
.statnav .dropdown-menu h3{position:relative;font-size:100%!important;margin:0;padding:3px 0 3px 13px;line-height:1.1;font-weight:normal;}
.statnav .dropdown-menu h3:after{content:"";position:absolute;top:8px;left:0;width:8px;height:8px;border-radius:8px;background:var(--cgrey3);}
.table-inventaris th{font-size:95%!important;background:var(--cgrey1);border-color:var(--cgrey3)!important;letter-spacing:-0.5px!important;}
.table-inventaris td{vertical-align:top;font-size:95%!important;border-color:var(--cgrey3)!important;letter-spacing:-0.5px!important;}
.gallerystyle .row{margin:0!important;}
.galpage-col{position:relative;width:calc(50% - 30px);float:left;border:var(--cgrey3) 1px solid;background: linear-gradient(to right, var(--cwhite), var(--cgrey1));margin:20px 15px 0;box-shadow:rgb(0 0 0 / .15) 0 10px 15px -5px,rgb(0 0 0 / .15) 0 10px 10px -5px;}
.galpage-col-inner{position:relative;overflow:hidden;margin:7px;border:var(--cgrey3) 1px solid;}
.galpage-col-inner:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;border:var(--cwhite) 3px solid;opacity:0.4;z-index:3;border-radius:7px;}
.gallery-album{margin:0 5vh 0 auto;float:right;position:relative;z-index:6;}
.gallery-scale{-webkit-transform:scale(0.75);-moz-transform:scale(0.75);-o-transform: scale(0.75);transform:scale(0.75);}
.column2:hover .gallery-scale{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform:scale(0);}
.book{width:30vh;height:40vh;margin-top:-6vh;position:relative;transform:perspective(60em) rotateX(48deg) rotateZ(-24deg) skewY(-4deg);box-shadow:-1.4em 1.7em .3em -.3em rgba(0,0,0,.4),-1.6em 1.8em .9em -.2em rgba(0,0,0,.4),.3em 1.9em 1.3em rgba(0,0,0,.2);border-top-right-radius:.4em}
.book img{border-top-right-radius:.4em;box-sizing:border-box;clip:rect(0vh,30vh,39.5vh,0vh);display:block;filter:saturate(90%);display:block;width:100%;height:100%;position:absolute;top:50%;left:50%;margin:0 auto;object-fit:cover;-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);-ms-transform:translate3d(-50%,-50%,0);-o-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}
.book:before,.book:after{content:'';position:absolute;top:0}
.book:before{width:105%;height:105%;left:-5%;z-index:-1;background-repeat:no-repeat;background-image:linear-gradient(115deg,transparent 2.8%,var(--cdark) 3%,var(--cdark) 16%,transparent 16%),linear-gradient(125deg,transparent 10%,var(--cdark) 10%,var(--cdark) 17%,var(--cblack) 46.8%,transparent 47%),linear-gradient(125deg,transparent 46%,rgba(0,0,0,.5) 46.5%,rgba(0,0,0,.25) 49%,transparent 53%),linear-gradient(to right,var(--cblack),var(--cdark)),linear-gradient(var(--cblack),var(--cblack)),linear-gradient(126deg,transparent 45%,var(--cblack) 20%,var(--cgrey2) 96.8%,rgba(170,170,170,0) 97%);background-size:100% 100%,100% 100%,100% 100%,100% .4em,94% .2em,100% 100%;background-position:0 0,0 0,0 0,0 95.8%,0 100%,0 0}
.book:after{width:100%;height:100%;background-repeat:no-repeat;background-image:linear-gradient(to right,transparent 2%,rgba(0,0,0,.1) 3%,rgba(0,0,0,.1) 4%,transparent 5%),linear-gradient(-50deg,rgba(0,0,0,.1) 20%,transparent 100%),linear-gradient(-50deg,rgba(0,0,0,.2) 20%,transparent 100%),linear-gradient(to bottom,rgba(0,0,0,.1) 20%,transparent 100%),linear-gradient(to bottom,rgba(0,0,0,.1) 20%,transparent 100%);background-size:100% 100%,2% 20%,1% 20%,2% 20%,1% 20%;background-position:0 0,2.2% 100%,3% 100%,2.2% 0,3% 0}
.gallery-bg{position:absolute;left:0;top:0;right:25%;bottom:0;overflow:hidden;border-radius:7px 0 0 7px;z-index:1;-webkit-filter: blur(2px);-moz-filter: blur(2px);-o-filter: blur(2px);filter: blur(2px);}
.gallery-bg:after{content:"";position:absolute;left:0;top:0;right:-5px;bottom:0;background: linear-gradient(to right,  rgba(0,0,0,0.45), var(--cgrey1));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}
.gallerypage-title{position:absolute;left:0;top:0;right:40%;bottom:0;z-index:7;margin:15px;}
.gallerypage-title h2{font-size:100%;margin:0;padding:0;line-height:1.1;font-weight:bold;color:var(--cgrey2);text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;}
.galpage-col:hover .gallery-bg:after{background: linear-gradient(to right,  rgba(0,0,0,0.65), var(--cgrey1));}
.galpage-col:hover .gallerypage-title h2{color:var(--cwhite);}
.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,.25);border-left:3px solid rgba(0,0,0,.25);border-bottom:3px solid rgba(0,0,0,.15);border-right:3px solid rgba(0,0,0,.15);margin:auto;padding:0;background-color:var(--cgrey1)}
.inner-foto .image-gallery{height:35vh;}
.idm-data{position:relative;width:calc(70% - 20px);margin:15px 10px 0;}
.idm-info{position:relative;width:calc(30% - 20px);margin:15px 10px 13px;border:var(--cgrey3) 1px solid;background:linear-gradient(to top, var(--cgrey1), transparent);padding:15px 0;}
.idm-col{position:relative;width:calc(50% - 20px);margin:0 10px 0;}
.idm-title{position:relative;overflow:hidden;margin:0 0 0 8vh;}
.idm-title-inner{position:relative;overflow:hidden;height:36px;margin:0;padding:0 30px;border-radius:5px 5px 5px 0;}
.idm-title-inner:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(to right, var(--cblack), transparent 50%);opacity:0.35;}
.idm-title-inner p{font-size:100%;margin:0;padding:0;line-height:1.1;letter-spacing:-0.5px;color:var(--cwhite);font-weight:bold;text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;}
.idm-circle{position:relative;width:10vh;height:10vh;border-radius:50%;z-index:5;}
.idm-circle-small, .idm-circle:after{position:absolute;left:50%;top:50%;-webkit-transform: translate3d(-50%, -50%, 0);-ms-transform: translate3d(-50%, -50%, 0);-o-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}
.idm-circle:after{content:"";width:8vh;height:8vh;border-radius:50%;background:var(--cwhite);background:linear-gradient(to top, var(--cwhite),  rgba(0,0,0,0.25) 30%);opacity:0.8;}
.idm-circle-small{width:7vh;height:7vh;border-radius:50%;z-index:3;border:rgba(0,0,0,0.4) 1px solid;background:linear-gradient(to top, var(--cgrey3),  var(--cwhite));}
.idm-circle-small svg{width:4vh;height:4vh;margin:0;padding:0;line-height:1;opacity:0.4;}
.idm-bottom{position:relative;}
.idm-square{position:relative;width:9vh;height:6vh;margin:0 0 0 -3vh;border-radius:0 0 5px 0;}
.idm-square:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(to right, transparent, var(--cblack));opacity:0.35;border-radius:0 0 5px 0;}
.idm-miring{position:absolute;right:2vh;top:-2vh;height:2vh;background:#000;width:4vh;}
.idm-miring:before{content:"";position:absolute;left:-2vh;top:0;border-left:transparent 2vh solid;border-top:#000 2vh solid;}
.idm-miring:after{content:"";position:absolute;right:-2vh;top:0;border-left:#000 2vh solid;border-top:transparent 2vh solid;}
.idm-content{position:absolute;right:10px;top:36px;left:16vh;bottom:2vh;margin:0 0 0 10px;padding:0 15px;border:var(--cgrey3) 1px solid;border-top:none;border-radius:0 0 7px 7px;background:linear-gradient(to right, var(--cwhite), var(--cgrey1));}
.idm-content h2{font-size:120%;margin:0;padding:0;line-height:1;letter-spacing:-0.5px;font-weight:bold;}
.table-info-idm td{vertical-align:top;padding:7px 0!important;margin:0!important;line-height:1!important;font-size:95%!important;}
.table-idm th{vertical-align:middle!important;font-size:90%!important;}
.table-idm td{vertical-align:top;font-size:90%!important;}
.info-kelompok{position:relative;overflow:hidden;width:60%;margin:0 auto;padding:10px;border:var(--cgrey3) 1px solid;}
.table-blank{width:100%;}
.table-blank td{vertical-align:top;font-size:100%!important;letter-spacing:-0.5px!important;padding:5px 0!important;margin:0!important;line-height:1!important;}
.head-organisation img{width:14vh;height:auto;margin:0 10px 0 0;line-height:1;}
.head-organisation h1{font-size:180%;margin:0;padding:0;line-height:1;text-transform:uppercase;letter-spacing:-1px;}
.form-30{position:relative;width:calc(27% - 10px);margin:5px;}
.form-1{position:relative;margin:5px 0 5px auto;float:right;}
.form-1 .btn.custombtn{padding:0 20px;}
.stunting-box{position:relative;width:calc(33.33333333% - 10px);margin:10px 5px 0;border:var(--brdgrey) 1px solid;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);-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);border-radius:7px;}
.small-box{border-radius:7px;}
.stunting-icon{min-width:45px;max-width:45px;height:45px;border-radius:5px;background-color:rgba(0,0,0,0.15);margin:0 10px 0 0;}
.stunting-box:nth-child(2), .stunting-box:nth-child(2) .small-box{background:var(--viola)!important;}
.stunting-box:nth-child(3), .stunting-box:nth-child(3) .small-box{background:var(--cyan)!important;}
.stunting-icon i.fa{font-size:0;color:transparent;}
.stunting-item p{font-size:100%;margin:0;padding:0;line-height:1.1;}
.stunting-item h2{font-size:170%;margin:0;padding:0;line-height:1;}
.stuntingstyle th, .stuntingstyle td{border-bottom:none!important;font-size:90%!important;}
.stuntingstyle .table-inventaris th{background:transparent;}
.left-head{position:relative;background:var(--cgrey1);border:var(--cgrey3) 1px solid;}
.left-head:after, .left-head:before{content:"";position:absolute;bottom:-10px;left:50%;z-index:2;-webkit-transform: translate3d(-50%, 0, 0);-ms-transform: translate3d(-50%, 0, 0);-o-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);border-left:transparent 10px solid;border-right:transparent 10px solid;border-top:var(--cgrey1) 11px solid;}
.left-head:before{z-index:1;bottom:-11px;border-top:var(--cgrey3) 11px solid;border-left:transparent 11px solid;border-right:transparent 11px solid;}
.left-head-inner{padding:15px;}
.left-head img{width:50%;height:auto;margin:0 auto 10px;}
.left-head p{font-size:100%;margin:0;padding:0;line-height:1.1;letter-spacing:-0.5px;font-weight:bold;color:var(--cdark);}
.form-change .form-control{height:50px;line-height:50px;border-color:var(--cgrey3);}
.lapak-area{margin:0 0 0 20px;}
.column-lapak{position:relative;width:calc(50% - 20px);margin:20px 10px 0;border:var(--cgrey3) 1px solid;}
.lapak-photo{position:relative;overflow:hidden;margin:10px 10px 5px;}
.product-title{font-size:100%;line-height:1.1;margin:10px;padding:0;font-weight:bold;text-align:center;}
.lapak-foot{border-top:var(--cgrey3) 1px solid;height:44px;margin-top:10px;padding:0 10px;}
.price h3{font-size:100%;line-height:1.1;margin:0 0 10px;padding:0;font-weight:normal;color:var(--cdark);}
.discount{text-decoration: line-through;opacity:0.6;}
.pelapak{font-size:90%;line-height:1;padding:0;margin:0 0 10px;font-weight:normal;}
.pelapak svg{width:auto;height:20px;margin:0 5px 0 0;opacity:0.5;}
.lapakstyle #map{height:60vh;}
.lapak-desk{position:relative;overflow:hidden;margin:0 10px;}
.lapak-desk .scrollbar{max-height:20vh;width: 100%;overflow-y: scroll;}
gallery-data .flickity-prev-next-button, .lapakstyle .flickity-prev-next-button{background-repeat:no-repeat !important;top:50%;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
.lapakstyle .flickity-prev-next-button{width:30px;height:30px;border-radius:30px;background-position:center;background-size:30% auto;}
.lapakstyle .flickity-prev-next-button.previous{left:15px;background-color:rgba(0,0,0,0.5);}
.lapakstyle .flickity-prev-next-button.next{right:15px;background-color:rgba(0,0,0,0.5);}
.pemb-row{box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);}
.pemb-row-inner{padding:10px;}
.pemb-image{position:relative;width:40%;border-radius:7px 0 0 7px;overflow:hidden;background:var(--color1);}
.pemb-image:after{content:"";position:absolute;right:0;top:0;left:0;bottom:0;background: linear-gradient(to right, transparent 70%, var(--color1));}
.pemb-title{position:relative;width:60%;overflow:hidden;background: linear-gradient(to right, transparent, var(--cgrey1));border-radius:0 7px 7px 0;}
.pemb-title .aligntop{padding:15px 15px 15px 20%;position:relative;z-index:5;}
.graph2a, .graph2b{position:absolute;left:-10px;top:0;height:100%;width:100%;z-index:1;}
.graph2a{z-index:2;}
.graph2a svg, .graph2b svg{display:block;width:auto;height:100%;padding:0;margin:0;line-height:1;}
.graph2a svg{fill:var(--color1);}
.pembdetail-title .graph2a, .pembdetail-title .graph2b{left:-40px;}
.pembstyle .headcontent{padding:0;border-bottom:none;text-align:left;}
.pemb-title .alignbottom{padding:0 15px 15px 20%;position:relative;z-index:6;}
.pembdetail-image{position:relative;width:55%;border-radius:0 7px 7px 0;overflow:hidden;}
.pembdetail-title{position:relative;width:45%;background: linear-gradient(to right, var(--color2), var(--color1));border-radius:7px 0 0 7px;}
.pembdetail-image img{display:block;width:100%;height:auto;padding:0;margin:0;line-height:1;}
.pembdetail-image .image-gallery{height:40vh;}
.pembdetail-title .headcontent{position:relative;padding:0;border-bottom:none;text-align:left;z-index:3;}
.pembdetail-title .headcontent h1{color:var(--cwhite);text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;}
.pembyear{position:absolute;left:0;right:0;top:0;bottom:0;font-size:800%;font-weight:800;line-height:1;padding:0;margin:0;color:var(--cwhite);opacity:0.2;}
.col-pemb{position:relative;width:calc(50% - 20px);margin:20px 10px 0;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);}
.col-pemb-pd{padding:15px;}
.table-pembangunan td{vertical-align:top;margin:0!important;padding:7px 0!important;line-height:1.1!important;font-size:100%;}
.coldoc{position:relative;width:calc(50% - 10px);margin:10px 5px 0;}
.coldoc p{font-size:95%;margin:5px 0 0;padding:0;line-height:1.1;}
.pemb-location{padding:15px;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);}
.map-pemb{height:50vh;}
.imagepemb-zoom{position:absolute;right:15px;bottom:15px;z-index:10;width:40px;height:40px;background:rgba(0,0,0,0.6);border-radius:50%;}
.imagepemb-zoom svg{width:30px;height:30px;fill:var(--cwhite);}
.box-pemerintah{position:relative;width:calc(25% - 20px);margin:20px 10px 0;}
.pemstyle .title-bottom p, .pemstyle .title-bottom h2{font-size:95%;}
.pemstyle .title-bottom p{color:var(--yellow);margin:5px 0 0;}
.social-circle{width:22px;height:22px;border-radius:50%;margin:0 1px;background:var(--cdark);opacity:0.6;}
.social-circle:hover{opacity:1;}
.social-circle i.fa{font-size:80%;margin:0;padding:0;line-height:1;color:var(--cwhite);font-weight:normal;}
.pemhadir{height:20px;border-radius:20px;font-size:80%;margin:0 auto;padding:0 12px;line-height:1;font-weight:normal;}
.mapstyle #map{border-radius:10px;height:85vh!important;}
.mapstyle .box-body ul{margin-left:10px!important;padding:0!important;}
.head-sdgs span{margin:0 0;padding:0;line-height:1;}
.total-bumds{font-size:160%;margin:0 0;padding:0;line-height:1;font-weight:bold;color:var(--color1);}
.head-sdgs svg{width:auto;height:60px;margin:0 -10px;fill:var(--yellow);}
.sdgspage-col {width:calc(16.66666667% - 20px);float:left;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);border-radius:15px;text-align:center;margin:20px 10px 0;padding:0 0 15px;}
.sdgspage{margin:0 -10px;}
.sdgspage-icon{position:relative;overflow:hidden;margin:5px;border-radius:15px;padding:5px;background:var(--cgrey3);}
.sdgspage-icon img{width:100%;height:auto;}
.sdgspage-col p{display:block;font-size:95%;margin:5px 0 5px;padding:0;line-height:1;text-transform:uppercase;font-weight:bold;opacity:0.7;}
.sdgspage-col h2{display:block;font-size:140%;margin:0;padding:0;line-height:1;font-weight:bold;color:var(--cdark);}
.sotk h4{font-size:100%!important;margin:0%!important;padding:0%!important;line-height:1.1!important;}
.sotk p{font-size:90%!important;margin:0%!important;padding:0%!important;line-height:1.1!important;}
.angka{text-align:center!important;}
.tr-color{border-top:var(--cgrey3) 2px solid!important;color:var(--color1);font-weight:bold;}
.tr-total{border-top:var(--cgrey3) 2px solid!important;font-weight:bold;background:var(--bggrey);}
.tr-total td{padding:10px 5px!important;}
.itempengaduan{box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);}
.pengaduanstyle .list-group-item{padding:0!important;border:none!important;}
.pengaduan-row{padding:15px 15px 15px 10px;cursor:pointer;}
.pengaduan-left{position:relative;width:calc(65% - 20px);margin:0 10px;}
.pengaduan-right{position:relative;width:calc(35% - 20px);margin:0 10px;}
.speak svg{width:7vh;height:auto;margin:0 10px 0 0;padding:0;line-height:1;fill:var(--cgrey2);}
.speak h3{font-size:100%;margin:0;padding:0;line-height:1.1;font-weight:normal;}
.pengaduan-title{margin:10px 0 0 7vh;padding:0 0 0 10px;}
.pengaduan-title h1{font-size:120%;margin:0;padding:0;line-height:1.1;font-weight:bold;color:var(--cdark);letter-spacing:-0.5px;}
.pengaduan-title p{font-size:100%;margin:5px 0 0;padding:0;line-height:1.1;letter-spacing:-0.5px;}
.pengaduan-right-inner{margin:0 0 0 auto;float:right;}
.status-icon{width:28px;height:28px;margin:0 5px 0 0;border-radius:4px;}
.status-icon svg{width:20px;height:20px;margin:0;padding:0;line-height:1;fill:var(--cwhite)!important;}
.status p{font-size:100%;margin:0;padding:0;line-height:1.1;letter-spacing:-0.5px;}
.image-pengaduan img{display:block;max-width:100%;margin:0 0 15px;height:auto;border-radius:7px;}
.head-pengaduan{font-size:180%;margin:0;padding:0;line-height:1.2;color:var(--cdark);letter-spacing:-1px;font-weight:bold;}
.pengaduan-isi{margin:0;}
.pengaduan-isi p{font-size:100%;margin:0;padding:0;line-height:1.1;letter-spacing:-0.5px;}
.table-pengaduan td{vertical-align:top;margin:0!important;padding:5px 0!important;line-height:1!important;font-size:100%!important;}
#changecolor .dropdown-menu{position:absolute;top:100%;left:auto;right:-10px!important;float:none;width:200px;margin:0;padding:5px 10px;border-radius:0;border:none!important;border-radius:5px!important;margin-top:1.5vh;z-index:1090!important;background:var(--cwhite);box-shadow: rgba(14, 30, 37, 0.22) 0px 2px 4px 0px, rgba(14, 30, 37, 0.52) 0px 2px 16px 0px;}
#changecolor .dropdown-menu:after{content:"";position:absolute;right:19px;top:-8px;border-bottom:var(--cwhite) 9px solid;border-left:transparent 7px solid;border-right:transparent 7px solid;}
.changecolor-box{position:relative;width:calc(50% - 6px);margin:3px;text-align:center;}
.changecolor-item{width:100%;height:34px;margin:0 0 3px;border-radius:3px;}
.changecolor-item p{font-size:11px;font-weight:500;margin:0;line-height:1;padding:0;text-transform:uppercase;color:var(--cwhite);letter-spacing:-0.3px;}
.stylenavy{background: linear-gradient(to right, #0044AB, #009FC7);}
.styletravel{background: linear-gradient(to right, #AD1DAD, #D134B4);}
.styleviola{background: linear-gradient(to right, #8300A3, #A618C9);}
.stylesunset{background: linear-gradient(to right, #B00003, #D16500);}
.stylenature{background: linear-gradient(to right, #00827E, #00AB6C);}
.stylevillage{background: linear-gradient(to right, #758C18, #4BB31B);}
.stylesporty{background: linear-gradient(to right, #B8006E, #9041C4);}
.stylevintage{background: linear-gradient(to right, #804941, #AB682E);}
.apbpop .box-body, .apbpop .box {position: relative;padding:0!important;margin:0!important;border:none!important;}
#grafik-container{overflow-y:auto;overflow-x:auto;max-height:500px;padding-bottom:20px;z-index:-99!important}
#widget-keuangan-container h3{font-size:120%;color:var(--cdark);display:block;margin:15px 0 0;padding:0;line-height:1.1;letter-spacing:-0.5px;}
#widget-keuangan-container p{display:block;margin:5px 0 10px;padding:0;line-height:1.1;letter-spacing:-0.5px;}
#widget-keuangan-container .dropdown-menu.dropdown-menu-left>li>a {font-size:100%;cursor:pointer;color:var(--cmain);}
span.icon-bar{display:block;height:3px;margin-bottom:2px;width:20px;background:#333;border-radius:1px}        
.dropdown-toggle{border:none;background:#fff0}
.keuangan-selector{text-align:left;padding-left:0;font-size:12px}        
#grafik-judul{font-weight:700;text-align:center;padding:0}
.apbpop .graph,.apbpop .graph-sub{padding:0}
.apbpop .graph-sub{font-size:90%;font-weight:700;text-align:left;padding:5px 0 0;margin:10px 0 0;border-top:var(--cgrey3) 1px solid}        
.apbpop .graph{padding:0}
.apbpop .graph text{font-size:12px!important;font-weight:normal!important}.graph-not-available{text-align:left;font-size:90%!important}
#graph-legend{padding:0;padding-bottom:12px}
.highcharts-container,.apbpop svg:not(:root){overflow:visible!important;position:absolute}
.highcharts-tooltip>span{background:rgb(255 255 255 / .85);border:1px solid silver;border-radius:3px;box-shadow:1px 1px 2px #888;padding:8px}        
#graph-legend text{font-size:14px!important;line-height:1;}
.btn-apb{width:7vh;height:7vh;background:var(--cgrey2);padding:0!important;margin:0!important;line-height:1!important;border-radius:50%;border:var(--cgrey3) 1px solid!important;outline:none!important;box-shadow:none!important;}
.btn-apb svg{width:5vh;height:auto;margin:0;padding:0;line-height:1;fill:var(--cdark);}
.apbhome-title h1{font-size:900%;margin:0;line-height:1;padding:0;font-weight:800;letter-spacing:-10px;color:var(--cgrey2);opacity:0.8!important;text-shadow: 0px 0px 2px rgba(0,0,0,1);}
.panel-close{margin:0 0 0 auto;float:right;width:5vh;height:5vh;background:rgba(0,0,0,0.3);border-radius:100%;cursor:pointer;}
.panel-close svg{width:3vh;height:auto;fill:var(--cwhite);}
.popup-section{position:fixed;left:12px;height:40vh;max-width:204px;overflow:hidden!important;z-index:1100;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;padding:0;bottom:60px;}
.popup-section-inner{display:block;position:relative;overflow:hidden;padding:5px;border-radius:5px;background:var(--cgrey1);margin:1px;border:var(--cgrey3) 1px solid;}
.countdown-item{text-align:center;}
.countdown-item p{font-size:85%;margin:0;padding:5px 0;line-height:1;color:var(--cmain);}
.countdown-span{padding:0;border-radius:3px;margin:0 2px;line-height:1;overflow:hidden;width:45px;height:45px;}
.countdown-span h3{font-size:100%;margin:0;padding:0;line-height:1;font-weight:bold;color:var(--cwhite);}
.countdown-info{position:relative;overflow:hidden;padding:0 5px;text-align:center;}
.countdown-info h2{font-size:100%;margin:10px 0 0;padding:0;line-height:1.1;font-weight:bold;color:var(--cmain);}
.countdown-info p{font-size:95%;margin:5px 0 0;padding:0;line-height:1.1;font-weight:normal;color:var(--cmain);}
.open-countdown{position:fixed;left:13px;bottom:61px;cursor:pointer;z-index:1000;width:40px;height:40px;border-radius:50%;}
.open-countdown svg{width:22px;height:auto;fill:var(--cwhite)}
.popup-close{height:24px;padding:0 5px;border-radius:3px;font-size:80%;margin:0 0 2px;line-height:1;color:var(--cwhite);cursor:pointer;}
.popup-close svg{width:auto;height:18px;fill:var(--cwhite);margin:0 3px 0 0;}
.carousel {background:transparent;}
.carousel-cell {width: 100%;counter-increment: gallery-cell;cursor:default;}
.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;top:0;width: 30px;height: 30px;border:none;background-color:transparent;background-position: center;background-repeat: no-repeat;cursor: pointer;z-index:10;}
.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;}
.gallery-data .flickity-prev-next-button{background-repeat:no-repeat !important;top:50%;-webkit-transform: translate3d(0, -50%, 0);-moz-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");}
.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");}
.all-widgets .flickity-prev-next-button{background-color:var(--cwhite);border-radius:50%;border:var(--cgrey3) 1px solid;background-repeat:no-repeat !important;top:50%;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);background-size:40% auto;}
.all-widgets .flickity-prev-next-button.previous{left:-15px;background-position: center;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23919191'%2F%3E%3C%2Fsvg%3E");}
.all-widgets .flickity-prev-next-button.next{right:-10px;background-position: center;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23919191'%2F%3E%3C%2Fsvg%3E");}
.home-icon-inner .flickity-prev-next-button{width:30px;height: 30px;background-color:transparent;border-radius:0;border:none;background-repeat:no-repeat !important;top:50%;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);background-size:50% auto;}
.home-icon-inner .flickity-prev-next-button.previous{left:-25px;background-position: center left;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23919191'%2F%3E%3C%2Fsvg%3E");}
.home-icon-inner .flickity-prev-next-button.next{right:-25px;background-position: center right;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23919191'%2F%3E%3C%2Fsvg%3E");}
.head-map{font-size:120%;margin:0 0 5px;padding:0 0 3px;font-weight:bold;line-height:1;color:var(--cwhite);text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;border-bottom:rgba(255,255,255,0.3) 2px solid;}
.maphome{height:37vh;width:100%;border-radius:7px;}
.swal2-container{z-index:4000!important;}
.scrollbar{height:100%;width: 100%;overflow-y: scroll;}
.scrollbar-pd{padding:5px 10px 10px;}
#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.15);border-radius:8px;}
.panel-pop #style-3::-webkit-scrollbar-thumb, .modal #style-3::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,0.4);}
@-moz-document url-prefix() { #style-3 {scrollbar-width: thin;} }
.popup-icon #style-3::-webkit-scrollbar{width:0;}
.popup-icon #style-3::-webkit-scrollbar-thumb{border-radius:0;}
.panel-pop #style-3::-webkit-scrollbar-thumb, .modal #style-3::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,0.4);}
.popup-icon #style-3::-webkit-scrollbar-thumb{background-color:transparent;}
@-moz-document url-prefix() { .popup-icon #style-3 {scrollbar-width: thin;} }
.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: 40%;top:20px;bottom:20px;-webkit-transform: translate3d(-50%, 0, 0);-ms-transform: translate3d(-50%, 0, 0);-o-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);z-index:99999 !important;}
.modal.centerblank .modal-dialog {position: fixed;margin: auto;left:50%;width:90%;top:50%;-webkit-transform: translate3d(-50%, -50%, 0);-ms-transform: translate3d(-50%, -50%, 0);-o-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);z-index:99999 !important;}
.inner-modal{position:absolute;left:0;top:0;right:0;bottom:0;}
.inner-modal:after{content:"";position:absolute;left:0;top:8vh;right:0;bottom:0;margin:0 13px;background:var(--cwhite);border-radius:0 0 10px 10px;}
.search-container{width:35%;margin:0 auto;background:var(--cdark);padding:40px;border-radius:10px;}
.search-container h2{font-size:95%;margin:0 auto 15px;padding:0;line-height:1.1;color:var(--cwhite);text-align:center;font-weight:normal;}
.search-container .form-control{height:50px;padding:0 10px!important;font-size:95%!important;line-height:1.1!important;color:var(--cwhite)!important;background-color:rgba(0,0,0,0.3);border:none!important;border-radius:5px;outline:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}
.search-container .form-control:focus{border-color:none!important;outline:0;-webkit-box-shadow:none!important;box-shadow:none!important;background-color:rgba(0,0,0,0.7);}
.search-container .form-control::-moz-placeholder,.search-container .form-control:-ms-input-placeholder,.search-container .form-control::-webkit-input-placeholder{color:var(--cwhite)!important}
.submit{min-width:50px;width:50px;height:50px;background-color:rgba(0,0,0,0.3);border:none!important;outline:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;margin:0 0 0 5px;border-radius:5px;cursor:pointer;}
.submit svg{width:20px;height:auto;fill:var(--cwhite);}
.submit:hover{background:rgba(0,0,0,0.7);}
.modal-header-default{padding:0 15px;position:relative;height:50px;border-radius:5px 5px 0 0;}
.modal-header-default h1{font-size:100%;line-height:1.1;padding:0;margin:0;font-weight:bold;color:var(--cgrey1);}
.centerblank .modal-head{margin:0 0;padding:0 15px;}
.center-modal-area{position:absolute;top:50%;left:50%;width:30%;-webkit-transform: translate3d(-50%, -50%, 0);-o-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}
.center-modal-content{position:relative;overflow:hidden;background:var(--cwhite);margin-top:8vh;padding:0 15px 15px;border-radius:0 0 7px 7px;}
.center-modal-search{position:absolute;top:50%;left:50%;width:80%;-webkit-transform: translate3d(-50%, -50%, 0);-o-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);margin-top:-20vh!important;}
.center-modal-search .form-control{line-height:50px;height:50px;border-radius:50px;border:var(--cdark) 1px solid;padding:0 12px;width:100%;font-size:85%;background:var(--cgrey1)!important;margin:0 0 10px;}
.center-modal-search .submit{min-width:40px;width:40px;height:40px;border-radius:40px;background-color:var(--color2);margin:0 0 0 60px!important;}
.center-modal-search .submit svg{width:24px;opacity:0.7;}
.center-modal-search .submit:hover{background-color:var(--color2);}
.close-search{min-width:40px;width:40px;height:40px;border-radius:40px;background-color:var(--color1);margin:-40px 60px 0 0!important;}
.close-search svg{width:24px;fill:var(--cwhite);opacity:0.7;}
.center-modal-search h3{font-size:95%;margin:0 auto 10px;padding:0;line-height:1.1;color:var(--cgrey2);font-weight:normal;letter-spacing:-0.5px;}
.apb-inner{position:relative;overflow:hidden;border:var(--cgrey3) 1px solid;border-top:none;padding:0 10px 10px;border-radius:0 0 7px 7px;}
.apbd-col{position:relative;width:calc(33.33333333% - 10px);margin:10px 5px 0;}
.anggaran-box{position:relative;overflow:hidden;height:42vh;border:var(--cgrey3) 1px solid;}
.apb-title{margin:0;}
.apb-title h1{font-size:100%;margin:0;line-height:1;padding:0 0 3px;font-weight:bold;text-transform:uppercase;border-bottom:var(--yellow) 3px solid;}
.anggaran-detail{padding:10px 0 5px;}
.anggaran-detail h2{font-size:100%;margin:0 0 5px;line-height:1.1;padding:0;font-weight:bold;}
.table-anggaran td{vertical-align:top;margin:0!important;padding:0!important;line-height:1.1!important;font-size:95%!important;}
.progress-bar {background-color:var(--cgrey1) !important;}
.progress {height: 12px !important;margin-bottom: 0;border-radius: 0;}
.progress-anggaran{padding:0;height:12px;position:relative;overflow:hidden;}
.progress-anggaran:before{content:"";position:absolute;left:0;right:0;top:0;height:12px;border-radius:12px;background:var(--cgrey1);}
progress[value]{appearance:none;border:none;width:100%;height:12px;background-color:transparent;box-shadow:none;color:transparent;position:relative;margin:0;top:-4px;animation: geser 3s linear infinite 1s;border-radius:12px}
progress[value]::-webkit-progress-bar{background-color:transparent;border-radius:12px;box-shadow:none;}
progress[value]::-webkit-progress-value{position:relative;background-size:35px 20px,100% 100%,100% 100%;border-radius:12px}
progress[value]::-moz-progress-bar{background-image:-moz-linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),-moz-linear-gradient(top,rgba(255,255,255,.25),rgba(0,0,0,.2)),-moz-linear-gradient(left,var(--color1),var(--color2));background-size:35px 20px,100% 100%,100% 100%;border-radius:12px;}
.progress-bar span{background-color:royalblue;border-radius:12px;display:block;text-indent:-9999px;}
.progress-anggaran p[data-value]{position:relative;font-size:90%;margin:-17px 0 0;padding:0;line-height:1;}
.progress-anggaran p[data-value]:after{content:attr(data-value) '%';position:absolute;font-size:80%;margin:0;padding:0 0 0 100px;line-height:13px;height:13px;right:0;top:-6px;background:linear-gradient(to right, transparent, var(--cgrey1) 60%);}
.php::-webkit-progress-value{background-image:-webkit-linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),-webkit-linear-gradient(top,rgba(255,255,255,.25),rgba(0,0,0,.2)),-webkit-linear-gradient(left,var(--color1),var(--color2))}
.php::-moz-progress-bar{background-image:-moz-linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),-moz-linear-gradient(top,rgba(255,255,255,.25),rgba(0,0,0,.2)),-moz-linear-gradient(left,var(--color1),var(--color2));}
@keyframes geser{
0%{width:0;}
100%{width:100%;}
}
@keyframes pulse {0% {transform: scale(1.3);}50% {transform: scale(1.5);}100% {transform: scale(1.3);}}
@keyframes float1 {0% {transform: translate(10%, 10%) rotate(0deg);}100% {transform: translate(-10%, -10%) rotate(360deg);}}
@keyframes float2 {0% {transform: translate(-15%, 5%) rotate(0deg);}100% {transform: translate(15%, -5%) rotate(-360deg);}}
.bell{-webkit-animation:ring 4s .7s ease-in-out infinite;-webkit-transform-origin:50% 4px;-moz-animation:ring 4s .7s ease-in-out infinite;-moz-transform-origin:50% 4px;animation:ring 4s .7s ease-in-out infinite;transform-origin:50% 4px}
@-webkit-keyframes ring{0%{-webkit-transform:rotateZ(0)}1%{-webkit-transform:rotateZ(30deg)}3%{-webkit-transform:rotateZ(-28deg)}5%{-webkit-transform:rotateZ(34deg)}7%{-webkit-transform:rotateZ(-32deg)}9%{-webkit-transform:rotateZ(30deg)}11%{-webkit-transform:rotateZ(-28deg)}13%{-webkit-transform:rotateZ(26deg)}15%{-webkit-transform:rotateZ(-24deg)}17%{-webkit-transform:rotateZ(22deg)}19%{-webkit-transform:rotateZ(-20deg)}21%{-webkit-transform:rotateZ(18deg)}23%{-webkit-transform:rotateZ(-16deg)}25%{-webkit-transform:rotateZ(14deg)}27%{-webkit-transform:rotateZ(-12deg)}29%{-webkit-transform:rotateZ(10deg)}31%{-webkit-transform:rotateZ(-8deg)}33%{-webkit-transform:rotateZ(6deg)}35%{-webkit-transform:rotateZ(-4deg)}37%{-webkit-transform:rotateZ(2deg)}39%{-webkit-transform:rotateZ(-1deg)}41%{-webkit-transform:rotateZ(1deg)}43%{-webkit-transform:rotateZ(0)}100%{-webkit-transform:rotateZ(0)}}
@-moz-keyframes ring{0%{-moz-transform:rotate(0)}1%{-moz-transform:rotate(30deg)}3%{-moz-transform:rotate(-28deg)}5%{-moz-transform:rotate(34deg)}7%{-moz-transform:rotate(-32deg)}9%{-moz-transform:rotate(30deg)}11%{-moz-transform:rotate(-28deg)}13%{-moz-transform:rotate(26deg)}15%{-moz-transform:rotate(-24deg)}17%{-moz-transform:rotate(22deg)}19%{-moz-transform:rotate(-20deg)}21%{-moz-transform:rotate(18deg)}23%{-moz-transform:rotate(-16deg)}25%{-moz-transform:rotate(14deg)}27%{-moz-transform:rotate(-12deg)}29%{-moz-transform:rotate(10deg)}31%{-moz-transform:rotate(-8deg)}33%{-moz-transform:rotate(6deg)}35%{-moz-transform:rotate(-4deg)}37%{-moz-transform:rotate(2deg)}39%{-moz-transform:rotate(-1deg)}41%{-moz-transform:rotate(1deg)}43%{-moz-transform:rotate(0)}100%{-moz-transform:rotate(0)}}
@keyframes ring{0%{transform:rotate(0)}1%{transform:rotate(30deg)}3%{transform:rotate(-28deg)}5%{transform:rotate(34deg)}7%{transform:rotate(-32deg)}9%{transform:rotate(30deg)}11%{transform:rotate(-28deg)}13%{transform:rotate(26deg)}15%{transform:rotate(-24deg)}17%{transform:rotate(22deg)}19%{transform:rotate(-20deg)}21%{transform:rotate(18deg)}23%{transform:rotate(-16deg)}25%{transform:rotate(14deg)}27%{transform:rotate(-12deg)}29%{transform:rotate(10deg)}31%{transform:rotate(-8deg)}33%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}37%{transform:rotate(2deg)}39%{transform:rotate(-1deg)}41%{transform:rotate(1deg)}43%{transform:rotate(0)}100%{transform:rotate(0)}}
.panel-pop{position:fixed;top:0;left:0;height:0;width:100%;overflow:hidden;z-index:2500;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;background-color:var(--cdark);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='12' viewBox='0 0 20 12'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='charlie-brown' fill='%23000000' fill-opacity='0.3'%3E%3Cpath d='M9.8 12L0 2.2V.8l10 10 10-10v1.4L10.2 12h-.4zm-4 0L0 6.2V4.8L7.2 12H5.8zm8.4 0L20 6.2V4.8L12.8 12h1.4zM9.8 0l.2.2.2-.2h-.4zm-4 0L10 4.2 14.2 0h-1.4L10 2.8 7.2 0H5.8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
.panel-thin{position:absolute;left:50%;top:20px;bottom:20px;width:40%;-webkit-transform: translate3d(-50%, 0, 0);-ms-transform: translate3d(-50%, 0, 0);-o-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);}
.panel-thin:after{content:"";position:absolute;left:0;top:8vh;right:0;bottom:0;margin:0 13px;background:var(--cwhite);border-radius:0 0 10px 10px;}
.head-panel, .modal-head{position:absolute;left:0;top:0;right:0;height:8vh;z-index:10;margin:0 12px;background: linear-gradient(to right, var(--color1), var(--color2) 80%);border-radius:7px 7px 0 0;padding:0 15px;}
.head-panel h1, .modal-head h1{font-size:120%;margin:0;padding:0;line-height:1;color:var(--cwhite);text-transform:uppercase;}
.data-panel{position:absolute;left:0;top:8vh;right:0;bottom:0;z-index:10;}
.panel-padding{padding:0 22px 0 30px;}
.panel-close{margin:0 0 0 auto;float:right;width:5vh;height:5vh;background:rgba(0,0,0,0.3);border-radius:100%;cursor:pointer;}
.panel-close svg{width:3vh;height:auto;fill:var(--cwhite);}
.popup-section{position:fixed;left:12px;height:40vh;max-width:204px;overflow:hidden!important;z-index:1100;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;bottom:20px;padding:0;}
.popup-section-inner{display:block;position:relative;overflow:hidden;padding:5px;border-radius:5px;background:var(--cgrey1);margin:1px;border:var(--cgrey3) 1px solid;}
.popup-icon{position:fixed;bottom:0;left:0;height:0;width:100%;overflow:hidden;z-index:2500;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;background:rgba(0,0,0,0.6);}
.popup-icon-inner{position:absolute;left:0;top:15vh;right:0;bottom:0;overflow:hidden;background:var(--cwhite);}
.popup-icon-inner:before{content:"";position:absolute;top:0;left:0;right:0;height:30px;z-index:10;background: linear-gradient(to top, transparent, var(--cwhite) 80%);}
.popup-icon-inner:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30px;z-index:10;background: linear-gradient(to top, var(--cwhite) 20%, transparent);}
.popup-icon-pd{position:relative;overflow:hidden;padding:30px 0;}
.popup-icon-close{position:absolute;width:40px;height:40px;z-index:20;top:calc(15vh - 20px);border-radius:50%;background:var(--cwhite);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);}
.popup-icon-close svg{width:28px;height:auto;line-height:1;margin:0;padding:0;fill:var(--cdark);}
.popup-icon .home-icon-bg{display:none;}
.popup-icon .iconmob-col-open{display:none;}
.popup-icon .iconmob-col-other{display:block;}
.popup-icon .home-iconmob-inner{padding:0;}
.loadiconmob{display:none;}
.footer-container{position:relative;overflow:hidden;padding:80px 0 0;}
.footer-container:before{content:"";position:absolute;bottom:-1px;left:0;right:0;top:60%;background:linear-gradient(to right, var(--cblack), var(--cdark), var(--cblack));}
.foooter-inner{position:relative;background:var(--color2);min-height:10vh;}
.footer-left, .footer-center, .footer-right{position:relative;width:33.33333333%;}
.footer-pd{padding:15px;}
.footer-absolute{position:absolute;top:-20px;bottom:0;width:33.33333333%;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);}
.footer-logo{width:13vh;height:13vh;border-radius:50%;background:var(--color2);margin:0 auto 5px;}
.footer-logo-inner{width:11.5vh;height:11.5vh;border-radius:50%;background:var(--cwhite);}
.footer-logo img{width:6vh;}
.footer-absolute h1, .footer-absolute h2{font-size:100%;margin:0;padding:0;line-height:1;font-weight:bold;color:var(--cwhite);text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;}
.footer-absolute h1{color:var(--cwhite);margin:5px 0 0;}
.footer-absolute .alignbottom{margin:15px 15px 20px;}
.footer-absolute h3{font-size:95%;margin:0;padding:0;line-height:1.1;font-weight:normal;color:var(--cgrey2)}
.contact-foot svg{width:20px;height:auto;line-height:1;margin:0;padding:0;fill:var(--cgrey2);}
.footer-absolute p{font-size:90%;margin:0;padding:0;line-height:1.1;font-weight:normal;color:var(--cgrey2)}
.socialfoot img{width:20px;height:auto;line-height:1;margin:0 3px;padding:0;}
.copyright{position:relative;overflow:hidden;padding:15px 0;background:linear-gradient(to right, var(--cblack), var(--cdark), var(--cblack));}
.copyright p{font-size:90%;margin:0;padding:0;line-height:1.1;font-weight:normal;color:var(--cgrey2)}
.footer-corner{position:fixed;bottom:15px;right:15px;z-index:500;}
#ScrollToTop{cursor:pointer;}
#ScrollToTop img{width:26px;height:auto;margin:0;padding:0;line-height:1;}
.backtopage{cursor:pointer;margin:0 0 3px;width:30px;height:auto;}
.homestyle .backtopage{width:0;display:none;}
.backtopage img{width:100%;height:auto;margin:0;padding:0;line-height:1;}
@-webkit-keyframes textclip {to {background-position: 200% center;}}
@-moz-keyframes textclip {to {background-position: 200% center;}}
@keyframes textclip {to {background-position: 200% center;}}
@-o-keyframes textclip {to {background-position: 200% center;}}
.cbp-section:before,.cbp-section:after{content:" ";display:table}
.cbp-section:after{clear:both}
.cbp-so{width:100%;margin:0;-webkit-transition:-webkit-transform 0.5s,opacity 0.5s;-moz-transition:-moz-transform 0.5s,opacity 0.5s;transition:transform 0.5s,opacity 0.5s}
.cbp-so:before,.cbp-so:after{content:" ";display:table}
.cbp-so-init .cbp-so{opacity:0}
.cbp-so-init .cbp-so-top{-webkit-transform:translateY(80px);-moz-transform:translateY(80px);transform:translateY(80px)}
.cbp-section.cbp-so-animate .cbp-so-top{-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);opacity:1}
.cbp-so-init .cbp-so-bottom{-webkit-transform:translateY(-80px);-moz-transform:translateY(-80px);transform:translateY(8-0px)}
.cbp-section.cbp-so-animate .cbp-so-bottom{-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);opacity:1}
.cbp-so-init .cbp-so-left{-webkit-transform:translateX(-80px);-moz-transform:translateX(-80px);transform:translateX(-80px)}
.cbp-section.cbp-so-animate .cbp-so-left{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);opacity:1}
.cbp-so-init .cbp-so-right{-webkit-transform:translateX(80px);-moz-transform:translateX(80px);transform:translateX(80px)}
.cbp-section.cbp-so-animate .cbp-so-right{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);opacity:1}
@-webkit-keyframes textclip {to {background-position: 200% center;}}
@-moz-keyframes textclip {to {background-position: 200% center;}}
@keyframes textclip {to {background-position: 200% center;}}
@-ms-keyframes textclip {to {background-position: 200% center;}}
@-o-keyframes textclip {to {background-position: 200% center;}}
.loadgallery{opacity:0;}
.loadicon{opacity:0;}
.home-runtext{opacity:0;}
.loadslide{opacity:0;}
.video-box{z-index:5;background:var(--cblack)!important;}
.video-box-cover{position:absolute;top:0;left:0;right:0;height:55vh;background:linear-gradient(to top, transparent, rgba(0,0,0,0.5), var(--cblack));z-index:8;}
.animation-title{background-size: auto auto;background-clip: border-box;background-size: 200% auto;background-clip: text;text-fill-color: transparent;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation:textclip 6s linear infinite;background-image: linear-gradient(-225deg,var(--cblack) 0%,var(--color1) 29%,var(--cblack) 67%,var(--color2) 100%);}
.bggradient{background:linear-gradient(to right, var(--color1), var(--color2), var(--color2), var(--color1));}
.bggradient-dark{background:linear-gradient(to right, var(--cblack), var(--cdark), var(--cblack));}
.menu-bottom{display:none;position:fixed;bottom:0;left:0;right:0;height:45px;z-index:1200;background: linear-gradient(to top, var(--cwhite) 40%, transparent 100%);}
.menu-bottom-bg{position:absolute;top:0;height:45px;}
.menu-bottom-bg, .menu-bottom-open, .closemenu{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);}
.menu-bottom-bg svg{width:auto;height:45px;margin:0 auto;fill:var(--cdark);}
.menu-bottom-open{position:fixed;bottom:13px;width:50px;height:50px;background:var(--cdark);z-index:3;border-radius:50%;cursor:pointer;}
.menu-bottom-open svg{width:35px;height:auto;fill:var(--cwhite);}
.menu-bottom-home, .menu-bottom-login{position:fixed;bottom:0;width:auto;height:45px;z-index:2;cursor:pointer;}
.menu-bottom-home{left:35px;}
.menu-bottom-login{right:35px;}
.menu-bottom-home svg, .menu-bottom-login svg{width:26px;height:auto;fill:var(--cwhite);opacity:0.7;margin:-1px 0 0;}
.menumobile-open{position:fixed;bottom:0;left:0;height:0;width:100%;overflow:hidden;z-index:2600;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;background:rgba(0,0,0,0.55);}
.menumobile-container{position:absolute;left:65%;right:15px;bottom:15px;top:15px;background:var(--cwhite);padding:0 20px;border-radius:7px!important;}
.menumobile-container:before, .menumobile-container:after{content:"";position:absolute;left:0;right:0;height:60px;z-index:5;}
.menumobile-container:before{top:0;background: linear-gradient(to top, transparent, var(--cwhite) 90%);}
.menumobile-container:after{bottom:0;background: linear-gradient(to top, var(--cwhite), transparent 90%);}
.menumobile-inner{margin:50px 0;}
.closemenu{position:absolute;top:-10px;width:50px;height:50px;background:var(--cwhite);border-radius:50%;z-index:10;cursor:pointer;}
.closemenu-inner{width:40px;height:40px;border-radius:50%;}
.closemenu-inner svg{width:24px;height:auto;fill:var(--cwhite);}
.menumobile-icon{position:relative;width:calc(33.33333333% - 6px);margin:0 3px;border-radius:5px;border:var(--cgrey3) 1px solid;text-align:center;}
.menumobile-box{text-align:left;position:relative;overflow:hidden;padding:5px;display:flex !important;justify-content: center;align-items: center;}
.menumobile-icon p{font-size:90%;margin:0;line-height:1.1;padding:0;font-weight:normal;color:var(--cmain);}
.menumobile-icon img{width:34px;height:auto;margin:0 5px 0 0;}
.mobile-menu a{color:var(--cmain);margin:0;padding:0;font-weight:bold;display:block;}
.mobile-menu li a{color:var(--cmain);padding:8px 0!important;}
.mobile-menu ul{margin:0 0;padding:0;list-style:none;color:var(--cmain);}
.mobile-menu li ul{margin:0 0;padding:5px 0;color:var(--cmain);}
.mobile-menu li{font-size:16px !important;margin:0;padding:0!important;line-height:1.2;background:none;list-style:none;color:var(--cmain);border-radius:0;display:block!important;min-width:100%!important;border-top:var(--cgrey3) 1px dotted;}
.mobile-menu li.active, .mobile-menu li:focus, .mobile-menu li a.active, .mobile-menu li a:focus{color:var(--cmain);background:var(--cwhite)!important;color:var(--c1)!important;}
.mobile-menu p{font-size:16px !important;position:relative;margin:0;padding:5px 0 5px 15px;line-height:1.2;list-style:none;color:var(--cmain);}
.mobile-menu p:after{content:"";position:absolute;left:0;top:12px;width:10px;height:10px;border-radius:10px;}
.mobile-menu li ul li{margin:0;padding:0 0;line-height:1.2;color:var(--cmain);}
.mobile-menu-inner .navbar-nav{position:relative;overflow:hidden;width:100%;}
.mobile-menu .dropdown-menu{font-size:16px !important;position:relative;float:none;background:transparent !important;padding:0 0 5px !important;border-radius:0 !important;box-shadow:none!important;border:none!important;-webkit-box-shadow:none!important;outline:none!important;}
.mobile-menu .dropdown-menu:nth-child(2) .dropdown-menu{background:transparent !important;border-radius:0 !important;box-shadow:none!important;border:none!important;-webkit-box-shadow:none!important;outline:none!important;}
.mobile-menu .dropdown-menu:nth-child(2) .dropdown-menu li{margin-left:15px !important;}
.mobile-menu .dropdown-menu li{background:transparent!important;border-radius:0!important;-webkit-box-shadow:0!important;-moz-box-shadow:none!important;box-shadow:none!important;border:none!important;margin:0 20px!important;}
.mobile-menu .dropdown-menu li a{padding:5px 0!important;}
.fancybox-button.fancybox-button--zoom, .fancybox-button.fancybox-button--play, .fancybox-button.fancybox-button--thumbs{display:none!important;}
#style-2::-webkit-scrollbar-track{background-color:transparent;}
#style-2::-webkit-scrollbar{background-color:transparent;}
#style-2::-webkit-scrollbar-thumb{background-color:transparent;}
.menuhid.header-right-item{margin:0;width:0;overflow:hidden;}
.whenscroll .menuhid.header-right-item{margin:0 0 0 15px;width:auto;}
.menuhid.header-right-item img{height:0;}
.whenscroll .menuhid.header-right-item img{height:22px;}
.loadpage{position:fixed;z-index:9999999997;top:0;right:0;width:100%;height:100%;background: linear-gradient(to right, var(--color1), var(--color2), var(--color1));-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}}@-o-keyframes transpage1{0%{opacity:1}100%{opacity:0;overflow:hidden;z-index:-100}}
.loadpage-inner{position:absolute;left:0;top:0;right:0;bottom:0;}
.pageloading {width:33vh;height:33vh;stroke-width:4px;stroke: #fff;fill: transparent;stroke-dasharray: 157.1;
stroke-dashoffset: 0px;animation: rot 4s infinite linear, clr 9s infinite linear;}
@keyframes rot {
0%{transform: rotate(0deg);stroke-dashoffset: 157.1;}
50%{stroke-dashoffset: 0;}
100%{transform: rotate(360deg);stroke-dashoffset: -157.1;}}
@keyframes clr {
0%{stroke: var(--cwhite);}
20%{stroke: var(--cgrey2);}
40%{stroke: var(--cwhite);}
60%{stroke: var(--cgrey2);}
80%{stroke: var(--cwhite);}
100%{stroke: var(--cgrey2);}
}

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

@-webkit-keyframes asap1{0%{opacity:.2;bottom:-5px}7%{opacity:1;Transform:scale(1);bottom:-5px}100%{opacity:0;Transform:scale(.6);bottom:-20px;right:0}}
@-moz-keyframes asap1{0%{opacity:.2;bottom:-5px}7%{opacity:1;Transform:scale(1);bottom:-5px}100%{opacity:0;Transform:scale(.6);bottom:-20px;right:0}}
@keyframes asap1{0%{opacity:.2;bottom:-5px}7%{opacity:1;Transform:scale(1);bottom:-5px}100%{opacity:0;Transform:scale(.6);bottom:-20px;right:0}}
@-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)}}
@-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%}}
@-o-keyframes moverocket{0%{bottom:0}10%{bottom:5%}100%{bottom:100%}}