@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;700&family=Lato&family=Roboto+Slab&display=swap');
html {
	font-size:62.5%;
}
body{
	
	font-family:"Josefin Sans", sans-serif;
}
h1 {
	color:#fff;
	font-family:"Lato", sans-serif;
	font-size:6rem;
	font-weight: 400;
	display:flex;
	flex-direction: column;
	justify-content: center;
	height:50vh;
	margin:0;
	position: relative;
	z-index: 1;
}

h2 {font-size: 4rem; font-weight: bold; font-family: 'Josefin Sans', sans-serif;}

.transition {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

a {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
	padding:11px 0;
	display: block;
	position: relative;
	overflow: hidden;
}

a:hover {text-decoration: none;}

.t-center {text-align:center; align-items: center; justify-content: center;}
.mb-30{margin-bottom:30px;}

.back-to-top {
    position: fixed;
    bottom: -40px;
    right: 40px;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #335dff;
    color: #0C2648;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.7);
    width: 40px;
    height: 40px;
    border-radius: 40px;
    display: 	flex;
    align-items: center;
    justify-content: center;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
    z-index: 9;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.back-to-top:focus {
    color: #fff;
}
.back-to-top.show {
    bottom: 40px;
    right: 40px;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.back-to-top.show:hover {    
    bottom: 30px;
    opacity: 1;
}


/***************************************************************************************
                                        Homepage Manufacturing
***************************************************************************************/
.manuContent h2,
.plantContent h2,
.propertyContent h2{
	font-size:2rem;
	font-weight:bold;
	color:#fff;
	position: relative;
	z-index: 2;
	transform: translateY(70px);
}
.plantContent h2 {
	transform: translateY(103px);
}
.manuContent p,
.plantContent p,
.propertyContent p {
	font-size: 1.6rem;
	color: #fff;
	text-align: center;
	position: relative;
	z-index: 2;
	transform: translateY(300px);
}
.manufacturing_business {
	background-image: url("../images/manu.jpg");
	background-repeat: no-repeat;
	background-size:cover;		
	position:relative;
	overflow: hidden;
}

.manuContent,
.plantContent,
.propertyContent {
	display: flex;
	justify-content: center;
	align-items:center;
	flex-direction: column;
	min-height: 317px;
	cursor: pointer;
}


.triangleTop {
	width: 0;
    height: 0;
    border-left: 435px solid transparent;
    border-right: 0 solid transparent;
    border-top: 330px solid #6AA2DB;
    display: block;
    opacity: 0.25;
    position: absolute;
    top: -330px;
    right:-435px;
    z-index:1;
    transition: all 0.5s ease-in-out;
}

.boxanimate {
	width: 100%;
	height: 100%;
	background-color: rgba(106, 162, 219, 0);
	position: absolute;
	left:0;
	top:0;
}
.manuContent:hover .boxanimate,
.plantContent:hover .boxanimate,
.propertyContent:hover .boxanimate {
	background-color: rgba(106, 162, 219, 0.25);
}

.manuContent:hover .triangleTop,
.plantContent:hover .triangleTop,
.propertyContent:hover .triangleTop {
	    top: 540px;
    right: 510px;
}
.manuContent:hover h2,
.plantContent:hover h2,
.propertyContent:hover h2 {transform:translateY(0);}
.manuContent:hover p,
.plantContent:hover p,
.propertyContent:hover p {transform: translateY(20px);}
.triangleBtm {
	  width: 0;
    height: 0;
    border-top: 330px solid transparent;
    border-left: 435px solid #6AA2DB;
    border-bottom: 0 solid transparent;
    opacity:0.25;
    position: absolute;
    bottom:-330px;
    left:-435px;
    z-index: 1;
    transition: all 0.5s ease-in-out;
}

.manuContent:hover .triangleBtm,
.plantContent:hover .triangleBtm,
.propertyContent:hover .triangleBtm{
	bottom:520px;
	left: 520px;
}

.plant_business {
	background-image: url("../images/plantation.jpg");
	background-repeat: no-repeat;
	background-size:cover;		
	position:relative;
	overflow: hidden;
}

.property_business {
	background-image: url("../images/property.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	position: relative;
	overflow: hidden;
}

#main_business .row {margin: 0;}

/***************************************************************************************
                                    About Us Landing
***************************************************************************************/
#main_about {padding:70px 0; background-color:#0C2648; text-align: center;}

#main_about h2 {color:#fff; text-align: center; margin-bottom: 30px;}
#main_about p {
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	margin-bottom: 30px;
}

#main_about a {
	color:#fff;
	border-style: solid;
	border-width: 1px;
	border-color:#fff;
	margin:0 auto;
	width: 144px;
}

.triangleBtn_top {
	width: 0;
  height: 0;
  border-top: 0 solid transparent;
  border-right: 141px solid #208ECE;
  border-bottom: 46px solid transparent;
  position: absolute;
  top:0;
  right: 0;
  transform: translate(142px, -60px);
  z-index: 1;
}

.triangleBtn_btm {
	  width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 145px solid transparent;
    border-bottom: 47px solid #208ECE;
    position: absolute;
    left: 0;
    bottom:0;
    z-index: 1;
    transform: translate(-150px, 60px);
}

#main_about a:hover {
	border-color:#208ECE;
}
#main_about a:hover .triangleBtn_top,
#main_about a:hover .triangleBtn_btm {
	transform: translate(0);
} 

.btn_txt {position: relative; z-index: 2;}

/***************************************************************************************
                                   Our Values
***************************************************************************************/
#main_values {padding:70px 0;}

#main_values h2 {text-align: center; width: 100%; margin-bottom:30px;}

#main_values .top_con { display: inline-block; vertical-align: middle; }

#main_values .top_con:first-child {padding-right:10px;}

#main_values {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 400;
	font-size: 1.6rem;
}

#main_values h3 {font-size:2rem; font-weight: 700; text-transform: uppercase;}
#main_values .row > div {margin-bottom:30px;}


