/* 
CSS File Last Update : 07 September 2019
Project: pam-group.com (PAM GROUP)
Website Designed & Coded by: Aditama (pandavamedia.net)
Main colors:
- Light Blue: #53c7de; rgba(83,199,222,1);
- Light Green: #d6df27; rgba(214,223,39,1);
- Soft Grey (Block Shadow): #f9f9f9; rgba(249,249,249,1);
- Soft Grey 2 (Footer Shadow): #f2f2f2; rgba(242,242,242,1);
- Black: #333333;
*/
/*html { height: 100%; }*/
@charset "UTF-8";

html { -webkit-text-size-adjust: 100%; }
body {
	position:relative;
	background-color:#FFFFFF;
	font-family: 'Montserrat', sans-serif;
	-webkit-font-smoothing:antialiased;
	font-smooth:always;
	font-size:14px;
	letter-spacing:0.5px;
	line-height:20px;
	color:#333333;
	margin:0;
	padding:0;
	border:0;
	height: 100%;
	width:100%;
	font-weight:normal;
}
#pageBody {
	/*background:#F1F1EA url('../../i/bg-pattern-batik2.jpg');*/
	/*background:#FFFFFF url('../../i/bg-pattern-batik2-wht.jpg');
	background-repeat:repeat-y;
	background-size:contain;
	background-position:center top;*/
	width:100%;
	/*background-color:#FFFFFF;
	border-top:5px #333333 solid;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:auto;
	background-attachment:fixed;*/
}
form { MARGIN-LEFT: 0px;MARGIN-RIGHT: 0px;MARGIN-BOTTOM: 0px;MARGIN-TOP: 0px }
td,div,p { font-family: 'Montserrat', sans-serif; font-size:inherit; }
input[type=text],input[type=password],textarea,select { 
	width:89%;
	font-family: 'Montserrat', sans-serif; 
	font-size: 14px;
	color:#333333; 
	background-color:#FFFFFF; 
	line-height:16px; 
	border:1px #DDDDDD solid;
	padding:12px 8px;
	height:17px;
	-webkit-border-radius: 2px; 
	   -moz-border-radius: 2px; 
					border-radius: 2px;
}
textarea { width:95% !important; }
select { width:100% !important; padding:10px 8px; height:43px; border:1px #DDDDDD solid !important; background-color:#FFFFFF !important; }
input[type=text]:focus,input[type=password]:focus,textarea:focus,select:focus { 
	color:#000000;
	border:1px #EEEEEE solid;
	background-color:rgba(204,204,204,0.2);
	-webkit-box-shadow: 0px 0px 2px rgba(204,204,204,0.2);
		 -moz-box-shadow: 0px 0px 2px rgba(204,204,204,0.2);
					box-shadow: 0px 0px 2px rgba(204,204,204,0.2);
}
input[type=submit],input[type=button] {
	cursor:pointer;
	font-family: 'Montserrat', sans-serif; 
	font-size: 14px;
	color:#FFFFFF; 
	background-color:#6D6D6D; 
	border:0;
	padding:12px 20px;
	margin-top:5px;
	width:98%;
	opacity:0.8;
	-webkit-border-radius: 5px; 
	   -moz-border-radius: 5px; 
					border-radius: 5px;
	-webkit-appearance: none; /* keep button styling on ios device */
	-moz-appearance: none; /* keep button styling on ios device */
	appearance: none; /* keep button styling on ios device */
		-webkit-transition: all 0.5s;
			 -moz-transition: all 0.5s;
				-ms-transition: all 0.5s;
				 -o-transition: all 0.5s;
						transition: all 0.5s;
}
input[type=submit]:hover,input[type=button]:hover { opacity:1.0; }
input[type=text]:disabled,input[type=checkbox]:disabled,input[type=password]:disabled,textarea:disabled,select:disabled {
	opacity: .60;
	filter:Alpha(Opacity=60); /* support: IE8 */
	background-image: none;
	background-color:#F0F0F0;
}
input[type=text]:read-only,input[type=checkbox]:read-only,input[type=password]:read-only,textarea:read-only,select:read-only {
	opacity: .60;
	filter:Alpha(Opacity=60); /* support: IE8 */
	background-image: none;
	background-color:#F0F0F0;
}
input[type=text]:-moz-read-only,input[type=checkbox]:-moz-read-only,input[type=password]:-moz-read-only,textarea:-moz-read-only,select:-moz-read-only {
	opacity: .60;
	filter:Alpha(Opacity=60); /* support: IE8 */
	background-image: none;
	background-color:#F0F0F0;
}
input[readonly]:focus,textarea[readonly]:focus,select[readonly]:focus { 
	border:1px #CCCCCC solid;
}
img, div, input, a { behavior: url("iepngfix.htc") }
ul,ol { list-style-position:outside; }
ol.smallList>li { margin:5px 7px; line-height:18px; }
ol.lower-alphabet { list-style-type:lower-alpha; }
ol.upper-alphabet { list-style-type:upper-alpha; }
p { margin-bottom:22px; }
b { font-weight:bold; }

a { cursor:pointer; color:#53c7de; text-decoration:none; outline: 0;
		-webkit-transition: all 0.5s;
			 -moz-transition: all 0.5s;
				-ms-transition: all 0.5s;
				 -o-transition: all 0.5s;
						transition: all 0.5s;
}
a:visited { color:#53c7de;text-decoration:none; outline: 0; }
a:hover { color:#d6df27; text-decoration:none; outline: 0; }
a.lnkAnim { position: relative; padding-bottom:2px; }
a.lnkAnim:before {
  content: "";
  position: absolute;
  /*width: 20%;*/
  width: 15px;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #666666;
  visibility: hidden;
  transform-origin: 10% 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
a.lnkAnim:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.bx-wrapper a {
	-webkit-transition: none;
		 -moz-transition: none;
			-ms-transition: none;
			 -o-transition: none;
					transition: none;	
}
a.lnkOpacity { opacity:0.7 !important; }
a.lnkOpacity:hover { opacity:1.0 !important; }

h1 { display:block; font-family: 'Montserrat', serif; font-size:38px; letter-spacing:0.5px; color:#000000; line-height:40px; margin-bottom:10px; font-weight:bold; }
h2 { display:block; font-family: 'Montserrat', serif; font-size:30px; letter-spacing:0.5px; color:#000000; line-height:32px; margin-bottom:5px; font-weight:bold; }
h3 { display:block; font-family: 'Montserrat', serif; font-size:24px; letter-spacing:0.3px; color:#333333; line-height:28px; margin-bottom:5px; font-weight:bold; }
h4 { display:block; font-family: 'Montserrat', serif; font-size:20px; letter-spacing:0.3px; color:#333333; line-height:24px; margin-bottom:8px; font-weight:bold; }
h5 { display:block; font-family: 'Montserrat', serif; font-size:18px; letter-spacing:0.3px; color:#666666; line-height:22px; margin-bottom:5px; font-weight:bold; }

* {
    padding: 0;
    margin: 0;
}

.addTopMargin10 { margin-top:10px; }
.addTopMargin15 { margin-top:15px; }
.addTopMargin20 { margin-top:20px; }
.addTopMargin30 { margin-top:30px; }
.addSideMargin5 { margin-left:5px; margin-right:5px; }
.markSrch { color:#000000; font-weight:bold; }
.loadingIcn { width:100%; text-align:center; }
.algnCenter { text-align:center; }

#byPandavamedia { color:#BF6645; margin-right:24px; }
#byPandavamedia>a { color:#BF6645; }
#byPandavamedia>a:hover { color:#99E5FF; }

.cYellow { color:#FFFF00 !important; }
.cRed { color:#FF0000 !important; }
.cGrey { color:#999999 !important; }
.cBlue { color:#0099CC !important; }
.cGreen { color:#0099CC !important; }
.clr{clear:both}
.topSpc { display:block; height:70px; }
.gapSpc { display:block; height:40px; }
.noBorder { border:0 !important; }
.noMargin { margin:0 !important; }
.noPadding { padding:0 !important; }
.dispBig { font-size:30px; color:#FF6600; font-weight:bold; }
.tooltipLoading { margin-top:60px; color:#000000; font-size:14px; }
.tooltipLoading a { background-color:#666666; padding:3px 10px; color:#FFFFFF; }
.tooltipLoading a:hover { background-color:#000000; color:#FFFFFF; }
.noRecord { padding:40px 10px; }
.goLeft { float:left !important; }
.goRight { float:right !important; }
.go2Column { width:48% !important; }
.noResult { color:#CCCCCC; margin:50px 0px; }
.fldError { border:2px #fbc5c4 solid !important; }
.imageInsert { margin:5px; }
.noDataFound { color:#666666; font-style:italic; opacity:0.6; }
.noScroll { overflow:hidden; }
.noScrollMbl { overflow-x:hidden !important; overflow-y:hidden !important; position:fixed !important; } 
.goUpperCs { text-transform:uppercase !important; }
.allCenter { text-align:center !important; }
.allLeft { text-align:left !important; }
.hiBrand { color:#58cada !important; }
.noShow { display:none !important; }
.cmsHeader { margin-top:28px !important; }
.alertErr { display:block; padding:10px; border:2px #FF0000 solid; color:#FF0000; }
.alertDone { display:block; padding:10px; border:2px #0099CC solid; color:#0099CC; }
.offRecord { color:#990000; font-style:italic; }

section { display:block; position:relative; width:100%; }
.pageLoading { display:none; z-index:999999; position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(255,255,255,0.8) url('../../i/page-loading.gif') no-repeat center center; }
.pageLoading>label { position:absolute; width:100px; height:20px; top:52%; left:0; right:0; margin:auto; text-align:center; background:#333333; color:#FFFFFF; }
/* ---------------------------------------------------------- */

/* FLEX MIDDLE BOX */
.flexBxContainer { display:flex; justify-content: center; align-items: center; }
.flexBxContent { align-self: center; }

/* WEBSITE CUSTOM CSS */
.ui-widget { font-family: 'Montserrat', sans-serif !important; font-size:14px !important; }
/* ---------------------------------------------------------- */

/* A LINKS */
a.webLnk { color:#FF3300; border-bottom:1px #666666 dashed; }
a.webLnk:hover { color:#0099CC; }
a.icnRead { display:inline-block; position:relative; opacity:0.8; width:26px; height:26px; background:url('../../i/icons/icn-readmore.png') no-repeat center center; }
a.icnRead:hover { opacity:1.0; }
a.lnkRead { display:inline-block; position:relative; opacity:0.8; font-size:12px; color:#f38139; padding:5px 35px 5px 2px; font-weight:500; background:url('../../i/icons/icn-readmore.png') no-repeat right center; }
a.lnkRead:hover { opacity:1.0; }
a.lnkDownload { display:inline-block; position:relative; opacity:0.8; font-size:12px; color:#f38139; padding:5px 25px 5px 2px; font-weight:500; background:url('../../i/icons/icn-download.png') no-repeat right center; }
a.lnkDownload:hover { opacity:1.0; }
a.btnRead { display:inline-block; position:relative; font-size:13px; font-weight:600; color:#000000; padding:13px 40px; background:#53C7DE; opacity:0.8; margin-top:20px; 
	-webkit-border-radius: 5px; 
	   -moz-border-radius: 5px; 
					border-radius: 5px;
		-webkit-transition: all 0.5s;
			 -moz-transition: all 0.5s;
				-ms-transition: all 0.5s;
				 -o-transition: all 0.5s;
						transition: all 0.5s;
}
a.btnRead:hover { opacity:1.0; }
a.btnRead.bannerBtn { background:#D6DF27; padding:15px 50px; }
a.extLnk { display:inline-block; position:relative; opacity:0.8; font-size:14px; color:#53c7de; padding:5px 25px 5px 2px; font-weight:500; background:url('../../i/icons/icn-external-link.png') no-repeat right center; margin-bottom:10px; }
a.extLnk:hover { opacity:1.0; }
a.lnkEmail { display:inline-block; font-size:22px; color:#333333; line-height:24px; margin:3px 0; }
a.lnkWA { display:inline-block; font-size:14px; color:#666666; padding:2px 2px 2px 18px; margin:2px 0; background:url('../../i/icons/icn-whatsapp-sm.png') no-repeat left center; }

a.lnkApply { font-size:13px; color:#0099CC; font-weight:500; display:inline-block; padding:5px 5px 4px 18px; background:url('../../i/icons/icn-apply.png') no-repeat left center; opacity:0.8; }
a.lnkApply:hover { opacity:1.0; }
.lnkAnm {
		-webkit-transition: all 0.5s;
			 -moz-transition: all 0.5s;
				-ms-transition: all 0.5s;
				 -o-transition: all 0.5s;
						transition: all 0.5s;
}
/* ---------------------------------------------------------- */

/* PRELOADER */
/*.preloader { z-index:1000; position:fixed; top:0; bottom:0; left:0; right:0; background:#F0F0F0 url('../../i/logo-opening.gif') no-repeat center center; }*/

/* HEADER BAR */
header#headerSection { z-index:50; position:fixed; width:100%; height:79px; top:0; background:rgba(255,255,255, 0.60); transition: all 0.2s ease-in-out; background-repeat:no-repeat; background-position:center center; border-bottom:1px rgba(255,255,255, 0.20) solid; }
header#headerSection.notfound { background-color:#EEEEEE; border-bottom:1px #DDDDDD solid !important; }
header#headerSection.about { background-image:url('../../i/bg/nvbg-mountain-w.jpg'); border-bottom:1px #CCCCCC solid !important; }
header#headerSection.development { background-image:url('../../i/bg/nvbg-cloud-w.jpg'); border-bottom:1px #CCCCCC solid !important; }
header#headerSection.business { background-image:url('../../i/bg/nvbg-architectural-w.jpg'); border-bottom:1px #CCCCCC solid !important; }
header#headerSection.career { background-image:url('../../i/bg/nvbg-desktop-w.jpg'); border-bottom:1px #CCCCCC solid !important; }
header#headerSection.press { background-image:url('../../i/bg/nvbg-typewriter-w.jpg'); border-bottom:1px #CCCCCC solid !important; }
header#headerSection.press-read { background-image:url('../../i/bg/nvbg-alphabeth-w.jpg'); border-bottom:1px #CCCCCC solid !important; }
header#headerSection.contact { background-image:url('../../i/bg/nvbg-maps-w.jpg'); border-bottom:1px #CCCCCC solid !important; }
.nav-start {  }
.nav-up { top: -79px !important; }
.nav-down { top: 0px !important; background:#EEEEEE !important; border-bottom:1px #DDDDDD solid !important; }
.headerWrap { position:relative; width:96%; max-width:1080px; margin-top:8px; min-height:30px; text-align:left; }
.wbLogo { width:30%; max-width:150px; height:65px; }
.wbLogo img { max-height:100% !important; max-width:100%; margin:auto; }
/* main navigation */
.nvMainBar { position:absolute; right:0; bottom:27%; }
ul.nvMain { float:left; list-style-type:none; }
ul.nvMain.nvSide { margin-left:15px; }
ul.nvMain.lnkLang { width:50px; }
ul.nvMain>li { cursor:pointer; position:relative; display:inline-block; font-size:13px; font-weight:500; margin:0 10px; min-height:20px; min-width:45px; }
ul.nvMain>li>a { color:#000000; opacity:0.8; }
ul.nvMain>li>a:hover { opacity:1.0; }
li.nvPick { color:#666666; }
a.nvArrw { background:url('../../i/icons/icn-navarrw-b.png') no-repeat right center; padding-right:12px; }
a.nvLang { position:absolute; top:0; border:2px #939393 solid; font-size:11px; line-height:11px; padding:2px 15px 2px 5px; background:url('../../i/icons/icn-langarrw-b.png') no-repeat right center; 
	-webkit-border-radius: 3px; 
	   -moz-border-radius: 3px; 
			border-radius: 3px;
}
a.nvLang:hover { border:2px #EEEEEE solid;  }
/* navigation drop */
.nvDrop { display:none; position:absolute; top:20px; left:-13px; background:rgba(0,0,0, 0.8); padding:6px 20px 10px 13px; border-top:1px rgba(255,255,255, 0.4) solid; 
	-webkit-border-radius: 3px; 
	   -moz-border-radius: 3px; 
			border-radius: 3px;
}
.nvDrop.dropRg { left:auto; right:-13px; text-align:right; padding:6px 13px 10px 20px; }
.nav-down .nvDrop { background:rgba(0,0,0, 0.8); }
ul.nvSub { list-style-type:none; }
ul.nvSub>li { margin:3px 0; white-space:nowrap; }
ul.nvSub>li>a { color:#FFFFFF; opacity:0.7; }
ul.nvSub>li>a:hover { opacity:1.0; }
/* ---------------------------------------------------------- */

/* PAGE BOTTOM */
section#bottomSection { width:100%; min-height:150px; background:#F2F2F2; padding:25px 0; margin-top:30px; }
.bottomWrap { position:relative; width:96%; max-width:1080px; }
ul.bottomRows { list-style-type:none; }
ul.bottomRows>li { border-top:1px #CCCCCC solid; padding:22px 0; overflow:hidden; text-align:left; }
ul.bottomRows>li:first-child { border:0; }
ul.bottomRows>li label { display:block; width:100%; font-weight:bold; color:#000000; margin-bottom:10px; }
ul.bottomRows>li.rowHlp { padding-bottom:35px !important; }
label.lblHlp { font-size:22px; margin-bottom:15px !important; }
label.lblSubscrb { margin-bottom:8px !important; }
.bottomCol { float:left; margin-left:10%; }
.bottomCol:first-child { margin:0 !important; }
.bottomCol.hlpCol { margin-left:15%; }
.bottomCol.unitCol { margin-left:5%; }
ul.nvBtm { list-style-type:none; }
ul.nvBtm>li { margin:2px 0; }
ul.nvBtm>li>a { font-size:12px; color:#000000; opacity:0.8; }
ul.nvBtm>li>a:hover { opacity:1.0; }
.btmSeprt { height:26px; }
/* biz list */
ul.nvBizBtm { list-style-type:none; }
ul.nvBizBtm>li { float:left; width:19%; margin:4px 1% 4px 0; line-height:15px; }
ul.nvBizBtm>li>a { font-size:12px; color:#000000; opacity:0.8; }
ul.nvBizBtm>li>a:hover { opacity:1.0; }
/* need help */
.hlpBox {  }
.hlpNote { float:left; font-size:13px; line-height:16px; margin-right:20px; }
ul.hlpLnk { float:left; list-style-type:none; overflow:hidden; margin-top:-10px; }
ul.hlpLnk>li { cursor:pointer; float:left; width:43px; height:43px; margin:0 6px; background-repeat:no-repeat; background-position:center center; opacity:0.7; }
ul.hlpLnk>li:hover { opacity:1.0; }
ul.hlpLnk>li.email { background-image:url('../../i/icons/icn-hlp-email.png'); }
ul.hlpLnk>li.fb { background-image:url('../../i/icons/icn-hlp-fb.png'); }
/* subscribe email */
.subscrbBox { position:relative; height:33px; }
input.fldSubscribe { float:left; width:86%; border:0; border-bottom:1px #666666 dashed; color:#666666; background:none; padding:7px 2px; font-size:13px; }
input.fldSubscribe:focus { border:0; border-bottom:1px #000000 dashed; color:#000000; background:none; }
input.btnSubscribe { float:left; width:30px; height:28px; padding:0; background:url('../../i/icons/icn-subscribe.png') no-repeat center center; }
.subscrAlert { display:none; position:absolute; bottom:-25px; font-size:12px; color:#FF9900; }
.subscrTarget { display:none; font-size:0; }
.subscrLoading { display:none; z-index:5; position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(242,242,242, 0.6) url('../../i/subscribe-loading.gif') no-repeat center center; }
/* ---------------------------------------------------------- */

/* FOOTER BAR */
footer#footerSection { z-index:50; width:100%; min-height:50px; background:#4C86A8; }
.footerWrap { position:relative; width:96%; max-width:1080px; overflow:hidden; }
.footerLf { float:left; margin:18px 0; }
.copyRg { float:left; margin-right:50px; padding:3px 0; color:#F0F0F0; font-size:12px; font-weight:500; }
ul.ftSocMed { list-style-type:none; overflow:hidden; }
ul.ftSocMed>li { cursor:pointer; float:left; width:22px; height:22px; background-repeat:no-repeat; background-position:center center; margin:0 5px; opacity:0.8; }
ul.ftSocMed>li:hover { opacity:1.0; }
ul.ftSocMed>li.fb { background-image:url('../../i/icons/icn-ft-fb.png'); }
ul.ftSocMed>li.twitter { background-image:url('../../i/icons/icn-ft-twitter.png'); }
ul.ftSocMed>li.instagram { background-image:url('../../i/icons/icn-ft-instagram.png'); }
.ftGoTop { cursor:pointer; position:absolute; width:34px; height:34px; top:0; bottom:0; right:0; margin:auto; background:url('../../i/icons/icn-totop.png') no-repeat center center; opacity:0.8; }
.ftGoTop:hover { opacity:1.0; }
/* ---------------------------------------------------------- */

/* HOME BANNER */
section#bannerSection { position:relative; width:100%; height:100vh; }
.bannerShdwTop { z-index:11; position:absolute; top:0; left:0; right:0; width:100%; height:250px; background:url('../../i/bg/shdw-top1.png') repeat-x; }
.bannerMain { z-index:10; position:absolute; top:0; bottom:0; left:0; right:0; }
.bannerFrame { display:none; position:relative; overflow:hidden; width:100%; height:100vh; background:#000000; }
.bannerImg { position:absolute; top:0; bottom:0; left:0; right:0; background-repeat:no-repeat; background-size:cover; background-position:center center; opacity:0.8; }
.bannerCntBox {
	position: absolute;
	text-align:center !important;
	/*width:50%;
	left:5.9%;*/
	max-width:50%;
	left:0; right:0;
	top:22%;
	margin:auto;
	text-align:left;
	padding:8px 10px;
}
h1.bannerTtl { font-size:50px; line-height:46px; font-weight:800; color:#FFFFFF; text-align:center; }
/* QPick Bar */
.qPickBar { z-index:10; position:absolute; left:0; right:0; bottom:0; height:15vh; background:rgba(238,238,238, 0.9); border-top:1px #FFFFFF solid; }
.qPickWrap { position:relative; width:96%; max-width:1080px; height:15vh; overflow:hidden; text-align:left; }
.qPickLf { position:absolute; top:10%; bottom:10%; left:0; width:52%; padding:5px 20px 5px 80px; border-right:2px #BBBBBB solid; background:url('../../i/icons/icn-newspick.png') no-repeat left center; font-size:16px; font-weight:500; justify-content: left; }
.qPickRg { position:absolute; top:10%; bottom:10%; right:0; width:23%; padding:5px 20px 5px 80px; background:url('../../i/icons/icn-chatcontact.png') no-repeat left center; font-size:18px; line-height:26px; font-weight:500; justify-content: left; }
ul.qPickContact { list-style-type:none; }
.qPickContact a { color:#333333; }
.qPickContact a:hover { color:#d6df27; }
/* ---------------------------------------------------------- */
/* BX SLIDER */
.bannerMain .bx-wrapper .bx-pager { z-index:52; width:auto; left:0; right:0; bottom:21%; }
.bannerMain.cntBanner .bx-wrapper .bx-pager { bottom:7% !important; }
.bannerMain .bx-wrapper .bx-pager.bx-default-pager a {
	float:left;
	border: 1px rgba(0,0,0,0.2) solid;
	background: #FFFFFF;
	text-indent: -9999px;
	/*display: block;*/
	width: 8px;
	height: 8px;
	margin: 0 3px;
	outline: 0;
	opacity:0.8;
	-webkit-border-radius: 50%;
		 -moz-border-radius: 50%;
					border-radius: 50%;
		-webkit-transition: all 0.3s;
			 -moz-transition: all 0.3s;
				-ms-transition: all 0.3s;
				 -o-transition: all 0.3s;
						transition: all 0.3s;
}
.bannerMain .bx-wrapper .bx-pager.bx-default-pager a:hover {
	opacity:1.0;
	background: #FFFFFF;
}
.bannerMain .bx-wrapper .bx-pager.bx-default-pager a.active {
	border: 1px rgba(0,0,0,0.2) solid;
	background: #f1cd7c;
	width: 25px;
	opacity:1.0;
	-webkit-border-radius: 5px;
		 -moz-border-radius: 5px;
					border-radius: 5px;
}
.bannerMain .bx-wrapper a {
		-webkit-transition: all 0.5s;
			 -moz-transition: all 0.5s;
				-ms-transition: all 0.5s;
				 -o-transition: all 0.5s;
						transition: all 0.5s;
}
.bannerMain .bx-wrapper .bx-prev {
  left: 2%;
  top:46%;
  width:40px; height:40px;
  background: url('../../i/icons/icn-bnrm-control.png') no-repeat 0 0;
  opacity:0.5;
}
.bannerMain .bx-wrapper .bx-next {
  right: 2%;
  top:46%;
  width:40px; height:40px;
  background: url('../../i/icons/icn-bnrm-control.png') no-repeat -45px  0;
  opacity:0.5;
}
.bannerMain .bx-wrapper .bx-prev:hover { opacity:1.0; } 
.bannerMain .bx-wrapper .bx-next:hover { background-position: -45px  0; opacity:1.0; }
.bannerMain .bx-wrapper .bx-prev:focus { background-position: 0  0; }
.bannerMain .bx-wrapper .bx-next:focus { background-position: -45px  0; }
/* ---------------------------------------------------------- */

/* HOME ABOUT */
section.hmScAbout { position:relative; width:100%; height:80vh; }
.hmAboutWrap { position:relative; width:96%; max-width:860px; overflow:hidden; }
.hmAboutLf { position:relative; float:left; width:48%; text-align:left; }
.hmAboutRg { position:relative; float:right; width:42%; overflow:hidden; }
.hmAboutRg img { max-width:100%; }
h2.hmAboutTtl { font-size:26px; margin-bottom:20px; }
.hmAbouMsg { font-size:14px; text-align:justify; }
label.hmAbout { font-size:15px; font-weight:500; }
ul.hmAboutLnk { list-style-type:none; overflow:hidden; margin-top:23px; }
ul.hmAboutLnk>li { float:left; border-right:1px #B2B2B2 solid; padding:12px 23px; margin-right:23px; background-repeat:no-repeat; background-position:left center; }
ul.hmAboutLnk>li:last-child { border:0;  margin-right:0; }
ul.hmAboutLnk>li.icnPlant { background-image:url('../../i/icons/icn-planting.png'); padding-left:54px; }
ul.hmAboutLnk>li.icnLeader { background-image:url('../../i/icons/icn-leader.png'); padding-left:38px; }
ul.hmAboutLnk>li>a { color:#53c7de; }
/* ---------------------------------------------------------- */

/* HOME LATEST PROJECT */
section.hmScProject { position:relative; width:100%; /*height:53.5vh;*/height:378px; background:#4C86A8; overflow:hidden; }
.hmProjectNote { position:absolute; top:0; bottom:0; left:0; width:25%; text-align:left; }
.hmProjectPhotos { position:absolute; top:0; bottom:0; right:0; width:75%; }
.hmProjectPhotos img { max-width:100%; }
.hmProjectDesc { position:relative; margin:8% 12%; } 
h2.hmProjectTtl { position:relative; font-size:28px; color:#FFFFFF; margin-bottom:30px; padding:8px 0; }
span.ttlLn { position:absolute; left:0; bottom:0; width:14%; height:4px; background:#D1D1D1; }
ul.hmProjectPoint { list-style-type:none; }
ul.hmProjectPoint>li { color:#FFFFFF; margin:10px 0; font-weight:500; line-height:18px; }
ul.hmProjectPoint>li>label { display:block; width:100%; font-size:11px; color:#B3B3B3; }
.hmProjectDesc { font-size:13px; line-height:16px !important; }
/* CAROUSEL */
.nvCrsl { z-index:10; cursor:pointer; position:absolute; top:0; bottom:0; margin:auto; width:47px; height:47px; opacity:0.5; background-image:url('../../i/icons/icn-prjarrw.png'); background-repeat:no-repeat; }
.nvCrsl:hover { opacity:1.0; }
.nvCrsl.crslPrv { background-position:0px center; left:25px; }
.nvCrsl.crslNxt { background-position:-52px center; right:25px; }
ul.prjCrsl { list-style-type:none; }
ul.prjCrsl li { position:relative; float:left; height:378px !important; margin-left:1px; overflow:hidden; }
ul.prjCrsl li:first-child { margin-left:0; }
ul.prjCrsl li img { max-height:100% !important; }
/* ---------------------------------------------------------- */

/* HOME UPDATES */
section.hmScUpdates { position:relative; width:100%; min-height:50vh; padding:90px 0 10px 0; }
.hmUpdatesWrap { position:relative; width:96%; max-width:1080px; overflow:hidden; }
ul.hmUpdatesLst { list-style-type:none; margin-top:10px; }
ul.hmUpdatesLst>li { position:relative; display:inline-block; width:44%; padding:2.5%; min-height:50vh; vertical-align:top; background:#F9F9F9; text-align:left; }
ul.hmUpdatesLst>li:nth-child(odd) { margin:5px 5px 5px 0; }
ul.hmUpdatesLst>li:nth-child(even) { margin:5px 0 5px 5px; }
.imgCntnr {
    position: relative;
    width: 100%;
    padding-bottom: 70%;
    overflow:hidden;
    /*float: left;*/
    height: 0;
}
.imgCntnr img {
	max-width:100%;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
}
.hmUpdatesTtl { font-size:18px; font-weight:500; margin-top:20px; }
.hmUpdatesTtl>a { color:#000000; }
.hmUpdatesTtl>a:hover { color:#53c7de; }
/* ---------------------------------------------------------- */

/* CONTENT HEADER */
section.pgScHeader { position:relative; width:100%; min-height:20vh; padding:140px 0 10px 0; background-repeat:no-repeat; background-position:center top; }
section.pgScHeader.press { min-height:10vh; } 
section.pgScHeader.about { background-image:url('../../i/bg/bg-mountain.png'); }
.pgHeaderWrap { position:relative; width:96%; max-width:1080px; overflow:hidden; }
.pgHeader { position:relative; }
h1.pgTtl { font-size:38px; line-height:38px; margin-bottom:20px; width:80%; /*max-width:550px;*/ }
.pgBrief { position:relative; color:#333333; width:100%; max-width:750px; margin-bottom:25px; text-align:justify; text-align-last:center; }
.pgBrief blockquote { font-size:16px; line-height:24px; font-weight:500; }
.pgBrief blockquote::before { font-family: "Times New Roman", Times, serif; content:'{'; color:#CCCCCC; font-size:140px; position:absolute; top:32px; left:-90px; }
.pgBrief blockquote::after { font-family: "Times New Roman", Times, serif; content:'}'; color:#CCCCCC; font-size:140px; position:absolute; top:32px; right:-90px; }
section.pgScHeader .pgBrief { margin-top:35px; }
/* page path */
.pgPath { font-size:13px; color:#333333; margin-bottom:12px; }
.pgPath a { color:#666666; }
.pgPath a:hover { color:#d6df27; }
.pgPath>span { color:#666666; font-weight:bold; }
.pgPath>label { color:#999999; padding:0 3px;  }
/* ---------------------------------------------------------- */

/* BODY CONTENT */
section.pgScContent { position:relative; width:100%; min-height:20vh; padding:10px 0; }
.contentWrap { position:relative; width:96%; max-width:1080px; }
.contentWrap.fullWrap { width:100%; max-width:none; }
.contentWrap.floatCnt { overflow:hidden; }
.contentWrap.bizGallery { min-height:300px; }
.pgImgFrame { display:inline-block; border:1px #E6E6E6 solid; padding:3px; }
.pgImgBox { min-height:50px; overflow:hidden; background:#cadfe2; }
.pgImgBox img { max-width:100%; }
.pageCnt { text-align:justify; margin-bottom:35px; line-height:20px; }
.smallCntBox { max-width:750px; margin:auto; }
.smallCntBox blockquote { font-size:18px; text-align:center; line-height:26px; }
/* ---------------------------------------------------------- */

/* POINT ABOUT US */
.aboutPointWrap { max-width:1145px !important; padding:0 0 20px 0; }
ul.aboutPt { list-style-type:none; margin-bottom:30px; }
ul.aboutPt>li { display:inline-block; width:29.5%; margin:1% 5% 1% 0; vertical-align:top; text-align:center; }
ul.aboutPt>li:nth-child(3n+0) { margin-right:0 !important; }
.aboutPtImg { margin-bottom:10px; width:100%; height:160px; }
.aboutPtImg img { max-width:100%; }
h2.aboutPtTtl { font-size:24px; margin-bottom:15px; }
.aboutPtBrief { text-align:justify; text-align-last:center; }
/* ---------------------------------------------------------- */

/* BUSINESS */
.bizWrap { max-width:1000px !important; padding:0 0 20px 0; }
ul.bizLst { list-style-type:none; }
ul.bizLst>li { position:relative; display:inline-block; width:30%; margin:1%; vertical-align:top; }
/*.bizLstThb { width:100%; height:190px; overflow:hidden;
	-webkit-border-radius: 3px;
		 -moz-border-radius: 3px;
					border-radius: 3px;
}
.bizLstThb img { max-width:100%; filter: brightness(80%); }*/
.bizLstThb img:hover { filter: brightness(100%); }
.bizLstThb {
    position: relative;
    width: 100%;
    padding-bottom: 62%;
    overflow:hidden;
    /*float: left;*/
    height: 0;
	-webkit-border-radius: 3px;
		 -moz-border-radius: 3px;
					border-radius: 3px;
}
.bizLstThb img {
	max-width:100%;
	filter: brightness(80%);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
}
.bizLstCnt { margin-top:10px; }
h2.bizLstTtl { font-size:16px; line-height:20px; font-weight:600; }
h2.bizLstTtl>a { color:#000000; }
h2.bizLstTtl>a:hover { color:#53c7de; }
/* ---------------------------------------------------------- */

/* DEVELOPMENT */
.devLstWrap { position:relative; width:96%; max-width:1080px; overflow:hidden; }
.devColImg { float:left; width:52%; border:1px #E6E6E6 solid; padding:3px; }
.devImgBox { width:100%; height:350px; overflow:hidden; background:#cadfe2; }
.devImgBox img { max-width:100%; }
.devColNote { position:absolute; top:0; bottom:0; right:0; width:42%; text-align:left; }
ul.devLst { list-style-type:none; }
ul.devLst>li { background:#FAFAFA; padding:4% 0; }
ul.devLst>li:nth-child(even) { background:transparent; }
ul.devLst>li:nth-child(even) .devColImg { float:right; }
ul.devLst>li:nth-child(even) .devColNote { right:auto; left:0; text-align:right; text-align-last:right; }
h2.devLstTtl { font-size:24px; margin-bottom:15px; }
.devLstBrief { text-align:justify;  }
/* ---------------------------------------------------------- */

/* PRESS */
.nwsWrap { width:96%; max-width:1080px; padding:0 0 30px 0; overflow:hidden; }
ul.nwsLst { list-style-type:none; overflow:hidden; }
ul.nwsLst>li { position:relative; float:left; width:28.3%; margin:1% 1% 2% 0; padding:2% 2%; min-height:380px; vertical-align:top; background:#F9F9F9; text-align:left; }
ul.nwsLst>li:nth-child(3n+0) { margin-right:0; }
/* ---------------------------------------------------------- */

/* PRESS READ */
.nwsLf { float:left; width:65%; }
.nwsRg { float:right; width:27%; padding-top:40px; }
h1.readTtl { font-size:34px; line-height:36px; font-weight:500; }
h2.readSubTtl { font-size:24px; line-height:26px; font-weight:500; margin-bottom:15px; }
h4.readMoreTtl { font-size:18px; line-height:20px; padding-bottom:10px; border-bottom:5px #999999 solid; }
.readPic {
		margin:30px 0;
		background:#EEEEEE;height:450px;
		max-height:450px;
		-webkit-border-radius: 3px;
			 -moz-border-radius: 3px;
						border-radius: 3px;
}
.readPic img {
		max-width:100%;
}
.readCnt { text-align:justify; font-size:15px; line-height:22px; margin-bottom:35px; }
ul.nwsOthers { list-style-type:none; }
ul.nwsOthers>li { position:relative; padding:15px 0; border-bottom:1px #666666 dashed; }
h3.nwsOthersTtl { font-size:16px; line-height:22px; font-weight:500; }
.noNws { font-style:italic; padding:10px 0; opacity:0.5; }
/* ---------------------------------------------------------- */

/* CAREER */
section.pgScCareer { position:relative; width:100%; padding:40px 0; margin:50px 0; background:#FAFAFA; }
.careerWrap { position:relative; width:96%; max-width:930px; overflow:hidden; }
h2.careerTtl { font-size:30px; line-height:30px; margin-bottom:20px; }
/*table */
table.careerTbl { table-layout:auto; width:100%; border-collapse:collapse; margin-top:30px; }
table.careerTbl tr { border-bottom:1px #DDDDDD solid; }
table.careerTbl tr:last-child { border-bottom:0; }
table.careerTbl td, table.careerTbl th { padding:13px 10px; border-left:1px #DDDDDD solid; text-align:left; }
table.careerTbl th { background-color:#F0F0F0; }
table.careerTbl td:first-child, table.careerTbl th:first-child { border-left:0; text-align:center; width:6%; }
table.careerTbl td {  }
table.careerTbl td:last-child { text-align:center; width:12%; }
/* ---------------------------------------------------------- */

/* CONTACT US */
.contactWrap { position:relative; width:96%; max-width:820px; overflow:hidden; }
h2.contactSubTtl { font-size:24px; line-height:24px; margin-bottom:15px; }
h2.contactSubTtl>label { display:inline-block; border-bottom:2px #666666 dashed; padding-bottom:5px; }
ul.contactLst { list-style-type:none; overflow:hidden; margin:20px 0 40px 0; }
ul.contactLst>li { position:relative; display:inline-block; width:43%; margin:2% 3%; text-align:left; vertical-align:top; }
ul.contactLst>li>h3 { font-size:16px; line-height:18px; margin-bottom:10px; }
ul.contactLst>li>div { font-size:13px; line-height:18px; margin-bottom:10px; }
ul.contactGrp { list-style-type:none; margin:30px 0; }
ul.contactGrp>li { display:inline-block; vertical-align:top; width:26%; margin-left:6%; font-size:14px; text-align:left; }
ul.contactGrp>li:first-child { margin-left:0; }
ul.contactGrp>li>label { display:block; font-size:13px; line-height:20px; font-weight:bold; margin-bottom:10px; }
.contactGap { height:50px; }
/* ---------------------------------------------------------- */

/* MANAGEMENT TEAM */
ul.lstTeam { list-style-type:none; text-align:center; }
ul.lstTeam>li { display:inline-block; width:28%; margin:2%; }
.teamPic { position:relative; width:100%; height:0; padding-bottom:90%; background:#F0F0F0; margin-bottom:20px; }
.teamCnt { position:relative; }
.teamCnt>label { display:block; font-size:14px; line-height:16px; }
h4.teamName { margin-bottom:5px; font-size:18px; line-height:20px; }
/* --------------- */

/* PAGING BOTTOM */
section.pgScPaging { position:relative; width:100%; padding:5px 0 10px 0; margin-top:30px; margin-bottom:60px; background:#F9F9F9; }
.pagingWrap { position:relative; width:96%; max-width:1080px; height:130px; }  
.prevBx { position:absolute; left:0; top:0; bottom:0; width:40%; background:url('../../i/icons/icn-pgprev.png') no-repeat left center; }
.nextBx { position:absolute; right:0; top:0; bottom:0; width:40%; background:url('../../i/icons/icn-pgnext.png') no-repeat right center; }
.pageLnk { cursor:pointer; opacity:0.8; }
.pageLnk:hover { opacity:1.0; }
.pageLnk>label { display:block; font-size:13px; margin-bottom:8px; }
.pageLnk>a { color:#000000; font-size:30px; line-height:32px; font-weight:600; }
.pageLnk>a:hover { color:#53c7de; }
.pageLnk.pagePrevBox { text-align:left; padding:20px 10px 20px 60px; }
.pageLnk.pageNextBox { text-align:right; padding:20px 60px 20px 10px; }
/* ---------------------------------------------------------- */

/* TILEWALL */
#tile-wall {
	margin-bottom:10px;
}
.tile {
	overflow:hidden;
}
.tile img { max-width:100%; }
.tile-nav {
	
}
.tile-fixed {
	
}
/* ---------------------------------------------------------- */

/* MOBILE SETUP */
.tagMobile { display:none; }
#mobileNav { display:none; }
#mobileNavClose { display:none; }
.mobileOnly { display:none; }