@charset "utf-8";
/* CSS Document */
body
{
	font-family: 'Lato', sans-serif;
	font-size:14px;
	line-height:20px;
	color: #2b2b2b;
	font-weight:400;
}
a, a:hover, a:focus, a:active
{
	text-decoration:none;
}
a
{
  color: #e21f26;
}
a:hover
{
	color:#134b97;
}
h1, h2, h3, h4
{
	font-family: 'Ubuntu', sans-serif;
	font-weight:400;
}
p
{
	 text-align:justify;
}
h3
{
	margin-top:0px;
	margin-bottom:20px;
	color:#134b97;
}
header
{
	margin-top:30px;
	position:fixed;left:0;right:0;
	z-index:1030;	
}
.logo img
{
	/*padding-top:11px;*/
	/*padding-top:10px;*//*14june2019*/
}
header .row
{
	background-color:rgba(255,255,255,0.75);
	padding:10px 20px;
}
.big-text
{
	font-size:17px;font-style:italic;font-weight:500;
	margin-bottom:20px;line-height:23px;text-align:justify;
}
.mt30
{
	margin-top:30px;
}
.map-text {
    width: 43%;
    margin: 0 auto;
    background-color: #ddd;
    padding: 15px 30px;
    border-radius: 3px;
    background-color: rgb(242, 222, 223);
    font-size: 15px;line-height:18px;
    text-align: justify;
    font-style: italic;
    text-align: center;
}
iframe
{
	display:block;border:0;margin:0;
}
.videoWrapper {
	position: relative;
	padding-bottom:75%; /* 16:9 */			
	height: 0;
}
#cw-videos .videoWrapper
{
	padding-bottom:56.25%; /* 16:9 */	
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.videos figure {
  display: block;
  background: #ededed;
  padding: 10px;
}	
.videos figcaption {
  display: block;
  text-align: center;
  margin: 10px 0;
  font-style: italic;
  font-size: 14px;
  orphans: 2;
}
.videos iframe
{
	padding-bottom:10px;
}
hr.style-two {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.035), rgba(87, 84, 84, 0.25), rgba(0, 0, 0, 0.035));
    margin: 40px 0px 30px;
}
.back-to-top {
   width: 40px;
   height: 40px;
   line-height: 40px;
   background: #555;
   text-align: center;
   display: block;
   position: fixed;
   bottom: 25px;
   right: 25px;
   z-index: 99999;
   color: #fff;
   transition: 0.3s;
   cursor: pointer;
}
/**********Menu css***********/
/********End Menu css*******/
#banner
{
	background-image:url(../images/slider-img1.jpg);
	background-repeat:no-repeat;	
	width:100%;
	background-size:cover;
	background-position:center center;
	z-index:-99;
	top:0;
}
#banner .banner-title
{
	font-size:28px;	
	text-align:center;
	padding:300px 0px;line-height:35px;
}
#banner .banner-title span
{
	display:inline-block;
	background-color:rgba(0,0,0,0.5);
	padding:25px 35px;
	color:#ddd;		
	font-family: 'Ubuntu', sans-serif;
	font-weight:300;
}
#box-section
{
	background-color:#f4f4f4;
}
.box
{
	background-color:#fff;
	min-height:200px;
	text-align:center;
	padding:15px 20px 45px 20px;height:100%;position:relative;
	box-shadow: 0 8px 6px -6px #999;
	border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px	
}
.box a
{
	position:absolute;bottom:20px;left:0; right:0;text-align:center;font-weight:500;
}
.img-box
{
   width:85px;height:85px;
   background-color:#bf252a;
   border-radius:50%;display:table;
   margin:0 auto;margin-top:-70px;
}
.img-box img
{
	
}
.valign
{
	display:table-cell;vertical-align:middle;
}
.valign-wrapper
{
	display:table; height:100%;width:100%;
}
.box h4
{
	font-size:18px;color:#333;
	position:relative;text-align:center;
	padding-bottom:10px;font-weight:600;
	margin-top: 14px;
	
}
.box h4:after {
    content: "";
    position: absolute;
    width: 60px;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 2px solid #134b97;
	margin:0 auto;
}
.list-item {
    list-style-type: none;
    padding-left: 0px;
    margin-bottom: 0px;
	
}
.profile-text
{
	padding: 20px 24px;
    height: 100%;
    background-color: rgba(191,37,42,0.04);
}
.profile-text p
{
	text-align:justify;
}
.list-item li {
    position: relative;
    padding-left: 24px;    
    text-align: justify;  
    margin: 3px 0px;
}
.list-item li:last-child p
{
	margin-bottom:0px;
}
.list-item li:before {
    position: absolute;
    top: 0;
    left: 0;
    font-family: FontAwesome;
    content: "\f0a4";
    color: #bf252a;
    font-size: 16px;
}
.pofile-bg
{
	background-image:url(../images/corporate-profile-banner.jpg);
	background-repeat:no-repeat;background-size:cover;
	background-position:center center;
	height:100%;
}




.header
{
	background-color:rgba(255,255,255,0.88);
	position:fixed;width:100%;
	z-index:999999;box-shadow: 0 0 50px rgba(0,0,0,0.8);
}
#innerpage-banner
{
	height:368px; /*background-color:rgba(0,0,0,0.2);	*/
}
#innerpage-banner .innerpage-banner
{
	background: url(../images/banners/corporate-profile.jpg) no-repeat;
    background-size: cover; height:100%;  
    z-index: -1;
    width: 100%;
	background-position:center center;
	position:relative;		
}

