@charset "UTF-8";

/* ----------------------------------------

Brand Pillar

---------------------------------------- */
#pillar{
	background-color:#ededed;
}

#pillar .width1600-wrapper{
	overflow:hidden;
	width:100%;
	background-color:#ededed;
	margin-top:0;
	margin-bottom:0;
}

#pillar .width1600-block{
	float:none;
	width:1600px;
	color:#000000;
}

#pillar .article-header{
	position:relative;
	display:block;
	float:none;
	margin:0 auto;
	box-sizing: border-box;
	max-width:946px;
	width:auto;
	height:auto;
	padding:0;
}

#pillar .article-header h2.block-heading{
	display:block;
	float:none;
	margin:150px 0 0 0;
	width:auto;
	padding:0 0 8px 0;
/* 	color:#009de9; */
	font-weight:normal;
	font-size:156%;
	line-height:1.3em;
/* 	white-space:nowrap; */
}

#pillar .section-block{
	position:relative;
	margin-bottom:0;
/* 	background:#000000; */
	page-break-inside:avoid;
}


/* inner-section-full-width */


/* inner-section-optional-width */
#pillar .inner-section-optional-width{
	background-color:transparent;
/* 	background-image:url("/en/images/50th_anniversary/anv_h1_bg.jpg");
	background-repeat:no-repeat;
	background-position:center 24%; */
	position:relative;
	display:block;
	float:none;
	margin:0 auto;
	box-sizing: border-box;
	max-width:946px;
	width:auto;
	height:auto;
	padding:0;
}

#pillar .inner-section-optional-width h2.block-heading{
	display:block;
	float:none;
	margin:0;
	width:auto;
	padding:0 0 0.6em 0;
/* 	color:#009de9; */
	font-weight:normal;
	font-size:250%;
	line-height:1.3em;
/* 	white-space:nowrap; */
}


#pillar .inner-section-optional-width .image{
	position:absolute;
	top:0;
	left:50%;
/* 	z-index:-1; */
}


/* brand-image-left */

#pillar .brand-image-left{
	height:680px;
	background-image:url("/en/images/pillar/plr_p010.jpg");
	background-position:center 0%;
	background-size:946px;
	padding-top:80px;
}

#pillar #creativity{
	background-image:url("/en/images/pillar/plr_p010.jpg");
}

#pillar #design{
	background-image:url("/en/images/pillar/plr_p030.jpg");
	background-position:center 45%;
}

#pillar .brand-image-left .text{
	position:relative;
	display:block;
	float:none;
	margin:0 auto;
	box-sizing: border-box;
	max-width:946px;
	width:auto;
	height:auto;
	padding:0;
	text-align:left;
}

#pillar .brand-image-left .text h2.block-heading{
	position:relative;
	z-index:1;
	display:inline-block;
	margin-bottom:14px;
	padding:0;
	padding-left:68px;
	font-weight:normal;
	font-size:243%;
}

#pillar .brand-image-left .text h2.block-heading img{
	max-width:100%;

}

#pillar .brand-image-left .text h3.block-heading{
	display:block;
	margin-bottom:8px;
	max-width:246px;
	width:auto;
	padding:0;
	padding-left:68px;
	color:inherit;
	font-weight:bold;
	font-size:181%;
	line-height:1em;
}

#pillar .brand-image-left .text h4.block-heading{
	display:block;
	margin-bottom:8px;
	max-width:246px;
	width:auto;
	padding:0;
	padding-left:68px;
	color:inherit;
	font-weight:normal;
	font-size:175%;
	line-height:1.2em;
}

#pillar .brand-image-left .text p{
	margin-bottom:12px;
	padding-left:68px;
	max-width:246px;
	width:auto;
	text-align:justify;
	line-height:1.4em;
}


#pillar .brand-image-left .text .lead{
	display:block;
	margin:0 0 8px 0;
	padding-left:68px;
	max-width:246px;
	width:auto;
	text-align:left;
	font-size:118%;
	line-height:1.4em;
}


/* brand-image-right */