.values_con {
	padding:30px;
	background-color:#F3F3F3;
	box-shadow:  0 0 6px #00000025;
	min-height: 404px;
	height: 100%;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

.top_conOuter, .values_con p {position: relative; z-index: 2; margin-top:20px;}

.top_conOuter, .values_con ul{
	    margin-top: 20px;
    padding-left: 15px;
}

.values_con ul {position: relative; z-index: 2;}
.values_con ul li {list-style: none;}
.values_con ul li {
	background: url("../images/arrow-time.png") ;
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:24px;
	padding-bottom:10px;
		
}

.values_triangleTop {
	  width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-right: 394px solid #208ECE;
    border-bottom: 416px solid transparent;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    transform: translate(356px, -310px);
}

.values_triangleBtm {
	width: 0;
  height: 0;
  border-top: 281px solid transparent;
  border-left: 386px solid #208ECE;
  border-bottom: 0 solid transparent;
  position: absolute;
  left: 0;
  bottom:0;
  transform: translate(-360px, 320px);
}

.values_con:hover .values_triangleTop,
.values_con:hover .values_triangleBtm{
	transform: translate(0);
}

.top_con object:last-child {
	visibility: hidden;
  position: absolute;
  left: 18px;
  top: 0;
}

.values_con:hover object:first-child {visibility: hidden;}
.values_con:hover object:last-child {visibility: visible;}



/***************************************************************************************
                                    Sustainability
***************************************************************************************/
#main_sust {
	background-image:url("../images/Sustainabilitybg.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	padding:10% 0;
	position: relative;
}

.sustCont {
	font-size:1.6rem;
	width: 50%; position:
	relative; z-index: 2;
	padding-right:6%;
}

.whiteOverlay {
	position: 	absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
	background-color:rgba(255,255,255,0.8);
}

#main_sust a {
	color: #fff;
	border-style: solid;
	border-width: 1px;
	border-color: #208ECE;
	background-color:#fff;
	margin-top: 40px;
	width: 144px;
	text-align: center;
	color:#208ECE;
}

#main_sust a:hover .triangleBtn_top,
#main_sust a:hover .triangleBtn_btm {
	transform: translate(0);
}

#main_sust a:hover {color:#fff;} 
#main_sust a span {position: relative; z-index: 2;}
#main_sust p {margin-top:30px; margin-bottom:0;}


/***************************************************************************************
                                   News & Events
***************************************************************************************/
#main_news  {padding: 70px 0;}
#main_news h2{text-align: center; margin-bottom: 30px;}

#main_news a {
	min-height: 277px;
	height: 100%;
	background-color:#DEDEDE;
	padding: 40px;

}
#main_news .submit:focus {outline:0;}
#main_news .submit {
	color: #fff;
	border-style: solid;
	border-width: 1px;
	border-color: #208ECE;
	background-color:#fff;
	margin: 0 auto;
	width: 144px;
	text-align: center;
	color:#208ECE;
	font-family: 'Josefin Sans', sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  padding: 11px 0;
  display: block;
  position: relative;
  overflow: hidden;
  cursor:pointer;
}
#main_news .submit:hover { color:#fff; }
#main_news .submit:hover .triangleBtn_top,
#main_news .submit:hover .triangleBtn_btm {transform: translateY(0);}
#main_news .submit span {position: relative; z-index: 2;}
#main_news a span {
	display: block;
	position: absolute;
	bottom:40px;
	left:40px;
	font-size: 1.8rem;
	font-weight: 700;
	color:#0C2648;
}

#main_news a h3 {font-size:1.6rem; font-weight: 700; color:#0C2648;}

#main_news a:hover {	transform: translateY(-10px);	background-color:#208ECE;}
#main_news a:hover h3, #main_news a:hover span{ color:#fff; }

#main_news .row > div {margin-bottom: 30px;}

/***************************************************************************************
                                   Join Us
***************************************************************************************/

#main_join {
	background-image:url("../images/join.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	padding:70px 0;
	position: relative;
	z-index: 1;
	overflow-x:hidden;
}
#main_join p {font-size:1.6rem; padding-bottom:10px;}
#main_join h2 {margin-bottom:30px;}

#main_join .joinus_btn {
	color: #fff;
	border-style: solid;
	border-width: 1px;
	border-color: #208ECE;
	background-color:#fff;
	margin-top: 40px;
	width: 144px;
	text-align: center;
	color:#208ECE;
}

#main_join span {position: relative; z-index: 2;}
#main_join a.joinus_btn:hover .triangleBtn_top, #main_join a.joinus_btn:hover .triangleBtn_btm {
    transform: translate(0);
}
#main_join a.joinus_btn:hover span {color:#fff;}

#main_join a {color:#000;}

/***************************************************************************************
                                   Corporate Profile
***************************************************************************************/
#corporate-profile {overflow-x: hidden;}
h1 span {display: block; font-size:3rem; color:#208ECE;}
#corporate-profile h2 {color:#fff; margin-bottom: 10px;}

.bannerTop-inner {
	background-image: url("../images/corporate-profile-banner.jpg");
	background-repeat: no-repeat;
	background-size:cover;
}
#corporate-profile .quotes {padding:100px 0;}
#corporate-profile .quotes h4 {
	text-align: center;
	font-size:4rem;
	color:#707070;
	font-family: 'Lato', sans-serif;
}

#corporate-profile .manufacturing {
	background-image:url("../images/manufacturing.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	min-height: 476px;
	height: 100%;
	display: flex;
	align-items: center;
	background-attachment: fixed;
}

#corporate-profile p {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 1.6rem;
	color: #fff;
}

#corporate-profile .plantation {
	background-image: url("../images/cprofile-plantation.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	min-height: 476px;
	height: 100%;
	display: flex;
	text-align: right;
	align-items: center;
	background-attachment: fixed;
}

#corporate-profile .property {
	background-image: url("../images/cprofile-property.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	min-height: 476px;
	display: flex;
	text-align: left;
	align-items: center;
}

.coreVal {padding-top: 100px; }
#corporate-profile .coreVal h2 {color:#000000; text-align: center; margin-bottom:30px;}
#corporate-profile .accountability h2,
#corporate-profile .coreVal-integ h2,
#corporate-profile .coreVal-responsibility h2,
#corporate-profile .coreVal-safety h2,
#corporate-profile .coreVal-passionate h2,
#corporate-profile .coreVal-creation h2,
#corporate-profile .coreVal-passionate h2 {color:#fff; text-align: center;}

