:root{
	--colormain: #212121;
	--colorblack: #000000;
	--colorwhite: #ffffff;
	--colorgrey1: #e2e2e2;
	--colorgrey2: #dbdbdb;
	--colorgrey3: #bdbdbd;
	--yellow: #ffc600;
	--blue: #0063c7;
	--pink: #d40072;
	--cyan: #00a4a6;
	--viola: #ac00d0;
	--orange: #ff5a00;
	--green: #16b900;
}
html {margin: 0;padding: 0;width:100%!important;}
body{background-color:#fff; color:var(--colormain);overflow-x:hidden !important;font-size:16px !important;margin:0;padding:0;font-family: Arial !important;}
h1, h2, h3, h4{margin:0;padding:0;line-height:1.2;font-weight:bold;}
p{font-size:100%;line-height:1.2;margin:0;padding:0;}
a{text-decoration:none; color:var(--cdark);}
a:hover{color:var(--color2); text-decoration:none !important;}
a:focus{outline:none; text-decoration:none !important ;color:var(--color2) !important;}
.color2{color:var(--color2)!important;}
.trans-h{-webkit-transition:height .10s cubic-bezier(0,0,.58,1);-moz-transition:height .10s cubic-bezier(0,0,.58,1);-o-transition:height .10s cubic-bezier(0,0,.58,1);-ms-transition:height .10s cubic-bezier(0,0,.58,1);transition:all .55s cubic-bezier(.645,.045,.355,1) 0s;}
.cflex{display:flex !important;justify-content: center;align-items: center;}
.lflex{display:flex !important;justify-content: left;align-items: center;}
.rflex{display:flex !important;justify-content:right;align-items: center;}
.uppercase{text-transform:uppercase;}
.mobile-only, .printonly{display:none!important;}
.brd-radius7{border-radius:7px;}
.relhid{position:relative;overflow:hidden;}
.pt10{padding-top:10px!important;}
.pb10{padding-bottom:10px!important;}
.mlr-min5{margin-left:-5px;margin-right:-5px;}
.mt15{margin-top:15px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mt10{margin-top:10px!important;}
.mt5{margin-top:5px!important;}
.p5{padding:5px;}
.mlr-min10{margin-left:-10px;margin-right:-10px;}
.to-center{text-align:center!important;}
.main-container{margin-left:5%;margin-right:5%;}
.table-bordered,.table-bordered th,.table-bordered td,.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td,.table>thead>tr>th,.table>tbody+tbody,.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border-color:var(--colorgrey3)}
.header{background-color:var(--colorblack);}
.header-bg{background-color:var(--colorblack);}
.header-bg:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(to right, var(--color1) 25%, var(--color2));opacity:0.4;}
.header-bg:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(to right, rgba(0,0,0,0.3) 0%, transparent 50%);}
.headertop{background:linear-gradient(to right, var(--colorwhite), rgba(255,255,255,0.4), var(--colorwhite));border-bottom:var(--colorwhite) 1px solid;}
.whenscroll .headertop{background:linear-gradient(to right, var(--colorgrey1), var(--colorwhite), var(--colorgrey1));border-bottom:var(--colorgrey3) 1px solid;}
.header-inner{position:relative;overflow:hidden;z-index:10;padding:8vh 0;width:100%;}
.header-inner img{width:12vh;height:auto;margin:0 10px 0 0;}
.header-inner h1{font-size:180%;margin:0 0 5px;padding:0;line-height:1;color:var(--colorwhite);letter-spacing:-0.5px;}
.header-inner p{font-size:95%;margin:0;padding:0;line-height:1.1;color:var(--colorwhite);letter-spacing:-0.3px;}
.headertop-title{width:auto;height:calc(7vh - 1px);padding:0 20px;background:transparent;border-right:none;border-left:var(--colorwhite) 1px solid;}
.headertop-title img{width:auto;height:4.5vh;margin:0 5px 0 0;}
.headertop-title h2{font-size:90%;margin:0;padding:0;line-height:1.1;color:var(--colorblack);letter-spacing:-0.3px;}
.headertop-title p{font-size:90%;margin:0;padding:0;line-height:1.1;color:var(--colorblack);letter-spacing:-0.3px;}
.header-inner-right{float:right;}
.canvas-menu{width:7vh;height:calc(7vh - 1px);background:var(--colorblack);cursor:pointer;}
.canvas-menu svg{width:5vh;height:auto;display:block;margin:0;padding:0;line-height:1;fill:var(--colorwhite);opacity:0.85;}
.headertop-icon{margin:0 0 0 15px;cursor:pointer;}
.headertop-icon img{width:auto!important;height:3.7vh;}
.header-search{position:relative;height:7vh;}
.header-search-inner{position:absolute;right:0;top:50%;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
.header-search .form-control{height:4.5vh!important;line-height:1.1;padding:0 5vh 0 10px;color:var(--colormain)!important;background:rgba(255,255,255,0.5);width:170px;border:var(--colorgrey3) 1px solid;-webkit-box-shadow:none;box-shadow:none;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;border-radius:4.5vh;position:absolute;right:0;top:50%;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
.header-search .form-control:focus {width:250px;}
.header-search .form-control.formcustom::-moz-placeholder,.header-search .form-control.formcustom:-ms-input-placeholder,.header-search .form-control.formcustom::-webkit-input-placeholder{color:var(--colormain)!important}
.submit{position:absolute;right:0;width:4.5vh;height:4.5vh;border-radius:50%;border:transparent 1px solid!important;background:transparent!important;top:50%;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
.submit svg{width:3vh;height:auto;opacity:0.6;}
.menurow{position:relative;z-index:800!important;}
.menurow:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(to right, var(--color1), var(--color2), var(--color1));}
.menuweb{position:relative;z-index:10;}
.menuweb .nav.navbar-nav{background:transparent !important;width:100%;padding:8px 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:5px 0!important;margin:0 20px 0 0!important;line-height:1.1!important;color:var(--colorgrey1);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(--colorwhite)!important;}
.menuweb li a:focus, .menuweb li a.active{color:var(--colorwhite)!important;}
.menuweb .dropdown-menu{background:var(--colorblack);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(--colorblack)!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(--colorgrey1)!important;}
.menuweb .dropdown-menu li a:hover{background:var(--bgdark)!important;color:var(--colorwhite)!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;}
.mainbody-top{background:linear-gradient(to right, var(--color1), var(--color2), var(--color1));}
.mainbody-top:before{content:"";position:absolute;left:0;bottom:0;right:0;top:0;background:linear-gradient(to top, var(--colorwhite) 35%, transparent 90%);}
.runtext-content{position:relative;overflow:hidden;height:40px;padding:0;background:rgba(255,255,255,0.6);border:rgba(0,0,0,0.7) 1px solid;margin:15px 0 0;}
.runtext-head{position:absolute;left:0;top:0;bottom:0;float:left;background:var(--color2);border-radius:7px 0 0 7px;padding:0 10px;z-index:2;margin:0;font-size:100%;color:var(--colorwhite);line-height:1;}
.runtext-head:after{content:"";position:absolute;right:-15px;top:0;border-left:var(--color2) 15px solid;border-top:transparent 20px solid;border-bottom:transparent 20px solid;}
.runtext-head svg{width:auto;height:22px;fill:#ffb800;}
.runtext marquee{position:relative;overflow:hidden;height:40px;line-height:40px;padding:0;margin:0;font-size:100%;font-weight:500;}
.displaygrid {display:grid;box-sizing: border-box;}
.aligntop{align-self: start;}
.alignbottom{align-self: end;}
.hometop-section{background:rgba(255,255,255,0.65);border:var(--colorgrey3) 1px solid;}
.headline-column{background:linear-gradient(to top, var(--color1), var(--color2) 50%);}
.headlinetop h1{font-size:160%;margin:15px 0 0;padding:0;line-height:1.1;color:var(--yellow);letter-spacing:-0.3px;text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;}
.headlinetop h2{font-size:110%;margin:10px 0 0;padding:0;line-height:1.1;color:var(--colorwhite);letter-spacing:-0.3px;text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;}
.headlinetop p{font-size:100%;margin:10px 0 0;padding:0 0 0 5px;line-height:1.1;color:var(--colorgrey1);letter-spacing:-0.3px;text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;border-left:var(--yellow) 5px solid;}
.headline-column .alignbottom{padding:0 10px 10px;}
.headlinebot{height:32px;background:rgba(0,0,0,0.5);padding:0 15px;margin:0;line-height:1.1;color:var(--colorwhite);font-size:95%;border-radius:32px;opacity:0.6;}
.headlinebot:hover{opacity:1;}
.headline-pd{padding:0 20px;}
.title-bottom{position:absolute;left:0;bottom:0;right:0;padding:30px 10px 15px;background:linear-gradient(to top, var(--colorblack), transparent);}
.title-bottom p{font-size:95%;line-height:1.1;font-weight:normal;margin:0;padding:0px;color:var(--colorwhite);}

.image-headline, .img-wide, .img-article, .small-image, .image-gallery, .image-aparaturbot, .imageblog{width: 100%;display: block;position: relative;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;}
.image-headline{height:30vh;border-radius:7px 7px 0 0;}
.img-wide{padding-bottom: 56.25%;}
.img-article{height:27vh;}
.small-image{height:16vh;}
.image-gallery{height:32vh;}
.image-aparaturbot{height:40vh;}
.imageblog{height:25vh;}
.image-cover 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);}
.image-covertop img{display:block;width:100%;height:auto;position: absolute;top:0;left: 50%;margin:0 auto;-webkit-transform: translate3d(-50%, 0, 0);-moz-transform: translate3d(-50%, 0, 0);-ms-transform: translate3d(-50%, 0, 0);-o-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);}

