@charset "UTF-8";

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

The Brand

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

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

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

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


/* inner-section-full-width */
#brand .inner-section-full-width{
	background-color:#ededed;
	background-image:url("/en/images/brand/bra_p010.jpg");
	background-repeat:no-repeat;
	background-position:center 24%;
	position:relative;
	display:block;
	float:none;
	margin:0;
	box-sizing: border-box;
	width:100%;
/* 	min-height:720px; */
	height:auto;
	padding:0;
}

#brand .inner-section-full-width .text{
	position:static;
	display:block;
	margin:94px 0 0 0;
	box-sizing: border-box;
	width:100%;
	padding:0 15px;
	text-align:center;
}

#brand .inner-section-full-width .text h1{
	display:block;
	margin:0 0 90px 0;
	width:auto;
	text-align:center;
}

#brand .inner-section-full-width .text h1 img{
	max-width:532px;
	width:100%;
}

#brand .inner-section-full-width .text .lead{
	display:block;
	margin:0 auto 28px auto;
	max-width:532px;
	width:auto;
	text-align:center;
	font-size:237%;
	line-height:1em;
}

#brand .inner-section-full-width .text .body{
	line-height:1.9em;
}


/* inner-section-optional-width */
#brand .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;
}

#brand .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; */
}


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


/* column-block */
#brand .column-block{
	display:block;
	float:left;
	margin:0;
	padding:0;
	width:100%;
}

#brand .column-block .left-column{
	float:left;
	width:432px;
	padding:0 0 0 0;
}

#brand .column-block .right-column{
	float:left;
	width:432px;
	padding:0 0 0 82px;

}

#brand .column-block .left-column h3.block-heading,
#brand .column-block .right-column h3.block-heading{
	margin:38px 0 2px 0;
	padding:0;
	font-size:137%;
	font-weight:normal;
}

#brand .column-block .left-column p,
#brand .column-block .right-column p{
	margin:0 0 40px 0;
	padding:0;
	font-size:100%;
	line-height:1.6em;
	text-align:justify;
}

#brand .column-block .left-column p img,
#brand .column-block .right-column p img{
	padding-bottom:1em;
	width:100%;
	height:auto;
}

#brand .column-block .right-column p img{
	padding-bottom:0;
}


/* pillar-btn */
#brand .pillar-btn a{
	display:inline-block;
	background-color:#000000;
	padding:10px 35px;
	line-height:1em;
	font-size:143%;
	font-weight:normal;
	color:#ffffff;
}

#brand .pillar-btn a:hover,
#brand .pillar-btn a:active{
	opacity:0.8;
	text-decoration:none;
}


/* about-inax */

#brand #about-inax{
	height:720px;
	background-image:url("/en/images/brand/bra_p010.jpg");
	background-position:center 0%;
	background-size:1600px;
	padding-top:278px;
}

#brand #about-inax .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;
}

#brand #about-inax .text h2.block-heading{
	position:relative;
	z-index:1;
	display:inline-block;
	margin-bottom:8px;
	padding:0;
	font-weight:normal;
	font-size:243%;
}

#brand #about-inax .text h2.block-heading img{
	max-width:270px;
	width:100%;
}

#brand #about-inax .text h3.block-heading{
	display:block;
	margin-bottom:12px;
	max-width:560px;
	width:auto;
	padding:0;
	color:inherit;
	font-weight:normal;
	font-size:125%;
	line-height:1em;
}

#brand #about-inax .text p{
	margin-bottom:12px;
	max-width:946px;
	width:auto;
	text-align:justify;
	line-height:1.9em;
}


/* brand-statement */

#brand #brand-statement{
	height:720px;
	background-image:url("/en/images/brand/bra_p020.jpg");
	background-position:center 0%;
	background-size:1600px;
	padding-top:120px;
}

#brand #brand-statement .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;
}

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

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

}

#brand #brand-statement .text h3.block-heading{
	display:block;
	margin-bottom:12px;
	max-width:560px;
	width:auto;
	padding:0;
	color:inherit;
	font-weight:normal;
	font-size:125%;
	line-height:1em;
}