.coreVal .accountability,
.coreVal .coreVal-integ,
.coreVal-responsibility,
.coreVal .coreVal-safety,
.coreVal .coreVal-passionate,
.coreVal .coreVal-creation,
.coreVal .coreVal-passionate
 {
	display: flex;
	flex-flow:column;
	align-items: center;
	justify-content: center;
	min-height:462px;
	height:100%;
	color:#fff;
	text-align: center;
	overflow: 	hidden;
	position: relative;
}
.coreVal .accountability {background-color:#F2473D; }
.coreVal .accountability:hover .cp-titles,
.coreVal .coreVal-integ:hover .cp-titles,
.coreVal .coreVal-responsibility:hover .cp-titles,
.coreVal .coreVal-safety:hover .cp-titles,
.coreVal .coreVal-passionate:hover .cp-titles,
.coreVal .coreVal-creation:hover .cp-titles {transform: translateY(-120px);}

.coreVal .accountability:hover:after,
.coreVal .coreVal-integ:hover:after,
.coreVal .coreVal-responsibility:hover:after,
.coreVal .coreVal-safety:hover:after,
.coreVal .coreVal-passionate:hover:after,
.coreVal .coreVal-creation:hover:after {
	transform: translateY(0);
}

.coreVal .accountability:after,
.coreVal .coreVal-integ:after,
.coreVal .coreVal-responsibility:after,
.coreVal .coreVal-safety:after,
.coreVal .coreVal-passionate:after,
.coreVal .coreVal-creation:after {
	content:"";
	background-image: url("../images/accountability-icon.png");
	background-repeat: no-repeat;
	height:350px;
	width: 	100%;
	position: absolute;
	bottom:0;
	background-size: 100%;
	background-position: 	center;
	transform:translateY(100%);
	transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.coreVal .coreVal-integ:after {background-image: url("../images/integrity-icon.png"); max-width: 370px}
.coreVal .coreVal-responsibility:after {background-image: url("../images/responsibility-icon.png");}
.coreVal .coreVal-safety:after {background-image: url("../images/safety-icon.png"); max-width: 370px;}
.coreVal .coreVal-passionate:after {background-image: url("../images/passionate-icon.png"); max-width: 240px;}
.coreVal .coreVal-creation:after {background-image:url("../images/creation-icon.png"); max-width: 240px;}
.coreVal .coreVal-integ {background-color:#357D3E}
.coreVal .coreVal-responsibility {background-color:#68AEAE;}
.coreVal .coreVal-safety {background-color:#99749C;}
.coreVal .coreVal-passionate {background-color:#D7AA2D;}
.coreVal .coreVal-creation {background-color: #0C2648;}

/***************************************************************************************
                                   Board of Directors
***************************************************************************************/
#bod .bannerTop-inner, #bod-main .bannerTop-inner {
	background-image : url("../images/bod-banner.jpg");
}

#bod h1, #bod-main h1 {margin-bottom: 0;}

#bod .bod-lists h3 {color:#fff; font-weight: 700; font-size:2.4rem;}
#bod .bod-lists h4 {color: #fff; font-size:1.6rem;}
#bod h4 {font-size:2.4rem; margin-bottom:30px;}
#bod p {font-size: 1.6rem; margin-bottom: 2rem;}
#bod .bod-lists {
	min-height: 632px;
	background-size:cover;
	display: flex;
	flex-direction: column;
	justify-content: end;
	padding:50px;
	background-repeat:no-repeat;
	background-position: 0px 0px;
}

#bod .dato-bazlan {	background-image:url("../images/dato-bazlan.jpg");}
#bod .dato-bazlan:hover {background-image: url("../images/dato-bazlan-hover.jpg");}
#bod .dato-roslan {	background-image:url("../images/dato-roslan.jpg");}
#bod .dato-roslan:hover {background-image: url("../images/dato-roslan-hover.jpg");}
#bod .rosely-kulip {	background-image:url("../images/bod-rosely.jpg");}
#bod .rosely-kulip:hover {background-image: url("../images/bod-rosely-hover.jpg");}
#bod .rezal-zain {	background-image:url("../images/bod-rezal-zain.jpg");}
#bod .rezal-zain:hover {background-image: url("../images/bod-rezal-zain-hover.jpg");}
#bod .dr-roshayati {	background-image:url("../images/bod-dr-roshayati.jpg");}
#bod .dr-roshayati:hover {background-image: url("../images/bod-dr-roshayati-hover.jpg");}
#bod .nik-feizal {	background-image:url("../images/bod-nik-feizal.jpg");}
#bod .nik-feizal:hover {background-image: url("../images/bod-nik-feizal-hover.jpg");}

#bod .notes {padding:100px 0;}

#bod-main .bod-img-cont {
	background-image:url("../images/datuk-bazlan-main.png");
	background-repeat:no-repeat;
	background-size:cover;
	min-height:calc(1 * 100vh);
	width: 40%;
	background-position-x: 100%;
	overflow-x: hidden;
}
#bod-main .bod-details {overflow-x: hidden;}

#bod-main .dato-roslan .bod-img-cont {
	background-image: url("../images/dato-roslan-main.png");
}

#bod-main .rosely .bod-img-cont {
	background-image: url("../images/rosely-main.png");
}

#bod-main .rezal .bod-img-cont {
	background-image: url("../images/rezal-main.png");
}
#bod-main .dr-roshayati .bod-img-cont {
	background-image: url("../images/dr-roshayati-main.png");
}
#bod-main .nik-feizal .bod-img-cont {
	background-image: url("../images/nik-feizal-main.png");
}

#bod-main .bod-main {
	background-image: url("../images/texture.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	padding-top:100px;
	margin:0;
	position: relative;
	overflow-x: hidden;
}
#bod-main .bod-main h2,
#bod-main .bod-main h3,
#bod-main .bod-main p,
#bod-main .bod-main h5,
#bod-main .bod-main li {color:#000;}
#bod-main .bod-main p,
#bod-main .bod-main h5,
#bod-main .bod-main li {font-size:1.6rem;}
#bod-main .bod-main h5 {font-weight: 700;}
#bod-main .bod-main h3 {margin-bottom:10px;}
#bod-main .accordion .card {background:transparent; border:0;}

