:root{--color-theme:#C5D800;--xgreen:#C5D800;--x-tosca:rgb(159, 247, 250);--x-tosca-dark:#078285;--xgrey:#F9F9F9;--x-black:rgb(43, 43, 43);--color-sidebar:rgb(0, 127, 177);--color-sidebar2:#0CA6E1;--radius:50px;--x-green-dark:rgb(0, 97, 24)}#xpanel a.uk-icon.x-dark{color:#b4b4b4 !important}*{box-sizing:border-box;padding:0;margin:0}body{overflow-x:hidden}.x-grey{background:var(--xgrey) !important}.x-green{background:var(--xgreen) !important}.hide{display:none}.x-white{background:white}.x-white-text{color:white}.x-hover{padding:10px;transition:.6s ease-out;border-radius:50%;margin:2px !important}.x-hover:hover{background:var(--color-theme);color:white}.x-tosca{background:var(--x-tosca)}.x-tosca-dark{background:var(--x-tosca-dark)}.x-section-title{text-align:center;font-size:30px;text-transform:uppercase;font-weight:bold;padding:40px;margin-top:10px}.x-section-desc{text-align:center;font-size:20px;text-transform:capitalize;margin-top:-50px;margin-bottom:50px}input,textarea{border-radius:5px !important}input :focus,textarea :focus{outline:1px solid var(--color-theme) !important}input[type=radio],textarea[type=radio]{border-radius:5px !important;max-width:20px !important;max-height:20px !important}input[placeholder],textarea[placeholder]{font-size:13px !important}.full-width{border:1px solid red;width:100%}.x-product>div{height:150px !important}.x-product h5{position:absolute;bottom:20px;text-align:center;width:100%}.desc-layanan{color:white;text-align:left;padding:0px 30px;font-size:20px}.x-box-shadow{box-shadow:0 0 5px rgba(0,0,0,0.4) !important}.white-text{color:white !important}button,.x-button-blue,.x-button-green{background:var(--color-theme) !important;border-radius:var(--radius) !important;color:#2c2c2c !important;font-weight:bold !important;transition:.4s ease-out;border:2px solid var(--color-theme) !important}button:hover,.x-button-blue:hover,.x-button-green:hover{color:var(--color-theme) !important;background:transparent !important;cursor:pointer}.x-button-blue{background:#1E87F0 !important;color:white !important;border:2px solid #1E87F0 !important;border-radius:5px !important;min-width:150px}.x-button-blue:hover{color:#1E87F0 !important;background:transparent !important}.x-button-green{background:var(--x-green-dark) !important;color:white !important;border:2px solid var(--x-green-dark) !important;border-radius:5px !important;min-width:150px}.x-button-green:hover{color:var(--x-green-dark) !important;background:transparent !important}.x-button-white{background:transparent !important;color:white !important;font-weight:bold !important;transition:.2s ease-in;border:2px solid white !important}.x-button-white:hover{background:var(--color-theme) !important;color:white !important}.x-button-blue-trans{background:transparent !important;color:#1E87F0 !important;font-weight:bold !important;transition:.2s ease-in;border:2px solid #1E87F0 !important;border-radius:5px !important;min-width:150px}.x-button-blue-trans:hover{background:#1E87F0 !important;color:white !important}.x-button-green-trans{background:transparent !important;color:var(--x-green-dark) !important;font-weight:bold !important;transition:.2s ease-in;border:2px solid var(--x-green-dark) !important;border-radius:5px !important;min-width:150px}.x-button-green-trans:hover{background:var(--x-green-dark) !important;color:white !important}li>a{color:#000 !important}li>a.uk-active{font-weight:bold !important}.x-sub-nav a{border-radius:50px;transition:.4s;padding:10px 20px !important;width:250px}.x-sub-nav a:hover{background:var(--color-theme) !important;color:white !important;font-weight:bold}.hero{padding:20px;max-width:500px;position:absolute;margin-top:100px;z-index:3}.hero h1{text-transform:uppercase;font-weight:bold;font-size:35px !important}.x-jargon{font-size:100px;line-height:120px}.x-meta{font-size:14px;line-height:19px;color:var(--x-grey)}.x-card{display:flex;justify-content:center;flex-wrap:wrap;margin-top:50px;text-align:center}.x-card .x-card-item{overflow:hidden;margin:20px 10px;width:210px;min-width:210px;height:300px;box-shadow:0 5px 10px rgba(0,0,0,0.1);border-radius:10px;position:relative;transition:.4 ease-in;display:flex;align-items:center;transition:.4s ease-out}.x-card .x-card-item:hover{box-shadow:0 5px 25px rgba(0,0,0,0.1);background:white}.x-card .x-card-item img{max-width:100px !important;margin:20px auto;margin-top:-75px}.x-card .x-card-item p{position:absolute;bottom:60px;width:100%;padding:5px 20px;line-height:20px;font-size:14px;font-weight:bold}.x-card .x-card-item .x-action{display:flex;font-size:12px;text-transform:uppercase;align-items:center;position:absolute;bottom:0;width:100%}.x-card .x-card-item .x-action div{width:50%;padding:10px;transition:.4s ease-out}.x-card .x-card-item .x-action div:hover{cursor:pointer}.x-card .x-card-item .x-action .main-action{background:var(--x-tosca);border-top-left-radius:30px;color:white;font-weight:bold}.x-card .x-card-item .x-action .main-action:hover{background:var(--color-theme);color:white}.uk-divider-icon{max-width:300px;margin:50px auto 0 auto !important}.x-layout-1{display:flex;min-height:400px;max-width:900px;margin:20px auto}.x-layout-1>div{width:50%;height:400px;padding:50px;height:auto}a.uk-button{border-radius:50px !important}.no-box-shadow{box-shadow:none !important}.x-align-center{text-align:center !important}.x-footer-1{max-width:1200px;margin:10px auto !important;display:flex;justify-content:space-between;color:white;padding:50px 10px;margin-top:-50px;background:var(--x-tosca-dark) !important}.x-footer-1 a{color:white;margin:2px 0px !important}.x-footer-1 a:hover{cursor:pointer;text-decoration:underline}.x-footer-1 p{font-size:13px}.x-footer-1>div{display:flex;flex-direction:row !important}.x-footer-1>div:last-child{max-width:350px;display:flex;flex-direction:column !important}.x-footer-1>div div{display:flex;flex-direction:column !important}.x-footer-1 div{padding:10px}input{border-radius:50px;margin:0 20px 0 0;padding:10px 20px;outline:none;border:none}textarea:focus,input:focus{outline:none}#header-layanan{background:linear-gradient(45deg, rgba(12,12,12,0.3), rgba(0,0,0,0.3)),url("/assets/img/bg-layanan2.jpg");background-repeat:no-repeat;background-size:cover;background-position:center;height:200px;position:relative;display:grid;place-content:center}#header-layanan h1{text-transform:uppercase;font-weight:bold;font-size:50px;color:white;text-shadow:0 5px 10px rgba(0,0,0,0.4);text-align:center}.flex-row{display:flex;flex-direction:row}.flex-col{display:flex;flex-direction:column}li{list-style:none}.cek{border:1px solid red !important}.uppercase{text-transform:uppercase}.capital{text-transform:capitalize}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#d7d8d8}::-webkit-scrollbar-thumb{background:#bbb;border-radius:20px}#xpanel{height:100vh;width:100vw;overflow:hidden;display:flex}#xpanel a{color:white !important;text-decoration:none}#xpanel #sidebar{height:100%;width:220px;min-width:220px;background:var(--color-sidebar);color:white}#xpanel #sidebar-title{padding:15px 10px;text-transform:uppercase;background:var(--color-sidebar);font-size:12px}#xpanel #sidebar-menu{overflow:auto;max-height:100vh;padding:0;padding-bottom:100px}#xpanel #sidebar-menu .menu-item{width:100%;padding:10px;padding-left:15px;cursor:pointer;transition:.4s ease-out;font-size:12px;margin:0 !important}#xpanel #sidebar-menu .menu-item:hover{background:var(--color-sidebar2)}#xpanel #sidebar-menu .menu-item .uk-nav-sub li:hover{text-decoration:underline}#xpanel #content{flex-grow:1}#xpanel #content #top-nav{padding:15px 10px;width:100%;display:flex;justify-content:space-between;background:var(--color-sidebar2);color:white}#xpanel #content-area{padding:15px 10px;overflow:auto;height:100vh;padding-bottom:100px}.uk-accordion-title{font-size:13px !important;margin:0 !important}.x-icon-menu{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.x-space-between{display:flex !important;justify-content:space-between !important}label{font-size:13px !important}input,select,textarea{margin:7px 0 !important}.x-biodata div{padding:10px;flex-grow:1;max-width:400px}.x-badge{font-size:9px;background:orange;font-weight:bold;padding:7px;position:absolute;top:7px;right:-7px;border-radius:50px;width:10px;height:10px;display:grid;place-content:center}[uk-icon]{margin:3px 4px !important}.x-padding-5,.x-margin-5{padding:5px !important}.x-padding-10,.x-margin-10{padding:10px !important}.x-padding-15,.x-margin-15{padding:15px !important}.x-padding-20,.x-margin-20{padding:20px !important}.x-padding-30,.x-margin-30{padding:30px !important}.x-padding-50,.x-margin-50{padding:50px !important}.x-space-5{height:5px !important}.x-space-10{height:10px !important}.x-space-15{height:15px !important}.x-space-20{height:20px !important}.x-space-30{height:30px !important}.x-space-50{height:50px !important}.x-color-theme{background:var(--color-theme) !important}.x-color-theme-text{color:var(--color-theme) !important}.x-color-sidebar{background:var(--color-sidebar) !important}.x-color-sidebar-text{color:var(--color-sidebar) !important}.x-color-sidebar-2{background:var(--color-sidebar2) !important}.x-color-sidebar-2-text{color:var(--color-sidebar2) !important}.x-font-8{font-size:8px !important}.x-font-10{font-size:10px !important}.x-font-12{font-size:12px !important}.x-font-14{font-size:14px !important}.x-font-16{font-size:16px !important}.x-font-18{font-size:18px !important}.x-font-24{font-size:24px !important}.x-font-32{font-size:32px !important}.x-font-64{font-size:64px !important}.x-cursor{cursor:pointer}.x-nomargin{margin:0 !important}.x-nopadding{padding:0 !important}.x-cursor{cursor:pointer}.x-align-start{align-items:flex-start}.x-align-center{align-items:center}.x-align-end{align-items:flex-end}.x-justify-start{justify-content:start}.x-justify-center{justify-content:center}.x-justify-end{justify-content:end}#x-pagination li a{color:var(--color-sidebar) !important}