.onload{display:none;}
.topload{opacity:0;}
.mobile-only, .printonly{display:none;}
.aparaturload{opacity:0;}
.headtop{-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);z-index:1500;background:linear-gradient(to right, var(--bgwhite), var(--bggrey));}
.headtopleft{float:left;}
.headtopleft h2{position:relative;z-index:9;font-size:95%;line-height:1;font-weight:bold;margin:0px;padding:0px;letter-spacing:-1px;text-transform:uppercase;}
.headtopleft img{position:relative;z-index:9;width:auto;height:6vh;margin:0 5px 0 0;animation: mirrorflip 3s 0s linear infinite;}
.headtopleft:before{content:"";position:absolute;left:0;bottom:0;border-left:var(--color2) 40px solid;border-top:transparent 40px solid;z-index:1;opacity:0.2;}
.headtopleft:after{content:"";position:absolute;left:-10px;top:0;border-top:var(--bggrey) 50px solid;border-left:transparent 50px solid;border-right:transparent 45px solid;z-index:1;opacity:0.3;}
.headtopright{float:right;}
.headtopleft-bg{position:absolute;left:0;top:0;bottom:0;width:100%;overflow:hidden;}
.headtopleft-bg:before{content:"";position:absolute;left:0;bottom:0;border-left:var(--color1) 50px solid;border-top:transparent 50px solid;opacity:0.2;}
.headtopleft-bg:after{content:"";position:absolute;left:0;top:0;border-left:var(--color1) 65px solid;border-bottom:transparent 65px solid;opacity:0.1;}
.headtopleft:before, .headtopleft:after, .headtopleft-bg, .headtopleft-bg:before, .headtopleft-bg:after{-webkit-transition:width .5s cubic-bezier(0,0,.58,1);-moz-transition:width .5s cubic-bezier(0,0,.58,1);-o-transition:width .5s cubic-bezier(0,0,.58,1);-ms-transition:width .5s cubic-bezier(0,0,.58,1);transition:all .55s cubic-bezier(.645,.045,.355,1) 0s;}
.day{margin-left:10px;}
.weather-item img{width:auto;height:5vh;margin:0 0 0 5px;}
#thisdate, #thistime{font-size:90%;margin:0;padding:0;line-height:1;color:var(--cdefault);}
.headicon{width:5vh;height:5vh;border:var(--brdgrey) 1px solid;border-radius:4px;margin:0 0 0 6px;cursor:pointer;background:var(--bgwhite);}
.headicon svg{width:auto;height:2.7vh;}
.headicon img{width:auto;height:3vh;line-height:1;margin:0;padding:0;}
#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(--bgwhite);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(--brdwhite) 9px solid;border-left:transparent 7px solid;border-right:transparent 7px solid;}
.searched{position:relative;background:transparent!important;height:8vh;}
.search-mob{position:relative;overflow:hidden;}
.searched .form-control, .search-mob .form-control{height:5vh;line-height:1.1;padding:0 40px 0 10px;color:var(--cdefault);width:150px;border:var(--brdgrey) 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}
.searched .form-control{position:absolute!important;right:0;top:50%;background:var(--bgwhite);-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);}
.searched .form-control:focus {width:200px;}
.search-mob .form-control{width:100%!important;height:6vh;background:var(--bgwhite);}
.searching{position:absolute;right:0;top:0;bottom:0;width:30px;background:transparent;border:none !important;outline:none !important;}
.searching svg{width:auto;height:2.5vh;fill:var(--cgrey4);}
.topmenu{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;}
.corner-left, .corner-right{position:absolute;top:100%;overflow:hidden;z-index:790!important;}
.headpage-footer .corner-left, .headpage-footer .corner-right{top:0;}
.corner-left{left:0;}
.corner-right{right:0;}
.corner-left svg, .corner-right svg{width:15px;height:15px;fill:var(--cdark);margin:0;padding:0;line-height:1;display:block;}
.headpage-footer .corner-left svg{fill:var(--color1);}
.headpage-footer .corner-right svg{fill:var(--color2);}
.menuweb .nav.navbar-nav{background:var(--cdark) !important;width:100%;padding:1.3vh 4%!important;margin:0!important;line-height:1.1!important;-webkit-transition:height .10s cubic-bezier(0,0,.58,1);-moz-transition:height .10s cubic-bezier(0,0,.58,1);-o-transition:height .10s cubic-bezier(0,0,.58,1);-ms-transition:height .10s cubic-bezier(0,0,.58,1);transition:all .55s cubic-bezier(.645,.045,.355,1) 0s;}
.menuweb li{background:transparent !important;font-size:95%!important;padding:0!important;margin:0!important;line-height:1.1!important;}
.menuweb li a{background:transparent !important;padding:4px 0!important;margin:0 20px 0 0!important;line-height:1.1!important;color:var(--cgrey1);text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;border-bottom:transparent 1px solid;}
.menuweb li a:hover{border-bottom:var(--yellow) 1px solid;color:var(--cwhite)!important;}
.menuweb li a:focus, .menuweb li a.active{color:var(--cwhite)!important;}
.menuweb .dropdown-menu{background:var(--bgblack);display:none;margin:0!important;z-index:1000;left:0!important;top:100%;border-radius:0!important;padding:5px 0!important;box-shadow:none!important;}
.menuweb .dropdown-menu li{font-size:100%!important;}
.menuweb .dropdown-menu{background:var(--bgblack)!important;margin:0!important;z-index:1900;}
.menuweb .dropdown-menu li{font-size:100%!important;padding:0!important;margin:0!important;}
.menuweb .dropdown-menu li a{margin:0 5px!important;padding:8px 10px!important;color:var(--cgrey1)!important;}
.menuweb .dropdown-menu li a:hover{background:var(--bgdark)!important;color:var(--cwhite)!important;}
.menuweb .dropdown-menu:nth-child(2) .dropdown-menu{margin-left:0!important;height:0!important;overflow:hidden!important;border-top:none!important;padding:0!important;opacity:0!important;border-radius:0!important;top:-6px!important;left:100%!important;}
.menuweb .dropdown-menu:nth-child(2) .dropdown-menu li a{margin:0!important;}
.menuweb .dropdown-menu:nth-child(2) li:hover .dropdown-menu, .menuweb .dropdown-menu:nth-child(2):focus .dropdown-menu, .menuweb .dropdown-menu:nth-child(2).active .dropdown-menu{height:auto!important;overflow:hidden!important;opacity:1!important;padding:5px!important;display:block!important;}
.menuweb .dropdown-menu:nth-child(2) .dropdown-menu ul.dropdown-menu{opacity:1!important;top:100%!important;left:0!important;position:relative!important;padding:0!important;}
.menuweb .dropdown-menu:nth-child(2) .dropdown-menu ul.dropdown-menu li a{position:relative;padding:0!important;margin:0 0 0 10px!important;padding:5px 10px 5px 13px!important;}
.menuweb .dropdown-menu:nth-child(2) .dropdown-menu ul.dropdown-menu li a:hover{background:transparent!important;}
.menuweb .dropdown-menu:nth-child(2) .dropdown-menu ul.dropdown-menu li a:after{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;background:#919191;border-radius:8px;}
.tohome{float:left;padding:3px 0 0!important;margin:0!important;}
.tohome svg{width:auto;height:22px;margin:-3px 2px 0 0;fill:var(--yellow)!important;}
.panelmenu .tohome{display:none!important;}

.headpage{background:linear-gradient(to right, var(--color1) 50%, var(--color2));}
.headtitle img{height:13vh;width:auto;margin:0px 0px 15px 0px;}
.headtitle-main h1{font-family:"Arial" !important;font-size:200%;float:none;line-height:1;margin:0px 10px !important;padding:0px;font-weight:700;text-transform:uppercase;text-shadow:1px 1px 1px #616161,1px 2px 1px #616161,1px 3px 1px #616161,1px 4px 1px #616161,1px 6px 6px rgba(0,0,0,.4),1px 6px 10px rgba(0,0,0,.4),1px 6px 30px rgba(0,0,0,.4)}
.headtitle-main h2{font-size:95%;margin:0;padding:0;line-height:1.1;font-weight:normal;text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;}
.headpage-right{background-size:cover;background-repeat:no-repeat;background-position:center;min-height:20vh;}
.headpage-right-bg{position:absolute;left:0;top:0;right:0;bottom:0;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:var(--cdark);}
.headpage-footer{position:relative;width:100%;height:15px;}
.imageheading{height:100%!important;position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;}   
.imageheading:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.35);} 
.pagetitle-big{position:absolute;left:0;top:0;right:0;bottom:0;padding:0 5% 0 15%;animation: toZoom 1.5s linear;}
.pagetitle-big h1, .pagetitle-big h2{position:relative;z-index:1;font-size:220%;margin:0;padding:0;line-height:1;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(90deg, rgba(255,255,255,0.2), #fff, rgba(255,255,255,0.2));}

.bg-anim{position:absolute;left:0;top:0;z-index:10;}
.bgcircle{position: absolute;border-radius: 50%;animation: ripple 15s infinite;left:50%;}
.small{width: 20vh;height: 20vh;margin-left:-10vh;top: -3.5vh;background:var(--bgwhite);}
.medium{width: 24vh;height:24vh;margin-left:-12vh;top: -5.5vh;border:var(--brdwhite) 1px solid;}
.large{width:70vh;height: 70vh;margin-left:-35vh;top: -28vh;background: var(--bgwhite);
background: -moz-radial-gradient(circle, var(--bgwhite) 0%, transparent 65%);
background: -webkit-radial-gradient(circle, var(--bgwhite) 0%, transparent 65%);
background: radial-gradient(circle, var(--bgwhite) 0%, transparent 65%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--bgwhite)",endColorstr="transparent",GradientType=1);}
.shade1{opacity:0.15}.shade2{opacity:0.2}.shade3{opacity:0.5}
@keyframes ripple{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}
.graph-a svg, .graph-b svg, .graph-c svg{width:auto;height:100%;margin:0;padding:0;line-height:1;display:block;}
.graph-a svg{fill:var(--color1);}
.graph-c svg{fill:var(--cdark);}
.headleft-icon{width:auto;height:34px;border-radius:4px;border:var(--brdwhite) 1px solid;padding:0 7px;margin:0 2px;cursor:pointer;opacity:0.6;}
.headleft-icon:hover{background:rgba(0,0,0,0.3);opacity:1;}
.headleft-icon svg{height:20px;width:20px;fill:var(--cwhite);}
.headleft-icon p{font-size:85%;line-height:1;font-weight:500;margin:0 0 0 3px;padding:0px;color:var(--cwhite);}
.btnmenu{width:0;height:0;overflow:hidden;}
.btnmenu-icon{width:32px;height:32px;border-radius:4px;background:var(--cdark);opacity:0.6;}
.btnmenu-icon svg{height:24px;width:24px;fill:var(--cwhite);}
.ifscroll .btnmenu{width:32px;height:8vh;cursor:pointer;margin:0 0 0 10px;}


.stickybox{border:var(--brdgrey) 1px solid;border-radius:10px;}
.stickyside-top{top:8vh;padding:10px 0 15px;}
.stickyside-left{border-right:var(--brdgrey) 1px solid;}
.stickyside-right{position:relative;border-left:var(--brdgrey) 1px solid;z-index:100!important;}
.stickyside-right:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(to top, var(--color2), var(--color1));}
.stickysidepage-right{border-left:var(--brdgrey) 1px solid;}

.runtext-content{position:relative;overflow:hidden;height:40px;background:var(--bggrey);padding:0 0 0 5px;border-bottom:var(--brdgrey) 1px solid;border-radius:10px 10px 0 0;}
.runtext-head{position:absolute;left:4px;top:4px;bottom:4px;float:left;background:var(--cdark);border-radius:7px 0 0 0;padding:0 10px;z-index:2;margin:0;font-size:95%;color:var(--cgrey1);}
.runtext-head:after{content:"";position:absolute;right:-10px;top:0;border-left:var(--cdark) 10px solid;border-top:transparent 15px solid;border-bottom:transparent 15px solid;}
.runtext-head svg{width:auto;height:22px;fill:#ffb800;-webkit-transform:rotate(-15deg);-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-o-transform:rotate(-15deg);transform:rotate(-15deg);}
.runtext marquee{position:relative;overflow:hidden;height:40px;line-height:40px;padding:0;margin:0;font-size:100%;font-weight:500;}
.run-isi{position:relative;padding:0 0 0 20px ;margin:0 0 0 10px;}
.run-isi:after{content:"";position:absolute;left:0;top:7px;width:10px;height:10px;border-radius:10px;background:var(--bggrey);}
.run-isi:nth-child(1):after{display:none;}

.headmodule {position:relative;overflow:hidden;border-radius:7px 7px 0 0;background:linear-gradient(to right, var(--color1), var(--color2));}
.headmodule h1{font-size:120%;text-transform:uppercase;padding:0;margin:0 0 0 20px;line-height:1;color:var(--cwhite);text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent}
.headmodule-icon{position:relative;width:42px;height:42px;border-right:rgba(0,0,0,0.2) 5px solid;}
.headmodule-icon svg{width:auto;height:24px;fill:var(--cwhite);margin:0 0 0 5px;}
.headmodule-icon:before{content:"";position:absolute;right:-25px;top:0;border-left:rgba(0,0,0,0.2) 20px solid;border-bottom:transparent 42px solid;}
.headmodule-icon:after{content:"";position:absolute;right:-10px;top:0;border-left:var(--color1) 10px solid;border-top:transparent 21px solid;border-bottom:transparent 21px solid;}
.headmodule-bot{position:relative;overflow:hidden;height:10px;background:linear-gradient(to right, var(--color1), var(--color2));margin-bottom:-2px;}
.bottom-area .headmodule-bot{margin-bottom:-10px;}
.headmodule-bot:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:var(--bgwhite);border-radius:10px 10px 0 0;}
.headmodule-right{position:absolute;right:0;top:0;height:32px;padding:0 10px 0 20%;background:linear-gradient(to right, transparent, rgba(255,255,255,0.4));margin:5px 5px 0 0;border-radius:0 4px 0 0;}
.headmodule-right svg{width:auto;height:22px;fill:var(--cwhite);margin:0 3px 0 0;}
.headmodule-right p{margin:0;padding:0;line-height:1.1;font-size:80%;color:var(--cwhite);}
.headmodule-right-item{margin:0 0 0 10px;}
.heading-bot {position:relative;overflow:hidden;border-radius:7px 7px 0 0;background:linear-gradient(to right, var(--color1), var(--color2));padding:7px 0;}
.heading-bot h1{font-size:120%;text-transform:uppercase;padding:0;margin:0 0 0 7px;line-height:1;color:var(--cwhite);text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent}
.heading-bot-icon{width:5vh;height:5vh;border-radius:3px;background:rgba(0,0,0,0.2);}
.heading-bot-icon svg{width:3.5vh;height:auto;margin:0;padding:0;line-height:1;fill:var(--cwhite);opacity:0.7;}
#kategori .dropdown-menu{position:absolute;top:100%;left:auto;right:-15px!important;float:none;width:220px;margin:18px 0 0 !important;padding:0 20px 15px;border-radius:0;border:none!important;border-radius:0 0 0 10px!important;margin-top:1.1vh;z-index:1090!important;background:var(--bgwhite);border-left:var(--brdgrey) 1px solid!important;border-bottom:var(--brdgrey) 1px solid!important;}
.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(--cgrey3);}
.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%;}
.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(--bgwhite);border:1px solid var(--brdgrey)!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(--bggrey);border-color:var(--brdgrey)!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(--cwhite)!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(--cdefault);border-color:var(--brdgrey)!important}