#pillar .brand-image-right{
	height:680px;
	background-image:url("/en/images/pillar/plr_p020.jpg");
	background-position:center 0%;
	background-size:946px;
	padding-top:80px;
}

#pillar #technology{
	background-image:url("/en/images/pillar/plr_p020.jpg");
	color:#ffffff;
}

#pillar .brand-image-right .text{
	position:relative;
	display:block;
	float:none;
	margin:0 auto;
	box-sizing: border-box;
	max-width:946px;
	width:auto;
	height:auto;
	padding:0;
	text-align:left;
}

#pillar .brand-image-right .text h2.block-heading{
	position:relative;
	z-index:1;
	display:inline-block;
	margin-bottom:14px;
	padding:0;
	padding-right:68px;
	font-weight:normal;
	font-size:243%;
}

#pillar .brand-image-right .text h2.block-heading img{
	max-width:100%;

}

#pillar .brand-image-right .text h3.block-heading{
	display:block;
	margin-left:auto;
	margin-right:0;
	margin-bottom:8px;
	max-width:246px;
	width:auto;
	padding:0;
	padding-right:68px;
	color:inherit;
	font-weight:bold;
	font-size:181%;
	line-height:1em;
}

#pillar .brand-image-right .text h4.block-heading{
	display:block;
	margin-left:auto;
	margin-right:0;
	margin-bottom:8px;
	max-width:246px;
	width:auto;
	padding:0;
	padding-right:68px;
	color:inherit;
	font-weight:normal;
	font-size:175%;
	line-height:1.2em;
}

#pillar .brand-image-right .text p{
	margin-left:auto;
	margin-right:0;
	margin-bottom:12px;
	padding-right:68px;
	max-width:246px;
	width:auto;
	text-align:justify;
	line-height:1.4em;
}


#pillar .brand-image-right .text .lead{
	display:block;
	margin-left:auto;
	margin-right:0;
	margin-bottom:8px;
	padding-right:68px;
	max-width:246px;
	width:auto;
	text-align:left;
	font-size:118%;
	line-height:1.4em;
}



@media screen and (max-width: 1600px){
	#pillar .width1600-wrapper{
		width:100%;
	}

	#pillar .width1600-block{
		width:100%;
	}

}

@media screen and (min-width: 0px) and (max-width: 1169px){
	#pillar .article-header h2.block-heading{
		padding-left:15px;
	}

	#pillar .inner-section-optional-width h2.block-heading,
	#pillar .inner-section-optional-width h3.block-heading,
	#pillar .inner-section-optional-width h4.block-heading,
	#pillar .inner-section-optional-width p{
		margin-left:0;
		padding-left:15px;
		padding-right:15px;
	}

	#pillar .inner-section-optional-width h2.block-heading{
		box-sizing: border-box;
/* 		width:20%; */
	}


/* brand-image-left */
	#pillar .brand-image-left{
/* 		background-size:250% auto; */
	}

	#pillar .brand-image-left .text h2.block-heading,
	#pillar .brand-image-left .text h3.block-heading,
	#pillar .brand-image-left .text h4.block-heading,
	#pillar .brand-image-left .text p{
/* 		max-width:946%; */
		padding-left:68px;
		padding-right:68px;
	}


/* brand-image-right */
	#pillar .brand-image-right{
/* 		background-size:250% auto; */
	}

	#pillar .brand-image-right .text h2.block-heading,
	#pillar .brand-image-right .text h3.block-heading,
	#pillar .brand-image-right .text h4.block-heading,
	#pillar .brand-image-right .text p,
	#pillar .brand-image-right .text .lead{
/* 		max-width:946%; */
		padding-left:68px;
		padding-right:68px;
	}

}

@media screen and (min-width: 0px) and (max-width: 800px){
	#pillar .width1600-wrapper{
/* 		margin-top:0; */
	}

	#pillar .width1600-block{
		width:100%;
	}

	#pillar .article-header h2.block-heading{
		margin-top:94px;
		padding-left:15px;
	}

	#pillar .section-block{
		margin-top:0 !important;
	}

	#pillar .inner-section-optional-width h2.block-heading{
		margin-top:0 !important;
		margin-bottom:12px !important;
	}

	#pillar .inner-section-optional-width .image{
		position:static;
		text-align:center;
	}

	#pillar .inner-section-optional-width h2.block-heading{
		box-sizing: border-box;
