@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:400,700|Material+Icons);@import url(https://fonts.googleapis.com/css?family=Raleway+Dots);@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);.shadow-banner{height:60px;top:6.1em;width:100%;box-shadow:inset 0 20px 15px -7px rgba(0,0,0,.3);position:absolute;z-index:2}.image-banner{background-size:cover;background-position:50%;height:58vh}.image-banner .container-fluid{color:#efefef;height:100%}.image-banner .col.col-sm-12{background-image:linear-gradient(90deg,rgba(0,0,0,.45),transparent)}.tagline{font-size:9pt;font-family:sans-serif;font-style:italic;color:#777}.navbar .material-icons{display:none}.mapOffice{position:absolute;height:58vh}.nav .nav-item,.nav .nav-link{cursor:pointer}.nav .dropdown-menu{border-radius:5px;box-shadow:5px 15px 15px rgba(0,0,0,.3);min-width:11rem;border:none;background-color:#f9f9f9}.nav .dropdown .dropdown-menu[data-bs-popper]{margin-top:1rem;border:none;left:-3px}.nav .dropdown .dropdown-item{padding:10px 20px}.nav .dropdown a:active{background-color:#888}.nav .dropdown-menu li{position:relative}.nav .dropdown-menu .submenu{position:absolute;left:-175px!important;top:-20px}.nav .dropdown-menu .submenu-left{right:100%;left:auto}nav .logo{margin:.93rem 3rem}@media screen and (max-width:777px){nav .logo{margin:.9rem .7rem}.side-navbar-active{width:280px!important}.side-navbar{width:0;position:absolute;background-color:#fff;top:5.3em;z-index:99;height:100vh;overflow:hidden;right:0;transition:.5s;box-shadow:-15px 15px 15px rgba(0,0,0,.3)}.side-navbar ul.nav{display:block!important}.side-navbar ul.nav li{border-bottom:1px solid #dedede;margin:-1px}.side-navbar .dropdown-menu.show a,.side-navbar .nav a{padding:1em 2em}.side-navbar ul.nav li:hover{background-color:#f7f4f4}.navbar .material-icons{display:inline}.side-navbar ul.nav .dropdown-menu{box-shadow:none;position:inherit;padding:0}.nav .dropdown .dropdown-menu[data-bs-popper]{margin-top:0}.nav .dropdown .submenu[data-bs-popper]{display:block}.nav .dropdown .dropdown-item{white-space:normal}.nav .dropdown-menu .submenu{position:relative!important;display:none;left:0!important;top:0}.nav .dropdown-menu .submenu-left{right:0!important}.nav .dropdown-menu-right li{padding-left:2em!important}}.bg-ligth-grey{background-color:#d9d9d9;width:100%}.input-errors{color:#dc3545;font-size:small;font-style:italic}.new-line{white-space:pre-wrap}.text-justify{text-align:justify}#scroll-top{position:fixed;bottom:10px;right:20px;opacity:0;transition:opacity 1s}#scroll-top.active{opacity:1;transition:opacity 1s}.corpInfo{background-image:url(/compro/img/footer-banner1.a2526968.jpg);background-size:cover;background-position:50%}.corpInfo a{text-decoration:none;color:#000}.corpInfo .row .row:hover,.corpInfo a:hover{color:#dc3545;transition:1s ease}#services{text-align:center;transform:translatez(0)}#services li{width:40px;height:40px;display:inline-block;margin:5px;list-style:none}#services li div{font-size:1em;text-align:center;line-height:40px;background-color:#640303;border-radius:3px;transition:all .5s ease}#services li a{color:#fff1f1}#services li div:hover{transform:rotate(1turn);border-radius:100px}@media screen and (max-width:650px){.powered-by{position:relative;margin-bottom:20px;top:0;left:0;text-align:center}}.illus[data-v-31940b99]{align-items:center;display:flex}.illus img[data-v-31940b99]{border:3px solid #fff;border-radius:10px;box-shadow:0 0 10px #6b6b6b}.service-home .bg[data-v-31940b99]{background-color:#fff;border-radius:10px;margin:0 1em;box-shadow:0 0 10px #6b6b6b;transition:box-shadow .6s ease}.service-home .bg[data-v-31940b99]:hover{box-shadow:0 0 15px #56aff8!important}.service-home hr[data-v-31940b99]{border:none;height:3px!important;color:#333;background-color:#333}.prod button[data-v-31940b99],.prod img[data-v-31940b99]{background-color:#d9d9d9;border-radius:10px;box-shadow:0 0 10px #9c9c9c;transition:border .6s ease,box-shadow .6s ease}.prod .material-icons[data-v-31940b99]{font-size:7.85em!important;color:#bbb}.prod button[data-v-31940b99]{color:#efefef;border:none}.title[data-v-31940b99]{position:absolute;width:300px;height:0;border-top-left-radius:10px;border-top-right-radius:10px;text-align:right;font-weight:bolder;color:#fff;font-style:italic;background:linear-gradient(180deg,#616161,hsla(0,0%,59%,0));transition:.6s ease;overflow:hidden}.title h3[data-v-31940b99]{position:absolute;width:100%;padding-right:20px}.title-show[data-v-31940b99]{height:80px;padding-top:20px}.prod img[data-v-31940b99]:hover{box-shadow:0 0 15px #dc3545!important;border-radius:10px}.btn-secondary[data-v-31940b99]:hover{background-color:#adadad!important}.btn-div[data-v-31940b99]:hover{cursor:pointer}.card[data-v-31940b99]{border-radius:10px!important;min-height:17em!important;min-width:50%!important}.card-body[data-v-31940b99]{border-radius:10px!important;box-shadow:0 0 5px #6b6b6b;transition:box-shadow 1s ease}.card-body[data-v-31940b99]:hover{box-shadow:0 0 15px #523b3d!important}.card-body img[data-v-31940b99]{height:60px}.joinus[data-v-31940b99]{background-image:url(/compro/img/joinus.cc66f23f.jpg);background-position:0;background-size:cover;min-height:47vh}@media screen and (max-width:1199px){.illus[data-v-31940b99]{display:none}.service[data-v-31940b99]{width:100%!important}.service-home .bg[data-v-31940b99]{margin:0}.title[data-v-31940b99]{height:80px;padding-top:20px}}.illus img[data-v-2fc30ed2]{border:3px solid #fff;border-radius:10px;box-shadow:0 0 10px #6b6b6b}.visimisi[data-v-2fc30ed2]{background-image:url(/compro/img/visimisi2.4b404cd5.jpg);background-position:50%;background-size:cover}.visimisi .bg[data-v-2fc30ed2]{background-color:hsla(0,0%,100%,.7);border-radius:10px;margin:0 1em}.visimisi h3[data-v-2fc30ed2]{margin-bottom:1.5em}.visimisi .bg ul[data-v-2fc30ed2]{margin:0;padding:0;list-style:none;display:grid;gap:1rem}.visimisi .bg li[data-v-2fc30ed2]{display:grid;grid-template-columns:0 1fr;gap:1.75em;align-items:start}.visimisi .bg li[data-v-2fc30ed2]:before{content:attr(data-icon)}.team img[data-v-2fc30ed2]{border-radius:10px;transition:border .6s ease,box-shadow .6s ease}.team .teamname[data-v-2fc30ed2]{position:absolute;width:220px;margin-top:200px;margin-left:-50px;padding:15px 0 15px 30px;background-color:rgba(0,0,0,.5);color:#fff;font-size:13pt;font-style:italic;font-weight:700}.team img[data-v-2fc30ed2]:hover{box-shadow:0 0 10px #56aff8!important;border-radius:10px}.team-ing-frame[data-v-2fc30ed2]{margin:0 1em}@media screen and (max-width:1199px){.illus[data-v-2fc30ed2]{display:none}.service[data-v-2fc30ed2]{text-align:center}.team-ing-frame[data-v-2fc30ed2],.visimisi .bg[data-v-2fc30ed2]{margin:0}}@media screen and (max-width:777px){.prod .material-icons[data-v-2fc30ed2]{margin-top:.8em}}.card[data-v-e9c79048]{transition:box-shadow .6s ease}.card[data-v-e9c79048]:hover{box-shadow:0 0 15px #dc3545!important;cursor:pointer}.paging div[data-v-e9c79048]{transition:.6s ease;border-radius:3em}.paging div[data-v-e9c79048]:hover{background-color:#efefef;cursor:pointer}.bg-ligth-grey[data-v-1e312360]{background-color:#d9d9d9;width:100%}.illus img[data-v-1e312360]{border:3px solid #fff;border-radius:10px;box-shadow:0 0 10px #6b6b6b}.card[data-v-1e312360]{border-radius:10px!important;min-height:17em!important;min-width:50%!important}.card-body[data-v-1e312360]{border-radius:10px!important;box-shadow:0 0 10px #6b6b6b;transition:box-shadow .6s ease}.card-body[data-v-1e312360]:hover{box-shadow:0 0 15px #56aff8!important}.card-body img[data-v-1e312360]{height:60px}.card-body hr[data-v-1e312360]{border:none;height:3px!important;color:#333;background-color:#333}.service-desc[data-v-1e312360]{font-size:10pt}.prod[data-v-1e312360]{position:relative}.prod button[data-v-1e312360],.prod img[data-v-1e312360]{width:100%;background-color:#d9d9d9;border-radius:10px;box-shadow:0 0 10px #9c9c9c;transition:border .6s ease,box-shadow .6s ease}.prod .material-icons[data-v-1e312360]{font-size:7.85em!important;color:#bbb}.prod button[data-v-1e312360]{color:#efefef;border:none}.title[data-v-1e312360]{position:absolute;width:100%;height:0;border-top-left-radius:10px;border-top-right-radius:10px;text-align:right;font-weight:bolder;color:#fff;font-style:italic;background:linear-gradient(180deg,#616161,hsla(0,0%,59%,0));transition:.6s ease;overflow:hidden}.title h3[data-v-1e312360]{position:absolute;width:100%;padding-right:20px}.prod:hover .title[data-v-1e312360]{height:80px;padding-top:20px}.prod button[data-v-1e312360]:hover,.prod[data-v-1e312360]:hover{box-shadow:0 0 10px #56aff8!important;border-radius:10px}.btn-secondary[data-v-1e312360]:hover{background-color:#adadad!important}.corpInfo[data-v-1e312360]{background-image:url(/compro/img/footer-banner.c95547e3.jpg);background-size:cover;background-position:50%}.btn-div[data-v-1e312360]:hover{cursor:pointer}@media screen and (max-width:1199px){.illus[data-v-1e312360]{display:none}.service[data-v-1e312360]{width:100%!important}.title[data-v-1e312360]{height:80px;padding-top:20px}}@media screen and (max-width:777px){.prod .material-icons[data-v-1e312360]{margin-top:.8em}}.bg-modal[data-v-8416b424]{display:block}.modal[data-v-8416b424]{background-color:rgba(0,0,0,.5)!important}.bg-ligth-grey[data-v-845d35fa]{background-color:#d9d9d9;width:100%}.client img[data-v-c67f6f7a]{transition:transform .5s}.client img[data-v-c67f6f7a]:hover{transform:scale(1.1)}@media screen and (max-width:777px){.client img[data-v-c67f6f7a]{max-width:100%}}.career img[data-v-4a532d79]{transition:transform .5s,box-shadow .6s ease;box-shadow:0 0 15px #d4d4d4!important}.career img[data-v-4a532d79]:hover{transform:scale(1.1);box-shadow:18px 18px 20px #d4d4d4!important}@media screen and (max-width:777px){.career img[data-v-4a532d79]{max-width:100%}}.card[data-v-1104d53c]{transition:box-shadow .6s ease}.card[data-v-1104d53c]:hover{box-shadow:0 0 15px #56aff8!important;cursor:pointer}.paging div[data-v-1104d53c]{transition:.6s ease;border-radius:3em}.paging div[data-v-1104d53c]:hover{background-color:#efefef;cursor:pointer}