.leader{display:none;}
.leader:nth-child(1){display:block;}
.leader-jab{padding:15px 7px 8px;margin:-7px 0 0;background:var(--color1);border-radius:0 0 7px 7px;}
.leader-jab h2{font-size:90%;line-height:1.1;font-weight:normal;margin:0;padding:0px;color:var(--cwhite);}
.box-aparatur{border:var(--brdgrey) 1px solid;padding:5px;background:var(--cgrey2);border-radius:0 0 7px 7px;}
.title-bottom{position:absolute;left:0;bottom:0;right:0;padding:30px 10px 15px;background:linear-gradient(to top, var(--bgblack), transparent);}
.title-bottom h3, .title-bottom p, .title-bottom h2{font-size:90%;line-height:1.1;font-weight:normal;margin:0;padding:0px;color:var(--cwhite);}
.title-bottom p{color:var(--cgrey2);}
.title-bottom h2{font-size:100%;}
.box-aparatur-page{margin:5px;}
.label-hadir{font-size:75%!important;height:24px;color:var(--cwhite);margin:5px auto 5px;border-radius:26px;padding:0 10px;text-shadow: 1px 1px 1px rgba(0,0,0,0.5);-webkit-text-stroke: 1px transparent;}
.aparatur-medsos i.fa{font-size:100%!important;margin:5px 2px 0;padding:0;line-height:1;color:var(--cdefault);opacity:0.5;}
.pem-title{font-size:95%;margin:0;padding:0;line-height:1.1;color:var(--cdark);font-weight:bold;}
.box-aparatur-page h2{font-size:90%!important;font-weight:normal;text-shadow: 3px 2px 5px #000;-webkit-text-stroke: 1px transparent;}
.gallerypage .title-bottom h2{text-shadow: 3px 2px 5px #000;-webkit-text-stroke: 1px transparent;}
.latest-date{margin:-12px 5px 15px;background:var(--cdark);border-radius:0 0 7px 7px;padding:12px 20px 5px;}
.latest-date p{font-size:90%;line-height:1.1;font-weight:normal;margin:0;padding:0px;color:var(--cwhite);}
.gallerypage .framefoto:hover .title-bottom{height:100%;background:linear-gradient(to top, var(--bgblack), transparent);}

.latest-title h2{font-size:100%;padding:0;margin:0;line-height:1.1;color:var(--cdefault);font-weight:bold;}
.latest-bottom{border-radius:0 0 7px 7px;border-top:var(--brdgrey) 1px solid;}
.latest .meta{opacity:0.7;}
.headline .meta svg{opacity:0.5;}
.meta{margin:0 15px 0 0;}
.meta span{font-size:90%;padding:0;margin:0;line-height:1.1;color:var(--cdefault);font-weight:normal;}
.maincontent .meta span{font-size:95%;}
.meta svg{width:18px;height:auto;margin:0 3px 0 0;opacity:0.7;}
.maincontent .meta svg{width:22px;opacity:0.5;}
.link-cover{position:absolute;left:0;right:0;bottom:0;height:0;overflow:hidden;}
.link-cover p{margin:0 20px;padding:0;line-height:1.1;font-size:95%;color:var(--cgrey2);}
.to-hover:hover .link-cover{height:100%;background:var(--cdark);}

.staf{border:var(--brdgrey) 1px solid;padding:5px;background:var(--bggrey);}
.carousel {background:transparent;}
.carousel-cell {width: 100%;counter-increment: gallery-cell;cursor:default;}
.iconfooter .carousel-cell {width:25%;}
.image-content .carousel-cell{width:calc(33.33333333% - 7px);background:var(--bggrey);margin:10px 5px 0;}
.modvideo .carousel-cell {width:calc(50% - 5px);margin:0 5px;cursor:pointer;}
.c-main .carousel-cell{background:linear-gradient(to top, var(--color1), var(--color2));}
.c-nav{border-radius:0 0 7px 7px;overflow:hidden;}
.c-nav .carousel-cell {width:calc(33.33333333% - 3px);border:var(--brdgrey) 1px solid;margin:3px 2px 0;background:var(--cdark);border-radius:5px;opacity:0.6;}
.staf .carousel-cell:nth-child(1), .c-nav .carousel-cell:nth-child(1){display:none;}
.gnav .carousel-cell{width:10vh;padding:0 0 0 10px;border-radius:7px;cursor:pointer;}
.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;}
.c-nav .carousel-cell.is-selected{opacity:1;}
.gnav .carousel-cell.is-selected{opacity:0;}
.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);}
.staf .flickity-prev-next-button, .galnav .flickity-prev-next-button, .galmain .flickity-prev-next-button, .iconfooter .flickity-prev-next-button{display:none;}
.flickity-prev-next-button.previous{background-position: center;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.flickity-prev-next-button.next{background-position: center;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.modvideo .flickity-prev-next-button{background-color:var(--bggrey);border-radius:50%;background-size:30% auto;}
.modvideo .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'%23818181'%2F%3E%3C%2Fsvg%3E");}
.modvideo .flickity-prev-next-button.next{right:-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'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23818181'%2F%3E%3C%2Fsvg%3E");}
#produk-home .flickity-prev-next-button{background-color:rgba(0,0,0,0.5);border-radius:50%;background-size:30% auto;}
#produk-home .flickity-prev-next-button.previous{left:5px;}
#produk-home .flickity-prev-next-button.next{right:5px;}
.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;}
.lapakpage .flickity-prev-next-button{background-color:rgba(0,0,0,0.5);border-radius:50%;background-size:30% auto;}
.lapakpage .flickity-prev-next-button.previous{left:5px;}
.lapakpage .flickity-prev-next-button.next{right:5px;}

.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:140%;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);}
.sdgs-col{position:relative;width:calc(33.33333333% - 10px);margin:5px;border-radius:5px;background:var(--bggrey);float:left;}
.sdgs-item{position:relative;overflow:hidden;padding:4px;border:var(--brdgrey) 1px solid;border-radius:5px;}
.sdgs-icon{position:relative;width:35%;}
.sdgs-icon img, .sdgspage-icon img{width:100%;}
.sdgs-title{position:relative;width:65%;text-align:center;}
.sdgs-title p, .sdgspage-title p{font-size:85%;margin:0;padding:0;line-height:1;text-transform:uppercase;}
.sdgs-title h2, .sdgspage-title h2{font-size:100%;font-weight:bold;margin:5px 0 0;padding:0;line-height:1;}
.sdgsmargin{margin:0 0 0 -5px!important;}
.sdgspage-icon{border-bottom:var(--brdgrey) 1px solid;padding:7px;}
.headpage-sub .total-bumds{font-size:200%;font-weight:800;}
.sdgspage{margin:0 -7px;}
.sdgspage-title p{font-size:80%;}
.sdgspage-title h2{font-size:110%;color:var(--cdark);}
.sdgspage .column6-mlr7{float:left;}
.sdgspage-title{padding:10px 0;}