#bod-main .accordion .btn-link {font-size: 2rem; font-weight: 700; color:#000; padding: 0;}
#bod-main .accordion .btn-link:hover,
#bod-main .accordion .btn-link:focus {text-decoration: none;}
#bod-main .accordion .btn-link.collapsed:after {
	content:"\ea4e";
	color:#000;
	font-family: 'remixicon';
	position: absolute;
	right:0;
	transform:rotateZ(0deg);
	transition:all 0.3s ease-in-out;
}
#bod-main .accordion .btn-link:after{
	content:"\ea4e";
	color:#000;
	font-family: 'remixicon';
	transform:rotateZ(180deg);
	position: absolute;
	right:0;
	transition:all 0.3s ease-in-out;
}

#bod-main .accordion .card-body {color:#fff; font-size:1.6rem; padding: 20px 0;}
#bod-main .accordion ul.card-body  li {
	list-style: none;
	    background: url(../images/arrow-time.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 24px;
    padding-bottom: 10px;
}
#bod-main .card-header {
	padding:10px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.5);
	border-top:1px solid rgba(0, 0, 0, 0.5);
	background-color: transparent;
}


#bod-main .accordion .card-body p:before {
	content: "\ea6e";
	font-family: 'remixicon';
	padding-right:10px;
}

#bod-main .bod-nav {
	margin: 0;
}

#bod-main .d-bazlan-nav {
	background-image:url("../images/bod-nav/d-bazlan-nav.png");
	background-repeat:no-repeat;
	background-size:cover;
	min-height: 350px;
	background-position-x: center;
}

#bod-main .d-roslan-nav {
	background-image:url("../images/bod-nav/d-roslan-nav.png");
	background-repeat:no-repeat;
	background-size:cover;
	min-height: 350px;
	background-position-x: center;
}

#bod-main .rosely-nav {
	background-image:url("../images/bod-nav/rosely-nav.png");
	background-repeat:no-repeat;
	background-size:cover;
	min-height: 350px;
	background-position-x: center;
}

#bod-main .rezal-zain-nav {
	background-image:url("../images/bod-nav/rezal-zain.png");
	background-repeat:no-repeat;
	background-size:cover;
	min-height: 350px;
	background-position-x: center;
}

#bod-main .dr-ros-nav {
	background-image:url("../images/bod-nav/dr-roshayati.png");
	background-repeat:no-repeat;
	background-size:cover;
	min-height: 350px;
	background-position-x: center;
}

#bod-main .nik-feizal-nav {
	background-image:url("../images/bod-nav/nik-feizal.png");
	background-repeat:no-repeat;
	background-size:cover;
	min-height: 350px;
	background-position-x: center;
}

#bod-main .d-bazlan-nav,
#bod-main .d-roslan-nav,
#bod-main .rosely-nav,
#bod-main .rezal-zain-nav,
#bod-main .dr-ros-nav,
#bod-main .nik-feizal-nav {
	-webkit-filter: grayscale(0.8);
  filter: grayscale(0.8);
  -webkit-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}
#bod-main .bod-nav-list {
	background-image:url("../images/background-bod.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	border-right: 1px dashed rgba(0,0,0,0.1);
}

#bod-main .d-bazlan-current .d-bazlan-nav,
#bod-main .d-roslan-current .d-roslan-nav,
#bod-main .dr-roshayati-current .dr-ros-nav,
#bod-main .rezal-current .rezal-zain-nav,
#bod-main .rosely-current .rosely-nav,
#bod-main .nik-feizal-current .nik-feizal-nav  {
-webkit-filter:grayscale(0);
	filter:grayscale(0);	
}
#bod-main .bod-nav-list .text-box {
    margin: auto;
    text-align:center;
}

#bod-main .bod-nav a:hover .d-roslan-nav,
#bod-main .bod-nav a:hover .d-bazlan-nav,
#bod-main .bod-nav a:hover .dr-ros-nav,
#bod-main .bod-nav a:hover .rosely-nav,
#bod-main .bod-nav a:hover .rezal-zain-nav,
#bod-main .bod-nav a:hover .nik-feizal-nav{
	-webkit-filter:grayscale(0.3);
	filter:grayscale(0.3);
}

#bod-main .bod-nav-list .text-box h3,
#bod-main .bod-nav-list .text-box h4 {color:#000; font-size:1.4rem; margin-top:10px; }
#bod-main .bod-nav-list .text-box h3 {font-weight:700;}
/*#bod-main .bod-nav-list .black-bg {
	background: rgb(12,38,72);
background: linear-gradient(180deg, rgba(12,38,72,0) 0%, rgba(7,24,44,0.7511379551820728) 81%, rgba(2,8,14,1) 100%);
	width:100%;
	height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}*/

#bod-main .bod-nav-list a {
	overflow: visible;
	position: initial;
}

#bod-main .white-opacity {
	background-color:rgba(255, 255, 255, 0.3);
	width:100%;
	height: 100%;
	position:absolute;
	left: 0;
	top: 0;
}

/***************************************************************************************
                                Director of Subsidiaries
***************************************************************************************/
#director-of-subsidiaries {padding: 100px 0; overflow-x: hidden; }
#director-of-subsidiaries .container {position: relative;}
#director-of-subsidiaries p,
#director-of-subsidiaries span{ font-size:1.6rem; }
#director-of-subsidiaries .dos-dd {
	align-items: center;
	position: relative;
	z-index: 1;
}
#director-of-subsidiaries p {width:70%; padding: 0 15px;}
#director-of-subsidiaries .btn {
	width:100%;
	text-align:left;
	font-size:1.6rem;
	padding: 16px 20px;	
}

#director-of-subsidiaries .dos-lists {padding: 30px 15px;}
#director-of-subsidiaries .dos-cards {
	font-size: 5rem;
	font-weight: 700;
	text-align: center;
	background-color: #F3F3F3;
	color: #09336A;
	padding: 10% 0;
	margin-bottom: 30px;
	height:100%;
	box-shadow: 1px 0px 7px 1px rgba(0,0,0,0.15);
