@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i';

html {
	width: 100%;
	height: 100%;
}
body {
	font-family: 'Open Sans', sans-serif;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-size:14px;
	line-height:22px;
	overflow-x:hidden;
	background-color:#fff;
}

a, a img{
outline:0;
}






/*Header*/
header{
	border-top:#007d35 8px solid;
	border-bottom:#c62127 8px solid;
	position:fixed;
	z-index:100000;
	background-color:#fff;
	top:0;
}
.logo{
	padding:0;
}



/*Main Slider*/
.main_slider1{
	display:block;
}
.main_slider2{
	display:none;
	margin-top:86px;
}


/*Small banner*/
.banner-fake{
	position:absolute;
	top:calc(100vh - 110px);
	left:18%;
	z-index:1000;
	display:none;
}



/*Navi*/
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu{
	background:transparent !important;
}




/*Main Content*/
.main-content{
	background-image:url(https://www.mfm.com.my/wp-content/uploads/about_bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center bottom;
	padding-bottom:80px;
}
.main-content-text{
	padding:30px 10px;
}
.main-content-text h1{
	font-size:30px;
	border-bottom:#c62127 4px solid;
	display:inline-block;
	padding-bottom:10px;
	text-transform:uppercase;
	margin:0px 0 20px 0;
	font-weight:700;
	line-height:28px;
}
.main-content-text h2{
	font-size:24px;
	line-height:28px;
	font-weight:600;
	margin-bottom:0px;
}

.main-banner1{
	padding:0 10px;
	margin-bottom:10px;
}
.main-banner1-text h1{
	font-size:24px;
	line-height:28px;
	margin-bottom:0px;
}
.main-banner1-text{
	padding:20px;
	background-color:#fff;
	height:170px;
}
.main-banner2{
	margin:0 0 10px 0;
}

.main-banner2-box{
	width:100%;
	height:116px;
	background-image:url(https://www.mfm.com.my/wp-content/uploads/banner_img_investor.jpg);
	background-position:right;
	background-repeat:no-repeat;
	padding:30px 6%;
}
.main-banner2-box h1{
	font-size:24px;
	line-height:28px;
	margin:0px;
	color:#fff;
}
.main-banner2-box2{
	width:100%;
	height:116px;
	background-image:url(https://www.mfm.com.my/wp-content/uploads/banner_img_theedge.jpg);
	background-position:right;
	background-repeat:no-repeat;
	padding:15px 6%;
}
.main-banner2-box2.bgvideo{
	background-image:url(https://www.mfm.com.my/wp-content/uploads/banner_img_videor.jpg);
}
.main-banner2-box2.bgFake{
	background-image:url(https://www.mfm.com.my/wp-content/uploads/banner_img_fakenews.jpg);
}
.main-banner2-box2 h3{
	font-size:18px;
	line-height:22px;
	margin:0px;
	color:#fff;
}
.main-banner2-box2 h3 span.small{
	font-size:16px;
	line-height:20px;
	font-weight:400;
}
/*Main Content*/





/*Inner Content*/
.inner-content{
	position:relative;
	padding:60px 0 100px 0;
}
.inner-content.style2{
	padding:60px 0 30px 0;
}
.inner-content-row40{
	padding:0 40px !important;
}
.inner-content-row80{
	padding:0 80px !important;
}
.inner-banner{
	margin-top:104px !important;
	height:300px;
	overflow:hidden;
}
.inner-banner.about{
	background:url(https://www.mfm.com.my/wp-content/uploads/banner_about.jpg) center center no-repeat;
}
.inner-banner.halal{
	background:url(https://www.mfm.com.my/wp-content/uploads/banner_halal.jpg) center center no-repeat;
}
.inner-banner.ir{
	background:url(https://www.mfm.com.my/wp-content/uploads/banner_ir.jpg) center center no-repeat;
}
.inner-banner.news{
	background:url(https://www.mfm.com.my/wp-content/uploads/banner_news.jpg) center center no-repeat;
}
.inner-banner.career{
	background:url(https://www.mfm.com.my/wp-content/uploads/banner_career8.jpg) center center no-repeat;
}
.inner-banner.contact{
	background:url(https://www.mfm.com.my/wp-content/uploads/banner_contact.jpg) center center no-repeat;
}
.inner-banner.poultry{
	height:500px;
	background:url(https://www.mfm.com.my/wp-content/uploads/banner_poultry.jpg) center center no-repeat;
}
.inner-banner.feed{
	height:500px;
	background:url(https://www.mfm.com.my/wp-content/uploads/banner_feed.jpg) center center no-repeat;
}
.inner-banner.raw{
	height:500px;
	background:url(https://www.mfm.com.my/wp-content/uploads/banner_raw.jpg) center center no-repeat;
}
.inner-title {
	position:absolute;
	font-size:26px;
	font-weight:400;
	text-align:center;
	top:30px;
	left:50%;
	margin-left:-600px;
	padding:8px 20px 10px 20px;
	color:#fff;
	background:#c62127;
	
	border-radius: 30px 0px 30px 0px;
	-moz-border-radius: 30px 0px 30px 0px;
	-webkit-border-radius: 30px 0px 30px 0px;
	border: 0px solid #000000;
}

.inner-content h1{
	font-size:24px;
	line-height:28px;
	font-weight:700;
	text-transform:uppercase;
	margin:15px 0;
}
.inner-content h2{
	font-size:20px;
	line-height:24px;
	font-weight:600;
	color:#c62127;
	border-bottom:#c62127 3px solid;
	display:inline-block;
	padding-bottom:2px;
	margin:15px 0;
}
.inner-content h3{
	font-size:18px;
	line-height:22px;
	font-weight:600;
	margin:15px 0;
}
.inner-content h4{
	font-size:16px;
	line-height:20px;
	font-weight:600;
	margin:15px 0 10px 0;
}
.inner-content p{
	margin:25px 0;
	text-align:justify;
}
.content-full{
	width: calc(100% + 20px);
	margin-left:-10px;
}
.content-full2{
	width: calc(100% + 60px);
	margin-left:-30px;
}





/*Core Businesses Slider*/
.cb-slider{
	margin-top:104px !important;
}
.cb-slider-box{
	height:500px;
	overflow:hidden;
}



/*Inner Sublink*/
.sublink{
	width:100%;
        padding:10px;
	background-color:#000;
}
.mega-menu-wrap{
	max-width:1200px;
	margin-left:auto !important;
	margin-right:auto !important;
}

ul.sub-sublink{
margin:0;
padding:20px;
background-color:#f1f1f1;
text-align:center;
}
ul.sub-sublink li{
margin:0;
padding:0 8px 0 10px;
list-style:none;
display:inline;
}
ul.sub-sublink li.dot{
background-image:url(https://www.mfm.com.my/wp-content/uploads/dot-list.jpg);
background-repeat:no-repeat;
background-position:center center;
}
ul.sub-sublink li a{
font-size:16px;
font-weight:600;
cursor:pointer;
color:#c62127;
text-decoration:none;
}
ul.sub-sublink li a.active, ul.sub-sublink li a:hover{
color:#000;
}





/*About Us Page*/
.company-tab-box{
	padding-bottom:30px;
}
ul.company-tab{
	width:100%;
	padding:0 40px;
	margin:0;
	border-bottom:#dcdab4 3px solid;
}
ul.company-tab li{
	padding:0;
	margin:0;
	list-style:none;
	display:inline-block;
	border:#dcdab4 3px solid;
	border-bottom:none;
}
ul.company-tab li a{
	display:block;
	padding:10px 30px;
	background-color:#fff;
	color:#959595;
	font-weight:700;
	border:none;
	text-decoration:none;
	outline:none;
}
ul.company-tab li a:hover, ul.company-tab li a.active{
	background-color:#dcdab4;
	color:#000;
	border:none;
}

.highlight-text-box{
	width:100%;
	margin:25px 0;
	padding:30px 40px;
	background-color:#eaeaea;
	font-size:16px;
	text-align:justify;
}

ul.content-list{
	padding:10px 0;
	margin:0;
	border-top:#dddbb6 3px solid;
	border-bottom:#dddbb6 3px solid;
}
ul.content-list li{
	padding:5px 10px 5px 25px;
	margin:0;
	list-style:none;
	border-bottom:#dddbb6 1px solid;
	background-image: url(https://www.mfm.com.my/wp-content/uploads/dot-list.jpg);
	background-repeat:no-repeat;
	background-position:10px 11px;
}
ul.content-list li:last-child{
	border-bottom:none;
}

ol.content-list{
	padding:10px 0;
	margin:0;
	border-top:#dddbb6 3px solid;
	border-bottom:#dddbb6 3px solid;
}
ol.content-list li{
	padding:5px 10px 5px 5px;
	margin:0 0 0 30px;
	border-bottom:#dddbb6 1px solid;
	background-repeat:no-repeat;
	background-position:10px 11px;
}
ol.content-list li:last-child{
	border-bottom:none;
}

ol.content-list2{
	padding:10px 0;
	margin:0;
	background-color:#f3f3f3;
}
ol.content-list2 li{
	padding:8px 10px 8px 5px;
	margin:0 30px 0 40px;
	border-bottom:#ccc 1px solid;
	background-repeat:no-repeat;
	background-position:10px 11px;
}
ol.content-list2 li:last-child{
	border-bottom:none;
}

.milestone-box{
	background-color:#eaeaea;
	margin:20px 0 0 40px;
	padding:5px 20px;
	height:440px;
}
.img-padding-right-40{
	padding-right:40px !important;
}
.img-padding-left-40{
	padding-left:40px !important;
}
.flex-box{
	display:flex;
	align-items: top;
  	justify-content: center;
}
.text-col{
	display:flex;
}
.text-box{
	background-color:#f2f2f2;
	padding:25px 30px 35px 30px;
}
.border-box{
	padding:25px 30px 35px 30px;
	border:#dcdab4 3px solid;
}

.bod-content{
	width:100%;
	margin:0 auto 50px auto;
	padding:0 40px 40px 40px;
	border-bottom:#dcdab4 3px solid;
	border-top:#dcdab4 3px solid;
}
.bod-content:after{
	content:"";
	display:table;
	clear:both;
}
.bod-content-img{
	width:25%;
	float:left;
	padding-right:50px;
}
.bod-content-img img{
	width:100%;
}
.bod-content-text{
	width:75%;
	float:left;
	text-align:justify;
	margin-top:20px;
}
.bod-content-text h2{
	font-size:22px;
	color:#007d35;
	line-height:26px;
	font-weight:700;
	text-align:left;
	border:none;
	padding-bottom:0;
	margin:15px 0 0 0;
}
.bod-content-text .position{
	font-weight:700;
	text-align:left;
	margin:0;
}






.bg-vision-mission{
    background-image:url(https://www.mfm.com.my/wp-content/uploads/img_vision_mission.jpg);
    background-repeat:no-repeat;
    background-size:cover;
}
.bg-vision-mission .inner-content{
	padding:60px 0;
}

.vision-left{
    width:70%;
	padding:20px 40px;
    height:250px;
    float:left;
    background-color:#ffffff;
}
.vision-left h1{
	color:#c62127;
	font-size:40px;
	font-weight:700;
	margin-top:20px;
}
.vision-left p{
	font-size:16px;
	text-align:left;
}
.vision-right{
    width:30%;
    height:250px;
    float:left;
    background-image:url(https://www.mfm.com.my/wp-content/uploads/img_vision.jpg);
    background-position:center center;
    background-repeat:no-repeat;
	background-size:350px auto;
}


.mission-left{
	width:30%;
    height:250px;
    float:left;
    background-image:url(https://www.mfm.com.my/wp-content/uploads/img_mission.jpg);
    background-position:center center;
    background-repeat:no-repeat;
	background-size:350px auto;
}
.mission-right h1{
	color:#007d35;
	font-size:40px;
	font-weight:700;
	margin-top:20px;
}
.mission-right{
    width:70%;
	padding:20px 40px;
    height:250px;
    float:left;
    background-color:#ffffff;
}
ul.mission-list{
	padding:0;
	margin:0;
}
ul.mission-list li{
	padding:5px 0 5px 25px;
	margin:0;
	list-style:none;
	font-size:16px;
}
ul.mission-list li span{
	margin-left:-20px;
	margin-right:5px;
}

.halalan-box{
	background:url(https://www.mfm.com.my/wp-content/uploads/bg_pattern.jpg) center center no-repeat;
	padding:30px;
	margin:30px 0;
}
.halalan-box-inner{
	background-color:#fff;
	padding:40px 60px;
}
.halalan-box-inner p{
	font-size:18px;
	font-weight:700;
	text-align:center;
}
ul.cert-list{
	padding:30px 0;
	margin:0;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
}
ul.cert-list li{
	padding:0 30px;
	margin:0;
	list-style:none;
	display:inline-block;
	position:relative;
}
ul.cert-list li .btn-zoom{
	position:absolute;
	width:36px;
	height:36px;
	padding:7px 0 0 7px;
	background-color:#000;
	border-radius:5px;
	bottom:-5px;
	right:25px;
	transition:all 0.5s;
}
ul.cert-list li:hover .btn-zoom{
	background-color:#c62127;
}

.csr-box{
	margin:30px 0;
	padding-bottom:20px !important;
	background-color:#f3f3f3;
}






.awards-timeline{
	width:100%;
	background:url(https://www.mfm.com.my/wp-content/uploads/line.png) center repeat-y;
}
.awards{
	position:relative;
	padding:0;
}
.awards .awards-box{
	width:400px;
	margin-top:0;
	text-align:center;
}
.awards.left .awards-box{
	float:right;
	margin-right:90px;
}
.awards.right .awards-box{
	float:left;
	margin-left:90px;
}
.awards .awards-box .img-award{
        position:relative;
        width:auto;
        display:inline-block;
        margin:0 auto 20px auto;
	cursor:pointer;
}
.awards .awards-box .img-award img.award{
	max-width:100%;
        display:block;
}
.awards .awards-box .title{
	padding:15px 20px;
	font-size:20px;
	line-height:24px;
	font-weight:600;
}
.awards.gold .awards-box .title{
	background-color:#efefef;
	border-bottom:#cea923 4px solid;
}
.awards.orange .awards-box .title{
	background-color:#efefef;
	border-bottom:#de5e11 4px solid;
}
.awards-box p{
	padding:0;
	margin-top:10px;
	line-height:20px;
        text-align:center;
}
.awards .year{
	position:absolute;
	width:126px;
	height:101px;
	font-size:26px;
	font-weight:600;
	color:#fff;
	top:0;
	line-height:101px;
}
.awards.left .year{
	right:-50px;
	padding:0 0 0 46px;
	background-repeat:no-repeat;
}
.awards.left.gold .year{
	background-image:url(https://www.mfm.com.my/wp-content/uploads/circle_1.png);
}
.awards.left.orange .year{
	background-image:url(https://www.mfm.com.my/wp-content/uploads/circle_2b.png);
}
.awards.right .year{
	right:0px;
	left:-50px;
	padding:0 0 0 21px;
	background-repeat:no-repeat;
}
.awards.right.gold .year{
	background-image:url(https://www.mfm.com.my/wp-content/uploads/circle_1b.png);
}
.awards.right.orange .year{
	background-image:url(https://www.mfm.com.my/wp-content/uploads/circle_2.png);
}
.img-award .btn-zoom{
	position:absolute;
	width:36px;
	height:36px;
	padding:7px 0 0 2px;
	background-color:#000;
	border-radius:5px;
	bottom:-10px;
	right:-15px;
	transition:all 0.5s;
}
.img-award:hover .btn-zoom{
	background-color:#c62127;
}










/*Investor Relations Page*/
.ir_iframe{
	background-color:#f1f1f1;
	margin-top:0px;
	padding:25px 0;
}
.ir_iframe iframe{
	width:100%;
	height:450px;
	border:none;
	margin:0 auto;
}
.list .list-item{
	width:100%;
}
.corp-info-box{
	margin-top:-1px;
}
.corp-info-title{
	padding:20px;
	font-size:16px;
	font-weight:600;
	text-transform:uppercase;
	text-align:left;
}
.corp-info-text{
	padding:20px 30px;
	border:#000 1px solid;
}
.corp-info-text.grey{
	background-color:#f7f7f7;
}
.corp-info-text p{
	margin:0;
	text-align:left;
}
ul.contact-list{
	padding:0;
	margin:0;
}
ul.contact-list li{
	padding:0px 0 0px 25px;
	margin:0;
	height:20px;
	line-height:20px;
	list-style:none;
	width:100%;
}
ul.contact-list li.icon-tel{
	background:url(https://www.mfm.com.my/wp-content/uploads/icon_tel.png) left center no-repeat;
}
ul.contact-list li.icon-fax{
	background:url(https://www.mfm.com.my/wp-content/uploads/icon_fax.png) left center no-repeat;
}
ul.contact-list li.icon-email{
	background:url(https://www.mfm.com.my/wp-content/uploads/icon_email.png) left center no-repeat;
}
ul.contact-list li.icon-hours{
	background:url(https://www.mfm.com.my/wp-content/uploads/icon_hours.png) left center no-repeat;
}

.list-box{
	border-top:#e4e4e4 5px solid;
	border-bottom:#e4e4e4 5px solid;
}
.list-box ul{
	padding:0;
	margin:0;
}
.list-box ul li{
	padding:10px 0;
	margin:0;
	list-style:none;
	border-bottom:#c1c1c1 1px dashed;
}
.list-box ul li:last-child{
	border-bottom:none;
}
.list-box ul li a{
	display:flex;
	align-items:center;
	height:50px;
	padding:0 0 0 70px;
	font-size:16px;
	font-weight:500;
	text-align:left;
	background-position:top left;
	background-repeat:no-repeat;
        border:none;
color:#c62127;
text-decoration:none;
}
.list-box ul li a.pdf{
	background-image:url(https://www.mfm.com.my/wp-content/uploads/icon_pdf.png);
}
.list-box ul li a:hover{
	background-color:#efedec;
}
.list-box ul ul{
	margin-left:70px;
}







/*Core Business Page*/
.cb-inner-banner{
	border-bottom:#ff8021 3px solid;
	margin-top:104px !important;
	padding:0 !important;
}
.cb-inner-banner-sublink{
	position:relative;
	padding:50px 50px 50px 30px;
}
.cb-inner-banner-sublink .inner-title {
	top:30px;
	left:40px;
	margin-left:0px;
}
.cb-sublink-box{
	background-color:#ff8021;
	width:100%;
	height:216px;
	border-radius: 0px 0px 30px 0px;
	-moz-border-radius: 0px 0px 30px 0px;
	-webkit-border-radius: 0px 0px 30px 0px;
	display:flex;
	align-items: center;
  	justify-content: center;
  	flex-direction: column;
  	flex-wrap: wrap;
}
.cb-sublink-box.flour{
	height:300px;
}
.cb-sublink-box h2{
	font-size:20px;
	color:#fff;
	font-weight:600;
	text-transform:uppercase;
	text-align:center;
	margin-top:0;
	text-decoration:underline;
}
.cb-sublink-box h2 a{
	color:#fff;
        text-decoration:underline;
        border:0;
}
.cb-sublink-box h2 a:hover, .cb-sublink-box h2 a.active{
	color:#000;
        border:0;
}
.cb-sublink-box ul{
	padding:0;
	margin:0;
}
.cb-sublink-box ul li{
	padding:0;
	margin:0;
	list-style:none;
	text-align:center;
	color:#fff;
}
.cb-sublink-box ul li a{
	color:#fff;
	text-transform:uppercase;
        text-decoration:none;
        border:0;
}
.cb-sublink-box ul li a:hover, .cb-sublink-box ul li a.active{
	color:#000;
        border:0;
}
.cb-sublink-box ul li a.active{
        font-weight:700
}
.cb-inner-banner-img{
	padding:50px 30px 0 0;
}
.cb-inner-banner-img .banner-img{
	padding:0 !important;
	height:216px;
	background-repeat:no-repeat;
	background-position:center;
}
.cb-inner-banner-img .banner-img.flour{
	height:300px;
}
.cb-inner-banner-img .banner-img.img-full{
	height:266px !important;
}
.cb-inner-banner-img .title{
	padding:0 30px 0 0 !important;
	width:100%;
	height:50px;
	background-color:#ff8021;
        color:#fff;
	font-size:24px;
	font-weight:600;
	text-align:right;
	line-height:50px;
	text-transform:uppercase;
}

.flour-types-box{
	width:calc(100% + 40px);
        margin-left:-20px;
        display:flex;
        flex-wrap:wrap;
}
.flour-types-grid{
        width:33.33%;
        float:left;
        max-width:500px;
	padding:0 20px 40px 20px;
        display:flex;
        flex-wrap:wrap;
        align-content: flex-start;
}
.flour-types-grid.green .btn-more a{
	background-color:#007d35;
}
.flour-types-grid.green .btn-more a:hover{
	background-color:#000;
}
.flour-types-grid img{
        display:block;
}
.flour-types-grid .flour-types-img{
}
.flour-types-grid .flour-types-text{
        position:relative;
}
.flour-types-grid .flour-types-text .title{
	position:absolute;
	top:-24px;
	left:0px;
        right:0px;
	font-size:20px;
	font-weight:600;
	text-align:left;
	padding:12px 20px 14px 20px;
	color:#fff;
	background:#c62127;
	
	border-radius: 30px 0px 30px 0px;
	-moz-border-radius: 30px 0px 30px 0px;
	-webkit-border-radius: 30px 0px 30px 0px;
	border: 0px solid #000000;
}
.flour-types-grid.green .flour-types-text .title{
	background-color:#007d35;
}
.flour-types-grid.red .flour-types-text .title{
	background-color:#c62127;
}
.flour-types-grid .flour-types-text .desc{
	width:100%;
	text-align:justify;
	padding:10px 20px 20px 20px;
}
/*.flour-types-grid.green .flour-types-text .desc{
        border:#007d35 2px solid;
}
.flour-types-grid.red .flour-types-text .desc{
        border:#c62127 2px solid;
}*/

.prod-title{
	display:inline-block;
	font-size:20px;
	font-weight:600;
	text-align:left;
	margin-left:-20px;
	margin-top:15px;
	margin-bottom:5px;
	padding:8px 20px;
	color:#fff;
	background:#007d35;
	text-transform:uppercase;
	
	border-radius: 30px 0px 30px 0px;
	-moz-border-radius: 30px 0px 30px 0px;
	-webkit-border-radius: 30px 0px 30px 0px;
	border: 0px solid #000000;
}

.prod-box-row{
        width:calc(100% + 40px);
        margin-left:-20px;
	display:flex;
  	flex-wrap: wrap;
}
.prod-box{
	padding:0 20px;
        margin:20px 0;
	flex: 1 0 4;
	width:25%;
	float:left;
        position:relative;
	border-right:#eaeaea 2px solid;
}
.prod-box a{
	display:block;
        width:100%;
        height:100%;
        position:absolute;
	outline:0;
	text-decoration:none;
}
.prod-box p{
        display:none;
}
.prod-box:nth-child(4n){
	border-right:none;
}
.prod-box a:hover{
	border-bottom:none;
}
.prod-box .prod-name{
	background-color:#eaeaea;
	text-align:center;
	font-size:16px;
	line-height:20px;
	font-weight:700;
	padding:8px 15px 10px 15px;
	margin-right:0px;
}
.prod-box .prod-img{
	background-color:#fff;
	margin-right:0px;
	-webkit-transition: background-color 0.4s linear;
    -moz-transition: background-color 0.4s linear;
    -o-transition: background-color 0.4s linear;
    -ms-transition: background-color 0.4s linear;
    transition: background-color 0.4s linear;
}
.prod-box:hover .prod-img{
	background-color:#f6f6f6;
}
.prod-box .prod-name{
	color:#000;
	background-color:#eaeaea;
	transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
}
.prod-box-row .prod-box:hover .prod-name{
	color:#fff;
	background-color:#c32026;
}
.prod-box-row.gold .prod-box:hover .prod-name{
	color:#fff;
	background-color:#bda62f;
}
.prod-box-row.green .prod-box:hover .prod-name{
	color:#fff;
	background-color:#007d35;
}
.prod-box-row.red .prod-box:hover .prod-name{
	color:#fff;
	background-color:#c32026;
}
.prod-box-row.blue .prod-box:hover .prod-name{
	color:#fff;
	background-color:#002060;
}


.standalone{
	width:100%;
	max-width:1000px;
}
.inline-content{
        padding:10px 20px 20px 0;
        width:100%;
        max-width:1000px;
        margin:20px auto 0 auto;
	position:relative;
	border-radius:0 0 100px 0;
	background-color:#fff;
}
.inline-content.prod{
	border:#ccc 2px solid;
}
.inline-content.prod2{
        padding:60px 40px 40px 40px;
	border:#ccc 2px solid;
}
.inline-content.prod2 .standalone-img{
        padding-right:20px;
}
.standalone-content{
	padding-top:40px;
}
.standalone-title h2{
	position:absolute;
	top:-30px;
	left:20px;
        display:inline-block !important;
	font-size:20px;
	line-height:22px;
	font-weight:600 !important;
	text-align:left;
	padding:8px 20px !important;
	color:#fff !important;
	background:#007d35;
	text-transform:uppercase;
	
	border-radius: 30px 0px 30px 0px;
	-moz-border-radius: 30px 0px 30px 0px;
	-webkit-border-radius: 30px 0px 30px 0px;
	border: 0px solid #000000;
}
.inline-content.gold .standalone-title h2{
	background:#bda62f;
}
.inline-content.green .standalone-title h2{
	background:#007d35;
}
.inline-content.red .standalone-title h2{
	background:#c32026;
}
.inline-content.blue .standalone-title h2{
	background:#002060;
}
.standalone-img img{
	display:block:
}
.standalone-content p{
	margin-bottom:20px;
}
a.standaloneClose{
	display:block;
	width:30px;
	height:30px;
	position:absolute;
	top:10px;
	right:10px;
	border:none;
	text-decoration:none;
	cursor:pointer;
	background:url(https://www.mfm.com.my/wp-content/uploads/btn_close.png) no-repeat;
}
a.standaloneClose:hover{
	border:none;
	text-decoration:none;
}


.standalone2{
        width:100%;
	max-width:1200px;
}
.standalone2 h1{
font-size:28px;
}
.standalone2 h4{
margin-top:0;
}
a.standalone2Close{
	display:block;
	width:30px;
	height:30px;
	position:absolute;
	top:10px;
	right:10px;
	border:none;
	text-decoration:none;
	cursor:pointer;
	background:url(https://www.mfm.com.my/wp-content/uploads/btn_close.png) no-repeat;
}
.msg-box-row{
width:calc(100% + 40px);
margin-left:-20px;
display:flex;
flex-flow:wrap;
}
.msg-box-col{
padding:10px 20px;
}
.msg-box{
padding:10px 0;
text-align:left;
}
.msg-box-img{
width:calc(100% + 20px);
margin-left:-10px;
}






.video-box{
	display:flex;
  	flex-wrap: wrap;
}
.video-box > div{
	padding:20px !important;
}
.video-box-inner{
	flex: 1;
	width:100%;
	height:100%;
	padding:10px;
	border-radius: 30px 0px 30px 0px;
	-moz-border-radius: 30px 0px 30px 0px;
	-webkit-border-radius: 30px 0px 30px 0px;
	border:#7fbe9a 5px solid;
}
.video-box-inner p{
	text-align:center;
	font-size:16px;
	padding:20px 0;
	margin-top:0;
	font-weight:700;
}
.video-box-inner a{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
        z-index:2000;
	border-radius: 20px 0px 20px 0px;
	-moz-border-radius: 20px 0px 20px 0px;
	-webkit-border-radius: 20px 0px 20px 0px;
}
.video-img{
	position:relative;
	cursor:pointer;
	border-radius: 20px 0px 20px 0px;
	-moz-border-radius: 20px 0px 20px 0px;
	-webkit-border-radius: 20px 0px 20px 0px;
}
.video-img .video-mask{
        display:block;
	position:absolute;
	width:100%;
	height:100%;
	background-color:#000;
	border-radius: 20px 0px 20px 0px;
	-moz-border-radius: 20px 0px 20px 0px;
	-webkit-border-radius: 20px 0px 20px 0px;
}
.video-img p{
display:none;
}


.video-img .video-screen{
	opacity:0.8;
	transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
}
.video-img:hover .video-screen{
	opacity:0.4;
}
.video-img .video-screen img{
	display:block;
	border-radius: 20px 0px 20px 0px;
	-moz-border-radius: 20px 0px 20px 0px;
	-webkit-border-radius: 20px 0px 20px 0px;
}
.video-img .video-youtube-btn{
	position:absolute;
	width:50px;
	height:35px;
	top:50%;
	left:50%;
	margin-left:-25px;
	margin-top:-17px;
	z-index:1000;
}

.video-iframe-box{
	border:#ccc 2px solid;
	width:100%;
	padding:20px;
	border-radius:10px;
	background-color:#f1f1f1;
}
.intrinsic-container {
  	position: relative;
	padding-bottom: 65.25%;
	padding-top: 30px;
	width:757px;
	height: auto;
	overflow: auto; 
	-webkit-overflow-scrolling:touch;
}
.intrinsic-container iframe {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}
.standalone.video{
	max-width:800px;
}
.standalone.video h3{
	color:#007d35;
	padding-left:20px;
}


.border-box2{
        border:#ccc 2px solid;
        padding:20px 40px !important;
        position:relative;
        text-align:justify;
	border-radius: 0px 0px 100px 0px;
}
.border-box2 .title-box{
        position:absolute;
	top:-20px;
	left:30px;
	font-size:20px;
	font-weight:600;
	text-align:left;
	padding:8px 20px 10px 20px;
	color:#fff;
	background:#c62127;
	
	border-radius: 30px 0px 30px 0px;
	-moz-border-radius: 30px 0px 30px 0px;
	-webkit-border-radius: 30px 0px 30px 0px;
	border: 0px solid #000000;
}
.plant-img img{
        width:100%;
        max-width:450px;
}



.contact-title{
	width:200px;
	font-size:20px;
	font-weight:600;
	text-align:left;
	margin-left:-20px;
	margin-bottom:15px;
	padding:8px 20px;
	color:#fff;
	background:#c62127;
	
	border-radius: 30px 0px 30px 0px;
	-moz-border-radius: 30px 0px 30px 0px;
	-webkit-border-radius: 30px 0px 30px 0px;
	border: 0px solid #000000;
}
.contact-title.green{
	background-color:#007d35;
}

.branches-wrapper{
        padding:0;
	
	display:flex;
	flex-wrap: wrap;
}
.branches-box {
	padding:10px 30px 30px 10px;
        display:flex;
        flex-wrap:wrap;
        align-content:space-between;
}
.contact-text{
        width:100%;
	padding-bottom:30px;
	padding-top:30px;
        border-top:#ccc 1px solid;
}
.contact-text.noborder, .contact-text.noborder2{
	border-top:none;
	padding-top:0px;
}
.google-map
{
	width: 100%;
	height: 250px;
}
.google-map:not( .is-loaded )
{
	background-color: #ddd !important;
}



.feed-row{
	display:flex;
}
.feed-list-img{
	background-position:center;
	background-repeat:no-repeat;
	background-size:700px auto;
	min-height:330px;
}
.feed-img{
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	min-height:260px;
}
.feed-list-box{
	color:#fff;
	padding:20px 5% 40px 5% !important;
	position:relative;
}
.feed-list-box a{
	border:none;
	text-decoration:none;
}
.feed-list-box h3{
	color:#fff;
}
.feed-list-box.right{
	background-color:#26923c;
}
.feed-list-box.right:before{
	content:url(https://www.mfm.com.my/wp-content/uploads/arrow_green.png);
	position:absolute;
	left:-25px;
	top:50%;
	margin-top:-18px;
}
.feed-list-box.left{
	background-color:#c62127;
}
.feed-list-box.left:before{
	content:url(https://www.mfm.com.my/wp-content/uploads/arrow_black.png);
	position:absolute;
	right:-25px;
	top:50%;
	margin-top:-18px;
	transform: rotate(180deg);
}
.feed-list-box ul{
	padding:0;
	margin:0;
}
.feed-list-box ul li{
	padding:0;
	margin:0;
	list-style:none;
	background-image:url(https://www.mfm.com.my/wp-content/uploads/arrow_list_white.png);
	background-repeat:no-repeat;
	background-position:3px 11px;
	border-bottom:#fff 1px dotted;
	text-align:left;
}
.feed-list-box ul li a{
	display:block;
	padding:5px 15px;
	color:#fff;
}
.feed-list-box ul li a:hover{
	background-color:#2faa48;
        border-bottom:none;
}
.feed-list-box.left ul li a:hover{
	background-color:#d53d43;
}
.popup-img-feed{
	max-width:360px;
	width:100%;
}
.prod-details-left{
	padding-bottom:20px;
}
.prod-details-right{
	padding-bottom:20px;
}


.tbl-prod1 th{
	background-color:#ff8021;
	padding:8px 10px;
	vertical-align:top;
	font-weight:600;
	text-align:left;
	font-size:14px;
	color:#fff;
}
.tbl-prod1 td{
	padding:3px 10px;
	vertical-align:top;
	text-align:left;
	font-size:14px;
}
.tbl-prod1 td.text-center{
	text-align:center !important;
}
.tbl-prod1 tr.first{
	border-top:#000 1px solid;
}
.tbl-prod1 tr.last{
	border-bottom:#000 1px solid;
}

.tbl-prod2 tr{
	
}
.tbl-prod2 th{
	background-color:#ff8021;
        color:#fff;
	padding:3px 10px;
	vertical-align:top;
	font-weight:600;
	text-align:left;
	font-size:14px;
        border-bottom:#fff 1px solid;
}
.tbl-prod2 td{
	padding:3px 10px;
	vertical-align:top;
	text-align:left;
	font-size:14px;
        border-bottom:#fff 1px solid;
}

.prod-details{
	padding-left:20px !important;
}

.prod-label img{
	margin:5px;
	display:inline;
}
.prod-ingredients{
	padding-right:20px !important;
	padding-bottom:20px !important;
	font-size:14px;
}
.content-left{
	padding-right:30px !important;
}
.content-right{
	padding-left:30px !important;
}
.img-ikan-dindin{
	width:80% !important;
	margin:10px 10% !important;
}
.img-ikan-dindin > div{
	width:31.33%;
	margin:10px 1%;
	float:left;
	display:block;
}






/*Careers*/
.smooth_zoom_preloader {
	background-image: url(https://www.mfm.com.my/wp-content/uploads/preloader.gif);
}		
.smooth_zoom_icons {
	background-image: url(https://www.mfm.com.my/wp-content/uploads/icons.png);
}
.mfm-family-row{
background-color:#f1f1f1;
margin-bottom:30px;
border-radius: 0px 0px 30px 0px;
	-moz-border-radius: 0px 0px 30px 0px;
	-webkit-border-radius: 0px 0px 30px 0px;
}
.mfm-family-text{
padding:15px 25px;
}
.mfm-family-text h2{
	font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #c62127;
    border-bottom: #c62127 3px solid;
    display: inline-block;
    padding-bottom: 2px;
	margin: 0;
}
.news-box p {
    margin: 25px 0;
    text-align: justify;
}
.skill-box{
	padding:10px 0;
	height:200px;
	margin:10px 0;
}
.skill-img{
	height:200px;
	background-position:top center;
	background-size:auto 100%;
	background-repeat:no-repeat;
}
.skill-text{
	height:200px;
	padding:10px 30px;
	background-color:#e5e0d1;
}
.skill-text h3{
	font-size:18px;
	padding-bottom:3px;
	display:inline-block;
	border-bottom:#333333 2px solid;
	margin-bottom:0;
        margin-top:5px;
}
.skill-text p{
	text-align:left;
	font-size:14px;
	line-height:22px;
	margin-top:10px;
}

.curve-box{
	display:flex;
}
.curve-box-inner{
	flex: 1;
	width:100%;
	height:100%;
	padding:20px 20px 30px 20px;
	border-radius: 30px 0px 30px 0px;
	-moz-border-radius: 30px 0px 30px 0px;
	-webkit-border-radius: 30px 0px 30px 0px;
}
.curve-box-inner.green{
	border:#7fbe9a 5px solid;
}
.curve-box-inner.red{
	border:#e29093 5px solid;
}
.curve-box-inner.gold{
	border:#dec183 5px solid;
}
.curve-box-inner h1{
	width:200px;
	font-size:30px;
	font-weight:600;
	padding-bottom:10px;
	color:#000;
}
.curve-box-inner.green h1{
	border-bottom:#007d35 3px solid;
}
.curve-box-inner.red h1{
	border-bottom:#c62127 3px solid;
}
.curve-box-inner.gold h1{
	border-bottom:#bd8408 3px solid;
}
.curve-box-inner p{
	text-align:center;
}

.form-apply{
	border:#ccc 2px solid;
	padding:20px;
	border-radius:10px;
	background-color:#f1f1f1;
}
.job-title{
	font-size:18px;
	font-weight:600;
	margin:0 !important;
	padding:0 !important;
}
#job-title-input, #job-location-input{
	display:none;
	margin:0;
	padding:0;
}
.job-location{
	margin:-15px 0 0 0 !important;
	padding:0 !important;
}
.srSearchInput{
	margin-top: 10px !important;
	margin-right: 10px !important;
}
.srSearchButton{
	height: 18px !important;
	line-height:18px !important;
}
span.srSearchOptionText{
	width:144px !important;
	line-height:18px !important;
	padding-top:9px !important;
	padding-right:24px !important;
}
#facet_department{
	display:none;
}
.notify-box{
	text-align:center;
	color:#ed7d1c;
	border:#ebebeb 1px solid;
	padding:40px 5%;
	width:100%;
}
.notify-box h1{
	text-align:center;
	margin-top:0;
	font-size:26px;
	line-height:30px;
	font-weight:600;
	text-transform:capitalize;
}
.resume-box{
	width:100%;
	background-color:#ed7d1c;
	padding:40px 5%;
	text-align:center;
	color:#fff;
	margin-top:40px;
}
.resume-box h1{
	text-align:center;
	margin-top:0;
	font-size:26px;
	line-height:30px;
	font-weight:600;
	text-transform:capitalize;
}
.resume-box p{
	text-align:center;
}
a.border-btn{
	display:inline-block;
	border:#fff 3px solid;
	padding:10px 60px 10px 20px;
	color:#fff;
	text-transform: uppercase;
	font-weight:600;
	position:relative;
}
a.border-btn:hover{
	border:#fff 3px solid;
	color:#ed7d1c;
	background-color:#fff;
}
a.border-btn:after{
	content:"";
	background-image:url(https://www.mfm.com.my/wp-content/uploads/arrow.png);
	background-size:20px 14px;
	background-repeat:no-repeat;
	width:20px;
	height:14px;
	position:absolute;
	right:20px;
	top:15px;
}
a.border-btn:hover:after{
	background-image:url(https://www.mfm.com.my/wp-content/uploads/arrow-orange.png);
}

.video-banner{
	margin-bottom:20px;
	padding:0;
}
.video-banner-box{
	width:100%;
	height:116px;
	background-image:url(https://www.mfm.com.my/wp-content/uploads/img-video-career.jpg);
	background-position:right;
	background-repeat:no-repeat;
	padding:15px 6%;
}
.video-banner-box h3{
	font-size:18px;
	line-height:22px;
	margin:0px;
	color:#fff;
}
.video-banner-box p{
	margin:0;
}
.video-banner-box h3 span.small{
	font-size:16px;
	line-height:20px;
	font-weight:400;
}

.career-video-grid{
	display:flex;
	justify-content:center;
}
.career-video-box{
	width:40%;
	margin:0 2%;
	height:150px;
	background-position:right;
	background-repeat:no-repeat;
	background-size: auto 100%;
    padding: 20px 3%;
}
.career-video-box.video1{
	background-image:url(https://www.mfm.com.my/wp-content/uploads/banner-img-hr-asia-best-companies.jpg);
}
.career-video-box.video2{
	background-image:url(https://www.mfm.com.my/wp-content/uploads/banner-img-corp-video.jpg);
}
.career-video-box h3{
	font-size:18px;
	line-height:22px;
	margin:0px;
	color:#fff;
}
.career-video-box p{
	margin:0;
}

ul.career-social {
	padding:0;
	margin:0;
}
ul.career-social li {
	display:inline-block;
	margin:0 7px 0 0;
}
ul.career-social li a {
	display:block;
	width:40px;
	height:40px;
	background:rgba(255, 255, 255, 0.5);
	text-align:center;
	font-size:20px;
	color:#1c1c1c;
	
	border-radius: 40px 40px 40px 40px;
	-moz-border-radius: 40px 40px 40px 40px;
	-webkit-border-radius: 40px 40px 40px 40px;
}
ul.career-social li a:hover {
	color:#1c1c1c;
	background:rgba(255, 255, 255, 1.0);
}
ul.career-social li a .fa{
	line-height:40px !important;
}
.offer-grid{
	display:flex;
	justify-content:center;
}
.offer-box{
	width:40%;
	margin:0 2%;
	background-color:#fff;
	border-radius:10px;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	padding:30px 5%;
}
.offer-box img{
	width:160px;
	margin:0 auto 30px auto;
}
ul.benefit-list{
	padding:0;
	margin:0;
}
ul.benefit-list li{
	padding:2px 0 2px 30px;
	margin:0;
	list-style:none;
	position:relative;
}
ul.benefit-list li:before{
	content:url(https://www.mfm.com.my/wp-content/uploads/icon_benefits2.png);
	position:absolute;
	top:-7px;
	left:-5px;
	transform:scale(0.5);
}
ul.learning-list{
	padding:0;
	margin:0;
}
ul.learning-list li{
	padding:2px 0 2px 30px;
	margin:0;
	list-style:none;
	position:relative;
}
ul.learning-list li:before{
	content:url(https://www.mfm.com.my/wp-content/uploads/icon_learning2.png);
	position:absolute;
	top:-7px;
	left:-5px;
	transform:scale(0.5);
}
.sec-social{
	text-align:center;
	margin-top:50px;
}
ul.social-list{
	padding:0;
	margin:0;
	text-align:center;
}
ul.social-list li{
	padding:0;
	margin:0 5px;
	display:inline-block;
}
ul.social-list li img{
	width:50px;
}



/*News*/
.news-date{
	display:flex;
    align-items:center;
    font-weight: 700;
    margin-bottom:10px !important;
}
.news-date img{
	width: 20px;
    margin-right: 8px;
}
.news-text{
	margin-top:10px !important;
}
.news-carousel .vc_item{
	display:flex;
	justify-content:center;
	align-items:center;
}
.news-carousel .vc_item img{
	width:auto;
	max-height:450px;
}
.news-carousel .vc_carousel-control .icon-next:before {
    content: '\203a';
    position: absolute !important;
    top: -10px;
	left: 20px !important;
    font-size: 60px !important;
    background-color: #ccc !important;
    border-radius: 60px !important;
    width: 40px !important;
    height: 40px !important;
    line-height: 27px !important;
	color:#000 !important;
}
.news-carousel .vc_carousel-control .icon-prev:before {
    content: '\2039';
    position: absolute !important;
    top: -10px;
	left:-40px !important;
    font-size: 60px !important;
    background-color: #ccc !important;
    border-radius: 60px !important;
    width: 40px !important;
    height: 40px !important;
    line-height: 27px !important;
	color:#000 !important;
}
.news-carousel .vc_carousel-control .icon-next,
.news-carousel .vc_carousel-control .icon-prev{
	width: 0px !important;
    height: 0px !important;
}
.news-img-row{
	display:flex;
    justify-content:center;
    width:100%;
}
.news-img-row.fixed-height{
	height:360px;
}
.news-img-row img{
	margin:0 10px;
}
.tc-tabs-style1 {
    padding: 0px;
    border: none !important;
	width:100%;
	max-width:1200px;
	margin:40px auto;
}
.tc-tabs-style1 .nav-tabs li a {
	font-size: 18px !important;
	margin-bottom: 0 !important;
	background: #ccc !important;
	border-radius:10px 10px 0 0 !important;
	padding: 8px 30px !important;
}
.news-content .blue .tc-tabs-style1 .nav-tabs li a:after {
	background-color:#c62127 !important;
	border-radius:10px 10px 0 0 !important;
}
.wdo-tabs-container .nav-tabs > li.active > a{
	color:#fff !important;
	border-radius:10px 10px 0 0 !important;
}
.tc-tabs-style1 .nav-tabs {
	border-bottom:#ccc 2px solid !important;
	display: flex;
    justify-content: center;
}
.newsletter-grid{
	display:flex;
	flex-wrap: wrap;
	overflow: hidden;
}
.newsletter-box{
	width:25%;
	padding:20px;
	position:relative;
	margin-bottom:40px !important;
}
.newsletter-box a{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	z-index:10;
	border:none !important;
}
.newsletter-box h3{
	font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 700;
    margin-top:0px !important;
    color: #333;
	border-bottom: #333 3px solid;
	padding-bottom: 2px;
	padding-right:50px;
}
.newsletter-box .news-issue{
	margin-top:5px !important;
	font-size:16px;
	font-weight:700;
	padding-right:50px;
}
.newsletter-box .icon-download{
	position:absolute;
	bottom:25px;
	right:30px;
	width:40px;
	height:40px;
	background:transparent;
	transition:all 0.5s;
}
.newsletter-box:hover .icon-download{
	bottom:40px;
}
.newsletter-box .icon-download img{
	width:40px !important;
	height:40px !important;
}
.filter-row{
	display:flex;
	justify-content:flex-end;
	align-items:center;
	padding:40px 0 20px 30px;
}
.filter-col .vc_column-inner .wpb_wrapper{
	display:flex;
	justify-content:flex-end;
}
.filter-text{
	margin-right:10px !important;
	line-height:1.4em;
}
.filter-row p{
	margin-top:25px !important;
	margin-bottom:25px !important;
	font-weight:700;
}
.loadMoreBtn{
  padding: 10px 20px !important;
  color: #fff !important;
	background:transparent !important;
  background-color: #000 !important;
	border:0 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
	border-radius:5px !important;
	transition:all 0.5s !important;
	margin:0 auto !important;
	text-shadow:none !important;
	display: flex;
    justify-content: space-around !important;
	width:150px !important;
}
.loadMoreBtn:hover{
	background-color: #c62127 !important;
}
.img-slider{
 	max-width:900px !important;
	margin:0 auto !important;
}
.img-slider .nextend-thumbnail-horizontal{
	max-width: 500px !important;
}
.cat-label{
	position:absolute;
	background-color:#b59111;
	color:#fff;
	padding:3px 20px;
	display:inline-block;
	right:20px;
	top:0;
	border-radius:0 0 10px 10px;
	z-index:10;
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
	text-align:right;
}
.mfm-family-row.news-content{
	position:relative;
}
.mfm-family-row.news-content .mfm-family-text{
	padding:35px 25px 25px 25px !important;
}
@media screen and (max-width:980px){
    .news-img-row.fixed-height{
        height:300px;
    }
	.newsletter-box{
		width:50%;
	}
}
@media screen and (max-width:767px){
    .news-img-row{
        display:block;
        max-width:500px;
        margin-left:auto !important;
        margin-right:auto !important;
    }
    .news-img-row.fixed-height{
        height:auto;
    }
    .news-img-row img{
        margin:10px 0px;
        width:100% !important;
    }
    .newsletter-box{
        display:block;
    }
    .newsletter-box > div{
    	width:100% !important;
        float:none !important;
    }
    .newsletter-box h3{
        font-size: 26px;
        line-height: 30px;
        margin-top:0px;
    }
	.img-slider .nextend-arrow img {
    	width: 30px !important;
  	}

}
@media screen and (max-width:768px){
	.mfm-family-row.news-content{
		max-width:550px !important;
		margin-left:auto !important;
		margin-right:auto !important;
		padding-top:25px !important;
	}
	.filter-col .vc_column-inner .wpb_wrapper{
		justify-content:center;
	}
	.filter-row{
		padding:40px 10px 20px 10px;
	}
}
@media screen and (max-width:599px){
	.newsletter-grid{
		max-width:400px;
		margin:0 auto;
	}
	.newsletter-box{
		width:100%;
	}
}
@media (max-width: 480px){
[class*="tc-tabs"] .nav-tabs li {
  width: auto !important;
}
}




/*Custom Select*/
.custom-select, .custom-select-month {
  position: relative;
}

.custom-select select, .custom-select-month select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  background-color: #000;
	font-weight:700;
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #ffffff;
  padding: 5px 10px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #c62127;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
	width:100px;
}
.custom-select-month{
	width:140px;
}
.custom-select-month .select-items {
	width:140px;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}
@media screen and (max-width:768px){
	.custom-select-month{
		width:120px;
	}
	.custom-select-month .select-items {
		width:120px;
	}
}





/*Footer*/
footer{
	background-color:#dee3df;
	font-size:12px;
	line-height:18px;
	padding-bottom:30px;
}
footer h3{
	font-size:18px;
	margin-bottom:0px;
	font-weight:600;
}
footer br{
	margin:0 !important;
}
footer .copyright{
	margin-top:5px;
}
footer a{
	color:#000;
}
footer a:hover{
	color:#c62127;
}
ul.social {
	padding:0;
	margin:0;
}
ul.social li {
	display:inline-block;
	margin:0 7px 0 0;
}
ul.social li a {
	display:block;
	width:40px;
	height:40px;
	background:rgba(255, 255, 255, 0.1);
	text-align:center;
	line-height:42px;
	font-size:20px;
	color:#1c1c1c;
	
	border-radius: 40px 40px 40px 40px;
	-moz-border-radius: 40px 40px 40px 40px;
	-webkit-border-radius: 40px 40px 40px 40px;
}
ul.social li a:hover {
	color:#1c1c1c;
	background:rgba(255, 255, 255, 1.0);
}
footer a.webz{
	color:#ccc;
}
footer a.webz:hover {
	color:#999; 
	border-bottom:#999 1px dotted;
}
footer h3.link-title{
	color:#c62127;
}
footer h3.link-title span{
	font-weight:300;
}
ul.site-link{
	padding:0;
	margin:5px 0 0 0;
}
ul.site-link li{
	padding:0;
	margin:0;
	list-style:none;
}
form#ultimatum-custom-css-form {
    margin: 0;
}
	






/*Form*/
input[type="submit"],
input[type="reset"],
input[type="button"]{
	width:auto;
	padding:5px 15px;
	color:#fff;
	font-weight:600;
	text-decoration:none;
	cursor:pointer;
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	border:1px solid #B21203;
	background: rgb(229,60,22); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(229,60,22,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,60,22,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(229,60,22,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(229,60,22,1) 0%,rgba(207,4,4,1) 100%); /* Opera 11.10+ */
	background: linear-gradient(top, rgba(229,60,22,1) 0%,rgba(207,4,4,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e53c16', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover{
	border:1px solid #B21203;
	background: rgb(238,106,76); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(238,106,76,1) 0%, rgba(251,33,33,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,106,76,1)), color-stop(100%,rgba(251,33,33,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(238,106,76,1) 0%,rgba(251,33,33,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(238,106,76,1) 0%,rgba(251,33,33,1) 100%); /* Opera 11.10+ */
	background: linear-gradient(top, rgba(238,106,76,1) 0%,rgba(251,33,33,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee6a4c', endColorstr='#fb2121',GradientType=0 ); /* IE6-9 */
}











/*Table*/
.tbl-style th, .tbl-style td{
	text-align:left;
	padding:3px 15px;
	vertical-align:top;
}
.tbl-style th{
	background-color:#ff8021;
	color:#fff;
	font-size:16px;
	font-weight:600;
}
.tbl-style tr td{
	border-bottom:#949494 1px solid;
}
.inline-content.gold .tbl-style th{
	background-color:#bda62f;
}
.inline-content.green .tbl-style th{
	background-color:#007d35;
}
.inline-content.red .tbl-style th{
	background-color:#c32026;
}
.inline-content.blue .tbl-style th{
	background-color:#002060;
}

.tbl-style2 td{
	text-align:left;
	padding:1px 5px;
	vertical-align:top;
	font-size:14px;
}

.tbl-style3 th, .tbl-style3 td{
	text-align:left;
	padding:3px 15px;
}
.tbl-style3 th{
	background-color:#ff8021;
	color:#fff;
	font-size:16px;
	font-weight:600;
}
.tbl-style3 tr td{
	border-bottom:#949494 1px solid;
}

.financial-tbl{
        width:100%;
        overflow-x:hidden;
        margin-top:20px;
        padding-bottom:20px;
}
.tbl-style4 th, .tbl-style4 td{
	text-align:right;
	padding:5px 15px;
	vertical-align:top;
}
.tbl-style4 th{
	background-color:#ff8021;
	color:#fff;
	font-size:16px;
	font-weight:600;
}
.tbl-style4 th.white{
        background-color:#fff;
        color:#000;
        text-align:left;
}
.tbl-style4 tr td{
	border-bottom:#949494 1px solid;
}
.tbl-style4 tr td.title{
	background-color:#faddc7;
        text-align:left;
        font-weight:600;
}

.tbl-style5 th, .tbl-style5 td{
	text-align:center;
	padding:5px 15px;
	vertical-align:top;
}
.tbl-style5 th{
	background-color:#ff8021;
	color:#fff;
	font-size:16px;
	font-weight:600;
}
.tbl-style5 tr td{
	border-bottom:#949494 1px solid;
}
.tbl-style5 tr td.title{
	background-color:#faddc7;
        font-weight:600;
}
.tbl-style5 th.left, .tbl-style5 td.left{
	text-align:left;
}


.tbl-style6 td{
	text-align:left;
	padding:10px 15px;
}
.tbl-style6 td.td-flex{
	display:flex;
}
.tbl-style6 tr td{
	border-bottom:#949494 1px solid;
}
.tbl-style6 tr td.title{
	background-color:#faddc7;
        font-weight:600;
}
.tbl-style6 tr td img.ico-pdf{
	display:inline-block;
	margin-right:10px;
	width:50px;
	height:50px;
}








/*Link*/
a{
	color:#c62127;
	text-decoration:none;
	transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
}
a:hover{
	color:#000;
	text-decoration:none;
	border-bottom:#000 1px dotted;
}
a, a img{
	border:0;
	outline:0;
}

a.link-more{
	color:#000;
	font-size:12px;
}
a.link-more:hover{
	color:#c62127;
	border-bottom:#c62127 1px dotted;
}
a.link-more.white{
	color:#fff;
}
a.link-more.white:hover{
	color:#e2ac3e;
	border-bottom:#e2ac3e 1px dotted;
}




/*Button*/
.btn-more a{
	display:inline-block;
	padding:10px 20px;
	color:#fff;
	background-color:#c62127;
	font-size:12px;
	font-weight:700;
	text-decoration:none;
	-webkit-border-radius: 5px; 
  	-moz-border-radius: 5px; 
        border-radius: 5px;
	transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
}
.btn-more a:hover{
	background-color:#171717;
	color:#fff;
	border:0;
	text-decoration:none;
}

.btn-more2 a{
	display:inline-block;
	padding:5px 0px;
	margin:0;
	color:#c62127;
	font-weight:700;
	text-decoration:none;
	border-bottom:#000 3px solid;
	transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
}
.btn-more2 a:hover{
	color:#000;
	text-decoration:none;
}

.btn-apply{
	float:right;
}
.btn-apply a{
	display:inline-block;
	padding:5px 20px;
	color:#fff;
	background-color:#c62127;
	font-size:12px;
	font-weight:700;
	text-decoration:none;
	-webkit-border-radius: 5px; 
  	-moz-border-radius: 5px; 
    border-radius: 5px;
	transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
}
.btn-apply a:hover{
	background-color:#171717;
	color:#fff;
	border:0;
	text-decoration:none;
}








/*Others*/
img{
	display:block;
}
.clearfix{
	clear:both;
}
hr.blank{
	outline:0;
	border:0;
	margin:0;
	background-color:transparent;
}
hr{
	margin:40px 0;
	outline:0;
	height:1px;
	background-color:#ccc;
	border:none;
}

hr:after{
	content:"";
	display:table;
	clear:both;
}
hr.line{
	border:0;
	outline:0;
	margin:40px 0;
	height:3px;
	background-color:#ff8021;
}
hr.line2{
	margin:20px 0;
}
.bold{
	font-weight:700;
}
.semibold{
	font-weight:600;
}
.smalltext{
	font-size:12px;
}
.note{
	font-size:12px;
	color:#999;
	padding-top:15px;

	border-top:#999 1px solid;
}
.note2{
	font-size:12px;
	color:#999;
}
br.break{
	display: block;
}
br.br-hide-show{
	display:none;
}

.overview-box{
        padding:0px 30px;
	margin-bottom:30px;
}
.content-left{
	padding-right:30px !important;
}
.content-right{
	padding-left:30px !important;
}
.img-grid{
	max-width:800px;
	width:100%;
	margin:0 auto;
}
.img-grid figure{
	width:30.33% !important;
	margin: 0 1.5% 30px 1.5% !important;
	float:left !important;
}
figure.content-figure{
	padding:0;
	margin:0 0 30px 0;
        position:relative;
}
figure.content-figure a{
       position:absolute;
       width:100%;
       height:100%;
       display:block;
       text-decoration:none;
}
figure.content-figure a:hover{
       border:none;
}
figure.content-figure img{
	padding:0;
	margin:0;
        display:block;
}
figure.content-figure figcaption{
	padding:8px 10px;
	margin:0;
	background-color:#eaeaea;
	font-size:12px;
	color:#676767;
	text-align:center;
        line-height:14px;
}
figure.content-figure.zoom figcaption{
        background-image:url(https://www.mfm.com.my/wp-content/uploads/icon_zoom_black.png);
        background-repeat:no-repeat;
        background-position:95% center;
}
figure.content-figure img.figure-zoom{
        position:absolute;
        right:10px;
        bottom:55px;
        z-index:10;
}





/*VC Colomn*/
.vc_column_container > .vc_column-inner {
    padding-left: 0px;
    padding-right: 0px;
}
.vc_column_container {
    padding: 0;
}



/*REVSlider*/
.wpb_content_element {
    margin-bottom: 0px;
}





#testimonials, #recipes, #HPWF, #MPWF, #LPWF, #SWF, #head-office, #branches, #plants {
    display: block;
    height: 120px;
    margin: -120px 0 0;
}