#innerpage-banner .contactus-banner
{
	background: url(../images/banners/contactus.jpg) no-repeat;	  
}
#innerpage-banner .ir-banner
{
	background: url(../images/banners/ir.jpg) no-repeat;
	background-position: center center !important;	
	
}
#innerpage-banner .restaurant-banner
{
	background: url(../images/banners/restaurant.jpg) no-repeat;
	background-position: center left !important;
}
#innerpage-banner .overview-banner
{
	background: url(../images/banners/overview.jpg) no-repeat;
}
#innerpage-banner .retails-banner
{
	background: url(../images/banners/retails.jpg) no-repeat;
}
#innerpage-banner .offices-banner
{
	background: url(../images/banners/offices.jpg) no-repeat;
	
}
#innerpage-banner .industrials-banner
{
	background: url(../images/banners/industrials.jpg) no-repeat;
	
}
#innerpage-banner .bod-banner
{
	background: url(../images/banners/bod.jpg) no-repeat;
	
}
#innerpage-banner .manager-banner
{
	background: url(../images/banners/manager.jpg) no-repeat;
	
}
#innerpage-banner .events-banner
{
	background: url(../images/banners/events.jpg) no-repeat;
	
}
.contactus-banner, .ir-banner, .restaurant-banner, .overview-banner, .retails-banner, .offices-banner, .industrials-banner, .bod-banner, .manager-banner, .events-banner
{
	background-size: cover !important;   
    z-index: -1;background-repeat:no-repeat;
    width: 100%;height:100%;
	background-position:center center !important;
	position:relative;			
}
#innerpage-banner h1
{
	font-style: italic; padding-top:60px;   
    font-size: 40px;
    line-height: 44px;
    letter-spacing: 1px;
    font-weight: 900;
    color: #fff;
    text-transform: none;	 
	 text-align:center;
	  margin:0 auto; height:100%;
}
#innerpage-banner h1.container
{
	position:relative;
}
#innerpage-banner h1 span
{
	background-color: rgba(0,0,0,0.7);
    padding: 10px 30px;
    border-radius: 1px;
	position:absolute;bottom:0;right:12px;
}
#body-content
{
	margin:38px 0px;
}
#properties
{
	background-color: #f4f4f4;
    padding-top: 50px;
    padding-bottom: 50px;
}
#properties h3, #cw-videos h3
{
	text-align:center;margin-bottom:25px;
}
#cw-videos
{
	margin-bottom:50px;
}




.directory table
{
	width: 100%;
    margin: 0px 0px 15px 0px;
}
.directory table i
{
	display:block;margin-bottom:10px;
	font-size:25px; color:#555
}
.directory table tr
{
	box-shadow: -8px 15px 10px -15px #ccc;
}
.directory table tr td:first-child
{
	text-align:center;
	 font-size:15px;line-height:18px;
	 text-transform:uppercase;
	 background-color: rgba(226,31,38,0.2);
	 border-right: 2px solid #f1f1f1;color:#444;
}
.directory table td {
    padding: 18px 14px;
    text-align: center;
    font-size: 14px;
    text-align: left;
	background-color:rgba(0,0,0,0.02);
}
.directory ul
{
	list-style:none;padding-left:0px;
}
.directory ul li a
{
	color:inherit;
}
.directory ul li
{
	position: relative;
    padding-left: 32px;
    margin-bottom: 0px;
    text-align: justify;
	margin-top:12px;	 
}
.directory ul li span
{
	display:block;font-size:13px;
}
.directory ul li:first-child
{
	margin-top:0px;
}

.directory ul li:before
{
	
    font-family: FontAwesome;
    margin-right: 08px;
	position:absolute;top:0;left:0;
	background-color: #eee ;
    padding:0px;
    border-radius: 47px;
	color:#555;
	font-size: 12px;
    width: 20px;
    height: 20px;    
    text-align: center;	    
}
.directory ul li.web-icon:before
{
	    content: "\f0ac";
}
.directory ul li.phone-icon:before
{
	    content: "\f095";
}
.directory ul li.fax-icon:before
{
	    content: "\f1ac";
}
.directory ul li.mail-icon:before
{
	    content: "\f0e0";
}
.directory ul li.weblink:before 
{
	content: "\f0c1";
}
.directory ul li.user-icon:before 
{
	content: "\f061";
}


footer
{
	background-color:#134b97;
	padding:16px 0px 12px 0px;
	color:#fff;font-size:13px;	
}
footer a
{
	color:#fff;
}
footer .col-lg-8 a
{
	
}
footer .col-lg-8 a:hover
{
	t
}
footer a:hover
{
	color:#e21f26;
}
footer p
{
	margin-bottom:0px;
}
footer span
{
	margin-left:08px;
}
.termsofuse h3
{
	margin:30px 0px 10px 0px;color: #134b97;
	font-size:18px;font-weight:500;
}
.termsofuse p
{
	text-align:justify;
}
.privacy-policy td
{
	vertical-align: top !important;
    text-align: justify;
}
.privacy-policy h3, .list-num
{
	color: #134b97;
    font-weight: 500;
    font-size: 18px;
    margin:0px 0px 10px 0px;
    text-align: left;padding-top:20px;
}
.privacy-policy ul {
    list-style-type: none;
    padding-left: 5px;
}
.privacy-policy li {
    position: relative;
    padding-left: 26px;
    margin-bottom: 10px;
    text-align: justify;
}
.privacy-policy li:before {
    position: absolute;
    top: 0;
    left: 0;
    font-family: FontAwesome;
    content: "\f0a9";
    color: #e21f26;
    font-size: 16px;
}
.privacy-policy .address
{
	margin: 20px 0px 20px;   
    border: 1px solid #ccc;
    padding: 20px 25px;   
    border-radius: 3px;
    display: inline-block;
}
.privacy-policy .address h5
{
	font-size:16px;font-weight:500;color:#000;
	margin-bottom:6px;
}
.privacy-policy .address p
{
	margin-bottom:3px;
}
.list-num
{
	font-weight:600;
}
.team-image {
    position: relative;
}
#effect-6 .img
{
	border:2px solid #eaeaea;padding:20px;
}















