* { box-sizing: border-box; text-decoration:none;}
body {background-color:var(--warna-latar);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#333333;font-size:15px;margin:0;padding:0;}
#main {width:100%;float:left;min-height:450px;display:inline-block;padding-top:50px;text-align:center;}
#isihal {width:100%;background-color:var(--warna-latar-main);display:inline-block;}
    @media (min-width:1024px) { 
        #isihal {width:980px;}  
    }
    @media (min-width:1200px) { 
        #isihal {width:1024px;}  
    }
#zenbg {position:absolute;top:0;left:0;width:100%;height:100%;background-size:100%;background-attachment:fixed;
    content:' ';display:block;z-index:0;opacity:0.4;}
#zenframe {position:absolute;top:50px;left:0;width:100%;height:calc(100% - 50px);
        background-color:transparent;overflow: auto;padding:0;
    }

/* uiTOPMENU */
#TPMN-topmenu {position:fixed;display:block;top:0;left:0;right:0;height:50px;overflow:hidden;
    background-color:var(--warna-topmenu); line-height:1em;
    transform: translate3d(0px, 0px, 0px);z-index:500;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    font-size:40px;text-align:center;}
#TPMN-topmenu-inner {width:100%;display:inline-block;position:relative;line-height:1.2em;}
@media (min-width:1024px) { 
    #TPMN-topmenu-inner {width:980px;}
    #TPMN-popcari-inner {width:980px;}
}
@media (min-width:1200px) { 
    #TPMN-topmenu-inner {width:1024px;}
    #TPMN-popcari-inner {width:1024px;}
}
#TPMN-topmenu a{text-decoration:none;width:50px;font-weight:bold;color:white;float:left;display:inline-block;
    background: none;border:none;cursor:pointer;padding-top:2px;}
#TPMN-topmenu a:hover {background-color:var(--warna-btnhigh);}
#TPMN-topmenu a:visited {background-color:rgba(100, 200, 100, 0.6);}
#TPMN-topmenu-center {display:inline-block;position:absolute;width:55px;left:0;right:0;top:0;margin:auto;}
#TPMN-topmenu-center a {width:55px;font-style:italic;}
.topmenu-logo {width:50px;}
#TPMNfrLogoBtn {font-size:20px;color:white;padding-top:12px !important;display:block;
    width:36px;height:30px; text-transform: none;}
#TPMN-topmenu-right {float:right;}

@media (max-width:320px) { 
    #TPMN-topmenu-inner {width:100%;}
    #TPMN-topmenu a{padding-left:3px;padding-right:3px;}
}    

#TPMN-menuside-foot{position:absolute;bottom:10px;right:0;display:block;height:30px;color:white;
    text-align:center;width:100%;}
#TPMN-menuside-black {position:fixed;top:0;left:0;display:none;width:100%;min-height:100%; background-color:rgba(0, 0, 0, 0.5);z-index:8000;} 
#TPMN-menuside {position:fixed;display:none;top:50px;right:0;width:90%;max-width: 320px;min-height:95%;border-bottom-right-radius: 8px;
    background-color:var(--warna-sidemenu); box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.3);overflow:hidden;z-index:8000;}
#TPMN-menuside-inner {position:absolute;left:0;top:24px;right:0;bottom:40px;
    overflow-y:scroll;margin-right:-20px;}
#TPMNfrMenuSide {display:inline-block;width:99%;}

#TPMN-menuside .MenuSideBack {text-align:left;padding-left:10px;margin-bottom:-4px;cursor:pointer;}
#TPMN-menuside .MenuSideBack a {color:white;font-weight:bold;font-size:30px;}
#TPMN-menuside .MenuSideSection {color:white;width:80%;text-align: right;padding:8px 20px 4px 4px;border-bottom:1px solid #C7FF6C;
    overflow:hidden;}
#TPMN-menuside .MenuSideItem {width:80%;text-align:right;padding:6px 20px 6px 4px;overflow:hidden;border-radius:6px;cursor:pointer;}
#TPMN-menuside .MenuSideItem:hover {text-shadow: 1px 1px 1px black;background-color:var(--warna-btnhigh);}
#TPMN-menuside .MenuSideItem a {width:100%;display:block;color:#F1FFB5;text-shadow: 2px 1px 2px black;}
#TPMN-menuside .MenuSideInfo {color:#608E6B;width:80%;text-align:right;padding:6px 20px 3px 4px;overflow:hidden;border-radius:6px;}


.backbtn {z-index:50000;position:fixed;right:3px;bottom:3px;width:35px;height:35px;background-image:url(../img/back.png) !important;background-color:white;}

/*Download Flyer PNG*/
.flyer-PNG {position:absolute;width:inherit;bottom:0;z-index:90000;opacity:0.8;text-align:right;}
.flyer-PNG:hover {opacity:1;}

/*sentinel +bootstrap5*/
.sentinel {display:none;}
.COM {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	vertical-align: -0.125em;
	border-radius: 50%;	
	border: 0.25em solid currentcolor;
	border-right-color: transparent;
	animation: 0.75s linear infinite spinner-border;
	overflow:hidden;
}