@import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto:400,700');

@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville|Nunito');

@import url('https://fonts.googleapis.com/css?family=Arvo');

/*font-family: 'Libre Baskerville', serif;
font-family: 'Nunito', sans-serif;
font-family: 'Arvo', serif;*/

@font-face {
    font-family: 'Honey Script';
    src: url('../fonts/HoneyScript-Light.eot');
    src: url('../fonts/HoneyScript-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HoneyScript-Light.woff2') format('woff2'),
        url('../fonts/HoneyScript-Light.woff') format('woff'),
        url('../fonts/HoneyScript-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Honey Script';
    src: url('../fonts/HoneyScript-SemiBold.eot');
    src: url('../fonts/HoneyScript-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HoneyScript-SemiBold.woff2') format('woff2'),
        url('../fonts/HoneyScript-SemiBold.woff') format('woff'),
        url('../fonts/HoneyScript-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
.pl0{
	padding-left:0 !important;
}

.oil-palm
{
	width: 100%;
    margin: 20px 0px;
    border-collapse: collapse;
}
.oil-palm
{
   width:100%;margin:20px 0px;border-collapse:collapse;
}
.oil-palm thead 
{
	border-top: 1px solid #e8e8e8;
}
#tab1 .fgv-table tr td:nth-child(2), #tab1 .fgv-table tr th:nth-child(2)
{
	text-align:left;
}
.oil-palm tr:nth-child(even) td
{
    background: #dff0d8;
}
.oil-palm thead th
{
	background-color:#57524d;text-align:center;color:#fff;
	padding:15px 12px !important;	font-size:15px; border-right: 1px solid #e8e8e8;
}
.oil-palm thead th:first-child, .oil-palm tbody td:first-child
{
	text-align:left;
}
.oil-palm thead th:last-child
{
  border-right:none;
}
.oil-palm td
{
	padding:12px 12px !important;	font-size:14px;
    border: 1px solid #e8e8e8;text-align:center;
}
.oil-palm td strong
{
	 font-size:17px;color:#333;
}
.oil-palm td b
{
	color:#444; font-size:14px;
}
.oil-palm td span
{
	font-size:20px;line-height:20px;font-family:initial;color:#666;
}
.oil-palm tr td:first-child
{
	border-left:none;
}
.oil-palm tr td:last-child
{
	border-right:none;
}
img{
	max-width:100%;
	
}
h2{
	font-weight:500;
	
	
}

h2:after{
	border:none !important;
}


.intro h1{
	
	color:#298bc6;
	text-transform:capitalize;
	font-family: 'Libre Baskerville', serif;
	font-size:36px;
	font-weight:normal;
	margin-bottom:25px;
	
	
}
.m-b30{
	margin-bottom:30px;
	
}

.intro{
	background:#212121;
}

.intro p{
	font-size:24px;
	line-height:29px;
	text-align:justify;
	font-family: 'Nunito', sans-serif;
	
}

.intro, .sustainabiity  p{
	color:#fff;
	font-size:26px;
	line-height:28px;
	font-family: 'Nunito', sans-serif;
}

.sustainabiity h1{
	color:#ffc64c;
	text-transform:capitalize;
	font-family: 'Libre Baskerville', serif;
	font-size:50px;
	
	margin-top:341px;
}

.news_events h1{
	color:#212121;
	text-transform:capitalize;
	font-family: 'Libre Baskerville', serif;
	font-size:40px;
}
.news_events h1 span{
	border-bottom:3px solid #298bc6;
	
}

.pic-sect-1{
	position:relative;
	background:url(../images/NE-1-2017.jpg) no-repeat;
	background-size:cover;
	height:360px;
	
}

.pic-sect-2{
	position:relative;
	background:url(../images/NE-2-2017.jpg) no-repeat;
	background-size:cover;
	height:360px;
	
}

.pic-sect-3{
	position:relative;
	background:url(../images/NE-AR-2018.jpg) no-repeat;
	background-size:cover;
	height:360px;
}

.box-brdr{
	border:1px solid #c9c9c9;
}
.pic-sect-0{
	
	height:360px;
	padding:25px 5px;
	/*padding:25px;*/
	/*background-color:#298bc6;*/
	background-color:#00757f;
}

.pinkday{
	background-color:#ed037c !important;
}

.covid{
	background-color:#e41827 !important;
}
.pic-sect-merdaka{
	height:360px;

	background-color:#00757f;
}

.border-frame
{   position:relative;
	/*border:3px solid #ffdb13;	*/
	border-radius: 2px;
	/*box-shadow: 0px 4px 10px #ffdb13;*/
	height:100%;
}
.news-date
{
	font-size: 14px;
    line-height: 18px;
    margin-bottom: 6px;
    font-weight: 600;
    color: #eee;
}


.bottom-section{
	min-height:119px;
	background:#ffc64c;
}

.caption-sec{
	text-align:left;
	padding:10px 20px;
	color:#fff;
	font-size:18px;
	line-height:22px;
	font-family: 'Arvo', serif;
	 min-height:69px;
	position:absolute;
	bottom:12px;	
}
.caption-sec a
{
	color:#fff;font-size:14px;margin-top:06px;text-decoration:underline;display:block;
}

.caption-sec .a-date, .caption-sec .ar-report{
	font-size:16px;
	line-height:22px;margin-bottom:6px;
}

.caption-sec table{
	font-size:13px;
	
	
	}
.news-logo img
{
	margin:0 auto;
	text-align:center;
	/*padding-top:50px;*//*Hide 08062018*/
	padding-top:10px;
	
}
.agm-heading{
	color:#fff;
	padding:36px 20px 10px 20px;
}
.agm-heading span.year{
	font-size:33px;
	font-weight:bold;
	text-align:left;
}
.agm-heading span.agm-text{
	font-size:21px;
	font-weight:bold;
	text-align:right;
}


.date-sec{
	text-align:left;
	padding:15px;
	color:#fff;
	font-size:18px;
	font-weight:normal;
	position:absolute;
	bottom:0;
}

.ar-image{
	position: absolute;
    top: -71px;
    right: -148px;
}

.footer-links{
	padding:0;
}

.footer-links li{
	display:inline-block;
	list-style:none;
	padding:0 15px;
}

.footer-links li a{
	text-decoration:none;
	color:#fff;
}

/*header parallax effect */

.parallax{background-color: transparent;
    background-image: url(../images/parallax/parallax-bg.jpg);
    background-attachment: fixed !important;
    background-position: 50% 0;
    background-repeat: no-repeat;
}

.fix-cont{
	margin-top:89px;
	
}


/*image hover effect*/
.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}

.hovereffect:hover .overlay {
  /*background-color: rgba(25, 126, 133, 0.6);*/
  background-color: rgba(255, 199, 39, 0.6);
}



.hovereffect .overlay-plant {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}

.hovereffect:hover .overlay-plant {
  background-color: rgba(141, 183, 47, 0.6);
}



.hovereffect .overlay-bulk {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}

.hovereffect:hover .overlay-bulk {
  background-color: rgba(17, 108, 181, 0.6);
}

.hovereffect .overlay-food {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}

.hovereffect:hover .overlay-food {
  background-color: rgba(255, 122, 57, 0.6);
}



.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.hovereffect > .img-responsive{
	width:100%;
}

/*.hovereffect:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
  filter: grayscale(1) blur(3px);
  -webkit-filter: grayscale(1) blur(3px);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}*/

.hovereffect .hicon {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  left:23%;
  top:13%;
/*  background: rgba(0, 0, 0, 0.6);*/
}

.hovereffect .plant-icon  {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  /*left:18%;*/
  left:26%;
  top:13%;
/*  background: rgba(0, 0, 0, 0.6);*/
}



.hovereffect .bulk-icon  {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  left:25%;
  top:14%;
/*  background: rgba(0, 0, 0, 0.6);*/
}

.hovereffect .food-icon  {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  /*left:15%;*/
  left:24%;
  top:15%;
/*  background: rgba(0, 0, 0, 0.6);*/
}




.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  /*border: 1px solid #fff;*/
  margin: 18px 0 0 0;
   margin: 26px 0 0 0;
  background-color: transparent;
}

.hovereffect a.plant {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  /*border: 1px solid #fff;*/
  margin: 18px 0 0 0 !important;
  background-color: transparent;
}

.hovereffect a.bulk {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  /*border: 1px solid #fff;*/
  margin: 14px 0 0 0 !important;
  background-color: transparent;
}


.hovereffect a.food {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  /*border: 1px solid #fff;*/
  margin: 18px 0 0 0 !important;
  background-color: transparent;
}


.hovereffect a.info:hover {
/*  box-shadow: 0 0 5px #fff;*/
}

.hovereffect a.info, .hovereffect .hicon {
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  opacity: 0;
  filter: alpha(opacity=0);
  color: #fff;
  text-transform: uppercase;
}

.hovereffect a.info, .hovereffect .plant-icon  {
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  opacity: 0;
  filter: alpha(opacity=0);
  color: #fff;
  text-transform: uppercase;
}


.hovereffect a.info, .hovereffect .bulk-icon  {
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  opacity: 0;
  filter: alpha(opacity=0);
  color: #fff;
  text-transform: uppercase;
}

.hovereffect a.info, .hovereffect .food-icon  {
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  opacity: 0;
  filter: alpha(opacity=0);
  color: #fff;
  text-transform: uppercase;
}



.hovereffect:hover a.info, .hovereffect:hover .hicon {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  font-size:18px;
  font-family: 'Arvo', serif;
}

.hovereffect:hover a.info, .hovereffect:hover .plant-icon {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
    font-size:18px;
	font-family: 'Arvo', serif;
}

.hovereffect:hover a.info, .hovereffect:hover .bulk-icon {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
    font-size:18px;
	font-family: 'Arvo', serif;
}

.hovereffect:hover a.info, .hovereffect:hover .food-icon {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
    font-size:18px;
	font-family: 'Arvo', serif;
}

.manu1, .plant2, .bulk3, .food4{
	padding-left:15px !important;
	padding-right:15px !important;
}




.sustainabiity{
background:url(../images/sustainability-bg-1.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center top;
	min-height:590px;
}
.sustainabiity .container
{
	position:relative;	
}
.sustainabiity .inner-box
{
	position:absolute;left:0;top:100px;padding:0px 30px;
}
.sustainabiity .inner-box .bigger-text
{
	font-size:24px;line-height:28px;
}
.sustainabiity .inner-box h1
{
	 margin-top:0px;text-align:left;
}
.sustainabiity .inner-box .bigger-text
{
	max-width:60%;
}
.pic-sect img{
	width:100%;
	height:auto;
}

.map h2{
	color:#414141 !important;
	text-align:right;
	font-family: 'Nunito', sans-serif;
}

.geo-map{
	width:90% !important;
	position:relative;
}

.geo-text{
	width:30% !important;
	position:absolute;
	right:0;
	
}

/*Home page hover effects adjusting to new design*/
.new-d{
	
	margin-top:-34px;
}

.new-d1{
	height:249px;
	
}

.cheight{

}
.mar-adj{
	margin-top:-49px;
	
}


/*===========================================================
home page revamp secton -- who we are, our values our group
=============================================================*/
.no-gutter {
	margin-right: 0;
	margin-left: 0;
}
 .no-gutter > [class*="col-"] {
 padding-right: 0;
 padding-left: 0;
}


/*===============================================================
NEW LAYOUT DESING OUR VALUES AND OUR GROUP 10-MAY-2021
==============================================================*/
.our-g-title{
	padding:58% 0;
	
}
.our-g-title h3{
	font-size:26px;
	line-height:26px;
	color:#fff;
	margin-bottom:0;
	font-weight:bold;
}

.our-group{
	float:left;
	width:100%;
	background:#999;
	padding:15px 0px 0 15px;
}
.og-blocks-container{
	float:left;
	width:100%;
	background:#fff;
	padding:15px;
}
.og-title{
	text-align:center;
	font-size:18px;
	line-height:18px;
	color:#fff;
	margin-top:20px;
}
.og-icon{
	text-align:center;
	padding-top:20%;
}

.og-icon img{
	width:34%;
}


.og-box{
	height:179px;
	display:block;
}
.h-manf{
	background:#fec724;
}
.h-plant{
	background:#76b54d;
}
.h-bulk{
	background:#6aa2db;
}
.h-food{
	background:#f48540;
}
.plr-og{
	padding-left:0 !important;
	padding-right:15px !important;
}
.pr0-og{
	padding-right:0 !important;
}




/*our values css starts here*/


.plr-ov{
	padding-left:0 !important;
	padding-right:15px !important;
}
.pr0-ov{
	padding-right:0 !important;
}

.our-v-title{
	padding:39% 0;
	
}
.our-v-title h3{
	font-size:26px;
	line-height:26px;
	color:#fff;
	margin-bottom:0;
	font-weight:bold;
}

.our-values{
	float:left;
	width:100%;
	background:#999;
	padding:15px 0px 0px 15px;
}

.ov-blocks-container{
	float:left;
	width:100%;
	background:#fff;
	padding:15px;
}

.value-box{
	
	
}


.curve-sec{
	float:left;
	width:100%;
	background:#fff;
}

.top-curve{
	background-image:url(../images/our-values/our-values-top-curve.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	height:38px;
	margin-bottom:20px;
}
.gt-ablty-bg{
	background-image:url(../images/our-values/gta.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	min-height:120px;
}

.awei-bg{
	background-image:url(../images/our-values/awei.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	min-height:120px;
}

.iswr-bg{
	background-image:url(../images/our-values/iswr.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	min-height:120px;
}

.ees-bg{
	background-image:url(../images/our-values/ees.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	min-height:120px;
}

.gp-bg{
	background-image:url(../images/our-values/gp.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	min-height:120px;
}
.vc-bg{
	background-image:url(../images/our-values/vc.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	min-height:120px;
}



.color-layer{
	padding:10px;
	float:left;
	width:100%;
	min-height:120px;
	background:rgba(0, 0, 0, 0.6);
}


.vtext-small span{
	font-family: 'Nunito', sans-serif;
	font-size:14px;
	line-height:14px;
	color:#fff;
	display:block;
	font-weight:normal;
	padding-right:32px;
	margin-bottom:5px;
}
.vtext{
	/*font-family: 'Libre Baskerville', serif;*/
	 font-family: 'Honey Script';
	font-size:27px;
	line-height:27px;
	color:#fff;
	font-weight:bold;
	position:absolute;
	bottom:13px;
}



















/* ----------------------------------------------------------------
    Accordions
-----------------------------------------------------------------*/

.accordion { margin-bottom: 20px; }

.acctitle,
.acctitlec {
    display: block;
    position: relative;
    line-height: 15px;
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    color: #444;
    cursor: pointer;
    border-top: 1px dotted #DDD;
	margin-top:20px;
    padding: 20px 0 20px 20px;
}

.acctitlec { cursor: auto; }

.acctitle:first-child { border-top: none; }

.acctitle i {
    position: absolute;
    top: 8px;
    left: 0;
    width: 14px;
    text-align: center;
    font-size: 14px;
    line-height: 44px;
}

.acctitle i.acc-open,
.acctitlec i.acc-closed { display: none; }

.acctitlec i.acc-open { display: block; }

.acc_content {
    position: relative;
    padding: 0 0 15px 20px;
}

.acc_content p{
	text-align:justify;
}

.h-anchor-new{
	color:#fff;
	font-size:18px;
}

.color-black{
	color:#202020;
	
}

.h-anchor-new:before{
	content:"|";
	padding-right:15px;
	color:#4fbcff;
}
.right-flot{
	float:right;
	
}


/* Accordion - with Title Background
-----------------------------------------------------------------*/

.accordion.accordion-bg .acctitle,
.accordion.accordion-bg .acctitlec {
    background-color: #EEE;
    line-height: 44px;
    padding: 0 0 0 36px;
    margin-bottom: 5px;
    border-top: 0;
}

.accordion.accordion-bg .acctitle i {
    left: 14px;
    line-height: 30px;
}

.accordion.accordion-bg .acc_content { padding: 10px 0 15px 36px; }


/* Accordion - Bordered
-----------------------------------------------------------------*/

.accordion.accordion-border {
    border: 1px solid #DDD;
    border-radius: 4px;
}

.accordion.accordion-border .acctitle,
.accordion.accordion-border .acctitlec {
    border-color: #CCC;
    line-height: 44px;
    padding: 0 15px 0 36px;
}

.accordion.accordion-border .acctitle i {
    left: 14px;
    line-height: 44px;
}

.accordion.accordion-border .acc_content { padding: 0 15px 15px 36px; }



/*manufacturing page carousel css*/
/* Makes images fully responsive */


.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  width: 100%;
  height: auto;
  min-height:261px;
  object-fit:cover;
}

/* ------------------- Carousel Styling ------------------- */

/*.carousel-inner {
  border-radius: 15px;
}*/

.carousel-caption {
  background-color: rgba(0,0,0,.5);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  padding: 0 0 10px 25px;
  color: #fff;
  text-align: left;
}

.carousel-caption h2:after{
	border:none !important;
	
}

.carousel-indicators {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 15;
  margin: 0;
  padding: 0 25px 25px 0;
  text-align: right;
}

.carousel-control.left{
	 background-image: none;
	 left:0;
	
}
.business-l{
left:-7px !important;

}

.business-r{
right:-3px !important;

}

.carousel-control.right {
  background-image: none;
 /* right:13px;*/
 right:0;
 
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    color: #298bc6;
}



.plant-table tr:first-child td {
  
    font-weight: bold;
    color: #8B0000;
}


.bulking h2:after{
	border:none;
	
}


/*Corporate Governance css*/

.reports-date {
    border-bottom: 3px solid #004D9B;
    text-align: left;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 80%;
    color: #666;
}

.reports-title {
    font-size: 120%;
    min-height:200px;
}

/*Quarterly report*/
.quarter-year {
    font-size: 120%;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
}

.quater-icon{
    /*text-align: center;*/
	text-align:left;
    padding: 5px 0px;
}

.sp-r{
	margin-right:20px;
}

.reports h4{
	margin-top:15px;
	text-transform:uppercase;
	font-weight:500;
}

.event-heading h2{
	color:#008FD5;
}

.event-date{
	color:#999;
}
.event-date .fa{
	margin-right:10px;
}

.event-desc p{
	text-align:justify;
}

/*Careers Css*/

ul.career_list{
	margin:0;
	padding-left:5px;
}

 ul.career_list li{
	/*list-style:url(../images/correct-symbol.png);
	
	margin-left:20px;
	 text-indent:10px;*/
	
}

.careers-acc h5{
	font-weight:500;
	font-size:16px;
	
}

.h-fix{
	height:305px;
}

/* ul.career_list li:before{
	 font-family:'FontAwesome';
	content:'\f00c';
	position:absolute;
	left:31px;
}
*/
/*.panel-heading .accordion-toggle:before{
	font-family:'FontAwesome';
	content:'\f0a4';
	float:left;
	margin-right:10px;
}*/

/*.panel-heading .accordion-toggle.collapsed:before{
	
}
*/

/*.plant-over p{
	font-size:18px;
	line-height:39px;
	text-align:justify;
}*/

.make-center > .img-responsive{
	margin:0 auto;
}
.force-left{
	float:left !important;
	margin-left:60px !important;
	
}

.btn-news{
	background:#298bc6;
	border-color:#2183bd;
	color:#fff;
}

.btn-news:hover{
	background:#00539f;
}


.btn-news.active{
	background:#00539f;
}


.panel-group .panel+.panel {margin-top: 0;}
.panel-heading .accordion-toggle:before {
    /* symbol for "opening" panels */
    font-family: 'custom-icons';
    /*content: "\e803";  */  
	content: url(../images/minus-img.png);
	display:block; 
	width:31px;
	height:31px; 
    float: left; 
	margin-right:15px; 
	font-size:14px;
	font-weight:bold;
	  
}

/** expand the link to fill the whole tab **/
.panel-title a {
    display: block;
    padding: 10px 15px;
    margin: -10px -15px;
    outline:none;
}

.panel-heading .accordion-toggle.collapsed:before {
    /* symbol for "collapsed" panels */
    /*content: '\e805';*/ 
	content: url(../images/plus-img.png);
	display:block;
	width:31px;
	height:31px;   
}

.panel-body > h5{
	color:#298bc6;
	font-weight:bold;
	
}
.collapse.in .panel-body {
	padding-left:63px;
	
	
}
.collapse.panel-body {
	padding-left:63px !important;
	
	
}


/*Numbers counters in homepage css*/
.count
{

	font-size:50px;
  font-weight:bold;
  display:block;
}
#talkbubble {
   width: 120px;
   height: 80px;
   background: red;
   position: relative;
   -moz-border-radius:    10px;
   -webkit-border-radius: 10px;
   border-radius:         10px;
  float:left;
  margin:20px;
}
#talkbubble:before {
   content:"";
   position: absolute;
   right: 100%;
   top: 26px;
   width: 0;
   height: 0;
   border-top: 13px solid transparent;
   border-right: 26px solid red;
   border-bottom: 13px solid transparent;
}

.linker
{
  font-size : 20px;
  font-color: black;
}

.icon-sec{
	margin-bottom:15px;
	
}

.counter-sec{
	display:block;
	text-align:center;
	font-size:38px;
	font-weight:bold;
		font-family: 'Arvo', serif;
}

.counter-sec .one{
	margin-top:15px;
}

.counter-sec .two{
	margin-top:30px;
	margin-bottom:15px;
	
}
.counter-sec .three{
	margin-top:15px;
	
}
.counter-sec .four{
	margin-top:30px;
	margin-bottom:15px;
	
}

.ctaBox h2{
	font-size:32px;
	color:#fff;
	font-family: 'Arvo', serif;
	
}

<!--Numbers counters in homepage css ends here-->




ol .terms-list{
	padding:0;
	margin:0;
}

.terms-list li{

	margin-bottom:15px;
	text-align:justify;

}

/*carousel arrows customize*/

.carousel-control .fa-angle-left , .carousel-control .icon-prev{
	position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
	background:#212121;
	/*padding:10px 17px;*/
}

.carousel-control .fa-angle-right , .carousel-control .icon-next{
	position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
	background:#212121;
	/*padding:10px 17px;*/
}



/* TABS CUSTOMIZATION CSS FOR INNER PAGES TABS
================================================*/

/*.rotate {
  border-radius: 50%;
  -webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
}
.rotate:hover {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}*/

a.cp-manu{
	width:177px;
	height:177px;
	
	background:url(../images/cp-manufacturing-new.png) no-repeat;
	
}

.cp-manu:hover{
	background:url(../images/cp-manufacturing-new-hover.png) no-repeat;
	
}

.cp-plant{
	width:177px;
	height:177px;
	background:url(../images/cp-plantation-new.png) no-repeat;
	
}
.cp-plant:hover{
	width:177px;
	height:177px;
	background:url(../images/cp-plantation-new-hover.png) no-repeat;
	
}

.cp-food{
	width:177px;
	height:177px;
	background:url(../images/cp-food-new.png) no-repeat;
	
}
.cp-food:hover{
	width:177px;
	height:177px;
	background:url(../images/cp-food-new-hover.png) no-repeat;
	
}

.cp-bulk{
	width:177px;
	height:177px;
	background:url(../images/cp-bulking-new.png) no-repeat;
	
}
.cp-bulk:hover{
	width:177px;
	height:177px;
	background:url(../images/cp-bulking-new-hover.png) no-repeat;
	
}

.cp-others{
	width:177px;
	height:177px;
	background:url(../images/cp-others-new.png) no-repeat;
	
}
.cp-others:hover{
	width:177px;
	height:177px;
	background:url(../images/cp-others-new-hover.png) no-repeat;
	
}

/*======================
	innerpage bnner css
========================*/

.page-header {
   border-bottom: 1px solid rgba(1,1,1,0.075);
   padding:268px 0px 30px !important; 
   position:relative;
   
}

.page-header.corp-pro{
background:url(../images/Corporate-Profile.jpg) no-repeat;
background-position: center top;
background-size:cover;
}


.page-header.bod{
background:url(../images/BOD-Banner.jpg) no-repeat;
background-position: center top;
background-size:cover;
}

.page-header.dos{
background:url(../images/subs.jpg) no-repeat;
background-position: center top;
background-size:cover;
}

.page-header.mmt{
background:url(../images/banner-management-team.jpg) no-repeat;
background-position: center top;
background-size:cover;
}

.page-header.corp-struc{
background:url(../images/Corporate-structure.jpg) no-repeat;
background-position: center top;
background-size:cover;
}

.page-header.mile-stone{
background:url(../images/Milestone.jpg) no-repeat;
background-position: center top;
background-size:cover;
}

.page-header.busi-manuf{
background:url(../images/manufacturing/manufacturing-banner.jpg) no-repeat;
background-position: center top;
background-size:cover;
}

.page-header.plant{
background:url(../images/plantation/plantation-banner.jpg) no-repeat;
background-position: center top;
background-size:cover;
}

.page-header.food{
background:url(../images/food/food-banner.jpg) no-repeat;
background-position: center top;
background-size:cover;
}

.page-header.bulking{
background:url(../images/bulking/bulking-banner.jpg) no-repeat;
background-position: center top;
background-size:cover;
}

.page-header.sustain{
background:url(../images/Sustainability.jpg) no-repeat;
background-position: center top;
background-size:cover;
}

.page-header.sus-rprt{
background:url(../images/Sustainability.jpg) no-repeat;
background-position: center top;
background-size:cover;
}


.page-header.investor{
background:url(../images/IR.jpg) no-repeat;
background-position: center top;
background-size:cover;
}

.page-header.news{
background:url(../images/Newsroom.jpg) no-repeat;
background-position: center top;
background-size:cover;
}

.page-header.career{
background:url(../images/Career.jpg) no-repeat;
background-position: center top;
background-size:cover;
}

.page-header.contact{
background:url(../images/contact-banner.jpg) no-repeat;
background-position: center top;
background-size:cover;
}
.page-header.tou{
	background:url(../images/sustainability-bg.jpg) no-repeat;
	background-position: center top;
	background-size:cover;
	
}


/*======================
	Manufacturing Tab
========================*/

.manufacture .nav-tabs{
	border-bottom: 3px solid #11a7c2;
	
}
.manufacture .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: #11a7c2 !important;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
	font-family: 'Libre Baskerville', serif;
}
.manufacture .nav-tabs>li:nth-child(n+2){
	margin-top:31px;
}


.manufacture .nav.nav-tabs{
	margin-bottom:0;
	
}
.manufacture .nav-tabs>li > a{
	background:#e7e7e7;
	color:#555555;
	font-family: 'Libre Baskerville', serif;
}
.sec-color{
	background:#fff;
	overflow:auto;
}
.remove-padding-right{
	margin-right:-15px;
	
}

.title-position{
	margin-top:15%;
	
}
a.giesecke{
	background:url(../images/giesecke-logo.png) no-repeat;
	width:240px;
	height:70px;
	display:block;
}

a.giesecke:hover{
	background:url(../images/giesecke-logo-hover.png) no-repeat;
	width:240px;
	height:70px;
	display:block;
	
}



/*======================
	Plantations Tab
========================*/
.plantation .nav-tabs{
	border-bottom: 3px solid #7eb84b;
	
}

.plantation .nav-tabs>li.active>a, .plantation .nav-tabs>li.active>a:focus {
    color: #fff;
    cursor: default;
    background-color: #7eb84b !important;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
	font-family: 'Libre Baskerville', serif;
}
.plantation .nav-tabs>li:nth-child(n+2){
	margin-top:41px;
}


.plantation .nav.nav-tabs{
	margin-bottom:0;
	
}
.plantation .nav-tabs>li > a{
	background:#e7e7e7;
	color:#555555;
	font-family: 'Libre Baskerville', serif;
}
.sec-color-plant{
	/*background:#f5f7f3;*/
	background:#fff;
	overflow:auto;
}
.remove-padding-right{
	margin-right:-15px;
}
.top-p103{

	padding-top:103px;	
}
.plantation  .center-block
{
	margin-bottom:25px;
}


/*======================
	Bulking Tab
========================*/
.bulking .nav-tabs{
	border-bottom: 3px solid #0054a6;
	
}

.bulking .nav-tabs>li.active>a, .bulking .nav-tabs>li.active>a:focus {
    color: #fff;
    cursor: default;
    background-color: #0054a6 !important;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
	font-family: 'Libre Baskerville', serif;
}
.bulking .nav-tabs>li:nth-child(n+2){
	margin-top:19px;
}


.bulking .nav.nav-tabs{
	margin-bottom:0;
	
}
.bulking .nav-tabs>li > a{
	background:#e7e7e7;
	color:#555555;
	font-family: 'Libre Baskerville', serif;
}
.sec-color-bulking{
	background:#fff;
	overflow:auto;
}
.remove-padding-right{
	margin-right:-15px;
}

.bulk-corp-link{
	color:#363636;
	font-weight:bold;
	text-shadow:0 1px 2px #ccc;
	-webkit-text-shadow:0 1px 2px #ccc; 
	
}

.bulk-corp-link a{
	color:#0054a6;
	
}

.bulk-corp-link a:hover{
	color:#337ab7;
}

.food-corp-link{
	color:#363636;
	font-weight:bold;
	text-shadow:0 1px 2px #ccc;
   -webkit-text-shadow:0 1px 2px #ccc; 
   margin-top:15px;
}

.food-corp-link a{
	color:#ff7a39 ;
	
}

.food-corp-link a:hover{
	color:#337ab7;
}


/*======================
	Food Tab
========================*/
.food .nav-tabs{
	border-bottom: 3px solid #ff7a39;
	
}

.food .nav-tabs>li.active>a, .food .nav-tabs>li.active>a:focus {
    color: #fff;
    cursor: default;
    background-color: #ff7a39 !important;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
	font-family: 'Libre Baskerville', serif;
}
.food .nav-tabs>li:nth-child(n+2){
	margin-top:31px;
}


.food .nav.nav-tabs{
	margin-bottom:0;
	
}
.food .nav-tabs>li > a{
	background:#e7e7e7;
	color:#555555;
	font-family: 'Libre Baskerville', serif;
}
.sec-color-food{
	/*background:#fcf1eb;*/
	background:#fff;
	overflow:auto;
}
.remove-padding-right{
	margin-right:-15px;
}

.bsci img, .brc img, .ds img, .haccp img, .portrt-web img, .ifs img, .gmp img, .halal img, .iso img{
	
	width:50%;
	
}



/*=======================================
Corporate Profile blocks css starts here
=========================================*/

.cp-sec a h2{
	margin-top:10px;
	margin-bottom:5px;
	font-family: 'Libre Baskerville', serif;
	color:#555555;
}
.push-right{
	margin-left:56%;
}

.push-cntr h2{
	margin-left:61%;
	
}
.neg-margin{
	margin-top:-85px;
	
}

.circularsContainer{
	margin-top: 15px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
}

/*==============================================
Directors of Subsidiaries page css
================================================*/

.borad-direct-sub table {
    border-bottom:0px !important;
}
.borad-direct-sub .table th, .borad-direct-sub .table td {
    border: 1px !important;
}
.borad-direct-sub .fixed-table-container {
    border:0px !important;
}


ol.rounded-list {
    counter-reset: li; /* Initiate a counter */
    list-style: none; /* Remove default numbering */
    *list-style: decimal; /* Keep using default numbering for IE6/7 */   
	padding-left:0px;
	margin-top:25px;
}


.rounded-list li{
    position: relative;
    display: block;
    padding: .7em .5em .7em 2.3em;
    *padding: .4em;
    margin: .3em 0;
    background: #D9D9D9; 
	box-shadow: 0 3px 2px -2px #939393;   
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out; 
	margin-bottom:14px;  
	margin-left:15px;
}

.rounded-list li:hover{
   
}

.rounded-list li:hover:before{
    /*transform: rotate(360deg);  */
	background-color: #ff7a39;
}

.rounded-list li:before{
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: -1.4em;
    top: 50%;    
    margin-top: -1.6em;
    background-color: rgba(41,139,198,0.95);
	color:#fff;
    height: 42px;
    font-size: 13px;
    width: 42px;    
    line-height: 35px;
    border: .3em solid #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    transition: all .3s ease-out;
}


/*==================================================
Market place page custom Css starts here
====================================================*/

.Market-place h2, .Social-sec h2, .sust-oview h2{
	color:#000;
	font-family: 'Libre Baskerville', serif;
	font-size:24px;
	font-weight:bold;
}

.Market-place a, .environment a, .Social-sec a, .sust-oview a{
	color:#25a4f1;
	
}

.Market-place a:hover, .environment a:hover, .Social-sec a:hover, .sust-oview a:hover {
	color:#000;
}


.sust-oview h4{
	color:#555;
	font-family: 'Libre Baskerville', serif;
	font-weight:bold;
}


.sust-oview h4:hover{
	color:#25a4f1;
	font-family: 'Libre Baskerville', serif;
	font-weight:bold;
}

a.mplace-ilink{
	background: url(../images/market-place-icon.png) no-repeat;
    width: 200px;
    height: 200px;
    display: block;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
	border-radius: 50%;
  -webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
	
}

a.mplace-ilink:hover{
	background: url(../images/market-place-icon-hover.png) no-repeat;
    width: 200px;
    height: 200px;
    display: block;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
	-webkit-transform: rotate(360deg);
          transform: rotate(360deg);
	
}



a.envi-ilink{
	background: url(../images/environment-icon.png) no-repeat;
    width: 200px;
    height: 200px;
    display: block;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
	border-radius: 50%;
  -webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
	
}

a.envi-ilink:hover{
	background: url(../images/environment-icon-hover.png) no-repeat;
    width: 200px;
    height: 200px;
    display: block;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
	-webkit-transform: rotate(360deg);
          transform: rotate(360deg);
	
}



a.social-ilink{
	background: url(../images/social-icon.png) no-repeat;
    width: 200px;
    height: 200px;
    display: block;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
	  border-radius: 50%;
  -webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
	
}

a.social-ilink:hover{
	background: url(../images/social-icon-hover.png) no-repeat;
    width: 200px;
    height: 200px;
    display: block;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
	  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
	
}


.iconInteractive {
    background: url(../images/iconInteractive.png) no-repeat center center;
    width: 100%;
    height: 20px;
   background-position:left center;
    padding-left: 35px;
	margin-bottom:8px;
}

.iconInteractive:hover {
    background: url(../images/iconInteractive-hover.png) no-repeat center center;
    width: 100%;
    height: 20px;
    background-position:left center;
    padding-left: 35px;
}


.iconDownload {
    background: url(../images/iconDownload.png) no-repeat center center;
    width: 100%;
    min-height: 20px;
	background-position:left center;
    padding-left: 35px;
    margin-bottom: 08px;
}

.iconDownload:hover {
    background: url(../images/iconDownload-hover.png) no-repeat center center;
    width: 100%;
    min-height: 20px;
    background-position:left center;
    padding-left: 35px;
    margin-bottom: 08px;
}


.iconView {
    background: url(../images/iconView.png) no-repeat center center;
    width: 100%;
    min-height: 20px;
    background-position:left center;
    padding-left: 35px;
    margin-bottom: 08px;
}

.iconView:hover {
    background: url(../images/iconViewHover.png) no-repeat center center;
    width: 100%;
    min-height: 20px;
    background-position:left center;
    padding-left: 35px;
    margin-bottom: 08px;
}

/*Corporate Governance*/


.pdf-box
{
  text-align:center;background-image:url(../images/box-bg4.jpg);
  background-position:center center;background-size:cover;height:100%;
  display:table;width:100%;
}
.pdf-box h4
{
	padding:20px 12px;font-size:16px;line-height:21px;color:#fff;height:100%;
	display:table-cell;vertical-align:middle;font-family: 'Open Sans', sans-serif;
	
	margin:0px;
}
.pdf-box a, .download-wrapper a
{
	background-color:rgba(238, 177, 78,0.9);color:#fff;padding:5px 3px;display:block;
	font-size:14px;transition:1s ease all;text-align:center;
	background-color:#eeb14e;
}
.pdf-box:hover a, .download-wrapper a:hover
{
	background-color:rgba(0, 151, 192,0.6);color:#fff;
}
.pdf-box a:after, .download-wrapper a:after
{
	content: "\f019";
    font-family: FontAwesome;
    padding-left: 08px;
}
.download-wrapper
{
	text-align:center;background-image:url(../images/box-bg4.jpg);
}
.box-wrapper{
	height:100%;
}




.table-striped>tbody>tr:nth-of-type(even) {
    background-color: rgba(223,233,215,0.99);
}
.bursa-table td {
    padding: 12px 15px !important;
  }

/*CG NEW DESIGN - 06 june 2023*/


.accordion_cgsec .accordion_in .acc_head{
	font-size:18px;
	line-height:18px;
}

.accordion_cgsec .accordion_in .acc_head .acc_icon_expand{
	top:15px;
}

.dv-sec{
	float:right;
	width:20%;
	text-align:right;
}

.dv-sec a:first-child{
	margin-right:25px;
}

.accordion_cgsec .acc_content ol{
	padding-left:15px;
}
.accordion_cgsec .acc_content ol li a{
	font-size:16px;
	line-height:16px;
	margin-bottom:15px;
}

.accordion_cgsec .acc_content ol li a:hover{
	color:#25a4f1;
}

.accordion_cgsec .acc_content li:before{
	content:"";

}

.accordion_cgsec .acc_content li{
	padding: 10px 15px;
    background: #f4f4f4;
	list-style-type:none;
}


.no-icon-acc .acc_icon_expand{
	background:url(../images/acc-anchor.png) !important;
}












/*=============================================================
Careers Css 
================================================================*/

.join-career{
	background:#e4e4e4;
	margin:30px 0 30px 0;
	padding:30px 0 30px 0;
	
}

.join-us h1{
	font-size:32px;
	font-weight:700;
	font-family: 'Libre Baskerville', serif;
	
}

.join-us h1:after{
	content: "";
    width: 200px;
    height: 3px;
    background: rgb(37,164,241);
    display: block;
    margin: 17px auto;
    text-align: center;
	
}



.career-links a{
	color:#25a4f1;
	text-decoration:none;
}

.career-links a:hover{
	color:#202020;
	text-decoration:none;
}



/*======================================================
	Service provider css starts here
========================================================*/

.serv-pro-links{
	color:#fff;
}

.serv-pro-links a{
	display:block;
	font-size:16px;
	line-height:16px;
	font-weight:bold;
	background:#eeb14e;
	color:#fff;
	padding:15px;
	transition: 1s ease all;
	vertical-align:middle;
}
.serv-pro-links a:hover{
	display:block;
	font-size:16px;
	line-height:16px;
	font-weight:bold;
	background:#25a4f1;
	color:#fff;
	padding:15px;
	transition: 1s ease all;
	vertical-align:middle;
}

.serv-pro-links a span.icon{
	font-size:26px;
	line-height:26px;
	position:relative;
	top:3px;
	display:inline-block;
	width:30px;
	margin-right:15px;
}


.serv-pro-links a span.sp-link{
	font-size:16px;
	
	font-weight:bold;
	width:75%;
	display:inline-block;
	vertical-align:middle;
}
/*======================================================
	Contact Group Directory css starts here
========================================================*/
.address ul {
    list-style: none;
    padding-left: 0px;
}
.address ul li:before {
    content: "\f0ac";
    font-family: FontAwesome;
    margin-right: 08px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #0097c0;
    padding: 1px 8px;
    border-radius: 47px;
    color: #fff;
}

.address ul li:nth-of-type(2):before {
    content: "\f095";
}

.address ul li:nth-of-type(3):before {
    content: "\f1ac";
}

.address ul li:nth-of-type(4):before {
    content: "\f0e0";
}

.address ul li:first-child, .address ul li:nth-of-type(2), .address ul li:nth-of-type(3), .address ul li:nth-of-type(4)  {
    margin-bottom: 14px;
}

.address ul li {
    position: relative;
    padding-left:43px;
    text-align: left;
	font-size:14px;
   
}

.panel {
    margin-bottom: 20px;
    background-color: #f3f3f3;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
	height:100%;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
	 background-color: #f0f0f0;
}
.panel-body {
    background: #f3f3f3;
    
}

.panel-heading h3{
	font-weight:900;
	font-size:15px;
	
}


.fix-eq-height{
	 display: table !important;
    width: 100%;
}

.equl-height-box{
	display: table-cell;
	
}

.grp-dirc-link{
	color: #363636;
    font-weight: bold;
    text-shadow: 0 1px 2px #ccc;
    -webkit-text-shadow: 0 1px 2px #ccc;
    margin-top: 15px;
}

.grp-dirc-link a {
    color: #25a4f1;
}
.grp-dirc-link a:hover{
	color:#00539f;
}


/*show & Hide text css*/

.morecontent span{
    display: none;
	text-align:justify;
	line-height:27px;
}
.morelink {
    display: block;
	text-align:justify;
	line-height:27px;
}
.more{
	text-align:justify;
	line-height:27px;
	
}
.more a{
	color:#008FD5;
}


/***************Service provider css ************/
.mb5
{
	margin-bottom:5px;
}
.service-form h3
{
  display: block !important;
  text-align:center;
  font-size: 24px;
  line-height: 31px;
  color: #3e4041;
  display: inline-block;
  margin-bottom: 20px;
  font-weight: 600;
}
.service-form .sub-heading span {
    border-bottom: 2px solid #3e4041;
    padding-bottom: 1px;
}
.service-form .form-section 
{
    display: none;
}
.service-form .form-section.current 
{
      display: inherit;
}
.service-form .form-section
{
   margin-top:26px;
}
.service-form .col-centered {
    float: none;
    margin: 0 auto;
}
.service-form .red
{
  color: red;
  font-size: 12px;
  vertical-align: top;
  line-height: 18px;
}
.service-form .mb15
{
	margin-bottom: 15px;
}
.service-form .mb25
{
	margin-bottom: 25px;
}
.service-form label 
{
    margin-bottom: 5px;
    font-weight: 600;
    vertical-align: middle;
    font-size: 16px;
    color: #434343;
    line-height: 20px;
}
.service-form  input[type="text"], .service-form  input[type="file"], .service-form  input[type="email"]  
{
	width: 100%;
	border: 1px solid #cecece;
	padding: 10px 15px !important;
	border-radius: 5px;
	margin-bottom: 0px;
	background-color: #fff;
	height: auto !important;
	font-size: 14px;
	line-height: 20px;outline: none;
	box-shadow: none !important;
}	
.service-form .subheading
{
	margin:26px 0px;
		
}
.service-form .subheading h4
{
	margin-bottom:12px;font-size: 21px;
    font-weight: 600;line-height: 25px;
	color: #222;
}
.service-form  .subheading h2
{
	margin: 15px 0px 0px 0px;
}	
.service-form .subheading h2 a
{
	text-decoration:underline;color:#ffc64c;
}
.service-form .checkbox-wrapper label {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}
.service-form .checkbox-wrapper input {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0 !important;
    vertical-align: bottom;
    position: relative;
    top: -1px;
}
.service-form  .form-navigation
{
  margin-top: 30px;			
}
.service-form .form-navigation button, .service-form .form-navigation input
{
 background-color: #eeb14e;
 color: #fff;
 padding: 9px 22px;
 border: none;
 border-radius: 3px;outline: none !important;
}
.service-form .form-navigation button:hover, .service-form .form-navigation input:hover
{
	background-color: #0097c0;
}
.service-form table
{
 margin-bottom: 18px;		
}
.service-form table tr td {
    padding: 2px !important;
    vertical-align: top !important;
    text-align: left !important;
}



input.parsley-success,
select.parsley-success,
textarea.parsley-success,
label.parsley-success{
  color: #468847;
  background-color: #DFF0D8 !important;
  border: 1px solid #D6E9C6 !important;
}
input.parsley-error,
select.parsley-error,
textarea.parsley-error,
label.parsley-error{
  color: #B94A48;
  background-color: #F2DEDE !important;
  border: 1px solid #EED3D7 !important;
}
.parsley-errors-list {  
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
  line-height: 0.9em;
  opacity: 0;
  color: #B94A48;
  margin: 8px 0px 18px 0px !important;
  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}
.parsley-errors-list.filled {
  opacity: 1;
}
.bribery-wrapper
{
	margin-bottom: 0px !important;
}
.bribery-wrapper .liable-bg
{
	background: url(../images/liable-bg.jpg) no-repeat center;
	height: 100%;background-size: cover;min-height: 300px;
}
.bribery-wrapper .liable-icon:after {
    content: url(../images/liable-icon.png);
    margin-left: 12px;
    vertical-align: sub;
    position: relative;
    top: 8px;
}
.bribery-wrapper .implications-icon:after {
    content: url(../images/implications-icon.png);
    margin-left: 12px;
    vertical-align: sub;
    position: relative;
    top: 8px;
}
.bribery-wrapper .overview
{
	background-color: #efefef !important;
	padding: 43px;
    height: 100%;
}

.bribery-wrapper  ul {
  list-style-type: none;
  padding-left: 5px;
  
}

.bribery-wrapper li {
  position: relative;
  padding-left: 26px;
  margin-bottom: 10px;
  text-align: justify;
}

.bribery-wrapper li:before {
  position: absolute;
  top: 1;
  left: 0;
  font-family: FontAwesome;
  content: "\f0a9";
  color: #eeb14e ;
  
}
.bribery-wrapper h4
{
	color:#222;
}
.bribery-wrapper h5
{
	text-align: left !important;margin-top: 0px !important;margin-bottom: 12px !important;
}
.bribery-wrapper .sub-heading {
    font-size: 24px;
    line-height: 31px;
    color: #3e4041;
    display: inline-block;
    margin-bottom: 20px;
    font-weight: 600;
}
.bribery-wrapper .sub-heading span {
    border-bottom: 2px solid #3e4041;
    padding-bottom: 1px;
}
#estates {
    background-color: #dfe9d7;
    min-height: 300px;
    padding: 50px 0px;
    margin-bottom: 0px;
}
#statistics {
    background-color: #c5ddb3;
    min-height: 200px;
    padding: 50px 0px;
    margin-bottom: 0px;
}
/*============================================
	Modal css starts here
==============================================*/


@media (max-width:991px){
	
 /*our group and our values css*/ 
   
 .our-g-title {
    padding: 42% 0;
}  
   
.og-box {
    height: 122px;
    display: block;
}   

.og-title {
    text-align: center;
    font-size: 13px;
    line-height: 18px;
    color: #fff;
    margin-top: 7px;
}   
 .top-curve {
    background-image: url(../images/our-values/our-values-top-curve.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 22px;
    margin-bottom: 20px;
}  
   
.value-box {
    margin-bottom: 15px;
}

.vtext {
    /* font-family: 'Libre Baskerville', serif; */
    font-family: 'Honey Script';
    font-size: 27px;
    line-height: 27px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    bottom: 27px;
}
.pr0-ov {
    padding-right: 15px !important;
}   
 
.our-v-title {
    padding: 93% 0;
}	
	
	
	
}

@media screen and (min-width: 768px){
	.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 7%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=50);
    opacity: .5;
}
	

.carousel-control .fa-angle-left, .carousel-control .icon-prev {
    margin-left: 0;

}

 .carousel-control .fa-angle-right, .carousel-control .icon-next{
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
	left:0;
	
}

.carousel-control .fa-angle-left, .carousel-control .icon-prev {
	
	width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
	left:7px;
	
}

.news-l{
left:0 !important;

}

.news-r{
left:9px !important;

}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.pr-0 {
    padding-right: 0px !important;
}

.pl-0 {
    padding-left: 0px !important;
}
}



/*Custom Media Queries starts here*/
@media(max-width:767px){
	 .box-wrapper
 {
	 margin-bottom:20px;
 }

	
}
@media(max-width:768px){
	
.navbar-brand{padding:26px 0;}	
	
.navbar-brand img{
	width:60%;
	
}
.intro p, .sustainabiity p {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    font-family: 'Nunito', sans-serif;
}

.page-header {
   border-bottom: 1px solid rgba(1,1,1,0.075);
   padding:0px !important; 
   position:relative;
   
}

 .equl-height-box{
	display: block;
	width:100%;
	
}


	
	.device-mb{
		margin-bottom:35px;
		}
.manu1,.bulk3{
	padding-left:15px;
	padding-left:10px;
}
.plant2, .food4{
	padding-right:15px;
	
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  width:33%;
}


.hovereffect .hicon  {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  left:32%;
  top:28%;
/*  background: rgba(0, 0, 0, 0.6);*/
}

.hovereffect .plant-icon  {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  left:33%;
  top:17%;
/*  background: rgba(0, 0, 0, 0.6);*/
}



.hovereffect .bulk-icon  {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  left:31%;
  top:28%;
/*  background: rgba(0, 0, 0, 0.6);*/
}

.hovereffect .food-icon  {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  left:31%;
  top:23%;
/*  background: rgba(0, 0, 0, 0.6);*/
}
.hovereffect a.food {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  /*border: 1px solid #fff;*/
  margin: 45px 0 0 0 !important;
  background-color: transparent;
}


.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  /*border: 1px solid #fff;*/
  margin: 61px 0 0 0;
  background-color: transparent;
}

.hovereffect a.plant {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  /*border: 1px solid #fff;*/
  margin: 38px 0 0 0 !important;
  background-color: transparent;
}

.hovereffect a.bulk {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  /*border: 1px solid #fff;*/
  margin: 72px 0 0 0 !important;
  background-color: transparent;
}


.sustainabiity h1{
	color:#ffc64c;
	text-transform:uppercase;
	font-family: 'Nunito', sans-serif;
	font-size:28px;
	font-weight:bold;
	margin-top:341px;
}

.news_events h1{
	color:#298bc6;
	text-transform:uppercase;
	font-family: 'Nunito', sans-serif;
	font-size:28px;
	font-weight:bold;
}


.new-d{
	/*height:214px;*/
	margin-top:0;
}

.new-d1{
	height:278px;
	
}

.cheight{
	/*min-height:214px;*/
}

.neg-margin{
	margin-top:0px;
	
}

.manu1, .plant2, .bulk3, .food4{
	padding-left:8px !important;
	padding-right:8px !important;
}
	
.m-b30{
	margin-bottom:15px !important;
	
}

	.force-left{
	float:none !important;
	margin-left:0 !important;
	
}

.mpb-30{
	margin-bottom:30px;
	
}

.sustainabiity .inner-box
{
	top:50px;
}
.sustainabiity .inner-box .bigger-text
{
	font-size:20px;line-height:24px;
}
.sustainabiity .inner-box h1
{
	 margin-top:0px;text-align:left; font-size:40px;
}
.sustainabiity .inner-box .bigger-text
{
	
}
.sub-heading, h3
   {
	   font-size:18px;
	   line-height:25px;
   }
   .bribery-wrapper  #estates .col-lg-6:last-child
   {
	   margin-top:30px;
   }
   
   
  /*our group and our values css*/ 
   
 .our-g-title {
    padding: 42% 0;
}  
   
.og-box {
    height: 122px;
    display: block;
}   

.og-title {
    text-align: center;
    font-size: 13px;
    line-height: 18px;
    color: #fff;
    margin-top: 7px;
}   
 .top-curve {
    background-image: url(../images/our-values/our-values-top-curve.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 22px;
    margin-bottom: 20px;
}  
   
.value-box {
    margin-bottom: 15px;
}

.vtext {
    /* font-family: 'Libre Baskerville', serif; */
    font-family: 'Honey Script';
    font-size: 27px;
    line-height: 27px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    bottom: 27px;
}
.pr0-ov {
    padding-right: 15px !important;
}   
 
.our-v-title {
    padding: 93% 0;
}   
   
   
   
   
   
	
}

@media (max-width:500px)
{
	.sustainabiity .inner-box .bigger-text
 {
   	max-width:100%;
 }
}
@media (max-width:1024px) and (orientation:landscape){

.page-header {
   border-bottom: 1px solid rgba(1,1,1,0.075);
   padding:150px 0 30px 0; 
   position:relative;
   
}

}


@media (max-width:736px) and (orientation:landscape) {

.reports .col-xs-12, .corp-prof .col-xs-12 {
	
	width:33.333%;
	float:left;
	
}
}

@media (max-width:568px) and (orientation:landscape) {

.reports .col-xs-12, .corp-prof .col-xs-12 {
	
	width:50%;
	float:left;
	
}


}

@media (max-width:736px){
	.force-left{
	float:none !important;
	margin-left:0 !important;
	
}
.bigHeader{
	margin-top:-22px;
}

.page-header h1 {
    font-size: 22px;
    font-weight: 700;
    text-transform: inherit;
    letter-spacing: 2px;
    color: #fff;
    text-shadow: 2px 2px 10px #202020;
    font-family: 'Libre Baskerville', serif;
}
	
	
}

@media (max-width:767px){
	.hovereffect a.info{
	font-size:22px !important;
	margin-top:175px !important;
}


.hovereffect a.plant{
	font-size:22px !important;

	margin-top:120px !important;
}


.hovereffect a.bulk{
	font-size:22px !important;
	
	margin-top:165px !important;
}


.hovereffect a.food{
	font-size:22px !important;
	margin-top:123px !important;
}

.top-curve{
	background-image:url(../images/our-values/our-values-top-curve.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	height:30px;
	margin-bottom:2px;
}


/*our value and group*/

.og-box {
    height: 302px;
    display: block;
}

.og-icon {
    text-align: center;
    padding-top: 5%;
}

.our-g-title {
    padding: 6% 0;
}

.og-icon img {
    width: 25%;
}
.og-title {
    text-align: center;
    font-size: 37px;
    line-height: 37px;
    color: #fff;
    margin-top: 21px;
}
.plr-og {
    padding-left: 15px !important;
    padding-right: 15px !important;
	
}
.pr0-og {
    padding-right: 15px !important;
}

.our-v-title {
    padding: 5% 0;
}
.plr-ov {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.our-values {
    float: left;
    width: 100%;
    background: #999;
    padding: 15px 15px 0px 15px;
}



/*cg sec new*/

.dv-sec {
    float: right;
    width: 35%;
    text-align: right;
}

.accordion_cgsec .acc_content ol li a {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 15px;
    display: inline-block;
    width: 50%;
	text-align:left;
}
.accordion_cgsec .acc_content ol li .dv-sec{
	 display: inline-block;
	width:50%;
}
.accordion_cgsec .acc_content ol li .dv-sec a{
	 display: inline-block;
	width:15%;
}

.dv-sec a:first-child {
    margin-right: 15px;
}

	
}



@media (max-width:480px){
.hovereffect a.info{
	font-size:22px !important;
	margin-top:83px !important;
}


.hovereffect a.plant{
	font-size:22px !important;

	margin-top:50px !important;
}


.hovereffect a.bulk{
	font-size:22px !important;
	
	margin-top:65px !important;
}


.hovereffect a.food{
	font-size:22px !important;
	margin-top:53px !important;
}
		
.top-curve{
	background-image:url(../images/our-values/our-values-top-curve.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	height:15px;
	margin-bottom:2px;
}


.og-box {
    height: 175px;
    display: block;
}

.og-title {
    text-align: center;
    font-size: 26px;
    line-height: 26px;
    color: #fff;
    margin-top: 21px;
}
.dv-sec {
    float: right;
    width: 25%;
    text-align: right;
}
.accordion_cgsec .accordion_in .acc_head {
    font-size: 15px;
    line-height: 18px;
}

.accordion_cgsec .acc_content ol li a {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 15px;
    display: inline-block;
    width: 50%;text-align:left;
}
.accordion_cgsec .acc_content ol li .dv-sec{
	 display: inline-block;
	width:50%;
}
.accordion_cgsec .acc_content ol li .dv-sec a{
	 display: inline-block;
	width:15%;
}

.dv-sec a:first-child {
    margin-right: 15px;
}	
	
}



@media (max-width:450px){
	
	.bigHeader{
	margin-top:65px;
}
	
	.navbar-brand {
    padding: 18px 0;
}
	
	.remove-padding-right{
	margin-right:0;
	
}

#rsDemoWrapper{
	visibility:hidden;
	position:relative; /*Added 06082017*/
	top:65px !important;

}

.largeQuote{
padding-top:40px;

}
.page-header {
    padding:0px;
    /* margin: 0; */
    margin: 65px 0 20px 0;
}


.new-d{
	/*height:193px;*/
	margin-top:0;
	clear:left;
	margin-bottom:15px !important;
}

.m-b30{
	margin-bottom:15px !important;
	
}

.new-d1{
	height:142px;
	
}

.cheight{
	/*min-height:193px;*/
}

.fix-cont{
	margin-top:64px;
	
}


/*.hovereffect a.food {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;

  margin: 19px 0 0 0 !important;
  background-color: transparent;
}


.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  
  margin: 29px 0 0 0;
  background-color: transparent;
}

.hovereffect a.plant {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  
  margin: 19px 0 0 0 !important;
  background-color: transparent;
}

.hovereffect a.bulk {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;

  margin: 29px 0 0 0 !important;
  background-color: transparent;
}
*/

.hovereffect:hover a.info, .hovereffect:hover .hicon {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  font-size:12px;
}

.hovereffect:hover a.info, .hovereffect:hover .plant-icon {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
    font-size:12px;
}

.hovereffect:hover a.info, .hovereffect:hover .bulk-icon {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
    font-size:12px;
}

.hovereffect:hover a.info, .hovereffect:hover .food-icon {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
    font-size:12px;
}
.mmt-fix{
	margin-top:15px;
	
}


.force-left{
	float:none !important;
	margin-left:0 !important;
	
}

.manufacture .nav-tabs>li, .plantation .nav-tabs>li, .bulking .nav-tabs>li, .food .nav-tabs>li{
	width:100%;
	text-align:center;
	margin-top:2px !important;
	
}
.btn-news {
    background: #298bc6;
    border-color: #2183bd;
    color: #fff;
    font-size: 14px;
    padding: 2px 8px;
	margin-bottom:15px;
}
	
}




@media (max-width:414px){
	
.hovereffect a.info{
	font-size:22px !important;
	margin-top:83px !important;
}


.hovereffect a.plant{
	font-size:22px !important;

	margin-top:50px !important;
}


.hovereffect a.bulk{
	font-size:22px !important;
	
	margin-top:65px !important;
}


.hovereffect a.food{
	font-size:22px !important;
	margin-top:53px !important;
}

	
	
}


@media (max-width:375px){
	
.bigHeader{
	margin-top:65px;
}

.new-d1{
	height:129px;
	
}

.new-d{
	/*height:193px;*/
	margin-top:0;
	clear:left;
	margin-bottom:15px !important;
}

.m-b30{
	margin-bottom:15px !important;
	
}

.cheight{
	/*min-height:193px;*/
}

.manufacture .nav-tabs>li, .plantation .nav-tabs>li, .bulking .nav-tabs>li, .food .nav-tabs>li{
	width:100%;
	text-align:center;
	margin-top:2px !important;
	
}
.agm-heading{
	color:#fff;
	padding:10px 20px 10px 20px;
}
.agm-heading span.year{
	font-size:28px;
	font-weight:bold;
	text-align:left;
}
.agm-heading span.agm-text{
	font-size:16px;
	font-weight:bold;
	text-align:right;
}

.btn-news {
    background: #298bc6;
    border-color: #2183bd;
    color: #fff;
    font-size: 14px;
    padding: 2px 8px;
	margin-bottom:15px;
}


.hovereffect a.info{
	font-size:22px !important;
	margin-top:83px !important;
}


.hovereffect a.plant{
	font-size:22px !important;

	margin-top:50px !important;
}


.hovereffect a.bulk{
	font-size:22px !important;
	
	margin-top:65px !important;
}


.hovereffect a.food{
	font-size:22px !important;
	margin-top:53px !important;
}

	
}







@media (max-width:360px){
	
.new-d{
	/*height:193px;*/
	margin-top:0;
	clear:left;
	margin-bottom:15px !important;
}

.m-b30{
	margin-bottom:15px !important;
	
}

.new-d1{
	height:129px;
	
}

.cheight{
	/*min-height:193px;*/
}
.manufacture .nav-tabs>li, .plantation .nav-tabs>li, .bulking .nav-tabs>li, .food .nav-tabs>li{
	width:100%;
	text-align:center;
	margin-top:2px;
	
}

.btn-news {
    background: #298bc6;
    border-color: #2183bd;
    color: #fff;
    font-size: 14px;
    padding: 2px 8px;
	margin-bottom:15px;
}



.hovereffect a.info{
	font-size:22px !important;
	position:relative;
	top:27% !important;
	margin-top:0 !important;
	/*margin-top:83px !important;*/
}


.hovereffect a.plant{
	font-size:22px !important;
	position:relative;
	top:15%;
	margin-top:0 !important;
	/*margin-top:60px !important;*/
}


.hovereffect a.bulk{
	font-size:22px !important;
	position:relative;
	top:22%;
	margin-top:0 !important;
	/*margin-top:60px !important;*/
}


.hovereffect a.food{
	font-size:22px !important;
	position:relative;
	top:17%;
	margin-top:0 !important;
/*	margin-top:55px !important;*/
}




	
}

@media(max-width:320px){

.new-d{
	/*height:193px;*/
	margin-top:0;
	clear:left;
	margin-bottom:15px !important;
}

.m-b30{
	margin-bottom:15px !important;
	
}

.new-d1{
	height:105px;
	
}

.cheight{
	/*min-height:166px;*/
}
	
}