/* ============================================================
  GLOBAL
============================================================ */
.effects {
  /*padding-left: 15px;*/ width:60%;margin:0 auto;margin-top:50px;
}
.effects .img {
  position: relative;
  /*float: left; */
  overflow: hidden;
}
.effects .img:nth-child(n) {
  margin-right: 5px;
}
.effects .img:first-child {
  /*margin-left: -15px;*/
}
.effects .img:last-child {
  margin-right: 0;
}
.effects .img img {
  display: block;
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: auto;
}

.overlay {
  display: block;
  position: absolute;
  z-index: 20;
  background: rgba(0, 0, 0, 0.55);
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

a.close-overlay {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  width: 45px;
  height: 45px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 45px;
  text-align: center;
  background-color: #000;
  cursor: pointer;outline:none;
}
a.close-overlay.hidden {
  display: none;
}

a.expand {
  display: block;
  position: absolute;
  z-index: 100;
  width: 60px;
  height: 60px;
  border: solid 5px #fff;
  text-align: center;
  color: #fff;
  line-height: 50px;
  font-weight: 700;
  font-size: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;outline:none;
}
/* ============================================================
  EFFECT 6 - ICON BOUNCE IN
============================================================ */
#effect-6 .overlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
}
#effect-6 .overlay a.expand {
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#effect-6 .img.hover .overlay {
  opacity: 1;
}
#effect-6 .img.hover .overlay a.expand {
  top: 50%;
  margin-top: -30px;
  opacity: 1;
}

/*================================================
Media Releases css starts here
==================================================*/

.mr-sec{
	float:left;
	width:100%;
	display:block;
	background:#f7f7f7;
	/*margin-bottom:30px;*/
	padding:30px;
	border-bottom:3px solid #134b97;
 
	 
}
 