-webkit-box-shadow: 1px 0px 7px 1px rgba(0,0,0,0.15);
-moz-box-shadow: 1px 0px 7px 1px rgba(0,0,0,0.15);
}
#director-of-subsidiaries .dos-cards h3{ font-size:1.6rem; font-weight:700; color:#000; }


#director-of-subsidiaries .dropdown-menu.show {
	width: 100%;
	background-color: #CFE0EB;
}

#director-of-subsidiaries .dropdown-item:focus, .dropdown-item:hover {
	background-color: #C0D4E1;
}

#director-of-subsidiaries .btn-primary { 
	background-color: #081A30;
	display: flex;
	justify-content: space-between;
}
#director-of-subsidiaries .dropdown .dropdown-toggle:after {
	content:"\ea4e";
	font-family: 'remixicon';
	color:#fff;
	border:0;
	
	transition: all 0.3s ease-in-out
}

#director-of-subsidiaries .dropdown.show .dropdown-toggle:after {
	transform:rotate(90deg);
}

#director-of-subsidiaries .hide {display: none;}

#director-of-subsidiaries select {
	padding:20px;
	font-size:1.6rem;
	max-width: 320px;
	width:100%;
	color:#fff;
	background-color:#081A30;
	appearance :none;
	-webkit-appearance:none;
}

#director-of-subsidiaries .select-custom {
	max-width: 300px;
	width:100%;
	display: flex;
	align-items:center;
	position: absolute;
	right: 0;
	margin-right:30px;
}

#director-of-subsidiaries .select-custom:after {
	content: "\ea4e";
	font-family: 'remixicon';
	color:#fff;
	border:0;
	width: 	auto;
	height: auto;
	font-size: 2rem;
	position: absolute;
	top: 18px;
	right:-20px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	transform: translateX(-34px);
	-webkit-transform: translateX(-34px);
	-ms-transform: translateX(-34px);
	-o-transform: translateX(-34px);
	-moz-transform: translateX(-34px);
}
/***************************************************************************************
                                    Management Team
***************************************************************************************/
#management-team .bannerTop-inner {
	background-image:url("../images/management-team.jpg");
}

#management-team {overflow-x: hidden;}

#management-team .mt-main {
	background-image: url(../images/texture.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    padding-top: 100px;
    margin: 0;
    position: relative;
    font-size: 1.6rem;
}

#management-team .white-opacity {
	    background-color: rgba(255, 255, 255, 0.3);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
#management-team .bod-img-cont {
	background-repeat: no-repeat;
    background-size: 100%;
    min-height: calc(.7 * 100vh );
    background-position-x: center;
}

#management-team .mt-main .mt-details p:before{
    content: "\ea6e";
    font-family: 'remixicon';
    padding-right: 10px;
}

#management-team .mt-nav-list {
text-align: center;
background-image: url("../images/background-bod.jpg");
background-repeat: no-repeat;
background-size: cover;
border-right: 1px dashed rgba(0,0,0,0.25);
border-bottom: 1px dashed rgba(0, 0, 0, 0.25);
}
#management-team .mt-nav-list .text-box {padding: 10px 0; color: #000;}
#management-team .dato-roslan .bod-img-cont {  background-image: url(../images/dato-roslan-main.png);}
#management-team .dzakwan .bod-img-cont {background-image: url("../images/dzakwan-main.png")}
#management-team .jasmin .bod-img-cont {background-image: url("../images/jasmin-main.png");}
#management-team .fadzlilah .bod-img-cont {background-image: url("../images/fadzlilah-main.png");}
#management-team .radzif .bod-img-cont {background-image: url("../images/radzif-main.png");} 
#management-team .hamka .bod-img-cont {background-image: url("../images/hamka-main.png")}
#management-team .fahmy .bod-img-cont {background-image: url("../images/fahmy-main.png")}
#management-team .ita .bod-img-cont {background-image: url("../images/ita-main.png")}

#management-team .mt-nav-list .d-roslan-nav,
#management-team .mt-nav-list .dzakwan-nav,
#management-team .mt-nav-list .jasmin-nav,
#management-team .mt-nav-list .fadzlilah-nav,
#management-team .mt-nav-list .radziff-nav,
#management-team .mt-nav-list .hamka-nav,
#management-team .mt-nav-list .fahmy-nav,
#management-team .mt-nav-list .ita-nav
{
	background-repeat: no-repeat;
  background-size: 70%;
  min-height: 350px;
  background-position-x: center;
  filter: grayscale(50%);
  -webkit-filter: grayscale(50%);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
#management-team .mt-nav-list .d-roslan-nav {	background-image:url("../images/bod-nav/d-roslan-nav.png");} 
#management-team .mt-nav-list .dzakwan-nav { background-image: url("../images/mt-nav/dzakwan-nav.png");}
#management-team .mt-nav-list .jasmin-nav { background-image: url("../images/mt-nav/jasmin-nav.png");}
#management-team .mt-nav-list .fadzlilah-nav { background-image: url("../images/mt-nav/fadzlilah-nav.png");}
#management-team .mt-nav-list .radziff-nav { background-image: url("../images/mt-nav/radziff-nav.png");}
#management-team .mt-nav-list .hamka-nav { background-image: url("../images/mt-nav/hamka-nav.png");}
#management-team .mt-nav-list .fahmy-nav { background-image: url("../images/mt-nav/fahmy-nav.png");}
#management-team .mt-nav-list .ita-nav { background-image: url("../images/mt-nav/ita-nav.png");}


#management-team .d-roslan-current .d-roslan-nav,
#management-team .dzakwan-current .dzakwan-nav,
#management-team .jasmin-current .jasmin-nav,
#management-team .fadzlilah-current .fadzlilah-nav,
#management-team .radzif-current .radziff-nav,
#management-team .hamka-current .hamka-nav,
#management-team .fahmy-current .fahmy-nav,
#management-team .ita-current .ita-nav {
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
}