.idm-container .column4-mlr7{border-radius:15px 15px 50% 50%;padding:0 0 60px;background: linear-gradient(to top, var(--bggrey), var(--bgwhite));box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45) inset;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45) inset;-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45) inset;}
.idmicon{width:14vh;height:14vh;border-radius:50%;margin:-20px auto 30px;border:var(--brdgrey) 2px solid;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45) inset;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45) inset;-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45) inset;}
.idmicon-inner{width:10vh;height:10vh;border-radius:50%;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45) inset;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45) inset;-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45) inset;}
.idmicon-inner svg{width:6vh;height:auto;display:block;margin:0;padding:0;line-height:1;fill:var(--cwhite);opacity:0.75;}
.idm-item p{font-size:100%;margin:0 0 10px;padding:0;line-height:1.1;font-weight:normal;letter-spacing:-0.3px;color:var(--cdark)}
.idm-item h2{font-size:140%;margin:0;padding:0;line-height:1;font-weight:bold;letter-spacing:-0.3px;}
.table-idm td{font-size:95%;margin:0;padding:3px 0;line-height:1;}
.th-middle th{vertical-align:middle!important;}

.mandiri{background:var(--bggrey);}
.stage{height:auto;width:100%;margin:auto;position:absolute;top:15px;right:auto;bottom:0;left:2vh;perspective:9999px;transform-style:preserve-3d;z-index:2}
.layer{width:100%;height:100%;position:absolute;transform-style:preserve-3d;animation:ayun 5s infinite alternate ease-in-out -7.5s;animation-fill-mode:forwards;transform:rotateY(40deg) rotateX(33deg) translateZ(0)}
.layer:after{font-size:260%;content:"layanan\a         mandiri";white-space:pre;text-align:center;font-weight:700;height:100%;width:100%;position:absolute;top:0;line-height:1.2;color:whitesmoke;letter-spacing:-.5px;text-shadow:4px 0 10px rgba(0,0,0,.35)}
.layer:nth-child(1):after{transform:translateZ(0)}.layer:nth-child(2):after{transform:translateZ(-1.5px)}.layer:nth-child(3):after{transform:translateZ(-3px)}.layer:nth-child(4):after{transform:translateZ(-4.5px)}.layer:nth-child(5):after{transform:translateZ(-6px)}.layer:nth-child(6):after{transform:translateZ(-7.5px)}.layer:nth-child(7):after{transform:translateZ(-9px)}.layer:nth-child(8):after{transform:translateZ(-10.5px)}.layer:nth-child(9):after{transform:translateZ(-12px)}.layer:nth-child(10):after{transform:translateZ(-13.5px)}.layer:nth-child(11):after{transform:translateZ(-15px)}.layer:nth-child(12):after{transform:translateZ(-16.5px)}.layer:nth-child(13):after{transform:translateZ(-18px)}.layer:nth-child(14):after{transform:translateZ(-19.5px)}.layer:nth-child(15):after{transform:translateZ(-21px)}.layer:nth-child(16):after{transform:translateZ(-22.5px)}.layer:nth-child(17):after{transform:translateZ(-24px)}.layer:nth-child(18):after{transform:translateZ(-25.5px)}.layer:nth-child(19):after{transform:translateZ(-27px)}.layer:nth-child(20):after{transform:translateZ(-28.5px)}.layer:nth-child(n+10):after{-webkit-text-stroke:3px rgba(0,0,0,.35)}
.layer:nth-child(n+11):after{-webkit-text-stroke:13px var(--color2)}
.layer:nth-child(n+12):after{-webkit-text-stroke:13px var(--cdark)}
.layer:last-child:after{-webkit-text-stroke:17px rgba(0,0,0,.1)}
.layer:first-child:after{color:#fff;text-shadow:none}
.mandiri-left img{position:relative;display:block;width:50%;margin:8vh auto 0 0;padding:0;line-height:1;z-index:3;}
.mandiri-right img{position:relative;display:block;width:auto;height:18vh;margin:0 0 0 auto;padding:0;line-height:1;z-index:3;}
.mandiri-center h2{font-size:100%;margin:0;padding:0;line-height:1;font-weight:bold;color:var(--cdark);text-transform:uppercase;}
.mandiri-info{position:relative;margin:0 10% -5vh 0;}
.mandiri-info p{position:relative;z-index:2;font-size:95%;margin:0;padding:0;line-height:1;color:var(--cwhite);}
.mandiri-bubble{position:absolute;left:0;top:0;right:0;}
.mandiri-bubble svg{display:block;width:100%;margin:0;padding:0;line-height:1;}
.marquee-wrapper {overflow: hidden;width: 100%;margin-top:15px;border-left:var(--brdgrey) 1px solid;border-right:var(--brdgrey) 1px solid;border-radius:5px;}
.marquee-inner {display: flex;}
.marquee-inner .ratio {flex-shrink: 0;margin:0 3px;width: clamp(150px, 150px, 150px);object-fit: cover;overflow: hidden;border-radius:5px;border:var(--brdgrey) 1px solid;background:var(--bgwhite);}
.mandiri-item{padding:15px 5px;font-size:90%;margin:0;line-height:1.1;}

.headline{border:var(--brdgrey) 1px solid;}
.headline-head{position:relative;width:15%;display:grid;box-sizing: border-box;border-radius:7px 0 0 7px;}
.headline-image{position:relative;width:35%;}
.headline-title{position:relative;width:50%;}
.headline-title a{color:var(--cdefault);}
.headline-title a:hover{color:var(--bgdark);}
.headline-head svg{width:100%;height:auto;}
.headsvg{fill:var(--color1);}
.linesvg{fill:var(--color2);}
.headline-title-inner h2{font-size:100%;margin:-3px 0 0;padding:0;line-height:1.1;font-weight:bold;color:var(--cdefault);}
.headline:hover .headline-title-inner h2{color:var(--cdark);}
.headline-title-inner p{font-size:90%;margin:5px 0 0;padding:0;line-height:1.1;font-weight:500;}
.headline-svg{margin:0 auto;width:80%;}
.headline-posting{position:relative;width:60px;border-right:var(--yellow) 2px solid;text-align:center;}
.headline-posting h3{font-size:90%;margin:3px 10px 0 0;padding:0;line-height:1.1;font-weight:500;}
.headline-title-inner{position:relative;width:calc(100% - 70px);margin:0 0 0 10px;}
.headline-date{height:40px;text-align:center;font-size:100%;font-weight:bold;margin:0 10px 0 0;padding:0;line-height:1;background:var(--cdark);color:var(--cgrey1);border-radius:4px;}

#flip {height:40px;overflow:hidden;line-height:40px;}
#flip > div > div {padding:0;margin:0;height:40px;display:inline-block;line-height:40px;}
#flip div:first-child {animation: show 5s linear infinite;}
.visitor-bottom{border-top:var(--brdgrey) 1px solid;margin:0;padding:0 15px;font-size:95%;line-height:1.1;height:40px;}
.visitor-bottom-right{margin:0 0 0 auto;float:right;text-align:right;}
.visitor-info{margin:0 10px 0 0;font-weight:bold;}
.console-container{font-size:95%;display:block;line-height:1.1;padding:0;margin:0;font-weight:bold;color:var(--cdark)}
.console-underscore{display:inline-block;color:var(--yellow);font-weight:bold;width:2px;}
.maphome, .bottom-box{height:37vh;}
.table-footer td, .table-footer th{vertical-align:top;font-size:95%;height:auto;padding:6px 5px;margin:0;line-height:1.1;border:var(--brdgrey) 1px solid;border-collapse: collapse;font-weight:normal;}
.table-footer th{background:var(--bggrey);font-weight:bold;}

.gnav{z-index:3;background:var(--bgwhite);}
.gallery-head{position:relative;width:calc(25% - 10px);margin:0 5px;background:var(--cdark);text-align:center;padding:15px;}
.gallery-data{position:relative;width:calc(75% - 10px);margin:0 5px;z-index:2;}
.galmain{position:relative;width:calc(100% - 20vh);background-color:var(--bggrey);z-index:5;overflow:hidden;min-height:35vh;}
.galnav{position:relative;width:30vh;margin-left:-10vh;z-index:3;}
.gallery-head h2{font-size:100%;margin:0;padding:0;line-height:1;font-weight:normal;color:var(--cwhite);text-transform:uppercase;letter-spacing:3px;}
.gallery-head h1{font-size:200%;margin:0;padding:0;line-height:1;font-weight:800;color:var(--yellow);text-transform:uppercase;}
.gallery-head svg{width:40%;line-height:1;padding:0;margin:0 auto;display:block;fill:var(--cwhite);opacity:0.6;}
.gallery-head .btn{border:var(--brdwhite) 1px solid!important;opacity:0.6;border-radius:30px;background:rgba(0,0,0,0.25);}
.gallery-head .btn:hover{opacity:1;}
.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(--bggrey);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;}

.stat-mod:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;border-radius:7px;background:var(--bgblack);opacity:0.5;}
.statmod-head span{font-family:"Arial" !important;font-size:200%;font-weight:800;margin:0;line-height:1;padding:0;text-transform:uppercase;letter-spacing:-2px;animation:flip 3s infinite;animation-delay:calc(.2s * var(--i))}
.stat-mod-inner{z-index:2;}
.total-detail p:nth-child(1), .total-detail p:nth-child(2){display:none;}
.total-populasi{text-align:center;}
.total-populasi p{font-size:95%;margin:0;padding:0;line-height:1.1;color:var(--cgrey2);text-transform:uppercase;}
.gender-box{position:relative;width:20vh;height:20vh;margin:0 20px;}
.gender{position:relative;width:20vh;height:20vh;margin:0;border-radius:50%;overflow:hidden;animation: rotate-animation 10s infinite linear;}
.gender:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;}
.gender-box:nth-child(2){float:right;margin:0 0 0 auto;}
.statmod-item1 .gender-box:nth-child(1) .gender:before{background-image: conic-gradient(var(--cyan) 50%, var(--cgrey3) 0);}
.statmod-item1 .gender-box:nth-child(2) .gender:before{background-image: conic-gradient(var(--pink) 50%, var(--cgrey3) 0);}
.statmod-item2 .gender-box:nth-child(1) .gender:before{background-image: conic-gradient(var(--green) 50%, var(--cgrey3) 0);}
.statmod-item2 .gender-box:nth-child(2) .gender:before{background-image: conic-gradient(var(--orange) 50%, var(--cgrey3) 0);}
.gender-icon{width:5vh;height:5vh;margin:0 auto 5px;}
.gender-box:nth-child(1) .gender-icon, .gender-box:nth-child(2) .gender-icon{background-size:100% auto;}
.gender-box:nth-child(3), .gender-box:nth-child(4){display:none;}
.gender-inner{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:18vh;height:18vh;background:var(--bgwhite);border-radius:100%;-webkit-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.85);-moz-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.85);box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.85);text-align:center;}
.gender-inner p{font-size:75%;line-height:1;font-weight:500;letter-spacing:-0.5px;margin:2px 0 0;}
.gender-inner h2{font-size:120%;line-height:1;}