.mr-date{
	float:left;
	width:100%;
	margin-bottom:30px;
	font-size:16px;
	font-weight:bold;
	color:#134b97;
}
.mr-title{
	float:left;
	width:100%;
	margin-bottom:30px;
	font-size:16px;
	font-weight:normal;
}
.mr-title span{
	display:block;
	font-weight:bold;
}
.mr-cont{
	font-size:16px;
	line-height:24px;
	font-weight:normal;
	text-align:justify;
	margin-bottom:30px;
}
.read-more{
	float:left;
	width:100%
}
.read-more a{
	
	color:#e21f26;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}
.read-more a:hover{
	display:block;
	color:#134b97;
	text-decoration:none;
}
.read-more a:after{
	content:'\f138';
	display:inline-block;
	font-family:Fontawesome;
	font-size:16px;
	font-weight:bold;
	margin-left:8px;
	line-height:12px;
	position:relative;
	top:1px;
}


/*******BOD New Design css**********/
.readmore {
   background-color: rgba(226,31,38,0.7);
    padding: 7px 0px;color:#fff;
    margin-top: 25px;
    position: absolute;
    bottom: 0px;    
    left: 0;
    right: 0;
    width: 100%;
    margin: 0 auto;border-radius:0px;
}
.manager-wrapper .people-item:hover .readmore
{
	 background-color: rgba(19,75,151,0.7);
}
.manager-wrapper i
{
	background-color: #444;
    padding: 12px;
    border-radius: 20px;
    margin-bottom: 6px;
	display:none;color:#ccc;
}
.people-list
{
	margin-bottom:10px;
}
.manager-wrapper .open .person-widget
{
	
    /*border-top: 2px solid #134b97;  */
	
}
.manager-wrapper .person-widget
{
	padding: 06px 08px;
    border-top: 2px solid #f1f1f1;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	background-color: rgba(0,0,0,0.09);
	box-shadow: 0 8px 6px -9px #999;
	background:url(../images/team-bg.jpg);
	background-repeat:no-repeat;background-size:cover;
	background-position:center center;
	
}
.manager-wrapper .person-widget .text-wrap 
{
	min-height:150px;text-align:center;display:table;    padding: 0px 0px 29px 0px;
}
.manager-wrapper .person-details
{
	padding-left:30px;padding-right:30px;
}
.manager-wrapper .person-widget .name::after,  .manager-wrapper .people-item.open .person-widget .name::after
	{
		 content:'';
		 display:block;
	}
.manager-wrapper .people-item.open .person-widget .text-wrap
{
	background-color:transparent;
}
.manager-wrapper .people-item.open .person-widget .name
{
	color:inherit;
}
.manager-wrapper .people-item .person-widget .name,
.manager-wrapper .people-item.open .person-widget .name
{
	color:#fff;font-size:18px;
}
.manager-wrapper .people-item .person-widget .position, .manager-wrapper .people-item.open .person-widget .position
{
	color:#c4c4c4;
}

.manager-wrapper .people-item.open .person-widget .readmore
{
	background-color:#134b97;color:#fff;
}
.person-widget {
    margin-bottom: 19px;
    cursor: pointer;
}
.latest-feature, .person-widget {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 30px;
    background: #fff;
    box-shadow: 0 10px 20px 0 rgba(2,21,48,0.15);
}
.person-widget .img-wrap {
    -webkit-box-flex: initial;
    -webkit-flex: initial;
    -ms-flex: initial;
    flex: initial;
}
.latest-feature .img-wrap, .person-widget .img-wrap {
    width: 100%;
    float: left;
    position: relative;
}
.img-wrap {
    width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 270px;
    -ms-flex: 0 0 270px;
    flex: 0 0 270px;
}
.person-widget .img-wrap img {
    height: auto;
}
.latest-feature .img-wrap img, .person-widget .img-wrap img {
    width: 100%;
    margin-bottom: 0;
    
}
.img-wrap img {
    width: 100%;
    margin-bottom: 20px;
}
.people-item.open .person-widget .text-wrap {
    background-color: #134b97;
}
.person-widget .text-wrap {
    padding: 16px 15px 28px 24px;
}
.latest-feature .text-wrap, .person-widget .text-wrap {
    width: 100%;
    float: left;
    padding: 15px 18px 15px 24px;
	min-height: 100px;
}
.people-item.open .person-widget .name, .people-item:hover.open .person-widget .name::after {
    color: #fff;
}
.people-item.open .person-widget .position {
    color: #fff;
}
.latest-feature .text-wrap span, .person-widget .text-wrap span {
    display: block;
}
.person-widget .name {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 6px;
    position: relative;padding-right:20px;
}
.people-item.open .person-widget .name::after, .people-item.open .person-widget .readmore::after {
    content: '\f176';
    color: #fff;
    opacity: 0.7;
}
.person-widget .text-wrap:hover .name::after {
    color: #134b97;
}
.text-wrap:hover .readmore::after
{
	color:#fff;
}
.person-widget .name::after, .readmore::after {
    content: '\f175';
    display: inline-block;
    font-family: FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    font-size: 18px;
    color: #c32445;
}
.readmore::after {
    content: '\f175';
    font-family: FontAwesome;
    font-size: inherit;
    display: initial;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: initial;
    font-size: 14px;
    color: #fff;
    top: 0;
    margin-left: 10px;
    vertical-align: middle;
}

.person-widget .position {
    text-transform: uppercase;    
    font-size: 11px;
    line-height: 14px;
    letter-spacing: 1px;
    color: #888;font-weight:550;   
}
.person-details {
    position: relative;
    margin-bottom: 25px;
    padding: 25px 35px 34px;
    background-color: #fff;
    box-shadow: 0 10px 20px 0 rgba(2,21,48,0.15);
    float: left;
   display:none;
    z-index: 10;
}
.person-details p
{
	text-align:justify;
}
.btn-close {
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 20px;
    padding: 0;
    top: 22px;
    right: 22px;
    color: #fff;
    background-color: transparent;
    border: 0;
    cursor: pointer;
	outline:none;
	 -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.btn-close::after {
    display: inline-block;
    font-family: FontAwesome;
    font-size: inherit;
    content: '\f00d';
    position: absolute;
    display: block;
    top: -5px;
    right: 0;
    color: #c3c3c3;
    font-size: 26px;
}
.person-details
{
	border: 1px solid #ccc;
    padding: 50px 5px;
}
.people-list .people-item .person-details {
    width: 100%;
}

/*******End BOD New Design css**********/

.manager-objectives
{
	background-color: rgba(191,37,42,0.04);
	padding:10px 25px;
	margin-bottom:15px;
	border-left:4px solid #e21f26;
	box-shadow: 0px 15px 10px -15px #111;    
}
.manager-objectives li
{
	margin:10px 0px; 
}



.bottommargin {
    margin-bottom: 50px !important;
}
.feature-box.fbox-bg.fbox-center:first-child {
    margin-top: 48px;
}
.feature-box.fbox-bg.fbox-center {
    margin-top: 68px;
    padding: 68px 30px 30px;
    background-color: #FFF;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
}
.feature-box.fbox-center {
    padding: 0;
    text-align: center;
}
.feature-box:first-child {
    margin-top: 0;
}
.feature-box {
    position: relative;
    margin-top: 20px;
    padding: 0 0 0 80px;
}
.feature-box.fbox-bg.fbox-center.fbox-plain .fbox-icon, .feature-box.fbox-bg.fbox-center.fbox-border .fbox-icon, .feature-box.fbox-bg.fbox-center.fbox-outline .fbox-icon {
    background-color: #FFF;
}
.feature-box.fbox-bg.fbox-center .fbox-icon {
    position: absolute;
    top: -48px;
    left: 50%;
    margin: 0 0 0 -48px;
}
.feature-box.fbox-center .fbox-icon {
    position: relative;
    width: 96px;
    height: 96px;
    margin: 0 auto 30px;
}
.feature-box.fbox-plain .fbox-icon {
    border: none !important;
    height: auto !important;
}
.feature-box .fbox-icon {
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    top: 0;
    left: 0;
}
.feature-box .fbox-icon a, .feature-box .fbox-icon i, .feature-box .fbox-icon img {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    color: #FFF;
}
.feature-box.fbox-center.fbox-plain .fbox-icon i {
    font-size: 84px;
}
.feature-box.fbox-center .fbox-icon i {
    font-size: 42px;
    line-height: 96px;
}
.feature-box.fbox-plain .fbox-icon i {
    font-size: 48px;
    line-height: 1 !important;
}
.feature-box.fbox-plain .fbox-icon i, .feature-box.fbox-plain .fbox-icon img {
    border: none !important;
    background-color: transparent !important;
    color: #1ABC9C;
    border-radius: 0;
}
.feature-box .fbox-icon i {
    font-style: normal;
    font-size: 28px;
    text-align: center;
    line-height: 64px;
}
.feature-box .fbox-icon i, .feature-box .fbox-icon img {
    border-radius: 50%;
    background-color: #1ABC9C;
}
.feature-box .fbox-icon a, .feature-box .fbox-icon i, .feature-box .fbox-icon img {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    color: #FFF;
}
.feature-box h3 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0;
    color: #333;
}
.feature-box h3 span.subtitle {
    display: block;
    margin-top: 5px;
    color: #444;
    font-weight: 300;
    text-transform: none;
}

.contact-wrapper 
{
	text-align: center;
    background-color: rgba(226,31,38,0.03);
    height: 100%;
    padding: 20px 12px;
    border-radius: 4px;
    box-shadow: 0 8px 6px -6px #ddd;
	background-image:url(../images/contact-bg.jpg);
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	color:#ccc;display:table;width:100%;
}
.contact [class^='col-']
{
	margin-bottom:24px;
}
.contact-wrapper i
{
	margin-bottom:0px;
	color:#e21f26;
}
.contact-wrapper h5
{
	font-size:15px;
	color:#fff;font-weight:550;	
	position:relative;
	margin: 10px 0px;
    padding-bottom: 10px;
}
.contact-wrapper h5 span
{
	font-size: 12px;
    font-weight: 400;
}
.contact-wrapper p
{
	margin-bottom:0px;
	text-align:center;
}
.contact-wrapper a
{
	color:inherit;
}
.contact-wrapper h5:after {
    content: "";
    position: absolute;
    width: 60px;
    bottom: 0;
    left: 0;
    right: 0;
	margin:0 auto;
    border-top: 1px solid #ccc;
}
.text-box h6
{
	font-size:14px;
	 font-weight:550;margin: 12px 0px 0px;
	 line-height:17px;
}
.text-box h6 span
{
	display:block;font-weight:400;font-size:13px;
}
.map iframe
{
	display:block;
}

#form-map
{
	margin:25px 0px 0px 0px;
	width:100%;
	overflow:hidden;
}
#form-map h3
{
	margin-bottom:30px;
}
.map {
    background-color: rgba(0,0,0,0.06);
    padding: 50px 12px;
    z-index: 9999;
}
.map:after {
    content: '';
    display: block;
    position: absolute;
    width: 999em;
    top: 0;
    bottom: 0;
    right: -999em;
     background-color: rgba(0,0,0,0.06);
    z-index: 99;
}
/********contact form***********/

.form-bg
{
	background-color: #dcdcdc;
    padding: 50px 12px;
    z-index: 9999;
}
.form-bg:before {
    content: '';
    display: block;
    position: absolute;
    width: 999em;
    top: 0;
    bottom: 0;
    left: -999em;
    background-color: #dcdcdc;
    z-index: 99;
}
.info p {
  text-align:center;
  color: #999;
  text-transform:none;
  font-weight:600;
  font-size:15px;
  margin-top:2px
}

.info i {
  color:#F6AA93;
}
form h1 {
  font-size: 18px;
  background: #F6AA93 none repeat scroll 0% 0%;
  color: rgb(255, 255, 255);
  padding: 22px 25px;
  border-radius: 5px 5px 0px 0px;
  margin: auto;
  text-shadow: none; 
  text-align:left
}

form {
  border-radius: 5px;
  width:100%;
  overflow: hidden;
}

form p span {
  color: #F00;
}

.contentform p {
  margin: 0px;
  font-weight: 500;
  line-height: 2;
  color:#333;
}

#ir-form h5
{
	font-size:16px;
	margin-top:0;
	margin-bottom:15px;
}
input {
  border-radius: 0px 5px 5px 0px;
  border: 1px solid #eee;
  margin-bottom: 12px;
  width: 88%;
  height: 38px; 
  padding: 0px 15px;
  outline:none;
  background-color:#f5f5f5;
}
.validation
{
	/*display:inline;*/
	
}
a {
  text-decoration:inherit
}

textarea {
  border-radius: 0px 5px 5px 0px;
  border: 1px solid #EEE;
  margin: 0;
  width: 88%;
  height: 100px;   
  padding: 05px 15px;
  outline:none;
  vertical-align:top;
  background-color:#f5f5f5;
}

.form-group {
  overflow: hidden;
  clear: both;
}

.icon-case {
  width: 35px;
  /*display:inline-block;*/
  border-radius: 5px 0px 0px 5px;
  background:#cecece;
  height:38px;
  position: relative;
  text-align: center;
  line-height:40px;
  vertical-align:top;
   float:left;
}

i {
  color:#555;
}

.contentform {
 
}
.bouton-contact{
  background-color: #e21f26;
  color: #FFF;
  text-align: center; 
  border:0;
  padding: 08px 25px; 
  cursor: pointer;
  margin-top: 18px;
  font-size: 18px;
  margin-left:38px;
}
.bouton-contact:hover
{
    background-color: #134b97;	
}





.portfolio-img
{	
	background-repeat:no-repeat;height:100%;
	background-position:center center;background-size:cover;
	min-height:287px;
}
.retail-komtar
{
	background-image:url(../images/portfolio/retails/komtar-jbcc.jpg);
}
.retail-mart
{
	background-image:url(../images/portfolio/retails/mart-kempas.jpg);
}
.retail-mydin
{
	background-image:url(../images/portfolio/retails/mydin-gong-badak.jpg);
}
.office-komtar
{
	background-image:url(../images/portfolio/offices/komtar.jpg);
}



.industrial-premises
{
	background-image:url(../images/portfolio/industrials/PN_11243.jpg);
}
.industrial-premises2
{
	background-image:url(../images/portfolio/industrials/PN_8616.jpg);
}
.industrial-premises3
{
	background-image:url(../images/portfolio/industrials/GRN_215115.jpg);
}
.industrial-premises4
{
	background-image:url(../images/portfolio/industrials/GRN_149808.jpg);
}
.industrial-premises5
{
	background-image:url(../images/portfolio/industrials/Country_Lease_015582411.jpg);
}
.industrial-premises6
{
	background-image:url(../images/portfolio/industrials/Lot_015319892_-Kota-Kinabalu_Sabah.jpg);
}



.industrial-kfch
{
	background-image:url(../images/portfolio/industrials/kfch-college.jpg);
}
.kfc-selangor1
{
	background-image:url(../images/portfolio/restaurant/selangor/GRN_45688_GRN_45689.jpg);
	background-position: center top;
}
.kfc-selangor2
{
	background-image:url(../images/portfolio/restaurant/selangor/kfc-img2.jpg);
	background-position: center top;
}

.kfc-bbsb-slngr{
	background-image:url(../images/portfolio/restaurant/selangor/HSM_5744.jpg);
	
}
.kfcdt-ttp-pc-slngr{
	background-image:url(../images/portfolio/restaurant/selangor/HSD_256439.jpg);
	
}






.kfc-kl
{
	background-image:url(../images/portfolio/restaurant/kl/kfc-img1.jpg);
}
.kfc-kl2
{
	background-image:url(../images/portfolio/restaurant/kl/kfc-img2.jpg);
}
.kfc-kl3
{
	background-image:url(../images/portfolio/restaurant/kl/kfc-img3.jpg);
}

.kfc-djk-kl{
	background-image:url(../images/portfolio/restaurant/kl/PM_12274_12273.jpg);
}

.kfc-jrl-kl{
	background-image:url(../images/portfolio/restaurant/kl/GRN_59853_59858_59862.jpg);
}
.kfc-jlniph-kl{
	background-image:url(../images/portfolio/restaurant/kl/GRN_10894.jpg);
}








.kfc-kedah
{
	background-image:url(../images/portfolio/restaurant/kedah/kfc-img1.jpg);
}
.kfc-kedah2
{
	background-image:url(../images/portfolio/restaurant/kedah/kfc-img2.jpg);
}



.johar-pizza
{
	background-image:url(../images/portfolio/restaurant/johar/PN_74196.jpg);
}
.johar-kfc
{
	background-image:url(../images/portfolio/restaurant/johar/kfc-img1.jpg);
}
.johar-phd
{
	background-image:url(../images/portfolio/restaurant/johar/GRN_343902.jpg);
}
.johar-kfc2
{
  background-image:url(../images/portfolio/restaurant/johar/HS_D_58402.jpg);
}
.johar-kfc-pizaa
{
	background-image:url(../images/portfolio/restaurant/johar/HSD_491589.jpg);
}
.johar-kfc-pizaa2
{
	background-image:url(../images/portfolio/restaurant/johar/HS_M_2181.jpg);
}


.johar-kfc-seri-alam{
	background-image:url(../images/portfolio/restaurant/johar/GRN_542913.jpg);
}



.johar-kfc-tbt-ut{
	background-image:url(../images/portfolio/restaurant/johar/GRN_343902.jpg);
}

.johar-kfc-skudai{
	background-image:url(../images/portfolio/restaurant/johar/PN_64752.jpg);
}






.perak-kfc
{
	background-image:url(../images/portfolio/restaurant/perak/kfcpizzahut-img1.jpg);
}

.kfc-doj-ipoh-perak{
	background-image:url(../images/portfolio/restaurant/perak/GRN_40351_1293.jpg);
}

.kfc-ji-kmpr-perak{
	background-image:url(../images/portfolio/restaurant/perak/PN_326743.jpg);
}

.kfc-jdlpk-ipoh-perak{
	background-image:url(../images/portfolio/restaurant/perak/GRN_8311_48635.jpg);
}





.pinang-kfc
{
	background-image:url(../images/portfolio/restaurant/pinang/kfc-img1.jpg);
}
.pinang-kfc2
{
	background-image:url(../images/portfolio/restaurant/pinang/kfc-img2.jpg);
}
.pinang-kfc3
{
	background-image:url(../images/portfolio/restaurant/pinang/GRN_166071.jpg);
}
.pinang-kfc4
{
	background-image:url(../images/portfolio/restaurant/pinang/kfc-img4.jpg);
}
.pinang-kfc5
{
	background-image:url(../images/portfolio/restaurant/pinang/kfc-img5.jpg);
}
.kfc-jln-mn-gt-png{
	background-image:url(../images/portfolio/restaurant/pinang/GRN_23532.jpg);
}
.kfc-jln-bm-spu-png{
	background-image:url(../images/portfolio/restaurant/pinang/HSD_33885_22529.jpg);
}















.perlis-kfc
{
	background-image:url(../images/portfolio/restaurant/perlis/kfc-img.jpg);
}


.melaka-kfc
{
	background-image:url(../images/portfolio/restaurant/melaka/kfc-img.jpg);
}

.kfc-pmbp-melaka{
	background-image:url(../images/portfolio/restaurant/melaka/PN_18632_4111.jpg);
}

.kfc-jln-ht-melaka{
	background-image:url(../images/portfolio/restaurant/melaka/no-image.jpg);
}
.kfc-jln-jmbbmu-melaka{
	background-image:url(../images/portfolio/restaurant/melaka/HS_M_3391.jpg);
}


.negeri-kfc
{
	background-image:url(../images/portfolio/restaurant/negeri/kfc-img.jpg);
}

.kfc-jln-sa-srmb-ns{
	background-image:url(../images/portfolio/restaurant/negeri/GRN_50935_40542.jpg);
}

.kfc-jln-ttj-snwg-ns{
	background-image:url(../images/portfolio/restaurant/negeri/GRN_108899_177945.jpg);
}

.kfc-sbd-srmbn-ns{
	background-image:url(../images/portfolio/restaurant/negeri/Geran_175308_33693.jpg);
}


.kfc-jlnklm-sabah{
	background-image:url(../images/portfolio/restaurant/sabah/CL_015437948.jpg);
}

.pizzahut-kuching-sarawak{
	background-image:url(../images/portfolio/restaurant/sarawak/Lot_13768.jpg);
}



.table-bg-color
{
	
}
.portfolio-table th, .portfolio-table td
{
	padding:9px 12px;
}
.portfolio-table td
{
	background-color:rgba(0,0,0,0.03);
}
.portfolio-table tr {
    box-shadow: -8px 12px 10px -15px #ccc;
}
.portfolio-table th
{
	font-size: 14px;
    font-weight: 550;
    min-width: 180px;
    background-color: rgba(226,31,38,0.2);
	border-right: 2px solid #e21f26;
}
.portfolio-table tr:nth-child(odd) th
{
 /*background-color: rgba(191,37,42,0.53);*/
}



.activities-wrapper
{
	height:100%;border: 1px solid #ccc;
}
.activities-wrapper:hover .info-wrapper
{
	background-color:#f9f9f9;
	
}
.info-wrapper {
    
    padding: 15px 20px;
    text-align: center;
	border-top:2px solid #e21f26;	
}
.info-wrapper h5 {
    margin-top: 0px;
    font-size: 16px;
    font-weight: 550;
    margin-bottom: 5px;
}
.info-wrapper p
{
	margin:0;
}
.info-wrapper p:before
{
	content: "\f073";
    font-family: FontAwesome;
    padding-right: 08px;
	color:#e21f26;
}




/* Container used for styling the custom select, the buttom class adds the bg gradient, corners, etc. */
.dropdown {
  position: relative;
  display:block;
  margin-top:0.5em;
  padding:0;
  
}

/* This is the native select, we're making everything the text invisible so we can see the button styles in the wrapper */
.dropdown select {
  width:100%;
  margin:0;
  background:none;
  border: 1px solid transparent;
  outline: none; 
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;  
  appearance: none;
  -webkit-appearance: none;
  font-size:16px;  
  color: #000;
  padding: 10px 16px;
  line-height:1.3;
}

.dropdown::after {
  content: "\f063";
  font-family: FontAwesome;
  position: absolute;
  width: 9px;
  height: 8px;
  top: 31%;
  right: 1em;  
  z-index: 2;
  pointer-events:none;color:#134b97;
}
.dropdown:hover::after
{
	 color:#e21f26;
}
/* This hides native dropdown button arrow in IE 10/11+ so it will have the custom appearance, IE 9 and earlier get a native select */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .dropdown select::-ms-expand {
    display: none;
  }
  /* Removes the odd blue bg color behind the text in IE 10/11 and sets the text to match the focus style text */
  select:focus::-ms-value {
    background: transparent;
    color: #222;
  }
}

