@charset "utf-8";
/* CSS Document */



@import url('https://fonts.googleapis.com/css2?family=Anton&family=Dancing+Script:wght@400;500;600;700&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,800&family=Roboto:ital,wght@0,100;0,300;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/*font-family: 'Anton', sans-serif;
font-family: 'Dancing Script', cursive;
font-family: 'Montserrat', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Roboto', sans-serif;*/
/*========================================================================================================*/

/*@import url('https://fonts.googleapis.com/css2?family=Anton&family=Dancing+Script:wght@400;500;600;700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');*/
/*font-family: 'Anton', sans-serif;
font-family: 'Dancing Script', cursive;
font-family: 'Montserrat', sans-serif;
font-family: 'Roboto', sans-serif;*/



/* scrollbar */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 255, 255, 0.3);
}











body {
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	line-height:24px;
	font-weight:normal;
	color:#000000;
	overflow-x:hidden;
	position:relative;
	
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Anton', sans-serif;
}
h1 {
	font-size:55px;
	line-height:55px;
	margin-bottom:25px;
	color:#5FA8D3;
}
h1 span {
	color:#1A2E3F;
}

.mt30{
	margin-top:30px;
}
.mb30{
	margin-bottom:30px;
}

/*buttons*/

.btn-primary {
	color: #fff;
	background-color: #1B4965;
	border-color: #1B4965;
	border-radius:50px;
	width:168px;
	height:43px;
	padding:9px 22px;
	text-align:left;
}
.btn-primary:after {
	float:right;
	content:url(../images/btn-arrow.png);
	display:inline-block;
	width:16px;
	height:16px;
	margin-top:3px;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
	color: #1B4965 !important;
	background-color: #fff !important;
	border-color: #1B4965;
	border-radius:50px;
	width:168px;
	height:43px;
	padding:9px 22px;
	text-align:left;
	outline:none;
	box-shadow:none !important;
}
.btn-primary:hover:after, .btn-primary:active:after, .btn-primary:focus:after {
	float:right;
	content:url(../images/btn-arrow-hover.png);
	display:inline-block;
	width:16px;
	height:16px;
	margin-top:3px;
	outline:none;
}
.btn-prod {
	color: #fff;
	background-color:transparent;
	border:1px solid #fff;
	border-radius:4px;
	width:168px;
	height:43px;
	padding:9px 22px;
	text-align:center;
}
.btn-prod:hover {
	color: #fff;
}

/*Menu customisation*/

.header-color-bg .nav-menu-wrapper {
	background: rgb(236,238,239);
	background: linear-gradient(150deg, rgba(236, 238, 239, 1) 20%, rgba(78, 157, 205, 1) 20%);
}


.sec-1, .sec-2, .sec-4, .sec-5{
	/*overflow-x:hidden;*/
}

/*===================================================================================================
BANNER SLIDER AND NAVIGATION SECTION
=====================================================================================================*/
.sec-1 {
	float:left;
	width:100%;
 
}







/*===================================================================================================
SEC-2 COMPANY STAFF AND NUMBERS SECTION
=====================================================================================================*/
.sec-2 {
	float:left;
	width:100%;
	margin-top:33px;
	margin-bottom:33px;
}
.icsc-sec, .icsc-box-inner {
	float:left;
	width:100%;
}
.icsc-title {
	font-size:20px;
	line-height:24px;
	color:#1B4965;
	text-align:center;
}
.icsc-num {
	font-family: 'Anton', sans-serif;
	font-size:50px;
	line-height:75px;
	color:#1B4965;
	text-align:center;
}
/*===================================================================================================
SEC-3 WHO WE ARE AND OUR BUSINESSES SECTION
=====================================================================================================*/

.sec-3 {
	float:left;
	width:100%;
}
.who-we-are-sec {
	float:left;
	width:100%;
	padding-left:10%;
}
.who-we-are-sec .main-title {
	padding-top:106px;
}
.our-business-sec {
	float:left;
	width:100%;
	padding-right:10%;
}
.our-business-sec .main-title {
	padding-top:70px;
}
.ob-titles {
	font-family: 'Anton', sans-serif;
	font-size: 40px;
	position: absolute;
	bottom: 52px;
	color: #fff;
	left: 80px;
	text-transform: uppercase;
}
.our-business-sec .list-group-item {
	border:none;
	color:#4E9DCD;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	min-width:172px;
}
.our-business-sec .list-group-item.active {
	color:#1B4965;
	font-size:20px;
	font-weight:bold;
	background-color:transparent;
	text-align:center;/*background:url(../images/Selected.png) no-repeat;*/
}
.our-business-sec .list-group-item.active:before {
	content:url(../images/Selected.png);
	width:93px;
	height:93px;
	display:inline-block;
	position:relative;
	top:24px;
	-webkit-animation: spin 2s linear;
	animation: spin 2s linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
 @-webkit-keyframes spin {
 0% {
-webkit-transform: rotate(90deg);
}
 100% {
-webkit-transform: rotate(180deg);
}
}
 @keyframes spin {
 0% {
transform: rotate(90deg);
}
 100% {
transform: rotate(180deg);
}
}
.p-icon {
	background:url(../images/coconut-tree.png);
	background-position:center center;
	background-repeat: no-repeat;
	display:block;
}
/*.p-icon{
	content:url(../images/coconut-tree.png);
	width:56px;
	height:56px;
	display:block;
	margin:0 auto;
	position:relative;
	top:10px;
}
*/




.b-icon {
	background:url(../images/bulking.png);
	background-position:center center;
	background-repeat: no-repeat;
	display:block;
}
.m-icon {
	background:url(../images/manf.png);
	background-position:center center;
	background-repeat: no-repeat;
	display:block;
}
.f-icon {
	background:url(../images/food.png);
	background-position:center center;
	background-repeat: no-repeat;
	display:block;
}
.p-icon span, .b-icon span, .m-icon span, .f-icon span {
	display:block;
	margin-top:123px;
}
.our-business-sec .list-group-item.active span {
	margin-top:24px;
}
/*===================================================================================================
SEC-4 OUR VALUES SECTION
=====================================================================================================*/

.sec-4 {
	float:left;
	width:100%;
	overflow:hidden;
}
.acv-sec {
	width:100%;
	position:relative;
	display:flex;
	flex-wrap:warap;
}
.acv-sec [class*="col-"] {
 padding:0;
}
.acv-inner {
	float:left;
	width:100%;
	background:#666;
	height:594px;
 transition: transform .2s; /* Animation */
}
.acv-inner:hover {
	transform:scale(1.05);
}
.acr {
	background:#BEE9E8;
}
.sft {
	background:#62B6CB;
}
.psn {
	background:#5FA8D3;
}
.inv {
	background:#598AA7;
}
.rlt {
	background:#2D719B;
}
.ethi {
	background:#1B4965;
}
.acv-icon {
	width:150px;
	height:150px;
	margin:224px auto 20px auto;
	background:url(../images/acv-icon-bg.png) no-repeat;
	clear:both;
	text-align:center;
	background-size:cover;
}
.acv-icon img {
	margin-top:30px;
}


.atcv-title{
	position:absolute;
	z-index:5;
}

.main-obg-title{
	text-align:center;
}
.main-obg-title h1{
	color:#000;
	margin-top:40px;
}
.main-obg-title h1 span{
	color:#fff;
}


.acv-title {
	font-family: 'Anton', sans-serif;
	font-size:24px;
	line-height:24px;
	color:#fff;
	text-align:center;
}
/*===================================================================================================
SEC-5 EVENTS SECTION
=====================================================================================================*/

.sec-5 {
	float:left;
	width:100%;
}
.sec-5 .main-title {
	margin-top:40px;
}
.event-r-img {
	width:100%;
	height:683px;
	background:url(../images/news-events.jpg);
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
}
.evnt-img{
	position: relative;
    width: 100%;
	height:683px;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	overflow:hidden;
	
	
}
.evnt-img img{
	  opacity: 0;
 
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);   
	height:683px;
	width:100%;
}