.autocol{display: grid;grid-template-columns: repeat(auto-fit, minmax(calc(33.33333333% - 10px), 1fr));grid-gap: 10px;}
.widget-box{background:linear-gradient(to right, var(--bggrey), var(--bgwhite));border:var(--brdgrey) 1px solid;cursor:pointer;}
.widget-box:hover{background:var(--bgwhite);}
.widget-item h2{font-size:100%;line-height:1;font-weight:bold;letter-spacing:-0.5px;margin:0;padding:0;text-transform:uppercase;color:var(--cdark)}
.widget-item p{font-size:90%;line-height:1.1;font-weight:normal;letter-spacing:-0.2px;margin:5px 0 0;padding:0;opacity:0.8;}
.widget-icon{position:relative;width:calc(30% - 10px);margin:0 5px;}
.widget-box:hover .widget-icon{background:var(--cdark)!important;}
.widget-title{position:relative;width:calc(60% - 10px);margin:0 5px;}
.widget-icon svg{width:95%;height:auto;margin:0;padding:0;line-height:1;display:block;fill:var(--cwhite);opacity:0.75;}
.widget-title .aligntop{margin-top:5px;}
.widget-title .alignbottom{margin-bottom:5px;}

.module-item{position:relative;width:calc(25% - 6px);padding:0;margin:6px 3px 0;}
.module-item-inner{cursor:pointer;}
.module-item img{width:5vh;margin:0 auto 5px;}
.module-item h2{font-size:70%!important;line-height:1;font-weight:normal;letter-spacing:-0.5px;margin:0;padding:0;text-transform:uppercase;color:var(--cdefault);}
.right-icon .module-item{width:70%;padding:0;margin:5px auto!important;}
.right-icon .module-item img{width:26px;margin:2px auto;}
.right-icon .module-item h2{display:none;}
.right-icon .pt5{padding-top:0!important;} 
.right-icon .plr-5{padding:0!important;} 
.right-icon .pb5{padding-bottom:0!important;}
.right-icon .brdgrey-1 {border:rgba(255,255,255,0.5) 1px solid!important;}
.right-icon .backg-white{background:rgba(255,255,255,0.6)!important;}
.right-icon .brd-radius7{border-radius:4px!important;}
.right-icon .module-item.right-hid{display:none!important;}

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

.banner{position:relative;overflow:hidden;background:var(--bgblack);}
.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(--bgblack), transparent, var(--bgblack));}
.banner-box{position:relative;overflow:hidden;padding:20px 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.2'%3E%3Cpath d='M9.8 12L0 2.2V.8l10 10 10-10v1.4L10.2 12h-.4zm-4 0L0 6.2V4.8L7.2 12H5.8zm8.4 0L20 6.2V4.8L12.8 12h1.4zM9.8 0l.2.2.2-.2h-.4zm-4 0L10 4.2 14.2 0h-1.4L10 2.8 7.2 0H5.8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
.banner-box:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background: linear-gradient(to right, var(--color1), transparent, var(--color2));opacity:0.6;}
.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;}
.banner-corner-left{position:absolute;left:0;top:0;width:32%;}
.banner-corner-right{position:absolute;right:0;top:0;width:32%;}
.islami-container .banner-corner-left, .islami-container .banner-corner-right{width:22%;}
.banner-corner-left img, .banner-corner-right img{display:block;height:auto;width:100%;}
.banner-corner-left{transform: scaleX(-1);filter: FlipH;-ms-filter: "FlipH";}
.nasional-container .banner-corner-left img, .nasional-container .banner-corner-right img{opacity:0.6;}

.jadwalshalat{position:relative;overflow:hidden;border:var(--brdgrey) 1px solid;}
.jadwalshalat-left{position:relative;width:70%;height:80px;padding:0 10px;}
.jadwalshalat-left-icon1{position:relative;width:60px;height:60px;background:var(--bggrey);margin:0 10px 0 0;border-radius:4px;z-index:2;}
.jadwalshalat-left-icon2{position:absolute;left:0;top:0;bottom:0;right:0;}
.jadwalshalat-left-icon1 svg, .jadwalshalat-left-icon2 svg{width:auto;height:50px;margin-top:-5px;fill:var(--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:30%;text-align:center;border-left:var(--brdgrey) 1px solid;}
.jadwalshalat-left h2, .jadwalshalat-left h3{position:relative;font-size:100%;font-weight:bold;margin:0;line-height: 1.2;padding:0;}
.jadwalshalat-left h3, .jadwalshalat-left span{font-weight:500;}
.scroller{height:40px;line-height:40px;position:relative;overflow:hidden;width:100%;border-bottom:var(--brdgrey) 1px solid}
.scroller p{position:absolute;height:40px;font-size:100%;color:var(--color2);line-height:40px;top:0;left:0;width:100%;text-align:center;margin:0 auto;animation:scroller 20s infinite;font-weight:700}
@keyframes scroller{0%{top:0}15%{top:-40px}30%{top:-80px}45%{top:-120px}60%{top:-160px}75%{top:-200px}}
.jadwalshalat-full-title{position:relative;overflow:hidden;width:30%;float:right;height:40px;margin-top:-40px;text-align:left;font-size:95%;}
.shalatopen{padding:5px 10px;border-top:var(--brdgrey) 1px solid;background:var(--bggrey);}
.shalat-col{position:relative;width:calc(16.66666667% - 10px);margin:5px;text-align:center;border-radius:4px;overflow:hidden;border:var(--brdgrey) 1px solid;}
.shalat-box{height:60px;background:var(--bgwhite);}
.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;}
.jadwalshalat .headpanel a{font-size:100%;font-weight:bold;text-transform:capitalize;letter-spacing:-0.2px;color:var(--cdark);}
.jadwalshalat .headpanel a:hover, .jadwalshalat .headpanel a:focus, .jadwalshalat .headpanel a.active{color:var(--cdark)!important;}
.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;}

.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(--color1)!important;}
.nav-tabs{border-bottom:var(--brdgrey) 1px solid;background:transparent;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{border:var(--brdgrey) 1px solid;border-bottom:var(--brdwhite) 1px solid;background:transparent!important;color:var(--cdark)!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(--cdefault)}
.small-content-title p{font-size:95%;margin:0 0 5px;padding:0;line-height:1.1;color:var(--cdefault)}
.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)}

.agenda-small{margin:10px 0 0;padding-top:10px;border-top:var(--brdgrey) 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(--brdgrey) 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(--cdefault);}
.agenda-small:hover a, .forhover:hover a{color:var(--color1);}
.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: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(--brdgrey);-webkit-box-shadow:none;box-shadow:none;}
.textarea, .textarea:focus{border: 1px solid var(--brdgrey);outline:none;box-shadow:none;min-height:80px;width:100%!important;border-radius:4px;overflow:hidden;padding:10px;}
.captcha{border:1px solid var(--brdgrey);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(--brdgrey);-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(--bggrey1);border:1px solid var(--brdgrey);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;}
.lampiran h3{font-size:100%;margin:0 10px;line-height:1.1;padding:0;color:var(--cdark);font-weight:normal;}
.lampiran h2{position:relative;font-size:100%;margin:-5px 0 0;line-height:34px;padding:0 20px;color:var(--cwhite);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(--cdark) 5px solid;border-top:transparent 5px solid;}
.lampiran h2:after{content:"";position:absolute;top:0;right:-5px;border-left:var(--cdark) 5px solid;border-top:transparent 5px solid;}

.info-bottom h2{font-size:100%;margin:0 0 10px;line-height:1.1;padding:0;color:var(--cdark);font-weight:bold;}
.tablemed-noborder td{vertical-align:top;font-size:100%!important;padding:5px 0!important;margin:0!important;line-height:1!important;border:none!important;}
.profile .tablemed-noborder td{padding:2px 0!important;font-size:95%!important;}
.sidebar .profile .tablemed-noborder td{padding:0 0 7px!important;}
.tablesmall-noborder td{vertical-align:top;font-size:90%!important;padding:1px 0!important;margin:0!important;line-height:1!important;border:none!important;}
.profile-inner{background:var(--cdark);border-radius:5px;padding:15px;}
.profile p{font-size:95%;margin:0;padding:0;line-height:1.2;}
.profile h3{font-size:95%;margin:0;padding:0;line-height:1.2;font-weight:normal;}
.profile-inner p{color:var(--cgrey1);}
.profile-icon{float:left;width:34px;height:34px;vertical-align:text-top;margin:0 7px 0 0;line-height:1;opacity:0.4;}
.profile-icon svg{width:100%;height:auto;margin:0;padding:0;line-height:1;fill:#fff;}
.statright1{display:none;position:relative;width:calc(50% - 10px);margin:5px 5px 0;background:rgba(0,0,0,0.2);border:rgba(0,0,0,0.6) 1px solid;}
.sidebar .statright1{width:calc(100% - 10px);}
.statright1:nth-child(1), .statright1:nth-child(2){display:block;}
.statright-icon{min-width:5.5vh;max-width:5.5vh;height:5.5vh;border-radius:50%;margin:0 5px 0 0;}
.statright1 p, .statright2 p{line-height:1.1;letter-spacing:-0.2px;font-size:90%!important;}
.statright1 span, .statright2 span{font-size:80%!important;}
.headarrow{position:relative;overflow:hidden;margin:0 0 10px;padding:0 0 0 20px;line-height:1.1;}
.headarrow h1{margin:0;padding:0;line-height:1;font-size:100%;font-weight:bold;text-transform:uppercase;;}
.headarrow h2{margin:0;padding:0;line-height:1.1;font-size:100%;font-weight:bold;}
.headarrow:after{content:"";position:absolute;top:1px;left:0;border-top:var(--yellow) 12px solid;border-left:transparent 8px solid;border-right:transparent 8px solid;}
.statright2{position:relative;width:100%;}
.statright2-inner{position:relative;width:calc(50% - 10px);margin:5px 5px 0;background:rgba(0,0,0,0.2);border:rgba(0,0,0,0.6) 1px solid;}
.profil-plus img{width:auto;height:10vh;margin:0 5px 0 0;}
.profil-plus h3{margin:0;padding:0;line-height:1;letter-spacing:-0.2px;font-size:100%!important;font-weight:bold;text-transform:uppercase;}
.modstat img{width:auto;height:12vh;margin:0 0 10px;}
.modstat p{margin:0;padding:0;line-height:1.1;letter-spacing:-0.2px;font-size:95%!important;font-weight:bold;text-transform:uppercase;}

.service-head{width:100%;margin:0 0 15px!important;}
.service-head img{display:block;width:50%;margin:0 auto;}
.service-item{border-radius:4px;margin:5px 10%;padding:7px 10px;}
.service-contact .service-item{border:var(--brdgrey) 1px solid;}
.service-contact h3{font-size:95%;margin:10px 10% 0;padding:0;line-height:1.1;font-weight:bold;}
.service-item p{font-size:95%;margin:0;padding:0;line-height:1.1;color:var(--cwhite)}
.service-contact .service-item p, .service-contact a{color:var(--default)}
.service-item svg{width:24px;height:24px;margin:0 5px 0 0;fill:var(--cwhite);}
.service-contact .service-item svg{fill:var(--cgrey4);}


.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;}
.table-inventaris td{border-color:var(--brdgrey)!important;}
.table-inventaris th{border-left-color:var(--brdgrey)!important;border-right-color:var(--brdgrey)!important;}
.color-dark{color:var(--cdark);}
.table-rapat th{line-height:1!important;font-size:95%!important;}