#management-team .mt-nav-list a:hover .dzakwan-nav,
#management-team .mt-nav-list a:hover .d-roslan-nav,
#management-team .mt-nav-list a:hover .jasmin-nav,
#management-team .mt-nav-list a:hover .fadzlilah-nav,
#management-team .mt-nav-list a:hover .radziff-nav,
#management-team .mt-nav-list a:hover .hamka-nav,
#management-team .mt-nav-list a:hover .fahmy-nav,
#management-team .mt-nav-list a:hover .ita-nav {
	filter: grayscale(0.2);
	-webkit-filter: grayscale(0.2);
}

#mt-nav{overflow: hidden;}

/***************************************************************************************
                                   Corporate Structure
***************************************************************************************/
#corporate-structure .bannerTop-inner {background-image: url("../images/cs-banner.jpg")}

/***************************************************************************************
                                   Milestones
***************************************************************************************/
#milestones .bannerTop-inner {background-image: url("../images/milestones-banner.jpg"); background-position-y: center;}
#milestones .m-container {
	height: 100vh;
	overflow-x: hidden;
	display: flex;
	align-items: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#milestones .m-year {
	text-align: center;
	font-size:6rem;
	color: #fff;
}
#milestones .m-text {
	font-size: 3rem;
	color: #fff;
}
.align-c {align-items: center;}

#milestones .yr-2017 { background-image: url("../images/milestones/2017.jpg");}
#milestones .yr-2016 {background-image: url("../images/milestones/2016.jpg"); background-attachment: fixed;}
#milestones .yr-2015 { background-image: url("../images/milestones/slider-4.jpg"); background-position-y:center; }
#milestones .yr-2014 {background-image: url("../images/milestones/2014.jpg"); background-attachment: fixed;}
#milestones .yr-2006 { background-image: url("../images/milestones/2006.jpg"); background-position-y: center;}
#milestones .yr-2002 {background-image: url("../images/milestones/2002.jpg"); background-attachment: fixed;}
#milestones .yr-1993 {background-image: url("../images/milestones/1993.jpg"); background-position-y: center;}
#milestones .yr-1990 {background-image: url("../images/milestones/1990.jpg"); background-attachment: fixed;}
#milestones .yr-1981 {background-image: url("../images/milestones/1981.jpg"); background-position-y: bottom;}
#milestones .yr-1977 {background-image: url("../images/milestones/1977.jpg"); background-attachment: fixed;}
#milestones .yr-1976 {background-image: url("../images/milestones/1976.jpg"); background-position-y: center;}
#milestones .yr-1974 {background-image: url("../images/milestones/1974.jpg"); background-attachment: fixed;}

/***************************************************************************************
                                   Core Business
***************************************************************************************/
#manufacturing-main .bannerTop-inner {
	background-image: url("../images/core-business/manufacturing-masthead-banner.jpg");
	background-position-y: center;
}

.manu-content {
	display: flex;
	min-height: 770px;
	max-height: 770px;
	overflow: hidden;
	width: 100%;
}
.manu-content p{font-size: 1.6rem; margin-top:30px;}
.manu-content .manu-overview{
	color: #fff;
	background-image: url("../images/core-business/overview-bg.jpg");
	background-repeat:no-repeat;
	background-size: cover;
	width: 40%;
	padding:20% 6%;
}

.manu-banners {width: 60%;}
.manu-banner-main {
	background-image: url("../images/core-business/manufacturing-main-banner.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 327px;
	max-height:327px;
}

.manu-banners-child{display: flex;}
.manu-banners-child .manu-banners-child-left,
.manu-banners-child .manu-banners-child-right{width: 50%;}
.manu-ban-child-01 {
background-image: url("../images/core-business/manufacturing-child-01.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 225px;
}
.manu-ban-child-02 {
	background-image:url("../images/core-business/manufacturing-child-02.jpg");
	background-size:cover;
	background-repeat: no-repeat;
	min-height: 225px;
}

.manu-banners-child-right {
	background-image: url("../images/core-business/manufacturing-child-03.jpg");
	background-size:cover;
	background-repeat: no-repeat;
	min-height: 250px;
}

.gnd-cont{
	background:url("../images/core-business/digital.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	padding: 100px 0;
	text-align: center;
}

.gnd-cont h3 {font-size: 3rem; font-weight: 700; margin: 30px auto;}
.gnd-cont p {font-size: 1.6rem;}

.coreBiz-nav {
	position: relative;
	padding: 100px 0;
	background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 58%, rgba(17,103,177,1) 59%, rgba(17,103,177,1) 100%);
}
.coreBiz-navimg {
	display: flex;
	justify-content: space-between;
	gap: 30px;
}
.coreBiz-navimg > div {width: 100%;}
.coreBiz-nav .plant-nav {
	background-image: url("../images/core-business/plantation-nav.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	height: 480px;
	position:relative;
}
.coreBiz-nav .plant-nav:hover,
.coreBiz-nav .property-nav:hover,
.coreBiz-nav .manufacturing-nav:hover {
	transform: translateY(-30px);
}

.coreBiz-nav .property-nav {
	background-image: url("../images/core-business/property-nav.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	height: 480px;
	position:relative;
}


.coreBiz-nav .manufacturing-nav {
	background-image: url("../images/core-business/manufacturing-masthead-banner.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	background-position-x: center;
	height: 480px;
	position:relative;
}

.coreBiz-nav .manufacturing-nav h3 {z-index: 1;}

.coreBiz-nav .gradient-innerNav {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background: rgb(12,38,72);
	background: linear-gradient(180deg, rgba(12,38,72,0) 0%, rgba(12,38,72,0.4822303921568627) 50%, rgba(12,38,72,1) 100%);
}

.coreBiz-nav h3 {
	position: absolute;
	bottom: 50px;
	left: 50px;
	color: #fff;
	font-size: 3rem;
	font-weight: 700;
}

#plantation-main .bannerTop-inner {
	background-image: url("../images/core-business/plantation-masthead-banner.jpg");
	position: relative;
}

#plantation-main .bannerTop-inner .gradient-banner,
#property-main .bannerTop-inner .gradient-banner
 {
	width: 100%;
	height: 100%;
	position: 	absolute;
	top: 0;
	left: 0;
	background: rgb(12,38,72);
	background: linear-gradient(270deg, rgba(12,38,72,0) 0%, rgba(12,38,72,0.4822303921568627) 50%, rgba(12,38,72,1) 100%);
}

#plantation-main .manu-content .manu-overview {background-image: url("../images/core-business/plantation-overview-bg.jpg")}

#plantation-main .manu-banner-main {
	background-image: url("../images/core-business/plantation-banner-main.jpg");
	background-position-y: center;
}

#plantation-main .manu-ban-child-01 {
	background-image: url("../images/core-business/plantation-child-01.jpg");
	background-position: center;
}

#plantation-main .manu-ban-child-02{
	background-image: url("../images/core-business/plantation-child-02.jpg");
	background-position: center;
}
#plantation-main .manu-banners-child-right{
	background-image: url("../images/core-business/plantation-child-03.jpg");
	background-position: center;
}