.event-sec {
	float:left;
	width:100%;
	height:447px;
	overflow-y:scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.event-sec::-webkit-scrollbar {
 display: none;
}
.event-item {
	float:left;
	width:100%;
	background-color:#1b4965;
	border:1px solid #1b4965;
	margin-bottom:20px;
}
.event-item:hover {
	background-color:#f2f2f2;
	border:1px solid #1b4965;
	color:#1b4965;
}
.event-cal {
	font-family: 'Anton', sans-serif;
	float:left;
	width:12%;
	height:127px;
	text-align:center;
	border-right:1px solid #fff;
	font-size:40px;
	line-height:42px;
	color:#fff;
	padding-top:23px;
	padding-bottom:23px;
}
.event-cal span {
	display:block;
	font-size:16px;
	line-height:16px;
	color:#fff;
}
.event-link {
	float:left;
	width:88%;
	padding:23px;
}
.event-link a {
	font-size:16px;
	line-height:20px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	display:block;
}
.event-item:hover .event-cal {
	border-right:1px solid #1b4965;
	color:#1b4965;
}
.event-item:hover .event-cal span, .event-item:hover .event-link a {
	color:#1b4965;
}
.btn-sec {
	float:left;
	width:100%;
	margin-top:20px;
}
/*===================================================================================================
SEC-6 JOIN OUR TEAM SECTION
=====================================================================================================*/
.sec-6 {
	float:left;
	width:100%;
	background:url(../images/join-our-team-bg.jpg) no-repeat;
	background-position:center center;
	padding:78px 0;
	background-size:contain;
}
/*===================================================================================================
SEC-7 FOOTER SECTION
=====================================================================================================*/

.sec-7 {
	float:left;
	width:100%;
	background:#1A2E3F;
	background-position:center center;
	padding:78px 0 32px 0;
}
/*.foot-links-blue a{
	font-size:16px;
	line-height:16px;
	font-weight:bold;
	color:#5FA8D3;
	margin-bottom:17px;
	display:block;
	text-decoration:none;
}*/

.foot-links {
	float:left;
	width:100%;
}
.foot-links ul {
	margin:0;
	padding:0;
}
.foot-links ul li {
	list-style:none;
	font-size:16px;
	font-weight:bold;
	color:#5FA8D3;
	margin-bottom:10px;
}
.foot-links ul li a {
	display:block;
	font-weight:normal;
	font-size:14px;
	line-height:24px;
	color:#ffff;
}
.foot-links-blue ul li {
	list-style:none;
	font-size:16px;
	font-weight:bold;
	color:#5FA8D3;
	margin-bottom:10px;
}
.foot-links-blue ul li a {
	display:block;
	font-weight:bold;
	font-size:16px;
	line-height:24px;
	color:#5FA8D3;
}
.footer{
 
}
.footer hr {
	width:100%;
	color:#fff !important;
	margin:15px 0 !important;
}
.social-icons {
	float:left;
	width:100%;
}
.footer-cr {
	font-size:12px;
	line-height:47px;
	color:#fff;
}
.social-icons ul {
	margin:0;
	padding:0;
}
.social-icons ul li {
	list-style:none;
	float:right;
}
.social-icons ul li a {
	display:inline-block;
	width:47px;
	height:47px;
	margin-right:5px;
	text-align:right;
}
.fb {
	display:block;
	float:left;
	width:47px;
	height:47px;
	background:url(../images/fb.png) no-repeat;
}
.twitter {
	float:left;
	width:47px;
	height:47px;
	background:url(../images/twitter.png) no-repeat;
}
.insta {
	float:left;
	width:47px;
	height:47px;
	background:url(../images/instagram.png) no-repeat;
}
.linkedin {
	float:left;
	width:47px;
	height:47px;
	background:url(../images/Linked-in.png) no-repeat;
}

.tou-pp-links{
	float:left;
	width:100%;
	color:#fff;
}
.tou-pp-links a{
	font-size:12px;
	line-height:12px;
	color:#fff;
	
}


/*==============================================================================================
page 2 corporate profile css starts here
=================================================================================================*/
.cp-sec1, .cp-sec2, .cp-sec4 {
	margin-bottom:116px;
}
.cp-sec3{
	margin-bottom:46px;
}

/*.cp-banner {
	background:url(../images/banners/corporate-profile-banner.jpg) no-repeat;
	width:100%;
	height:600px;
	background-position:center center;
	background-size:cover;
	position:relative;
}*/
.page-title-big {
	position:absolute;
	left:60px;
	bottom:50%;
}
.page-title-small {
	position:absolute;
	left:60px;
	bottom:61%;
}

.page-title-tag {
	position:absolute;
	left:60px;
	bottom:45%;
}
.page-title-small {
	font-family: 'Open Sans', sans-serif;
	font-size:30px;
	line-height:40px;
	font-weight:300;
	color:#fff;
}
.page-title-big {
	font-family: 'Anton', sans-serif;
	font-size:55px;
	line-height:75px;
	font-weight:300;
	color:#fff;
}
.page-title-tag {
	font-family: 'Open Sans', sans-serif;
	font-size:22px;
	line-height:28px;
	font-weight:300;
	font-style:italic;
	color:#fff;
}

.page-title-big span {
	color:#5FA8D3;
}
.cp-big-text {
	font-family: 'Anton', sans-serif;
	font-size:50px;
	line-height:70px;
}
.busi-icons-sec {
	float:left;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	min-height:290px;
}
.busi-box {
	float:left;
	width:100%;
}

.busi-box:hover{
	transform:translateY(-70px);
	transition:0.25s;
	
}

.bg-circ {
	width:152px;
	height:152px;
	background:#BEE9E8;
	border-radius:50%;
	text-align:center;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-bottom:15px;
}
.bg-circ img {
	width:66px;
	height:67px;
}
.busi-icon-title {
	font-family: 'Anton', sans-serif;
	font-size:24px;
	line-height:36px;
	color:#000;
	text-align:center;
	margin-bottom:15px;
}
.mf-desc, .pl-desc, .bl-desc, .fd-desc, .ot-desc {
	float:left;
	width:100%;
	visibility:hidden;
	height:70px;
	
	
	
}
.busi-box:hover .mf-desc, .busi-box:hover .pl-desc, .busi-box:hover .bl-desc, .busi-box:hover .fd-desc, .busi-box:hover .ot-desc {
	visibility:visible;
	transition:5s;
	
}
.busi-box:hover .mf-desc p, .busi-box:hover .pl-desc p, .busi-box:hover .bl-desc p, .busi-box:hover .fd-desc p, .busi-box:hover .ot-desc p{
	transform:translateY(0);
	transition:0.7s;
}

.mf-desc p, .pl-desc p, .bl-desc p, .fd-desc p, .ot-desc p {
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	line-height:19px;
	color:#000;
	text-align:center;
	transform:translateY(20px);
	
}
.aspire-box-1 {
	background:#BEE9E8;
}
.aspire-box-2 {
	background:#598AA7;
}
.aspire-box-3 {
	background:#2D719B;
}
.aspire-box-4 {
	background:#1B4965;
}
.aspire-box-5 {
	background:#5FA8D3;
}
.aspire-box-6 {
	background:#62B6CB;
}
.aspire-box-1-inner {
	float:left;
	width:100%;
	padding:60px 20px 60px 20px;
}
.aspire-icon {
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:22px;
}
.aspire-title {
	font-family: 'Anton', sans-serif;
	font-size:24px;
	line-height:36px;
	color:#fff;
	margin-bottom:22px;
	text-align:center;
}
.at-black, .at-black ul li {
	color:#1A2E3F !important;
}
.aspire-cont ul {
	margin:0;
	padding:0;
}
.aspire-cont ul li {
	list-style:none;
	color:#fff;
	position:relative;
	left:30px;
	margin-bottom:10px;
	width:92%;
}
.aspire-cont ul li:before {
	content:"\f111";
	font-family:FontAwesome;
	font-size:7px;
	color:#1A2E3F;
	display:inline-block;
	margin-right:15px;
	position:absolute;
	left:-18px;
}


/*group strategic review*/


.gsr-mstsec{
	background:#f2f2f2;
	padding:15px;
	color:#1A2E3F;
	margin-bottom:20px;
	text-align:center;
}
.gsr-mstsec h5{
	color:#1A2E3F;
	margin-bottom:0;
}
.gsr-mstsec h6{
	font-size:18px;
	margin-bottom:0;
}


.gsr-sec-1, .gsr-sec-2, .gsr-sec-3, .gsr-sec-4{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:30px;
}

.gsr-sec-1 .inner-gsr{
	min-height:256px;
	text-align:center;
}
.gsr-sec-2 .inner-gsr{
	min-height:352px;
	
}

.gsr-sec-3 .inner-gsr{
	min-height:227px;
	text-align:center;
	
}

.inner-gsr{
	border:1px solid #ccc;
	width:100%;
	height:auto;
	padding:15px 10px;
}
.inner-gsr:hover {
	border:1px solid #5FA8D3;
	 
}
.inner-gsr:hover .gsr-title{
	 color:#5FA8D3;
}
.gsr-title{
	border-bottom:1px solid #e1e1e1;
	margin-bottom:15px;
	text-align:center;
}
/*.gsr-title h5{
	display:inline-block;
	vertical-align:top;
	line-height:42px;
}*/
.icontitle h5{
	display:inline-block;
	vertical-align:top;
	line-height:42px;
}
.gsr-icon {
	width:42px;
	height:42px;
	display:inline-block;
}
.env-icon{
	background:url(../images/corporate-profile/ss-env-icon.png) no-repeat;
	width:42px;
	height:42px;
}
.soc-icon{
	background:url(../images/corporate-profile/ss-soc-icon.png) no-repeat;
	width:42px;
	height:42px;
}
.gov-icon{
	background:url(../images/corporate-profile/ss-gov-icon.png) no-repeat;
	width:42px;
	height:42px;
}







/*=========================================================================================================
BOARD OF DIRECTORS PAGE CSS STARTS HERE
===========================================================================================================*/


.cp-banner {
	background:url(../images/banners/corporate-profile-banner.jpg) no-repeat;
	width:100%;
	height:600px;
	background-position:center center;
	background-size:cover;
	position:relative;
	z-index:1;
 
}
.dos-banner{
	background:url(../images/banners/dos-banner.jpg) no-repeat;
	width:100%;
	height:600px;
	background-position:center center;
	background-size:cover;
	position:relative;
	z-index:1;
}
.mt-banner{
	background:url(../images/banners/mt-banner.jpg) no-repeat;
	width:100%;
	height:600px;
	background-position:center center;
	background-size:cover;
	position:relative;
	z-index:1;
}

.bod-banner{
	background:url(../images/banners/bod-banner.jpg) no-repeat;
	width:100%;
	height:600px;
	background-position:center center;
	background-size:cover;
	position:relative;
	z-index:1;
}
.bulking-banner{
	background:url(../images/banners/bulking-banner.jpg) no-repeat;
	width:100%;
	height:600px;
	background-position:center center;
	background-size:cover;
	position:relative;
	z-index:1;
}
.food-banner{
	background:url(../images/banners/food-banner.jpg) no-repeat;
	width:100%;
	height:600px;
	background-position:center center;
	background-size:cover;
	position:relative;
	z-index:1;
}
.manf-banner{
	background:url(../images/banners/manufacturing-banner.jpg) no-repeat;
	width:100%;
	height:600px;
	background-position:center center;
	background-size:cover;
	position:relative;
	z-index:1;
}
.plant-banner{
	background:url(../images/banners/plantation-banner.jpg) no-repeat;
	width:100%;
	height:600px;
	background-position:center center;
	background-size:cover;
	position:relative;
	z-index:1;
}
.cm-banner{
	background:url(../images/banners/cm-banner.jpg) no-repeat;
	width:100%;
	height:600px;
	background-position:center center;
	background-size:cover;
	position:relative;
	z-index:1;
}

.ir-banner{
	background:url(../images/banners/ir-sec-banner.jpg) no-repeat;
	width:100%;
	height:600px;
	background-position:center center;
	background-size:cover;
	position:relative;
	z-index:1;
}

.dark-layer{
	float:left;
	width:100%;
	background:url(../images/banners/innerpages-layer.png) no-repeat;
	/*background:#000;
	opacity:0.7;*/
	height:600px;
	position:relative;
	z-index:2;

}
.bod-cont {
	display:flex;
	width:100%;
	flex-wrap:wrap;
}
.bod-item {
	float:left;
	width:100%;
	margin-bottom:100px;
}
.bod-img {
	float:left;
	width:100%;
	margin-bottom:25px;
	background:url(../images/bod/bod-bg.jpg) no-repeat;
	height:433px;
}
.directors-img{
	float:left;
	width:100%;
	margin-bottom:25px;
	background:url(../images/bod/bod-bg-inner.jpg) no-repeat;
	height:auto;
}

.bod-desc {
	font-family: 'Anton', sans-serif;
	font-size:16px;
	line-height:16px;
	display:block;
	color:#000000;
}
.bod-desc span {
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	line-height:16px;
	color:#4E9DCD;
	display:block;
	margin-top:10px;
}
.flashy-container .flashy-content {
	padding:0 !important;
	border-radius:0 !important;
	height:632px;
	overflow:hidden;
}
.bod-full-desc {
	font-family: 'Open Sans', sans-serif;
	float:left;
	width:100%;
	padding-top:60px;
	padding-bottom:60px;
	padding-left:15px;
	padding-right:15px;
	height:632px;
	overflow-y:scroll;
}
.bod-full-desc h4 {
	font-family: 'Open Sans', sans-serif;
	font-size:30px;
	line-height:35px;
	font-weight:bold;
}

.bod-full-desc h4 + p{
	color:#4E9DCD;
}


ul.aoe li:before {
	content:'';
	display:none;
}
ul.aoe li {
	list-style:none;
	display:inline-block;
	padding:2px;
}
.aoe-table {
	width:100%;
	border:1px solid #ddd;
}
.aoe-table tr {
	display:inline-block;
	width:100%;
	margin-bottom:0;
}
.aoe-table tr td {
}
.aoe-table tr td:first-child {
	border-right:1px solid #ddd;
	width:2%;
}
.aoe-table tr td:nth-child(2) {
 width:58%;
}
.color-code {
	width: 16px;
	height: 16px;
	border-radius: 50px;
	display: inline-block;
	margin: 0px 1px;
}

/*=========================================================================================================
MANAGEMENT TEAM PAGE CSS STARTS HERE
===========================================================================================================*/


.mt-cont {
	display:flex;
	flex-wrap:wrap;
	width:100%;
}
/*=========================================================================================================
DIRECTORS OF SUBSIDIARIES PAGE CSS STARTS HERE
===========================================================================================================*/


.dos-cont p {
	text-align:center;
	margin-bottom:40px;
}
.custom-dropdown select {
	background-color:#1A2E3F;
	padding: 11px 25px;
	border: 0;
	margin: 0 0 40px 0;
	max-width: 200px;
	min-width: 155px;
	border-radius: 50px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	outline: none !important;
	background-image: url(../images/dropdownArrow-white.png) !important;
	background-repeat: no-repeat !important;
	background-position: center right 20px !important;
	color:#fff;
	font-size: 18px;
	font-weight:bold;
	line-height: 18px;
}
ol.dos-list {
	counter-reset: li;
	list-style: none;
 *list-style: decimal;
	padding-left: 0px;
	margin-top: 25px;
}
.dos-list-inner {
	display:flex;
	width:100%;
	flex-flow: row wrap;
	align-content: space-between;/*  justify-content: space-between;*/
}
.dos-list li {
	position: relative;
	display: block;
	text-decoration: none;
	border-radius: 0.3em;
 transition: all .3s ease-out;
	margin-bottom: 14px;
}
.dos-list li:before {
	font-family: 'Anton', sans-serif;
	content: counter(li, decimal-leading-zero);
	counter-increment: li;
	position: absolute;
	left: -15px;
	top: 18px;
	letter-spacing:1px;
	color:#4E9DCD;
	height: 42px;
	font-size: 60px;
	width: 42px;
	line-height: 35px;
	text-align: center;
	font-weight: 500;
	border-radius: 2em;
 transition: all .3s ease-out;
}
.dos-list li span {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	background:#EFEFEF;
	display:block;
	padding:15px 30px 15px 40px;
	color:#000;
	width:90%;
	min-height:70px;
}
.dos-item:hover:before {
	color:#FF7700 !important;
}
/*=========================================================================================================
CORPORATE MILESTONES PAGE CSS STARTS HERE
===========================================================================================================*/


.timeline {
	display: flex;
	margin: 0 auto;
	flex-wrap: wrap;
	flex-direction: column;
	max-width: 700px;
	position: relative;
}
.timeline__content-title {
	font-weight: normal;
	font-size: 66px;
	margin: -10px 0 0 0;
 transition: .4s;
	padding: 0 10px;
	box-sizing: border-box;
	font-family: 'Anton', sans-serif;
	color:#1f8fce;
}
.timeline__content-desc {
	margin: 0;
	font-size: 15px;
	box-sizing: border-box;
	color:#000;
/*	font-family: Cardo;*/
	font-weight: normal;
	line-height: 25px;
}
.timeline__content-desc strong {
	color:#5FA8D3;
	display:block;
}
.timeline:before {
	position: absolute;
	left: 50%;
	width: 2px;
	height: 100%;
	margin-left: -1px;
	content: "";
	background:#1f8fce;
}
.timeline-item {
	padding: 40px 0;
  /* opacity: .3;
 filter: blur(2px);*/
  transition: .5s;
	box-sizing: border-box;
	width: calc(50% - 40px);
	display: flex;
	position: relative;
	transform: translateY(-80px);
}
/*.timeline-item:before {
  content: attr(data-text);
  letter-spacing: 3px;
  width: 100%;
  position: absolute;
/*  color: #4E9DCD;*/
 /* color: #fff;
  font-size: 13px;
 font-family: 'Anton', sans-serif;;
  border-left: 2px solid rgba(255, 255, 255, 0.5);
  top: 70%;
  margin-top: -5px;
  padding-left: 15px;
  opacity: 0;
  right: calc(-100%  - 39px );
}*/


.timeline-item:before {
	content:'';
	letter-spacing: 3px;
	width: 113%;
	position: absolute;
	color: #4E9DCD;
	font-size: 13px;
	font-family: 'Anton', sans-serif;
	/* border-top: 2px dotted #4E9DCD;*/
  
    margin-top: -15px;
	/* padding-left: 15px; */
    opacity: 0;
	background:url(../images/corporate-milestones/line-bg.png);
	background-repeat:repeat-x;
	height:15px;
	width:9999;
}
 .timeline-item:nth-child(even) {
 align-self: flex-end;
}
/*.timeline-item:nth-child(even):before {
  right: auto;
  text-align: right;
  left: calc(-100% - 39px );
  padding-left: 0;
  border-left: none;
  border-right: 2px solid rgba(255, 255, 255, 0.5);
  padding-right: 15px;
}*/


.timeline-item:nth-child(even):before {
 right: auto;
 text-align: right;
 padding-left: 0;
 border-left: none;
 border-right: 2px solid rgba(255, 255, 255, 0.5);
 padding-right: 15px;
 left:-39px;
}
.timeline-item--active {
	opacity: 1;
	transform: translateY(0);
	filter: blur(0px);
}
/*.timeline-item--active:before {
  top: 50%;
  transition: .3s all .2s;
  opacity: 1;
}*/

.timeline-item--active:before {
 transition: .3s all .2s;
	opacity: 1;
}
.timeline-item--active:after {
	content:"";
	display:inline-block;
	background:url(../images/corporate-milestones/dot.png);
	width:20px;
	height:20px;
	position:absolute;
	right: -50px;
	top: 18px;
}
 .timeline-item--active:nth-child(even):after {
 content:"";
 display:inline-block;
 background:url(../images/corporate-milestones/dot.png);
 width:20px;
 height:20px;
 position:absolute;
 left: -50px;
 top: 18px;
}
.timeline-item--active .timeline__content-title {
	margin: -50px 0 20px 0;
}
.timeline__img {
	max-width: 100%;
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.4);
}
.timeline-container {
	width: 100%;
	position: relative;
	padding: 80px 0;
	background-attachment: fixed;
	background-size: cover;
}
.timeline-container:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/*background: rgba(99, 99, 99, 0.8);*/
  background:#fff;
	content: "";
}
.timeline-header {
	width: 100%;
	text-align: center;
	margin-bottom: 80px;
	position: relative;
}
.timeline-header__title {
	color: #000;
	font-size: 46px;
	font-family: Cardo;
	font-weight: normal;
	margin: 0;
}
.timeline-header__subtitle {
	color: #000;
	font-family: 'Anton', sans-serif;
	font-size: 16px;
	letter-spacing: 5px;
	margin: 10px 0 0 0;
	font-weight: normal;
}
.demo-footer {
	padding: 60px 0;
	text-align: center;
}
.demo-footer a {
	color: #999;
	display: inline-block;
	font-family: Cardo;
}
/*=========================================================================================================
MANUFACTURING PAGE CSS STARTS HERE
===========================================================================================================*/

