/** Latest updated - 20160802 **/

/* ----------------------------------------------------------------
    General Styles
-----------------------------------------------------------------*/
/* Last updated - 201608021019AM */
body {
}

a {
    text-decoration: none !important;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	/* ...and now for the proper property */
	transition:.5s;
}

dl, dt, dd, ol, ul, li {
    margin: 0;
    padding: 0;
}

.clear {
    clear: both;
    display: block;
    font-size: 0px;
    height: 0px;
    line-height: 0;
    width: 100%;
    overflow:hidden;
}

:active, :focus { outline: none !important; }

a img { border: none; }

img { max-width: 100%; }

iframe { border: none !important; }

.tright { text-align: right !important; }

.tleft { text-align: left !important; }

.fright { float: right !important; }

.fleft { float: left !important; }

.fnone { float: none !important; }

.ohidden {
    position: relative;
    overflow: hidden !important;
}

.allmargin { margin: 50px !important; }

.leftmargin { margin-left: 50px !important; }

.rightmargin { margin-right: 50px !important; }

.topmargin { margin-top: 50px !important; }

.bottommargin { margin-bottom: 50px !important; }

.clear-bottommargin { margin-bottom: -50px !important; }

.allmargin-sm { margin: 30px !important; }

.leftmargin-sm { margin-left: 30px !important; }

.rightmargin-sm { margin-right: 30px !important; }

.topmargin-sm { margin-top: 30px !important; }

.bottommargin-sm { margin-bottom: 30px !important; }

.clear-bottommargin-sm { margin-bottom: -30px !important; }

.allmargin-lg { margin: 80px !important; }

.leftmargin-lg { margin-left: 80px !important; }

.rightmargin-lg { margin-right: 80px !important; }

.topmargin-lg { margin-top: 80px !important; }

.bottommargin-lg { margin-bottom: 80px !important; }

.clear-bottommargin-lg { margin-bottom: -80px !important; }

.nomargin {margin: 0 !important; }

.noleftmargin { margin-left: 0 !important; }

.norightmargin { margin-right: 0 !important; }

.notopmargin { margin-top: 0 !important; }

.nobottommargin { margin-bottom: 0 !important; }

.header-stick { margin-top: -50px !important; }

.content-wrap .header-stick { margin-top: -80px !important; }

.footer-stick { margin-bottom: -50px !important; }

.content-wrap .footer-stick { margin-bottom: -80px !important; }

.noborder { border: none !important; }

.noleftborder { border-left: none !important; }

.norightborder { border-right: none !important; }

.notopborder { border-top: none !important; }

.nobottomborder { border-bottom: none !important; }

.noradius { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important; }

.col-padding { padding: 60px; }

.nopadding { padding: 0 !important; }

.noleftpadding { padding-left: 0 !important; }

.norightpadding { padding-right: 0 !important; }

.notoppadding { padding-top: 0 !important; }

.nobottompadding { padding-bottom: 0 !important; }

.noabsolute { position: relative !important; }

.noshadow { box-shadow: none !important; }

.hidden { display: none !important; }

.nothidden { display: block !important; }

.inline-block {
    float: none !important;
    display: inline-block !important;
}

.center { text-align: center !important; }

