@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;}
#d1138051 ul{
    display:flex;
    flex-wrap:wrap;
}
#d1138051 li{
    width:20%;
    text-align:center;
    border:solid 1px #fff;
}
#d1138051 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 */
#d1138051 li:not(:target){float:left\9;}
#d1138051 li a:not(:target){display:block\9;}
/* For IE10 */
@media all and (-ms-high-contrast: none){
    #d1138051 li:not(:target){float:none;}
    #d1138051 li a:not(:target){display:flex;}
}

#d1138051 li a:hover,
#d1138051 li a:focus,
#d1138051 li a.current{
    border-bottom:solid 5px #4b1e78;
}
#d1138051 li a .fa{display:none;}

@media (max-width: 767px) {
    #d1138051 li{
        width:33.3333333333%;
    }
}

/* Common Heading Size */
.heading-h1{margin:0;}
.heading-h1 h1{font-size:30px;text-align:center;}
#d1146850 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 */
#d1138442 .page-header h3,
#d1138442 .page-header h3,
#d1138455 .page-header h3,
#d1149558 .page-header h3{
    margin:60px 0 15px;
    text-align:center;
}


/* System Image Size */
#d1151871 a.display-inline-block img,
#d1151930 a.display-inline-block img,
#d1151934 a.display-inline-block img,
#d1151857 a.display-inline-block img,
#d1151894 a.display-inline-block img,
#d1151907 a.display-inline-block img{width:600px;}


@media (max-width: 767px) {
    .c3container{width:100%;margin-bottom:20px !important;}
    #d1151871 a.display-inline-block img,
    #d1151930 a.display-inline-block img,
    #d1151934 a.display-inline-block img,
    #d1151857 a.display-inline-block img,
    #d1151894 a.display-inline-block img,
    #d1151907 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;}<!--0.00017309188842773-->