@import url('https://fonts.googleapis.com/css2?family= Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/*
font-family: 'Montserrat', sans-serif;
*/

HTML { font-size:16px; }
BODY { font-family: 'Montserrat', sans-serif; font-size:16px; line-height:24px; color:#000000; }

#netcontent {  background:#ffffff; } 
   #lo_whole {  }
   #lo_panel {  }
    #lo_main {  width:100%; margin:auto; }
      .main_area {  width:100%; position:relative; }	
	      
/* Font -  Done */
.main_area h1 { color:#000000; font-size:42px; font-family: 'Montserrat', sans-serif; font-weight:bold; line-height:140% !important; text-align:left; display:none !important; }
.ive_designmode .main_area h1 { display:block !important; }
.main_area h2 { color:#000000; font-size:24px; font-family: 'Montserrat', sans-serif; font-weight:bold; line-height:40px !important; }
.main_area h3 { color:#000000; font-size:21px; font-family: 'Montserrat', sans-serif; font-weight:bold; line-height:140% !important; }

.content_area, .sidebar_area, .ive_content, .ive_content P, .ive_content DIV {  font-family: 'Montserrat', sans-serif;  font-size:16px; line-height:24px !important; color:#000000;font-weight:400; text-align:justify; }
.content_area P, .sidebar_area P { margin:0px 0px 0px 0px; }

/* Masthead -  Done */
.masthead_area { overflow:visible; width:100%; min-height:40px; padding:0px; margin:0px auto; }
.masthead_area header { display:block; width:100%; max-width:1200px; padding:0px 20px; position:relative; margin:0px auto; box-sizing:border-box; }

.masthead_area header #logo { display:block; margin:0px; padding:0px; background:url('/xpr/slot/u200/style2026/header/logov2.png') left center no-repeat; width:114px; height:64px; color:transparent; text-indent:-9999px; color:transparent; line-height:0px !important; background-size:100% auto !important; position:absolute; top:3px; left:20px; z-index:9999; }

.masthead_area  header #hamburger { width:30px; height:30px; display:none; position:absolute; right:20px; top:20px; }
#hamburger { background: transparent; border: none; display: block; height: 30px; position: relative; width:30px; z-index:999; margin-top:0px; cursor:pointer; z-index:9999; }
#hamburger:before { -webkit-transform: translate3d(0, 0, 0); -webkit-transition: all 0.35s ease-in-out; color: #124068; content: ''; display: block; font-size: 14px; line-height: 32px; opacity: 0; text-align: center; width: 100px; }
#hamburger .hamb-top, #hamburger .hamb-middle, #hamburger .hamb-bottom { height: 2px; left: 0; position: absolute; width: 100%; }
#hamburger .hamb-top { -webkit-transition: all 0.35s ease-in-out; background-color: #124068; top: 0px; }
#hamburger .hamb-middle { background-color: #124068; top: 50%; transform:translateY(-50%); }
#hamburger .hamb-bottom { -webkit-transition: all 0.35s ease-in-out; background-color: #124068; bottom: 0px; }

#hamburger:hover .hamb-top { -webkit-transition: all 0.35s ease-in-out; top:0px; }
#hamburger:hover .hamb-bottom { -webkit-transition: all 0.35s ease-in-out; bottom:0px; }

.showmenu #hamburger .hamb-top { -webkit-transform: rotate(45deg); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08); background-color: #00adee; margin-top: -2px; top: 50%; }
.showmenu #hamburger .hamb-middle { display:none; }
.showmenu #hamburger .hamb-bottom { -webkit-transform: rotate(-45deg); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08); background-color: #00adee; margin-top: -2px; top: 50%; }

.masthead_area header  > UL { display:flex; align-items:center; margin:0px; padding:0px; width:auto; height:40px; position:absolute; top:0px; right:20px; }
.masthead_area header  > UL > LI { display:block; margin:0px 0px 0px 10px; padding:0px; position:relative; line-height:0px; }

.masthead_area header  > UL > LI A, .masthead_area header  > UL > LI A:visited, .masthead_area header  > UL > LI A:hover { color:transparent; text-indent:-9999px; display:inline-block; width:21px; height:21px; }
.masthead_area header  > UL > LI A.btn,.masthead_area header  > UL > LI A.btn:hover,.masthead_area header  > UL > LI A.btn:visited { width:130px; height:30px; text-align:center; background:#00adee; border:none; padding:0px 5px; font-size:16px; line-height:30px; color:#ffffff; font-weight:500; display:block; box-sizing:border-box; border-radius:3px; text-indent:0px; }

.masthead_area header  > UL > LI #instg-btn { background:url('/xpr/slot/u200/style2026/header/insta-normal.png') center no-repeat; }
.masthead_area header  > UL > LI #instg-btn:hover  { background:url('/xpr/slot/u200/style2026/header/linkin-active.png') center no-repeat; }

.masthead_area header  > UL > LI #li-btn { background:url('/xpr/slot/u200/style2026/header/linkin-normal.png') center no-repeat; }
.masthead_area header  > UL > LI #li-btn:hover { background:url('/xpr/slot/u200/style2026/header/insta-active.png') center no-repeat; }

/* Navigation - Done */
.sitemenu_area 		{ display:block; width:100%; padding:0px 0px; margin:0px auto; background:transparent; position:relative; }
.sitemenu_area:after { content:''; width:100%; height:15px; display:block; position:absolute; left:0px; bottom:-15px; background:linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0)); z-index:9999; }
.sitemenu_area UL.sitemenu  { display:flex; width:100%; max-width:1200px; margin:0px auto; padding:0px 20px; text-align:center; justify-content:flex-end; gap:15px; box-sizing:border-box; }

.sitemenu_area .sitemenu li  { display:block; width:auto; margin:0px; padding:0px 0px; text-align:left; position:relative; }
.sitemenu_area .sitemenu li:hover, .sitemenu_area .sitemenu li.focus  { background:transparent; }

.sitemenu_area A.sitemenu, .sitemenu_area A.sitemenu:visited, .sitemenu_area A.sitemenu:hover, A.sitemenulit { background:transparent; font-family:'Montserrat', sans-serif; font-weight:500; color:#000000; padding:0px 10px; margin:0px; font-size:16px; line-height:30px; text-align:center; display:flex; height:30px; align-items:center; justify-content:center; position:relative; }
.sitemenu_area A.sitemenu:hover, .sitemenu_area.sitemenu_area a.sitemenulit, .sitemenu_area.sitemenu_area LI:hover > a { font-weight:500; text-decoration:none; color:#00adee; background:transparent; }
.sitemenu_area A.sitemenu:hover:after, .sitemenu_area.sitemenu_area a.sitemenulit:after { content:''; width:100%; height:4px; background:#00adee; position:absolute; bottom:0px; left:0px; }

/* Dropdown Box - Done */
table.dropmenu { display:none;  }

/* Masthead2 -  Done */
.masthead2_area { display:flex; width:100%; height:30.35vw; position:relative; background-image:url('/xpr/slot/u200/style2026/venue/banner/banner-venue.jpg'); background-repeat:no-repeat; background-size:cover; justify-content:center; align-items:flex-end; }
.masthead2_area:after { content:''; display:block; width:100%; height:80%; position:absolute; bottom:0px; left:0px; background:linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,0.8)); }
.masthead2_area .pagetitle { width:100%; max-width:1200px; height:100%; display:flex; justify-content:center; align-items:center; padding:0px 20px; box-sizing:border-box; box-sizing:border-box; font-weight:bold; font-size:4.5vw; color:#ffffff; text-align:center; text-transform:uppercase; position:relative; z-index:1000; line-height:140% !important; }
.pagelevel-1 .masthead2_area { display:none; }

/* Breadcrumbs - Done */
.path_box { width:100%; max-width:1200px; padding:30px 20px; margin:0px auto; position:relative; box-sizing:border-box; display:block; text-align:left; font-family: 'Montserrat', sans-serif; font-size:14px; font-weight:normal; color:#000000; width:100%; }
.path_box > SPAN, .path_box A, .path_box A:visited, .path_box A:hover { font-family: 'Montserrat', sans-serif; font-size:14px; font-weight:normal; color:#000000; text-decoration:none; }
.path_box A:hover { color:#000000; text-decoration:none; }
.path_box > SPAN:last-of-type { color:#000000; font-weight:600; }

/* Content Area - Done */
.content_area { width:100%; max-width:100%; padding:0px 0px; margin:0px auto; position:relative; box-sizing:border-box; }
.content_area .appcontent_box, .content_area .pagecontent_box, .content_area .pageblock_box { padding:0px; margin:0px;  }	  
.content_area .pageblock_box { padding:15px 0px; }

.content_area .appcontent_box > * { width:100%; max-width:1200px; padding:0px 20px; margin:0px auto; position:relative; box-sizing:border-box; display:block; }
.content_area .pagecontent_box > * { width:100%; max-width:1200px; padding:0px 20px; margin:0px auto; position:relative; box-sizing:border-box; display:block;  }
.content_area .pageblock_box > * { width:100%; max-width:1200px; padding:0px 20px; margin:0px auto; position:relative; box-sizing:border-box; display:block;  }

.sidebar_area 	{ width:100% !important; max-width:1200px; padding:0px 20px; margin:0px auto; position:relative; display:none; }
.ive_designmode .sidebar_area { display:block; }
.sidebar_area .sidebar0_box { display:none !important; padding:0px; margin:0px; }
.sidebar_area .sidebar0_box, .sidebar_area .sidebar1_box { padding:10px 0px;  }

.layout-single_col .content_area { float:none !important; margin:0px auto; width:100% !important; padding:0px; position:relative; }
.layout-single_col .sidebar_area { float:none !important; margin:0px auto; width:100% !important; padding:0px; position:relative; }

/* Footer - Done */
.footer_area { display:block; padding:30px 0px 10px 0px; width:100%; background:#042f5b; position:relative; }
.footer_area  footer { width:100%; max-width:1200px; padding:0px 20px; margin:0px auto; position:relative; box-sizing:border-box; }

.footer_area  footer > #footer-top-cnt { display:flex; justify-content:space-between; }
.footer_area  footer #footer-top-left { display:flex; justify-content:flex-start; align-items:flex-start; gap:50px; }
.footer_area  footer #footer-top-left { font-family: 'Montserrat', sans-serif; font-size:16px; font-weight:normal; color:#ffffff; }
.footer_area  footer #footer-top-left UL.links { display:block; margin:0px; padding:0px; }
.footer_area  footer #footer-top-left UL.links LI { display:block; margin:0px; padding:0px; }
.footer_area  footer #footer-top-left UL.links LI A, .footer_area  footer #footer-top-left UL LI A:visited { font-family: 'Montserrat', sans-serif; font-size:16px; font-weight:normal; color:#ffffff; line-height:26px !important;  }
.footer_area  footer #footer-top-left UL.links LI A:hover { color:#00adee; }

.footer_area  footer #footer-top-left DIV #footer-socialmedia { display:flex; justify-content:flex-start; gap:10px; margin:0px; padding:0px; }
.footer_area  footer #footer-top-left DIV #footer-socialmedia > LI { display:block; margin:0px; padding:0px; }
.footer_area  footer #footer-top-left DIV #footer-socialmedia > LI A { display:block; width:21px; height:21px; color:transparent;  }
.footer_area  footer #footer-top-left DIV #footer-socialmedia > LI #footer-instg-btn { background:url('/xpr/slot/u200/style2026/footer/footer-insta-normal.png') center no-repeat; }
.footer_area  footer #footer-top-left DIV #footer-socialmedia > LI #footer-instg-btn:hover  { background:url('/xpr/slot/u200/style2026/footer/footer-insta-active.png') center no-repeat; }

.footer_area  footer #footer-top-left DIV #footer-socialmedia > LI #footer-li-btn { background:url('/xpr/slot/u200/style2026/footer/footer-linkin-normal.png') center no-repeat; }
.footer_area  footer #footer-top-left DIV #footer-socialmedia > LI #footer-li-btn:hover { background:url('/xpr/slot/u200/style2026/footer/footer-linkin-active.png') center no-repeat; }

.footer_area  footer #footer-top-right { display:block; }
.footer_area  footer #footer-top-right A, .footer_area  footer > #footer-top-right A:visited, .footer_area  footer > #footer-top-right A:hover { display:inline-block; background:rgba(255,255,255,0.3); padding:5px 15px; font-family: 'Montserrat', sans-serif; font-size:16px; font-weight:normal; color:#ffffff; border-radius:5px; }

.footer_area  footer > #footer-copyright { display:block; font-family: 'Montserrat', sans-serif; font-size:16px; font-weight:normal; color:#ffffff; text-align:right; }

/* Hyperlink - Done */
a  		    	{ color:#23a2de; text-decoration:none; }
a:visited 	{ color:#23a2de; text-decoration:none; }
a:hover 		{ color:#000000; text-decoration:none; }

.content_area a.viewmore, .content_area a.viewmore:visited { display:inline-block; padding-right:30px; background:url('/xpr/slot/u200/style2026/home/2nd-fold/View more-normal.png') right center no-repeat; }
.content_area a.viewmore:hover { background:url('/xpr/slot/u200/style2026/home/2nd-fold/View more-active.png') right center no-repeat; }

/* Subpages Box - Done */
.subpages_box { padding:0px !important; margin:0px; display:block; background:transparent;  }
.ive_designmode .subpages_box { position:relative; top:auto; right:auto; display:block; }
.subpages_box ul  { margin:0px;  }
.subpages_box ul li  { padding:0px; margin:0px; display:block;  }

.subpages_box A, .subpages_box A:visited { display:block; font-family: 'Montserrat', sans-serif; color:#23a2de; padding:5px 10px; margin:0px; text-decoration:none; font-weight:normal; position:relative; text-align:left; font-size:16px; text-align:left; }
.subpages_box B , .subpages_box A:hover     { display:block; font-family: 'Montserrat', sans-serif; color:#000000; padding:5px 10px; margin:0px; text-decoration:none; font-weight:normal; position:relative; text-align:left; font-size:16px; text-align:left; }

/* Others - Done */
IMG { border:none; max-width:100%; }
.gv_infobar { visibility:hidden; }
#shade_img_ff, #shade_img_ie { display:none; }

#_ptoo_block_start { display:none; }
.ive_designmode #_ptoo_block_start { display:block; }

.iveo_pipe_mydocs_slidebox { display:block; }
.iveo_pipe_mydocs_slidebox, .iveo_pipe_mydocs_slidebox DIV { max-width:100%; }

.content_area HR  { margin:10px 0px; }

.ives_tab_kosong > tbody > tr > td, .ives_tab_kosong > tbody > tr > th { border:1px solid transparent !important; } 
.iveo_table.ives_tab_simple3 TH, .iveo_table.ives_tab_simple3 TD  { padding:10px;  }
 
IMG.rounded-corner30-img { display:block; border-radius:30px; }
IMG.rounded-corner20-img { display:block; border-radius:20px; }

/* Articles - Done */
TR.adate  { display:none; }
DIV.article { clear:both; padding-bottom:10px; border-bottom:1px solid #CCCCCC; margin-bottom:10px; }

/* FORM FIELDS - Done */
.content_area  INPUT[type='text'], .content_area  TEXTAREA { width:80%; }
.content_area  INPUT[type='text'], .content_area  TEXTAREA, .content_area  SELECT   { padding:3px; border:1px solid #CCCCCC; }
.content_area  TEXTAREA  { height:150px; }
.content_area  INPUT[type='submit'] {  padding:5px 15px; margin:5px 3px; border-radius:3px; cursor:pointer; text-align:center; }
.content_area  INPUT[type='button'] {  padding:5px 15px; margin:5px 3px; border-radius:3px; cursor:pointer; text-align:center; }
.content_area  .search_box .input_ { border:none; }
.content_area  .search_box INPUT.button_  { margin:2px !important;}

/* TABLE - Done */
.content_area table TR > * { padding:5px 10px; }
BODY:not(.ive_designmode) table.flex-tbl-col-2 > TBODY > TR { display:flex; gap:30px; align-items:flex-start; } 
BODY:not(.ive_designmode) table.flex-tbl-col-2 > TBODY > TR > * { display:block; width:50%; box-sizing:border-box; padding:0px; }

BODY:not(.ive_designmode) table.flex-tbl-col-3 > TBODY > TR { display:flex; gap:25px; align-items:flex-start; } 
BODY:not(.ive_designmode) table.flex-tbl-col-3 > TBODY > TR > * { display:block; width:33%; box-sizing:border-box; padding:0px; }

BODY:not(.ive_designmode) table.flex-tbl-col-4 > TBODY > TR { display:flex; gap:20px; align-items:flex-start; } 
BODY:not(.ive_designmode) table.flex-tbl-col-4 > TBODY > TR > * { display:block; width:25%; box-sizing:border-box; padding:0px; }

@media  screen  and (max-width:768px) {
	.masthead_area { height:70px; }
	.masthead_area header  > UL { right:70px; top:7px; flex-wrap:wrap; width:130px; gap:5px; height:auto; justify-content:flex-end;  }
	.masthead_area  header #hamburger { display:block; }
	
  .sitemenu_area { display:none; position:fixed; z-index:9000; background:#FFFFFF; padding:10px 20px; margin:0px; top:70px; left:0px; width:100%; height:calc(100vh - 70px) !important; box-sizing:border-box; overflow:auto; }		
  .showmenu .sitemenu_area { display:block; }
	
	.sitemenu_area:after { display;none; }
	
  .sitemenu_area UL.sitemenu  { display:block; max-width:100%; float:none; min-height:auto; padding:0px; width:100%; margin:0px; background:transparent; box-sizing:border-box; }
	.sitemenu_area UL.sitemenu li	{ display:block; width:100%; float:none; height:auto; overflow:visible; padding:0px 0px; margin:0px; text-align:left; position:relative; background:transparent; border:none; box-sizing:border-box;}
	
	.sitemenu_area A.sitemenu:hover:after, .sitemenu_area.sitemenu_area a.sitemenulit:after { display:none; }
	.sitemenu_area UL.sitemenu li:first-of-type { display:none !important; }
	
  table.dropmenu { display:none;  }
	
	.masthead2_area .pagetitle { font-size:24px; }
	.main_area h2, .main_area .pagecontent_box .description H2 { font-size:20px !important; }
	.main_area h3 { font-size:18px !important; }
	
	.content_area .mid IFRAME { width:100% !important; max-width:500px; margin:0px auto; display:block; }

	.content_area .mid TABLE { width:100% !important; height:auto !important; display:block; overflow:auto; }
	.content_area .mid TABLE > TBODY { display:block; }
	
	.ives_tab_kosong > tbody > tr > td, .ives_tab_kosong > tbody > tr > th { display:block; width:100% !important; box-sizing:border-box; }
	.ives_tab_kosong > tbody > tr > td IMG, .ives_tab_kosong > tbody > tr > th IMG { display:block; max-width:100% !important; height:auto !important; }		
	
	.footer_area  footer > #footer-top-cnt { flex-direction:column; gap:20px }	
	.footer_area  footer #footer-top-left { display:flex; justify-content:flex-start; gap:10px; flex-direction:column; gap:20px  }
	.footer_area  footer > #footer-copyright { display:block; margin:0px auto; padding:20px 0px 0px 0px; text-align:center; }
	
	BODY:not(.ive_designmode) table.flex-tbl-col-2 > TBODY > TR { display:flex; gap:20px; align-items:flex-start; flex-direction:column; } 
	BODY:not(.ive_designmode) table.flex-tbl-col-2.reverse-rwd > TBODY > TR { flex-direction:column-reverse; }
	BODY:not(.ive_designmode) table.flex-tbl-col-2 > TBODY > TR > * { display:block; width:100%; box-sizing:border-box; padding:0px; }

	BODY:not(.ive_designmode) table.flex-tbl-col-3 > TBODY > TR { display:flex; gap:20px; align-items:flex-start; flex-direction:column; } 
	BODY:not(.ive_designmode) table.flex-tbl-col-3 > TBODY > TR > * { display:block; width:100%; box-sizing:border-box; padding:0px; }

	BODY:not(.ive_designmode) table.flex-tbl-col-4 > TBODY > TR { display:flex; gap:20px; align-items:flex-start; flex-direction:column; flex-wrap:wrap; } 
	BODY:not(.ive_designmode) table.flex-tbl-col-4 > TBODY > TR > * { display:block; width:100%; box-sizing:border-box; padding:0px; }	
}