.divcenter {
    position: relative !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.bgcolor,
.bgcolor #header-wrap { background-color: #cccccc !important; }

.color { color: #cccccc !important; }

.border-color { border-color: #cccccc !important; }

.nobg { background: none !important; }

.nobgcolor { background-color: transparent !important; }

.bgicon {
    display: block;
    position: absolute;
    bottom: -60px;
    right: -50px;
    font-size: 210px;
    color: rgba(0,0,0,0.1);
}

.section {
    position: relative;
    margin: 30px 0;
    padding: 30px 0;
    /*background-color: #e6ecff;*/
    overflow: hidden;
}

.parallax {
    background-color: transparent;
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
    overflow: hidden;
}

.mobile-parallax {
    background-size: cover !important;
    background-attachment: scroll !important;
    background-position: center center;
}

.section .container { z-index: 2; }

.section .container + .video-wrap { z-index: 1; }

.revealer-image {
    position: relative;
    bottom: -100px;
    transition: bottom .3s ease-in-out;
    -webkit-transition: bottom .3s ease-in-out;
    -o-transition: bottom .3s ease-in-out;
}

.section:hover .revealer-image { bottom: -50px; }


/* ----------------------------------------------------------------
    Columns & Grids
-----------------------------------------------------------------*/
.postcontent { width: 860px; }
.postcontent.bothsidebar { width: 580px; }
.sidebar { width: 240px; }
.col_full { width: 100%; }
.col_half { width: 48%; }
.col_one_third { width: 30.63%; }
.col_two_third { width: 65.33%; }
.col_one_fourth { width: 22%; }
.col_three_fourth { width: 74%; }
.col_one_fifth { width: 16.8%; }
.col_two_fifth { width: 37.6%; }
.col_three_fifth { width: 58.4%; }
.col_four_fifth { width: 79.2%; }
.col_one_sixth { width: 13.33%; }
.col_five_sixth { width: 82.67%; }
body.stretched .container-fullwidth {
    position: relative;
    padding: 0 60px;
    width: 100%;
}

.postcontent,
.sidebar,
.col_full,
.col_half,
.col_one_third,
.col_two_third,
.col_three_fourth,
.col_one_fourth,
.col_one_fifth,
.col_two_fifth,
.col_three_fifth,
.col_four_fifth,
.col_one_sixth,
.col_five_sixth {
    display: block;
    position: relative;
    margin-right: 4%;
    margin-bottom: 50px;
    float: left;
	line-height:20px;
}

.postcontent,
.sidebar { margin-right: 40px; }

.col_full {
    clear: both;
    float: none;
    margin-right: 0;
}

.postcontent.col_last,
.sidebar.col_last { float: right; }

.col_last {
    margin-right: 0 !important;
    clear: right;
}

/* ----------------------------------------------------------------
    Corporate Info
-----------------------------------------------------------------*/ 
/* Last updated - 201608021019AM */
.corp-info-container{	
}

.corpInfo th{
	font-weight:700;
	width:25%;
}

.corpInfo_subHeader{
	background:#666;	
	color:#fff;
	text-align:center;
	width:25%;
}

.corpInfoListing{
	list-style:lower-latin;
}

.corpInfoListing li{
	padding:3px 0px;
}


/* ----------------------------------------------------------------
    Director Profile
-----------------------------------------------------------------*/
/* Last updated - 201608021019AM */
.directorProfile{
	border:0px;
}

.directorProfile .panel{
	border:0px;
	display:block;
	-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0); 
	box-shadow: 0 0px 0px ;
}


.directorProfile .panel-title {
	font-size:15px;
	display:block;
	height:20px;
}

.directorProfile .panel-heading{
	background:none; 
	padding:5px 0px 0px 0px;
	border-color: 1px solid transparent;
	
}

.panel-default > .panel-heading {
  color: #333;
  border-color: 0px solid transparent;
}

.directorProfile .panel-body{
	padding:0px;
	margin-bottom:20px;
	border:none;
}

.directorProfile .panel-heading + .panel-collapse > .panel-body{
	border:0px solid #ccc;
}

.directorProfile .panel-title:hover{
	display:block;
	height:20px;
}

.directorProfile .panel-title .collapsed{
	font-size:15px;
	display:block;
	height:20px;
}

.directorProfile .panel-heading .accordion-toggle.collapsed:after, .directorProfile .panel-heading .accordion-toggle:after  {
	position:relative;
	float:right;
	top:-30px;
	overflow: no-display;
	padding:0 5px 0 0;
}


.directorProfile a.accordion-toggle{
	text-decoration: none;
}

.directorDesignation{
	font-weight:normal;
	font-size:13px;
	color:#333;
	padding-bottom:10px;
}

.directorProfileContainer .pic{
	float:left;
	padding-right:15px;
	padding-bottom:10px;
}

.directorProfileContent{
	color:#444;
	text-align:justify;
	line-height:18px;
	border-bottom:1px solid #f3f3f3;
}
	
.directorName{
	font-size:18px;
	color:#157eae;
}

.directorName::after{
	content:"";
	display:block;
	width:50px;
	border-bottom:2px solid #888;	
}


/* ----------------------------------------------------------------
    Annual Audited Account
-----------------------------------------------------------------*/
/* Last updated - 201608091349PM */

.circularsContainer{
	margin-top: 15px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
}

.circulars{
	/*padding:10px 0px;*/
	margin-bottom:20px;
}

.circularDate{
	padding-bottom:10px;
	font-weight:bold;
}

.circularContent{
	text-align:justify;
}

.circularButton{
	padding-top:20px;
	/*width:300px;*/
}

.circularButton span{
	padding-left:40px;
	margin-bottom:5px;
	padding-top:1px;
}