.mf-sec2 h4, .plntation-sec2 h4, .bulking-sec2 h4, .food-sec2 h4{
	color: #1A2E3F;
}


.mf-sec3 {
	margin-bottom:110px;
}
.mf-slider div {
	margin:1px;
}
 .our-busi-sec [class*="col-"] {
 padding:0;
}
.mblock {
	float:left;
	width:100%;
	display:block;
	position:relative;
	overflow:hidden;
	height:450px;
}

.manufacturing-block{
	background:url(../images/manufacturing/manufacturing.jpg);
	width:100%;
	height:450px;
	background-size:cover;
	background-position:center center;
	z-index:1;
	position:relative;
}
.plantation-block {
	background:url(../images/manufacturing/plantation.jpg);
	width:100%;
	height:450px;
	background-size:cover;
	background-position:center center;
	z-index:1;
	position:relative;
}
.bulking-block {
	background:url(../images/manufacturing/bulking.jpg) no-repeat;
	width:100%;
	height:450px;
	background-size:cover;
	background-position:center center;
}
.food-block {
	background:url(../images/manufacturing/food.jpg) no-repeat;
	width:100%;
	height:450px;
	background-size:cover;
	background-position:center center;
}

.cookingshow table tr td, .cookingshow table tr th{
	text-align:center;
}
.cookingshow table tr td a{
	color:#FF0000
}