#brand #brand-statement .text p{
	margin-bottom:12px;
	max-width:314px;
	width:auto;
	text-align:justify;
	line-height:1.4em;
}



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

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

}

@media screen and (min-width: 0px) and (max-width: 1169px){
	#brand .inner-section-full-width .text{
	}

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

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

	#brand .column-block{
		box-sizing: border-box;
/* 		width:80%; */
	}

	#brand .column-block .left-column{
		box-sizing: border-box;
		width:45%;
		padding:0 0 0 0;
	}

	#brand .column-block .right-column{
		box-sizing: border-box;
		width:55%;
		padding:0 0 0 8%;
	}

	#brand .column-block .left-column h3.block-heading,
	#brand .column-block .right-column h3.block-heading,
	#brand .column-block .left-column p,
	#brand .column-block .right-column p{
		padding:0 15px 0 15px;
	}

	#brand .column-block .left-column p img,
	#brand .column-block .right-column p img{
		width:100%;
		height:auto;
	}


/* about-inax */
	#brand #about-inax{
/* 		background-size:250% auto; */
	}

	#brand #about-inax .text h2.block-heading,
	#brand #about-inax .text h3.block-heading,
	#brand #about-inax .text p{
/* 		max-width:946%; */
		padding-left:15px;
		padding-right:15px;
	}


/* brand-statement */
	#brand #brand-statement{
/* 		background-size:250% auto; */
	}

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

}

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

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

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

	#brand .inner-section-full-width{
		background-size:200% auto;
	}

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

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

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

	#brand .column-block{
		box-sizing: border-box;
/* 		width:70%; */
	}

	#brand .column-block .left-column{
	float:none;
		box-sizing: border-box;
		width:100%;
		padding:0;
	}

	#brand .column-block .right-column{
	float:none;
		box-sizing: border-box;
		width:100%;
		padding:0;
	}

	#brand .column-block .left-column p,
	#brand .column-block .right-column p{
	}

	#brand .column-block .left-column p img,
	#brand .column-block .right-column p img{
		width:100%;
		height:auto;
	}

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


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


/* about-inax */
	#brand #about-inax{
		height:auto;
		background-size:auto auto;
		padding-top:94px;
		padding-bottom:94px;
	}

	#brand #about-inax{
		background-position:center 50%;
		background-size:400% auto;
	}

	#brand #about-inax .text h2.block-heading,
	#brand #about-inax .text h3.block-heading,
	#brand #about-inax .text p{
		max-width:100%;
	}


/* brand-statement */
	#brand #brand-statement{
		height:auto;
		background-size:auto auto;
		padding-top:94px;
		padding-bottom:94px;
	}

	#brand #brand-statement{
		background-position:70% 70%;
		background-size:370% auto;
	}

	#brand #brand-statement .text h2.block-heading,
	#brand #brand-statement .text h3.block-heading,
	#brand #brand-statement .text p{
		max-width:100%;
	}

}





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

print

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

	#brand .page-header img{
	}

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

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

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

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

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

	#brand .inner-section-full-width{
		height:1200px;
	}

	#brand .inner-section-full-width .image{
		width:auto !important;
	}

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

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

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

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

	#brand .column-block{
		box-sizing: border-box;
/* 		width:80%; */
	}

	#brand .column-block .left-column{
		box-sizing: border-box;
		width:48%;
		padding:0 0 0 15px;
	}

	#brand .column-block .right-column{
		box-sizing: border-box;
		width:52%;
		padding:0 15px 0 30px;
	}

	#brand .column-block .left-column p,
	#brand .column-block .right-column p{
	}

	#brand .column-block .left-column p img,
	#brand .column-block .right-column p img{
		width:100%;
		height:auto;
	}


/* about-inax */
	#brand #about-inax{
/* 		height:auto; */
/* 		background-size:auto auto; */
	}

	#brand #about-inax .text h2.block-heading,
	#brand #about-inax .text h3.block-heading,
	#brand #about-inax .text p{
/* 		max-width:100%; */
		padding-left:15px;
		padding-right:15px;
	}


/* brand-statement */
	#brand #brand-statement{
/* 		height:auto; */
/* 		background-size:auto auto; */
	}

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

}