.image-aparatur-right img{display:block;width:100%;height:auto;}

.fade-gallery-slider{position:relative;width:100%;max-width:100%;overflow:hidden;margin:0;height:65vh;background-size:cover;background-repeat:no-repeat;}
.fade-gallery-img{position:absolute;top:0;left:0;width:100%;height:65vh;opacity:0;transition:opacity 1s ease-in-out;object-fit:cover;z-index:0}
.slider-only .fade-gallery-slider, .slider-only .fade-gallery-img{height:75vh;}
.fade-gallery-img.active{opacity:1;z-index:1}
.titleslide{position:absolute;left:0;right:0;bottom:0;padding:15% 15% 25px;background:linear-gradient(to top, rgba(0,0,0,1), transparent);text-align:center;}
.titleslide h2{font-size:180%;margin:0;padding:0;line-height:1;color:var(--colorwhite);text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;font-weight:bold;letter-spacing:-0.3px;}

.icon-container{margin:5px 0 0;}
.module-icon{position:relative;width:calc(20% - 10px);margin:10px 5px 0;border:var(--colorgrey3) 1px solid;background:linear-gradient(to right, var(--colorgrey1), var(--colorwhite) 70%);}
.icon-image{position:relative;width:10vh;height:9vh;border:var(--colorgrey3) 1px solid;background:var(--colorwhite);}
.icon-image img{height:6vh;width:auto;}
.icon-title{position:relative;width:calc(100% - 10vh);text-align:center;}
.module-icon-row{position:relative;overflow:hidden;text-align:center;margin:5px;}
.icon-title p{font-size:100%;margin:0;padding:0;line-height:1.1;font-weight:bold;letter-spacing:-0.3px;}

.middle-box{border:var(--colorgrey3) 1px solid;margin:15px 0 0;border-radius:7px;}
.middle-sticky{top:8vh!important;}
.middle-left-inner{position:relative;overflow:hidden;margin:0 10px;}
.middle-right {border-left:var(--colorgrey3) 1px solid;}
.middle-right-pd{margin:0 10px;}
.aparatur-title h2{font-size:100%;margin:5px 0 0;padding:0;line-height:1;font-weight:bold;letter-spacing:-0.3px;text-transform:uppercase;}
.aparatur-title p{font-size:95%;margin:0;padding:0;line-height:1;font-weight:normal;letter-spacing:-0.3px;}
.aparaturbot .aparatur-title h2{font-size:95%;}
.aparaturbot .aparatur-title p{font-size:95%;}

.headmodule{position:relative;overflow:hidden;padding:7px 10px;background:linear-gradient(to right, var(--color2), var(--color1));}
.headmodule-icon{width:34px;height:34px;background:rgba(0,0,0,0.2);border-radius:5px;margin:0 10px 0 0;}
.headmodule-icon svg{width:24px;height:auto;fill:var(--colorwhite);opacity:0.7;}
.headmodule-title h1{font-size:120%;margin:0;padding:0;line-height:1;font-weight:bold;letter-spacing:-0.3px;color:var(--colorgrey1);text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;}
.widgets .headmodule.lflex{display:flex !important;justify-content: center;align-items: center;}
.widgets .headmodule{border-radius:7px 7px 0 0;}