.prod-title {
	font-family: 'Anton', sans-serif;
	font-size:34px;
	line-height:34px;
	color:#fff;
	transform: translateY(0);
	transition: transform 0.5s;
	margin-top:168px;
	text-align:center;
}
.hover-block {
	opacity: 0;
	transform: translateY(100%);
	transition: transform 0.5s, opacity 0.5s;
	color:#fff;
	text-align:center;
	padding:0 50px;
}
.hover-block p {
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#fff;
	text-align:center;
}
.mblock:hover {
	cursor:pointer;
	position:absolute;
	background-image:url(../images/manufacturing/hover-layer.png);
	overflow:hidden;
	z-index:3;
}
.mblock:hover .hover-block {
	transform: translateY(0);
	transition: transform 0.5s;
	opacity:1;
	z-index:3;
}
.mblock:hover .prod-title {
	transform: translateY(-80%);
	transition: transform 0.5s;
	z-index:3;
}


/*plantaion pages*/




.tabs-btn-sticky{
 position: -webkit-sticky;
  position: sticky;
  top: 0;
  background:#efefef;
  padding:10px;
  z-index:4;
 

}
.tabs-btns ul{
	padding:0;
	margin:0;
}
.tabs-btns ul li{
	list-style:none;
	 
	padding:0;
	display:inline-block;
	 
}
.tabs-btns ul li a{
	display:block;
	padding:10px 15px;
	margin:0;
	background:#4e9dcd;
	color:#fff;
	border-radius:0;
	text-decoration:none;
	
}