.apb{position:relative;overflow:hidden;background:linear-gradient(to right,  var(--cdark) 20%, var(--color1), var(--color2));}
.apbhead{position:relative;width:28%;margin:0;overflow:hidden;z-index:4;}
.apb:before{content:"";position:absolute;left:-5vh;top:-10vh;width:30vh;height:30vh;border-radius:50%;background:var(--bgwhite);opacity:0.4;}
.apbhead .aligntop{position:relative;z-index:5;}
.apbdata{position:relative;width:calc(72% - 7px);overflow:hidden;background:var(--bgwhite);margin:7px 7px 7px 0;}
.apbdata:after{content:"";position:absolute;left:50%;top:50px;bottom:0;width:33.33333333%;border-left:var(--brdgrey) 1px solid;border-right:var(--brdgrey) 1px solid;-webkit-transform: translate3d(-50%, 0, 0);-ms-transform: translate3d(-50%, 0, 0);-o-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);}
.apbdata:before{content:"";position:absolute;left:0;top:50px;width:100%;height:1px;border-bottom:var(--brdgrey) 1px solid;z-index:2;}
.apbhead h2{font-size:120%!important;line-height:1;font-weight:bold;letter-spacing:-0.5px;margin:0;padding:0;text-transform:uppercase;color:var(--cwhite);}
.apbhead h1{font-size:200%!important;line-height:1;font-weight:800;letter-spacing:-0.5px;margin:0;padding:0;text-transform:uppercase;color:var(--yellow);text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent}
.apbhead img{display:block;width:auto;height:17vh;margin:-8vh 0 0 20px;line-height:1;padding:0;}
.apbcolumn{position:relative;width:33.33333333%;overflow:hidden;}
.apbd-main{display:block;}
.apbdata .apbd-main:nth-child(2), .apbdata .apbd-main:nth-child(3){display:none;}
.apbcolumn-head{height:50px;background:var(--bggrey);}
.apbmodal .apbcolumn-head{height:auto;padding:5px 10px;border-bottom:var(--brdgrey) 1px solid;}
.apbd-row h2{font-size:100%;line-height:1.1;font-weight:bold;letter-spacing:-0.5px;margin:0;padding:0;color:var(--cdark);text-align:center;}
.apbdata .apbd-row h2{text-transform:uppercase;}
.apbd-item h3{font-size:95%;line-height:1.1;font-weight:bold;letter-spacing:-0.3px;margin:0;padding:0;color:var(--cdefault);}
.apbd-item p{font-size:95%;line-height:1.1;font-weight:normal;letter-spacing:-0.3px;margin:0;padding:0;color:var(--cdefault);}
.heading-apbd{position:relative;overflow:hidden;padding:5px 10px;border-bottom:var(--grey5) 1px solid;background:linear-gradient(to right,  var(--white), var(--grey2));border-radius:10px 10px 0 0;}
.heading-apbd svg{width:auto;height:24px;margin:0 5px 0 0;fill:var(--c-secondary);}
.heading-apbd h1{font-family: 'Raleway-Bold';font-size:100%;line-height:1;padding:0;font-weight:bold;margin:0;color:var(--c-primary)}
.apbd-progress{position:relative;width:12vh;margin:15px 0 0 auto;float:right;}
.wrap-circles{display:flex;justify-content:center;align-items:center;border-radius:50%;margin:0 0 0 auto!important;float:right;}
.circle{position:relative;width:12vh;height:12vh;margin:0;border-radius:50%;overflow:hidden;}
.circle .inner{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10vh;height:10vh;background:var(--bggrey);border-radius:50%;font-size:90%;font-weight:bold;letter-spacing:-0.3px;border:var(--brdwhite) 1px solid;box-shadow:inset 4px 4px 6px -1px rgba(0,0,0,.1),inset -4px -4px 6px -1px rgba(0,0,0,.2),.5px .5px 0 rgba(0,0,0,.15),0 12px 10px -10px rgba(0,0,0,.05);z-index:2;}
.openapb{position:absolute;right:72%;bottom:15px;margin:0;margin-right:20px;border:rgba(255,255,255,0.3) 1px solid;padding:5px 7px;line-height:1.1;font-size:90%;cursor:pointer;z-index:20;background:var(--color1);color:var(--cwhite)!important;}
.apbdata .apbtitle{display:none;}
.apbmodal .apbd-row h2{font-size:100%;line-height:1.1;font-weight:bold;letter-spacing:-0.2px;color:var(--cdark);padding:5px 10px;}
.apbmodal .apbd-row .to-center{text-align:left!important;}
.apbmodal .apbcolumn{width:100%;border:var(--brdgrey) 1px solid;border-radius:5px;margin:0 0 5px;}
.apbmodal .apbcolumn-inner{padding:0 10px 10px!important;}
.apbmodal .apbd-progress{margin:10px 0 0 auto;}
.apbmodal .apbd-item.mt10{margin-top:5px!important;}
.apbmodal .apbtitle h1{font-size:100%;line-height:1.1;font-weight:bold;letter-spacing:-0.2px;padding:0 0 0 5px;margin:10px 0 5px;border-left:var(--yellow) 5px solid;}

.countdown{background:linear-gradient(to right, var(--bggrey), var(--bgwhite), var(--bggrey));}
.countdown-item{margin:0 3px;}
.countdown-title{margin:0 50px 0 0;}
.countdown-title h2{font-size:150%;line-height:1.1;font-weight:bold;margin:0px;padding:0px;letter-spacing:-1px;}
.countdown-title p{font-size:100%;line-height:1.1;font-weight:normal;margin:5px 0 0;padding:0px;letter-spacing:-0.2px;}
.countdown-number{position:relative;width:7vh;height:7vh;border-radius:50%;margin:0;padding:0;line-height:1;overflow:hidden;}
.countdown-number:after{content:"";position:absolute;left:0;bottom:-50%;right:0;height:100%;border-radius:50%;background:var(--bgwhite);opacity:0.4;}
.countdown-number span{position:relative;font-size:120%;padding:0;margin:0;line-height:1;font-weight:bold;color:var(--cwhite);z-index:2;text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent}
.countdown-item p{font-size:75%;line-height:1;font-weight:normal;margin:5px auto 0;padding:0;letter-spacing:-0.2px;text-transform:uppercase;}

