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

/*
font-family: "Figtree", sans-serif;
*/

BODY { font-family:'Figtree', sans-serif; font-size:16px; line-height:140%; color:#212121; }

#netcontent {  background:#ffffff; } 
   #lo_whole {  }
   #lo_panel {  }
    #lo_main {  width:100%; }
      .main_area {  width:100%; position:relative; }	
			.ive_designmode .main_area { padding-top:0px !important; }
			
/* Font - Done */
.main_area h1 { color:#212121; font-size:42px; font-family:'Figtree', sans-serif; font-weight:400; line-height:100% !important; margin-bottom:10px; }
.main_area h2 { color:#212121; font-size:28px; font-family:'Figtree', sans-serif; font-weight:500; line-height:100% !important; margin-bottom:8px; }
.main_area h3 { color:#212121; font-size:21px; font-family:'Figtree', sans-serif; font-weight:400; line-height:100% !important; margin-bottom:8px; }

.content_area, .sidebar_area, .ive_content, .ive_content P, .ive_content DIV {  line-height:140% !important; color:#212121; font-family:'Figtree', sans-serif;  font-size:16px; font-weight:normal; }
.content_area P, .sidebar_area P { margin:0px 0px 10px 0px; }

/* Masthead - Done   */
.masthead_area { width:100%; height:auto; padding:0px; margin:0px auto; overflow:visible;  position:relative; z-index:1201; }
.masthead_area header { display:block; width:100%; max-width:1320px; height:auto; padding:0px 20px; margin:0px auto; box-sizing:border-box; overflow:visible; position:relative; }
.ive_designmode .masthead_area header { height:60px; }

.masthead_area header #logo  { display:none; background:url('/qws/slot/u50480/style/header/MERaLiON logo.png') center no-repeat; width:64px; height:32px; position:fixed; top:14px; left:20px; color:transparent; }

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

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

/* Navigation - Done */
.sitemenu_area 		{ display:block; width:100%; max-width:100%; padding:12px 0px; margin:0px auto; overflow:visible; position:fixed; margin:0px 0px; top:0px; transition:all ease-in 0.5s; z-index:1200; }
.scroll .sitemenu_area { padding:0px; background:#FFFFFF; }
.ive_designmode .sitemenu_area { position:relative !important; z-index:1000 !important; }

.sitemenu_area UL.sitemenu  { display:flex; width:100%; max-width:1320px; height:78px; padding:0px 20px 0px 20px; margin:0px auto; box-sizing:border-box; justify-content:flex-end;  align-items:center; position:relative; }
.ive_designmode .sitemenu_area UL.sitemenu  { flex-wrap:wrap; }

.sitemenu_area UL.sitemenu li  { display:inline-block; margin:0px 20px; padding:0px; float:none; }
.sitemenu_area UL.sitemenu li:hover, .sitemenu_area .sitemenu li.focus  { background:transparent; }
.sitemenu_area UL.sitemenu li:nth-of-type(2) { margin-left:0px; }
.sitemenu_area UL.sitemenu li:last-of-type { margin-right:0px; }

.sitemenu_area A.sitemenu, .sitemenu_area A.sitemenu:visited, .sitemenu_area A.sitemenu:hover, A.sitemenulit { background:transparent; font-family:'Figtree', sans-serif; font-weight:400; font-size:14px; line-height:140% !important; color:#212121; position:relative; display:block; margin:0px; padding:0px; }
.sitemenu_area A.sitemenu:hover, .sitemenu_area.sitemenu_area LI:hover > a, A.sitemenulit { font-weight:400; text-decoration:none; color:#212121 !important; background:transparent; }

.sitemenu_area UL.sitemenu li:first-of-type { display:block; position:absolute; left:0px; } 
.sitemenu_area UL.sitemenu li:first-of-type > A, .sitemenu_area UL.sitemenu li:first-of-type > A:visited, .sitemenu_area UL.sitemenu li:first-of-type > A:hover { background:url('/qws/slot/u50480/style/header/MERaLiON logo.png') center no-repeat; width:64px; height:32px; color:transparent; text-indent:-9999px; }

.sitemenu_area LI#PTID_3044017 > A.sitemenu, .sitemenu_area LI#PTID_3044017 > A.sitemenu:hover, .sitemenu_area LI#PTID_3044017 > A.sitemenu:visited { background:#E6223C; font-size:16px; color:#FFFFFF !important; padding:12px 24px; border-radius:32px; box-sizing:border-box; min-width:200px; text-align:center; }

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

/* Masthead2 - Done */
.masthead2_area           { display:none; }

/* Breadcrumbs - Done */
.path_box { display:none; }

/* Content Area - Done */
.content_area { float:none !important; width:100% !important; max-width:100%; padding:0px; margin:102px auto 0px auto; box-sizing:border-box; position:relative; display:flex; flex-direction:column; }

.content_area > .mid { width:100%; }
.layout-default  .content_area > .mid { float:none !important;  }
.layout-default_left  .content_area > .mid  { float:none !important; }

.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 .pagecontent_box > * { width:100% !important; max-width:1320px; padding:0px 20px; margin:0px auto; box-sizing:border-box; display:block; }
.content_area .pageblock_box > * { width:100% !important; max-width:1320px; padding:0px 20px; margin:0px auto; box-sizing:border-box; display:block; }

.content_area .sidebar_area 			{ width:100%; padding:0px; margin:0px; display:none; order:2; }
.ive_designmode .content_area .sidebar_area { display:block; }
.content_area .sidebar_area .mid { width:100%; padding:0px; margin:0px; float:none; }

.layout-default  .content_area .sidebar_area  { float:none !important; }
.layout-default_left .content_area .sidebar_area { float:none !important; }

.layout-default  .content_area .sidebar_area .mid  { float:none;  padding:0px; }
.layout-default_left  .content_area .sidebar_area .mid  { float:none; padding:0px;  }

.sidebar_area .sidebar0_box { padding:0px; margin:0px; }

.layout-single_col .content_area > .mid { width:100%; padding:0px; margin:0px; float:none; box-sizing:border-box; }
.layout-single_col .content_area .sidebar_area { display:none;  margin:auto;  float:none!important; }
.ive_designmode .layout-single_col .sidebar_area { display:block;  }
.layout-single_col .sidebar_area .mid { width:100%; padding:0px; }

.content_area .bottom { clear:both; }

/* Footer - Done */
#totop { display:none; width:48px; height:48px; position:fixed; bottom:20px !important; right:20px; cursor:pointer; background:url('/qws/slot/u50480/style/footer/btt.png') center no-repeat; z-index:9999; border-radius:50%; box-shadow:0px 0px 5px #FFF; }
.show #totop { display:block; }

.footer_area { display:block; padding:0px; width:100%; height:auto; background:linear-gradient(#212121,#424242); position:relative; }

.footer_area footer { display:flex; justify-content:space-between; width:100%; max-width:1320px; padding:50px 20px; margin:0px auto; box-sizing:border-box; position:relative; flex-direction:column; }

.footer_area  footer > DIV.footer-top { width:100%; min-height:113px; display:flex; justify-content:space-between; padding:0px; margin:0px; }
.footer_area  footer > DIV.footer-top .footer-top-left { font-size:16px; line-height:140% !important; font-weight:500; color:#FFFFFF; display:flex; flex-direction:column; justify-content:space-between; }

.footer_area  footer > DIV.footer-top .footer-top-right { display:flex; align-items:flex-end; }

.footer_area  footer > DIV.footer-top .footer-top-right UL.links { display:flex; margin:0px; padding:0px; }
.footer_area  footer > DIV.footer-top .footer-top-right UL.links > LI { display:block; margin:0px 16px; padding:0px;  }
.footer_area  footer > DIV.footer-top .footer-top-right UL.links > LI:first-of-type { margin:0px 16px 0px 0px; }
.footer_area  footer > DIV.footer-top .footer-top-right UL.links > LI:last-of-type { margin:0px 0px 0px 16px; }
.footer_area  footer > DIV.footer-top .footer-top-right UL.links > LI > A, .footer_area  footer > DIV.footer-top .footer-top-right UL.links > LI > A:visited, .footer_area  footer > DIV.footer-top .footer-top-right UL.links > LI > A:hover { font-size:14px; line-height:140% !important; font-weight:400; color:#FFFFFF; text-decoration:none; margin:0px; padding:0px; }

.footer_area  footer > DIV.footer-top .footer-top-right UL.socialmedia { border-left:1px solid #FFFFFF; display:flex; margin:0px 0px 0px 20px; padding:0px 0px 0px 20px; }
.footer_area  footer > DIV.footer-top .footer-top-right UL.socialmedia > LI { display:block; margin:0px 16px; padding:0px; }
.footer_area  footer > DIV.footer-top .footer-top-right UL.socialmedia > LI:first-of-type { margin:0px 16px 0px 0px; }
.footer_area  footer > DIV.footer-top .footer-top-right UL.socialmedia > LI:last-of-type { margin:0px 0px 0px 16px; }
.footer_area  footer > DIV.footer-top .footer-top-right UL.socialmedia > LI > A.fb { display:block; width:8px; height:20px; text-indent:-9999px; background:url('/qws/slot/u50480/style/footer/fb.png') center no-repeat; }
.footer_area  footer > DIV.footer-top .footer-top-right UL.socialmedia > LI > A.instg { display:block; width:19px; height:20px; text-indent:-9999px; background:url('/qws/slot/u50480/style/footer/instg.png') center no-repeat; }
  
.footer_area  footer > DIV.footer-bottom { display:flex; margin:30px 0px 0px 0px; padding:30px 0px 0px 0px; border-top:1px solid #FFFFFF; justify-content:space-between; font-size:14px; line-height:140% !important; font-weight:400; color:#FFFFFF; }
.footer_area  footer > DIV.footer-bottom DIV { }
.footer_area  footer > DIV.footer-bottom UL { display:flex; margin:0px; padding:0px; }
.footer_area  footer > DIV.footer-bottom UL > LI { display:flex; margin:0px 16px; padding:0px; }
.footer_area  footer > DIV.footer-bottom UL > LI:first-of-type { margin:0px 16px 0px 0px; }
.footer_area  footer > DIV.footer-bottom UL > LI:last-of-type { margin:0px 0px 0px 16px; }
.footer_area  footer > DIV.footer-bottom A, .footer_area  footer > DIV.footer-bottom A:visited, .footer_area  footer > DIV.footer-bottom A:hover { font-size:14px; line-height:140% !important; font-weight:400; color:#FFFFFF; text-decoration:none; }

/* Hyperlink - Done */
a  		    	{ color:#E6223C; font-weight:400; text-decoration:underline; }
a:visited 	{ color:#E6223C; font-weight:400; text-decoration:underline; }
a:hover 		{ color:#E6223C; font-weight:400; text-decoration:underline; }

/* Subpages Box - Done */
.subpages_box { padding:20px 0px !important; margin:0px; width:100%; display:block; background:transparent; box-sizing:border-box; position:relative; }
.subpages_box ul  { margin-left:0px;  }
.subpages_box ul li  { padding:0px; margin:0px; display:block;  }

.subpages_box A, .subpages_box A:visited { display:block; font-family: "Figtree", sans-serif; color:#E6223C; padding:5px 10px; margin:10px 0px; text-decoration:none; font-weight:normal; position:relative; text-align:left; font-size:16px; text-align:left; line-height:140% !important; }
.subpages_box B , .subpages_box A:hover { display:block; font-family: "Figtree", sans-serif; color:#E6223C; padding:5px 10px; margin:10px 0px; text-decoration:none; font-weight:normal; position:relative; text-align:left; font-size:16px; text-align:left; line-height:140% !important; text-decoration:underline; }

.subpages_box UL UL A, .subpages_box UL UL A:visited, .subpages_box UL UL A:hover { font-family:'Figtree', sans-serif; font-size:14px; }

/* 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; }

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

/* FORM FIELDS - Done */
.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;}

.content_area  INPUT::placeholder, .content_area  TEXTAREA::placeholder { color:rgb(26, 46, 90); }

/* TABLES - Done */
.content_area TABLE { border-collapse:collapse;  }
.content_area TABLE.ives_tab_1 TH, .content_area TABLE.ives_tab_1 TD{ padding:5px; text-align:left;  }
.content_area TABLE.ives_tab_1 TH { }
.content_area TABLE.ives_tab_1 tr:nth-child(odd) td{  }
.content_area TABLE.ives_tab_1 tr:nth-child(even) td{ }

/* RWD - TBC */
@media  screen  and (max-width:900px) {	

	.PTP3043962 .main_area { padding-top:0px !important; }
	.scroll.PTP3043962 .main_area { padding-top:0px !important; } 
	
	.PTP3043962 .main_area .content_area { padding-top:132px; }
	
	.masthead_area header { width:100%; height:132px; position:absolute; top:0px; padding-top:72px; left:0px; background:#FFFFFF; }
	.masthead_area header #logo  { display:block; position:absolute; top:86px; }
	.masthead_area header #rwdmenu { display:block; top:87px;  }
	
	.scrollUp .masthead_area header { width:100%; height:108px; position:fixed; top:0px; padding-top:48px; left:0px; background:#FFFFFF; }
	.scrollUp .masthead_area header #logo  { display:block; position:fixed; top:62px; }
	.scrollUp .masthead_area header #rwdmenu { display:block; top:63px;  }
	
	.showmenu .masthead_area header { position:fixed; }
	
  .sitemenu_area, .scroll .sitemenu_area { display:none; position:fixed; z-index:9000; background:#FFFFFF; padding:10px 20px; margin:0px; top:132px; left:0px; width:100%; height:calc(100vh - 132px) !important; box-sizing:border-box; overflow:auto; }
	.scrollUp .sitemenu_area, .scroll.scrollUp .sitemenu_area { top:108px; left:0px; width:100%; height:calc(100vh - 108px) !important; }
  .showmenu .sitemenu_area { display:block; }
	
  .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 UL.sitemenu li > A, .sitemenu_area UL.sitemenu li > A:visited, .sitemenu_area UL.sitemenu li > A:hover { display:block; padding:24px 0px !important; border:none; text-align:left; height:auto; display:block; margin:0px !important; font-family:'Figtree', sans-serif; color:#212121 !important; font-size:16px; font-weight:400; cursor:pointer; background:transparent; border-bottom:1px solid #E3E4E6; }	 
	.sitemenu_area UL.sitemenu li#PTID_3044015 > A, .sitemenu_area UL.sitemenu li#PTID_3044015 > A:visited, .sitemenu_area UL.sitemenu li#PTID_3044015 > A:hover { border-bottom:none; }
	
	.sitemenu_area UL.sitemenu li.active > A, .sitemenu_area UL.sitemenu li > A:hover { color:#212121 !important; }
	.sitemenu_area UL.sitemenu li:first-of-type { display:none !important; }
	
	.sitemenu_area LI#PTID_3044017 { position:fixed; bottom:20px; width:calc(100% - 40px); }
	.sitemenu_area LI#PTID_3044017 > A.sitemenu, .sitemenu_area LI#PTID_3044017 > A.sitemenu:hover, .sitemenu_area LI#PTID_3044017 > A.sitemenu:visited { background:#E6223C; font-size:16px; color:#FFFFFF !important; padding:12px 24px !important; border-radius:32px; text-align:center; }


  table.dropmenu { display:none;  }
	
	.content_area > .mid { width:100%; padding:0px; }
	.content_area .sidebar_area { width:100%; padding:0px; order:2; }
	
	.subpages_box { padding:20px !important; margin:0px !important; }
	.subpages_box:before, .subpages_box:after { display:none; }
	
	.footer_area footer { padding:30px 20px; }
	.footer_area footer {  }
	.footer_area footer > DIV { flex-direction:column; }
	
	.footer_area footer > DIV.footer-top .footer-top-left { margin-bottom:24px; }
	.footer_area footer > DIV.footer-top .footer-top-left A { display:block; margin-bottom:24px; }
	
	.footer_area footer > DIV.footer-top .footer-top-right { flex-direction:column; align-items:flex-start; }
	.footer_area footer > DIV.footer-top .footer-top-right UL.links { display:block; margin-bottom:24px; }
	.footer_area footer > DIV.footer-top .footer-top-right UL.links > LI { display:block; margin:0px 0px 16px 0px !important; }
	.footer_area footer > DIV.footer-top .footer-top-right UL.links > LI:last-of-type { display:block; margin:0px !important; }
	
	.footer_area footer > DIV.footer-top .footer-top-right UL.socialmedia { border-left:0px; margin-left:0px; padding-left:0px; }
		
	.footer_area  footer > DIV.footer-bottom UL { display:flex; flex-direction:column; margin:0px 0px 24px 0px; padding:0px; }
	.footer_area  footer > DIV.footer-bottom UL > LI { display:flex; margin:0px; padding:0px; }
	.footer_area  footer > DIV.footer-bottom UL > LI:last-of-type { margin:16px 0px 0px 0px; }
}

@media  screen  and (max-width:768px) {	

}