.overview, .estates, .statistics, .terminals, .cookingshow, .certification{
	padding-top:70px;
}

.plantation-sec3 {
	margin-bottom:110px;
}

.plntation-sec2 .z-content-inner{
	/*height:650px !important;
	overflow-y:scroll;
	overflow-x:hidden;*/
	
}
.plntation-sec2 .z-tabs > .z-container > .z-content{
	display:block !important;
	position:relative !important;
}


.z-content-inner{
	/*height:550px !important;
	overflow-y:scroll;
	overflow-x:hidden;*/
	
}
.plntation-sec2 h2{
	font-size:22px;
}
.z-content-inner h4{
	color:#4E9DCD;
}
.z-content-inner h5{
	color:#1A2E3F;
}

.plantation-estate table tr:nth-child(odd){
	background-color:#f4fbff;
}
.plantation-stats table tr:nth-child(odd){
	background-color:#f4fbff;
}
.plantation-stats table tr td:first-child{
	text-align:left;
}


.certification img{
 
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	display:block;
 position: relative;
top: 50%;
transform: translateY(-50%);
}


.certification [class*="mb30"]{
	margin-bottom:0;
}
.bsci, .brc, .haccp, .portrt-web, .ifs.halal, .gmp.nfa, .fia-png, .ds, .ifs,
.halal, .gmp, .nfa, .fia-png, .iso{
	background:#fdfdfd;
	border:1px solid #f0f0f0;
	padding:30px;

}