.pembhome, .lapakhome{border-top:none;border-radius:0 0 7px 7px;margin-top:-8px;}
.modplus-image{width:calc(50% - 10px);margin:5px;}
.modplus-title{width:calc(50% - 10px);margin:5px;}
.modplus-title h2{font-size:100%;font-weight:bold;margin:0;padding:0;line-height:1.1;}
.modplus-title .aligntop{padding:10px 10px 10px 5px;}
.modplus-title .alignbottom{padding:10px 10px 10px 5px;}
.modplus-title svg{opacity:0.4;margin:0 3px 0 0;}
.headmodule-indek{margin:0 15px 0 auto;float:right;}
.headmodule-indek svg{fill:var(--cwhite);opacity:0.7;margin:0;width:22px;height:auto;}
.headmodule-indek p{font-size:90%;font-weight:normal;margin:0;padding:0;line-height:1.1;color:var(--cwhite)}
.lapakhome-title{height:44px;padding:0 5px;font-size:100%;font-weight:bold;margin:0;line-height:1.1;border-bottom:var(--brdgrey) 1px solid;}
.price p{font-size:95%;font-weight:normal;margin:0;padding:0;line-height:1.1;}
.price-discount{color:var(--pink);text-decoration: line-through;}
.price-net{color:var(--cdark);}
.lapakpage .aligntop{padding:10px 10px;}
.product-title{position:relative;overflow:hidden;background:var(--bgwhite);padding:10px;margin:-20px 20px 0;z-index:2;border-radius:7px 7px 0 0;font-size:110%;line-height:1.1;font-weight:bold;letter-spacing:-0.3px;color:var(--cdark);}
.price h3{font-size:100%;font-weight:normal;margin:0;padding:0;line-height:1.1;}
.price img{width:auto;height:6vh;margin:0 5px 0 0;}
.pelapak{font-size:90%;font-weight:bold;margin:0;padding:0;line-height:1;}
.pelapak-icon{min-width:34px;max-width:34px;height:34px;margin:0 5px 0 0;border:var(--brdgrey) 1px solid;border-radius:4px;}
.pelapak-icon svg{width:26px;height:auto;margin:0;padding:0;line-height:1;opacity:0.4;}
.lapak-desk{position:relative;overflow:hidden;}
.lapak-desk .scrollbar{max-height:15.5vh;width: 100%;overflow-y: scroll;}
.lapak-desk p{font-size:95%;font-weight:normal;margin:0;padding:0;line-height:1.1;}
.lapak-foot{border-top:var(--brdgrey) 1px solid;padding:10px;}
.lapak-aksi{float:right;margin:0 0 0 auto;padding:0 0 0 5px;}
.sinergi-col{position:relative;width:calc(33.33333333% - 10px);margin:10px 5px;text-align:center;}
.sinergi-col img{width:auto;max-width:100%;height:12vh;margin:0 0 5px;}
.sinergi-col p{display:block;padding:0;font-size:95%;font-weight:500;margin:0;line-height:1.1;color:var(--cdefault)}
.maincontent{min-height:20vh;}
.table-medium td{font-size:95%;vertical-align:top;line-height:1.1!important;margin:0;}
.table-medium th{font-size:95%;}
.td-no{width:7%!important;}
.td-admin{width:15%!important;}
.td-view{width:11%!important;}
.td-content{width:50%!important;}
.nowrap{white-space:nowrap;}
.th1{border-bottom:var(--pink) 3px solid!important;}
.th2{border-bottom:var(--blue) 3px solid!important;}
.th3{border-bottom:var(--green) 3px solid!important;}
.th4{border-bottom:var(--orange) 3px solid!important;}
.th5{border-bottom:var(--cyan) 3px solid!important;}
.table-arsip th{padding:12px 5px!important;}
.table-arsip td{padding:12px 5px!important;text-align:center;}
.table-idm td{text-wrap: wrap!important;}
.table-wrap td{text-wrap: wrap!important;}
.tr-total td{padding:10px 0!important;font-weight:bold;}
.tr-total.wilayahfoot td{border-top:var(--brdgrey) 1px solid!important;}
.perdes-filter label{margin:0 5px 0 0!important;padding:0;line-height:1;font-size:95%!important;font-weight:normal!important;}
.dataTables_filter, .dataTables_filter label, .dataTables_length, .dataTables_length label{font-size:95%!important;}
.usewrap{text-wrap: wrap;}
.headcontent{padding:0 0 10px;border-bottom:var(--brdgrey) 1px solid;}
.maintitle h1, .headcontent h1{position:relative;font-size:150%;line-height:1.1;font-weight:bold;margin:0px;padding:0px;letter-spacing:-0.5px;}
.headcontent h1{font-size:180%;}
.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(--cwhite);}
.facebook{background:#0054b8;}
.twitter{background:#009bb8;}
.email{background:#e21f6e;}
.telegram{background:#0075d2;}
.print{background:#e66000;}
.whatsapp{background:#06a700;}

.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(--cdefault);opacity:0.4;}

.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(--bggrey)}
.gallery-container{margin:0 -7px;}
.gallery-container .column2-mlr7{float:left;}

.statnav-item{position:relative;width:calc(33.33333333% - 10px);margin:0 5px;border:var(--brdgrey) 1px solid;background:var(--bggrey);border-radius:5px;}
.statnav-item:hover{background:var(--bgwhite);}
.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(--brdgrey) 1px solid !important;border-radius:5px!important;z-index:990!important;background:var(--bgwhite);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:6px;left:0;width:8px;height:8px;border-radius:8px;background:var(--brdgrey);}

.maintitle-logo img, .maintitle-icon img{display:block;width:100%;height:auto;margin:0;padding:0;line-height:1;}
.maintitle-logo{width:12vh;margin:0 10px 0 0;}
.maintitle-icon{width:7vh;margin:0 5px 0 0;}
.table-border-bot td{border:none!important;border-bottom:var(--brdgrey) 1px solid!important;}
.head-bordered h1{position:relative;font-size:100%;padding:0 0 5px;line-height:1;display:block;font-weight:bold;margin:0;color:var(--cdark);letter-spacing:-0.3px;border-bottom:var(--yellow) 1px solid;}
.maincontent .form-control.input-sm{height:34px;}
.sotk h4{font-size:85%!important;margin:0%!important;padding:0%!important;line-height:1.1!important;}
.sotk p{font-size:85%!important;margin:0%!important;padding:0%!important;line-height:1.1!important;}
.margin-pengaduan{padding:0 5px 0 0;}
.pengaduan-notif{width:100%;float:left;position:relative;overflow:hidden;margin:15px 0 !important;}
.alertpengaduan{margin:0 0;padding:8px;border-radius:4px;background:var(--bggrey3);}
.alertpengaduan p{font-weight:bold;font-size:95%;padding:0;margin:0;line-height:1.2;color:var(--color1);}
.list-group-item{padding:15px 15px 15px 0!important;margin:15px 0 0!important;border:none!important;background:linear-gradient(to right,  transparent, var(--bggrey));border-radius:0 7px 7px 0;}
.itempengaduan{position:relative;overflow:hidden;width:100%;}
.row-bullet{width:100%;float:left;}
.row-bullet-inner{position:relative;border-left:var(--brdgrey) 1px solid;margin:0 0 0 8px;padding:0 0 0 15px;}
.row-bullet-circle{content:"";position:absolute;background:var(--bgwhite);left:-8px;top:50%;width:16px;height:16px;border-radius:16px;border:var(--brdgrey) 2px solid;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
.row-bullet-circle:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:8px;background:var(--yellow);-webkit-transform: translate3d( -50%, -50%, 0);-moz-transform: translate3d( -50%, -50%, 0);-ms-transform: translate3d( -50%, -50%, 0);-o-transform: translate3d( -50%, -50%, 0);transform: translate3d( -50%, -50%, 0);}
.row-bullet-inner h2{font-weight:500;font-size:100%;padding:0;margin:0 0 0 30px;line-height:1.2;}
.pengaduan-1{width:calc(65% - 10px);margin:0 5px;position:relative;}
.pengaduan-2{width:calc(35% - 10px);margin:0 5px;position:relative;}
.row-bullet-inner h3{font-weight:500;font-size:100%;padding:0;margin:0;line-height:1.2;}
.info-tanggapan svg{width:28px;height:auto;margin:2px 4px 0 -2px;fill:var(--cdefault);opacity:0.75;}
.status{width:24px;height:24px;margin:0 5px 0 0;border-radius:4px;}
.status svg{width:auto;height:14px;fill:var(--cwhite);}
.status img{width:auto;height:4px;}
.image-pengaduan img{display:block;width:100%!important;margin:0;height:auto;border-radius:7px;}
.detail-pengaduan h3, .detail-pengaduan h2, .detail-pengaduan p{font-weight:500;font-size:100%;padding:2px 0;margin:0;line-height:1.2;}
.detail-pengaduan p{margin-right:5px;}
.detail-pengaduan h2{font-weight:bold;margin:20px 0 10px 0;padding:0 0 3px;border-bottom:var(--brdgrey) 1px solid;}
.speak {padding:0 0 0 30px;min-height:24px;margin:0 0 10px;}
.speak-icon{width:24px;height:24px;position:absolute;top:0;left:0;}
.speak-icon svg{width:24px;height:auto;fill:var(--cdefault);opacity:0.75;}
.speak p{font-weight:500;font-size:95%;padding:0;margin:1px 0 0;line-height:1.2;position:relative;overflow:hidden;}
.speak h1{font-weight:bold;font-size:120%;padding:0;margin:1px 0 0;line-height:1.2;color:var(--cdark);}
.head-pengaduan{font-size:180%;margin:0;padding:0;line-height:1.2;color:var(--cdark);letter-spacing:-1px;font-weight:bold;}
.tanggapan p{font-size:95%;font-weight:normal;}
.lapakstyle .list-group-item{padding:0!important;border:none!important;}
.dataload{color:var(--yellow)!important;}
.pengaduan-isi{margin:5px 0 0 30px;}
.row-shadow{width:100%;margin:20px 0 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:10px;}
.pengaduan-2-inner{float:right;margin:0 0 0 auto;}
.create-pengaduan .form-group{margin:0 0 5px!important;padding:0!important;}
.create-pengaduan .form-group input{font-size:90%!important;}
.table-pengaduan td{padding:2px 0!important;}
.tangapan .head-module-small h1{font-size:100%;}
.pemb-row-image{position:relative;width:55%;z-index:2;border-radius:7px 0 0 7px;overflow:hidden;}
.pemb-row-title{position:relative;width:45%;z-index:1;background:linear-gradient(to right, var(--bgwhite), var(--bggrey) 80%);border-radius:0 7px 7px 0;}
.pemb-graph{position:absolute;right:-5px;top:0;left:0;bottom:0;}
.pemb-graph svg{transform: scaleX(-1);filter: FlipH;-ms-filter: "FlipH";}
.pemb-graph .graph-a svg{fill:var(--cwhite);}
.pemb-graph .graph-c svg{fill:var(--cwhite);}
.pemb-row-title h1{font-size:120%;margin:0;padding:0;line-height:1.1;font-weight:bold;letter-spacing:-0.3px;color:var(--cdark);}
.pemb-row-title .aligntop{padding:20px 15px 10px 0;}
.pemb-row-title .alignbottom{padding:10px 15px 20px 0;}
.pemb-row-title td{padding:2px 0;}
.pemb-detail .table-medium td{padding:3px 0!important;font-size:95%!important;}
.image-pembangunan img{width:100%;height:auto;margin:0 0 15px;padding:0;line-height:1;border-radius:7px;}
.pemb-head h2{font-size:100%;margin:0;padding:0;line-height:1.1;font-weight:bold;letter-spacing:-0.3px;color:var(--cdark);}
.pemb-head svg{width:28px;height:auto;margin:0 5px 0 0;padding:0;line-height:1.1;opacity:0.4;}
.heading-icon h2{font-size:100%;margin:0;padding:0;line-height:1;font-weight:bold;letter-spacing:-0.3px;}
.heading-icon img{width:6vh;margin:0 5px 0 0;}
.pembprogress p{font-size:95%;margin:10px 0 5px;padding:0;line-height:1.1;}
.no-progress{position:relative;width:calc(100% - 10px);margin-left:5px;margin-right:5px}
.width100{position:relative;width:100%;}
.mappemb{width:100%;height:35vh;border-radius:7px;}

.small-empty{padding:0 20%;margin:30px auto;}
.empty-image{position:relative;width:calc(40% - 20px);margin:0 10px;}
.empty-title{position:relative;width:calc(60% - 20px);margin:0 10px;}
.empty-image img{display:block;width:100%;height:auto;margin:0;padding:0;line-height:1;}
.empty-title p{font-size:100%;font-weight:bold;margin:0;padding:0;line-height:1.1;}

.mainvideo-box{margin-left:10%;border-radius:15px;border:rgba(255,255,255,0.4) 3px solid;}
.fullstyle .mainvideo-box{margin:15px!important;}
.analisis-select{padding:0 15%;}
.mappage #map{border-radius:10px;height:75vh!important;z-index:90!important;}

.bottom-tombol{position:fixed;z-index:999;bottom:10px;right:10px;}
#ScrollToTop{width:30px;height:0;cursor:pointer;margin-top:0 !important;border-radius:3px;opacity:1!important;}
.ifscroll #ScrollToTop{height:30px;margin-top:3px !important;}
#ScrollToTop svg{width:20px;height:0;fill:#fff;opacity:0.7}
.ifscroll #ScrollToTop svg{height:20px;}

.ups1{position:absolute;width:100%;left:50%;-webkit-transform: translate3d(-50%, 0, 0);-ms-transform: translate3d(-50%, 0, 0);-o-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);z-index:1;}
.ups-inner{position:relative;width:100%;overflow:hidden;z-index:2;}
.ups2{position:relative;width:100%;overflow:hidden;z-index:2;opacity:0.7;}
.ups1 img, .ups2 img, .ups-man img{width:100%;height:auto;}
.ups-man{width:30%;margin:-25% auto 0;position:relative;z-index:3;}
.not-found-big{background:linear-gradient(to top, var(--bggrey), transparent);}
.ups-box{padding:0 20%;margin:0 auto;}
.not-found-big .ups-box{padding:0 15%;margin:0 auto;}
.latest .not-found-big{margin-top:-15px!important;border-radius:0 0 7px 7px;}
.ups-med{position:relative;overflow:hidden;width:40%;}
.ups-title{position:relative;overflow:hidden;width:60%;}
.not-found-pop .ups-med{width:100%;}
.not-found-pop .ups-title{width:100%;text-align:center;}
.ups-title h2{font-size:220%;margin:0 0 20px 15px;padding:0;line-height:1;font-weight:800;letter-spacing:-1px;color:var(--yellow);}
.ups-title p{font-size:100%;margin:0 0 0 15px;padding:0;line-height:1.1;font-weight:normal;letter-spacing:-0.2px;}

.fade-gallery-slider{position:relative;width:100%;max-width:100%;overflow:hidden;margin:0;height:60vh;background-size:cover;background-repeat:no-repeat;}
.fade-gallery-img{position:absolute;top:0;left:0;width:100%;height:60vh;opacity:0;transition:opacity 1s ease-in-out;object-fit:cover;z-index:0}
.fade-gallery-img.active{opacity:1;z-index:1}
.titleslide{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:5vh 15% 5vh 30%;background:linear-gradient(to top, var(--bgblack), transparent 60%)}
.titleslide h2{font-size:150%;margin:0;line-height:1.1;padding:0;color:var(--cwhite);font-weight:bold;text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;letter-spacing:-0.5px;}
.fullstyle .fade-gallery-slider, .fullstyle .fade-gallery-img{height:87vh;}
.fullstyle .titleslide{padding:8vh 20%!important;}
.fullstyle .titleslide h2{font-size:270%!important;letter-spacing:-1px;}


.modal-open {overflow-x: hidden;}
.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.middle .modal-dialog {position: fixed;margin: auto;left:50%;width:40%;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(--bgwhite);border-radius:0 0 7px 7px;}
.inner-modal-middle{position:relative;overflow:hidden;}
.modal-head{position:absolute;left:0;top:0;right:0;height:8vh;z-index:10;margin:0 12px;padding:0 15px;border-radius:7px 7px 0 0;}
.data-panel{position:absolute;left:0;top:8vh;right:0;bottom:0;z-index:10;}
.panel-padding, .panel-padding2{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);}
.modal-middle-head{position:relative;overflow:hidden;height:8vh;z-index:10;margin:0;padding:0 15px;border-radius:7px 7px 0 0;}
.modal-middle-inner{background:var(--bgwhite);border-radius:0 0 7px 7px;}
.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;}