.latest-col{position:relative;width:calc(33.33333333% - 10px);margin:10px 5px 0;border:var(--colorgrey3) 1px solid;background:linear-gradient(to top, var(--colorwhite), var(--colorgrey1) 70%);}
.latest-col:hover{background:var(--colorwhite);}
.latest .aligntop{padding:5px;}
.latest-title{margin:0 10px;}
.latest-title h2{font-size:100%;margin:0;padding:0;line-height:1,1;font-weight:bold;letter-spacing:-0.3px;color:var(--color1);}
.latest-col:hover .latest-title h2{color:var(--colormain);}
.latestbot{height:26px;padding:0 15px;margin:0 0 10px;line-height:1.1;color:var(--colorwhite);font-size:90%;border-radius:26px;background:linear-gradient(to right, var(--color1), var(--color2));}
.latest-col:hover .latestbot{background:var(--colormain);}
.meta{margin-right:15px;}
.meta span{font-size:95%;padding:0;margin:0;line-height:1.1;color:var(--colormain);font-weight:normal;}
.meta svg{width:20px;height:auto;margin:0 3px 0 0;opacity:0.4;}
.pagingrow svg{height:24px;width:auto;fill:var(--cgrey4);margin:3px 0 0;}
.page-link{padding:0 5px !important;}
.pagination{margin:0 auto!important;}
.pagination>li>a,.pagination>li>span{padding:0 8px;margin-left:-1px;line-height:1.1;color:#337ab7;height:30px;font-size:95%;background-color:var(--colorwhite);border:1px solid var(--colorgrey3)!important;display:flex!important;justify-content:center;align-items:center}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{z-index:2;color:var(--color1);background-color:var(--colorgrey1);border-color:var(--colorgrey3)!important}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color:var(--color1);border-color:var(--color1);color:var(--colorwhite)!important;}
.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:var(--colormain);border-color:var(--colorgrey3)!important}

.all-widgets{position:relative;width:calc(66.66666667% - 10px);margin:0 5px;}
.jam-kerja{position:relative;width:calc(33.33333333% - 10px);margin:0 5px;}
.widgets-box{position:relative;overflow:hidden;border:var(--colorgrey3) 1px solid;border-top:none;border-radius:0 0 7px 7px;height:50vh;z-index:30;}
.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(--colormain)}

.carousel {background:transparent;}
.aparaturbot .carousel{margin:0 -5px;}
.carousel-cell {width: 100%;counter-increment: gallery-cell;cursor:default;}
.all-widgets .carousel-cell {width:calc(50% - 5px);margin:0 5px;}
.gallery-data .carousel-cell {width:calc(50% - 5px);margin:0 5px;}
.aparaturbot .carousel-cell {width:20%;}
.image-content .carousel-cell{width:calc(33.33333333% - 7px);background:var(--colorgrey1);margin:10px 5px 0;}
.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);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
.flickity-prev-next-button.previous{background-position: center;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.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");}
.aparatur .flickity-prev-next-button{top:-40px;width:15px;height:30px;border-radius:0;background-size:70% auto;}
.aparatur .flickity-prev-next-button.previous{right:25px;background-position:center left;}
.aparatur .flickity-prev-next-button.next{right:10px;background-position:center right;}
.all-widgets .flickity-prev-next-button{top:24px;width:30px;height:30px;border-radius:50%;background-size:70% auto;background-size:30% auto;}
.all-widgets .flickity-prev-next-button.previous{left:10px;background-color:var(--color1);}
.all-widgets .flickity-prev-next-button.next{right:10px;background-color:var(--color2);}
.gallery-data .flickity-prev-next-button{width:30px;height:30px;background-color:rgba(0,0,0,0.5);border-radius:50%;background-size:30% auto;}
.gallery-data .flickity-prev-next-button.previous{left:10px;}
.gallery-data .flickity-prev-next-button.next{right:10px;}
.aparaturbot .flickity-prev-next-button{top:-50px;width:15px;height:30px;border-radius:0;background-size:70% auto;}
.aparaturbot .flickity-prev-next-button.next{right:5px;background-position:center right;}
.aparaturbot .flickity-prev-next-button.previous{right:20px;background-position:center left;}
.image-content .flickity-prev-next-button{background-color:rgba(0,0,0,0.5);border-radius:50%;background-size:30% auto;}
.image-content .flickity-prev-next-button.previous{left:10px;}
.image-content .flickity-prev-next-button.next{right:10px;}

.nav>li>a:hover{border-bottom-color:var(--yellow)!important;}
.nav-tabs>li>a{border:transparent 1px solid;margin:0;padding:10px!important;line-height:1.1;font-weight:bold;font-size:100%;color:var(--colorprimary)!important;}
.nav-tabs{border-bottom:var(--colorgrey3) 1px solid;background:transparent;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{border:var(--colorgrey3) 1px solid;border-bottom:var(--colorwhite) 1px solid;background:transparent!important;color:var(--colorprimary)!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:10px 0 0;}
.small-content-title h2{font-size:95%;margin:5px 0 0;padding:0;line-height:1.1;color:var(--colormain)}
.small-content-title p, .small-content-title span{font-size:90%;margin:0;padding:0;line-height:1.1;color:var(--colormain)}
.content-info{margin:0 15px 0 0;}
.small-content-title i.fa{font-size:90%;margin-right:5px;opacity:0.5;}
.small-row:hover .small-content-title h2{color:var(--colorprimary)}
.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(--colorgrey3);}
.single-link:hover{padding:0 0 0 15px;}
.single-link:hover:after{background:var(--yellow);}
.subsingle-link{margin:4px 0 4px 15px;padding:0;line-height:1.2;font-size:100%;}

.agenda-small{margin:10px 0 0;padding-top:10px;border-top:var(--colorgrey3) 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(--colorgrey3) 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(--colorprimary);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(--colorsecondary);}
.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(--colormain);}
.agenda-small:hover a, .forhover:hover a{color:var(--colorprimary);}
.agenda-small:hover .agenda-title{border-left:var(--yellow) 3px solid;}
.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;}
.table-agendapage td{font-size:100%!important;padding:0 0 10px!important;line-height:1.1!important;margin:0!important;vertical-align:top;}
.table-agendapage svg{width:28px;margin:0 5px 0 0;padding:0;line-height:1;opacity:0.4;}
.comment-small{margin:10px 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(--colorgrey3);-webkit-box-shadow:none;box-shadow:none;}
.textarea, .textarea:focus{border: 1px solid var(--colorgrey3);outline:none;box-shadow:none;min-height:80px;width:100%!important;border-radius:4px;overflow:hidden;padding:10px;}
.captcha{border:1px solid var(--colorgrey3);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(--colorgrey3);-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(--colorgrey1);border:1px solid var(--colorgrey3);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{margin:20px 15px;}
.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:5vh;height:auto;margin:0 5px 0 0;}
.lampiran{border:1px solid var(--colorgrey3);padding:0 15px 15px;}
.lampiran h3{font-size:100%;margin:0 10px;line-height:1.1;padding:0;color:var(--color1);font-weight:normal;}
.lampiran h2{position:relative;font-size:100%;margin:-5px 0 0;line-height:34px;padding:0 20px;color:var(--colorwhite);font-weight:normal;text-transform:uppercase;border-radius:0 0 4px 4px;}
.lampiran h2:before{content:"";position:absolute;top:0;left:-5px;border-right:var(--color1) 5px solid;border-top:transparent 5px solid;}
.lampiran h2:after{content:"";position:absolute;top:0;right:-5px;border-left:var(--color1) 5px solid;border-top:transparent 5px solid;}
.jamkerja{margin:15px 10px;}
.table-jamkerja{margin:0!important;}
.table-jamkerja th{padding:10px 5px!important;line-height:1.1!important;margin:0!important;font-size:100%!important;}
.table-jamkerja td{vertical-align:top;padding:8px 5px!important;line-height:1.1!important;margin:0!important;font-size:100%!important;border:var(--colorgrey3) 1px solid;border-collapse: collapse;}
.backg-grey{background:var(--colorgrey1);}
.backg-dark{background-color:var(--cdark);}
.bggradient{background:linear-gradient(to right, var(--color1), var(--color2));}