/* Firefox >= 2 -- Older versions of FF (v2 - 6) won't let us hide the native select arrow, so we'll just hide the custom icon and go with native styling */
/* Show only the native arrow */
body:last-child .dropdown::after, x:-moz-any-link {
  display: none;
}
/* reduce padding */
body:last-child .dropdown select, x:-moz-any-link {
  padding-right: .8em;
}

/* Set overflow:hidden on the wrapper to clip the native select's arrow, this clips hte outline too so focus styles are less than ideal in FF */
_::-moz-progress-bar, body:last-child .dropdown {
  overflow: hidden;
}
/* Show only the custom icon */
_::-moz-progress-bar, body:last-child .dropdown:after {
  display: block;
}
_::-moz-progress-bar, body:last-child .dropdown select {
  /* increase padding to make room for menu icon */
  padding-right: 1.9em;
  /* `window` appearance with these text-indent and text-overflow values will hide the arrow FF up to v30 */
  -moz-appearance: window;
  text-indent: 0.01px;
  text-overflow: "";
  /* for FF 30+ on Windows 8, we need to make the select a bit longer to hide the native arrow */
  width: 110%;
}



_::-moz-progress-bar, body:last-child .dropdown select:focus {
  outline: 2px solid rgba(180,222,250, .7);
}