#property-main .bannerTop-inner {
	background-image: url("../images/core-business/property-masthead-banner.jpg");
	background-position: center;
}
#property-main .manu-content .manu-overview {background-image: url("../images/core-business/property-overview-bg.jpg")}
#property-main .manu-banner-main {
	background-image: url("../images/core-business/property-banner-main.jpg");
	background-position: center;
}

#property-main .manu-banners-child-right {
	background-image: url("../images/core-business/property-child-right.jpg");
	background-position: center;
}

#property-main .manu-ban-child-02 {
	background-image: url("../images/core-business/property-child-02.jpg");
	background-position: top;
}

#property-main .manu-ban-child-01 {
	background-image: url("../images/core-business/property-child-01.jpg");
	background-position: top;
}
#property-main {overflow: hidden;}
#property-main .properties-tables {	padding:100px 0;}
#property-main .properties-tables h2 {text-align: center; margin-bottom:30px;}
#property-main .table {font-size:1.6rem;}
#property-main .table td,
#property-main .table th {padding:20px;}

#plantation-main .plant-estates {
	background-image: url("../images/core-business/palm.png");
	background-repeat: no-repeat;
	bacground-position:top left;
	background-size:100%;
	position:relative;
	padding:100px 0;
}
#plantation-main table {font-size: 1.6rem;}
#plantation-main td {border-top: 0; vertical-align: middle; padding:20px 10px;}
#plantation-main h2 {text-align: center; margin-bottom:30px;}
#plantation-main thead th{background-color: rgba(0,0,0,.5); color:#fff; vertical-align: middle;}

#plantation-main .grey {background-color: #c2c2c2;}
#plantation-main .overlay {
	background-color:rgba(255, 255, 255, 0.9);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#plantation-main .bor-btm {border-bottom: 2px solid #000;}
#plantation-main .stats {padding: 100px 0; background-color:#f9f9f9;}
/***************************************************************************************
                                   Sustainability at a glance
***************************************************************************************/
#sustainability-main {
	font-size: 1.6rem; 
	overflow: hidden; 
}

#sustainability-main .bannerTop-inner {
	background-image: url("../images/sustainability/sustainability-masthead.jpg");
}

#sustainability-main .sust-cont {
	padding: 100px 0;
	text-align: center;
	padding-bottom: 0;
}

#sustainability-main p {font-size: 1.6rem;}
.sust-list {
	position: relative;
	margin:100px 0;
	padding: 10% 0;
	padding-bottom: 0;
}

.sust-bannerList {
	background-image: url("../images/sustainability/sustainability-bg-cover.jpg");
	background-repeat: no-repeat;
	background-position-y: top;
	background-size: cover;
	width: 100%;
	min-height: 416px;
	position: absolute;
	top: 0;
	left: 0;
}

.sust-list .card-img-top {
	width: fit-content;
	margin: auto;
	padding-bottom:30px;
}

.sust-list h3 {font-size: 3rem; font-weight: 700;}

.sust-list .card {
	border-radius: 10px;
	padding:80px 0;
	-webkit-box-shadow: 2px 0px 15px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 0px 15px 2px rgba(0,0,0,0.2);
	box-shadow: 2px 0px 15px 2px rgba(0,0,0,0.2);
}

#sustainability-main .sust-report a {
	    border-style: solid;
    border-width: 1px;
    border-color: #208ECE;
    background-color: #fff;
    margin-top: 40px;
    width: 144px;
    text-align: center;
    color: #208ECE;
}
#sustainability-main .sust-report .button-placement {
	display: inline-flex;
	justify-content: center;
}
#sustainability-main .report-latest{
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 52%, rgba(17,103,177,1) 52%, rgba(17,103,177,1) 100%);
	padding:100px 0;
}

#sustainability-main .report-latest h3{
	font-size: 4rem;
	font-weight: 500;
}
#sustainability-main .sust-report a span {position: relative; z-index: 2;}
#sustainability-main .sust-report a:first-child {margin-right: 10px;}
#sustainability-main a:hover span {color: #fff; transition-delay: 0.3s;}

#sustainability-main a:hover .triangleBtn_top,
#sustainability-main a:hover .triangleBtn_btm { transform: translate(0); }