.bsci img{
	width:71%;
	display:block;
}
.brc img{
	width:38%;
	display:block;
}
.brc img{
	width:50%;
	display:block;
}
.ds img{
	width:40%;
	display:block;
}
.haccp img{
	width:40%;
	display:block;
}
.portrt-web img{
	width:63%;
	display:block;
}
.ifs img{
	width:46%;
	display:block;
}
.halal img{
	width:40%;
	display:block;
}
.gmp img{
	width:40%;
	display:block;
}
.nfa img{
	width:54%;
	display:block;
}
.fia-png img{
	width:35%;
	display:block;
}
.iso img{
	width:40%;
	display:block;
}

.corp-link{
	display:flex;
	gap:5px;
	align-items:center;
}


/*======================================================================================================
SUSTAINABILITY  CSS STARTS HERE
===========================================================================================================*/

/*sustainability reporst css starts here*/

.report-inner > div{
	float:left;
	width:100%;
	padding:50px 30px;
 
}

.susr-sec2 [class*="col-"]{
	padding:0;
}
/*div:nth-child(2n+1) .report-inner{
	background:#ededed;
}
*/

.report-inner:nth-child(2),
.report-inner:nth-child(3),
.report-inner:nth-child(6),
.report-inner:nth-child(7),
.report-inner:nth-child(9),
.report-inner:nth-child(10){
	background:#f3f3f4;
}

.report-inner{
	
	background:#ededed;
}

.report-cover{
	float:left;
	width:206px;
	height:267px;
	border-radius:30px 0 30px 0;
	padding:15px;
	background:#fff;
	overflow:hidden;
	margin-right:15px;
	text-align:center;
	box-shadow: -2px -2px 5px 0px rgba(207,207,207,1);
-webkit-box-shadow: -2px -2px 5px 0px rgba(207,207,207,1);
-moz-box-shadow: -2px -2px 5px 0px rgba(207,207,207,1);
}
.report-cover img{
	border-radius:15px;
	border-radius:30px 0 30px 0;
	object-fit:cover;
	height:234px;
	
}
.report-right-sec{
	float:left;
	width:48%;
}

.report-title{
	font-family: 'Anton', sans-serif;
	font-size:22px;
	line-height:28px;
	font-weight:bold;
	color:#5FA8D3;
	margin-top:75px;
	margin-bottom:20px;
}
.report-title span{
	color:#1A2E3F;
}

.report-download a, .report-view a{
	font-size:16px;
	line-height:16px;
	color:#1B4965;
	display:inline-block;
	
}
.report-download a:hover, .report-view a:hover{
	font-size:16px;
	line-height:16px;
	color:#4E9DCD;
	display:inline-block;
	text-decoration:none;
	
}
report-right-sec a, .report-download a:after, .report-view a:after{
	color:#1B4965;
}
report-right-sec a:hover, .report-download a:hover:after, .report-view a:hover:after{
	color:#4E9DCD;
}
.report-download a:after{
	content:'\f56d';
	font-family:fontawesome;
	font-size:16px;
	line-height:16px;
	color:#1B4965;
	display:inline-block;
	margin-left:15px;
	
}
.report-view a:after{
	content:'\f06e';
	font-family:fontawesome;
	font-size:16px;
	line-height:16px;
	color:#1B4965;
	display:inline-block;
	margin-left:15px;
	
}

/*======================================================================================================
INVESTOR RELATIONS SECTION CSS STARTS HERE
===========================================================================================================*/
/*financial highlights*/

.fin-sec2 [class*="col-"]{
	margin-bottom:30px;
}

/********Analyst Reports**********/
	.analyst-report table
	{
		width:100%;
	}	
	.analyst-report table thead
	 {
	  
	  border:none;
	  border-bottom:4px solid #298bc6;
	  
	  		   
	 }
	.analyst-report table thead th {
		  background-color:#1b2d3f;
		  color: #fff;
		  opacity: 0.9;			
		  font-size: 15px;
		  line-height: 20px;
	  }
	.analyst-report table th
	 {
		 padding:12px 15px;
	 }
	.analyst-report table td
	 {
		 font-size:14px;padding:08px 15px;
	 }
	.analyst-report table td:nth-child(3), .analyst-report table th:nth-child(3), .analyst-report table td:nth-child(4), .analyst-report table th:nth-child(4)
	 {
		 text-align:center;
	 }
/*	.analyst-report tbody tr:nth-child(odd) {
	  background-color: #fff;
	 }
	.analyst-report table tbody tr:nth-child(even) {
	   background-color: rgba(223,233,215,0.9);
	 }*/	  
	 .button {
        
        border-radius: 1px;
        
     }
	 .colors {
      display: none;
      }
	 .dropdown {
       position: relative;
       display: block;
       margin-top: 0.5em;
       padding: 0;
	  
	    float:right;margin-bottom:30px;
     }
	  .analyst-report .dropdown label
	 {
		 display:inline-block;font-size:15px;vertical-align:middle;
		 font-weight:600;color:#333;text-transform:uppercase;margin-bottom:0px;
	 }
	  .analyst-report .dropdown select
	 {
		 display:inline-block;vertical-align:middle;
		 -moz-appearance: none;       
         -webkit-appearance:none;
	     -o-appearance:none;
         appearance: none;	    
	 }
	.analyst-report .dropdown select::-ms-expand {
        display: none;
      }
	 .dropdown select {
    width: 160px;
    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: 15px;
    color: #fff;
    padding: 9px 14px 6px 14px;
    line-height: 1.3;background-color:#1b2d3f;border-radius:2px;
}
/*.dropdown::after {
    content: "\f078";
    font-family: FontAwesome;
    position: absolute;
    width: 9px;
    height: 8px;
    top: 7px;
    right: 20px;
    z-index: 2;
    pointer-events: none;
    color: #fff;
}*/