/* 		width:30%; */
		padding:0 6px;
/* 		text-align:center; */
/* 		font-size:275%; */
	}

	#description_p011{
		margin-top:0;
		text-align:left;
	}


	#pillar h3.block-heading span{
		white-space:nowrap;
	}


/* brand-image-left */
	#pillar .brand-image-left{
		height:auto;
		background-size:auto auto;
		padding-top:30px;
		padding-bottom:15px;
	}

	#pillar .brand-image-left{
		background-position:90% 25%;
		background-size:200% auto;
	}

	#pillar #design{
		background-position:90% 50%;
		background-size:180% auto;
	}

	#pillar .brand-image-left .text h2.block-heading,
	#pillar .brand-image-left .text h3.block-heading,
	#pillar .brand-image-left .text h4.block-heading,
	#pillar .brand-image-left .text p{
		max-width:246px;
		padding-left:15px;
		padding-right:15px;
	}


/* brand-image-right */
	#pillar .brand-image-right{
		height:auto;
		background-size:auto auto;
		padding-top:30px;
		padding-bottom:15px;
	}

	#pillar .brand-image-right{
		background-position:70% 70%;
		background-size:200% auto;
	}

	#pillar .brand-image-right .text h2.block-heading,
	#pillar .brand-image-right .text h3.block-heading,
	#pillar .brand-image-right .text h4.block-heading,
	#pillar .brand-image-right .text p,
	#pillar .brand-image-right .text .lead{
		max-width:246px;
		padding-left:15px;
		padding-right:15px;
	}

}





/* ----------------------------------------

print

---------------------------------------- */
@media print {
	#pillar .header-block{
		margin:auto;
	}

	#pillar .page-header img{
	}

	#pillar .page-header h1{
		position:relative;
	}

	#pillar .page-header .spec-prev-btn,
	#pillar .page-header .owl-carousel,
	#pillar .page-header .spec-next-btn{
		display:none !important;
	}

	#pillar .width1600-wrapper{
		position:relative !important;
		overflow:hidden !important;
/* 		margin-top:94px; */
		width:auto !important;
	}

	#pillar .width1600-block{
		position:relative !important;
		margin:0 !important;
		width:auto !important;
		padding:0 !important;
	}

	#pillar .section-block{
		margin-top:0 !important;
		margin-bottom:0 !important;
		width:auto !important;
	}

	#pillar .inner-section-optional-width{}

	#pillar .inner-section-optional-width h2.block-heading{
/* 		margin-bottom:15px; */
	}

	#pillar .inner-section-optional-width h2.block-heading,
	#pillar .inner-section-optional-width h3.block-heading,
	#pillar .inner-section-optional-width h4.block-heading,
	#pillar .inner-section-optional-width p{
		margin-left:0;
		padding-left:15px;
		padding-right:15px;
	}

	#pillar .inner-section-optional-width h2.block-heading{
		box-sizing: border-box;
/* 		width:20%; */
	}


/* brand-image-left */
	#pillar .brand-image-left{
/* 		height:auto; */
/* 		background-size:auto auto; */
	}

	#pillar .brand-image-left .text h2.block-heading,
	#pillar .brand-image-left .text h3.block-heading,
	#pillar .brand-image-left .text h4.block-heading,
	#pillar .brand-image-left .text p{
/* 		max-width:100%; */
		padding-left:68px;
		padding-right:68px;
	}


/* brand-image-right */
	#pillar .brand-image-right{
/* 		height:auto; */
/* 		background-size:auto auto; */
	}

	#pillar .brand-image-right .text h2.block-heading,
	#pillar .brand-image-right .text h3.block-heading,
	#pillar .brand-image-right .text h4.block-heading,
	#pillar .brand-image-right .text p,
	#pillar .brand-image-right .text .lead{
/* 		max-width:100%; */
		padding-left:68px;
		padding-right:68px;
	}

}