.statistik{position:relative;overflow:hidden;border:var(--colorgrey3) 1px solid;background:linear-gradient(to right, var(--color1) 30%, var(--color2) 70%);}
.statistik-bg{position:absolute;overflow:hidden;left:5%;right:5%;top:0;bottom:0;background-position:center;background-repeat:no-repeat;background-size:cover;}
.statistik-bg:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;margin:0 -1px;background:linear-gradient(to right, var(--color1), rgba(0,0,0,0.3), var(--color2));}
.stathead{position:relative;width:30%;}
.statdata{position:relative;width:70%;}
.stathead .aligntop{padding:20px 15px 15px;}
.stathead .alignbottom{padding:0 15px 20px;}
.stathead h1, .stathead h2{font-size:140%;margin:0;line-height:1;padding:0;color:var(--colorwhite);font-weight:bold;letter-spacing:-0.3px;font-weight:bold;text-transform:uppercase;}
.stathead h1{font-size:200%;font-weight:800;color:var(--yellow);letter-spacing:-1px;}
.gender-box{position:relative;width:50%;display:none;}
.gender-box:nth-child(1), .gender-box:nth-child(2){display:block;}
.gender-box h2{font-size:130%;margin:0;line-height:1;padding:0;font-weight:bold;letter-spacing:-0.3px;color:var(--colorgrey2);}
.gender-box p{font-size:90%;margin:0;line-height:1;padding:0;font-weight:bold;letter-spacing:-0.3px;color:var(--yellow);}
.gender-icon{width:12vh;height:12vh;border-radius:50%;margin:0 auto 10px;}
.statdata-inner{padding:20px 15px;}
.statdata-col{position:relative;width:25%;}
.statdata-circle img{display:block;width:80%;height:auto;margin:0 auto;}
.statdata-icon{width:9vh;height:9vh;background:rgba(255,255,255,0.2);border-radius:50%;margin:0 auto 0!important;position:absolute;top: 50%;left: 50%;-webkit-transform: translate3d(-50%, -50%, 0);-moz-transform: translate3d(-50%, -50%, 0);-ms-transform: translate3d(-50%, -50%, 0);-o-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}
.statdata-col:hover .statdata-circle img{transform:rotate(180deg)}
.statdata-col p{font-size:95%;margin:10px auto 0;line-height:1.1;padding:0;font-weight:normal;color:var(--colorgrey2);}
.statdata-icon svg{width:5vh;height:auto;fill:var(--colorwhite);}
.gallery{border:var(--colorgrey3) 1px solid;padding:10px;}
.gallery-head{position:relative;width:calc(25% - 10px);margin:0 5px;background:linear-gradient(to right, var(--color1), var(--color2));}
.gallery-head-inner{padding:15px;}
.gallery-data{position:relative;width:calc(75% - 10px);margin:0 5px;}
.gallery-head h1, .gallery-head h2{font-size:140%;margin:0;line-height:1;padding:0;color:var(--colorwhite);font-weight:bold;letter-spacing:-0.3px;font-weight:bold;text-transform:uppercase;}
.gallery-head h1{font-size:200%;color:var(--yellow);font-weight:800;letter-spacing:-1px;}
.gallery-head svg{width:25%;height:auto;margin:0 auto 10px;fill:var(--colorgrey2);}