.sust-report-prev {padding: 100px 0; background-color:#f9f9f9;}
.sust-report-prev .report-down{
	text-align: center;
	box-shadow: -1px 6px 22px -5px rgba(0,0,0,0.3);
	-webkit-box-shadow: -1px 6px 22px -5px rgba(0,0,0,0.3);
	-moz-box-shadow: -1px 6px 22px -5px rgba(0,0,0,0.3);
	padding-bottom: 30px;
	background-color:#fff;
	margin-bottom: 30px;
}

.sust-report-prev .report-down h3 {
	font-size: 2.4rem;
	font-weight: 500;
	margin-top:30px;	
}

.sust-report-prev .report-down .cover-2022{	background-image: url("../images/sustainability/report-2022.png"); }
.sust-report-prev .report-down .cover-2021{	background-image: url("../images/sustainability/report-2021.png"); }
.sust-report-prev .report-down .cover-2020{	background-image: url("../images/sustainability/report-2020.png"); }
.sust-report-prev .report-down .cover-2019{	background-image: url("../images/sustainability/report-2019.png"); height: 340px; }
.sust-report-prev .report-down .cover-2018{	background-image: url("../images/sustainability/report-2018.png"); height: 340px;}
.sust-report-prev .report-down .cover-2017{	background-image: url("../images/sustainability/report-2017.png"); height: 340px;}
.sust-report-prev .report-down .cover-2016{	background-image: url("../images/sustainability/report-2016.png"); height: 340px;}
.report-down .sust-img {
	background-repeat: no-repeat;
	background-size: 100%;
	height: 450px;
}

/***************************************************************************************
                                Service Provider
***************************************************************************************/
#service-provider {padding: 100px 0;}
#service-provider .dos-dd{text-align: center;}
#service-provider h2{font-size: 3rem; margin:auto;}
#service-provider p{font-size: 1.6rem; margin-bottom: 30px;}
#service-provider .mail-link {display:inline;}
#service-provider .dos-cards {
	text-align: center;
	color:#000;
	height:100%;
	background-color: #f3f3f3;
	padding:10%;
	margin-bottom: 30px;
	box-shadow: 1px 0px 7px 1px rgba(0,0,0,0.15);
	-webkit-box-shadow: 1px 0px 7px 1px rgba(0,0,0,0.15);
	-moz-box-shadow: 1px 0px 7px 1px rgba(0,0,0,0.15);
}
#service-provider .dos-cards h3{font-weight:700; margin-top:30px; font-size:2.4rem;}

#service-provider a:hover .dos-cards{
	box-shadow: none;
	transform: translateY(-10px);
	background-color: #efefef;
}

/***************************************************************************************
                                Latest News
***************************************************************************************/
#latest-news{padding:100px 0;}
#latest-news img {max-width:100%;}
#latest-news h3 {font-size:2.3rem; padding: 30px 0 10px; color:#000;}
#latest-news .news-cards {
	background-color:#f3f3f3;
	min-height: 757.73px;
	padding:0;
	-webkit-box-shadow: 0px 6px 10px -1px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 6px 10px -1px rgba(0,0,0,0.35);
box-shadow: 0px 6px 10px -1px rgba(0,0,0,0.35);
}
#latest-news .news-text {
	padding:0 10%;
	padding-bottom:30px;
	postiion:relative;
}

#latest-news .news-cards:hover{
	transform: translateY(-10px);
	box-shadow:none;
}
#latest-news .news-cards span{
	color:#ababab;
	position:absolute;
	bottom:30px;
	font-size: 1.6rem;	
}
#latest-news .news-cards p {color:#000; font-size:1.6rem;}
#latest-news .news-cards a {display: inline-block; padding:0; vertical-align: bottom;}

/***************************************************************************************
                                Careers
***************************************************************************************/
#careers .bannerTop-inner{
	background: url("../images/career-banner.jpg");
	background-size: cover;
}

#careers .career-text {
	font-size: 16px;
	text-align: center;
	padding: 100px 0;
}

#careers .perks-desc{text-align:center;}
#careers .perks-desc p{font-size: 1.6rem;}
#careers .perks {background-color:#F3F3F3; padding:100px 0;}

#careers .benefits-cont {text-align: center;}
#careers .benefits-cont h3 {font-size:2.4rem; margin-top:30px;}
#careers p {line-height:2;}

#careers .join-team{
	text-align: center;
	padding:100px 0;
	background:url("../images/join-inner.png");
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center;
	background-color: cadetblue;
	color:#fff;
}
#careers .join-team h3 {font-size:4rem;}
#careers .join-team p {font-size:1.6rem;}
#careers .join-team a{color:#fff; text-decoration:underline;}

/***************************************************************************************
                                Contacts Main
***************************************************************************************/

#contacts-main .bannerTop-inner {background:url("../images/contacts-banner.jpg"); background-repeat: no-repeat; background-size:cover;}

#contacts-main .contact-container {padding:100px 5%;}
#contacts-main .cont-cards {
	background-color:#f0f0f0;
	text-align:center;
	padding:40px;
	height:100%;
}

#contacts-main h3 {font-size:2.4rem; margin:30px 0;}
#contacts-main p {font-size:1.6rem;}

#contacts-main .googleMaps h2 {margin-bottom:30px;}
#contacts-main .googleMaps {text-align: center;}
#contacts-main .googleMaps iframe{width: 100%;}

#contacts-main .tab-content{
    display: none;
    padding: 15px;
    line-height:1.4;
}

#contacts-main .tab-content.current{
    display: inherit;	
}

#gdirectory .tabs {
	display: flex;
	align-content: center;
	justify-content: center;
	list-style: none;
	padding:0;
}

#gdirectory h2 {
	text-align: center;
	border-bottom: 1px solid #E0e0e0;
    padding-bottom: 10px;
    margin-bottom: 30px;
	margin-top: 10px;
}

#gdirectory{padding-top:100px; padding-bottom:100px;}
#gdirectory .tabs li {
	padding:15px;
	text-align:center;
	min-width: 192px;
	cursor:pointer;
	transition: all .5s ease-in-out;
}

#gdirectory .tabs li.current {
	border:1px solid #000;
	background-color:rgba(187,181,181,0.20);
}

#gdirectory .company-list {
	background: #208ece30;	
	border-radius: 5px;
	margin-bottom: 30px;
	height: 100%;
}
#gdirectory .company-list h3{
	margin: 30px 20px;
	padding: 0 20px 10px 20px;
	border-bottom: 1px solid #D3D3D3;
	text-align: center;
}

#gdirectory h4 {
	padding:20px;
	background:#208ECE;
	border-radius:5px 5px 0 0;
	margin-bottom:30px;
	color:#fff;
	font-weight: 700;
	font-size:2rem;
	text-align:center;
}

#gdirectory .tabs p {padding:20px 0 0 0; margin: 0;}

#gdirectory .con-details {
	display: flex;
	align-items: center;
}
#gdirectory .con-details span {padding-left:20px; margin-right: 10px;}
#gdirectory .con-details p{margin: 0; padding-right:20px;}
#gdirectory .con-details span img{width: 30px;}