.scrollbar{height:100%;width: 100%;overflow-y: scroll;}
.scrollbar-pd{padding:5px 15px 30px;}
#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;} }

.panel-big #style-3::-webkit-scrollbar{width:0;}
.panel-big #style-3::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0;}
@-moz-document url-prefix() { .panel-big #style-3 {scrollbar-width:0;} }

.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:10px 10px 0 0;padding:0 15px;}
.head-panel h1, .modal-head h1, .modal-middle-head h1, .panelmenu-head h1{font-size:120%;margin:0;padding:0;line-height:1;color:var(--cwhite);text-transform:uppercase;}
.panel-pop{position:fixed;top:0;left:0;height:0;width:100%;overflow:hidden;z-index:3000;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;background-color:rgba(0,0,0,0.85);}
.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(--bgwhite);border-radius:0 0 10px 10px;}
.panelmenu{position:fixed;top:0;right:0;height:100%;width:100%;overflow:hidden;display:none;z-index:3000;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;}
.panelmenu-bg{position:absolute;top:0;right:0;height:100%;width:100%;overflow:hidden;background-color:rgba(0,0,0,0.85);transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;}
.panelmenu-inner{position:absolute;right:15px;top:15px;bottom:15px;left:75%;}
.panelmenu-head{position:absolute;right:0;top:0;left:0;height:8vh;border-radius:7px 7px 0 0;padding:0 15px;}
.panelmenu-area{position:absolute;right:0;top:8vh;bottom:0;left:0;background:var(--bggrey);border-radius:0 0 7px 7px;overflow:hidden;}
.panelmenu-pd{padding:0 7px 40px 15px;}

.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);}
.panel-icon{position:fixed;bottom:0;left:0;height:0;width:100%;overflow:hidden;z-index:3000;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;background-color:rgba(0,0,0,0.85);}
.panel-big{position:absolute;left:0;bottom:0;right:0;height:75vh;background:var(--bgwhite);}
.icon-close{position:absolute;left:50%;top:-2vh;width:6vh;height:6vh;border-radius:50%;background:var(--bgwhite);-webkit-transform: translate3d(-50%, 0, 0);-ms-transform: translate3d(-50%, 0, 0);-o-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);}
.icon-close svg{width:4vh;height:auto;fill:var(--cdark);}
.panel-big-inner{position:absolute;top:4vh;left:0;right:0;bottom:0;overflow:hidden;}
.panel-big-inner .primary-only{display:none;}