/* Opera - Pre-Blink nix the custom arrow, go with a native select button */
x:-o-prefocus, .dropdown::after {
  display:none;
}


/* Hover style */
.dropdown:hover {
  border:1px solid #f1f1f1;
  border-bottom:2px solid #e21f26;
}


option {
  font-weight:normal;
}


/* These are just demo button-y styles, style as you like */
.button {
  border: 1px solid #eee;
  border-radius: 1px;
  border-bottom:2px solid #134b97;
}

.output {
  margin: 0 auto;
 padding:30px 10px;
}
.colors {
  
  display: none;
}


/*==========  Mobile First Method  ==========*/
/* Large desktops and laptops */
@media (min-width: 1200px)
{
	 footer .col-lg-3
 {
	text-align:right;
 }
}
@media (max-width: 1199px)
{
 footer 
 {
	text-align:center;
 }
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) 
{
   .rex-menu a
	{
		padding:20px 10px !important;
	}
	
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) 
{
	.rex-menu a
	{
		padding:20px 7px !important;
	}
	#innerpage-banner
{
	height:280px;
	
}
#innerpage-banner h1
{
	font-size:32px;line-height:35px;
}
}

@media (min-width: 768px) 
{
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.pr-0 {
    padding-right: 0px !important;
}
.pl-0 {
    padding-left: 0px !important;
}
.row-overlapping
{
	margin-top:-60px;
}

/*******BOD New Design css**********/
.committee .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.committee .col-lg-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}
.committee .col-lg-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
}
.committee .col-lg-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
}
.people-list .people-item .person-details {
    width: -webkit-calc(300% + 60px);
    width: calc(300% + 60px);
}
.people-list .people-item:nth-of-type(3n+2) .person-details {
    margin-left: -webkit-calc(-100% - 30px);
    margin-left: calc(-100% - 30px);
}
.people-list .people-item:nth-of-type(3n+3) .person-details {
    margin-left: -webkit-calc(-200% - 60px);
    margin-left: calc(-200% - 60px);
}
/*******End BOD New Design css**********/
}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) 
{
 /*******BOD New Design css**********/
 .people-list .people-item .person-details {
    width: 100%
    
}
.btn-close {
    top: 20;
    right: 20px;
}
.row-overlapping .box
{
	margin-top:100px;
}
.person-details img
{ 
	margin-bottom:25px;
}
#innerpage-banner h1
{
	font-size:30px;line-height:34px;
}
.modal-dialog
{
	margin-top:150px !important;
}
/*******End BOD New Design css**********/
.header
	{
	  background-color: rgba(255,255,255,0.98);
	}
	.logo img
	{
		 float:left;
		 padding:16px 0px;
	}
	.rex-menu-toggle
	{
		float:right;
	}
	.rex-menu ul ul a
	{
		padding: 12px 10px 10px 30px !important;
		background-color: rgba(226, 32, 37,0.01);
	}
	.rex-menu ul ul ul  a
	{
		padding-left:50px !important;
	}
	#innerpage-banner
{
	height:250px;
	padding-top:63px;
}
.map-text
{
	width:100%;padding:8px;
	 font-size:10px;line-height:13px;margin-bottom:10px;
}

}
/* Portrait phones and smaller */
@media (max-width: 480px) 
{
	footer
	{
		font-size:11px;
	}
	#innerpage-banner h1
{
	font-size:22px;line-height:25px;
}
#innerpage-banner h1 span
{ 
  padding:05px 08px;
}
.directory table tr td:first-child
{
	font-size:13px;
}
.directory table td
{
	font-size:12px;
}
#innerpage-banner
{
	height:170px;
	padding-top:63px;
}
.big-text
{
	font-size: 15px;
	line-height:20px
}
}
/* Portrait i phones and smaller */
@media (max-width: 350px) 
{
	#innerpage-banner h1
{
	font-size:17px;line-height:20px;
}  
}

