:root{--color-theme:#C5D800;--xgreen:#C5D800;--x-tosca:rgb(13, 222, 230);--x-tosca-dark:#078285;--xgrey:#F9F9F9;--x-black:rgb(43, 43, 43);--color-sidebar:#43425D;--color-sidebar2:#3B3B53;--radius:50px}*{box-sizing:border-box}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{text-align:left;padding:0px 30px;font-size:20px;font-weight:bold;color:black !important}.x-box-shadow{box-shadow:0 0 5px rgba(0,0,0,0.4) !important}.white-text{color:white !important}button,.x-button-blue{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{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-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}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;min-height:100vh !important;position:absolute;margin-top:100px;z-index:3}.hero h1{text-transform:uppercase;font-weight:bold;font-size:28px !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:10px 20px !important;line-height:20px;font-size:14px;font-weight:bold;-webkit-margin-before:0 !important;margin-block-start:0 !important;-webkit-margin-after:0 !important;margin-block-end:0 !important}.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{color:white;background:var(--x-tosca-dark) !important}.x-footer-1 a{color:white;margin:5px !important}.x-footer-1 a:hover{cursor:pointer;text-decoration:underline}.x-footer-1 p{font-size:13px;padding-bottom:2px !important}.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 !important}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}.x-space-between{justify-content:space-between}.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-sidebar2)}#xpanel #sidebar-menu{overflow:auto;max-height:100vh;padding-bottom:100px}#xpanel #sidebar-menu .menu-item{padding:10px;padding-left:20px;cursor:pointer;transition:.4s ease-out;font-size:14px}#xpanel #sidebar-menu .menu-item:hover{background:var(--color-sidebar2)}#xpanel #content{background:green;flex-grow:1}#xpanel #content #top-nav{padding:15px 10px;width:100%;background:red;display:flex;justify-content:space-between}#xpanel #content-area{padding:15px 10px;overflow:auto;height:100vh;padding-bottom:100px}.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-col-width-50{width:50px !important}.x-col-width-100{width:100px !important}.x-col-width-150{width:150px !important}.x-col-width-200{width:200px !important}.x-col-width-250{width:250px !important}.x-col-width-300{width:300px !important}.x-col-width-400{width:400px !important}.x-col-width-500{width:500px !important}.x-col-width-600{width:600px !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}@media screen and (max-width: 960px){#header-layanan h1{font-size:32px !important;padding:10px 30px !important}}.rotate-vert-center{-webkit-animation:rotate-vert-center 4s cubic-bezier(0.455, 0.03, 0.515, 0.955) both infinite;animation:rotate-vert-center 4s cubic-bezier(0.455, 0.03, 0.515, 0.955) both infinite}@-webkit-keyframes rotate-vert-center{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}50%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}100%{-webkit-transform:rotateY(0);transform:rotateY(0)}}@keyframes rotate-vert-center{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}50%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}100%{-webkit-transform:rotateY(0);transform:rotateY(0)}}