:root{
	--cdefault: #212121;
	--cblack: #000000;
	--cwhite: #ffffff;
	--cgrey1: #e2e2e2;
	--cgrey2: #dbdbdb;
	--cgrey3: #bdbdbd;
	--cgrey4: #919191;
	--cgrey5: #414141;
	--brdwhite: #ffffff;
	--brdgrey: #bdbdbd;
	--bgwhite: #ffffff;
	--bgblack: #000000;
	--bggrey: #e7e7e7;
	--gold: #feaa00;
	--yellow: #ffc600;
	--blue: #0063c7;
	--pink: #d40072;
	--cyan: #00a4a6;
	--viola: #ac00d0;
	--orange: #ff5a00;
	--green: #16b900;
	--color1: #ee7752;
	--color2: #e73c7e;
	--color3: #0f9bcd;
	--color4: #08af87;
	--color5: #dbcbe0;
	--colordark: #004A80;
	--hmenu: 86vh;
	--h7vh: 7vh;
}
html {margin: 0;padding: 0;width:100%!important;}
body{background-color:#fff; color:var(--cdefault);overflow-x:hidden !important;font-size:16px !important;margin:0;padding:0;font-family: Arial !important;}
h1, h2, h3, h4{margin:0;padding:0;line-height:1.2;font-weight:bold;}
p{font-size:100%;line-height:1.2;margin:0;padding:0;}
a{text-decoration:none; color:var(--colordark);}
a:hover{color:var(--color2); text-decoration:none !important;}
a:focus{outline:none; text-decoration:none !important ;color:var(--color2) !important;}
.difle-c{display:flex !important;justify-content: center;align-items: center;}
.difle-l{display:flex !important;justify-content: left;align-items: center;}
.difle-r{display:flex !important;justify-content:right;align-items: center;}
.mobile-only, .printonly{display:none;}
.mobile-flex{display:none!important;}
.mlr-page{margin-left:4%;margin-right:4%;}
.mlr-pagefull{margin-left:0;margin-right:0;}
.plr-page{padding-left:4%;padding-right:4%;}
.mlr-min5{margin-left:-5px;margin-right:-5px;}
.mlr-min3{margin-left:-3px;margin-right:-3px;}
.mlr-min7{margin-left:-7px;margin-right:-7px;}
.mlr-min10{margin-left:-10px;margin-right:-10px;}
.mlr-min15{margin-left:-15px;margin-right:-15px;}
.mlr-min20{margin-left:-20px;margin-right:-20px;}
.mlr-min25{margin-left:-25px;margin-right:-25px;}
.mlr-min30{margin-left:-30px;margin-right:-30px;}
.mlr-min40{margin-left:-40px;margin-right:-40px;}
.mlr-min50{margin-left:-50px;margin-right:-50px;}
.mlr-5{margin-left:5px;margin-right:5px;}
.mlr-10{margin-left:10px;margin-right:10px;}
.mlr-15{margin-left:15px;margin-right:15px;}
.mlr-20{margin-left:20px;margin-right:20px;}
.mlr-25{margin-left:25px;margin-right:25px;}
.mlr-30{margin-left:30px;margin-right:30px;}
.mlr-40{margin-left:40px;margin-right:40px;}
.mlr-50{margin-left:50px;margin-right:50px;}
.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
.m25{margin:25px;}
.m30{margin:30px;}
.mt5{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt25{margin-top:25px!important;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}
.mt50{margin-top:50px!important;}
.mb5{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb25{margin-bottom:25px!important;}
.mb30{margin-bottom:30px!important;}
.mb40{margin-bottom:40px!important;}
.mb50{margin-bottom:50px!important;}
.plr-5{padding-left:5px;padding-right:5px;}
.plr-10{padding-left:10px;padding-right:10px;}
.plr-15{padding-left:15px;padding-right:15px;}
.plr-20{padding-left:20px;padding-right:20px;}
.plr-25{padding-left:25px;padding-right:25px;}
.plr-30{padding-left:30px;padding-right:30px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p25{padding:25px;}
.p30{padding:30px;}
.p40{padding:40px;}
.p50{padding:50px;}
.pt5{padding-top:5px!important;}
.pt10{padding-top:10px!important;}
.pt15{padding-top:15px!important;}
.pt20{padding-top:20px!important;}
.pt25{padding-top:25px!important;}
.pt30{padding-top:30px!important;}
.pt40{padding-top:40px!important;}
.pt50{padding-top:50px!important;}
.pb5{padding-bottom:5px!important;}
.pb10{padding-bottom:10px!important;}
.pb15{padding-bottom:15px!important;}
.pb20{padding-bottom:20px!important;}
.pb25{padding-bottom:25px!important;}
.pb30{padding-bottom:30px!important;}
.pb40{padding-bottom:40px!important;}
.pb50{padding-bottom:50px!important;}
.relative{position:relative;}
.relhid{position:relative;overflow:hidden;}
.forhidden{overflow:hidden;}
.trans-def{transition:all 0.2s linear 0.1s;-webkit-transition:all 0.1s linear 0.1s;-moz-transition:all 0.1s linear 0.1s;-o-transition:all 0.1s linear 0.1s}
.trans-w{-webkit-transition:width .10s cubic-bezier(0,0,.58,1);-moz-transition:width .10s cubic-bezier(0,0,.58,1);-o-transition:width .10s cubic-bezier(0,0,.58,1);transition:all .25s cubic-bezier(.645,.045,.355,1) 0s;}
.trans-h{-webkit-transition:height .10s cubic-bezier(0,0,.58,1);-moz-transition:height .10s cubic-bezier(0,0,.58,1);-o-transition:height .10s cubic-bezier(0,0,.58,1);transition:all .55s cubic-bezier(.645,.045,.355,1) 0s;}
.mobile-view{display:none;}
.printonly{display:none;}
.displaygrid {display:grid;box-sizing: border-box;}
.aligntop{align-self: start;}
.alignbottom{align-self: end;}
.btn.custombtn{display:inline-block;padding:0 10px;font-size:95%!important;font-weight:400;line-height:1.1;text-align:center;border:none!important;color:var(--cwhite);outline:none!important;}
.btn.custombtn:focus,.btn.custombtn:active:focus,.btn.custombtn.active:focus,.btn.custombtn.focus,.btn.custombtn:active.focus,.btn.custombtn.active.focus{outline:none!important;outline-offset:0!important;border:none!important;}
.btn.custombtn:hover,.btn.custombtn:focus,.btn.custombtn.focus{color:var(--cwhite)}
.btn.custombtn:active,.btn.custombtn.active{background-image:none;outline:0;-webkit-box-shadow:none;box-shadow:none}
.btnblock{width:100%;}
.btn-medium{height:34px;}
.btn-small{height:30px;}
.btn-big{height:40px;padding:0 15px;}
.btn-big p, .btn-medium p, .btn-small p{font-size:100%;margin:0;padding:0;line-height:1.1;color:var(--cwhite)!important;}
.btn-medium p, .btn-small p{font-size:95%;}
.btn-small p{font-size:90%!important;}
.btn-big svg{width:auto;height:24px;fill:var(--cwhite);}
.btn-small svg, .btn-medium svg{width:auto;height:22px;fill:var(--cwhite);}
.btn-medium svg{height:24px;}
.btn-small svg{width:auto;height:20px!important;fill:var(--cwhite);}
.btn a, .btn a:focus, .btn a.active, .btn:focus, .btn.active{color:var(--cwhite)!important;}
.form-control{display:block;width:100%;height:34px;padding:0 12px!important;font-size:95%!important;line-height:1.1!important;color:var(--cdefault);background-color:#fff0;background-image:none;border:1px solid var(--brdgrey);border-radius:4px;-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-transition:none!important;-o-transition:none!important;transition:none!important}
.form-control:focus{border-color:var(--brdgrey);-webkit-box-shadow:none!important;box-shadow:none!important}
.form-control::-moz-placeholder, .form-control:-ms-input-placeholder, .form-control::-webkit-input-placeholder, .form-control::-ms-expand{color:var(--cdefault);}
.column2-mlr5{position:relative;width:calc(50% - 10px);margin-left:5px;margin-right:5px;}
.column2-mlr7{position:relative;width:calc(50% - 14px);margin-left:7px;margin-right:7px;}
.column2-mlr10{position:relative;width:calc(50% - 20px);margin-left:10px;margin-right:10px;}
.column2-mlr15{position:relative;width:calc(50% - 30px);margin-left:15px;margin-right:15px;}
.column2-mlr20{position:relative;width:calc(50% - 40px);margin-left:20px;margin-right:20px;}
.column2-mlr25{position:relative;width:calc(50% - 50px);margin-left:25px;margin-right:25px;}
.column3-mlr5{position:relative;width:calc(33.33333333% - 10px);margin-left:5px;margin-right:5px;}
.column3-mlr7{position:relative;width:calc(33.33333333% - 14px);margin-left:7px;margin-right:7px;}
.column3-mlr10{position:relative;width:calc(33.33333333% - 20px);margin-left:10px;margin-right:10px;}
.column3-mlr15{position:relative;width:calc(33.33333333% - 30px);margin-left:15px;margin-right:15px;}
.column3-mlr20{position:relative;width:calc(33.33333333% - 40px);margin-left:20px;margin-right:20px;}
.column3-mlr25{position:relative;width:calc(33.33333333% - 50px);margin-left:25px;margin-right:25px;}
.column4-mlr5{position:relative;width:calc(25% - 10px);margin-left:5px;margin-right:5px;}
.column4-mlr7{position:relative;width:calc(25% - 14px);margin-left:7px;margin-right:7px;}
.column4-mlr10{position:relative;width:calc(25% - 20px);margin-left:10px;margin-right:10px;}
.column4-mlr15{position:relative;width:calc(25% - 30px);margin-left:15px;margin-right:15px;}
.column4-mlr20{position:relative;width:calc(25% - 40px);margin-left:20px;margin-right:20px;}
.column4-mlr25{position:relative;width:calc(25% - 50px);margin-left:25px;margin-right:25px;}
.column5-mlr5{position:relative;width:calc(20% - 10px);margin-left:5px;margin-right:5px;}
.column5-mlr7{position:relative;width:calc(20% - 14px);margin-left:7px;margin-right:7px;}
.column5-mlr10{position:relative;width:calc(20% - 20px);margin-left:10px;margin-right:10px;}
.column5-mlr15{position:relative;width:calc(20% - 30px);margin-left:15px;margin-right:15px;}
.column5-mlr20{position:relative;width:calc(20% - 40px);margin-left:20px;margin-right:20px;}
.column5-mlr25{position:relative;width:calc(20% - 50px);margin-left:25px;margin-right:25px;}
.column6-mlr5{position:relative;width:calc(16.66666667% - 10px);margin-left:5px;margin-right:5px;}
.column6-mlr7{position:relative;width:calc(16.66666667% - 14px);margin-left:7px;margin-right:7px;}
.column6-mlr10{position:relative;width:calc(16.66666667% - 20px);margin-left:10px;margin-right:10px;}
.column6-mlr15{position:relative;width:calc(16.66666667% - 30px);margin-left:15px;margin-right:15px;}
.column6-mlr20{position:relative;width:calc(16.66666667% - 40px);margin-left:20px;margin-right:20px;}
.column6-mlr25{position:relative;width:calc(16.66666667% - 50px);margin-left:25px;margin-right:25px;}

.brd-radius5{border-radius:5px;}
.brd-radius7{border-radius:7px;}
.brd-radius10{border-radius:10px;}
.to-center{text-align:center!important;}
.to-left{text-align:left!important;}
.to-right{text-align:right!important;}
.title-uppercase{text-transform:uppercase;}

.table-bordered,.table-bordered th,.table-bordered td,.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td,.table>thead>tr>th,.table>tbody+tbody,.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border-color:var(--brdgrey)}

.boxshadow{box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);}
.brdgrey-1{border:var(--brdgrey) 1px solid;}

.img-h20, .img-h25, .img-h30, .img-h35, .img-h40, .img-h45, .img-h50, .img-h55, .img-h60, .img-h65, .img-h70, .img-6-19, .image-perangkat, .image-slider, .image-thumb, .small-image{width: 100%;display: block;position: relative;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;}
.img-h20{height:20vh;}
.img-h25{height:25vh;}
.img-h30{height:30vh;}
.img-h35{height:35vh;}
.img-h40{height:40vh;}
.img-h45{height:45vh;}
.img-h50{height:50vh;}
.img-h55{height:55vh;}
.img-h60{height:60vh;}
.img-h65{height:65vh;}
.img-h70{height:70vh;}
.image-thumb{height:8vh;}
.img-wide{padding-bottom: 56.25%;}
.small-image{height:16vh;}
.imagefull img, .video-view{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);}

.cwhite{color:var(--cwhite)!important;}
.cyellow{color:var(--yellow);}
.backg-white{background-color:var(--bgwhite);}
.backg-grey{background-color:var(--bggrey);}
.color-1{color:var(--color1);}
.color-2{color:var(--color2);}
.color-dark{color:var(--cdark);}
.backg-1{background-color:var(--color1);}
.backg-2{background-color:var(--color2);}
.backg-dark{background-color:var(--cdark);}
.bgpink, .bgpink a{background:var(--pink);color:var(--cwhite)!important;}
.bgcyan, .bgcyan a{background:var(--cyan);color:var(--cwhite)!important;}
.bgviola, .bgviola a{background:var(--viola);color:var(--cwhite)!important;}
.bgorange, .bgorange a{background:var(--orange);color:var(--cwhite)!important;}
.bgblue, .bgblue a{background:var(--blue);color:var(--cwhite)!important;}
.bggreen, .bggreen a{background:var(--green);color:var(--cwhite)!important;}
.bggradient{background:linear-gradient(to right, var(--color1), var(--color2));}

.cbp-section:before,.cbp-section:after{content:" ";display:table}
.cbp-section:after{clear:both}
.cbp-so{width:100%;margin:0;-webkit-transition:-webkit-transform 0.5s,opacity 0.5s;-moz-transition:-moz-transform 0.5s,opacity 0.5s;transition:transform 0.5s,opacity 0.5s}
.cbp-so:before,.cbp-so:after{content:" ";display:table}
.cbp-so-init .cbp-so{opacity:0}
.cbp-so-init .cbp-so-top{-webkit-transform:translateY(80px);-moz-transform:translateY(80px);transform:translateY(80px)}
.cbp-section.cbp-so-animate .cbp-so-top{-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);opacity:1}
.cbp-so-init .cbp-so-bottom{-webkit-transform:translateY(-80px);-moz-transform:translateY(-80px);transform:translateY(80px)}
.cbp-section.cbp-so-animate .cbp-so-bottom{-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);opacity:1}
.cbp-so-init .cbp-so-left{-webkit-transform:translateX(-80px);-moz-transform:translateX(-80px);transform:translateX(-80px)}
.cbp-section.cbp-so-animate .cbp-so-left{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);opacity:1}
.cbp-so-init .cbp-so-right{-webkit-transform:translateX(80px);-moz-transform:translateX(80px);transform:translateX(80px)}
.cbp-section.cbp-so-animate .cbp-so-right{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);opacity:1}
.fix100{width:100%;min-width:100%;max-width:100%;}