@charset "UTF-8";

/* clearFix */
#d1138051:after,
.bulletPoint .wrapper:after,
.exampleMenu.navigation:after{clear:both;}
#d1138051:after,#d1138051:before,
.bulletPoint .wrapper:after,.bulletPoint .wrapper:before,
.exampleMenu.navigation:after,.exampleMenu.navigation:before{content:" ";display:table}

/* Common Navigetion */
#d1138051{margin:20px 0;}
#d1761505 ul{
	display:flex;
	flex-wrap:wrap;
}
#d1761505 li{
	width:20%;
	text-align:center;
	border:solid 1px #fff;
}
#d1761505 li a{
	display:flex;
	padding:17px 8px 12px;
	height:100%;
	font-weight:bold;
	background:#f4f4f4;
	border-bottom:solid 5px #f4f4f4;
	justify-content:center;
	align-items:center;
	transition:all 0.8s ease;
}
/* For IE9 */
#d1761505 li:not(:target){float:left\9;}
#d1761505 li a:not(:target){display:block\9;}
/* For IE10 */
@media all and (-ms-high-contrast: none){
	#d1761505 li:not(:target){float:none;}
	#d1761505 li a:not(:target){display:flex;}
}

#d1761505 li a:hover,
#d1761505 li a:focus,
#d1761505 li a.current{
	border-bottom:solid 5px #4b1e78;
}
#d1761505 li a .fa{display:none;}

@media (max-width: 767px) {
	#d1761505 li{
		width:33.3333333333%;
	}
}

/* Common Heading Size */
.heading-h1{margin:0;}
.heading-h1 h1{font-size:30px;text-align:center;}
#d1775835 h2{margin-top:30px;font-size:36px;}

/* TOP */
#d1138006.heading-h1 h1{text-align:left;}
[data-id="1138009"] .list-inline-img{max-width:100%;} /* For IE */
[data-id="1138009"] .list-inline-img li img{width:100%;} /* For IE */

/* Narrow Contents */
.narrowContents .container-fluid{
	max-width:1000px;
	text-align:center;
}
.narrowContents h3{
	margin-bottom:22px;
	padding-bottom:12px;
	border-bottom:solid 1px #eee;
}
.narrowContents .detail-page h3{
	margin-bottom:9.5px;
	padding-bottom:0;
	border-bottom:none;
	text-align:left;
}
.narrowContents .descriptions{margin-bottom:24px;}
.narrowContents .list-inline-img{margin-right:auto;margin-left:auto;}
.narrowContents .detail-page p{text-align:left;}
.narrowContents .media-box.media-image.pull-left{float:none !important;}

.narrowContents .media-box a.display-inline-block{
	position:relative;
	transition:all 0.8s ease;
}
.narrowContents .media-box a.display-inline-block .fa-arrows-alt{
	position:absolute;
	bottom:4px;
	right:4px;
	padding:2px;
	font-size:18px;
	background:#fff;
	transition:all 0.8s ease;
}
.narrowContents .media-box a.display-inline-block:hover{
	opacity:0.6;
}
.narrowContents .media-box a.display-inline-block:hover .fa-arrows-alt{
	opacity:0.6;
}

