/*	Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://opensource.org/licenses/mit-license.php	*/

/*COLOR*/
	/*
	GREY DARK #787878
	GREY LIGHT #b6b6b6
	BLACK DARK #0c0c0c
	BLACK LIGHT #3a3a3a
	BLUE #00529b
	WHITE #FFF
	*/
	
	
/*FONT*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
/* font-family: "Inter", serif;
font-family: "Lato", serif; */

	
/*	Resets
	------	*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;	
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

a {text-decoration:none; border:none; outline:0;}
img{border:none; outline:0;}
.cursor{cursor:pointer;}
textarea {
    resize: none;
}
ul li{
	padding:0;
	}
p{}
#clear{
	clear:both;
	height:0;
	}

div.capitalize { text-transform: capitalize; }	
	
/*LINK*/
.link-black15b a{font-size:15px; line-height: 22px; color:#0c0c0c; font-family: "Lato", serif; font-weight: bold;}
.link-grey12 a{font-size:12px; line-height: 17px; color:#787878; font-family: "Lato", serif;}
.link-readmore a{font-size:15px; line-height: 22px; color:#00529b; font-family: "Lato", serif;}
	.link-readmore a:hover{font-size:15px; line-height: 22px; color:#787878; font-family: "Lato", serif;}
.link-out a{font-size:12px; line-height: 17px; color:#00529b; font-family: "Lato", serif;}
	.link-out a:hover{font-size:12px; line-height: 17px; color:#787878; font-family: "Lato", serif;}
.link-blue13 a{font-size:13px; line-height: 18px; color:#00529b; font-family: "Lato", serif;}
	.link-blue13 a:hover{font-size:13px; line-height: 18px; color:#787878; font-family: "Lato", serif;}

/*SPACE*/
.space-0{margin-top:5px;}
.space-1{margin-top:10px;}
.space-2{margin-top:20px;}
.space-3{margin-top:30px;}
.space-4{padding-top:40px;}
.space-6{margin-top:60px;}

/*	Typography presets
	------------------	*/

.gigantic {
	font-size: 110px;
	line-height: 120px;
	letter-spacing: -2px;
}

.huge, h1 {
	font-size: 68px;
	line-height: 72px;
	letter-spacing: -1px;
}

.large, h2 {
	font-size: 42px;
	line-height: 48px;
}

.bigger, h3 {
	font-size: 26px;
	line-height: 36px;
}

.big, h4 {
	font-size: 22px;
	line-height: 30px;
}

body {
	font: 16px/24px;
}

.small, small {
	font-size: 13px;
	line-height: 18px;
}

.home-title {
    font-size:32px; color:#3a3a3a; font-family: "Inter", serif; font-weight: 300; padding-top:5px; line-height:42px; text-align:left;
}

/* Selection colours (easy to forget) */

::selection 	 	{background: rgb(255,255,158);}
::-moz-selection 	{background: rgb(255,255,158);}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
body {-webkit-tap-highlight-color: rgb(255,255,158);}

/* paging */
.numb {
	float: left;
}
.numb a{
	font: bold 10pt;
	color: #fff;
	background-color: #a0cf67;
	padding: 6px 10px;
	text-decoration: none;
}
.numb a.on,
.numb a:hover{
	background-color: #6ab70e;
}

.press-label { font-size:11pt;color:#00529b; }


/*TEXTFIELD*/
.boxsearch{
	width: 160px;
	height: 20px;
	border: none;
	background:none;
	color: #787878;
	font-size:10px;
	padding:4px 0 0 12px;	
	border:none;
	outline:none;
}
#fieldsearch{
	float:right;
	width:170px;
	height:29px;
	background:url(images/header/txt-search.png) no-repeat top left;
}
.btn-search{float:right;}

.boxtxt{
	width: 270px;
	height: 20px;
	border: none;
	background:none;
	color: #787878;
	font-size:12px; line-height: 17px;
	padding:6px 0 0 12px;	
	border:none;
	outline:none;
}
#fieldtxt{
	width:288px;
	height:28px;
	background:url(images/background/txt-k.jpg) no-repeat top left;
}
.boxtxt2{
	width: 270px;
	height: 20px;
	border: none;
	background:none;
	color: #787878;
	font-size:12px; line-height: 17px;
	padding:4px 0 0 12px;	
	border:none;
	outline:none;
}
#fieldtxt2{
	width:288px;
	height:28px;
	background:url(images/background/txt-k2.jpg) no-repeat top left;
}
.boxtxts{
	width: 100px;
	height: 20px;
	border: none;
	background:none;
	color: #787878;
	font-size:12px; line-height: 17px;
	padding:4px 0 0 12px;	
	border:none;
	outline:none;
}
#fieldtxts{
	width:113px;
	height:28px;
	background:url(images/background/txt-ks.jpg) no-repeat top left;
}
.boxtxtm1{
	width: 180px;
	height: 20px;
	border: none;
	background:none;
	color: #787878;
	font-size:12px; line-height: 17px;
	padding:6px 0 0 12px;	
	border:none;
	outline:none;
}
#fieldtxtm1{
	width:191px;
	height:28px;
	background:url(images/background/txt-km1.jpg) no-repeat top left;
}
.boxtxtm2{
	width: 180px;
	height: 20px;
	border: none;
	background:none;
	color: #787878;
	font-size:12px; line-height: 17px;
	padding:4px 0 0 12px;	
	border:none;
	outline:none;
}
#fieldtxtm2{
	width:191px;
	height:28px;
	background:url(images/background/txt-km2.jpg) no-repeat top left;
}

.boxarea{
	width: 278px;
	height: 65px;
	background:none;
	border: none;
	color: #787878;
	font-size:12px; line-height: 17px;
	padding:5px 0 0 8px;
}
#fieldarea{
	width:288px;
	height:74px;
	background:url(images/background/txt-area.jpg) no-repeat top left;
}


/*SELECT*/
form div{position:relative;} 
/* setting the width and height of the SELECT element to match the replacing graphics */
select.select{
	position:relative;
	z-index:10;
	width:191px !important;
	height:28px !important;
	line-height:30px;
}
/* dynamically created SPAN, placed below the SELECT */
span.select{
	position:absolute;
	bottom:0;
	float:left;
	left:0;
	width:191px;
	height:28px;
	line-height:30px;
	text-indent:10px;
	background:url(images/background/txt-option1.jpg) no-repeat 0 0;
	cursor:default;
	z-index:1;
	padding-top:2px;
	}

select.select2{
	position:relative;
	z-index:10;
	width:191px !important;
	height:28px !important;
	line-height:30px;
}

/* dynamically created SPAN, placed below the SELECT */
span.select2{
	position:absolute;
	bottom:0;
	float:left;
	left:0;
	width:191px;
	height:28px;
	line-height:30px;
	text-indent:10px;
	background:url(images/background/txt-option2.jpg) no-repeat 0 0;
	cursor:default;
	z-index:1;
	padding-top:2px;
	}

select.select3{
	position:relative;
	z-index:10;
	width:196px !important;
	height:29px !important;
	line-height:30px;
}

/* dynamically created SPAN, placed below the SELECT */
span.select3{
	position:absolute;
	bottom:0;
	float:right;
	left:0;
	width:191px;
	height:28px;
	line-height:30px;
	text-indent:10px;
	background:url(images/background/txt-option2.jpg) no-repeat 0 0;
	cursor:default;
	z-index:1;
	}

/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

body {
	width: 100%;
	/*padding: 72px 48px 84px;
	background: rgb(232,232,232);
	color: rgb(60,60,60);*/
	margin:0 auto;
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
	overflow-x:hidden;
}

/*HEADER*/
.header{width:100%; margin:0 auto; padding-top:30px; background:#FFF;}
	.header-content{width:960px; margin:0 auto; background:none;}
		.header-l{float:left; width:320px;}
			.hl-1 {float:left; width: 39px; height: 35px; background: url(images/header/icon.png) 0px 0px; text-indent: -99999px; cursor:pointer;}
				.hl-1:hover {background-position: 0px -35px;}
			.hl-2 {float:left; width: 39px; height: 35px; background: url(images/header/icon.png) -39px 0px; text-indent: -99999px; cursor:pointer;}
				.hl-2:hover {background-position: -39px -35px;}
				.hl-2a {float:left; width: 39px; height: 35px; background: url(images/header/icon.png) -39px -35px; text-indent: -99999px; cursor:pointer;}
			.hl-3 {float:left; width: 39px; height: 35px; background: url(images/header/icon.png) -78px 0px; text-indent: -99999px; cursor:pointer;}
				.hl-3:hover {background-position: -78px -35px;}
				.hl-3a {float:left; width: 39px; height: 35px; background: url(images/header/icon.png) -78px -35px; text-indent: -99999px; cursor:pointer;}
		.header-c{float:left; width:320px; text-align:center;}
		.header-r{float:right; width:310px; padding:5px 6px 0 0;}
		.header:hover{background-color:#e6e5df;}
	/*menu*/
	.menu{display: flex; justify-content: space-between; width:955px; margin:0 auto; padding-top: 14px; background:url(images/background/line-menu.png) repeat-x bottom;}
		.menu-link a, .menu-linka a{float:left; font-size:13px; line-height: 18px; font-family: "Inter", serif;  color:#0c0c0c; padding-bottom:18px; cursor:pointer;}
		.menu-linka a{color:#00529b;}	
			.menu-link a:hover, .menu-link a.active, .menu-linka a:hover, .menu-linka a.active{background:url(images/background/line-menu-hover.jpg) repeat-x bottom; color:#00529b; z-index: 3;}
		.gray {background-color:#e6e5df;}

		/*

        .menu-space:nth-child(5n){padding:38px 16px 0 19px;}
		.menu-space{float:left; background:url(images/background/line-menu.png) repeat-x bottom; padding:38px 23px 0 24px;}
		.ie7 .menu-space {float:left; background:url(images/background/line-menu.png) repeat-x bottom; padding:20px 20px 0 21px;}
		.ie8 .menu-space, .ie9 .menu-space {float:left; background:url(images/background/line-menu.png) repeat-x bottom; padding:38px 21px 0 22px;}		
		.menu-space, .menu-space:nth-child(5n){padding:38px 17px 0 17px;}
*/
	.menu-space, .menu #clear{display: none;}
	.menu-mobile{display:none;}
	
	/*banner*/
	#main-slider{display:block;}
	#main-sliderm{display:none;}
	
	/*dropdown*/
		.submenu{width:955px; margin:0 auto; padding:0; z-index: 1;}
			.blue-line{height:8px;}

				.bl-0{background:none; height:8px;}
				.bl-1{width:66px;}
				.bl-2{width:125px;}
				.bl-3{width:54px;}
				.bl-4{width:136px;}
				.bl-5{width:103px;}
				.bl-6{width:104px; float:right;}
				.bl-7{width:54px; float:right;}
				.bl-8{width:82px; float:right;} 

			.sm-0{float:left; width:130px; padding-right:30px;}
			.sm-1{float:left; width:190px; padding-right:30px;}
			.sm-2{float:left; width:260px; padding-right:30px;}
			.sm-3{float:left; width:300px; padding-left:20px;}
			.submenu-title a{font-size:14px; color:#00529b; font-family: "Inter", serif; padding-bottom:22px; display:block;}
				.submenu-title a:hover{font-size:14px; color:#0c0c0c; font-family: "Inter", serif; display:block;}
			.submenu-link a{font-size:14px; color:#FFF; font-family: "Inter", serif;}
				.submenu-link a:hover{font-size:14px; color:#b6b6b6; font-family: "Inter", serif;}
			.submenu-line{background:url(images/background/menu-line.png) repeat-x center; width:100%; height:16px;}
		.menu-company, .menu-business, .menu-product, .menu-investor, .menu-news,.menu-sustainability, .menu-career, .menu-contact{position:absolute; z-index:1; visibility: hidden; width:100%; height:208px; background:url(images/background/bg-dropdown.png) repeat-x top; left:0 !important;}
		.menu-awco, .menu-awcbp, .menu-awbo, .menu-awoi, .menu-awce{position:absolute; z-index:1; visibility: hidden; width:200px; margin:0 auto; min-height:100px; background:#FFF; border:#b6b6b6 solid 1px; padding:5px 5px;}
			.sub-aw-link{}
			
				
				.mco{padding-left:2px;}
				.mb{padding-left:100px;}			
				.mp{padding-left:256px;}			
				.mi{padding-left:345px;}			
				.mn{padding-left:515px;}
				.ms{padding-left:145px;}
				.mc{padding-left:649px;}				
				.mct{padding-left:823px;}
	
	

/*FOOTER*/
.footer{width:960px; margin:0 auto; padding:10px 0;}
	.footer-line{background:url(images/background/line.jpg) repeat-x center; height:20px; width:100%;}
	.footer-l{float:left; background:url(images/footer/icon-i.jpg) no-repeat top left; height:26px; padding-left:32px;}
		.link-footer{color:#787878; font-size:13px; line-height: 18px; font-family: "Inter", serif; padding:0 5px; float:left;}
			.link-footer a{color:#787878; font-size:13px; line-height: 18px; font-family: "Inter", serif; padding:0 5px;}
			.link-footer a:hover{color:#00529b; font-size:13px; line-height: 18px; font-family: "Inter", serif; padding:0 5px;}
		.copyright{font-size:11px; line-height: 21px; font-family: "Inter", serif; color:#b6b6b6; float:left;}
	.footer-r{float:right;}

/*DIVISION*/
.division{width:100%; background:url(images/background/division.jpg) repeat-x top;}
	.division-content{width:960px; margin:0 auto;text-align:center}
		.dc{display:inline-block; }

		.dc-1 {float:left; width: 236px; height:210px; text-indent:-99999px; cursor:pointer; background: url(/images/business/1_consumer-branded-products.png) 0px 0px;}
			.dc-1:hover {background-position: 0px -210px;}
			.dc-1a {float:left; width: 236px; height:210px; text-indent:-99999px; cursor:pointer; background: url(/images/business/1_consumer-branded-products.png) 0px -210px;}

		.dc-2 {float:left; width: 194px; height:210px; text-indent:-99999px; cursor:pointer; background: url(/images/business/2_bogasari.png) 0px 0px;}
			.dc-2:hover {background-position: 0px -210px;}
			.dc-2a {float:left; width: 194px; height:210px; text-indent:-99999px; cursor:pointer; background: url(/images/business/2_bogasari.png) 0px -210px;}

		.dc-3 {float:left; width: 196px; height:210px; text-indent:-99999px; cursor:pointer; background: url(/images/business/3_agribusiness.png) 0px 0px;}
			.dc-3:hover {background-position: 0px -210px;}
			.dc-3a {float:left; width: 196px; height:210px; text-indent:-99999px; cursor:pointer; background: url(/images/business/3_agribusiness.png) 0px -210px;}

		.dc-4 {float:left; width: 173px; height:210px; text-indent:-99999px; cursor:pointer; background: url(/images/business/4_distribution.png) 0px 0px;}
			.dc-4:hover {background-position: 0px -210px;}
			.dc-4a {float:left; width: 173px; height:210px; text-indent:-99999px; cursor:pointer; background: url(/images/business/4_distribution.png) 0px -210px;}


/*MAIN*/
.main{width:960px; margin:0 auto;}
.main-content{width:960px; margin:0 auto; padding-top:40px;background:none;}
	.main-head{width:100%; padding-bottom:35px;}
	.main-title{font-size:45px; color:#3a3a3a; font-family: "Inter", serif; font-weight: 300; letter-spacing: .6px; word-spacing: 7px; padding-top:5px; line-height:42px; text-align:left;}
		.main-subtitle{font-size:30px; color:#787878; font-family: "Inter", serif; font-weight: 200; padding-top:30px; float:left; text-align:left;}
		.main-subtitle2{font-size:30px; color:#787878; font-family: "Inter", serif; font-weight: 300; padding-top:30px; float:left; text-align:left;}
		.main-subtitle3{font-size:25px; color:#787878; font-family: "Inter", serif; font-weight: 200; text-align:left;}
		.main-select{font-size:12px; line-height: 17px; color:#787878; font-family: "Lato", serif; padding-top:30px; float:right;} 
	.main-text{font-family: "Lato", serif; font-size:14px; line-height:20px; color:#787878; text-align:justify;}
		.main-space1{float:left; display:block; width:30px;}
		.main-space2{float:left; display:block; width:23px;}
		.main-space3{float:left; display:block; width:10px;}
		.main-text p{padding-bottom:10px;}
		.main-text ul{padding-left:15px;}
		.main-texts{font-family: "Lato", serif; font-size:12px; line-height: 22px; color:#787878; text-align:justify;}
		.main-textm{font-family: "Lato", serif; font-size:15px; line-height: 23px; color:#787878; text-align:justify;}
		.main-textl{font-family: "Lato", serif; font-size:18px; line-height: 23px; color:#787878; text-align:justify;}
	.main-isi{float:right; padding-right:5px; width:713px;}
    .main-isi2{width:960px;}
	.main-line{background:url(images/background/line.jpg) repeat-x center; height:2px;}
	.star{font-size:13px; line-height: 18px; color:#00529b;font-family: "Lato", serif; font-style:italic;}
	#secret-contact{display: none;width:222px; padding-top:10px;}
	/*time*/
	.time{float:left; background:url(images/background/date.jpg) no-repeat top left; width:42px; height:64px; margin-top:5px; font-family: "Inter", serif; text-align:center;}
		.date{font-size:20px; color:#787878; padding-top:8px;}
		.mon{font-size:15px; line-height: 22px; color:#FFF; padding-top:8px;}
		.year{font-size:18px; line-height: 23px; color:#b6b6b6; padding-top:6px;}
	
    /*paging*/
		.link-paging{font-size:20px; color:#787878; font-family: "Lato", serif; padding:3px 3px;}
		.link-paging a{font-size:20px; color:#787878; font-family: "Lato", serif; padding:3px 3px;}
			.link-paging a:hover, .link-paging a.on {font-size:20px; color:#FFF; font-family: "Lato", serif; padding:3px 3px; background:#00529b;}

	/*icon*/
	.icon-x {float:inherit; width: 40px; height:39px; text-indent:-99999px; cursor:pointer; background: url(images/background/icon-x.jpg) 0px 0px;}
		.icon-x:hover {background-position: 0px -39px;}
	.icon-web {float:left; width: 40px; height:39px; text-indent:-99999px; cursor:pointer; background: url(images/background/icon-web.jpg) 0px 0px;}
		.icon-web:hover {background-position: 0px -39px;}
	.icon-all {float:left; width: 40px; height:39px; text-indent:-99999px; cursor:pointer; background: url(images/background/icon-all.jpg) 0px 0px;}
		.icon-all:hover {background-position: 0px -39px;}
	.icon-prev {float:right; width: 36px; height:36px; text-indent:-99999px; cursor:pointer; background: url(images/background/icon-prev.jpg) 0px 0px; margin-right:10px;}
		.icon-prev:hover {background-position: 0px -36px;}
	.icon-next {float:right; width: 36px; height:36px; text-indent:-99999px; cursor:pointer; background: url(images/background/icon-next.jpg) 0px 0px;}
		.icon-next:hover {background-position: 0px -36px;}
	.icon-up {float:left; width: 36px; height:36px; text-indent:-99999px; cursor:pointer; background: url(images/background/icon-up.jpg) 0px 0px;}
		.icon-up:hover {background-position: 0px -36px;}
	.icon-down {float:left; width: 36px; height:36px; text-indent:-99999px; cursor:pointer; background: url(images/background/icon-down.jpg) 0px 0px;}
		.icon-down:hover {background-position: 0px -36px;}

	.icon-contactus {float:left; width: 218px; height:39px; text-indent:-99999px; cursor:pointer; background: url(images/background/contact-us.jpg) no-repeat 0px 0px;}
		.icon-contactus:hover {background-position: 0px -39px;}
	.icon-read {float:left; width: 40px; height:39px; text-indent:-99999px; cursor:pointer; background: url(images/background/icon-read.jpg) 0px 0px;}
		.icon-read:hover {background-position: 0px -39px;}
	.icon-save {float:left; width: 40px; height:39px; text-indent:-99999px; cursor:pointer; background: url(images/background/icon-save.jpg) 0px 0px;}
		.icon-save:hover {background-position: 0px -39px;}
	.icon-thumb {float:left; width: 40px; height:39px; text-indent:-99999px; cursor:pointer; background: url(images/background/icon-thumb.jpg) 0px 0px; margin-right:10px;}
		.icon-thumb:hover {background-position: 0px -39px;}
	.icon-view {float:left; width: 40px; height:39px; text-indent:-99999px; cursor:pointer; background: url(images/background/icon-view.jpg) 0px 0px;}
		.icon-view:hover {background-position: 0px -39px;}
	.icon-more {float:left; width: 40px; height:39px; text-indent:-99999px; cursor:pointer; background: url(images/background/icon-more.jpg) 0px 0px;}
		.icon-more:hover {background-position: 0px -39px;}
	.icon-space1{float:left; width:40px;}
	
	/*home*/
	.home1{float:left; width:470px; padding:15px 0;}
	.home2{float:right; width:470px; padding:15px 0;}
	.home-content{float:left; width:215px; padding-top:15px;}
	.home-space{float:left; width:30px;}	
	.home-line{background:url(images/background/line-menu.png) repeat-x center; height:30px;}
	.home-text, .home-texte{float:right; width:155px; font-family: "Lato", serif; font-size:13px; line-height: 18px; line-height: 23px;color:#3a3a3a;}
		.home-text a{font-size:13px; line-height: 18px; color:#3a3a3a;}
	#home-carousel{width:452px; margin-left:0px; margin-top:20px;}
			#home-carousel ul{padding-left:24px;}
	
	/*navigation*/
	.navigation{float:left; width:222px;}
    .upper a {text-transform:uppercase;}
    .titlecase {text-transform:capitalize;}
	.navigation-mobile{display:none;}
		.nav-title{font-size:13px; line-height: 18px; color:#787878; font-family: "Inter", serif;}
		.nav-titlea{font-size:13px; line-height: 18px; color:#00529b; font-family: "Inter", serif;}
		.nav-dot{background:url(images/background/menu-line.png) repeat-x center; height:15px; width:100%;}
		.nav-line{background:url(images/background/line-menu.png) repeat-x center; height:16px; width:100%;}
		.nav-link a{background:url(images/background/arrow-menu.jpg) no-repeat left; padding-left:10px; color:#787878; font-size:13px; line-height: 18px; font-family: "Inter", serif;}
			.nav-link a:hover{background:url(images/background/arrow-menu.jpg) no-repeat left; padding-left:10px; color:#00529b; font-size:13px; font-family: "Inter", serif;}
			.nav-linka a{background:url(images/background/arrow-menu.jpg) no-repeat left; padding-left:10px; color:#00529b; font-size:13px; font-family: "Inter", serif;}
		.nav-link2 a{color:#787878; font-size:13px; line-height: 18px; font-family: "Inter", serif;}
			.nav-link2 a:hover{color:#00529b; font-size:13px; line-height: 18px; font-family: "Inter", serif;}
			.nav-link2a a{color:#00529b; font-size:13px; line-height: 18px; font-family: "Inter", serif;}
        .nav-link3 a{background:url(images/background/arrow-menu.jpg) no-repeat 15px; padding-left:25px; color:#787878; font-size:13px; line-height: 18px; font-family: "Inter", serif;}
			.nav-link3 a:hover{background:url(images/background/arrow-menu.jpg) no-repeat 15px; padding-left:25px; color:#00529b; font-size:13px; line-height: 18px; font-family: "Inter", serif;}
			.nav-link3a a{background:url(images/background/arrow-menu.jpg) no-repeat 15px; padding-left:25px; color:#00529b; font-size:13px; line-height: 18px; font-family: "Inter", serif;}
		.nav-space{padding-left:10px;}
	
	/*company*/
		/*indofood at a glance*/
		.iaag{padding:20px 0;}
			.iaag-1{float:left; width:238px;}
			.iaag-2{float:right; width:470px;}
			
		/*vision mission value*/
		.vmv{padding:10px 0;}
			.vmv-1{float:left; width:86px; background:url(images/company/vmv-bg.jpg) no-repeat top left; padding:10px 0 0 16px; height:45px;}
			.vmv-2{float:left; width:600px; padding-left:10px;}
		
		/*history*/
		.hi{float:left; padding:15px 10px 15px 0; width:712px;}
			.hi-1{float:left; width:66px; height:64px; background:url(images/company/hi-bg.jpg) no-repeat top left; font-family: "Lato", serif; text-align:center;}
				.hi-1u{font-size:20px; color:#787878; padding-top:8px;}
				.hi-1d{font-size:15px; line-height: 22px; color:#FFF; padding-top:8px;}		
			.hi-2{float:left; width:630px; padding-left:15px;}
				.hi-2s{padding-left:12px;}
		/*.hi1{float:left; width:322px; background:url(images/background/history-line-h.jpg) repeat-x top center; text-align:right; padding:10px 20px 0 0;}
		.hi2{float:left; width:322px; background:url(images/background/history-line-h.jpg) repeat-x top center; text-align:left; padding:10px 0 0 20px;}*/
		
		/*awards*/
		.awards{float:left; padding:0px 10px 0px 3px; font-family: "Lato", serif; width:224px;}
			.aw-body{background:#efefed url(images/company/awards-bg1.jpg) no-repeat bottom left; width:224px; height:250px;}
				.aw-title{font-size:18px; line-height: 23px; color:#00529b; width:200px; padding:10px 10px;}
				.aw-text{font-size:12px; color:#787878; line-height:16px; width:200px; padding:10px 10px;}
			.aw-footer{background:url(images/company/awards-bg2.jpg) no-repeat top left; width:210px; height:55px; font-size:12px; line-height: 17px; color:#3a3a3a; padding:15px 10px; line-height:16px;}
			.aw-footer2{background:url(images/company/awards-bg2.jpg) no-repeat top left; width:210px; height:55px; font-size:12px; line-height: 17px; color:#3a3a3a; padding:5px 10px; line-height:16px;}
		
		/*board*/
		.board{float:left; width:237px; padding:0 0 20px 0; text-align:center;}
			.board-text{font-size:20px; width:237px; font-family: "Lato", serif; color:#787878;}
			.board-img{width:200px; height:auto;}
				.bo-1{width:300px; text-align:left; padding-left:10px;}
				.bo-2{width:380px; text-align:left; padding-left:10px;}
					.bo-2 a{color:#797979; font-family: "Lato", serif; font-weight: bold;}
						.bo-2 a:hover{color:#00529b; font-family: "Lato", serif; font-weight: bold;}
				.bo-3{width:356px; text-align:center;}
				.bo-4{width:178px; text-align:left; padding-left:10px;}
					.bo-4 a{color:#797979; font-family: "Lato", serif; font-weight: bold;}
						.bo-4 a:hover{color:#00529b; font-family: "Lato", serif; font-weight: bold;}
				.bo-5{width:356px;}
			
		/*corporate-governance*/
		.cg{width:712px;}
			.cg-title{height:70px; font-size:13px; line-height: 18px; color:#FFF; font-family: "Lato", serif; font-weight: bold; background:#00529b; }
			.cg-title2{height:46px; font-size:13px; line-height: 18px; color:#FFF; font-family: "Lato", serif; font-weight: bold; background:#b6b6b6; }
			.cg-isi{height:46px; font-size:13px; line-height: 18px; color:#797979; font-family: "Lato", serif; font-weight: bold;}
			.cg-isi2{height:46px; font-size:13px; line-height: 18px; color:#797979; font-family: "Lato", serif; font-weight: bold; background:#f7f7f7;}
			.cg-line-v{width:2px; background:url(images/background/table-line-v.png) repeat-y top center;}
			.cg-line-h{height:2px; background:url(images/background/table-line-h.jpg) repeat-x center;}
				.cg-1{width:220px; text-align:left; padding-left:10px;}
					.cg-1 a{color:#797979; font-family: "Lato", serif; font-weight: bold;}
						.cg-1 a:hover{color:#00529b; font-family: "Lato", serif; font-weight: bold;}
				.cg-2{width:99px; text-align:center;}
				.cg-3{width:204px; text-align:center;}
				.cg-4{width:184px; text-align:center;}
		
		/*shareholders*/
		.sg	{width:100%;}
			.sg-title{height:46px; font-size:13px; line-height: 18px; color:#FFF; font-family: "Lato", serif; font-weight: bold; background:#00529b; }
			.sg-isi{height:34px; font-size:13px; line-height: 18px; color:#797979; font-family: "Lato", serif; font-weight: bold;}
			.sg-isi2{height:34px; font-size:13px; line-height: 18px; color:#797979; font-family: "Lato", serif; font-weight: bold; background:#f7f7f7;}
			.sg-total{height:34px; font-size:13px; line-height: 18px; color:#797979; font-family: "Lato", serif; font-weight: bold; background:#cecece;}
			.sg-line-h{height:6px; background:url(images/background/table-line-h.jpg) repeat-x center;}
			.sg-line-h2{height:6px; background:url(images/background/table-line-h.jpg) repeat-x center;}
				.sg-1{width:280px; text-align:left; padding-left:10px;}
				.sg-2{width:230px; text-align:center;}
				.sg-3{width:188px; text-align:center;}
				.sg-4{width:80px; text-align:center;}
				.sg-5{width:472px; text-align:left; padding-left:10px;}
				.sg-6{width:472px; text-align:left; padding-left:10px; font-size:25px; color:#FFF; font-family: "Inter", serif; font-weight: 300; text-align:left;}
                .sg-10{width:200px; text-align:left; padding-left:10px;}
			.sg-pdf{width:40px; float:left; margin:4px 0 0 0;}
			.sg-size{background:url(images/background/bg-size.png) no-repeat top center; text-align:center; width:40px; height:39px; float:left; margin:2px 0 0 20px;}
				.sg-s1{font-size:14px; color:#505050; font-family: "Lato", serif; font-weight: bold; padding-top:2px;}
				.sg-s2{font-size:11px; color:#797979; font-family: "Lato", serif; font-weight: bold; margin-top:-4px;}
			.sg-text{font-size:20px; color:#797979; font-family: "Lato", serif; margin:12px 0 0 30px; float:left;}
		
	
	/*business*/
		/*consumer branded products*/
		.cbp-1{float:left; width:712px; padding:20px 0 10px 0;}		
			.cbp-1 p{padding-bottom:10px;}
		.cbp-2{float:right; padding:20px 0 10px 0;}
	
	/*product*/
		.product-icons{float:left; width:40px; padding-right:15px;}
		.product-links{float:left; color:#787878; font-size:12px; line-height: 17px; width:400px; font-family: "Lato", serif; line-height:20px; text-align:left;}
		.product-titles{font-size:30px; color:#787878; font-family: "Inter", serif; font-weight: 200; padding-bottom:20px; text-align:left;}
		#product-carousel{padding-left:22px;}
		.product-carauselm{display:none;}


		.c-product-1 {float:left; width: 184px; height:210px; text-indent:-99999px; cursor:pointer; background: url(/images/product/1_noodles.png) 0px 0px;}
			.c-product-1:hover {background-position: 0px -210px;}
			.c-product-1a {float:left; width: 184px; height:210px; text-indent:-99999px; cursor:pointer; background: url(/images/product/1_noodles.png) 0px -210px;}

		.c-product-2 {float:left; width: 184px; height:210px; text-indent:-99999px; cursor:pointer; background: url(/images/product/2_dairy.png) 0px 0px;}
			.c-product-2:hover {background-position: 0px -210px;}
			.c-product-2a {float:left; width: 184px; height:210px; text-indent:-99999px; cursor:pointer; background: url(/images/product/2_dairy.png) 0px -210px;}

		.c-product-3 {float:left; width: 184px; height:210px; text-indent:-99999px; cursor:pointer; background: url(/images/product/4_snack-foods.png) 0px 0px;}
			.c-product-3:hover {background-position: 0px -210px;}
			.c-product-3a {float:left; width: 184px; height:210px; text-indent:-99999px; cursor:pointer; background: url(/images/product/4_snack-foods.png) 0px -210px;}

		.c-product-4 {float:left; width: 184px; height:210px; text-indent:-99999px; cursor:pointer; background: url(/images/product/3_food-seasonings.png) 0px 0px;}
			.c-product-4:hover {background-position: 0px -210px;}
			.c-product-4a {float:left; width: 184px; height:210px; text-indent:-99999px; cursor:pointer; background: url(/images/product/3_food-seasonings.png) 0px -210px;}

		.c-product-5 {float:left; width: 184px; height:210px; text-indent:-99999px; cursor:pointer; background: url(/images/product/5_nutrition-and-special-foods.png) 0px 0px;}
			.c-product-5:hover {background-position: 0px -210px;}
			.c-product-5a {float:left; width: 184px; height:210px; text-indent:-99999px; cursor:pointer; background: url(/images/product/5_nutrition-and-special-foods.png) 0px -210px;}

		.c-product-6 {float:left; width: 184px; height:210px; text-indent:-99999px; cursor:pointer; background: url(/images/product/14_beverages.png) 0px 0px;}
			.c-product-6:hover {background-position: 0px -210px;}
			.c-product-6a {float:left; width: 184px; height:210px; text-indent:-99999px; cursor:pointer; background: url(/images/product/14_beverages.png) 0px -210px;}

		.c-product-7 {float:left; width: 184px; height:210px; text-indent:-99999px; cursor:pointer; background: url(/images/product/10_flour.png) 0px 0px;}
			.c-product-7:hover {background-position: 0px -210px;}
			.c-product-7a {float:left; width: 184px; height:210px; text-indent:-99999px; cursor:pointer; background: url(/images/product/10_flour.png) 0px -210px;}

		.c-product-8 {float:left; width: 184px; height:210px; text-indent:-99999px; cursor:pointer; background: url(/images/product/9_pasta.png) 0px 0px;}
			.c-product-8:hover {background-position: 0px -210px;}
			.c-product-8a {float:left; width: 184px; height:210px; text-indent:-99999px; cursor:pointer; background: url(/images/product/9_pasta.png) 0px -210px;}

		.c-product-9 {float:left; width: 184px; height:210px; text-indent:-99999px; cursor:pointer; background: url(/images/product/12_edible-oils-and-fats.png) 0px 0px;}
			.c-product-9:hover {background-position: 0px -210px;}
			.c-product-9a {float:left; width: 184px; height:210px; text-indent:-99999px; cursor:pointer; background: url(/images/product/12_edible-oils-and-fats.png) 0px -210px;}

		/*.product-logo{border:1px solid #b6b6b6;}*/
        .product-logo{border:none;}
		.noodle-bg{background:url(images/products/noodle-bg.jpg) no-repeat top center;}
		.pasta-bg{background:url(images/products/pasta-bg.jpg) no-repeat top center;}
		.flour-bg{background:url(images/products/flour-bg.jpg) no-repeat top center;}
		.dairy-bg{background:url(images/products/dairy-bg.jpg) no-repeat top center;}
		.food-seasonings-bg{background:url(images/products/food-seasonings-bg.jpg) no-repeat top center;}
		.snack-bg{background:url(images/products/snack-bg.jpg) no-repeat top center;}
		.biscuits-bg{background:url(images/products/biscuits-bg.jpg) no-repeat top center;}
		.nutrition-bg{background:url(images/products/nutrition-bg.jpg) no-repeat top center;}
		.oil-bg{background:url(images/products/oil-bg.jpg) no-repeat top center;}
		
	
	/*investor*/
		/*email alert*/
		.ea-1{float:left; width:180px; height:28px; background:url(images/background/titik-dua.jpg) no-repeat right; font-size:13px; line-height: 18px; font-family: "Lato", serif; color:#787878}
		.ea-1n{float:left; width:180px; font-size:13px; line-height: 18px; font-family: "Lato", serif; color:#787878}			
		.ea-2{float:left; width:400px; font-size:13px; line-height: 18px; color:#787878; font-family: "Lato", serif; }
		.ea-3{float:left; width:195px; font-size:13px; line-height: 18px; color:#787878; font-family: "Lato", serif; }
		.ea-4{float:left; width:130px; height:28px; background:url(images/background/titik-dua.jpg) no-repeat right; font-size:13px; line-height: 18px; font-family: "Lato", serif; color:#787878; padding-left:20px;}
		.ea-5{float:left; width:195px; font-size:13px; line-height: 18px; color:#787878; font-family: "Lato", serif; }
		.ea-6{float:right; width:195px; font-size:13px; line-height: 18px; color:#787878; font-family: "Lato", serif; }
		
		/*annual report*/
		.annual-report{float:left; width:222px; padding:5px 0 10px 0; margin-right:15px; }
		.ar-1{width:222px; padding-bottom:10px;}
			.ar-corner{background:url(images/background/corner.png) no-repeat bottom right; width:222px; height:314px; position:absolute; z-index:1;}
		.ar-2{float:left; color:#787878; font-size:12px; line-height: 17px; width:130px; font-family: "Lato", serif; line-height:26px; padding-left:20px;}
		
		/*Quarterly Financial Results*/
		.qfr{padding:15px 0; height:70px;}
	        .qfr-arrow-1, .qfr-arrow-2, .qfr-arrow-3, .qfr-arrow-4{position:absolute; float:left; background:url(images/background/arrow-content.jpg) no-repeat center; height:80px; width:35px;}
	        .qfr-arrow-1{margin-left:550px;}
	        .qfr-arrow-2{margin-left:390px;}
	        .qfr-arrow-3{margin-left:230px;}
	        .qfr-arrow-4{margin-left:70px;}
	        .qfr-1, .qfr-2, .qfr-3, .qfr-4, .qfa-1, .qfa-2, .qfa-3, .qfa-4, anl-1, anl-2, anl-3, anl-4, hlt-1, hlt-2, hlt-3, hlt-4, fn-1, fn-2, fn-3, fn-4 {position:absolute; float:left; width:126px; height:80px; cursor:pointer; text-indent:-99999px; display:block;}
	        .qfr-1 {background: url(images/investor/qfr-1.jpg) 0px 0px;}
		        .qfr-1:hover {background-position: 0px -80px;}
	        .qfr-2 {background: url(images/investor/qfr-2.jpg) 0px 0px;}
		        .qfr-2:hover {background-position: 0px -80px;}
	        .qfr-3 {background: url(images/investor/qfr-3.jpg) 0px 0px;}
		        .qfr-3:hover {background-position: 0px -80px;}
	        .qfr-4 {background: url(images/investor/qfr-4.jpg) 0px 0px;}
		        .qfr-4:hover {background-position: 0px -80px;}
            
	        .q1{margin-left:588px;}
	        .q2{margin-left:428px;}
	        .q3{margin-left:262px;}
	        .q4{margin-left:100px;}

            .qfa-1 {background: url(images/investor/qfa-1.jpg) 0px 0px;}
		        .qfa-1:hover {background-position: 0px -80px;}
	        .qfa-2 {background: url(images/investor/qfa-2.jpg) 0px 0px;}
		        .qfa-2:hover {background-position: 0px -80px;}
	        .qfa-3 {background: url(images/investor/qfa-3.jpg) 0px 0px;}
		        .qfa-3:hover {background-position: 0px -80px;}
	        .qfa-4 {background: url(images/investor/qfa-4.jpg) 0px 0px;}
		        .qfa-4:hover {background-position: 0px -80px;}

            .anl-1 { background: url(images/investor/anl-1.png) 0px 0px; }
                .anl-1:hover {background-position: 0px -80px;}
            .anl-2 { background: url(images/investor/anl-2.png) 0px 0px; }
                .anl-2:hover {background-position: 0px -80px;}
            .anl-3 { background: url(images/investor/anl-3.png) 0px 0px; }
                .anl-3:hover {background-position: 0px -80px;}
            .anl-4 { background: url(images/investor/anl-4.png) 0px 0px; }
                .anl-4:hover {background-position: 0px -80px;}

		    .hlt-1 { background: url(images/investor/hlt-1.png) 0px 0px; }
                .hlt-1:hover {background-position: 0px -80px;}
            .hlt-2 { background: url(images/investor/hlt-2.png) 0px 0px; }
                .hlt-2:hover {background-position: 0px -80px;}
            .hlt-3 { background: url(images/investor/hlt-3.png) 0px 0px; }
                .hlt-3:hover {background-position: 0px -80px;}
            .hlt-4 { background: url(images/investor/hlt-4.png) 0px 0px; }
                .hlt-4:hover {background-position: 0px -80px;}

            .fn-1 { background: url(images/investor/fn-1.png) 0px 0px; }
                .fn-1:hover {background-position: 0px -80px;}
            .fn-2 { background: url(images/investor/fn-2.png) 0px 0px; }
                .fn-2:hover {background-position: 0px -80px;}
            .fn-3 { background: url(images/investor/fn-3.png) 0px 0px; }
                .fn-3:hover {background-position: 0px -80px;}
            .fn-4 { background: url(images/investor/fn-4.png) 0px 0px; }
                .fn-4:hover {background-position: 0px -80px;}


		/*cronological effect*/
			.cro-1{width:100px; text-align:left;}
			.cro-2{width:300px; text-align:left;}
			.cro-3{width:162px; text-align:right;}
			.cro-4{width:150px; text-align:center;}
			.cro-5{width:82px; text-align:center;}
			.cro-6{width:230px; text-align:center; }
            .v-top {vertical-align:top;}
            .a-center { text-align:center; }
            .cro-table td { padding: 0 }
		
		/*dividen history*/
			.dih-1{width:120px; text-align:center;}
			.dih-2{width:580px; text-align:center;}
			.dih-3{width:145px; text-align:center;}
			.dih-4{width:145px; text-align:center;}
				

	/*news & events*/
		/*news*/
		.event{padding:15px 0;}
			.event-text{float:left; width:650px; padding:5px 0 0 20px;}
            .event-text img{max-width:100%;}
				.event-detail-text{float:left; width:540px; padding:5px 0 0 20px;}
				.event-detail-icon{float:right; width:95px; padding:5px 0 0 10px; text-align:right;}
			.event-img{padding-left:60px;}
				.event-thumb{width:196px; float:left; padding:0 0 20px 0;}            
		
		/*new product*/
		.new-product{padding:15px 0;}
			.np-text{float:left; padding-left:20px; width:400px;}
			.np-img{float:right;}
	
	
	/*sustainability*/
		.sus-report{float:left; width:222px; padding:5px 0 10px 0;}

		.c-sustainability-1 {float:left; width: 192px; height:210px; text-indent:-99999px; cursor:pointer; background: url(/images/sustainability/1_building-human-capital.png) 0px 0px;}
			.c-sustainability-1:hover {background-position: 0px -210px;}
			.c-sustainability-1a {float:left; width: 192px; height:210px; text-indent:-99999px; cursor:pointer; background: url(/images/sustainability/1_building-human-capital.png) 0px -210px;}

		.c-sustainability-2 {float:left; width: 192px; height:210px; text-indent:-99999px; cursor:pointer; background: url(/images/sustainability/4_nutrition-for-all.png) 0px 0px;}
			.c-sustainability-2:hover {background-position: 0px -210px;}
			.c-sustainability-2a {float:left; width: 192px; height:210px; text-indent:-99999px; cursor:pointer; background: url(/images/sustainability/4_nutrition-for-all.png) 0px -210px;}

		.c-sustainability-3 {float:left; width: 192px; height:210px; text-indent:-99999px; cursor:pointer; background: url(/images/sustainability/2_strengthening-economic-value.png) 0px 0px;}
			.c-sustainability-3:hover {background-position: 0px -210px;}
			.c-sustainability-3a {float:left; width: 192px; height:210px; text-indent:-99999px; cursor:pointer; background: url(/images/sustainability/2_strengthening-economic-value.png) 0px -210px;}

		.c-sustainability-4 {float:left; width: 192px; height:210px; text-indent:-99999px; cursor:pointer; background: url(/images/sustainability/5_community-engagement-in-protecting-the-environment.png) 0px 0px;}
			.c-sustainability-4:hover {background-position: 0px -210px;}
			.c-sustainability-4a {float:left; width: 192px; height:210px; text-indent:-99999px; cursor:pointer; background: url(/images/sustainability/5_community-engagement-in-protecting-the-environment.png) 0px -210px;}

		.c-sustainability-5 {float:left; width: 192px; height:210px; text-indent:-99999px; cursor:pointer; background: url(/images/sustainability/3_solidarity-and-humanity.png) 0px 0px;}
			.c-sustainability-5:hover {background-position: 0px -210px;}
			.c-sustainability-5a {float:left; width: 192px; height:210px; text-indent:-99999px; cursor:pointer; background: url(/images/sustainability/3_solidarity-and-humanity.png) 0px -210px;}
		
	.link-tab a{font-size:30px; color:#787878; font-family: "Inter", serif; font-weight: 300; padding-top:30px; float:left;}
	.link-tab a:hover{font-size:30px; color:#00529b; font-family: "Inter", serif; font-weight: 300; padding-top:30px; float:left;}		
	.sustainability-border{background:#e6e5df; margin-top:30px; padding:15px 15px;}
	
	.sustain-1{width:100%; padding-bottom:5px;}    
	.sustain-thumb img{width:180px; float:left; padding:15px 12px 0 0;}
	.sustain-thumb img:nth-child(5n){width:180px; float:left; padding:15px 0 0 0;}
	/*career*/
	.career-icon{float:left; padding-right:20px;}
	.career-text{float:left; padding-top:10px;}
		/*career with us*/
		.career{padding:20px 0;}
			.career-1{float:left; width:242px;}
			.career-2{float:left; width:470px;}
		/*job vacancy*/
		.job{cursor: hand; cursor: pointer; padding-top:10px;}	
			.thejob{padding-top:10px;}
			.openjob{color: #00529b; font-family: "Lato", serif; font-size:20px; background:url(images/background/icon-up.jpg) no-repeat bottom right; padding-right:40px}		
			.closedjob{color: #787878; font-family: "Lato", serif; font-size:20px; background:url(images/background/icon-down.jpg) no-repeat bottom right; padding-right:40px}
			.jv-1{float:left; width:455px;}
				.jv-1 ul{padding-left:15px; list-style-image:url(images/background/list-style-min.jpg);}
			.jv-2{float:right;}
	
	/*contact*/
	.contact{margin-top:30px; background:#f3f2ee; text-align:left;}
		.contact-info{padding:30px 0 20px 20px;}
			.contact-map{width:714px; height:536px;}

   	/*sitemap*/
	.sitemap{float:left; margin-left:20px; display:block;}	
	    .sitemap-1{width:960px; margin:0 auto; text-align:center;}
	    .sitemap-2{float:left;}
		    .sitemap-line-v{width:2px; background:url(images/background/history-line-v.jpg) repeat-y center;}
		    .sitemap-line-h{height:2px; background:url(images/background/history-line-h.jpg) repeat-x center; float:left; margin:12px 5px 0 5px;}
		    .sitemap-2 .sitemap-line-v, .sitemap-4 .sitemap-line-v{margin-left:10px;}		
		    .sitemap-2 p, .sitemap-3 p, .sitemap-4 p{padding-bottom:10px; line-height:13px;}
	    .sitemap-3{width:100px; background:url(images/background/history-line-v.jpg) repeat-y top left; margin-left:10px; padding-left:10px;}
	    .sitemap-4{float:left; width:110px; padding-right:10px;}
	    .link-sitemap-b a{font-size:13px; line-height: 18px; color:#00529b; font-family: "Lato", serif;}
		    .link-sitemap-b a:hover{font-size:13px; line-height: 18px; color:#787878; font-family: "Lato", serif;}
	    .link-sitemap-b2 a{font-size:11px; color:#00529b; font-family: "Lato", serif;}
		    .link-sitemap-b2 a:hover{font-size:11px; color:#787878; font-family: "Lato", serif;}
	    .link-sitemap-g a{font-size:11px; color:#787878; font-family: "Lato", serif; }
		    .link-sitemap-g a:hover{font-size:11px; color:#00529b; font-family: "Lato", serif; }
	    .sitemap-mobile{display:none;}


/*main*/
/*.main-title{/*font-size:45px; font-size:30px;}*/
	.main-subtitle{/*font-size:30px;*/ font-size:25px;}
	.main-subtitle2{/*font-size:30px;*/ font-size:25px;}
	.main-subtitle3{/*font-size:25px;*/ font-size:20px;}*/

/*products*/
.product-titles{/*font-size:30px;*/ font-size:25px;}
		
/*shareholders*/
.sg-6{/*font-size:25px;*/ font-size:20px;}

/*call-centre*/
.call-centre{width:960px;}
	.cch-1{background:#FFF; width:960px; color:#0058aa; font-size:30px; font-family: "Lato", serif; font-weight: bold; padding:10px 0; text-align:center;}
	.cch-2{background:#0058aa; width:960px; color:#FFF; font-size:15px; line-height: 22px; font-family: "Lato", serif; padding:5px 0;}
		.cch2-l{float:left; width:460px; text-align:right;}
		.cch2-r{float:right; width:480px;}
	.ccb{background:#bcbdc1; width:100%; min-height:600px; padding-bottom:20px;}
			.ccb-item{float:left; width:229px; height:329px; display:block; padding:10px 6px 0 10px;}
				.ccb-img{position:absolute; z-index:1;}
				.ccb-text{position:absolute; z-index:2; text-align:center; color:#fff; width:180px; margin:166px 0 0 25px;}
					.ccb-title{font-size:15px; line-height: 22px; font-family: "Lato", serif; font-weight: bold;letter-spacing:-1px; }
					.ccb-subtitle{font-size:12px; line-height: 17px; line-height:12px; font-family: "Lato", serif; font-weight: bold;letter-spacing:-1px; }
					.ccb-telp{font-size:11px; font-family: "Lato", serif;letter-spacing:-1px;}
					.ccb-number{font-size:26px; font-family: "Lato", serif; font-weight: bold; margin-top:-5px;letter-spacing:-1px; padding:5px 0;}
					.ccb-email{font-size:10px; font-family: "Lato", serif; line-height:13px; letter-spacing:-0.2px; text-align:center;}
						.ccb-email a{color:#FFF;}
							.ccb-email a:hover{color:#CCC;}
                            	
/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.tablet
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	body {
		/*width: 528px;
		padding: 48px 34px 60px;*/		
		width: 768px;
	}
	/*TEXTFIELD*/
	.boxtxts{
		width: 270px;
		height: 20px;
		border: none;
		background:none;
		color: #787878;
		font-size:12px; line-height: 17px;
		padding:6px 0 0 12px;	
		border:none;
		outline:none;
	}
	#fieldtxts{
		width:288px;
		height:28px;
		background:url(images/background/txt-k2.jpg) no-repeat top left;
	}
	.boxtxtm1{
		width: 270px;
		height: 20px;
		border: none;
		background:none;
		color: #787878;
		font-size:12px; line-height: 17px;
		padding:6px 0 0 12px;	
		border:none;
		outline:none;
	}
	#fieldtxtm1{
		width:288px;
		height:28px;
		background:url(images/background/txt-k.jpg) no-repeat top left;
	}
	.boxtxtm2{
		width: 270px;
		height: 20px;
		border: none;
		background:none;
		color: #787878;
		font-size:12px; line-height: 17px;
		padding:6px 0 0 12px;	
		border:none;
		outline:none;
	}
	#fieldtxtm2{
		width:288px;
		height:28px;
		background:url(images/background/txt-k2.jpg) no-repeat top left;
	}
	.space-2{display:none;}
	.space-2m{margin-top:10px;}
	.space-6{display:none;}	
	.space-4m{padding-top:0px;}
	.header-content{width:768px; margin:0 auto; background:none; height:45px; margin-top:-15px;}
		.header-l{float:left; width:117px;}			
		.header-c{float:left; width:130px; margin-left:190px;}
			.logo-indofood{width:152px; height:40px;}
		.header-r{float:right; width:196px;}
		.header:hover{background:none;}
	
	/*menu*/
	.menu{display:none;}
	.menu-mobile{display:block; width:768px; margin:0 auto; position:absolute; z-index:999;}
    .menu-mobile a { text-transform:uppercase; }
		.mm-l{display:inline-block; margin-left:10px;}
		.mm-r{display:inline-block; margin:5px 0 0 660px;}
	
	/*banner*/
	#main-slider{padding-top:35px;}

/*FOOTER*/
.footer{width:768px; margin:0 auto; padding:10px 0;}
	.footer-l{background:url(images/footer/icon-i.jpg) no-repeat top left; height:26px; position:absolute; margin-left:0px; }
		.copyright{position:absolute; margin-top:35px; margin-left:230px; width:350px;}
	.footer-r{margin-top:0px; width:181px; position:absolute; margin-left:585px; }
	
/*DIVISION*/
.division{width:100%;}
.divisionm{margin-top:35px;}
	.division-content{width:768px; margin:0 auto; text-align:center}
		.dc{display:inline-block;}


		.dc-1 {float:left; width: 157px; height:140px; text-indent:-99999px; cursor:pointer; background: url(/images/business/1_consumer-branded-productsm.png) 0px 0px; margin-left:60px;}
			.dc-1:hover {background-position: 0px -140px;}
			.dc-1a {float:left; width: 157px; height:140px; text-indent:-99999px; cursor:pointer; background: url(/images/business/1_consumer-branded-productsm.png) 0px -140px;margin:0;}

		.dc-2 {float:left; width: 129px; height:140px; text-indent:-99999px; cursor:pointer; background: url(/images/business/2_bogasarim.png) 0px 0px; }
			.dc-2:hover {background-position: 0px -140px;}
			.dc-2a {float:left; width: 129px; height:140px; text-indent:-99999px; cursor:pointer; background: url(/images/business/2_bogasarim.png) 0px -140px;margin:0;}

		.dc-3 {float:left; width: 131px; height:140px; text-indent:-99999px; cursor:pointer; background: url(/images/business/3_agribusinessm.png) 0px 0px; }
			.dc-3:hover {background-position: 0px -140px;}
			.dc-3a {float:left; width: 131px; height:140px; text-indent:-99999px; cursor:pointer; background: url(/images/business/3_agribusinessm.png) 0px -140px;margin:0;}

		.dc-4 {float:left; width: 115px; height:140px; text-indent:-99999px; cursor:pointer; background: url(/images/business/4_distributionm.png) 0px 0px; }
			.dc-4:hover {background-position: 0px -140px;}
			.dc-4a {float:left; width: 115px; height:140px; text-indent:-99999px; cursor:pointer; background: url(/images/business/4_distributionm.png) 0px -140px;margin:0;}


/*MAIN*/
.main{width:748px; margin:0 auto;}
.main-content{width:748px; margin:0 auto; padding-top:0px;}
.main-contentm{padding-top:40px;}
.main-head{width:748px; padding-bottom:10px; padding-top:35px;}
.main-head img{width:100%;}
	.main-title{font-size:25px; color:#3a3a3a; font-family: "Inter", serif; font-weight: 300; padding-top:5px; line-height:25px; text-align:left; margin-top:20px}
		.main-subtitle{font-size:22px; color:#787878; font-family: "Inter", serif; font-weight: 300; width:748px; margin-top:-20px; text-align:left;}		
		.main-subtitle2{font-size:22px; color:#787878; font-family: "Inter", serif; font-weight: 300; width:748px; padding-bottom:20px; margin-top:-20px; text-align:left;}
			.sustainability-border .main-subtitle2{margin-top:0px; padding-bottom:0px;}
	.main-text{font-family: "Lato", serif; font-size:13px; line-height: 18px; line-height:20px; color:#787878; text-align:justify;}
		.main-space1{float:left; display:block; width:10px;}
			.main-space1m{float:left; display:block; width:10px;}
		.main-space2{display:none;}
		.main-space3{float:left; display:block; width:10px;}
		.main-text p{padding-bottom:10px;}
		.main-text ul{padding-left:15px;}
		.main-texts{font-family: "Lato", serif; font-size:12px; line-height: 17px; color:#787878; text-align:justify;}
		.main-textm{font-family: "Lato", serif; font-size:15px; line-height: 22px; color:#787878; text-align:justify;}
		.main-textl{font-family: "Lato", serif; font-size:18px; line-height: 23px; color:#787878; text-align:justify;}
	.main-isi{float:left; width:748px;}
    .main-isi2{width:748px;}
	.main-line{background:url(images/background/line.jpg) repeat-x center; height:2px;}
	.star{font-size:13px; line-height: 18px; color:#00529b;font-family: "Lato", serif; font-style:italic;}
	
	/*home*/
	.home1{float:left; width:748px; padding:15px 0;}
	.home2{float:right; width:748px; padding:15px 0;}
	.home-content{float:left; width:360px; padding-top:15px;}
	.home-text{float:right; width:300px; font-family: "Lato", serif; font-size:13px; line-height: 18px; color:#3a3a3a;}
	.home-texte{float:left; width:300px; font-family: "Lato", serif; font-size:13px; line-height: 18px; color:#3a3a3a; padding-left:20px;}
	.home-space{float:left; width:20px;}	
	#home-carousel{width:460px; margin-left:0px; margin-top:20px;}
		#home-carousel ul{padding-left:24px;}
	.title-img{width:296px;}
		
	/*navigation*/
	.navigation{display:none;}	
	
	/*company*/
		/*indofood at a glance*/
		.iaag{padding:10px 0;}
			.iaag-1{float:left; width:238px;}
			.iaag-2{float:right; width:510px;}		
		
		/*vision mission value*/
		.vmv{padding:10px 0;}
			.vmv-1{float:left; width:80px; background:url(images/company/vmv-bg.jpg) no-repeat top left; padding:10px 0 0 16px; height:45px;}
			.vmv-2{float:left; width:640px;}
		
		/*history*/
		.hi{padding:10px 0 10px 0; width:370px;}
			.hi-1{float:left; width:66px; height:64px; background:url(images/company/hi-bg.jpg) no-repeat top left; font-family: "Lato", serif; text-align:center;}		
			.hi-2{float:left; width:260px;}
				.hi-2s{padding-left:12px;}
		
		/*awards*/
		.awards{float:left; padding:0 10px 0 15px; font-family: "Lato", serif; width:224px;}

	/*business*/
		/*consumer branded products*/
		.cbp-1{float:left; width:490px; padding:20px 0 10px 0;}		
		.cbp-2{float:right; padding:20px 0 10px 0;}
	
	/*product*/
		.product-icons{float:left; width:40px; padding-right:15px;}
        .product-icons2{width:100%; padding-top:5px;}
		.product-links{float:left; color:#787878; font-size:12px; line-height: 17px; width:240px; font-family: "Lato", serif; line-height:20px;}
		.product-titles{font-size:30px; color:#787878; font-family: "Inter", serif; font-weight: 200; padding:10px 0; text-align:left;}
		#product-carousel{padding:35px 0 0 0;}

		.c-product-1 {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/1_noodlesms.png) 0px 0px;}
			.c-product-1:hover {background-position: 0px -181px;}
			.c-product-1a {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/1_noodlesms.png) 0px -181px;}

		.c-product-2 {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/2_dairyms.png) 0px 0px;}
			.c-product-2:hover {background-position: 0px -181px;}
			.c-product-2a {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/2_dairyms.png) 0px -181px;}

		.c-product-3 {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/4_snack-foodsms.png) 0px 0px;}
			.c-product-3:hover {background-position: 0px -181px;}
			.c-product-3a {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/4_snack-foodsms.png) 0px -181px;}

		.c-product-4 {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/3_food-seasoningsms.png) 0px 0px;}
			.c-product-4:hover {background-position: 0px -181px;}
			.c-product-4a {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/3_food-seasoningsms.png) 0px -181px;}

		.c-product-5 {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/5_nutrition-and-special-foodsms.png) 0px 0px;}
			.c-product-5:hover {background-position: 0px -181px;}
			.c-product-5a {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/5_nutrition-and-special-foodsms.png) 0px -181px;}

		.c-product-6 {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/14_beveragesms.png) 0px 0px;}
			.c-product-6:hover {background-position: 0px -181px;}
			.c-product-6a {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/14_beveragesms.png) 0px -181px;}

		.c-product-7 {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/10_flourms.png) 0px 0px;}
			.c-product-7:hover {background-position: 0px -181px;}
			.c-product-7a {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/10_flourms.png) 0px -181px;}

		.c-product-8 {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/9_pastams.png) 0px 0px;}
			.c-product-8:hover {background-position: 0px -181px;}
			.c-product-8a {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/9_pastams.png) 0px -181px;}

		.c-product-9 {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/12_edible-oils-and-fatsms.png) 0px 0px;}
			.c-product-9:hover {background-position: 0px -181px;}
			.c-product-9a {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/12_edible-oils-and-fatsms.png) 0px -181px;}
				
		.noodle-bg{background:url(images/products/noodle-bg.jpg) no-repeat top center; background-size:768px auto;}
		.pasta-bg{background:url(images/products/pasta-bg.jpg) no-repeat top center; background-size:768px auto;}
		.flour-bg{background:url(images/products/flour-bg.jpg) no-repeat top center; background-size:768px auto;}
		.dairy-bg{background:url(images/products/dairy-bg.jpg) no-repeat top center; background-size:768px auto;}
		.food-seasonings-bg{background:url(images/products/food-seasonings-bg.jpg) no-repeat top center; background-size:768px auto;}
		.snack-bg{background:url(images/products/snack-bg.jpg) no-repeat top center; background-size:768px auto;}
		.biscuits-bg{background:url(images/products/biscuits-bg.jpg) no-repeat top center; background-size:768px auto;}
		.nutrition-bg{background:url(images/products/nutrition-bg.jpg) no-repeat top center; background-size:768px auto;}
		.oil-bg{background:url(images/products/oil-bg.jpg) no-repeat top center; background-size:768px auto;}
		.sliderwrapper{margin:50px 0 0 0px;}
			.pagination{margin:0px;}

	/*investor*/
	.investor{}
		/*email alert*/
		.ea-1{float:left; width:170px; height:28px; background:url(images/background/titik-dua.jpg) no-repeat right; font-size:13px; line-height: 18px; font-family: "Lato", serif; color:#787878}
		.ea-1n{float:left; width:170px; font-size:13px; line-height: 18px; font-family: "Lato", serif; color:#787878}		
		.ea-1m{display:block;}
		.ea-2{float:left; width:300px; font-size:13px; line-height: 18px; color:#787878; font-family: "Lato", serif; }		
		.ea-3{float:left; width:195px; font-size:13px; line-height: 18px; color:#787878; font-family: "Lato", serif; padding-bottom:5px;}
		.ea-4{float:left; width:170px; height:28px; background:url(images/background/titik-dua.jpg) no-repeat right; font-size:13px; line-height: 18px; font-family: "Lato", serif; color:#787878; padding-left:0px; clear:both;}
		.ea-5{float:left; width:195px; font-size:13px; line-height: 18px; color:#787878; font-family: "Lato", serif; }
		.ea-6{float:left; width:195px; font-size:13px; line-height: 18px; color:#787878; font-family: "Lato", serif; margin-top:5px; margin-left:170px;}
		
		/*annual report*/
		.annual-report{float:left; width:222px; padding:5px 12px 30px 12px;}
	
		/*Quarterly Financial Results*/
		.qfr{padding:10px 0;}
			.qfr-arrow2{display:block; width:40px;}
			.qfr-2 {margin-left:0px;}
			.qfr-3 {margin-left:0px;}
			.qfr-4 {margin-left:0px;}
			
	/*news & events*/
		/*news*/
		.event{padding:10px 0;}
			.event-text{float:left; width:690px; padding:5px 0 0 15px;}
				.event-detail-text{float:left; width:500px; padding:5px 0 0 20px;}
				.event-detail-icon{float:right; width:90px; padding:5px 0 0 0; text-align:left;}
			.event-img{padding-left:60px;}
				.event-thumb{width:196px; float:left; padding:10px 20px 20px 0;}
		
		/*new product*/
		.new-product{padding:10px 0;}
			.np-text{float:left; padding-left:20px; width:440px;}
			.np-img{float:right; padding-left:0px;}

	.sustainability{}
		.c-sustainability-1, .c-sustainability-1a, .c-sustainability-2, .c-sustainability-2a, .c-sustainability-3, .c-sustainability-3a, .c-sustainability-4, .c-sustainability-4a, .c-sustainability-5, .c-sustainability-5s{margin:0 8px;}

		.c-sustainability-1 {float:left; width: 137px; height:150px; text-indent:-99999px; cursor:pointer; background: url(/images/sustainability/1_building-human-capitalm.png) 0px 0px;}
			.c-sustainability-1:hover {background-position: 0px -150px;}
			.c-sustainability-1a {float:left; width: 137px; height:150px; text-indent:-99999px; cursor:pointer; background: url(/images/sustainability/1_building-human-capitalm.png) 0px -150px;}

		.c-sustainability-2 {float:left; width: 137px; height:150px; text-indent:-99999px; cursor:pointer; background: url(/images/sustainability/4_nutrition-for-allm.png) 0px 0px;}
			.c-sustainability-2:hover {background-position: 0px -150px;}
			.c-sustainability-2a {float:left; width: 137px; height:150px; text-indent:-99999px; cursor:pointer; background: url(/images/sustainability/4_nutrition-for-allm.png) 0px -150px;}

		.c-sustainability-3 {float:left; width: 137px; height:150px; text-indent:-99999px; cursor:pointer; background: url(/images/sustainability/2_strengthening-economic-valuem.png) 0px 0px;}
			.c-sustainability-3:hover {background-position: 0px -150px;}
			.c-sustainability-3a {float:left; width: 137px; height:150px; text-indent:-99999px; cursor:pointer; background: url(/images/sustainability/2_strengthening-economic-valuem.png) 0px -150px;}

		.c-sustainability-4 {float:left; width: 137px; height:150px; text-indent:-99999px; cursor:pointer; background: url(/images/sustainability/5_community-engagement-in-protecting-the-environmentm.png) 0px 0px;}
			.c-sustainability-4:hover {background-position: 0px -150px;}
			.c-sustainability-4a {float:left; width: 137px; height:150px; text-indent:-99999px; cursor:pointer; background: url(/images/sustainability/5_community-engagement-in-protecting-the-environmentm.png) 0px -150px;}

		.c-sustainability-5 {float:left; width: 137px; height:150px; text-indent:-99999px; cursor:pointer; background: url(/images/sustainability/3_solidarity-and-humanitym.png) 0px 0px;}
			.c-sustainability-5:hover {background-position: 0px -150px;}
			.c-sustainability-5a {float:left; width: 137px; height:150px; text-indent:-99999px; cursor:pointer; background: url(/images/sustainability/3_solidarity-and-humanitym.png) 0px -150px;}
		

	/*career*/
	.career-icon{float:left; padding-right:15px;}
	.career-text{float:left; padding-top:0px; width:500px;}
		/*job vacancy*/
			.jv-1{float:left; width:680px; padding-left:10px;}
				.jv-1 ul{padding-left:15px; list-style-image:url(images/background/list-style-min.jpg);}
			.jv-2{float:left; padding:10px 0 0 10px;}
	
	/*contact*/
	.contact{margin-top:10px; background:#f3f2ee; text-align:left;}
		.contact-info{padding:30px 0 20px 20px; width:368px;}
			.contact-map{width:748px; height:561px;}	

    /*sitemap*/
    .sitemap{display:none;}
    .sitemap-mobile{display:block; width:768px;}
	    .sitemap-mobile-1{float:left; width:330px;}
	    .sitemap-mobile-r{float:right; width:330px;}
	    .sitemap-3, .sitemap-4{width:330px; float:none;}
	    .sitemap-line-v{margin-left:10px; height:10px;}
	    .link-sitemap-b a{font-weight:bold;}

    /*call-centre*/
    .call-centre{width:748px;}
	    .cch-1{width:748px; color:#0058aa; font-size:25px;}
	    .cch-2{width:743px; color:#FFF; font-size:13px; line-height: 18px; padding:0 0 0 5px;}
		    .cch2-l{float:left; width:330px; text-align:left; margin-left:40px;}
		    .cch2-r{float:left; width:330px;}
			    .ccb-item{float:left; padding:10px 10px;}

}



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout. mobile320
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (min-width: 10px) and (max-width: 500px) {
	
	body {
		/*width: 252px;
		padding: 48px 34px 60px;*/
		width: 320px;
	}
	/*TEXTFIELD*/
	.boxtxts{
		width: 270px;
		height: 20px;
		border: none;
		background:none;
		color: #787878;
		font-size:12px; line-height: 17px;
		padding:6px 0 0 12px;	
		border:none;
		outline:none;
	}
	#fieldtxts{
		width:288px;
		height:28px;
		background:url(images/background/txt-k2.jpg) no-repeat top left;
	}
	.boxtxtm1{
		width: 270px;
		height: 20px;
		border: none;
		background:none;
		color: #787878;
		font-size:12px; line-height: 17px;
		padding:6px 0 0 12px;	
		border:none;
		outline:none;
	}
	#fieldtxtm1{
		width:288px;
		height:28px;
		background:url(images/background/txt-k.jpg) no-repeat top left;
	}
	.boxtxtm2{
		width: 270px;
		height: 20px;
		border: none;
		background:none;
		color: #787878;
		font-size:12px; line-height: 17px;
		padding:6px 0 0 12px;	
		border:none;
		outline:none;
	}
	#fieldtxtm2{
		width:288px;
		height:28px;
		background:url(images/background/txt-k2.jpg) no-repeat top left;
	}
	.icon-space1{display:none;}
	.space-6{display:none;}
	.space-2{display:none;}
	.space-2m{margin-top:20px;}
	.space-3m{margin-top:0;}
	.space-4m{padding-top:0px;}
	.header-content{width:320px; height:70px; margin:0 auto; background:none;}
		.header-l{width:117px; margin-top:25px; position:absolute;}			
		.header-c{float:left; width:320px; text-align:center; margin-top:-15px;}
			.logo-indofood{width:114px; height:30px;}
		.header-r{width:196px; margin:25px 0 0 120px; position:absolute;}
			.iphone .btn-search{margin-left:-2px;}
		.header:hover{background:none;}
	
	
	/*menu*/
	.menu{display:none;}
	.menu-mobile{display:block; width:320px; margin:0 auto; position:absolute; z-index:999;}
    .menu-mobile a { text-transform:uppercase; }
		.iphone .dl-menu{top:35px;}
		.mm-l{display:inline-block; margin-left:10px;}
		.mm-r{display:inline-block; margin:5px 0 0 220px;}
		.iphone .mm-l{float:left; margin:0; padding:5px 0 0 0;}
		.iphone .mm-r{float:left; margin:0; padding:3px 0 0 220px;}
		
	/*banner*/
	#main-slider{display:none;}
	#main-sliderm{display:block; padding-top:35px;}
	
	/*dropdown*/
	.submenu{display:none;}

/*FOOTER*/
.footer{width:320px; padding:10px 0;}
	.footer-l{background:url(images/footer/icon-i.jpg) no-repeat top left; height:26px; padding-left:32px; margin-left:15px;}
		.copyright{position:absolute; margin-top:60px; margin-left:-30px;}
	.footer-r{margin-top:0px; width:320px; text-align:center;}
	
/*DIVISION*/
.division{width:100%; background:url(images/background/divisionm.jpg) repeat-x top center;}
.divisionm{margin-top:35px;}
	.division-content{width:320px; margin:0 auto;text-align:center}
		.dc{display:inline-block;}

		.dc-1 {float:left; width: 140px; height:125px; text-indent:-99999px; cursor:pointer; background: url(/images/business/1_consumer-branded-productsms.png) 0px 0px; margin-left:30px;}
			.dc-1:hover {background-position: 0px -125px;}
			.dc-1a {float:left; width: 140px; height:125px; text-indent:-99999px; cursor:pointer; background: url(/images/business/1_consumer-branded-productsms.png) 0px -125px;margin:0;}

		.dc-2 {float:left; width: 115px; height:125px; text-indent:-99999px; cursor:pointer; background: url(/images/business/2_bogasarims.png) 0px 0px; }
			.dc-2:hover {background-position: 0px -125px;}
			.dc-2a {float:left; width: 115px; height:125px; text-indent:-99999px; cursor:pointer; background: url(/images/business/2_bogasarims.png) 0px -125px;margin:0;}

		.dc-3 {float:left; width: 117px; height:125px; text-indent:-99999px; cursor:pointer; background: url(/images/business/3_agribusinessms.png) 0px 0px; }
			.dc-3:hover {background-position: 0px -125px;}
			.dc-3a {float:left; width: 117px; height:125px; text-indent:-99999px; cursor:pointer; background: url(/images/business/3_agribusinessms.png) 0px -125px;margin:0;}

		.dc-4 {float:left; width: 103px; height:125px; text-indent:-99999px; cursor:pointer; background: url(/images/business/4_distributionms.png) 0px 0px; }
			.dc-4:hover {background-position: 0px -125px;}
			.dc-4a {float:left; width: 103px; height:125px; text-indent:-99999px; cursor:pointer; background: url(/images/business/4_distributionms.png) 0px -125px;margin:0;}
		

/*MAIN*/
.main{width:300px; margin:0 auto;}
.main-content{width:300px; margin:0 auto; padding-top:0px;}
.main-contentm{padding-top:10px;background: none repeat scroll 0 0 rgba(0, 0, 0, 0);}
.main-head{width:300px; padding-bottom:10px;}
.main-head img{width:100%;}
	.main-title{font-size:25px; color:#3a3a3a; font-family: "Inter", serif; font-weight: 300; padding-top:5px; line-height:25px; text-align:left; margin-top:20px}
		.main-subtitle{font-size:22px; color:#787878; font-family: "Inter", serif; font-weight: 300; width:320px; padding-bottom:20px; margin-top:-20px; text-align:left;}
		.main-subtitle2{font-size:22px; color:#787878; font-family: "Inter", serif; font-weight: 300; width:320px; padding-bottom:20px; margin-top:-20px; text-align:left;}
			.sustainability-border .main-subtitle2{margin-top:0px; padding-bottom:0px;}
	.main-text{font-family: "Lato", serif; font-size:13px; line-height: 18px; line-height:20px; color:#787878; text-align:justify;}
		.main-space1{float:left; display:block; width:30px;}
		.main-space2{float:left; display:block; width:23px;}
		.main-space3{float:left; display:block; width:10px;}
		.main-text p{padding-bottom:10px;}
		.main-text ul{padding-left:15px;}
		.main-texts{font-family: "Lato", serif; font-size:12px; line-height: 17px; color:#787878; text-align:justify;}
		.main-textm{font-family: "Lato", serif; font-size:13px; line-height: 18px; color:#787878; text-align:justify;}
		.main-textl{font-family: "Lato", serif; font-size:16px; color:#787878; text-align:justify;}
	.main-isi{float:left; width:300px; padding-top:35px;}
    .main-isi2{width:300px; padding-top:35px;}
	.main-line{background:url(images/background/line.jpg) repeat-x center; height:2px;}
	.star{font-size:13px; line-height: 18px; color:#00529b;font-family: "Lato", serif; font-style:italic;}
	
	/*home*/
	.home1{float:left; width:300px; padding:15px 0;}
	.home2{float:right; width:300px; padding:15px 0;}
	.home-content{float:left; width:300px; padding-top:15px; min-height:90px;}
	.home-text{float:right; width:240px; font-family: "Lato", serif; font-size:13px; line-height: 18px; color:#3a3a3a;}
	.home-texte{float:left; width:260px; font-family: "Lato", serif; font-size:13px; line-height: 18px; color:#3a3a3a;}
	.home-linem{background:url(images/background/line-menu.png) repeat-x center; height:30px; display:block;}
	#home-carousel{width:320px; margin-left:0px; margin-top:20px;}
		#home-carousel ul{padding-left:24px;}
	.title-img{width:220px;}
		
	/*navigation*/
	.navigation{display:none;}	
	
	/*company*/
		/*indofood at a glance*/
		.iaag{padding:10px 0;}
			.iaag-1{float:left; width:300px; text-align:center;}
			.iaag-2{float:left; width:300px;}
		
		/*vision mission value*/
		.vmv{padding:10px 0;}
			.vmv-1{float:left; width:70px; background:url(images/company/vmv-bg.jpg) no-repeat top left; padding:10px 0 0 16px; height:45px;}
			.vmv-2{float:left; width:200px;}
				.vmv-2 .space-1{display:none;}
		
		/*history*/
		.hi{padding:10px 0 10px 0; width:320px;}
			.hi-1{float:left; width:66px; height:64px; background:url(images/company/hi-bg.jpg) no-repeat top left; font-family: "Lato", serif; text-align:center;}		
			.hi-2{float:left; width:215px;}
				.hi-2s{padding-left:12px;}
		
		/*awards*/
		.awards{padding:0 0 0 40px; font-family: "Lato", serif; width:300px;}
		
		/*board*/
		.board{float:left; width:300px; text-align:center;}
			.board-text{font-size:20px; width:300px; font-family: "Lato", serif; color:#787878;}
		
		/*corporate governance*/
		.cg-title{height:70px; font-size:12px; line-height: 17px; color:#FFF; font-family: "Lato", serif; font-weight: bold; background:#00529b; }
			.cg-title2{height:46px; font-size:12px; line-height: 17px; color:#FFF; font-family: "Lato", serif; font-weight: bold; background:#b6b6b6; }
			.cg-isi{height:46px; font-size:11px; color:#797979; font-family: "Lato", serif; font-weight: bold;}
			.cg-isi2{height:46px; font-size:11px; color:#797979; font-family: "Lato", serif; font-weight: bold; background:#f7f7f7;}

	/*business*/
		/*consumer branded products*/
		.cbp-1{width:300px; padding:10px 0 10px 0;}		
		.cbp-2{width:300px; text-align:center}
	
	/*product*/
	.product{}
		.product-icons{float:left; width:40px; padding-right:10px;}
		.product-links{float:left; color:#787878; font-size:12px; line-height: 17px; width:220px; font-family: "Lato", serif; line-height:20px;}
		.product-titles{font-size:24px; color:#787878; font-family: "Inter", serif; font-weight: 200; padding:10px 0; text-align:left; line-height:28px;}
		#product-carousel{display:none;}
		.product-carauselm{display:block; padding-top:35px; background:#e9e8e3 url(images/background/divisionm.jpg) repeat-x top center; width:100%; height:380px;}

		.c-product-1 {float:left; width: 106px; height:121px; text-indent:-99999px; cursor:pointer; background: url(/images/product/1_noodless.png) 0px 0px;}
			.c-product-1:hover {background-position: 0px -121px;}
			.c-product-1a {float:left; width: 106px; height:121px; text-indent:-99999px; cursor:pointer; background: url(/images/product/1_noodless.png) 0px -121px;}

		.c-product-2 {float:left; width: 106px; height:121px; text-indent:-99999px; cursor:pointer; background: url(/images/product/2_dairys.png) 0px 0px;}
			.c-product-2:hover {background-position: 0px -121px;}
			.c-product-2a {float:left; width: 106px; height:121px; text-indent:-99999px; cursor:pointer; background: url(/images/product/2_dairys.png) 0px -121px;}

		.c-product-3 {float:left; width: 106px; height:121px; text-indent:-99999px; cursor:pointer; background: url(/images/product/4_snack-foodss.png) 0px 0px;}
			.c-product-3:hover {background-position: 0px -121px;}
			.c-product-3a {float:left; width: 106px; height:121px; text-indent:-99999px; cursor:pointer; background: url(/images/product/4_snack-foodss.png) 0px -121px;}

		.c-product-4 {float:left; width: 106px; height:121px; text-indent:-99999px; cursor:pointer; background: url(/images/product/3_food-seasoningss.png) 0px 0px;}
			.c-product-4:hover {background-position: 0px -121px;}
			.c-product-4a {float:left; width: 106px; height:121px; text-indent:-99999px; cursor:pointer; background: url(/images/product/3_food-seasoningss.png) 0px -121px;}

		.c-product-5 {float:left; width: 106px; height:121px; text-indent:-99999px; cursor:pointer; background: url(/images/product/5_nutrition-and-special-foodss.png) 0px 0px;}
			.c-product-5:hover {background-position: 0px -121px;}
			.c-product-5a {float:left; width: 106px; height:121px; text-indent:-99999px; cursor:pointer; background: url(/images/product/5_nutrition-and-special-foodss.png) 0px -121px;}

		.c-product-6 {float:left; width: 106px; height:121px; text-indent:-99999px; cursor:pointer; background: url(/images/product/14_beveragess.png) 0px 0px;}
			.c-product-6:hover {background-position: 0px -121px;}
			.c-product-6a {float:left; width: 106px; height:121px; text-indent:-99999px; cursor:pointer; background: url(/images/product/14_beveragess.png) 0px -121px;}

		.c-product-7 {float:left; width: 106px; height:121px; text-indent:-99999px; cursor:pointer; background: url(/images/product/10_flours.png) 0px 0px;}
			.c-product-7:hover {background-position: 0px -121px;}
			.c-product-7a {float:left; width: 106px; height:121px; text-indent:-99999px; cursor:pointer; background: url(/images/product/10_flours.png) 0px -121px;}

		.c-product-8 {float:left; width: 106px; height:121px; text-indent:-99999px; cursor:pointer; background: url(/images/product/9_pastas.png) 0px 0px;}
			.c-product-8:hover {background-position: 0px -121px;}
			.c-product-8a {float:left; width: 106px; height:121px; text-indent:-99999px; cursor:pointer; background: url(/images/product/9_pastas.png) 0px -121px;}

		.c-product-9 {float:left; width: 106px; height:121px; text-indent:-99999px; cursor:pointer; background: url(/images/product/12_edible-oils-and-fatss.png) 0px 0px;}
			.c-product-9:hover {background-position: 0px -121px;}
			.c-product-9a {float:left; width: 106px; height:121px; text-indent:-99999px; cursor:pointer; background: url(/images/product/12_edible-oils-and-fatss.png) 0px -121px;}
	
		.sliderwrapper{margin-left:40px;}
			.pagination{margin-left:40px;}
	
	/*investor*/
	.investor{}
		/*email alert*/
		.ea-1{float:left; width:100px; height:28px; background:url(images/background/titik-dua.jpg) no-repeat right; font-size:13px; line-height: 18px; font-family: "Lato", serif; color:#787878}
		.ea-1n{float:left; width:100px; font-size:13px; line-height: 18px; font-family: "Lato", serif; color:#787878}		
		.ea-1m{display:none;}
		.ea-2{float:left; width:320px; font-size:13px; line-height: 18px; color:#787878; font-family: "Lato", serif; }
		.ea-3{float:left; width:195px; font-size:13px; line-height: 18px; color:#787878; font-family: "Lato", serif; padding-bottom:5px;}
		.ea-4{float:left; width:100px; height:28px; background:url(images/background/titik-dua.jpg) no-repeat right; font-size:13px; line-height: 18px; font-family: "Lato", serif; color:#787878; padding-left:0px;}
		.ea-5{float:left; width:195px; font-size:13px; line-height: 18px; color:#787878; font-family: "Lato", serif; }
		.ea-6{float:left; width:195px; font-size:13px; line-height: 18px; color:#787878; font-family: "Lato", serif; margin-top:5px;}
		
		/*annual report*/
		.annual-report{float:left; width:320px; padding:5px 0 10px 40px; margin-right:15px; }		
		
		/*Quarterly Financial Results*/
		.qfr{padding:20px 0;}
			.qfr-arrow2{display:none;}
			.qfr-2 {margin-left:100px;}
			.qfr-3 {margin-left:100px;}
			.qfr-4 {margin-left:100px;}
		
		/*shareholders*/
			.sg-title{height:46px; font-size:12px; line-height: 17px; color:#FFF; font-family: "Lato", serif; font-weight: bold; background:#00529b; }
			.sg-isi{height:34px; font-size:11px; color:#797979; font-family: "Lato", serif; font-weight: bold;}
			.sg-isi2{height:34px; font-size:11px; color:#797979; font-family: "Lato", serif; font-weight: bold; background:#f7f7f7;}
			.sg-total{height:34px; font-size:11px; color:#797979; font-family: "Lato", serif; font-weight: bold; background:#cecece;}
			.sg-line-h{height:6px; background:url(images/background/table-line-h.jpg) repeat-x center;}
			.sg-line-h2{height:6px; background:url(images/background/table-line-h.jpg) repeat-x center;}
				.sg-1, .sg-2, .sg-3, .sg-4, .sg-5{text-align:left; padding-left:10px;}
				.sg-6{text-align:left; padding-left:10px; font-size:12px; line-height: 17px; color:#FFF; font-family: "Inter", serif; font-weight: 300; text-align:left;}
			.sg-pdf{width:40px; float:left; margin:4px 0 0 0;}
			.sg-size{background:url(images/background/bg-size.png) no-repeat top center; text-align:center; width:40px; height:39px; float:left; margin:2px 0 0 20px;}
				.sg-s1{font-size:12px; line-height: 17px; color:#505050; font-family: "Lato", serif; font-weight: bold; padding-top:2px;}
				.sg-s2{font-size:11px; color:#797979; font-family: "Lato", serif; font-weight: bold; margin-top:-4px;}
			.sg-text{font-size:20px; color:#797979; font-family: "Lato", serif; margin:12px 0 0 30px; float:left;}
		
		/*cronological effect*/
			.cro-1, .cro-2, .cro-3, .cro-4, .cro-5, .cro-6{text-align:left; padding-left:10px;}

	/*news & events*/
		/*news*/
		.event{padding:10px 0;}
			.event-text{float:right; width:245px; padding:5px 0 0 0px;}
            .event-text img{max-width:100%;}
				.event-detail-text{float:left; width:240px; padding:5px 0 0 15px;}
				.event-detail-icon{float:left; width:95px; padding:5px 0 10px 60px; text-align:right;}
			.event-img{padding-left:60px;}
				.event-thumb{width:196px; float:left; padding:0 0 20px 0;}
					.event-thumb .main-texts{line-height:14px;}
		    
		/*new product*/
		.new-product{padding:10px 0;}
			.np-text{float:left; padding-left:15px; width:230px;}
			.np-img{float:left; padding-left:70px; padding-top:5px;}
	
	/*sustainability*/
	.sg-text{font-size:14px; color:#797979; font-family: "Lato", serif; margin:2px 0 0 30px; float:left; width:150px;}
		.c-sustainability-1 {float:left; width: 320px; height:45px; text-indent:-99999px; cursor:pointer; background: url(images/sustainability/menu-320.jpg) 0px 0px;}
			.c-sustainability-1:hover {background-position: -320px 0px;}
			.c-sustainability-1a {float:left; width: 320px; height:45px; text-indent:-99999px; cursor:pointer; background: url(images/sustainability/menu-320.jpg) -320px 0px;}	
		.c-sustainability-2 {float:left; width: 320px; height:40px; text-indent:-99999px; cursor:pointer; background: url(images/sustainability/menu-320.jpg) 0px -45px;}
			.c-sustainability-2:hover {background-position: -320px -45px;}
			.c-sustainability-2a {float:left; width: 320px; height:40px; text-indent:-99999px; cursor:pointer; background: url(images/sustainability/menu-320.jpg) -320px -45px;}
		.c-sustainability-3 {float:left; width: 320px; height:40px; text-indent:-99999px; cursor:pointer; background: url(images/sustainability/menu-320.jpg) 0px -85px;}
			.c-sustainability-3:hover {background-position: -320px -85px;}
			.c-sustainability-3a {float:left; width: 320px; height:40px; text-indent:-99999px; cursor:pointer; background: url(images/sustainability/menu-320.jpg) -320px -85px;}
		.c-sustainability-4 {float:left; width: 320px; height:40px; text-indent:-99999px; cursor:pointer; background: url(images/sustainability/menu-320.jpg) 0px -125px;}
			.c-sustainability-4:hover {background-position: -320px -125px;}
			.c-sustainability-4a {float:left; width: 320px; height:40px; text-indent:-99999px; cursor:pointer; background: url(images/sustainability/menu-320.jpg) -320px -125px;}
		.c-sustainability-5 {float:left; width: 320px; height:45px; text-indent:-99999px; cursor:pointer; background: url(images/sustainability/menu-320.jpg) 0px -165px;}
			.c-sustainability-5:hover {background-position: -320px -165px;}
			.c-sustainability-5a {float:left; width: 320px; height:45px; text-indent:-99999px; cursor:pointer; background: url(images/sustainability/menu-320.jpg) -320px -165px;}
	
	/*career*/
	.career-icon{float:left; padding-right:10px;}
	.career-text{float:left; padding-top:0px; width:245px;}
		/*job vacancy*/
			.jv-1{float:left; width:245px; padding-left:10px;}
				.jv-1 ul{padding-left:15px; list-style-image:url(images/background/list-style-min.jpg);}
			.jv-2{float:left; padding:10px 0 0 10px;}
	
	/*contact*/
	.contact{margin-top:10px; background:#f3f2ee; text-align:left;}
		.contact-info{padding:30px 0 20px 10px; width:280px;}
			.contact-map{width:300px; height:225px;}

    /*sitemap*/
    .sitemap{display:none;}
    .sitemap-mobile{display:block; width:300px;}	
	    .sitemap-mobile-1{float:none; width:300px;}
	    .sitemap-mobile-r{float:none; width:300px;}
	    .sitemap-3, .sitemap-4{width:300px; float:none;}
	    .sitemap-line-v{margin-left:10px; height:10px;}
	    .link-sitemap-b a{font-weight:bold;}

    /*call-centre*/
    .call-centre{width:300px;}
	    .cch-1{width:300px; color:#0058aa; font-size:16px;}
	    .cch-2{width:295px; color:#FFF; font-size:11px; padding:0 0 0 5px;}
		    .cch2-l{float:left; width:300px; text-align:left;}
		    .cch2-r{float:left; width:300px;}
			    .ccb-item{float:none; padding:10px 0; margin-left:30px;}
        
    .footer-r{margin-top:25px;}
    .copyright{padding-top:25px;}
    .career-2{width:100%;}
    .event-text img{width:100%;}
}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.mobile480
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 540px) {
	
	body {
		/*width: 252px;
		padding: 48px 34px 60px;*/		
		width: 480px;
	}
	.space-2{margin-top:10px;}
	.space-6{display:none;}	
	.space-4m{padding-top:0px;}
	.header-content{width:480px; height:70px; margin:0 auto; background:none;}
		.header-l{width:117px; margin-top:25px; position:absolute;}			
		.header-c{float:left; width:480px; text-align:center;}
			.logo-indofood{width:114px; height:30px;}
		.header-r{width:196px; margin:25px 0 0 280px; position:absolute;}
		.header:hover{background:none;}
	
	/*menu*/
	.menu{display:none;}
	.menu-mobile{display:block; width:480px; margin:0 auto; position:absolute; z-index:999;}
    .menu-mobile a { text-transform:uppercase; }
		.mm-l{display:inline-block; margin-left:10px;}
		.mm-r{display:inline-block; margin:5px 0 0 370px;}

/*FOOTER*/
.footer{width:480px; margin:0 auto; padding:10px 0;}
	.footer-l{background:url(images/footer/icon-i.jpg) no-repeat top left; height:26px; position:absolute; margin-left:0px; }
		.copyright{position:absolute; margin-top:35px; margin-left:50px; width:350px;}
	.footer-r{margin-top:0px; width:181px; position:absolute; margin-left:300px; }
	
/*DIVISION*/
.division{width:100%;}
	.division-content{width:480px; margin:0 auto;text-align:center}
		.dc{display:inline-block;}

		.dc-1 {float:left; width: 157px; height:140px; text-indent:-99999px; cursor:pointer; background: url(/images/business/1_consumer-branded-productsm.png) 0px 0px;  }
			.dc-1:hover {background-position: 0px -140px;}
			.dc-1a {float:left; width: 157px; height:140px; text-indent:-99999px; cursor:pointer; background: url(/images/business/1_consumer-branded-productsm.png) 0px -140px; }

		.dc-2 {float:left; width: 129px; height:140px; text-indent:-99999px; cursor:pointer; background: url(/images/business/2_bogasarim.png) 0px 0px;  }
			.dc-2:hover {background-position: 0px -140px;}
			.dc-2a {float:left; width: 129px; height:140px; text-indent:-99999px; cursor:pointer; background: url(/images/business/2_bogasarim.png) 0px -140px; }

		.dc-3 {float:left; width: 131px; height:140px; text-indent:-99999px; cursor:pointer; background: url(/images/business/3_agribusinessm.png) 0px 0px;  }
			.dc-3:hover {background-position: 0px -140px;}
			.dc-3a {float:left; width: 131px; height:140px; text-indent:-99999px; cursor:pointer; background: url(/images/business/3_agribusinessm.png) 0px -140px; }

		.dc-4 {float:left; width: 115px; height:140px; text-indent:-99999px; cursor:pointer; background: url(/images/business/4_distributionm.png) 0px 0px; margin-left:120px; }
			.dc-4:hover {background-position: 0px -140px;}
			.dc-4a {float:left; width: 115px; height:140px; text-indent:-99999px; cursor:pointer; background: url(/images/business/4_distributionm.png) 0px -140px; }


/*MAIN*/
.main{width:460px; margin:0 auto;}
.main-content{width:460px; margin:0 auto; padding-top:0px;}
.main-contentm{padding-top:20px;background: none repeat scroll 0 0 rgba(0, 0, 0, 0);}
.main-head{width:460px; padding-bottom:10px;}
.main-head img{width:100%;}
	.main-title{font-size:25px; color:#3a3a3a; font-family: "Inter", serif; font-weight: 300; padding-top:5px; line-height:25px; text-align:left; margin-top:20px}
		.main-subtitle{font-size:22px; color:#787878; font-family: "Inter", serif; font-weight: 300; width:460px; text-align:left;}
		.main-subtitle2{font-size:22px; color:#787878; font-family: "Inter", serif; font-weight: 300; width:460px; padding-bottom:20px; margin-top:-20px; text-align:left;}
	.main-text{font-family: "Lato", serif; font-size:13px; line-height: 18px; line-height:20px; color:#787878; text-align:justify;}
		.main-space1{float:left; display:block; width:10px;}
			.main-space1m{float:left; display:block; width:10px;}
		.main-space2{display:none;}
		.main-space3{float:left; display:block; width:10px;}
		.main-text p{padding-bottom:10px;}
		.main-text ul{padding-left:15px;}
		.main-texts{font-family: "Lato", serif; font-size:12px; line-height: 17px; color:#787878; text-align:justify;}
		.main-textm{font-family: "Lato", serif; font-size:15px; line-height: 22px; color:#787878; text-align:justify;}
		.main-textl{font-family: "Lato", serif; font-size:18px; line-height: 23px; color:#787878; text-align:justify;}
	.main-isi{float:left; width:460px;}
    .main-isi2{width:460px;}
	.main-line{background:url(images/background/line.jpg) repeat-x center; height:2px;}
	.star{font-size:13px; line-height: 18px; color:#00529b;font-family: "Lato", serif; font-style:italic;}
	
	/*home*/
	.home1{float:left; width:460px; padding:15px 0;}
	.home2{float:right; width:460px; padding:15px 0;}
	.home-content{float:left; width:220px; padding-top:15px;}
	.home-text{float:right; width:160px; font-family: "Lato", serif; font-size:13px; line-height: 18px; color:#3a3a3a;}
	.home-texte{float:right; width:170px; font-family: "Lato", serif; font-size:13px; line-height: 18px; color:#3a3a3a;}
	.home-space{float:left; width:20px;}	
	#home-carousel{width:460px; margin-left:0px; margin-top:20px;}
		#home-carousel ul{padding-left:24px;}
	.title-img{width:280px;}
		
	/*navigation*/
	.navigation{display:none;}	
	
	/*company*/
		/*indofood at a glance*/
		.iaag{padding:0;}
			.iaag-1{float:left; width:460px; text-align:center;}
			.iaag-2{float:left; width:460px;}		
		
		/*vision mission value*/
		.vmv{padding:10px 0;}
			.vmv-1{float:left; width:80px; background:url(images/company/vmv-bg.jpg) no-repeat top left; padding:10px 0 0 16px; height:45px;}
			.vmv-2{float:left; width:350px;}
		
		/*history*/
		.hi{padding:10px 0 10px 0; width:460px;}
			.hi-1{float:left; width:66px; height:64px; background:url(images/company/hi-bg.jpg) no-repeat top left; font-family: "Lato", serif; text-align:center;}		
			.hi-2{float:right; width:370px;}
				.hi-2s{padding-left:12px;}
		
		/*awards*/
		.awards{float:left; padding:0 9px 0 5px; font-family: "Lato", serif; width:215px;}
		
		/*board*/
		.board{float:left; width:230px; text-align:center;}
			.board-text{font-size:20px; width:230px; font-family: "Lato", serif; color:#787878;}

	/*business*/
		/*consumer branded products*/
		.cbp-1{width:460px; padding:10px 0 10px 0;}		
		.cbp-2{width:460px; text-align:center}
	
	/*product*/
	.product{}
		.product-icons{float:left; width:40px; padding-right:15px;}
		.product-links{float:left; color:#787878; font-size:12px; line-height: 17px; width:240px; font-family: "Lato", serif; line-height:20px;}
		.product-titles{font-size:30px; color:#787878; font-family: "Inter", serif; font-weight: 200; padding:10px 0; text-align:left;}
		#product-carousel{display:none;}
		.product-carauselm{display:block; padding-top:35px; background:#e9e8e3 url(images/background/divisionm.jpg) repeat-x top center; width:100%; height:545px;}

		.c-product-1 {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/1_noodlesms.png) 0px 0px;}
			.c-product-1:hover {background-position: 0px -181px;}
			.c-product-1a {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/1_noodlesms.png) 0px -181px;}

		.c-product-2 {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/2_dairyms.png) 0px 0px;}
			.c-product-2:hover {background-position: 0px -181px;}
			.c-product-2a {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/2_dairyms.png) 0px -181px;}

		.c-product-3 {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/4_snack-foodsms.png) 0px 0px;}
			.c-product-3:hover {background-position: 0px -181px;}
			.c-product-3a {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/4_snack-foodsms.png) 0px -181px;}

		.c-product-4 {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/3_food-seasoningsms.png) 0px 0px;}
			.c-product-4:hover {background-position: 0px -181px;}
			.c-product-4a {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/3_food-seasoningsms.png) 0px -181px;}

		.c-product-5 {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/5_nutrition-and-special-foodsms.png) 0px 0px;}
			.c-product-5:hover {background-position: 0px -181px;}
			.c-product-5a {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/5_nutrition-and-special-foodsms.png) 0px -181px;}

		.c-product-6 {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/14_beveragesms.png) 0px 0px;}
			.c-product-6:hover {background-position: 0px -181px;}
			.c-product-6a {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/14_beveragesms.png) 0px -181px;}

		.c-product-7 {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/10_flourms.png) 0px 0px;}
			.c-product-7:hover {background-position: 0px -181px;}
			.c-product-7a {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/10_flourms.png) 0px -181px;}

		.c-product-8 {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/9_pastams.png) 0px 0px;}
			.c-product-8:hover {background-position: 0px -181px;}
			.c-product-8a {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/9_pastams.png) 0px -181px;}

		.c-product-9 {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/12_edible-oils-and-fatsms.png) 0px 0px;}
			.c-product-9:hover {background-position: 0px -181px;}
			.c-product-9a {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/12_edible-oils-and-fatsms.png) 0px -181px;}

		.sliderwrapper{margin-left:130px;}
			.pagination{margin-left:130px;}

	/*investor*/
	.investor{}
		/*email alert*/
		.ea-1{float:left; width:170px; height:28px; background:url(images/background/titik-dua.jpg) no-repeat right; font-size:13px; line-height: 18px; font-family: "Lato", serif; color:#787878}
		.ea-1n{float:left; width:170px; font-size:13px; line-height: 18px; font-family: "Lato", serif; color:#787878}		
		.ea-1m{display:block;}
		.ea-2{float:left; width:195px; font-size:13px; line-height: 18px; color:#787878; font-family: "Lato", serif; }		
		.ea-3{float:left; width:195px; font-size:13px; line-height: 18px; color:#787878; font-family: "Lato", serif; padding-bottom:5px;}
		.ea-4{float:left; width:170px; height:28px; background:url(images/background/titik-dua.jpg) no-repeat right; font-size:13px; line-height: 18px; font-family: "Lato", serif; color:#787878; padding-left:0px;}
		.ea-5{float:left; width:195px; font-size:13px; line-height: 18px; color:#787878; font-family: "Lato", serif; }
		.ea-6{float:left; width:195px; font-size:13px; line-height: 18px; color:#787878; font-family: "Lato", serif; margin-top:5px; margin-left:170px;}
		
		/*annual report*/
		.annual-report{float:left; width:220px; padding:5px 5px 20px 5px;}
	
		/*Quarterly Financial Results*/
		.qfr{padding:10px 0;}
			.qfr-arrow2{display:block;}
			.qfr-2 {margin-left:0px;}
			.qfr-3 {margin-left:100px;}
			.qfr-4 {margin-left:0px;}
			
	/*news & events*/
		/*news*/
		.event{padding:10px 0;}
			.event-text{float:right; width:400px; padding:5px 0 0 0px;}
            .event-text img{max-width:100%;}
				.event-detail-text{float:left; width:390px; padding:5px 0 0 20px;}
				.event-detail-icon{float:left; width:95px; padding:5px 0 10px 60px; text-align:left;}
			.event-img{padding-left:60px;}
				.event-thumb{width:190px; float:left; padding:0 0 20px 0;}
		    
		/*new product*/
		.new-product{padding:10px 0;}
			.np-text{float:left; padding-left:20px; width:390px;}
			.np-img{float:left; padding-left:150px;}
	
	/*sustainability*/
	.sg-text{font-size:14px; color:#797979; font-family: "Lato", serif; margin:2px 0 0 30px; float:left; width:300px;}
		.c-sustainability-1 {float:left; width: 240px; height:40px; text-indent:-99999px; cursor:pointer; background: url(images/sustainability/menu-480.jpg) 0px 0px;}
			.c-sustainability-1:hover {background-position: -240px 0px;}
			.c-sustainability-1a {float:left; width: 240px; height:40px; text-indent:-99999px; cursor:pointer; background: url(images/sustainability/menu-480.jpg) -240px 0px;}	
		.c-sustainability-2 {float:left; width: 240px; height:40px; text-indent:-99999px; cursor:pointer; background: url(images/sustainability/menu-480.jpg) 0px -40px;}
			.c-sustainability-2:hover {background-position: -240px -40px;}
			.c-sustainability-2a {float:left; width: 240px; height:40px; text-indent:-99999px; cursor:pointer; background: url(images/sustainability/menu-480.jpg) -240px -40px;}
		.c-sustainability-3 {float:left; width: 240px; height:40px; text-indent:-99999px; cursor:pointer; background: url(images/sustainability/menu-480.jpg) 0px -80px;}
			.c-sustainability-3:hover {background-position: -240px -80px;}
			.c-sustainability-3a {float:left; width: 240px; height:40px; text-indent:-99999px; cursor:pointer; background: url(images/sustainability/menu-480.jpg) -240px -80px;}
		.c-sustainability-4 {float:left; width: 240px; height:40px; text-indent:-99999px; cursor:pointer; background: url(images/sustainability/menu-480.jpg) 0px -120px;}
			.c-sustainability-4:hover {background-position: -240px -120px;}
			.c-sustainability-4a {float:left; width: 240px; height:40px; text-indent:-99999px; cursor:pointer; background: url(images/sustainability/menu-480.jpg) -240px -120px;}
		.c-sustainability-5 {float:left; width: 240px; height:40px; text-indent:-99999px; cursor:pointer; background: url(images/sustainability/menu-480.jpg) 0px -160px;}
			.c-sustainability-5:hover {background-position: -240px -160px;}
			.c-sustainability-5a {float:left; width: 240px; height:40px; text-indent:-99999px; cursor:pointer; background: url(images/sustainability/menu-480.jpg) -240px -160px;}

	/*career*/
	.career-icon{float:left; padding-right:15px;}
	.career-text{float:left; padding-top:0px; width:400px;}
		/*job vacancy*/
			.jv-1{float:left; width:410px; padding-left:10px;}
				.jv-1 ul{padding-left:15px; list-style-image:url(images/background/list-style-min.jpg);}
			.jv-2{float:left; padding:10px 0 0 10px;}
	
	/*contact*/
	.contact{margin-top:10px; background:#f3f2ee; text-align:left;}
		.contact-info{padding:30px 0 20px 20px; width:368px;}
			.contact-map{width:460px; height:345px;}
    
    /*sitemap*/
    .sitemap{display:none;}
    .sitemap-mobile{display:block; width:480px;}
	    .sitemap-mobile-1{float:left; width:230px;}
	    .sitemap-mobile-r{float:right; width:230px;}
	    .sitemap-3, .sitemap-4{width:300px; float:none;}
	    .sitemap-line-v{margin-left:10px; height:10px;}
	    .link-sitemap-b a{font-weight:bold;}

    /*call-centre*/
    .call-centre{width:460px;}
	    .cch-1{width:460px; color:#0058aa; font-size:20px;}
	    .cch-2{width:455px; color:#FFF; font-size:13px; line-height: 18px; padding:0 0 0 5px;}
		    .cch2-l{float:left; width:455px; text-align:left;}
		    .cch2-r{float:left; width:455px; padding-left:15px;}
			    .ccb-item{float:none; padding:10px 0; margin-left:110px;}
}


/*		Wide Mobile Layout: 568px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.mobile568
------------------------------------------------------------
cols    1     2      3      4      5	  6 
px      68    160    252    344    436    528    */

@media only screen and (min-width: 550px) and (max-width: 610px) {
	
	body {
		/*width: 528px;
		padding: 48px 34px 60px;*/		
		width: 568px;
	}
	/*TEXTFIELD*/
	.boxtxts{
		width: 270px;
		height: 20px;
		border: none;
		background:none;
		color: #787878;
		font-size:12px; line-height: 17px;
		padding:6px 0 0 12px;	
		border:none;
		outline:none;
	}
	#fieldtxts{
		width:288px;
		height:28px;
		background:url(images/background/txt-k2.jpg) no-repeat top left;
	}
	.boxtxtm1{
		width: 270px;
		height: 20px;
		border: none;
		background:none;
		color: #787878;
		font-size:12px; line-height: 17px;
		padding:6px 0 0 12px;	
		border:none;
		outline:none;
	}
	#fieldtxtm1{
		width:288px;
		height:28px;
		background:url(images/background/txt-k.jpg) no-repeat top left;
	}
	.boxtxtm2{
		width: 270px;
		height: 20px;
		border: none;
		background:none;
		color: #787878;
		font-size:12px; line-height: 17px;
		padding:6px 0 0 12px;	
		border:none;
		outline:none;
	}
	#fieldtxtm2{
		width:288px;
		height:28px;
		background:url(images/background/txt-k2.jpg) no-repeat top left;
	}
	.space-2{display:block;}
	.space-6{display:none;}	
	.space-4m{padding-top:0px;}
	.header-content{width:568px; margin:0 auto; background:none; height:45px;}
		.header-l{float:left; width:117px;}			
		.header-c{float:left; width:130px; margin-left:80px;}
			.logo-indofood{width:114px; height:30px;}
		.header-r{float:right; width:196px;}
			.iphone .btn-search{margin-left:-2px;}
		.header:hover{background:none;}
	
	/*menu*/
	.menu{display:none;}
	.menu-mobile{display:block; width:568px; margin:0 auto; position:absolute; z-index:999;}
    .menu-mobile a { text-transform:uppercase; }
		.iphone .dl-menu{top:35px;}
		.mm-l{display:inline-block; margin-left:10px;}
		.mm-r{display:inline-block; margin:5px 0 0 460px;}
			.iphone .mm-l{float:left; margin:0; padding:5px 0 0 0;}
			.iphone .mm-r{float:left; margin:0; padding:3px 0 0 460px;}
	
	/*banner*/
	#main-slider{display:none;}
	#main-sliderm{display:block; padding-top:35px;}
	
	/*dropdown*/
	.submenu{display:none;}

/*FOOTER*/
.footer{width:568px; margin:0 auto; padding:10px 0 5px 10px;}
	.footer-l{background:url(images/footer/icon-i.jpg) no-repeat top left; height:26px; position:absolute; margin-left:0px; }
		.copyright{position:absolute; margin-top:35px; margin-left:100px; width:350px;}
	.footer-r{margin-top:0px; width:181px; position:absolute; margin-left:370px; }
	
/*DIVISION*/
.division{width:100%;}
.divisionm{margin-top:35px;}
	.division-content{width:568px; margin:0 auto;text-align:center}
		.dc{display:inline-block;}

		.dc-1 {float:left; width: 140px; height:125px; text-indent:-99999px; cursor:pointer; background: url(/images/business/1_consumer-branded-productsms.png) 0px 0px; }
			.dc-1:hover {background-position: 0px -125px;}
			.dc-1a {float:left; width: 140px; height:125px; text-indent:-99999px; cursor:pointer; background: url(/images/business/1_consumer-branded-productsms.png) 0px -125px;}

		.dc-2 {float:left; width: 115px; height:125px; text-indent:-99999px; cursor:pointer; background: url(/images/business/2_bogasarims.png) 0px 0px; }
			.dc-2:hover {background-position: 0px -125px;}
			.dc-2a {float:left; width: 115px; height:125px; text-indent:-99999px; cursor:pointer; background: url(/images/business/2_bogasarims.png) 0px -125px;}

		.dc-3 {float:left; width: 117px; height:125px; text-indent:-99999px; cursor:pointer; background: url(/images/business/3_agribusinessms.png) 0px 0px; }
			.dc-3:hover {background-position: 0px -125px;}
			.dc-3a {float:left; width: 117px; height:125px; text-indent:-99999px; cursor:pointer; background: url(/images/business/3_agribusinessms.png) 0px -125px;}

		.dc-4 {float:left; width: 103px; height:125px; text-indent:-99999px; cursor:pointer; background: url(/images/business/4_distributionms.png) 0px 0px; }
			.dc-4:hover {background-position: 0px -125px;}
			.dc-4a {float:left; width: 103px; height:125px; text-indent:-99999px; cursor:pointer; background: url(/images/business/4_distributionms.png) 0px -125px;}


/*MAIN*/
.main{width:548px; margin:0 auto;}
.main-content{width:548px; margin:0 auto; padding-top:0px;}
.main-contentm{padding-top:40px;background: none repeat scroll 0 0 rgba(0, 0, 0, 0);}
.main-head{width:548px; padding-bottom:10px; padding-top:35px;}
.main-head img{width:100%;}
	.main-title{font-size:25px; color:#3a3a3a; font-family: "Inter", serif; font-weight: 300; padding-top:5px; line-height:25px; text-align:left; margin-top:20px}
		.main-subtitle{font-size:22px; color:#787878; font-family: "Inter", serif; font-weight: 300; width:548px; margin-top:-20px; text-align:left;}
		.main-subtitle2{font-size:22px; color:#787878; font-family: "Inter", serif; font-weight: 300; width:548px; padding-bottom:20px; margin-top:-20px; text-align:left;}
			.sustainability-border .main-subtitle2{margin-top:0px; padding-bottom:0px;}
	.main-text{font-family: "Lato", serif; font-size:13px; line-height: 18px; line-height:20px; color:#787878; text-align:justify;}
		.main-space1{float:left; display:block; width:10px;}
			.main-space1m{float:left; display:block; width:10px;}
		.main-space2{display:none;}
		.main-space3{float:left; display:block; width:10px;}
		.main-text p{padding-bottom:10px;}
		.main-text ul{padding-left:15px;}
		.main-texts{font-family: "Lato", serif; font-size:12px; line-height: 17px; color:#787878; text-align:justify;}
		.main-textm{font-family: "Lato", serif; font-size:15px; line-height: 22px; color:#787878; text-align:justify;}
		.main-textl{font-family: "Lato", serif; font-size:18px; line-height: 23px; color:#787878; text-align:justify;}
	.main-isi{float:left; width:548px;}
    .main-isi2{width:548px;}
	.main-line{background:url(images/background/line.jpg) repeat-x center; height:2px;}
	.star{font-size:13px; line-height: 18px; color:#00529b;font-family: "Lato", serif; font-style:italic;}
	
	/*home*/
	.home1{float:left; width:548px; padding:15px 0;}
	.home2{float:right; width:548px; padding:15px 0;}
	.home-content{float:left; width:260px; padding-top:15px;}
	.home-text{float:right; width:200px; font-family: "Lato", serif; font-size:13px; line-height: 18px; color:#3a3a3a;}
	.home-texte{float:right; width:240px; font-family: "Lato", serif; font-size:13px; line-height: 18px; color:#3a3a3a;}
	.home-space{float:left; width:20px;}	
	#home-carousel{width:460px; margin-left:0px; margin-top:20px;}
		#home-carousel ul{padding-left:24px;}
	.title-img{width:296px;}
		
	/*navigation*/
	.navigation{display:none;}	
	
	/*company*/
		/*indofood at a glance*/
		.iaag{padding:10px 0;}
			.iaag-1{float:left; width:238px;}
			.iaag-2{float:right; width:310px;}		
		
		/*vision mission value*/
		.vmv{padding:10px 0;}
			.vmv-1{float:left; width:80px; background:url(images/company/vmv-bg.jpg) no-repeat top left; padding:10px 0 0 16px; height:45px;}
			.vmv-2{float:left; width:440px;}
		
		/*history*/
		.hi{padding:10px 0 10px 0; width:272px;}
			.hi-1{float:left; width:66px; height:64px; background:url(images/company/hi-bg.jpg) no-repeat top left; font-family: "Lato", serif; text-align:center;}		
			.hi-2{float:left; width:170px;}
				.hi-2s{padding-left:12px;}
		
		/*awards*/
		.awards{float:left; padding:0 0 0 20px; font-family: "Lato", serif; width:252px;}
		
		/*board*/
		.board{float:left; width:237px; padding:0 0 20px 25px; text-align:center;}
			.board-text{font-size:20px; width:237px; font-family: "Lato", serif; color:#787878;}
			.board-img{width:200px; height:auto;}

	/*business*/
		/*consumer branded products*/
		/*.cbp-1{width:548px; padding:10px 0 10px 0;}		
		.cbp-2{width:548px; text-align:center}*/
		.cbp-1{float:left; width:300px; padding:20px 0 10px 0;}		
		.cbp-2{float:right; padding:20px 0 10px 0;}
	
	/*product*/
	.product{}
		.product-icons{float:left; width:40px; padding-right:15px;}
		.product-links{float:left; color:#787878; font-size:12px; line-height: 17px; width:240px; font-family: "Lato", serif; line-height:20px;}
		.product-titles{font-size:30px; color:#787878; font-family: "Inter", serif; font-weight: 200; padding:10px 0; text-align:left;}
		#product-carousel{display:none;}
		.product-carauselm{display:block; padding-top:35px; background:#e9e8e3 url(images/background/divisionm.jpg) repeat-x top center; width:100%; height:545px;}

		.c-product-1 {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/1_noodlesms.png) 0px 0px;margin:0 15px;}
			.c-product-1:hover {background-position: 0px -181px;}
			.c-product-1a {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/1_noodlesms.png) 0px -181px;}

		.c-product-2 {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/2_dairyms.png) 0px 0px;margin:0 15px;}
			.c-product-2:hover {background-position: 0px -181px;}
			.c-product-2a {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/2_dairyms.png) 0px -181px;}

		.c-product-3 {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/4_snack-foodsms.png) 0px 0px;margin:0 15px;}
			.c-product-3:hover {background-position: 0px -181px;}
			.c-product-3a {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/4_snack-foodsms.png) 0px -181px;}

		.c-product-4 {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/3_food-seasoningsms.png) 0px 0px;margin:0 15px;}
			.c-product-4:hover {background-position: 0px -181px;}
			.c-product-4a {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/3_food-seasoningsms.png) 0px -181px;}

		.c-product-5 {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/5_nutrition-and-special-foodsms.png) 0px 0px;margin:0 15px;}
			.c-product-5:hover {background-position: 0px -181px;}
			.c-product-5a {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/5_nutrition-and-special-foodsms.png) 0px -181px;}

		.c-product-6 {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/14_beveragesms.png) 0px 0px;margin:0 15px;}
			.c-product-6:hover {background-position: 0px -181px;}
			.c-product-6a {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/14_beveragesms.png) 0px -181px;}

		.c-product-7 {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/10_flourms.png) 0px 0px;margin:0 15px;}
			.c-product-7:hover {background-position: 0px -181px;}
			.c-product-7a {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/10_flourms.png) 0px -181px;}

		.c-product-8 {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/9_pastams.png) 0px 0px;margin:0 15px;}
			.c-product-8:hover {background-position: 0px -181px;}
			.c-product-8a {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/9_pastams.png) 0px -181px;}

		.c-product-9 {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/12_edible-oils-and-fatsms.png) 0px 0px;margin:0 15px;}
			.c-product-9:hover {background-position: 0px -181px;}
			.c-product-9a {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/12_edible-oils-and-fatsms.png) 0px -181px;}

		.sliderwrapper{margin:50px 0 0 0px;}
			.pagination{margin:0px;}

	/*investor*/
	.investor{}
		/*email alert*/
		.ea-1{float:left; width:170px; height:28px; background:url(images/background/titik-dua.jpg) no-repeat right; font-size:13px; line-height: 18px; font-family: "Lato", serif; color:#787878}
		.ea-1n{float:left; width:170px; font-size:13px; line-height: 18px; font-family: "Lato", serif; color:#787878}		
		.ea-1m{display:block;}
		.ea-2{float:left; width:300px; font-size:13px; line-height: 18px; color:#787878; font-family: "Lato", serif; }		
		.ea-3{float:left; width:195px; font-size:13px; line-height: 18px; color:#787878; font-family: "Lato", serif; padding-bottom:5px;}
		.ea-4{float:left; width:170px; height:28px; background:url(images/background/titik-dua.jpg) no-repeat right; font-size:13px; line-height: 18px; font-family: "Lato", serif; color:#787878; padding-left:0px;}
		.ea-5{float:left; width:195px; font-size:13px; line-height: 18px; color:#787878; font-family: "Lato", serif; }
		.ea-6{float:left; width:195px; font-size:13px; line-height: 18px; color:#787878; font-family: "Lato", serif; margin-top:5px; margin-left:170px;}
		
		/*annual report*/
		.annual-report{float:left; width:222px; padding:5px 15px 30px 15px;}
	
		/*Quarterly Financial Results*/
		.qfr{padding:10px 0;}
			.qfr-arrow2{display:block; width:60px;}
			.qfr-2 {margin-left:0px;}
			.qfr-3 {margin-left:100px;}
			.qfr-4 {margin-left:0px;}
			
	/*news & events*/
		/*news*/
		.event{padding:10px 0;}
			.event-text{float:left; width:485px; padding:5px 0 0 15px;}
            .event-text img{max-width:100%;}
				.event-detail-text{float:left; width:380px; padding:5px 0 0 20px;}
				.event-detail-icon{float:right; width:90px; padding:5px 0 0 0; text-align:left;}
			.event-img{padding-left:60px;}
				.event-thumb{width:196px; float:left; padding:0 15px 20px 15px;}
		
		/*new product*/
		.new-product{padding:10px 0;}
			.np-text{float:left; padding-left:20px; width:260px;}
			.np-img{float:right; padding-left:0px;}

	/*sustainability*/
	.sg-text{font-size:18px; line-height: 23px; color:#797979; font-family: "Lato", serif; margin:2px 0 0 30px; float:left; width:400px; text-align:left;}
		.c-sustainability-1 {float:left; width: 284px; height:40px; text-indent:-99999px; cursor:pointer; background: url(images/sustainability/menu-568.jpg) 0px 0px;}
			.c-sustainability-1:hover {background-position: -284px 0px;}
			.c-sustainability-1a {float:left; width: 284px; height:40px; text-indent:-99999px; cursor:pointer; background: url(images/sustainability/menu-568.jpg) -284px 0px;}	
		.c-sustainability-2 {float:left; width: 284px; height:40px; text-indent:-99999px; cursor:pointer; background: url(images/sustainability/menu-568.jpg) 0px -40px;}
			.c-sustainability-2:hover {background-position: -284px -40px;}
			.c-sustainability-2a {float:left; width: 284px; height:40px; text-indent:-99999px; cursor:pointer; background: url(images/sustainability/menu-568.jpg) -284px -40px;}
		.c-sustainability-3 {float:left; width: 284px; height:40px; text-indent:-99999px; cursor:pointer; background: url(images/sustainability/menu-568.jpg) 0px -80px;}
			.c-sustainability-3:hover {background-position: -284px -80px;}
			.c-sustainability-3a {float:left; width: 284px; height:40px; text-indent:-99999px; cursor:pointer; background: url(images/sustainability/menu-568.jpg) -284px -80px;}
		.c-sustainability-4 {float:left; width: 284px; height:40px; text-indent:-99999px; cursor:pointer; background: url(images/sustainability/menu-568.jpg) 0px -120px;}
			.c-sustainability-4:hover {background-position: -284px -120px;}
			.c-sustainability-4a {float:left; width: 284px; height:40px; text-indent:-99999px; cursor:pointer; background: url(images/sustainability/menu-568.jpg) -284px -120px;}
		.c-sustainability-5 {float:left; width: 284px; height:40px; text-indent:-99999px; cursor:pointer; background: url(images/sustainability/menu-568.jpg) 0px -160px;}
			.c-sustainability-5:hover {background-position: -284px -160px;}
			.c-sustainability-5a {float:left; width: 284px; height:40px; text-indent:-99999px; cursor:pointer; background: url(images/sustainability/menu-568.jpg) -284px -160px;}
	
	/*career*/
	.career-icon{float:left; padding-right:15px;}
	.career-text{float:left; padding-top:0px; width:400px;}
		/*job vacancy*/
			.jv-1{float:left; width:490px; padding-left:10px;}
				.jv-1 ul{padding-left:15px; list-style-image:url(images/background/list-style-min.jpg);}
			.jv-2{float:left; padding:10px 0 0 10px;}
	
	/*contact*/
	.contact{margin-top:10px; background:#f3f2ee; text-align:left;}
		.contact-info{padding:30px 0 20px 20px; width:368px;}
			.contact-map{width:548px; height:411px;}

    /*sitemap*/
    .sitemap{display:none;}
    .sitemap-mobile{display:block; width:568px;}
	    .sitemap-mobile-1{float:left; width:270px;}
	    .sitemap-mobile-r{float:right; width:270px;}
	    .sitemap-3, .sitemap-4{width:300px; float:none;}
	    .sitemap-line-v{margin-left:10px; height:10px;}
	    .link-sitemap-b a{font-weight:bold;}	

    /*call-centre*/
    .call-centre{width:548px;}
	    .cch-1{width:548px; color:#0058aa; font-size:25px;}
	    .cch-2{width:542px; color:#FFF; font-size:13px; line-height: 18px; padding:0 0 0 5px;}
		    .cch2-l{float:left; width:542px; text-align:left;}
		    .cch2-r{float:left; width:542px; padding-left:15px;}
			    .ccb-item{float:left; padding:10px 20px;}
}

/*		Wide Mobile Layout: 685px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.mobile685
------------------------------------------------------------
cols    1     2      3      4      5	  6 
px      68    160    252    344    436    528    */

@media only screen and (min-width: 660px) and (max-width: 720px) {
	
	body {
		/*width: 528px;
		padding: 48px 34px 60px;*/		
		width: 685px;
	}
	/*TEXTFIELD*/
	.boxtxts{
		width: 270px;
		height: 20px;
		border: none;
		background:none;
		color: #787878;
		font-size:12px; line-height: 17px;
		padding:6px 0 0 12px;	
		border:none;
		outline:none;
	}
	#fieldtxts{
		width:288px;
		height:28px;
		background:url(images/background/txt-k2.jpg) no-repeat top left;
	}
	.boxtxtm1{
		width: 270px;
		height: 20px;
		border: none;
		background:none;
		color: #787878;
		font-size:12px; line-height: 17px;
		padding:6px 0 0 12px;	
		border:none;
		outline:none;
	}
	#fieldtxtm1{
		width:288px;
		height:28px;
		background:url(images/background/txt-k.jpg) no-repeat top left;
	}
	.boxtxtm2{
		width: 270px;
		height: 20px;
		border: none;
		background:none;
		color: #787878;
		font-size:12px; line-height: 17px;
		padding:6px 0 0 12px;	
		border:none;
		outline:none;
	}
	#fieldtxtm2{
		width:288px;
		height:28px;
		background:url(images/background/txt-k2.jpg) no-repeat top left;
	}
	.space-2{display:block;}
	.space-6{display:none;}	
	.space-4m{padding-top:0px;}
	.header-content{width:685px; margin:0 auto; background:none; height:45px; margin-top:-15px;}
		.header-l{float:left; width:117px;}			
		.header-c{float:left; width:130px; margin-left:140px;}
			.logo-indofood{width:114px; height:30px;}
		.header-r{float:right; width:196px;}
		.header:hover{background:none;}
	
	/*menu*/
	.menu{display:none;}
	.menu-mobile{display:block; width:685px; margin:0 auto; position:absolute; z-index:999;}
    .menu-mobile a { text-transform:uppercase; }
		.mm-l{display:inline-block; margin-left:10px;}
		.mm-r{display:inline-block; margin:5px 0 0 580px;}
	
	/*banner*/
	#main-slider{padding-top:35px;}

/*FOOTER*/
.footer{width:685px; margin:0 auto; padding:10px 0;}
	.footer-l{background:url(images/footer/icon-i.jpg) no-repeat top left; height:26px; position:absolute; margin-left:0px; }
		.copyright{position:absolute; margin-top:35px; margin-left:180px; width:350px;}
	.footer-r{margin-top:0px; width:181px; position:absolute; margin-left:505px; }
	
/*DIVISION*/
.division{width:100%;}
.divisionm{margin-top:35px;}
	.division-content{width:685px; margin:0 auto;text-align:center}
		.dc{display:inline-block;}

		.dc-1 {float:left; width: 140px; height:125px; text-indent:-99999px; cursor:pointer; background: url(/images/business/1_consumer-branded-productsms.png) 0px 0px; margin-left:50px;}
			.dc-1:hover {background-position: 0px -125px;}
			.dc-1a {float:left; width: 140px; height:125px; text-indent:-99999px; cursor:pointer; background: url(/images/business/1_consumer-branded-productsms.png) 0px -125px; }

		.dc-2 {float:left; width: 115px; height:125px; text-indent:-99999px; cursor:pointer; background: url(/images/business/2_bogasarims.png) 0px 0px; }
			.dc-2:hover {background-position: 0px -125px;}
			.dc-2a {float:left; width: 115px; height:125px; text-indent:-99999px; cursor:pointer; background: url(/images/business/2_bogasarims.png) 0px -125px; }

		.dc-3 {float:left; width: 117px; height:125px; text-indent:-99999px; cursor:pointer; background: url(/images/business/3_agribusinessms.png) 0px 0px; }
			.dc-3:hover {background-position: 0px -125px;}
			.dc-3a {float:left; width: 117px; height:125px; text-indent:-99999px; cursor:pointer; background: url(/images/business/3_agribusinessms.png) 0px -125px; }

		.dc-4 {float:left; width: 103px; height:125px; text-indent:-99999px; cursor:pointer; background: url(/images/business/4_distributionms.png) 0px 0px; }
			.dc-4:hover {background-position: 0px -125px;}
			.dc-4a {float:left; width: 103px; height:125px; text-indent:-99999px; cursor:pointer; background: url(/images/business/4_distributionms.png) 0px -125px; }
		

/*MAIN*/
.main{width:665px; margin:0 auto;}
.main-content{width:665px; margin:0 auto; padding-top:0px;}
.main-contentm{padding-top:40px;}
.main-head{width:665px; padding-bottom:10px; padding-top:35px;}
.main-head img{width:100%;}
	.main-title{font-size:25px; color:#3a3a3a; font-family: "Inter", serif; font-weight: 300; padding-top:5px; line-height:25px; text-align:left; margin-top:20px}
		.main-subtitle{font-size:22px; color:#787878; font-family: "Inter", serif; font-weight: 300; width:665px; margin-top:-20px; text-align:left;}
		.main-subtitle2{font-size:22px; color:#787878; font-family: "Inter", serif; font-weight: 300; width:665px; padding-bottom:20px; margin-top:-20px; text-align:left;}
			.sustainability-border .main-subtitle2{margin-top:0px; padding-bottom:0px;}
	.main-text{font-family: "Lato", serif; font-size:13px; line-height: 18px; line-height:20px; color:#787878; text-align:justify;}
		.main-space1{float:left; display:block; width:10px;}
			.main-space1m{float:left; display:block; width:10px;}
		.main-space2{display:none;}
		.main-space3{float:left; display:block; width:10px;}
		.main-text p{padding-bottom:10px;}
		.main-text ul{padding-left:15px;}
		.main-texts{font-family: "Lato", serif; font-size:12px; line-height: 17px; color:#787878; text-align:justify;}
		.main-textm{font-family: "Lato", serif; font-size:15px; line-height: 22px; color:#787878; text-align:justify;}
		.main-textl{font-family: "Lato", serif; font-size:18px; line-height: 23px; color:#787878; text-align:justify;}
	.main-isi{float:left; width:665px;}
    .main-isi2{width:665px;}
	.main-line{background:url(images/background/line.jpg) repeat-x center; height:2px;}
	.star{font-size:13px; line-height: 18px; color:#00529b;font-family: "Lato", serif; font-style:italic;}
	
	/*home*/
	.home1{float:left; width:665px; padding:15px 0;}
	.home2{float:right; width:665px; padding:15px 0;}
	.home-content{float:left; width:320px; padding-top:15px;}
	.home-text{float:right; width:260px; font-family: "Lato", serif; font-size:13px; line-height: 18px; color:#3a3a3a;}
	.home-texte{float:left; width:260px; font-family: "Lato", serif; font-size:13px; line-height: 18px; color:#3a3a3a; padding-left:20px;}
	.home-space{float:left; width:20px;}	
	#home-carousel{width:460px; margin-left:0px; margin-top:20px;}
		#home-carousel ul{padding-left:24px;}
	.title-img{width:296px;}
		
	/*navigation*/
	.navigation{display:none;}	
	
	/*company*/
		/*indofood at a glance*/
		.iaag{padding:10px 0;}
			.iaag-1{float:left; width:238px;}
			.iaag-2{float:right; width:425px;}		
		
		/*vision mission value*/
		.vmv{padding:10px 0;}
			.vmv-1{float:left; width:80px; background:url(images/company/vmv-bg.jpg) no-repeat top left; padding:10px 0 0 16px; height:45px;}
			.vmv-2{float:left; width:550px;}
		
		/*history*/
		.hi{padding:10px 0 10px 0; width:330px;}
			.hi-1{float:left; width:66px; height:64px; background:url(images/company/hi-bg.jpg) no-repeat top left; font-family: "Lato", serif; text-align:center;}		
			.hi-2{float:left; width:230px;}
				.hi-2s{padding-left:12px;}
		
		/*awards*/
		.awards{float:left; padding:0 0 0 5px; font-family: "Lato", serif; width:210px;}
		
		/*board*/
		.board{float:left; width:210px; padding:0 0 20px 0px; text-align:center;}
			.board-text{font-size:20px; width:210px; font-family: "Lato", serif; color:#787878;}
			.board-img{width:200px; height:auto;}

	/*business*/
		/*consumer branded products*/
		.cbp-1{float:left; width:420px; padding:20px 0 10px 0;}		
		.cbp-2{float:right; padding:20px 0 10px 0;}
	
	/*product*/
	.product{}
		.product-icons{float:left; width:40px; padding-right:15px;}
		.product-links{float:left; color:#787878; font-size:12px; line-height: 17px; width:240px; font-family: "Lato", serif; line-height:20px;}
		.product-titles{font-size:30px; color:#787878; font-family: "Inter", serif; font-weight: 200; padding:10px 0; text-align:left;}
		#product-carousel{padding:35px 0 0 0;}

		.c-product-1 {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/1_noodlesms.png) 0px 0px;}
			.c-product-1:hover {background-position: 0px -181px;}
			.c-product-1a {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/1_noodlesms.png) 0px -181px;}

		.c-product-2 {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/2_dairyms.png) 0px 0px;}
			.c-product-2:hover {background-position: 0px -181px;}
			.c-product-2a {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/2_dairyms.png) 0px -181px;}

		.c-product-3 {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/4_snack-foodsms.png) 0px 0px;}
			.c-product-3:hover {background-position: 0px -181px;}
			.c-product-3a {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/4_snack-foodsms.png) 0px -181px;}

		.c-product-4 {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/3_food-seasoningsms.png) 0px 0px;}
			.c-product-4:hover {background-position: 0px -181px;}
			.c-product-4a {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/3_food-seasoningsms.png) 0px -181px;}

		.c-product-5 {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/5_nutrition-and-special-foodsms.png) 0px 0px;}
			.c-product-5:hover {background-position: 0px -181px;}
			.c-product-5a {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/5_nutrition-and-special-foodsms.png) 0px -181px;}

		.c-product-6 {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/14_beveragesms.png) 0px 0px;}
			.c-product-6:hover {background-position: 0px -181px;}
			.c-product-6a {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/14_beveragesms.png) 0px -181px;}

		.c-product-7 {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/10_flourms.png) 0px 0px;}
			.c-product-7:hover {background-position: 0px -181px;}
			.c-product-7a {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/10_flourms.png) 0px -181px;}

		.c-product-8 {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/9_pastams.png) 0px 0px;}
			.c-product-8:hover {background-position: 0px -181px;}
			.c-product-8a {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/9_pastams.png) 0px -181px;}

		.c-product-9 {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/12_edible-oils-and-fatsms.png) 0px 0px;}
			.c-product-9:hover {background-position: 0px -181px;}
			.c-product-9a {float:left; width: 159px; height:181px; text-indent:-99999px; cursor:pointer; background: url(/images/product/12_edible-oils-and-fatsms.png) 0px -181px;}

		.sliderwrapper{margin:50px 0 0 0px;}
			.pagination{margin:0px;}

	/*investor*/
	.investor{}
		/*email alert*/
		.ea-1{float:left; width:170px; height:28px; background:url(images/background/titik-dua.jpg) no-repeat right; font-size:13px; line-height: 18px; font-family: "Lato", serif; color:#787878}
		.ea-1n{float:left; width:170px; font-size:13px; line-height: 18px; font-family: "Lato", serif; color:#787878}		
		.ea-1m{display:block;}
		.ea-2{float:left; width:300px; font-size:13px; line-height: 18px; color:#787878; font-family: "Lato", serif; }		
		.ea-3{float:left; width:195px; font-size:13px; line-height: 18px; color:#787878; font-family: "Lato", serif; padding-bottom:5px;}
		.ea-4{float:left; width:170px; height:28px; background:url(images/background/titik-dua.jpg) no-repeat right; font-size:13px; line-height: 18px; font-family: "Lato", serif; color:#787878; padding-left:0px; clear:both;}
		.ea-5{float:left; width:195px; font-size:13px; line-height: 18px; color:#787878; font-family: "Lato", serif; }
		.ea-6{float:left; width:195px; font-size:13px; line-height: 18px; color:#787878; font-family: "Lato", serif; margin-top:5px; margin-left:170px;}
		
		/*annual report*/
		.annual-report{float:left; width:222px; padding:5px 50px 30px 50px;}
	
		/*Quarterly Financial Results*/
		.qfr{padding:10px 0;}
			.qfr-arrow2{display:block; width:20px;}
			.qfr-2 {margin-left:0px;}
			.qfr-3 {margin-left:0px;}
			.qfr-4 {margin-left:0px;}
			
	/*news & events*/
		/*news*/
		.event{padding:10px 0;}
			.event-text{float:left; width:600px; padding:5px 0 0 15px;}
            .event-text img{max-width:100%;}
				.event-detail-text{float:left; width:500px; padding:5px 0 0 20px;}
				.event-detail-icon{float:right; width:90px; padding:5px 0 0 0; text-align:left;}
			.event-img{padding-left:60px;}
				.event-thumb{width:196px; float:left; padding:10px 40px 20px 0;}
		
		/*new product*/
		.new-product{padding:10px 0;}
			.np-text{float:left; padding-left:20px; width:370px;}
			.np-img{float:right; padding-left:0px;}
	
	/*sustainability*/
	.sustainability{}

		.c-sustainability-1 {float:left; width: 137px; height:150px; text-indent:-99999px; cursor:pointer; background: url(/images/sustainability/1_building-human-capitalm.png) 0px 0px;}
			.c-sustainability-1:hover {background-position: 0px -150px;}
			.c-sustainability-1a {float:left; width: 137px; height:150px; text-indent:-99999px; cursor:pointer; background: url(/images/sustainability/1_building-human-capitalm.png) 0px -150px;}

		.c-sustainability-2 {float:left; width: 137px; height:150px; text-indent:-99999px; cursor:pointer; background: url(/images/sustainability/4_nutrition-for-allm.png) 0px 0px;}
			.c-sustainability-2:hover {background-position: 0px -150px;}
			.c-sustainability-2a {float:left; width: 137px; height:150px; text-indent:-99999px; cursor:pointer; background: url(/images/sustainability/4_nutrition-for-allm.png) 0px -150px;}

		.c-sustainability-3 {float:left; width: 137px; height:150px; text-indent:-99999px; cursor:pointer; background: url(/images/sustainability/2_strengthening-economic-valuem.png) 0px 0px;}
			.c-sustainability-3:hover {background-position: 0px -150px;}
			.c-sustainability-3a {float:left; width: 137px; height:150px; text-indent:-99999px; cursor:pointer; background: url(/images/sustainability/2_strengthening-economic-valuem.png) 0px -150px;}

		.c-sustainability-4 {float:left; width: 137px; height:150px; text-indent:-99999px; cursor:pointer; background: url(/images/sustainability/5_community-engagement-in-protecting-the-environmentm.png) 0px 0px;}
			.c-sustainability-4:hover {background-position: 0px -150px;}
			.c-sustainability-4a {float:left; width: 137px; height:150px; text-indent:-99999px; cursor:pointer; background: url(/images/sustainability/5_community-engagement-in-protecting-the-environmentm.png) 0px -150px;}

		.c-sustainability-5 {float:left; width: 137px; height:150px; text-indent:-99999px; cursor:pointer; background: url(/images/sustainability/3_solidarity-and-humanitym.png) 0px 0px;}
			.c-sustainability-5:hover {background-position: 0px -150px;}
			.c-sustainability-5a {float:left; width: 137px; height:150px; text-indent:-99999px; cursor:pointer; background: url(/images/sustainability/3_solidarity-and-humanitym.png) 0px -150px;}
		
	
	/*career*/
	.career-icon{float:left; padding-right:15px;}
	.career-text{float:left; padding-top:0px; width:500px;}
		/*job vacancy*/
			.jv-1{float:left; width:590px; padding-left:10px;}
				.jv-1 ul{padding-left:15px; list-style-image:url(images/background/list-style-min.jpg);}
			.jv-2{float:left; padding:10px 0 0 10px;}
	
	/*contact*/
	.contact{margin-top:10px; background:#f3f2ee; text-align:left;}
		.contact-info{padding:30px 0 20px 20px; width:368px;}
			.contact-map{width:665px; height:499px;}

    /*sitemap*/
    .sitemap{display:none;}
    .sitemap-mobile{display:block; width:685px;}
	    .sitemap-mobile-1{float:left; width:330px;}
	    .sitemap-mobile-r{float:right; width:330px;}
	    .sitemap-3, .sitemap-4{width:330px; float:none;}
	    .sitemap-line-v{margin-left:10px; height:10px;}
	    .link-sitemap-b a{font-weight:bold;}
    /*call-centre*/
    .call-centre{width:665px;}
	    .cch-1{width:665px; color:#0058aa; font-size:25px;}
	    .cch-2{width:660px; color:#FFF; font-size:13px; line-height: 18px; padding:0 0 0 5px;}
		    .cch2-l{float:left; width:330px; text-align:left;}
		    .cch2-r{float:left; width:330px;}
			    .ccb-item{float:left; padding:10px 20px; margin-left:40px;}
}

/*		Wide Mobile Layout: 685px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.mobileall
------------------------------------------------------------
cols    1     2      3      4      5	  6 
px      68    160    252    344    436    528    */

@media only screen and (min-width: 310px) and (max-width: 900px) {
	/*product*/
	.noodle-bg{background:none;}
	.pasta-bg{background:none;}
	.flour-bg{background:none;}
	.dairy-bg{background:none;}
	.food-seasonings-bg{background:none;}
	.snack-bg{background:none;}
	.biscuits-bg{background:none;}
	.nutrition-bg{background:none;}
	.oil-bg{background:none;}
}

@media only screen and (min-width: 310px) and (max-width: 900px) {
.menu-company, .menu-business, .menu-product, .menu-investor, .menu-news,.menu-sustainability, .menu-career, .menu-contact,.menu-awco, .menu-awcbp, .menu-awbo, .menu-awoi, .menu-awce{display:none;}
}

@media only screen and (min-width: 310px) and (max-width: 570px) {
	#product-carousel{display:none;}
	.product-carauselm{display:none;}
}


/* call center */
/*desktop*/
.ccb{background:#bdbec0; width:100%; min-height:600px; padding-bottom:20px;}
	.ccb-item{float:left; width:264px; height:400px; display:block; padding:5px 0 0 0; margin:0 20px 0 30px;}
		.ccb-item0{width:264px; height:400px; display:block; margin:0 auto; padding:5px 0 0 0;}
		.ccb-text{position:absolute; z-index:2; text-align:center; color:#fff; width:206px; margin:210px 0 0 30px;}

/*mobile320*/
@media only screen and (min-width: 10px) and (max-width: 500px) {
	.ccb-item{float:none; padding:10px 0; margin-left:18px;}
    .qfr-filler {margin-left:0px;width:0;height:0;float:none}
}

/*mobile568*/
@media only screen and (min-width: 550px) and (max-width: 610px) {
	.ccb-item{float:left; padding:0px 0 0 110px;}
}

/*mobile685*/
@media only screen and (min-width: 660px) and (max-width: 720px) {
	.ccb-item{float:left; padding:10px 10px; margin-left:20px;}
}

/*tablet*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.ccb-item{float:left; padding:10px 10px; margin-left:50px;}
}

@media only screen and (min-width: 10px) and (max-width: 620px) {
	.qfr{padding:20px 0;}
		.qfr-arrow-1, .qfr-arrow-2, .qfr-arrow-3, .qfr-arrow-4{position:relative;}
		.qfr-arrow-4 {margin-left:0px;}
		.qfr-arrow-2, .qfr-arrow-3, .qfr-arrow-1{display:none;}
		.qfr-1, .qfr-2, .qfr-3, .qfr-4{position:relative;}
		.q1{margin-left:100px;}
		.q2{margin-left:100px;}
		.q3{margin-left:100px;}
			.q2.mobile, .q3.mobile, .q4.mobile{margin-left:0px;}
		.q4{margin-left:0px;}
}

@media only screen and (min-width: 480px) and (max-width:620px) {
	.qfr{padding:10px 0;}	
	.qfr-arrow-1, .qfr-arrow-2, .qfr-arrow-3, .qfr-arrow-4{display:block; margin-left:0px;}	
}
@media only screen and (min-width: 480px) and (max-width: 540px) {	
	.q1, .q2, .q3, .q4{margin-left:0px;}
    .qfr-arrow-2 {display:block;margin-left:70px; }
}

@media only screen and (min-width: 550px) and (max-width: 610px) {
	.qfr-arrow-2, .qfr-arrow-3, .qfr-arrow-4{width:60px;}
	.q1, .q2, .q3, .q4{margin-left:0px;}
    .qfr-arrow-2 {display:block;margin-left:70px; }
}

@media only screen and (min-width: 660px) and (max-width: 720px) {
	.qfr-arrow-1{margin-left:70px;}
	.qfr-arrow-2{margin-left:220px;}
	.qfr-arrow-3{margin-left:370px;}
	.qfr-arrow-4{margin-left:520px;}
	.q1{margin-left:100px;}
	.q2{margin-left:250px;}
	.q3{margin-left:400px;}
	.q4{margin-left:550px;}
}

/*revisi 19July2016*/
.board-table-2{float:left;}
    .bo-3{width:346px; text-align:center;}
    .bo-4{width:162px;}
    .bo-5{width:346px;}
    .bo-space{float:left; display:block; width:10px;}


/*revisi 05Aug2016*/
.clear{clear:both; height:0;}
.bms {text-align: left;}
.bms p {padding: 0;}
.bms-1{float:left; width:340px;}
	.bms-m-1 img{display:block; margin:0; padding:0;}
	.bms-1-1{background:#00529b; color:#ffffff; font-size:14px; font-family: "Lato", serif; font-weight: bold; padding:10px 5px;}
	.bms-1-2{background:#e8ebee; color:#3a3a3a; font-size:13px; line-height: 18px; font-family: "Lato", serif; padding:10px 5px; margin-top:10px;}	
		.bms-1-2 a{color:#00529b;}	
		.bms-1-2-0, .bms-1-2-1, .bms-1-2-2, .bms-1-2-3, .bms-1-2-4{float:left; width:54%; line-height:26px;}
		.bms-1-2-0{float:none; width:100%; font-weight:bold;}
		.bms-1-2-2{width:44%; margin-left:2%;}
		.bms-1-2-3{width:35%;}
		.bms-1-2-4{width:65%;}
	.bms-custom-1{height:140px;}
		
.bms-line{float:left; width:30px; display:block; text-align:center;}
	.bms-no{display:block;}
	.bms-yes{display:none;}
	.bms-m-2{display:none;}

@media only screen and (min-width: 10px) and (max-width: 710px) {
	.bms-no{display:none;}
	.bms-yes{display:block;}
	.bms{width:300px; margin:0 auto; text-align: left;}
		.bms-1{float:none; width:100%;}
			.bms-1-1{font-size:13px; line-height: 18px; margin-top:30px;}
			.bms-1-2{font-size:11px;}
				.bms-1-2-1{width:56%;}
				.bms-1-2-2{width:42%;}
		.bms-m-1{float:left; width:284px;}
		.bms-m-2{float:left; width:16px; display:block;}
			.bms-m-2-1{margin-top:52px;}
			.bms-m-2-2{margin-top:126px;}
}

/*revisi 26Sep2017*/
.sg-7{width:100px; text-align:left; padding-left:10px;}
.sg-8{width:320px; text-align:left; padding-left:10px;}
.sg-9{width:70px; text-align:center;}
.stock-1{float:left; margin-right:20px;}
.stock-2{float:left; font-size:20px; line-height:28px; padding-top:4px;}
	a .stock-2{color:#00529b;}
	a .stock-2:hover{color:#4b4b4b;}

/*revisi 26May2022*/
.menu-space, .menu-space:nth-child(5n){padding:38px 17px 0 17px;}

/*revisi 05Jul2022*/
.ccb{text-align: center;}
.ccb-item{position: relative; float: none; display: inline-block;}
.ccb-number a{color: #fff;}
.ccb-item._center{width: 200px; margin: 0;}
.ccb-img._desktop{display: block;}
.ccb-img._mobile{display: none;}
.ccb-text{left: 0; right: 0; margin: auto; margin-top: 205px;}
.ccb-img{left: 0; right: 0; margin: auto;}
.ccb-title, .ccb-subtitle, .ccb-telp, .ccb-number, .ccb-email{letter-spacing: 0.4px;}
.ccb-email{line-height: 14px;}

@media only screen and (max-width: 720px) {
	.ccb-item{margin: auto;}
}

/*revisi 22Jul2022*/
.footer-r{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.copyright{padding-left: 10px;}
.sosmed{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; align-items: center; padding-right: 10px; margin-top: -5px;}
.icon-ig, .icon-tw, .icon-fb, .icon-in, .icon-yt, .icon-wa{display: block; width: 28px; height: 28px; background: url(images/footer/icon-sosmed.png) no-repeat; background-size:  205px 28px; margin: 0 5px; transition: all .3s;}
.icon-ig:hover, .icon-tw:hover, .icon-fb:hover, .icon-in:hover, .icon-yt:hover, .icon-wa:hover{transform: scale(1.2);}
	.icon-ig{background-position: 0 0;}
	.icon-tw{background-position: -35px 0;}
	.icon-fb{background-position: -71px 0;}
	.icon-in{background-position: -106px 0;}
	.icon-yt{background-position: -142px 0;}
	.icon-wa{background-position: -177px 0;}


@media only screen and (max-width: 991px) {
	.ccb-item._center{display: none;}
	.ccb-img._desktop{display: none;}
	.ccb-img._mobile{display: block;}
	.footer-l{float: none; width: 250px; min-height: 26px; margin: auto; text-align: center; padding-left: 24px;}
		.link-footer{float: none;}
		.copyright{width: 300px; padding: 0; margin: auto; margin-top: 80px; left: 0; right: 0;}
	.footer-r{justify-content: center; margin-top: 5px; margin-bottom: 5px;}
		.sosmed{margin-top: 0; margin-bottom: 10px;}
}
@media only screen and (min-width: 480px) and (max-width: 699px) {
	.footer-l, .footer-r{position: relative;}
		.copyright{margin-top: 45px;}
	.footer-r{width: 100%; margin: auto; margin-top: 5px;}
}
@media only screen and (min-width: 700px) and (max-width: 991px) {
	.footer-l, .footer-r{position: relative; height: auto; margin: 0; width: auto;}
	.footer-l{float: left; padding-left: 22px; text-align: left;}
		.copyright{position: relative; margin: 0; padding-left: 10px; width: auto;}
	.footer-r img{width: calc(130px * .8);}
		.sosmed{padding-right: 5px; margin-top: 0;}
		.icon-ig, .icon-tw, .icon-fb, .icon-in, .icon-yt, .icon-wa{margin: 2px;}
}

/*revisi 29Sep2022*/
@media only screen and (max-width: 390px) {
	.footer-r{margin-top: 30px;}
}
@media only screen and (min-width: 400px) and (max-width: 991px){
	.footer-l{min-width: 290px;}
	.sosmed{margin-top: 5px;}
}
@media only screen and (min-width: 700px) and (max-width: 991px) {
	.sosmed{transform: scale(.85); margin-top:3px;}
}

/*revisi 17Mar2023*/
#homePromo img{display: block; max-width: 100%;}
/*revisi 07Feb2025*/
body{font-family: "Lato", serif; line-height: normal;}
a{color: inherit;}
.nav-link a{letter-spacing: -.5px;}