/********General Meetings page css starts here**********/

.circularsContainer{
	
	width:100%;
}
.sp-r {
    margin-right: 20px;
}
.year-select-gm{
	margin-right:15px;
}

 /*=============Annual Reports section===========*/

.h-fix:nth-child(even){
	background:#f1f1f1;
	padding:15px 0;
}

.h-fix:nth-child(odd){
	background:#f7f7f7;
	padding:15px 0;
}
 /*=============Quarter Reports section===========*/
.qtr-acc{
	float:left;
	width:100%;
}

/*<!--======================================================================================================
TERMS OF USE AND PRIVACY POLICY CSS STARTS HERE
===========================================================================================================-->*/

.tou-sec2{
	
}

ol.terms-list{
	padding:0;
	margin:0;
}
ol.terms-list li{
	margin-bottom:20px;
	font-size:16px;
	font-weight:normal;
	text-align:justify;
	background:#f1f1f1;
	padding:15px;
	margin-bottom:15px;
	border-bottom:1px solid #c2c2c2;
	
}

/*==============================================================================================
FLOATING CONTACT BUTTON CSS
=================================================================================================*/

.floating-wdgt{
	float:left;
	/*width:150px;*/
	
	background-color:#5FA8D3;
	position:fixed;
	right:-41px;
	top:50%;
	-moz-transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  -o-transform:rotate(-90deg);
  -webkit-transform:rotate(-90deg);
  text-align:center;
  padding:15px 25px;
  border-radius:6px 6px 0 0;
}
.floating-wdgt a{
	display:block;
	color:#fff;
	font-size:16px;
	line-height:16px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
.scrollup {
    width: 40px;
    height: 40px;
    position: fixed;
	z-index:9;
    bottom: 50px;
    right: 22px;
    display: none;
    /* text-indent: -9999px; */
    text-align: center;
    background-color: #fff;
    color: #298bc6;
    font-size: 22px;
    line-height: 39px;
	box-shadow: 2px 0px 16px 2px rgba(0,0,0,0.27);
-webkit-box-shadow: 2px 0px 16px 2px rgba(0,0,0,0.27);
-moz-box-shadow: 2px 0px 16px 2px rgba(0,0,0,0.27);
}
.scrollup:hover {
    color: #fff;
    background-color: #298bc6;
}


/*==============================================================================================
MEDIA QUERIES STARTS HERE
=================================================================================================*/


/*==========  Mobile First Method  ==========*/
/* Large desktops and laptops */
@media (min-width: 1200px) {
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	

.acv-inner {
    float: left;
    width: 100%;
   height: 479px;
    transition: transform .2s;
}	
	
.acv-icon {
    width: 124px;
    height: 124px;
    margin: 130px auto 20px auto;
	background: url(../images/acv-icon-bg.png) no-repeat;
    clear: both;
    text-align: center;
    background-size: cover;
}
.acv-icon img{
	max-width:60%;
	height:auto;
}

 .psn > .acv-icon img {
    	max-width:70%;
	height:auto;
}
.ethi > .acv-icon img {
    	max-width:78%;
	    height:auto;
}


.acv-title {
    font-family: 'Anton', sans-serif;
    font-size: 17px;
    line-height: 20px;
    color: #fff;
    text-align: center;
}
.acr > .acv-icon img, .sft > .acv-icon img {
    margin-top: 16px;
}
.list-group-horizontal > .list-group-item + .list-group-item{
	height:0;
}
.our-business-sec .list-group-item {
    border: none;
    color: #4E9DCD;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    min-width: 25%;
}

.our-business-sec .list-group-item.active{
	margin-top:-25px;
	/*border-bottom:2px solid #1B4965;*/
}

.p-icon span, .b-icon span, .m-icon span, .f-icon span{
	margin-top:0;
}

.p-icon, .b-icon, .m-icon, .f-icon{
	background:none;
}

.our-business-sec .list-group-item.active:before{
	content:"";
	animation:none;
	position:static;
	display:initial;
	top:0;
}




}
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	
.acv-inner {
    float: left;
    width: 100%;
   height: 330px;
    transition: transform .2s;
}	
	
.acv-icon {
    width: 80px;
    height: 80px;
    margin: 93px auto 20px auto;
	background: url(../images/acv-icon-bg.png) no-repeat;
    clear: both;
    text-align: center;
    background-size: cover;
}

.acv-title {
    font-family: 'Anton', sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    text-align: center;
}

.acv-icon img{
	max-width:55%;
	height:auto;
	margin-top:11px;
}
	
.psn > .acv-icon img {
	max-width:63%;
    margin-top: 22px;
}
	
.inv > .acv-icon img {
	
    margin-top: 18px;
}


.our-business-sec .list-group-item {
    border: none;
    color: #4E9DCD;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    min-width: 25%;
}

.our-business-sec .list-group-item.active{
	margin-top:-25px;
	/*border-bottom:2px solid #1B4965;*/
}

.p-icon span, .b-icon span, .m-icon span, .f-icon span{
	margin-top:0;
}

.p-icon, .b-icon, .m-icon, .f-icon{
	background:none;
}

.our-business-sec .list-group-item.active:before{
	content:"";
	animation:none;
	position:static;
	display:initial;
	top:0;
}


/*------------------------------------Board of directors--------------------------------------*/

.bod-img{
	height:261px;
}


	
	
	
}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	
	

.acv-inner {
    float: left;
    width: 100%;
   height: 330px;
    transition: transform .2s;
}	
	
.acv-icon {
    width: 80px;
    height: 80px;
    margin: 93px auto 20px auto;
	background: url(../images/acv-icon-bg.png) no-repeat;
    clear: both;
    text-align: center;
    background-size: cover;
}

.acv-title {
    font-family: 'Anton', sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    text-align: center;
}

.acv-icon img{
	max-width:55%;
	height:auto;
	margin-top:11px;
}
	
.psn > .acv-icon img {
	max-width:63%;
    margin-top: 22px;
}
	
.inv > .acv-icon img {
	
    margin-top: 18px;
}	


.our-business-sec{
	padding-left:15px;
	padding-right:15px;
	
}

	

.our-business-sec .list-group-horizontal{
	flex-direction:inherit;
}
.wwr-mfix img{
	display:none;
}
	