/* Solutions */
.c3container{
	width:32.3333333333%;
	margin:0 0.5%;
}
.c3container>a{
	display:block;
	padding:22px 16px;
	height:100%;
	border-radius:4px;
	box-shadow:0 2px 6px #ccc;
}
.c3container>a:hover{text-decoration:none;}
.c3container header{text-align:center;}
.c3container .list-inline-img{margin:0 auto 16px;}
.c3container .descriptions p{margin-bottom:2px;}
.c3container .list-unstyled{margin-top:.5em;}
/* Solution Menu */
[data-id="1138022"]>a{
	background:#eaf5e5;
	transition:all 0.8s ease;
}
[data-id="1138023"]>a{
	background:#feeee1;
	transition:all 0.8s ease;
}
[data-id="1138024"]>a{
	background:#e7f2f6;
	transition:all 0.8s ease;
}
[data-id="1138022"]>a:hover,
[data-id="1138022"]>a:focus{background:#cfecc2;}
[data-id="1138023"]>a:hover,
[data-id="1138023"]>a:focus{background:#f7d8be;}
[data-id="1138024"]>a:hover,
[data-id="1138024"]>a:focus{background:#b0d8e6;}

.bgWraper{
	max-width:1200px;
	margin:0 auto;
	padding:80px 0;
	background-position:top left;
	background-repeat:no-repeat;
}
.leadText{
	max-width:1000px;
	margin:0 auto 80px;
	font-size:16px;
	line-height:1.8;
	text-align:justify;
}
.bpWraper{
	max-width:904px;
	margin:0 auto;
	padding:20px 0;
	/*background:rgba(255, 255, 255, 0.8);*/
	color:#fff;
	background:rgba(0, 0, 0, 0.55);
}
.bulletPoint .wrapper header{
	float:left;
	width:5em;
	margin-right:20px;
	padding-right:20px;
}
.bulletPoint .wrapper header h3{
	margin:.2em;
	font-size:16px;
	font-weight:normal;
	line-height:1.4;
}
.bulletPoint .descriptions{
	float:left;
	width:calc(100% - (5em + 20px));
	font-weight:bold;
	font-size:16px;
	line-height:1.4;
}
.bulletPoint .descriptions p{margin:.2em;}

[data-id="1138433"] header,
[data-id="1138434"] header,
[data-id="1138435"] header{border-right: solid 2px #8fbe5d;}/* Smart Solution Each Point */
[data-id="1151325"] header,
[data-id="1151326"] header,
[data-id="1151327"] header{border-right: solid 2px #ef7f3a;}/* Simple Solution Each Point */
[data-id="1151342"] header,
[data-id="1151343"] header,
[data-id="1151344"] header{border-right: solid 2px #5fabc4;}/* Speaker Systems Each Point */

@media (max-width: 767px) {
	.narrowContents .container-fluid .description{text-align:left;}
	.bgWraper{
		padding:40px 0 120px;
		background-position:bottom left;
		background-size:contain;
	}
	.leadText{margin-bottom:20px;}
	.bpWraper{margin:0 16px;}
}


.entertainmentMenu .links{padding-top:8px;}
/*
.entertainmentMenu ul.list-inline-img{max-width:100%;} * For IE *
.entertainmentMenu ul.list-inline-img li img{width:100%;} * For IE *
*/

/* System Examples */
.exampleMenu{
	padding:0;
}
.exampleMenu a{
	position:relative;
	/*height:180px;*/
	background:#000;
	overflow:hidden;
}
.exampleMenu a img{
	/*position:absolute;
	top:-58%;*/
	opacity:0.4;
	transition:all 0.8s ease;
}
.exampleMenu a:hover img,
.exampleMenu a:focus img{
	opacity:0.8;
}
.exampleMenu h3{
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	margin:auto;
	padding:0 0.4em;
	color:#fff;
	text-align:center;
	transform:translate(-50%, -50%);
}
.exampleMenu.navigation a{
	position:relative;
	height:auto;
	background:none;
	overflow:visible;
}
.exampleMenu.navigation a img{
	position:relative; /* For IE */
	position:initial;
	opacity:1;
}
.exampleMenu.navigation h3{
	position:relative; /* For IE */
	position:initial;;
	left:0; /* For IE */
	padding:8px 0;
	font-size:14px;
	font-weight:normal;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	color:#445166;
	text-align:left;
	transform:none;
}

.caseMenu{padding:0;}
.caseMenu ul.links{
	position:relative;
	margin:0 3px;
	padding:0;
	background:#000;
}
.caseMenu ul.links a img{
	width:100%;
	opacity:0.6;
	transition:all 0.8s ease;
}
.caseMenu ul.links a:hover img,
.caseMenu ul.links a:focus img{opacity:0.9;}
.caseMenu ul.links .menuText{
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	margin:auto;
	padding:0 0.4em;
	color:#fff;
	font-weight:bold;
	text-align:center;
	transform:translate(-50%, -50%);
}
.caseMenu.noLink ul.links img{
	width:100%;
	opacity:0.2;
}
.caseMenu.noLink ul.links .menuText{
	color:#9b9b9b;
	font-weight:normal;
}
.caseMenu.noLink ul.links .menuText .fa{display:none;}
@media (max-width: 991px) {
.caseMenu ul.links .menuText{
	font-size: 11px;
    line-height: 1.2em;
}
}
@media (max-width: 767px) {
.caseMenu ul.links .menuText{
	font-size: 14px;
    line-height: 1.4em;
}
}

.grid .aboutMenu{margin-bottom:20px;}
.aboutMenu .list-inline-img{margin:0 auto;}
.aboutMenu ul.list-inline-img{max-width:100%;} /* For IE */
.aboutMenu ul.list-inline-img li img{width:100%;} /* For IE */

@media (max-width: 767px) {
.aboutMenu{text-align:center;}
}

[data-id="1138454"]{margin:40px 0 80px;}/* System Examples Main Visual */


/* PDF Links Layout */
.pdfLinks ul{
	display:flex;
	flex-wrap:wrap;
	margin:0 -1%;
}
.pdfLinks ul li{
	width:33.3333333333%;
	padding:0.5% 1%;
}
.pdfLinks a{
	display:block;
	padding:10px 6px;
	border:solid 1px #d4d4d4;
	transition:all 0.8s ease;
}
.pdfLinks .wrapper{padding:0;}
.pdfLinks a:hover,
.pdfLinks a:focus{background:#f5f5f5;}


@media (max-width: 767px) {
	/*.exampleMenu a{
		height:140px;
		margin:15px 0;
	}
	.exampleMenu a img{
		top:-72%;
	}*/
	.exampleMenu.navigation a{
		margin:0;
	}
	.pdfLinks ul{margin:0;}
	.pdfLinks ul li{
		width:100%;
		padding:8px 0;
	}
}

/* Heading - Lineup, Case Studies, Other Examples */
#d1776409 .page-header h3,
#d1776409 .page-header h3,
#d1774353 .page-header h3,
#d1777315 .page-header h3{
	margin:60px 0 15px;
	text-align:center;
}


/* System Image Size */
#d1761965 a.display-inline-block img,
#d1762386 a.display-inline-block img,
#d1763449 a.display-inline-block img,
#d1762468 a.display-inline-block img,
#d1762838 a.display-inline-block img,
#d1761105 a.display-inline-block img{width:600px;}


@media (max-width: 767px) {
	.c3container{width:100%;margin-bottom:20px !important;}
	#d1761965 a.display-inline-block img,
	#d1762386 a.display-inline-block img,
	#d1763449 a.display-inline-block img,
	#d1762468 a.display-inline-block img,
	#d1762838 a.display-inline-block img,
	#d1761105 a.display-inline-block img{width:100%;}
}

/* Common */
.mt40{margin-top:40px;}
.mb40{margin-bottom:40px;}
.row-eq-height{display:flex;flex-wrap:wrap;}
.pdfLinks .fa-file-pdf-o{color:#c00;font-size:1.2em;}