.mobile-menu{margin:10px 0 0;}
.mobile-menu a{color:#000;margin:0;padding:0;font-weight:bold;display:block;}
.mobile-menu li a{color:#000;}
.panelmenu-area .mobile-menu li{margin:5px 0 0!important;}
.panelmenu-area .mobile-menu li a{color:#000;padding:7px 10px!important;}
.panelmenu-area .mobile-menu li a{background:none!important;}
.mobile-menu ul{margin:0 0;padding:0;list-style:none;color:#000;}
.mobile-menu li ul{margin:0 0;padding:10px 0;color:#000;}
.mobile-menu li{font-size:16px !important;margin:5px 0;padding:0;line-height:1.2;background:var(--bgwhite);list-style:none;color:#000;border-radius:4px;border:var(--brdgrey) 1px solid;min-width:100%!important;}
.mobile-menu li.active, .mobile-menu li:focus, .mobile-menu li a.active, .mobile-menu li a:focus{color:#000;background:var(--bgwhite)!important;color:var(--c1)!important;}
.mobile-menu li ul li{margin:0;padding:0 0;line-height:1.2;color:#000;}
.mobile-menu-inner .navbar-nav{position:relative;overflow:hidden;width:100%;}
.mobile-menu .dropdown-menu{font-size:16px !important;position:relative;float:none;background:transparent !important;padding:5px 0 10px!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;}
.mobile-menu .dropdown-menu li, .mobile-menu .dropdown-menu li a, .mobile-menu .dropdown-menu a, .mobile-menu .dropdown-menu ul li{margin:0!important;padding:0 0!important;line-height:1.1!important;}
.mobile-menu .dropdown-menu li a{padding:4px 35px!important;}
.caret2{position:absolute;opacity:.4;right:10px;top:14px;border-top:8px solid;border-right:6px solid transparent;border-left:6px solid transparent;}
.caret3{position:absolute;opacity:.4;right:5px!important;top:10px;border-top:8px solid;border-right:6px solid transparent;border-left:6px solid transparent;}
.boxmemu-mob{position:relative;width:calc(33.33333333% - 10px);margin:0 5px;background:var(--cdark);border-radius:4px;}
.boxmemu-mob-icon{width:100%;height:6vh;border-radius:4px;margin:0 auto;background:rgba(0,0,0,0.4);}
.boxmemu-mob p{font-size:70%;margin:7px;padding:0;line-height:1;color:var(--cgrey1);text-transform:uppercase;}
.boxmemu-mob svg{width:4vh;height:4vh;fill:var(--yellow);}

.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}
.tooltip2{position:relative;display:inline-block}
.tooltip2 .tooltip2text{visibility:hidden;background-color:#000;color:#fff;border-radius:3px;padding:10px 15px;position:absolute;z-index:1;top:50%;right:100%;font-size:80%;min-width:120px;line-height:1.1;margin:0 6px 0 0;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);-o-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.tooltipbot .tooltip2 .tooltip2text{visibility:hidden;background-color:#000;color:#fff;text-align:center;font-size:80%;border-radius:3px;padding:10px 15px;position:absolute;z-index:1;top:100%;left:50% !important;min-width:100px;margin:1.2vh 0 0;-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);-o-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}
.tooltip2 .tooltip2text:after{content:"";position:absolute;left:100%;border-left:#000 6px solid;border-top:transparent 6px solid;border-bottom:transparent 6px solid;top:50%;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
.tooltipbot .tooltip2 .tooltip2text:after{left:50%;border-left:transparent 6px solid;border-right:transparent 6px solid;border-top:none;border-bottom:#000 6px solid;top:-6px;-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);-o-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}
.tooltip2:hover .tooltip2text {visibility: visible;z-index:999;}
.stickymain .tooltip2text, .panel-big-inner .tooltip2text{display:none!important;}
.stickymain .center-hid{display:none;}
.right-icon .tooltip2{display:block!important;margin:5px auto 0!important;padding:0!important;line-height:1!important;}

.changecolor-box{position:relative;width:calc(33.33333333% - 6px);margin:3px;text-align:center;}
.changecolor-item{width:100%;height:30px;margin:0 0 3px;border-radius:3px;}
.changecolor-item p{font-size:11px;font-weight:500;margin:0;line-height:1;padding:0;text-transform:uppercase;color:var(--cwhite);letter-spacing:-0.3px;}

.nature{background:linear-gradient(to right, #0081b3, #02b84e);}
.travel{background:linear-gradient(to right, #864d8d, #ff5d38);}
.sunset{background:linear-gradient(to right, #e43f15, #f49b00);}
.ocean{background:linear-gradient(to right, #2d4d7a, #217ca3);}
.thered{background:linear-gradient(to right, #8c0004, #c8000a);}
.vintage{background:linear-gradient(to right, #67564c, #969346);}
.gogreen{background:linear-gradient(to right, #00a244, #70b92f);}
.sporty{background:linear-gradient(to right, #3d317c, #deb200);}
.village{background:linear-gradient(to right, #637d99, #98b53c);}
.forest{background:linear-gradient(to right, #3a7e3a, #805a3b);}
.casual{background:linear-gradient(to right, #138d90, #e1b16a);}
.fashion{background:linear-gradient(to right, #0069A6, #B8002E);}
.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%);}

.iconfooter{display:none;position:fixed;left:0;bottom:0;right:0;height:50px;z-index:1000;background:var(--bggrey);padding:0 10px;-webkit-box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.45);-moz-box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.45);box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.45);}
.iconfooter-item{height:50px;margin:0 5px;}
.iconfooter-item img{height:26px;margin:0 5px 0 0;}
.iconfooter-item p{font-size:11px;line-height:1.1;margin:0;padding:0;color:var(--cdefault) !important;}
.iconfooter a{color:var(--cdefault) !important;}

.footer-container{position:relative;overflow:hidden;width:100%;display:grid;box-sizing: border-box;}
.footer-container:before{content:"";position:absolute;left:0;top:0;bottom:0;width:50%;background:var(--color1);z-index:1;}
.footer-container:after{content:"";position:absolute;right:0;top:0;bottom:0;width:50%;background:var(--color2);z-index:1;}
.footer-left, .footer-right{position:relative;overflow:hidden;width:35%;padding:50px 0;color:var(--cgrey1);z-index:4;}
.footer-left a, .footer-right a{color:var(--cgrey1);}
.footer-center{position:relative;overflow:hidden;width:30%;}
.footer-bg{position:absolute;top:0;bottom:-1px;width:40%;left:50% !important;-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);-o-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);z-index:2;}
.footer-image{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;}
.footer-bg:before{content:"";position:absolute;left:-2px;top:0;bottom:0;right:-2px;background:linear-gradient(to right, var(--color1), transparent);z-index:3;}
.footer-bg:after{content:"";position:absolute;left:-2px;top:0;bottom:0;right:-2px;background:linear-gradient(to right, transparent, var(--color2));z-index:3;}
.footer-container h3, .footer-container h2{font-size:90%;margin:0;padding:0;line-height:1.1;font-weight:bold;text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent}
.footer-container h2{font-size:110%;margin:0 0 0;line-height:1;text-transform:uppercase;}
.footer-container p, .copyright p{font-size:90%;margin:0;padding:0;line-height:1.1;font-weight:500;}
.footer-left img{width:50px;height:auto;margin:0 6px 0 0;}
.footer-left p{margin:10px 0 0 55px;}
.footer-right-inner{margin:0 0 0 auto;float:right;}
.footer-right svg{width:26px;height:auto;background:rgba(0,0,0,0.2);padding:3px;fill:var(--cgrey1);border-radius:3px;}
.socialfoot img {width:26px;height:26px;margin:0 5px 0 0;}
.contact-foot{margin:5px 10px 5px 0;}
.copyright{position:relative;overflow:hidden;padding:15px 0;text-align:center;background:var(--cdark);color:var(--cgrey1);}
.copyright a{color:var(--cgrey1)}
.supported{position:relative;overflow:hidden;align-self: end;text-align:center;z-index:4;}
.support{padding:0 10px 0;border-radius:4px 4px 0 0;background:var(--bgdark);}
.support1 img {width:auto;height:32px;margin:0 5px;}
.support2 img {width:auto;height:16px;margin:5px 5px;}
.runbot{position:relative;z-index:2;overflow:hidden;width:100%;}
.runbot marquee{font-size:500%;margin:0;padding:0;line-height:1;color:var(--cwhite);text-transform:uppercase;font-weight:800;letter-spacing:-1px;opacity:0.4;white-space:nowrap;}

@-webkit-keyframes rotate-animation{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@-moz-keyframes rotate-animation{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@-o-keyframes rotate-animation{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@keyframes rotate-animation{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}

@-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;}
}
@-webkit-keyframes mirrorflip{0%{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1)}50%{transform:scale(-1,1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-o-transform:scale(-1,1);-ms-transform:scale(-1,1)}100%{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1)}}@-moz-keyframes mirrorflip{0%{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1)}50%{transform:scale(-1,1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-o-transform:scale(-1,1);-ms-transform:scale(-1,1)}100%{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1)}}@keyframes mirrorflip{0%{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1)}50%{transform:scale(-1,1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-o-transform:scale(-1,1);-ms-transform:scale(-1,1)}100%{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1)}}@-o-keyframes mirrorflip{0%{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1)}50%{transform:scale(-1,1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-o-transform:scale(-1,1);-ms-transform:scale(-1,1)}100%{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1)}}

@-webkit-keyframes ring{0%{-webkit-transform:rotateZ(0)}1%{-webkit-transform:rotateZ(30deg)}3%{-webkit-transform:rotateZ(-28deg)}5%{-webkit-transform:rotateZ(34deg)}7%{-webkit-transform:rotateZ(-32deg)}9%{-webkit-transform:rotateZ(30deg)}11%{-webkit-transform:rotateZ(-28deg)}13%{-webkit-transform:rotateZ(26deg)}15%{-webkit-transform:rotateZ(-24deg)}17%{-webkit-transform:rotateZ(22deg)}19%{-webkit-transform:rotateZ(-20deg)}21%{-webkit-transform:rotateZ(18deg)}23%{-webkit-transform:rotateZ(-16deg)}25%{-webkit-transform:rotateZ(14deg)}27%{-webkit-transform:rotateZ(-12deg)}29%{-webkit-transform:rotateZ(10deg)}31%{-webkit-transform:rotateZ(-8deg)}33%{-webkit-transform:rotateZ(6deg)}35%{-webkit-transform:rotateZ(-4deg)}37%{-webkit-transform:rotateZ(2deg)}39%{-webkit-transform:rotateZ(-1deg)}41%{-webkit-transform:rotateZ(1deg)}43%{-webkit-transform:rotateZ(0)}100%{-webkit-transform:rotateZ(0)}}
@-moz-keyframes ring{0%{-moz-transform:rotate(0)}1%{-moz-transform:rotate(30deg)}3%{-moz-transform:rotate(-28deg)}5%{-moz-transform:rotate(34deg)}7%{-moz-transform:rotate(-32deg)}9%{-moz-transform:rotate(30deg)}11%{-moz-transform:rotate(-28deg)}13%{-moz-transform:rotate(26deg)}15%{-moz-transform:rotate(-24deg)}17%{-moz-transform:rotate(22deg)}19%{-moz-transform:rotate(-20deg)}21%{-moz-transform:rotate(18deg)}23%{-moz-transform:rotate(-16deg)}25%{-moz-transform:rotate(14deg)}27%{-moz-transform:rotate(-12deg)}29%{-moz-transform:rotate(10deg)}31%{-moz-transform:rotate(-8deg)}33%{-moz-transform:rotate(6deg)}35%{-moz-transform:rotate(-4deg)}37%{-moz-transform:rotate(2deg)}39%{-moz-transform:rotate(-1deg)}41%{-moz-transform:rotate(1deg)}43%{-moz-transform:rotate(0)}100%{-moz-transform:rotate(0)}}
@keyframes ring{0%{transform:rotate(0)}1%{transform:rotate(30deg)}3%{transform:rotate(-28deg)}5%{transform:rotate(34deg)}7%{transform:rotate(-32deg)}9%{transform:rotate(30deg)}11%{transform:rotate(-28deg)}13%{transform:rotate(26deg)}15%{transform:rotate(-24deg)}17%{transform:rotate(22deg)}19%{transform:rotate(-20deg)}21%{transform:rotate(18deg)}23%{transform:rotate(-16deg)}25%{transform:rotate(14deg)}27%{transform:rotate(-12deg)}29%{transform:rotate(10deg)}31%{transform:rotate(-8deg)}33%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}37%{transform:rotate(2deg)}39%{transform:rotate(-1deg)}41%{transform:rotate(1deg)}43%{transform:rotate(0)}100%{transform:rotate(0)}}

@-webkit-keyframes flip{0%,80%{transform:rotateY(360deg)}}@-moz-keyframes flip{0%,80%{transform:rotateY(360deg)}}@keyframes flip{0%,80%{transform:rotateY(360deg)}}@-o-keyframes flip{0%,80%{transform:rotateY(360deg)}}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes slideInUp {
  0% {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
  }
  @keyframes slideInUp {
  0% {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
  }
  
 @-webkit-keyframes show{0%{margin-top:-100px}5%{margin-top:-80px}33%{margin-top:-80px}38%{margin-top:-40px}66%{margin-top:-40px}71%{margin-top:0}99.99%{margin-top:0}100%{margin-top:-160px}}@-moz-keyframes show{0%{margin-top:-100px}5%{margin-top:-80px}33%{margin-top:-80px}38%{margin-top:-40px}66%{margin-top:-40px}71%{margin-top:0}99.99%{margin-top:0}100%{margin-top:-160px}}@keyframes show{0%{margin-top:-100px}5%{margin-top:-80px}33%{margin-top:-80px}38%{margin-top:-40px}66%{margin-top:-40px}71%{margin-top:0}99.99%{margin-top:0}100%{margin-top:-160px}}@-o-keyframes show{0%{margin-top:-100px}5%{margin-top:-80px}33%{margin-top:-80px}38%{margin-top:-40px}66%{margin-top:-40px}71%{margin-top:0}99.99%{margin-top:0}100%{margin-top:-160px}}
  
@-webkit-keyframes ayun {100%{transform:rotateY(-15deg) rotateX(-15deg)}}
@-moz-keyframes ayun {100%{transform:rotateY(-15deg) rotateX(-15deg)}}
@keyframes ayun {100%{transform:rotateY(-15deg) rotateX(-15deg)}}
@-o-keyframes ayun {100%{transform:rotateY(-15deg) rotateX(-15deg)}}

@-webkit-keyframes loader {
0% {width: 0;}
100% {width: 100%;}
}
@keyframes loader {
0% {width: 0;}
100% {width: 100%;}
}


.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes slideInRight {
  0% {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  }
  @keyframes slideInRight {
  0% {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  }
  
.loadpage{position:fixed;z-index:9999999997;top:0;right:0;width:100%;height:100%;-o-animation: open 0.4s linear forwards, transpage1 1.5s linear 0.5s forwards;-ms-animation: open 0.4s linear forwards, transpage1 1.5s linear 0.5s forwards;-webkit-animation: open 0.4s linear forwards, transpage1 1.5s linear 0.5s forwards;-moz-animation: open 0.4s linear forwards, transpage1 1.5s linear 0.5s forwards;-ms-animation: open 0.4s linear forwards, transpage1 1.5s linear 0.5s forwards;animation: open 0.4s linear forwards, transpage1 1.5s linear 0.5s forwards;}
.loadpage-inner{position:absolute;left:0;top:0;right:0;bottom:0;background:var(--cdark);}
.loadpage-inner svg, .loadpage-inner img{width:15vh;height:auto;margin:0;padding:0;line-height:1;}
.popin{animation: popin 2s linear infinite 2s;}
@-webkit-keyframes popin{0%{opacity: 0.3;}1%{opacity: 1;}99%{opacity: 0;}100%{opacity: 0;}}
@-moz-keyframes popin{0%{opacity: 0.3;}1%{opacity: 1;}99%{opacity: 0;}100%{opacity: 0;}}
@-o-keyframes popin{0%{opacity: 0.3;}1%{opacity: 1;}99%{opacity: 0;}100%{opacity: 0;}}
@keyframes popin{0%{opacity: 0.3;}1%{opacity: 1;}99%{opacity: 0;}100%{opacity: 0;}}
  
 @-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;}
}

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

.onsection1, .onsection2{display:none;}
.onsectionopac1, .onsectionopac2{opacity:0;}
.oncountdown{display:none;}

#regpusako{display:none;}
.fulled{position:fixed;top:0;left:0;width:100%;height:100vh;overflow:hidden;border:none;outline:none;background-size:cover;background-position:center;background-repeat:no-repeat;}
.pusako-top{position:absolute;bottom:50%;left:0;right:0;text-align:center;padding:0 15px;margin-bottom:15vh;color:#bdbdbd;}
.pusako-top h1{font-size:120%;margin:0 0 10px;padding:0;line-height:1;text-transform:uppercase;}
.pusako-top h2, .pusako-bot h2{font-size:100%;margin:0;padding:0;line-height:1.2;font-weight:normal;}
.pusako-bot{position:absolute;top:50%;left:0;right:0;text-align:center;padding:0 15px;margin-top:15vh;color:#bdbdbd;}
.asap1{width:30vh;height:auto;position:absolute;bottom:-8px;left:0;animation:asap1 8s ease;animation-iteration-count:infinite;animation-timing-function:linear 8s}
.asap2{width:30vh;height:auto;position:absolute;bottom:5%;left:20px;animation:asap2 8s ease;animation-iteration-count:infinite;animation-timing-function:linear 1s}
.asap1 img,.asap2 img{display:block;width:100%}
.o-main{float:left}
.c-rocket{width:auto;transform:rotate(-45deg);position:absolute;bottom:0;left:5vh;width:25vh;animation:moverocket 8s ease;animation-iteration-count:infinite;animation-timing-function:linear 8s;}
@-webkit-keyframes asap1{0%{opacity:.2;bottom:-5px}7%{opacity:1;Transform:scale(1);bottom:-5px}100%{opacity:0;Transform:scale(.6);bottom:-20px;right:0}}
@-moz-keyframes asap1{0%{opacity:.2;bottom:-5px}7%{opacity:1;Transform:scale(1);bottom:-5px}100%{opacity:0;Transform:scale(.6);bottom:-20px;right:0}}
@keyframes asap1{0%{opacity:.2;bottom:-5px}7%{opacity:1;Transform:scale(1);bottom:-5px}100%{opacity:0;Transform:scale(.6);bottom:-20px;right:0}}
@-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%}}