#stocksection-iframe
{
	background-color:#fff;
	padding: 60px 0px 35px 0px;
}
#stocksection-iframe .text-align
{
	text-align:right;
}
.stockname-iframe
{
	font-size:28px;color:#000;
	display:inline-block;
}
.quote-iframe
{
	color:#646464;font:15px;
	display:inline-block;
}
.stockvalue-iframe {
    font-size: 24px;
    
}
.stockvalue-iframe h4
{
	 font-size:28px;margin:0;color:#333; display:inline-block;
	 margin-right:20px;
}
.stockvalue-iframe .priceUp, .stockvalue-iframe .priceDown
{
	display:inline-block;
}
.stockvalue-iframe .priceUp 
{
    color: #03b602;
}
.stockvalue-iframe .priceUp:before {
    content: "\f106";
    font-family: FontAwesome;
    margin-right: 08px;
    background-color: #03b602;
    padding: 3px 6px;
    border-radius: 100%;
    font-size: 18px;
    vertical-align: middle;
    color: #fff;
    position: relative;
    top: -2px;
}
.stockvalue-iframe .priceDown {
    color: #d71921;
}
.stockvalue-iframe .priceDown:before {
    content: "\f107";
    font-family: FontAwesome;
    margin-right: 08px;
    background-color: #d71921;
    padding: 4px 6px 3px 6px;
    border-radius: 100%;
    font-size: 18px;
    vertical-align: middle;
    color: #fff;
    position: relative;
    top: -2px;
}

#news-iframe
{
	background-color:#f4f4f4;
	padding:50px 0px;
}
#news-iframe h3
{
	text-align:center; color: #313131;
}
.news-box {
    border-bottom: 1px solid #9c9c9c;
    padding: 15px 0px;
}
.news-box .bursa-news {
    font-size: 16px;
    color: #353535;
    margin-bottom: 0px; 
    vertical-align: middle;
}
.news-box .bursa-news a
{
	color: #353535;
}
.news-box .bursa-news p:first-child {
    color: #ff6573;
    font-weight: 600;
    margin-bottom: 04px;
    display: block;
    font-size: 14px;
}
.news-box p {
    margin-bottom: 0px;
}
.viewmore
{
	display:block;
	margin-top:35px;text-align:center;
	font-weight:600;
}