.wwr-mfix{
	background:url(../images/wwr-right.png) no-repeat;
	width:100%;
	height:462px;
}
.our-bsns-img img{
	visibility:hidden;
}
.our-bsns-img{
	display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	background:url(../images/our-bsns-mobile.jpg) no-repeat;
	width:100%;
	height:519px;
	padding-left:100%;
	overflow:hidden;
}

.bulking-img{
	display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	background:url(../images/bulking-mobile.jpg) no-repeat;
	width:100%;
	height:519px;
	padding-left:100%;
	overflow:hidden;
}

.manufacturing-img{
	display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	background:url(../images/manufacturing-mobile.jpg) no-repeat;
	width:100%;
	height:519px;
	padding-left:100%;
	overflow:hidden;
}
.food-img{
	display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	background:url(../images/food-mobile.jpg) no-repeat;
	width:100%;
	height:519px;
	padding-left:100%;
	overflow:hidden;
}

.our-business-sec .list-group-item {
    border: none;
    color: #4E9DCD;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    min-width: 25%;
}

.our-business-sec .list-group-item.active{
	margin-top:-25px;
	/*border-bottom:2px solid #1B4965;*/
}

.p-icon span, .b-icon span, .m-icon span, .f-icon span{
	margin-top:0;
}

.p-icon, .b-icon, .m-icon, .f-icon{
	background:none;
}

.our-business-sec .list-group-item.active:before{
	content:"";
	animation:none;
	position:static;
	display:initial;
	top:0;
}	

.wwa-cont .tab-content{
	padding:20px 20px;
}


.footer-logo-sec img{
	max-width:20%;
}


/*Corporate profile*/

.busi-icons-sec {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    min-height: 366px;
}

.cp-big-text {
    font-family: 'Anton', sans-serif;
    font-size: 34px;
    line-height: 52px;
}

	
	
/*milestones css*/	


  .timeline:before {
 left: 40px;
}
 .timeline-item {
 align-self: baseline !important;
 width: 100%;
 padding: 0 30px 150px 80px;
}
 .timeline-item:before {
 left: 10px !important;
 padding: 0 !important;
 top: 50px;
 text-align: center !important;
 width: 60px;
 border: none !important;
}
 .timeline-item:last-child {
 padding-bottom: 40px;
}

/*------------------------------------Board of directors--------------------------------------*/

.bod-img{
	height:298px;
}






}


@media (max-width: 570px) {

.dos-list li span {
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    background: #EFEFEF;
    display: block;
    padding: 15px 30px 15px 40px;
    color: #000;
    width: 90%;
    min-height: 70px;
    margin-left: 40px;
}
.dos-list li:before{
left: 27px;
}

.our-business-sec{
	padding-left:15px;
	padding-right:15px;
	
}
.foot-links-blue ul{
	padding-left:0;
}
.footer-cr {
    font-size: 12px;
    line-height: 23px;
    text-align: center;
    color: #fff;
}

.social-icons ul{
	text-align:center;
}
.social-icons ul li {
    list-style: none;
    float: none;
    text-align: center;
    display: inline-block;
}

/*Director of subsidiaries*/

.dos-cont{
	padding:0 30px;
}

/*------------------------------------Board of directors--------------------------------------*/

.bod-img{
	height:275px;
}
.bod-img img{
	width:41%;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.bod-desc{
	text-align:center;
}
	
}







/* Portrait phones and smaller */
@media (max-width: 480px) {
	
h1 {
    font-size: 31px;
    line-height: 36px;
    margin-bottom: 25px;
    color: #5FA8D3;
}	
	
 .page-title-big {
 font-family: 'Anton', sans-serif;
 font-size: 32px;
 line-height: 75px;
 font-weight: 300;
 color: #fff;
}
.who-we-are-sec{
	margin-bottom:30px;
}
.wwr-mfix {
    background: url(../images/wwr-right.png) no-repeat;
    width: 100%;
    height: 185px;
    background-size: cover;
}
.our-business-sec .main-title {
    padding-top: 70px;
    text-align: center;
}
.our-bsns-img, .bulking-img, .manufacturing-img, .food-img {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
 
    width: 100%;
    height:345px;
    padding-left: 100%;
    overflow: hidden;
}

.acv-sec{
	margin-bottom:30px;
}
.acv-inner {
    float: left;
    width: 100%;
   height: 281px;
    transition: transform .2s;
}	
	
.acv-icon {
    width: 80px;
    height: 80px;
    margin: 82px auto 20px auto;
	background: url(../images/acv-icon-bg.png) no-repeat;
    clear: both;
    text-align: center;
    background-size: cover;
}


.event-r-img {
    width: 100%;
    height: 175px;
    background: url(../images/news-events.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.event-cal{
	 float: left;
    width: 19%;
}

.event-link {
    float: left;
    width: 80%;
    padding: 23px;
}


/*Corporate profile*/
.bg-circ{
	margin: 0 auto;
}
.our-business-sec{
	padding-left:15px;
	padding-right:15px;
	
}
.our-business-sec .list-group-horizontal{
	flex-direction:column;
}
.foot-links-blue ul{
	padding-left:0;
}

/*Director of subsidiaries*/

.dos-cont{
	padding:0 30px;
}

/*------------------------------------Board of directors--------------------------------------*/

.bod-img{
	height:226px;
}
.bod-img img{
	width:41%;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.bod-desc{
	text-align:center;
}



}

@media (max-width: 414px) {



/*------------------------------------Board of directors--------------------------------------*/

.bod-img{
	height:196px;
}
.bod-img img{
	width:41%;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.bod-desc{
	text-align:center;
}
	
	
	
}




/* Portrait i phones and smaller */
@media (max-width: 360px) {
 .list-group {
 flex-direction: column;
}
 .tab-content > .active {
 display: block;
 text-align:center;
}
 .our-business-sec {
 padding-left:5%;
 padding-right:5%;
}
.event-cal {
 font-family: 'Anton', sans-serif;
 float: left;
 width: 25%;
 height: 127px;
 text-align: center;
 border-right: 1px solid #fff;
 font-size: 32px;
 line-height: 42px;
 color: #fff;
 padding-top: 23px;
 padding-bottom: 23px;
}
 .event-link {
 float: left;
 width: 75%;
 padding: 23px;
}

.foot-links-blue ul{
	padding-left:0;
}
/*------------------------------------Board of directors--------------------------------------*/

.bod-img{
	height:226px;
}
.bod-img img{
	width:55%;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.bod-desc{
	text-align:center;
}

}



/* Portrait i phones and smaller */
@media (max-width: 320px) {
 .list-group {
 flex-direction: column;
}
}