html{overflow-y: scroll;-ms-overflow-style: scrollbar;text-decoration: none}
html, body{height: 100%;-webkit-font-smoothing: antialiased;}
body {
	font-family: 'Raleway Regular', "Arial", sans-serif;
    font-size: 16px !important;
    font-weight: normal;
    font-style: normal;
	margin:0;
	padding:0;
	width:100%;
    color: #111111 !important;
	-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;backface-visibility: hidden;
}

a {
    -moz-transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
    color: #1e004a;
    outline: none !important;
	border:none !important;
	text-decoration: none;
}
a:hover {
    text-decoration: none;border:none;color:#513161;
}
a:focus, a:active {
    outline: none !important;
    text-decoration: none;border:none;
}
.body-body{margin:0 10%;}
button {
    -moz-transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
    outline: none !important
}
label {
    font-weight: 600;
}


::selection {background: #212121;color: #fff;}
::-moz-selection {background: #212121;color: #fff;}
::-webkit-selection {background: #212121;color: #fff;}
::-o-selection {background: #212121;color: #fff;}
::-ms-selection {background: #212121;color: #fff;}  

.small-only{display:none;}
.medium-only{display:none;}
.big-only{display:block;}
.container-page, .container-page2{margin-left:10%;margin-right:10%;}
.margin-container{margin-left:50px;margin-right:50px;}
.pagestyle .container-page{margin-left:40px;margin-right:40px;}
.flexcenter{display: flex;justify-content: center;align-items: center;}
.flexleft{display: flex;justify-content: left;align-items: center;}
.flexright{display: flex;justify-content: right;align-items: center;}
.desktop-only{display:block;}
.mobile-only{display:none;}
.relative{position:relative !important;}
.static{position:static !important;}
.absolute{position:absolute !important;}
.fixed{position:fixed !important;}
.stick-fixed{position: fixed !important;top: 0;left: 0;}

.space{position:absolute;top:0;left:0;right:0;bottom:5vh;background:#111 url(../img/space.jpg) center;background-size: cover;overflow:hidden;}

.header-top{position:fixed;top:0;left:0;right:0;height:50px;z-index:1000 !important;border-bottom:#515151 1px solid;background: rgb(0,0,0);
background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.2) 30%, rgba(0,0,0,0.2) 70%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.2) 30%, rgba(0,0,0,0.2) 70%, rgba(0,0,0,1) 100%);
background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.2) 30%, rgba(0,0,0,0.2) 70%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);}
.small-height .header-top{position:fixed;top:0;left:0;right:0;height:50px;background:#000;}
.header-top-menu{height:0;text-align:right;margin-right:100px;}
.header-top-menu p{margin:0;padding:0 20px !important;font-size:0;line-height:1.1;color:#bdbdbd;}
.small-height .header-top-menu{height:50px;text-align:right;}
.small-height .header-top-menu p{font-size:100%;}
.header-top-menu a{color:#bdbdbd;padding:0 10px;}
.header-top-menu a:hover, .header-top-menu a:focus, .header-top-menu a.active{color:#ffd800;}
.bahasa-tombol{float:right;height:50px;padding:0 10px;border-left:#515151 1px solid;}
.bahasa-tombol img{height:20px;width:20px;margin:0 2px;}
.dropdown:hover .bahasa-tombol img{opacity:1;}
.left-top{position:absolute;top:0;left:0;width:auto;height:50px;}
.left-top h3{font-size:100%;margin:0 0 0 15px;padding:0;line-height:1.2;color:#bdbdbd;font-weight:normal;}
.right-top{position:absolute;top:0;right:0;width:auto;}
.right-top-tombol{width:50px;height:50px;border-left:#515151 1px solid;cursor:pointer;}
.right-top-tombol svg{width:auto;height:20px;fill:#bdbdbd;}
.menu-m{float:left;height:50px;width:50px;cursor:pointer;border-right:#515151 1px solid;}
.menu-m img{height:20px;width:auto;opacity:0.7;}

.homestyle{width:100%;position:relative;overflow:hidden;z-index:20;}		
.main-nav{}
.animation-height{-webkit-transition:height .27s cubic-bezier(0,0,.58,1);-moz-transition:height .27s cubic-bezier(0,0,.58,1);-o-transition:height .27s cubic-bezier(0,0,.58,1);-ms-transition:height .27s cubic-bezier(0,0,.58,1);transition:all .55s cubic-bezier(.645,.045,.355,1) 0s;}
.full-wrapper{padding:0;}
.sub-title{font-size:60%;margin:0;padding:0;}
.header-nav-section{float:right;position:relative}

.nav-wrapper{position: relative;float: none;font-family: 'Roboto Regular', Arial;padding:0 0;z-index:999 !important;}
.nav-wrapper ul{list-style:none;margin:0 auto;font-size:100%;font-weight:400;text-align:center;line-height:1.2;padding:0;}
.nav-wrapper ul li{list-style:none;margin:0 15px;position:relative;display:inline-block;}
.nav-fullwidth{position:static !important}
.nav-wrapper ul li a{position:relative;color:#dbdbdb;font-size:110%;display:inline-block;height:8vh !important;line-height:8vh !important;border-bottom:transparent 1px solid;font-weight:500;text-shadow:-1px -1px 0 rgba(0,0,0,0.2), 1px -1px 0 rgba(0,0,0,0.2), -1px 1px 0 rgba(0,0,0,0.2), 1px 1px 0 rgba(0,0,0,0.2);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;-webkit-transition:all .27s cubic-bezier(0,0,.58,1);-moz-transition:all .27s cubic-bezier(0,0,.58,1);-o-transition:all .27s cubic-bezier(0,0,.58,1);-ms-transition:all .27s cubic-bezier(0,0,.58,1);transition:all .27s cubic-bezier(0,0,.58,1);}
.nav-wrapper ul li a:hover{border-bottom:#bdbdbd 1px solid;}
.nav-sub{display:none;left:0;padding:10px 10px !important;position:absolute;top:100%;width:220px;margin-top:5px !important;z-index:2;border-radius:5px;}
.nav-sub li{display: block;width: 100%;margin: 0 !important;}
.nav-wrapper ul li .nav-sub li a{display: block;width: 100%;height: auto !important;line-height: 1.3 !important;position: relative;-moz-box-sizing: border-box;box-sizing: border-box;padding: 5px 10px;cursor: pointer;text-align:left;color:#dbdbdb;font-weight:500;}
.nav-sub li a:hover,.nav-wrapper ul li .nav-sub li a:hover,.nav-sub li a.active{padding-left:15px;padding-right:15px;}


.title-running{position:absolute;top:70px;left:0;right:0;font-size:900%;color:#fff;tmargin:0;padding:0;line-height:1;font-weight:bold;z-index:0;opacity:0.1;font-family: "audiowide", "Arial", sans-serif;text-transform:uppercase;}
.hometop{position:relative;overflow:hidden;width:100%;height:95vh;}
.homelogo{width:100%;position:relative;overflow:hidden;text-align:center;}
.homelogo img{width:15%;height:auto;margin:0 0 10px;}

.homelogo-title{position:relative;overflow:hidden;text-align:center;z-index:1;width:100%;margin:0 0 30px;}
.homelogo-title h1 {
margin:0;padding:0;line-height:1;font-weight:normal;
  position: relative;
  display:block;
  font-size: 160%;
  overflow: hidden;
  background: linear-gradient(90deg, transparent, #fff, transparent);
  background-repeat: no-repeat;
  background-size: 80%;
  animation: animate 3s linear infinite;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255, 255, 255, 0);
  z-index:2;
  font-family: "audiowide", "Arial", sans-serif;
  text-transform:uppercase;
}
.homelogo-title-back{position:absolute;left:0;z-index:1;right:0;text-align:center;top:0;}
.homelogo-title-back h2{margin:0;padding:0;line-height:1;font-weight:normal;font-size:160%;color:#919191;font-family: "audiowide", "Arial", sans-serif;text-transform:uppercase;text-shadow:-1px -1px 0 rgba(0,0,0,0,7), 1px -1px 0 rgba(0,0,0,0,7), -1px 1px 0 rgba(0,0,0,0,7), 1px 1px 0 rgba(0,0,0,0,7);}
.absolute-fromtop{position:absolute;left:10%;right:10%;min-height:20px;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);}

.homeintro{position:absolute;margin-top:25px;left:0;min-height:20px;width:100%;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);z-index:10;}
.homeintro-menu{position:relative;overflow:hidden;text-align:center;padding:0 0;}
.menuhome{position:relative;height:20vh;width:20vh;margin:0 -7px !important;display:inline-block;background:url(../img/svg/hexagon.svg) no-repeat center;background-size:100% 100%;}
.menuhome:hover{color:#fff;background:url(../img/svg/hexagon2.svg) no-repeat center;background-size:100% 100%;}

.menuhome-inner{position:absolute;left:10px;right:10px;color:#bdbdbd;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);}

.menuhome-inner img{margin:0 auto 5px;width:35%;height:auto;opacity:0.5;}
.menuhome-inner:hover img{opacity:1;}
.menuhome-inner p{line-height:1.2;font-size:100%;margin:0 auto;padding:0 0;}
.top-home{position:absolute;left:0;right:0;top:0;height:50vh;z-index:1;opacity:0.9;background: transparent;
background: -moz-linear-gradient(0deg, transparent 0%, rgba(2,0,30,1) 100%);
background: -webkit-linear-gradient(0deg, transparent 0%, rgba(2,0,30,1) 100%);
background: linear-gradient(0deg, transparent 0%, rgba(2,0,30,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="transparent",endColorstr="#02001e",GradientType=1);}

@keyframes animate {
  0% {
    background-position: -500%;
  }
  100% {
    background-position: 500%;
  }
}


.mkpgroup{position:relative;background:#e0e0e0;height:5vh;margin:0;}
.mkpgroup-inner{position:absolute;bottom:0;left:0;right:0;background:#e0e0e0;height:9vh;margin:0 15% 0;border-radius:10px 10px 0 0;font-size:100%;padding:0;line-height:1.1;letter-spacing:5px;font-weight:normal;}
.body-home{position:absolute;top:100%;left:0;width:100%;z-index:1;}		
.body-home-head{width:100%;position:relative;overflow:hidden;text-align:center;margin:0 auto 2vh !important;}
.body-home-head h1{font-family: "audiowide", "Arial", sans-serif;margin:0 auto;display:inline-block;text-align:center;padding:0 0 5px;line-height:1.2;font-size:150%;font-weight:bold;color:#000;border-bottom:#bdbdbd 1px solid;text-transform:uppercase;letter-spacing:1px;}
.body-home-head h3{font-family: "audiowide", "Arial", sans-serif;margin:0 auto;text-align:center;padding:0;line-height:1.2;font-size:100%;font-weight:normal;color:#bdbdbd;text-transform:uppercase;}
#product .body-home-head h1{color:#ffc600;padding:0;border-bottom:none;margin:0;}
#potency .body-home-head h1{color:#bdbdbd;}
.body-home-head p{margin:5px auto 0;padding:0 0 0;line-height:1.2;font-size:100%;font-weight:500;}
.homerow-height{min-height:calc(100vh - 50px);position:relative;overflow:hidden;width:100%;}
#job .homerow-height:before{content:"";position:absolute;bottom:0;left:0;right:0;height:12vh;background:#fff;z-index:1;}
#job .homerow-height:after{content:"";position:absolute;bottom:12vh;left:0;right:0;height:3vh;z-index:2;background: #dfdedc;
background: -moz-linear-gradient(90deg, #dfdedc 0%, #c4bfb9 100%);
background: -webkit-linear-gradient(90deg, #dfdedc 0%, #c4bfb9 100%);
background: linear-gradient(90deg, #dfdedc 0%, #c4bfb9 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dfdedc",endColorstr="#c4bfb9",GradientType=1);}
.invest-link{position:absolute;right:5px;bottom:0;height:35px;border-radius:5px;z-index:10;width:140px;}
.invest-link:hover{background:#313131;}
.invest-link p{font-size:100%;padding:0;margin:0;line-height:1.2;font-weight:400;color:#fff;}

.team-link{position:absolute;left:50%;bottom:0;height:35px;border-radius:5px;z-index:10;width:100px;-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);}
.team-link:hover{background:#313131;}
.team-link p{font-size:100%;padding:0;margin:0;line-height:1.2;font-weight:400;color:#fff;}
.blue-dark{background:#1e004a;}
.grey{background:#dbdbdb;}
.grey-dark{background:#3b3b3b;}
.white{background:#fff;}
.black{background:#000;}
.grey-gradient{background: rgb(255,255,255);
background: -moz-radial-gradient(circle, rgba(255,255,255,1) 0%, #dbdbdb 100%);
background: -webkit-radial-gradient(circle, rgba(255,255,255,1) 0%, #dbdbdb 100%);
background: radial-gradient(circle, rgba(255,255,255,1) 0%, #dbdbdb 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#dbdbdb",GradientType=1);}
.pattern{background:url(../img/pattern.svg) fixed no-repeat center;background-size:cover;}
.grey-gradient2{background: #fff;
background: -moz-linear-gradient(164deg, #fff 0%, #e0e0e0 100%);
background: -webkit-linear-gradient(164deg, #fff 0%, #e0e0e0 100%);
background: linear-gradient(164deg, #fff 0%, #e0e0e0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff",endColorstr="#e0e0e0",GradientType=1);}

.column-100{width:100%;float:left;}
.column-2{width:50%;float:left;}
.column-3{width:33.33333333%;float:left;}
.margin-min1vh{margin:0 -1vh;}
.padding-leftright1vh{padding:0 1vh;}
.margin-min5vh{margin:0 -5vh;}
.padding-leftright5vh{padding:0 5vh;}
.margin-min5{margin:0 -5;}
.padding-leftright5{padding:0 5;}
.margin-min10vh{margin:0 -12vh;}
.margin-min10{margin:0 -10px;}
.padding-leftright10{padding:0 10px;}
.margin-min15{margin:0 -15px;}
.padding-leftright15{padding:0 15px;}
.mlr-5{margin:0 5px;}
.mb-30{margin-bottom:30px;}
.ptb-40{padding-top:40px;padding-bottom:40px;}
.pd-15{padding:15px;}
.profile-big{color:#1b3a6d;font-size:130%;text-transform:uppercase;font-family: 'ManifoldCF-Medium', Arial !important;}
.withscroll {width:100%;position:relative;overflow-y: scroll;scrollbar-color:rgba(255,255,255,0.3) transparent;scrollbar-width: thin;height:100%;z-index:1;}
.withscroll::-webkit-scrollbar {width: 5px;}
.withscroll::-webkit-scrollbar-track {background:transparent;}
.withscroll::-webkit-scrollbar-thumb {background:rgba(255,255,255,0.3);}
.withscroll-inner{position:relative;overflow:hidden;padding:0 10px 0;}
.withscroll-padding{position:relative;overflow:hidden;padding:0 5px;}
.product-title .profile-quote{width:25px;margin-left:30px;opacity:0.6;}
.product-intro .profile-quote{width:25px;opacity:1;}
.category-desk .profile-quote{width:auto;height:40px;opacity:1;}
.category-desk .profile-quote img{width:auto;height:100%;}
.owl-nav, .owl-dot{display:none !important;}

.panel-layanan{height: 0;position: absolute;bottom:0;top:auto;overflow: hidden;transition: 0.5s;z-index:200 !important;width:100%;background:url(../img/svg/hexagon3.svg) no-repeat center;background-size:100% 100%;}
.panel-layanan h3{font-size:100%;line-height:1.2;color:#bdbdbd;margin:0;padding:3px 0;}

.panel-menu{height: 0;position: fixed;top: 0;bottom:0;left:0;right:0;overflow: hidden;transition: 0.5s;z-index:200 !important;background:rgba(0,0,0,0.8);}
.panel-menu-inner{position:absolute;top: 0;bottom:0;left:0;width:25%;background:#e0e0e0;}
.panel-search, .panel-pip{height: 0;position: fixed;top: 0;bottom:0;left:0;right:0;overflow: hidden;transition: 0.5s;z-index:200 !important;background:#000;}
.panel-search-inner{position:absolute;width:30%;top: 50%;left: 50%;margin:0 auto;-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);}
.panel-pip-inner {position:absolute;width:80%;top: 50%;left: 50%;margin:0 auto;-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);}

.closearea{position:absolute;top:0;left:0;right:0;height:50px;color:#bdbdbd;font-size:90%;font-weight:normal;line-height:1;margin:0;padding:0;cursor:pointer;}
.panel-pip .closearea{color:#000;}
.profileclose{position:absolute;top:0;right:5px;height:40px;color:#bdbdbd;font-size:90%;font-weight:normal;line-height:1;margin:0;padding:0;cursor:pointer;}
.tombol-close {width:30px;height:30px;border-radius:30px;position:relative;cursor:pointer;}
.tombol-close:before, .tombol-close:after{content:'';position:absolute;left:50%;margin-left:-1px;width:2px;height:60%;top:20%;background:#fff;}
.panel-pip .tombol-close:before, .panel-pip .tombol-close:after{background:#000;}
.tombol-close:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.tombol-close:after{-webkit-transform:rotate(45deg);transform:rotate(45deg);}

.header-top .dropdown-menu{right:0 !important;left:auto !important;border-radius:0 !important;background:rgba(0,0,0,0.8);margin:0;border:#515151 1px solid;border-right:none;text-align:center;padding:10px 10px;}
.header-top .dropdown-menu p{display:block;padding:5px 0;margin:0;line-height:1.1;}
.header-top .dropdown-menu a{color:#bdbdbd;}
.header-top .dropdown-menu a:hover{color:#fff;}
.potency-box{position:relative;overflow:hidden;margin:0 12vh;border:#515151 1px solid;border-radius:10px;}

.potency-image, .potency-image-tall, .product-image, .product-image2, .product-image3, .image-top, .image-default{width: 100%;display: block;position: relative;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:10px;}
.potency-image{height:40vh;}
.potency-image-tall{height:55vh;}
.categorystyle .potency-image-tall{height:45vh;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:5px;}
.product-image{height:calc(100vh - 50px);border-radius:0;width:70%;}
.product-image2{height:calc(66vh - 50px);border-radius:0;}
.product-image3{height:40vh;}
.image-top{height:calc(76vh - 50px);border-radius:0;width:70%;}
.small-height .image-top{height:30vh;}
.image-default{padding-bottom:60%;}
.categorystyle .image-default{border-radius:5px 5px 0 0;background-repeat:no-repeat;background-position:center;background-size:cover;}
.potency-image img, .potency-image-tall img, .product-image img, .image-top img, .image-default img, .product-image2 img, .product-image3 img{display:block;width:100%;height:100%;position: absolute;top: 50%;left: 50%;margin:0 auto;object-fit: cover;-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);}
.blur-image img{filter: blur(20px);}
.potency-image-margin{position:relative;overflow:hidden;margin:20px 20px 0;}
.product-box{position:relative;overflow:hidden;}
.product-title{position:absolute;bottom:15vh;right:20px;left:70%;margin-left:-10px;}
.product-title h2{font-family: 'ManifoldCF-Medium', Arial !important;margin:0 0 30px;padding:0 0 0 15px;line-height:1.1;font-size:300%;font-weight:bold;color:#fff;border-left:#ffc600 10px solid;}
.product-title p{position:relative;overflow:hidden;margin:0;padding:0;line-height:1.2;font-size:120%;font-weight:400;color:#dbdbdb;}
.product-title a{color:#ffc600;font-weight:bold;}
.product-title a:hover{color:#fff;}
.product-link{margin:10px 0 0 60px;padding:10px 25px;border-radius:5px;line-height:1.2;font-size:120%;font-weight:400;color:#fff;width:auto;background:rgba(0,0,0,0.5);}

.potency-title{position:absolute;left:0;right:0;bottom:20px;text-align:center;padding:0 40px 0;height:auto;}
.potency-title h2{display:block;font-size:140%;margin:0;padding:0;line-height:1.2;color:#ffc600;font-family: 'ManifoldCF-Medium', Arial !important;}
.potency-title h3{display:block;font-size:100%;margin:0;padding:0;line-height:1.2;color:#dbdbdb;}

.table{position:absolute;bottom:30px;left:5%;width:40%;margin:0;z-index:5;}
.table img{display:block;width:100%;height:auto;}
.job-container{position:relative;overflow:hidden;margin:8vh 10% 0;}
.job-box{position:relative;margin:15px;text-align:center;height:42vh;}
.hometeam .job-box{margin:15px 5px;}
.job-box {
  background-color: #e0e0e0;
  border: solid 8px #eee;
  border-bottom-color: #e9e9e9;
  border-left-color: #fff;
  border-radius: 2px;
  border-right-color: #e9e9e9;
  border-top-color: #fff;
  -webkit-box-shadow: 3px 3px 11px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 3px 3px 11px 0px rgba(0,0,0,0.25);
box-shadow: 3px 3px 11px 0px rgba(0,0,0,0.25);
  box-sizing: border-box;
  position: relative;
  text-align: center;
}
.job-box:before {
  border-radius: 2px;
  bottom: -10px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15) inset;
  content: "";
  left: -10px;
  position: absolute;
  right: -10px;
  top: -10px;
}
.job-box-inner{position:absolute;left:0;right:0;bottom:0;top:0;background:#e0e0e0;-webkit-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.4);-moz-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.4);box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.4);background-repeat:no-repeat;background-position:center;background-size:cover;}

.job-box-inner h2{font-size:130%;margin:0 20px;line-height:1.2;padding:0;color:#dbdbdb;font-weight:bold;font-family: 'ManifoldCF-Medium', Arial !important;position:relative;z-index:2;text-shadow:-1px -1px 0 rgba(0,0,0,0.7), 1px -1px 0 rgba(0,0,0,0.7), -1px 1px 0 rgba(0,0,0,0.7), 1px 1px 0 rgba(0,0,0,0.7);}
.job-box:hover .job-box-inner h2{color:#ffc600;}
.job-box-cover{position:absolute;top:0;left:0;bottom:0;right:0;background: #000;opacity:0.5;}
.job-box:hover .job-box-cover{background: #1e004a;opacity:0.7;}
.cover-gradient{position:absolute;left:0;top:0;right:0;bottom:0;background: rgba(0,0,0,0.4);}
.bottom-cover-gradient{position:absolute;left:0;top:0;right:0;bottom:0;background: #000;
background: -moz-linear-gradient(0deg, #000 0%, transparent 50%);
background: -webkit-linear-gradient(0deg, #000 0%, transparent 50%);
background: linear-gradient(0deg, #000 0%, transparent 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000",endColorstr="transparent",GradientType=1);}
.eksplore{position:absolute;bottom:20px;left:0;right:0;text-align:center;}
.eksplore-inner{display:inline-block;margin:0 auto;padding:0 10px;line-height:30px;font-size:95%;color:#fff;font-weight:normal;background:rgba(0,0,0,0.2);}
.news{position:relative;overflow:hidden;}
.newsbox{position:relative;overflow:hidden;width:50%;float:left;}
.newsbox-image{position:relative;overflow:hidden;width:50%;float:left;}
.newsbox-image:after{content:"";position:absolute;right:0;border-top:transparent 10px solid;border-bottom:transparent 10px solid;border-right:#fff 10px 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);}
.newsbox-right .newsbox-image:after{right:auto;left:0;border-top:transparent 10px solid;border-bottom:transparent 10px solid;border-left:#fff 10px solid;border-right:none;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);}
.newsbox-image-inner{position:relative;overflow:hidden;width:100%;height:30vh;}
.newsbox-image-inner img{display:block;width:100%;height:100%;position: absolute;top: 50%;left: 50%;margin:0 auto;object-fit: cover;-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);-moz-transition: all .2s ease-in-out 0s;-webkit-transition: all .2s ease-in-out 0s;transition: all .2s ease-in-out 0s;}
.newsbox-title{position:relative;overflow:hidden;width:50%;float:left;height:30vh;}
.newsbox-title-inner{position:absolute;left:0;right:0;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);}
.newsbox-title p{font-size:95%;margin:0 10px 5px;padding:0;line-height:1.2;font-weight:500;}
.newsbox-title h2{font-size:100%;margin:0 10px;padding:0;line-height:1.2;font-weight:bold;color:#000;}
.newsbox:hover .newsbox-title h2{color:#1e345a;}

.blog-link{margin:3vh 0 0 0 !important;text-align:center;position:relative;float:left;width:100%;}
.tombol-blog a{color:#fff;}
.tombol-blog{position:relative;font-size:100%;font-weight:normal;color:#fff;margin:0 3px;padding:0 10px 0;line-height:34px;height:34px;background:#1e004a;border-radius:5px;}
.tombol-blog svg{width:auto;height:20px;margin:0 5px 0 0;}
.tombol-blog:hover{background-color:#000;}
.dropdown-menu{transition: max-height 1s;}
#kategori .dropdown-menu{
  position: absolute;
  top:auto;
  bottom:6vh;
  left:50%;
  margin:0;
  margin-left:-120px;
  margin-bottom:5px;
  width:240px;
  padding:20px 0;
  border-radius:none;
  box-shadow:none;
  background:#414141;
  border:none !important;
  z-index:800 !important;
  border-radius:0 !important;
  z-index:100 !important;
}
#kategori .dropdown-menu:after{content:"";position:absolute;left:50%;bottom:-9px;margin-left:-10px;border-top:#414141 10px solid;border-left:transparent 10px solid;border-right:transparent 10px solid;}
.kategori-home-list h3{position:relative;display:block;font-size:100%;padding:5px 0 5px 15px;margin:0 20px;font-weight:500;line-height:1.2;color:#dbdbdb;}
.kategori-home-list h3 a{color:#dbdbdb;}
.kategori-home-list h3:after{content:"";position:absolute;left:0;top:10px;width:10px;height:10px;border-radius:10px;background:#fff;}
.white-bottom{position:absolute;bottom:0;width:100%;left:0;height:5px;background:#fff;}

.carouselright {background:transparent;}
#product .carouselright {background:#1e004a;}
.mkvgroup .carouselright {background:transparent;}
.carouselright-cell {width: 100%;counter-increment: gallery-cell;}
.legality .carouselright-cell {width: 33.33333333%;}
.mkvgroup .carouselright-cell {width: auto;margin:0 15px 0 0;}
.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: 40px;height: 40px;border:none;background-color:transparent;background-size: auto 50%;background-position: center;background-repeat: no-repeat;cursor: pointer;z-index:10;}
#product .flickity-prev-next-button {position: absolute;top:40px;right:20px;background-size: auto 25px;width:20px;}
.mkvgroup .flickity-prev-next-button{display:none;}
.carouselright-cell.is-selected {}
.flickity-prev-next-button.previous {margin-right:20px;background-position: center left;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'%23ffc600'%2F%3E%3C%2Fsvg%3E");}
.flickity-prev-next-button.next {background-position: center right;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'%23ffc600'%2F%3E%3C%2Fsvg%3E");}
.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;}

.productstyle .flickity-prev-next-button {top:5px;width: 30px;height: 30px;background-size: auto 60%;}
.productstyle .flickity-prev-next-button.previous {right:10px;left:auto;margin-right:0;background-position: center left;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'%23dbdbdb'%2F%3E%3C%2Fsvg%3E");}
.productstyle .flickity-prev-next-button.next {right:10px;left:auto;background-position: center right;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'%23dbdbdb'%2F%3E%3C%2Fsvg%3E");}

.sidebarright .flickity-prev-next-button{top:auto;bottom:5px;width: 30px;height: 30px;border:#919191 1px solid;background-color:#fff;}
.sidebarright .flickity-prev-next-button.previous {margin-right:35px;left:auto;right:0;background-position: center;background-size:auto 60%;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'%23717171'%2F%3E%3C%2Fsvg%3E");}
.sidebarright .flickity-prev-next-button.next {left:auto;right:0;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'%23717171'%2F%3E%3C%2Fsvg%3E");}

.mkvgroup .flickity-prev-next-button.previous {right:auto;left:0;margin-right:0;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'%23919191'%2F%3E%3C%2Fsvg%3E");}
.mkvgroup .flickity-prev-next-button.next {right:0;left:auto;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'%23919191'%2F%3E%3C%2Fsvg%3E");}

.footer-container{position:relative;width:100%;float:left;padding:60px 0;z-index:10;}
.footer-head{position:relative;overflow:hidden;}
.footer-head h2, .footer-head h3{font-size:100%;padding:0;margin:0;font-weight:bold;line-height:1.2;color:#ffc600;}
.footer-head h3{font-weight:400;color:#bdbdbd;}
.footer-head svg{width:30px;height:30px;margin:0 10px 0 0;}
.footer-container p{font-size:100%;padding:0;margin:0 0 0 40px;font-weight:400;line-height:1.2;color:#bdbdbd;}
.footer-social{width:30px;height:30px;margin:0 10px 0 0;float:left;border-radius:4px;}
.footer-social img{width:18px;height:18px;}

.facebook{background:#005baf;}
.twitter{background:#00adc7;}
.instagram{background:#985686;}
.youtube{background:#d70000;}
.whatsapp{background:#00b400;}
.linkedin{background:#1d71ac;}
.pinterest{background:#d30000;}

.mappip .maphome{width:100%;height:30vh;opacity:0.8;}
.mappip:hover .maphome{opacity:1 !important;}
.copyright{width:100%;float:left;text-align:center;font-size:90%;margin:0;padding:15px 0;line-height:1.2;font-weight:400;color:#bdbdbd;background:#000;}

.page-area{position:absolute;top:0;left:0;width:100%;}
.page-inner{width:100%;float:left;}
.headpage{width:100%;position:relative;overflow:hidden;padding:50px 0 0;background:linear-gradient(to right, #000, #1e004a, #1e004a, #000);z-index:899;}
.headpage-inner{position:relative;overflow:hidden;padding:3vh 0;}
.headlogo{position:relative;overflow:hidden;}
.headlogo-image{width:auto;height:8vh;margin:0 10px 0 0;}
.headlogo-image img{width:auto;height:100%;}
.headlogo-title h1{font-size:130%;margin:0;padding:0;line-height:1;text-transform:uppercase;color:#fff;text-shadow:-1px -1px 0 rgba(0,0,0,0.7), 1px -1px 0 rgba(0,0,0,0.7), -1px 1px 0 rgba(0,0,0,0.7), 1px 1px 0 rgba(0,0,0,0.7);font-family: "audiowide", "Arial", sans-serif;}
.mainmenu{width:100%;float:left;}
.pagestyle .header-top-menu{display:none;}
.headpage-right{float:right;margin:0 0 0 auto !important;}
.headpage-right svg{width:auto;height:5vh;}
.toppage{position:relative;width:100%;float:left;background:#000;height:calc(76vh - 50px);}
.small-height .toppage{height:30vh;}
.productstyle .toppage{background:#bdbdbd;}
.blackcover-side{position:absolute;top:0;left:0;right:0;bottom:0;background: transparent;
background: -moz-linear-gradient(90deg, transparent 0%, #000 100%);
background: -webkit-linear-gradient(90deg, transparent 0%, #000 100%);
background: linear-gradient(90deg, transparent 0%, #000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="transparent",endColorstr="#000000",GradientType=1);}
.newspage-title{position:absolute;left:60%;right:20px;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);z-index:10;}
.newspage-title h1{font-family: 'ManifoldCF-Medium', Arial !important;margin:10px 0;padding:0 0;line-height:1.2;font-size:200%;font-weight:bold;color:#fff;}
.newspage-title h2, .newspage-title h3{position:relative;margin:0;padding:0 0;line-height:1.2;font-size:120%;font-weight:normal;color:#bdbdbd;}
.newspage-title h2{margin-right:15px;}
.newspage-title h3{padding-left:20px;}
.newspage-title h3:after{content:"";position:absolute;top:4px;left:0;border-left:#bdbdbd 10px solid;border-top:transparent 8px solid;border-bottom:transparent 8px solid;}
.small-height .newspage-title{opacity:0;}
.newspage-title p{margin:10px 0 0;padding:0 0;line-height:1.2;font-size:120%;font-weight:normal;color:#ffc600;}

.gridview{position:relative;padding:0 0;margin:0 0;display: grid;grid-template-columns:45% auto;}
.sidebarright {grid-template-columns: 55% auto;float:left !important;margin:0 auto 0 0;}
.sidebarright ul {list-style: none;margin:0 0 0 0;padding: 0;position:relative;overflow:hidden;}
.sidebarright ul {position: sticky !important;top:70px;}
.gridview-margin{position:relative;overflow:hidden;margin-left:30px;}

.headcontent-left h1{font-family: 'ManifoldCF-Medium', Arial !important;margin:0 0 10px;padding:0 0;line-height:1.2;font-size:250%;font-weight:bold;color:#1e004a;}
.info-content{position:relative;width:100%;float:left;padding:0 0 10px;border-bottom:#bdbdbd 1px solid;margin:0 0 20px;}
.info-content h2, .info-content h3{position:relative;margin:0;padding:0 0;line-height:1.2;font-size:110%;font-family: 'ManifoldCF-Medium', Arial !important;}
.info-content h2{font-weight:bold;}
.info-content h3{font-weight:normal;}
.info-content img{width:auto;height:45px;margin:0 10px 0 0;}
.info-content p{position:absolute;right:0;bottom:-10px;margin:0;padding:0 0 0 10px;line-height:1.2;font-size:100%;font-weight:normal;background:#fff;}
.shareto{width:100%;margin:20px 0 0;float:left;}
.share-icon{width:36px;height:36px;margin:0 0 0 5px;border-radius:5px;}
.productstyle .share-icon{margin:0 2px;}
.share-icon img{width:auto;height:20px;}
.image-zoom{height:40px;font-size:90%;margin:0;padding:0;line-height:1.1;font-weight:normal;}
.productpage-image .image-zoom{color:#fff;}
.image-zoom img{width:auto;height:30px;margin:0 5px 0 0;opacity:0.6;}
.image-zoom svg{width:auto;height:30px;margin:0 5px 0 0;}
.productpage-title{width:40%;float:left;height:calc(66vh - 50px);background:#dbdbdb;text-align:center;}
.productpage-image{width:60%;float:right;}
.productpage-margin{margin-top:5vh;}
.productpage-title h1{font-family: "audiowide", "Arial", sans-serif;text-transform:uppercase;margin:0;padding:0 0;line-height:1.2;font-size:200%;font-weight:bold;color:#1e004a;}
.productpage-title h2{position:relative;margin:0 0 10px;padding:0 0 3px;line-height:1.2;font-size:150%;font-family: 'ManifoldCF-Medium', Arial !important;font-weight:bold;text-transform:uppercase;border-bottom:#ffc600 3px solid;color:#000;}
.productpage-title h3{margin:0 0 10px;padding:0;line-height:1.2;font-size:150%;font-family: 'ManifoldCF-Medium', Arial !important;font-weight:bold;color:#000;}
.product-title-box{position:relative;overflow:hidden;padding:10px 10%;}
.product-intro{position:relative;overflow:hidden;margin:10px 10% 0;padding:15px;border-radius:5px;background:#fff;text-align:left;}
.product-intro p{position:relative;overflow:hidden;margin:0;padding:0;line-height:1.2;font-size:100%;font-weight:400;}

.category-head{width:100%;float:left;background:#dbdbdb;padding:50px 0;}

.category-title svg{width:auto;height:50px;margin:0 5px 0 0;fill:#717171;}
.category-title h2{font-family: "audiowide", "Arial", sans-serif;text-transform:uppercase;margin:0;padding:0 0;line-height:1.2;font-size:120%;font-weight:bold;color:#1e004a;}
.category-title h3{font-family: 'ManifoldCF-Medium', Arial !important;text-transform:uppercase;margin:10px 0 0;padding:0 0;line-height:1.2;font-size:120%;font-weight:bold;color:#515151;}
.menu-category{position:relative;width:34px;height:34px;background:#1e004a;margin:0 0 0 100px !important;border-radius:5px;cursor:pointer;}
.menu-category svg{width:auto;height:20px;fill:#fff;}
#subkategori .dropdown-menu{right:0 !important;left:auto !important;background:#fff;margin:5px 0 0;border:#bdbdbd 1px solid;text-align:left;padding:10px 10px;border-radius:5px;width:220px;}
#subkategori .dropdown-menu p{font-size:120%;margin:0;padding:5px 0;line-height:1.2;font-family: 'ManifoldCF-Medium', Arial !important;font-weight:bold;}
.inner-category{position:relative;overflow:hidden;padding:15px;}
.inner-category h2{font-size:110%;margin:0;padding:0;line-height:1.2;font-weight:bold;color:#000;}
.flex-item4:hover .inner-category h2{color:#fff;text-shadow:-1px -1px 0 rgba(0,0,0,0.4), 1px -1px 0 rgba(0,0,0,0.4), -1px 1px 0 rgba(0,0,0,0.4), 1px 1px 0 rgba(0,0,0,0.4);}
.category-absolute{position:absolute;bottom:0;left:0;right:0;padding:15px;}
.col-category{width: 100%;position:relative;overflow:hidden;padding:0;}
.col-category h1{font-size:120%;margin:0;padding:0;line-height:1.2;font-weight:bold;color:#fff;text-shadow:-1px -1px 0 rgba(0,0,0,0.4), 1px -1px 0 rgba(0,0,0,0.4), -1px 1px 0 rgba(0,0,0,0.4), 1px 1px 0 rgba(0,0,0,0.4);}

.category-cover{position:absolute;top:0;left:0;bottom:0;right:0;background: rgba(2,0,30,1);
background: -moz-linear-gradient(0deg, rgba(2,0,30,1) 0%, transparent 60%);
background: -webkit-linear-gradient(0deg, rgba(2,0,30,1) 0%, transparent 60%);
background: linear-gradient(0deg, rgba(2,0,30,1) 0%, transparent 60%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(2,0,30,1)",endColorstr="transparent",GradientType=1);}
.blog-date{position:absolute;bottom:10px;left:10px;}
.blog-date h2{width:50px;height:34px;margin:0;padding:0;line-height:1;background:#000;color:#ffc600;font-size:120%;font-weight:bold;text-align:center;}
.blog-date h3{width:50px;height:40px;margin:0;padding:0;line-height:1;color:#dbdbdb;font-size:85%;font-weight:normal;text-align:center;font-family:"Arial";text-transform:uppercase;}
.searchstyle .blog-date{display:none;}
.blog-more{position:absolute;bottom:0;right:15px;height:25px;padding:0;}
.blog-more p{font-size:100%;margin:0;padding:0;line-height:1.2;font-weight:normal;color:#1e004a;}
.flex-item4:hover .blog-more p{color:#dbdbdb;}
.blog-more svg{width:auto;height:20px;margin:0 0 0 10px;fill:#919191;}
.blog-more:hover svg{margin:0 0 0 5px;}
.flex-item4:hover .blog-more svg{fill:#dbdbdb;}
.category-desk{position:relative;overflow:hidden;margin:-3px 8% 15px;padding:15px 0 0;border-top:#ffc600 6px solid;}
.category-desk p{position:relative;overflow:hidden;font-size:100%;margin:0;padding:0 0 0 10px;line-height:1.2;font-weight:bold;border-left:#ffc600 1px solid;color:#1e004a;}
.page-service{position:relative;overflow:hidden;min-height:60vh;}
.head-service{width:100%;float:left;position:relative;z-index:2;margin-top:40px;}
.head-service-inner{position:relative;overflow:hidden;border:rgba(255,255,255,0.5) 5px solid;border-radius:7px;}
.bg-head-service{position:absolute;top:-15px;left:-10px;right:-10px;height:60vh;overflow:hidden;-webkit-filter: grayscale(50%);filter: grayscale(50%);}
.bg-head-service img{display:block;width:100%;height:auto;-webkit-filter: blur(10px);filter: blur(10px);opacity:0.8;}
.bg-head-profile{position:absolute;top:0;left:0;right:0;height:60vh;overflow:hidden;}
.whitecover-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background: #fff;
background: -moz-linear-gradient(0deg, #fff 0%, transparent 50%);
background: -webkit-linear-gradient(0deg, #fff 0%, transparent 50%);
background: linear-gradient(0deg, #fff 0%, transparent 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff",endColorstr="transparent",GradientType=1);}
.service-title{position:absolute;top:90px;left:0;width:100%;text-align:center;}
.content-title-mobile{display:none;text-align:center;}
.content-title-mobile h1{font-family: "audiowide", "Arial", sans-serif;margin:0;padding:0;line-height:1;font-size:120%;font-weight:bold;color:#000;text-transform:uppercase;}
.service-title h1{font-family: "audiowide", "Arial", sans-serif;margin:0;padding:0;line-height:1;font-size:230%;font-weight:500;color:#fff;text-transform:uppercase;text-shadow: 3px 0px 7px rgba(0,0,0,0.3), -3px 0px 7px rgba(0,0,0,0.3), 0px 4px 7px rgba(0,0,0,0.3);}
.service-title h2{position:relative;margin:0 0 15px;padding:10px 20px;line-height:1;font-size:120%;font-weight:bold;color:#fff;background:rgba(0,0,0,0.4);border-radius:5px;text-shadow:-1px -1px 0 rgba(0,0,0,0.2), 1px -1px 0 rgba(0,0,0,0.2), -1px 1px 0 rgba(0,0,0,0.2), 1px 1px 0 rgba(0,0,0,0.2);}
.service-title h2:after{content:"";position:absolute;bottom:-10px;border-left:transparent 10px solid;border-right:transparent 10px solid;border-top:rgba(0,0,0,0.4) 10px solid;left:50%;-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);}
.head-profile-inner{position:relative;overflow:hidden;padding:40px 0 0;background:#5e3c8b;background: -moz-linear-gradient(90deg, #5e3c8b 0%, #cdcdcd 70%);background: -webkit-linear-gradient(90deg, #5e3c8b 0%, #cdcdcd 70%);background: linear-gradient(90deg, #5e3c8b 0%, #cdcdcd 70%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5e3c8b",endColorstr="#cdcdcd",GradientType=1);}
.legality .head-profile-inner{padding:25px 20px 25px 0;}
.head-profile-inner img{float:right;width:35%;margin:0 0 -10px;}
.legality .head-profile-inner img{float:right;width:30%;margin:0 0 0;}
.profile-title{position:absolute;top:50px;left:30px;}
.profile-title h1{font-family: "audiowide", "Arial", sans-serif;margin:0;padding:0;line-height:1;font-size:230%;font-weight:500;color:#fff;text-transform:uppercase;text-shadow: 3px 0px 7px rgba(0,0,0,0.3), -3px 0px 7px rgba(0,0,0,0.3), 0px 4px 7px rgba(0,0,0,0.3);}
.content-profile{position:relative;overflow:hidden;background:#fff;margin:0 0 40px;padding:0 45px;}
.content-profile h1{font-family: "audiowide", "Arial", sans-serif;margin:0 0 15px;padding:0;line-height:1;font-size:180%;font-weight:bold;color:#000;text-transform:uppercase;}
.content-profile p{margin:0;padding:0;line-height:1.2;font-size:120%;}
.legality-slide{position:relative;overflow:hidden;border:#bdbdbd 1px solid;padding:10px;}
.legality-slide img{display:block;width:100%;height:auto;}
.number-ol{padding:0 0;margin:0 !important;position:relative;overflow:hidden;padding:0;}
.number-ol-row{width:100%;padding:0 0 0;margin:0 0 10px;text-align:left !important;}
.number-ol-row:last-child{border-bottom:none;}
.number-ol li{margin:0;padding:0;line-height:1.1;font-size:120%;font-weight:500;}
.number-ol ol{counter-reset:li;list-style:none; 
    *list-style:decimal;font-size:100%;padding: 0;margin:0;text-shadow:0 1px 1px rgba(255,255,255,.8);}
.number-ol ol ol{margin:0 0 0 60px;}
.number-ol-list li{position: relative;display:block;padding:0 0 0 30px;margin:0 0 20px 0;background:none;text-decoration:none;text-shadow:none;}
.number-ol-list li:before{content:counter(li);counter-increment:li;position:absolute;left:0;width:20px;text-align:center;font-weight:bold;font-size:30px;color:#bdbdbd;top:-7px;font-family: 'ManifoldCF-Medium', Arial !important;}
.content-service{position:relative;width:100%;float:left;margin:0;font-size:20px;z-index:100;}
.productstyle .content-inner{font-size:20px;margin:0 15%;}
.location-map{position:relative;overflow:hidden;width: 100%;height:55vh;}


.flex-container {display: flex;flex-flow: row wrap;justify-content: space-between center;margin:0 -10px;}
.flex-item2 {position:relative;width: calc(50% - 20px);margin:0 10px 20px;}
.flex-item3 {position:relative;width: calc(33.33333333% - 20px);margin:0 10px 20px;}
.flex-item4 {position:relative;width: calc(25% - 20px);margin:0 10px 20px;padding-bottom:40px;background:#dbdbdb;}
.flex-item4:hover{background:#515151;}
.absolute-link-image{position:absolute;bottom:10px;left:10px;}

.arrow{position:relative;}
.arrow:before {
  position: absolute;
  left: 50%;
}

.arrow {
  width: 20px;
  height: 20px;
  top: 50%;
  margin: 10px 0 0;
  -webkit-transform: rotate(45deg);
  border-left: none;
  border-top: none;
  border-right: 2px #bdbdbd solid;
  border-bottom: 2px #bdbdbd solid;
}

.arrow:before {
  content: "";
  width: 20px;
  height: 20px;
  top: 50%;
  margin: -10px 0 0 -10px;
  border-left: none;
  border-top: none;
  border-right: 2px #717171 solid;
  border-bottom: 2px #717171 solid;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: arrow;
}
.page-service .arrow, .page-service .arrow:before{border-color:#fff;}
.newspage-title .arrow, .newspage-title .arrow:before{border-color:#919191;}
.newspage-title .arrow:before{border-color:#fff;}
.mkvgroup-page{width:100%;float:left;text-align:center;margin:30px 0;}
.motto-page{width:100%;float:left;text-align:center;margin:30px 0;}
.motto-page img{width:auto;height:70px;margin:0;}
.mkvgroup-page h1, .motto-page h1{font-size:140%;margin:0 0 15px;padding:0;line-height:1.2;font-weight:bold;color:#717171;font-family: "audiowide", "Arial", sans-serif;text-transform:uppercase;}
.mkvgroup-page-box{width:25%;}
.mkvgroup-page-box img{width:auto;height:50px;margin:0 0 10px;}
.mkvgroup-page-box.mineral img{width:auto;height:34px;margin:8px 0 18px;}
.mkvgroup-page-box h3{font-size:100%;margin:0 0 0;padding:0;line-height:1.2;font-weight:bold;color:#000;}
.mkvgroup-page-container{position:relative;overflow:hidden;padding:70px 30px 30px;border-radius:5px;background:#e0e0e0;}
.pencarian{position:relative;overflow:hidden;padding:50px 20px 20px;border-radius:5px;}
.pencarian-inner{position:relative;overflow:hidden;}
.pencarian .form-control{
  position:relative;
  height:40px;
  padding: 0 50px 0 10px;
  font-size: 90%;
  color: #fff;
  line-height:40px;
  background:rgba(0,0,0,0.5);
  margin:0;
  border:none !important;
  border-radius:5px;box-shadow:none !important;
}
.pencarian .form-control:focus, .pencarian .form-control:hover, .pencarian .form-control.active{color:#fff;box-shadow:none;}
.pencarian .form-control::-moz-placeholder {color:#fff;}
.pencarian .form-control:-ms-input-placeholder {color:#fff;}
.pencarian .form-control::-webkit-input-placeholder {color:#fff;}
.submitsearch{position:absolute;right:0;top:0;width:40px;height:40px;background:transparent !important;outline:none;box-shadow:none;border:none;}
.submitsearch svg{width:20px;height:20px;fill:#fff;}
.mobile-icon{position:absolute;bottom:20px;left:5%;right:5%;display:none;}
.mobile-icon-item{width:20%;float:left;text-align:center;}
.mobile-icon-item img{width:auto;height:30px;margin:0 0 5px;opacity:0.7;}
.mobile-icon-item p{font-size:14px;margin:0;padding:0;line-height:1.2;color:#fff;}
.mobile-icon-item a{color:#fff;}
.mobile-view{display:none;}

@keyframes arrow {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(-10px, -10px);
  }
}


.ups-body{}
#world {
  background: #ebe5e7;
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;z-index:-1;
}
.ups{position:absolute;top:30px;left:0;width:100%;text-align:center;}
.profile-inner{position:relative;overflow:hidden;text-align:center;margin:0 10%;padding:0 5px;}
.profile-inner h3{font-size:100%;margin:10px auto;padding:0;line-height:1.1;}
.profile-icon{position:relative;width:calc(25% - 20px);border-radius:10px;margin:20px 10px 10px;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.35);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,.35);box-shadow:0 0 5px 0 rgba(0,0,0,.35);text-align:center;}
.profile-icon-inner{position:relative;overflow:hidden;padding:35px 10px;background:#fff;border-radius:10px;text-align:center;}
.profile-icon-inner:before{content:"";position:absolute;left:-20px;right:-20px;top:-55%;height:100%;border-radius:0 0 100% 100%;background:linear-gradient(to top, #e9e9e9, transparent 80%);}
.profile-icon p{position:relative;line-height:1.1;font-size:100%;padding:0;margin:0 15px 0 5px;z-index:2;}
.profile-icon-image{position:relative;width:10vh;height:10vh;margin:0 auto 15px;z-index:2;border-radius:100%;border:#fff 4px solid;}
.profile-icon:nth-child(1) .profile-icon-image{background:url(../img/svg/profile2.svg) no-repeat center;background-size:100% 100%;}
.profile-icon:nth-child(2) .profile-icon-image{background:url(../img/svg/legalitas.svg) no-repeat center;background-size:100% 100%;}
.profile-icon:nth-child(3) .profile-icon-image{background:url(../img/svg/manajemen.svg) no-repeat center;background-size:100% 100%;}
.profile-icon:nth-child(4) .profile-icon-image{background:url(../img/svg/kontak.svg) no-repeat center;background-size:100% 100%;}
.wrespon{display: flex;flex-flow: row wrap;justify-content: space-between center;}
.mlr-min-10{margin-left:-10px;margin-right:-10px;}

.homejob{padding-bottom:35px;}
.homejob.teamstyle{padding-bottom:45px;}
.carousel {background:transparent;}
.carousel-cell {width: 100%;counter-increment: gallery-cell;cursor:default;}
.homejob .carousel-cell {width: 25%;}
.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;width: 30px;height: 30px;border:none;background-color:transparent;background-position: center;background-repeat: no-repeat;background-size:25% auto;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;}
.flickity-prev-next-button{background-repeat:no-repeat !important;}
.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'%23dbdbdb'%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'%23dbdbdb'%2F%3E%3C%2Fsvg%3E");}
.homejob .flickity-prev-next-button{width:35px;height:35px;top:auto;bottom:-35px!important;background-color:#1e004a;border-radius:5px;}
.homejob.teamstyle .flickity-prev-next-button{bottom:-45px!important;}
.homejob .flickity-prev-next-button.previous{right:190px;}
.homejob .flickity-prev-next-button.next{bottom:0;right:170px;}
.homejob.teamstyle .flickity-prev-next-button.previous{right:auto;left:50%;margin-left:-90px;}
.homejob.teamstyle .flickity-prev-next-button.next{right:50%;margin-right:-90px;}
.hometeam{position: relative;overflow:hidden;text-align:center;padding:0 15px;}
.hometeam h2{font-size:100%;margin:10px auto 20px;padding:0;line-height:1.1;font-weight:bold;}
.panel-menu-area{position:absolute;left:0;top:40px;right:0;bottom:0;padding:20px;}

.mobile-menu a{color:#000;margin:0;padding:0;font-weight:bold;}
.mobile-menu li a{color:#000!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:100%;margin:0;padding:7px 0;line-height:1.2;list-style:none;color:#000;}
.mobile-menu li.active, .mobile-menu li:focus{color:#000;}
.mobile-menu p{position:relative;font-size:110% !important;margin:0;padding:7px 0 7px 15px;line-height:1.2;list-style:none;color:#000;}
.mobile-menu p:after{content:"";position:absolute;left:0;top:12px;width:10px;height:10px;border-radius:10px;}
.mobile-menu li ul li{font-size:100%;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{position:relative;float:none;background:transparent !important;padding:10px 20px !important;border-radius:0 !important;border:none;box-shadow:none !important;text-align:left!important;}

.contact-map{width:100%;height:70vh;}
.contact .footer-head h3{color:#000;}
.contact .footer-head h2{color:#000;}