.mandiri{border:var(--colorgrey3) 1px solid;background:linear-gradient(to right, var(--colorgrey1), transparent, var(--colorgrey1));}
.mandiri-padding{padding:10px;}
.mandiri-left{position:relative;width:35%;}
.mandiri-center{position:relative;width:30%;border:var(--colorgrey3) 1px solid;margin:10px 0;}
.mandiri-right{position:relative;width:35%;}
.mandiri-left h1{position:relative;font-size:160%;line-height:1;font-weight:bold;text-transform:uppercase;margin:0px;padding:0px;letter-spacing:-0.5px;color:var(--yellow);}
.mandiri-left h3{font-size:100%;margin:0 auto 0;line-height:1.1;padding:0;font-weight:bold;opacity:0.6;color:var(--colorwhite);}
.mandiri-left img{width:auto;height:6vh;margin:0 5px 0 0;padding:0;line-height:1;}
.mandiri-title-top{margin:0;padding:20px 20px;background:linear-gradient(to right, var(--color1), var(--color2));}
.mandiri-desa h2{font-size:100%;margin:0;line-height:1.1;padding:0;font-weight:bold;}
.mandiri-desa p{font-size:95%;margin:0;line-height:1.1;padding:0;font-weight:normal;}
.mandiri-item p{position:relative;font-size:100%;margin:0;line-height:1.1;padding:0 0 0 15px;font-weight:normal;}
.mandiri-item p:after{content:"";position:absolute;left:0;top:4px;width:8px;height:8px;border-radius:50%;background:var(--colorgrey3);}
.mandiri-right img{width:50%;float:right;margin:20px 10px 0 auto;}
.mandiri-login{position:absolute;left:10px;bottom:10px;line-height:1;padding:10px 25px;margin:0;font-size:95%;color:var(--colorwhite);background:linear-gradient(to right, var(--color1), var(--color2));}
.mandiri-info{position:absolute;left:10px;top:10px;bottom:60px;right:35%;border:var(--colorgrey3) 1px solid;padding:0 15px;background:var(--colorwhite);}
.mandiri-info p{font-size:95%;margin:0 25% 0 0;line-height:1.1;padding:0;font-weight:normal;}
.jadwalshalat{position:relative;}
.jadwalshalat:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;border-radius:7px;border:var(--colorgrey3) 1px solid;z-index:2;}
.jadwalshalat-top{position:relative;background:linear-gradient(to right, var(--colorgrey1) 20%, var(--colorwhite), var(--colorgrey1) 80%);}
.mosque{position:relative;width:20%;}
.mosque svg{display:block;width:80%;margin:15px auto 0;padding:0;line-height:1;fill:var(--color1);opacity:0.15;}
.jadwalshalat-head{position:relative;width:60%;padding:10px 0 35px;z-index:1;}
.jadwalshalat-head h2{font-size:120%;margin:0 0 5px;line-height:1.1;padding:0;font-weight:bold;letter-spacing:-0.3px;color:var(--color1);}
.jadwalshalat-head h3{font-size:100%;margin:0;line-height:1.1;padding:0;font-weight:bold;letter-spacing:-0.3px;color:var(--color2);}
.jadwalshalat-link{position:relative;margin:0 auto;margin-top:-24px;z-index:10;}

.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-link .headpanel a{width:50px;height:25px;margin:0 auto;background:var(--colorwhite);border:var(--colorgrey3) 1px solid;border-radius:50px 50px 0 0;border-bottom:var(--colorwhite) 1px solid;}
.jadwalshalat-link .headpanel a::after{right:16px!important;top:5px;}
.jadwalshalat-link .headpanel a[aria-expanded=true]::after{transform:rotate(-135deg);top:12px}
.shalatopen{position:relative;overflow:hidden;border-top:var(--colorgrey3) 1px solid;z-index:3;margin:-1px 0 0;padding:0 10px 10px;}
.shalat-col{position:relative;width:calc(16.66666667% - 10px);margin:10px 5px 0;text-align:center;overflow:hidden;border:var(--colorgrey3) 1px solid;}
.shalat-icon{height:42px;}
.shalat-icon svg{width:auto;height:30px;fill:var(--colorwhite);}
.shalat-box{height:60px;}
.shalat-box p{font-size:95%;margin:0;line-height:1.1;padding:0;font-weight:normal;}
.shalat-box span{font-weight:bold;}
.imsak{background:#16776c;}
.subuh{background:#28aaab;}
.isya{background:#4d3569;}
.ashar{background:#e7941f;}
.dzuhur{background:#f6b530;}
.magrib{background:#ff8000;}

.apb-inner{position:relative;overflow:hidden;border:var(--colorgrey3) 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(--colorgrey3) 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(--colorgrey1) !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(--colorgrey1);}
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(--colorgrey1) 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%;}
}

.countdown-item{position:relative;overflow:hidden;margin:0 3px;background:rgba(0,0,0,0.3);border-radius:5px;border:rgba(0,0,0,0.5) 1px solid;}
.countdown-span{position:relative;overflow:hidden;width:8vh;padding:7px 0;border-radius:5px 5px 0 0;}
.countdown-span-bg{position:absolute;left:0;top:0;right:0;bottom:0;opacity:0.3;border-radius:5px 5px 0 0;border-bottom:rgba(0,0,0,0.7) 1px solid;}
.bgcyan .countdown-span-bg{background:var(--cyan);}
.bgpink .countdown-span-bg{background:var(--pink);}
.bgblue .countdown-span-bg{background:var(--blue);}
.bgorange .countdown-span-bg{background:var(--orange);}
.countdown-span h3{position:relative;font-size:100%;margin:0;padding:0;line-height:1;font-weight:bold;color:var(--colorwhite);text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;}
.countdown-item p{font-size:85%;margin:5px 5px;padding:0;line-height:1;font-weight:normal;color:var(--colorwhite);opacity:0.65;}
.countdown-info h2{position:relative;font-size:110%;margin:0;padding:0;line-height:1;font-weight:bold;color:var(--yellow);text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;}
.countdown-info p{font-size:90%;margin:5px 0 0;padding:0;line-height:1;font-weight:normal;color:var(--colorwhite);opacity:0.7;}

.banner{position:relative;overflow:hidden;border-radius:10px;background:var(--cdark);}
.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(--cdark), transparent, var(--cdark));}
.banner-box{position:relative;overflow:hidden;border:var(--colorgrey3) 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;}
.banner-title p, .banner-title h2{font-size:110%;font-weight:500;margin:0 0 5px;line-height:1.1;padding:0;color:var(--colorwhite);text-shadow: 3px 2px 5px #000;-webkit-text-stroke: 1px transparent;}
.main-heading{position:relative;overflow:hidden;z-index:1;padding:20px 0 0;}
.main-heading h1{position:relative;font-size:140%;margin:0;padding:0 0 2px;line-height:1;font-weight:bold;letter-spacing:-0.5px;text-transform:uppercase;border-bottom:var(--yellow) 2px solid;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(--colorblack) 0%,var(--color1) 29%,var(--colorblack) 67%,var(--color2) 100%);}
.pagestyle .mainbody-top:before{background:linear-gradient(to top, var(--colorwhite) 5%, transparent 100%);}

.content-area{border:var(--colorgrey3) 1px solid;min-height:50vh;padding:10px;}
.aparaturbot{position:relative;overflow:hidden;border:var(--colorgrey3) 1px solid;border-radius:7px;background:var(--colorgrey1)}
.aparaturbot .headmodule{border-radius:7px 7px 0 0;}
.aparaturbot-inner{position:relative;padding:10px;z-index:30;}
.box-aparaturbot{position:relative;overflow:hidden;margin:0 5px;background:var(--colorwhite);border:var(--colorgrey3) 1px solid;padding:10px;}
.box-aparatur{position:relative;width:calc(20% - 20px);margin:10px 10px;border-radius:10px;background:var(--bgwhite);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:var(--brdgrey) 1px solid;}

.headcontent h1{position:relative;font-size:180%;line-height:1.1;font-weight:bold;margin:0px;padding:0px;letter-spacing:-0.5px;}
.blog-area{padding:20px 5px;}
.meta{margin:0 15px 0 0;}
.meta span{font-size:90%;padding:0;margin:0;line-height:1.1;color:var(--colormain);font-weight:normal;}
.maincontent .meta span{font-size:95%;}
.meta svg{width:18px;height:auto;margin:0 3px 0 0;opacity:0.7;}

.imageprimary img{display:block;width:100%;height:auto;padding:0;margin:0;line-height:1;border-radius:7px;}
.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;line-height:1.2;font-weight:normal!important;}
.content-isi .progress-bar{background-color:rgba(255,255,255,0.5) !important;position:relative;}
.content-isi .progress-bar-striped {background-color: var(--color1) !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 .progress-bar span{color:var(--cdark);font-weight:bold;font-size:90%;position:absolute;right:5px;top:0;line-height:15px;}
.content-isi img{margin:0 auto !important;min-width:50% !important;max-width:100% !important;text-align:center;}
.content-isi .container {margin:0!important;padding:0!important;}
.content-isi hr {margin:0!important;padding:0!important;line-height:1!important;height:1px!important;}
.content-isi .col-md-4 h5{font-size:95%;margin:0 0 5px;padding:0;line-height:1.1;}
.content-isi .col-md-4 h4{font-size:100%;margin:0 0 5px;padding:0;line-height:1.1;}
.content-isi tbody h4{font-size:100%;margin:0!important;padding:0!important;line-height:1.1!important;}
.blueTable{margin:15px 0;}
.content-isi .col-md-4{margin-bottom:15px;}
.btshare{width:35px;height:35px;border-radius:50%;margin:0 2px;}
.btshare svg{width:18px;height:auto;fill:var(--colorwhite);}
.facebook{background:#0054b8;}
.twitter{background:#009bb8;}
.email{background:#e21f6e;}
.telegram{background:#0075d2;}
.print{background:#e66000;}
.whatsapp{background:#06a700;}

.btn.custombtn{display:inline-block;padding:0 10px;font-size:95%!important;font-weight:400;line-height:1.1;text-align:center;border:none!important;color:var(--colorwhite);outline:none!important;}
.btn.custombtn:focus,.btn.custombtn:active:focus,.btn.custombtn.active:focus,.btn.custombtn.focus,.btn.custombtn:active.focus,.btn.custombtn.active.focus{outline:none!important;outline-offset:0!important;border:none!important;}
.btn.custombtn:hover,.btn.custombtn:focus,.btn.custombtn.focus{color:var(--colorwhite)}
.btn.custombtn:active,.btn.custombtn.active{background-image:none;outline:0;-webkit-box-shadow:none;box-shadow:none}
.btnblock{width:100%;}
.btn-medium{height:34px;}
.btn-small{height:30px;}
.btn-big{height:40px;padding:0 15px;}
.btn-big p, .btn-medium p, .btn-small p{font-size:100%;margin:0;padding:0;line-height:1.1;color:var(--colorwhite)!important;}
.btn-medium p, .btn-small p{font-size:95%;}
.btn-small p{font-size:90%!important;}
.btn-big svg{width:auto;height:24px;fill:var(--colorwhite);}
.btn-small svg, .btn-medium svg{width:auto;height:22px;fill:var(--colorwhite);}
.btn-medium svg{height:24px;}
.btn-small svg{width:auto;height:20px!important;fill:var(--colorwhite);}
.btn a, .btn a:focus, .btn a.active, .btn:focus, .btn.active{color:var(--colorwhite)!important;}
.column2-mlr5{position:relative;width:calc(50% - 10px);margin-left:5px;margin-right:5px;}
.brdgrey-1{border:var(--colorgrey3) 1px solid;}
.p15{padding:15px;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px!important;}
.mlr-min15{margin-left:-15px;margin-right:-15px;}
.populer{padding:20px 15px 15px;}
.m5{margin:5px;}
.p10{padding:10px;}
.head-module-small h1{position:relative;font-size:120%;padding:0 0 0 15px;line-height:1;display:block;font-weight:700;margin:0;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(--colormain);opacity:0.4;}
.gallery-box{position:relative;width:calc(100% - 30px);margin:20px 15px 0;border:var(--colorgrey3) 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:10px;}
.gallerypage-image{width:60%;margin:0;}
.gallerypage-title{width:40%;margin:0;text-align:center;}
.gallerypage-title h2{font-size:120%;padding:0;line-height:1.1;display:block;font-weight:bold;margin:0;color:var(--colormain);letter-spacing:-0.3px;}
.gallery-box-inner{background:var(--colorgrey1);border-radius:10px;}
.perdes-filter{margin:0 15%;}
.column2{position:relative;width:calc(50% - 20px);margin:0 10px;}
.perdes label{line-height:1;margin:0;padding:0;}
.bgpink, .bgpink a{background:var(--pink);color:var(--colorwhite)!important;}
.bgcyan, .bgcyan a{background:var(--cyan);color:var(--colorwhite)!important;}
.bgviola, .bgviola a{background:var(--viola);color:var(--colorwhite)!important;}
.bgorange, .bgorange a{background:var(--orange);color:var(--colorwhite)!important;}
.bgblue, .bgblue a{background:var(--blue);color:var(--colorwhite)!important;}
.bggreen, .bggreen a{background:var(--green);color:var(--colorwhite)!important;}
.label-hadir{font-weight:normal!important;font-size:80%!important;margin:0!important;padding:3px 10px!important;line-height:1.1!important;color:var(--cwhite);border-radius:4px!important;}
.aparatur-medsos{padding:10px 0 0;}
.aparatur-medsos i.fa{font-size:110%;margin:0 4px;color:var(--colormain);opacity:0.6;}
.aparatur-medsos i.fa:hover{color:var(--color2);opacity:1;}
.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;}
.head-organisation img{width:14vh;height:auto;margin:0 10px 0 0;line-height:1;}
.head-organisation h1{font-size:150%;margin:0;padding:0;line-height:1;text-transform:uppercase;letter-spacing:-0.5px;}
.table-lembaga td{padding:5px!important;}

.sdgspage-col {width:calc(33.33333333% - 20px);float:left;border:var(--colorgrey3) 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:15px;text-align:center;margin:10px 10px;padding:0;background:linear-gradient(to right, var(--colorwhite), var(--colorgrey1));}
.sdgspage{margin:0 -5px;}
.sdgspage-icon{position:relative;width:35%;}
.sdgspage-icon img{display:block;width:100%;height:auto;padding:0;margin:0;}
.sdgspage-title{position:relative;width:65%;}
.sdgspage-title p{font-size:100%;margin:0;padding:0;line-height:1;font-weight:bold;}
.sdgspage-title h2{font-size:160%;margin:10px 0 0;padding:0;line-height:1;font-weight:bold;color:var(--color1);}
.head-sdgs h2{font-size:140%;margin:0;padding:0;line-height:1;font-weight:bold;color:var(--color2);letter-spacing:-0.5px;}
.total-bumds{font-size:200%;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);}
.idm-col{position:relative;width:calc(25% - 10px);margin:0 5px 10px;border:var(--colorgrey3) 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:10px;}
.idmtop{position:relative;overflow:hidden;padding:15px 15px 20px;border-radius:10px 10px 0 0;margin:0;font-size:100%;font-weight:bold;line-height:1.1;text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;}
.idmcenter{position:relative;overflow:hidden;margin:-10px auto 0;z-index:2;}
.idmicon{width:8vh;height:8vh;border-radius:100%;border:var(--brdwhite) 2px solid;}
.idmicon svg{width:5vh;height:auto;line-height:1;margin:0;fill:var(--colorwhite);}
.idmvalue{position:relative;overflow:hidden;padding:15px 0;text-align:center;}
.idmvalue h2{font-size:140%;margin:0;line-height:1.1;font-weight:bold;text-align:center;text-transform:uppercase;padding:0;}
.idmstyle .content-area{padding:15px;}
.table-idm td{vertical-align:top;font-size:95%;}

.menumobile-open{position:fixed;top: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.8);}
.menumobile-container{position:absolute;left:0;width:25%;bottom:0;top:0;padding:0 20px;background:var(--colorgrey1);}
.closemenu{position:absolute;left:0;top:0;right:0;height:60px;}
.closemenu-inner{width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,0.5);cursor:pointer;}
.closemenu-inner svg{width:24px;height:auto;fill:var(--colorwhite);}

.menumobile-area{position:absolute;left:0;top:60px;right:0;bottom:0;overflow:hidden;}
.menumobile-padding{position:relative;overflow:hidden;padding:30px 15px;}
.mobile-menu a{color:var(--colormain);margin:0;padding:0;font-weight:bold;display:block;}
.mobile-menu li a{color:var(--colormain);padding:8px 10px!important;}
.mobile-menu ul{margin:0 0;padding:0;list-style:none;color:var(--colormain);}
.mobile-menu li ul{margin:0 0;padding:5px 0;color:var(--colormain);}
.mobile-menu li{font-size:16px !important;margin:0 0 5px;padding:0!important;line-height:1.2;list-style:none;color:var(--colormain);border-radius:0;display:block!important;min-width:100%!important;border:var(--colorgrey3) 1px solid;background:var(--colorwhite);border-radius:5px;}
.mobile-menu li.active, .mobile-menu li:focus, .mobile-menu li a.active, .mobile-menu li a:focus{color:var(--colormain);background:transparent!important;color:var(--color1)!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(--colormain);}
.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(--colormain);}
.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;}
.mobile-menu .dropdown-menu li, .mobile-menu .dropdown-menu li a, .mobile-menu .dropdown-menu li a:hover, .mobile-menu .dropdown-menu li:hover{background:transparent!important;}
.mobile-menu li a:hover{background:transparent!important;}

.form-change1{position:relative;width:calc(30% - 10px);margin:0 5px 5px;}
.form-change2{position:relative;width:calc(25% - 10px);margin:0 5px 5px;}
.form-change3{position:relative;width:calc(15% - 10px);margin:0 5px 5px;}
.form-change4{position:relative;width:calc(30% - 10px);margin:0 5px 5px;}
.itempengaduan{border:var(--colorgrey3) 1px solid;padding:15px;margin:15px 0 0;cursor:pointer;}
.pengaduanstyle .list-group-item{padding:0!important;border:none!important;}
.pengaduan-left{position:relative;width:calc(25% - 10px);margin:0 5px;}
.pengaduan-title{position:relative;width:calc(45% - 10px);margin:0 5px;border-left:var(--colorgrey3) 1px solid;}
.pengaduan-info{position:relative;width:calc(30% - 10px);margin:0 5px;}
.status svg{width:24px;margin:0 5px 0 0;padding:0;line-height:1;opacity:0.65;}
.status p{font-size:100%;margin:0;padding:0;line-height:1.1;}
.pengaduan-info-inner{margin:0 0 0 auto;float:right;}
.pengaduan-title h1{font-size:120%;margin:0;padding:0;line-height:1.1;font-weight:bold;}
.pengaduan-info-item{margin:0 0 0 20px;}
.speak{padding:0 15px 0 0;}
.speak svg{width:auto;height:6vh;margin:0 10px 0 0;padding:0;line-height:1;fill:var(--colorgrey3)!important;}
.speak h3{font-size:100%;margin:0;padding:0;line-height:1.1;font-weight:normal;}
.pengaduan-title-inner{padding:0 0 0 15px;}
.head-pengaduan{font-size:180%;margin:0;padding:0;line-height:1.2;letter-spacing:-1px;font-weight:bold;}
.tanggapan p{font-size:95%;font-weight:normal;}
.speak-data{position:relative;width:35px;height:auto;overflow:hidden;}
.speak-data svg{width:100%;height:auto;opacity:0.55;}
.pengaduan-isi{position:relative;width:calc(100% - 35px);}
.pengaduan-isi p{font-size:100%;margin:5px 0 0 10px!important;padding:0;line-height:1.1;}
.image-pengaduan img{display:block;width:100%;height:auto;line-height:1;margin:0 0 15px;padding:0;border-radius:7px;}
.table-pengaduan td{vertical-align:top;font-size:95%;}
.newpengaduan .form-group{margin-bottom:5px!important;}

.pemb-row{position:relative;overflow:hidden;padding:10px;background:linear-gradient(to right, var(--colorwhite), var(--colorgrey1));border:var(--colorgrey3) 1px solid;margin:20px 0 0;}
.pemb-image{position:relative;width:calc(35% - 20px);margin:0 10px;}
.pemb-title{position:relative;width:calc(65% - 20px);margin:0 10px;}
.column2pemb{position:relative;width:calc(50% - 10px);margin:10px 5px 0;}
.col-datapemb{position:relative;float:left;width:50%;}
.col-datapemb-left, .col-datapemb-right{position:relative;overflow:hidden;}
.col-datapemb-left{margin:0 15px 0 0;}
.col-datapemb-right{margin:0 0 0 15px;}
.image-pemb-big{position:relative;overflow:hidden;width:100%;}
.image-pemb-big img{display:block;width:100%;height:auto;margin:0 0 15px;line-height:1;border-radius:7px;}
.documentation{position:relative;overflow:hidden;border:var(--brdgrey) 1px solid;padding:10px;border-radius:10px;}
.documentation p{font-size:95%;padding:5px 0 0;margin:0;line-height:1.1;}
.documentation .image-more{padding-bottom:50%;}
.map-pemb{height:35vh;position:relative;overflow:hidden;border-radius:10px;}
.no-doc{padding:40px 20px;font-size:100%;margin:0;line-height:1.1;}
.table-pembangunan td{vertical-align:top;padding:5px 0;margin:0;line-height:1.1;}
.form-30{position:relative;width:calc(30% - 10px);margin:5px;}
.form-1{position:relative;margin:5px 5px 0 auto;float:right;}
.stunting-box{position:relative;width:calc(33.33333333% - 10px);margin:0 5px 10px;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{width:45px;height:45px;border-radius:5px;background-color:rgba(0,0,0,0.15);margin:0 10px 0 0;}
.stunting-icon i.fa{font-size:120%;color:var(--colorwhite);}
.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;}

.filter-lapak .form-change1{width:calc(70% - 10px);}
.filter-lapak .form-change2{width:calc(50% - 10px);}
.form-change-right{position:relative;width:calc(30% - 10px);margin:0 5px 5px;}
.allproduk{margin:0 0 5px;margin-left:10px!important;}
.cari-produk{margin:0 0 5px;padding:0 40px!important;}
.column-lapak {position:relative;width:calc(50% - 20px);margin:0 10px 20px;border:var(--colorgrey3) 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;}
.lapaktop{position:relative;overflow:hidden;padding:10px;border-bottom:var(--colorgrey3) 1px solid;}
.lapak-photo{position:relative;width:calc(50% - 10px);margin:0 5px;}
.lapak-title{position:relative;width:calc(50% - 10px);margin:0 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(--brdgrey) 1px solid;height:44px;margin-top:10px;padding:0 10px;}
.price h3{font-size:100%;line-height:1.1;margin:0 0 5px;padding:0;font-weight:normal;color:var(--cdark);}
.discount{text-decoration: line-through;opacity:0.7;}
.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;}
.lapak-desk{position:relative;overflow:hidden;margin:10px;}
.column-lapak .flickity-prev-next-button{width:30px;height:30px;background-color:rgba(0,0,0,0.5);border-radius:50%;background-size:30% auto;}
.column-lapak .flickity-prev-next-button{background-repeat:no-repeat !important;top:50%;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
.column-lapak .flickity-prev-next-button.previous{left:5px;}
.column-lapak .flickity-prev-next-button.next{right:5px;}
#changecolor .dropdown-menu{position:absolute;top:100%;left:auto;right:-10px!important;float:none;width:230px;margin:0;padding:10px;border-radius:0;border:none!important;border-radius:5px!important;margin-top:1.5vh;z-index:1090!important;background:var(--colorwhite);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(--colorwhite) 9px solid;border-left:transparent 7px solid;border-right:transparent 7px solid;}
.changecolor-box{position:relative;width:calc(50% - 10px);margin:5px 5px;}
.changecolor-item{position:relative;overflow:hidden;height:34px;border-radius:5px;}
.changecolor-item p{font-size:90%;margin:0;padding:0;line-height:1;color:var(--colorwhite);}
.stylecolor1{background:linear-gradient(to right, #00427f, #c3336f);}
.stylecolor2{background:linear-gradient(to right, #0081b3, #02b84e);}
.stylecolor3{background:linear-gradient(to right, #008533, #73B500);}
.stylecolor4{background:linear-gradient(to right, #AD000C, #F76B00);}
.modal-header-default{padding:0 10px;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(--colorgrey1);}

.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%!important;width: 40%;top:20px;bottom:20px;-webkit-transform: translate3d(-50%, 0, 0)!important;-ms-transform: translate3d(-50%, 0, 0)!important;-o-transform: translate3d(-50%, 0, 0)!important;transform: translate3d(-50%, 0, 0)!important;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(--colorwhite);border-radius:0 0 10px 10px;}
.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:10px 10px 0 0;padding:0 15px;}
.modal-head h1{font-size:120%;margin:0;padding:0;line-height:1;color:var(--colorwhite);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(--colorwhite);}
.data-panel{position:absolute;left:0;top:8vh;right:0;bottom:0;z-index:10;}
.panel-padding{padding:0 22px 0 30px;}

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

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

.box-map{position:relative;overflow:hidden;background:rgba(255,255,255,0.3);}
.maphome{height:33vh;margin:5px;}
.map-title{font-size:100%;margin:0 0 5px;padding:0 0 3px;line-height:1;color:var(--colorgrey1);font-weight:bold;border-bottom:var(--yellow) 2px solid;}

.footer-container{position:relative;overflow:hidden;padding:40px 0 0;}
.footer-container:before{content:"";position:absolute;bottom:-1px;left:0;right:0;top:25%;background:var(--colorblack);}
.foooter-inner{position:relative;background:linear-gradient(to right, var(--color2), var(--color1), 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(--color1);margin:0 auto 5px;}
.footer-logo-inner{width:11.5vh;height:11.5vh;border-radius:50%;background:var(--colorwhite);}
.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(--colorgrey2)}
.footer-absolute h1{color:var(--yellow);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(--colorgrey2)}
.contact-foot svg{width:20px;height:auto;line-height:1;margin:0;padding:0;fill:var(--colorgrey2);}
.footer-absolute p{font-size:90%;margin:0;padding:0;line-height:1.1;font-weight:normal;color:var(--colorgrey2)}
.socialfoot img{width:20px;height:auto;line-height:1;margin:0 3px;padding:0;}
.copyright{position:relative;overflow:hidden;background:var(--colorblack);padding:15px 0;}
.copyright p{font-size:90%;margin:0;padding:0;line-height:1.1;font-weight:normal;color:var(--colorgrey2)}

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