@font-face{font-family:dinpro-light;src:url(../fonts/DINPro-Light_13935.ttf)}@font-face{font-family:DINPro-Regular;src:url(../fonts/DINPro-Regular_13937.ttf);font-weight:400}*{margin:0;padding:0}body,html{height:100%}body{font-family:DINPro-Regular;width:100%;margin:0;padding:0}body.harman-bg{background:url(../images/index-bg.png) 50% 50% fixed;background-size:cover;background-repeat:no-repeat}.container-fluid{float:left;width:100%;position:relative;height:auto;background-size:cover;background-position:100% 0;font-family:dinpro-light;padding-bottom:10px}.container-wrapper{width:600px;margin:0 auto}.container-wrapper .header{float:left;width:100%;height:110px;text-align:center}.container-wrapper .header img{width:205px;margin-top:30px}.container-wrapper .banner{float:left;width:100%}.container-wrapper .banner img{width:100%}.container-wrapper .con-content{float:left;width:100%;text-align:left}.container-wrapper .con-content h2{font-size:16px;color:#fff;text-transform:uppercase;margin:30px 0 25px}.container-wrapper .con-content p{font-size:12px;color:#fff;text-align:left;margin-bottom:15px}.container-wrapper .entertainment-videos{float:left;width:100%}.container-wrapper .entertainment-videos h4{font-size:12px;color:#fff;text-transform:uppercase;margin:10px 0}.container-wrapper .entertainment-videos .video-con{float:left;width:290px;margin-left:10px}.container-wrapper .entertainment-videos .video-con:nth-child(2){margin-left:0}.container-wrapper .entertainment-videos .video-con img{width:100%}.device-rotate{position:absolute;top:0;left:0;right:0;bottom:0;background:url(images/loadingbg.png),linear-gradient(180deg,#0a304f 1%,#33042d 51%,#160021) 50% no-repeat;background-size:cover}.device-rotate img{width:125px}.device-rotate h2{font-size:18px;color:#fff;margin-top:10px;font-family:dinpro-light}.device-con{position:absolute;width:200px;top:50%;left:50%;margin-left:-100px;margin-top:-83px;text-align:center}.hide{display:none}.show{display:block}.hidden{display:none}.background-container{font-family:dinpro-light;margin:0;padding:0;display:inline-block;width:100%}.present{margin:30px auto;width:20%;text-align:center}.present p{color:#d2c7ce;text-transform:uppercase;font-size:21px;font-family:DINPro-Regular;margin-bottom:20px}.background-container .row{margin:0;padding:0}.padding-none{padding:0}.logo{margin:0 auto;margin-top:58px}.landing-logo.logo{text-align:center;margin-top:70px;margin-bottom:0}.logo img{display:block;margin:0 auto;width:320px}.logo.logo-small{margin:45px 0 0;width:60%}.logo.logo-small img{width:70%}.landing-container{background:linear-gradient(180deg,#090712 1%,#1c0217 51%,#1d082c),50% no-repeat;background-size:cover;position:relative;width:100%;height:100vh;padding:0;margin:0;overflow:hidden}.landing-container video{position:relative;z-index:0}.landing-container .background-container{position:absolute;z-index:1;top:0;left:0;right:0;height:auto;bottom:0}#container-progress{width:450px;margin-left:-225px;height:auto;position:absolute;text-align:center;left:50%;top:50%;margin-top:-145px}.content{position:absolute;top:26%;left:50%;color:#d2c7ce;margin-left:-35%;width:70%}.bottom{margin-top:15%}.bottom p{margin:5px 0;font-size:20px;color:#fff;font-weight:400;text-transform:capitalize}.content .spacebar-button .spacebar{background:transparent;border:1px solid #8b7b98;padding:6px 20px;color:#fff;font-size:18px;text-transform:uppercase;letter-spacing:1px;border-radius:5px;position:relative;width:95%;box-shadow:none;font-weight:400;font-family:dinpro-light;box-shadow:0 0 0 hsla(0,0%,100%,.4)}.content .spacebar-button .spacebar.glow-button{-webkit-animation:a 1s infinite;animation:a 1s infinite}@-webkit-keyframes a{0%{-webkit-box-shadow:0 0 0 0 #fff}to{-webkit-box-shadow:0 0 0 10px hsla(0,0%,100%,0)}}@keyframes a{0%{box-shadow:0 0 0 0 #fff}to{box-shadow:0 0 0 10px hsla(0,0%,100%,0)}}.spacebar.video-spacebar.toggle-glow{-webkit-animation:b 2s infinite;animation:b 2s infinite}@-webkit-keyframes b{0%{-webkit-box-shadow:0 0 0 0 hsla(0,0%,100%,.8)}to{-webkit-box-shadow:0 0 0 10px hsla(0,0%,100%,0)}}@keyframes b{0%{box-shadow:0 0 0 0 hsla(0,0%,100%,.8)}to{box-shadow:0 0 0 10px hsla(0,0%,100%,0)}}.spacebar.video-spacebar{background:transparent;border:1px solid #fff;padding:6px 20px;color:#fff;font-size:12px;text-align:center;text-transform:uppercase;letter-spacing:1px;border-radius:5px;position:relative;width:130px;margin:0 3px;box-shadow:none;font-weight:400;font-family:dinpro-light}.video-text{position:absolute;top:50%;text-align:center;width:100%;color:#fff;font-size:14px!important}@-webkit-keyframes c{0%{opacity:1}to{opacity:0}}.blink{text-decoration:blink;-webkit-animation-name:c;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-webkit-animation-direction:alternate}.content h2{text-transform:uppercase;font-size:1.5em;margin-bottom:10px;letter-spacing:.5px}.passenger{font-weight:700;font-size:1.6em;font-weight:400}.content .spacebar{background:transparent;border:1px solid #8b7b98;padding:6px 20px;color:#fff;font-size:18px;text-transform:uppercase;letter-spacing:1px;border-radius:5px;position:relative;width:95%;box-shadow:none;font-weight:400;font-family:dinpro-light}.btnCnt{margin-top:35px;display:inline-block;width:100%;padding-left:1%;padding-right:1%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.btnCnt .spacebar{width:14%;padding:5px 0;font-size:15px;color:#eee;font-family:dinpro-light;background:#31213d;border:1px solid #8b7b98;text-transform:uppercase;letter-spacing:1px;border-radius:5px;position:relative}.btnCnt button.spacebar:after{border-bottom:none}.btnCnt button.spacebar:first-child{margin-right:60px}.content .spacebar:active,.content .spacebar:focus{outline:none}.center{display:inline-block;margin:0 auto}.myvideo,.myvideo1{width:100%;height:auto}#container{width:100%;height:100vh;overflow:hidden;position:relative}#infoi,#navi{width:100%;height:auto}#navi{height:100%}#infoi,div#infoi{position:relative}div#infoi{display:block;width:100%;height:100%}#space{position:absolute;top:24px;color:wheat;font-family:Sofia;font-size:22px;text-align:left;display:block;left:35px}.center #harmanKardon{width:250px}.center #jblLogo{width:130px}.overlay{background:#000;opacity:.6;height:100vh;z-index:99;position:absolute;width:100%;top:0;left:0;bottom:0}button:focus{outline:none}.button-container .pause,.button-container .play{position:absolute;top:0;border:none;background:transparent;width:85px;height:64px;top:12px;right:0}.button-container .pause{margin-left:-50px}.button-container .pause img,.button-container .play img{width:50%}.btn-ui{background:#6495ed;border:none;padding:10px 25px;font-size:15px;text-align:Ce;color:#fff}.finish-layer{display:inline-block;width:100%;height:100%;text-align:center;z-index:9999;position:absolute;top:0}.finish-layer .spacebar{background:transparent}.finish-layer .centercnt{width:100%;margin:10% auto;text-align:center;position:absolute}.centercnt .config-logo{width:42%}.leftCnt{float:left;width:45%}.rightCnt{float:right}.btnCnt .spacebar img{width:20px;vertical-align:text-bottom;margin-left:3px}.replay{background:transparent;border:none;color:#b0aeac}.replay img{width:23%}.rightCnt .separator{float:left}.centercnt p{color:#fff;font-size:1.4em;margin:35px 0;letter-spacing:.5px}#myJBLVideo{top:0;width:200%;height:auto;z-index:0}#myJBLVideo,#waveVideo{position:absolute;right:0;bottom:0}#waveVideo{min-width:100%;min-height:100%}.video-container{position:absolute;top:0;bottom:0;width:auto;height:auto;overflow:hidden;right:0;left:0}.video-hold{width:10%;top:50%;position:absolute;padding:7px}@media only screen and (orientation:landscape){#bgVideo video,#navi #myJBLVideo{position:fixed;top:50%;left:50%;min-height:100%;height:auto;z-index:-100;transform:translateX(-25%) translateY(-50%);-webkit-transform:translateX(-25%) translateY(-50%);background-size:cover;transition:opacity 1s}}@media (min-width:1700px){.content .bottom{margin-top:20%}.center #jblLogo{width:130px}}@media (min-width:1025px){.bottom-responsive{display:none}}@media only screen and (min-width:768px) and (max-width:1024px){.cntrResponsive{height:100vh}#container-progress{margin-top:-65px;width:32%;margin-left:-16%}.center #harmanKardon{width:220px}.center #jblLogo{width:78px}.button-container .pause{width:75px}.landing-container{background:url(../images/mobile-bg.png) no-repeat;background-size:100% auto}.video-text{position:absolute;top:70%;text-align:center;width:100%;color:#fff;font-size:14px!important}}@media only screen and (min-width:768px) and (max-width:991px){.content .bottom-responsive{font-size:.75em}.passenger{font-size:1.2em}.btnCnt .spacebar{width:25%}.video-text{position:absolute;top:70%;text-align:center;width:100%;color:#fff;font-size:14px!important}}@media only screen and (min-width:992px) and (max-width:1024px){.content .bottom-responsive{font-size:1em}.passenger{font-size:1.6em}.btnCnt .spacebar{width:20%}.video-text{position:absolute;top:70%;text-align:center;width:100%;color:#fff;font-size:14px!important}}@media only screen and (min-width:320px) and (max-width:1200px){.content .bottom-responsive{margin-top:15%}.bottom-responsive{position:relative}.bottom-responsive span{display:inline-block;width:18px;height:18px;background:#00aeea;border-radius:50%;vertical-align:middle;margin:-2px 3px 0}.bottom-responsive img{width:36%;position:absolute;top:24%;left:44%}.video-text{position:absolute;top:70%;text-align:center;width:100%;color:#fff;font-size:14px!important}}.test{position:absolute;top:300px}@media only screen and (min-width:320px) and (max-width:767px){.container-fluid{float:left;width:100%;background:url(../images/index-bg.png),linear-gradient(180deg,#0a304f 1%,#33042d 51%,#160021) 50% no-repeat;background-repeat:no-repeat;position:relative;height:auto;background-size:cover;background-position:100% 0;font-family:dinpro-light}.container-wrapper{width:300px;margin:0 auto}.container-wrapper .con-content h2{font-size:14px}.container-wrapper .con-content p{font-size:11px}.container-wrapper .entertainment-videos{float:left;width:100%}.container-wrapper .entertainment-videos .video-con{float:left;width:145px;margin-left:10px}.landing-container{background:url(../images/mobile-bg.png) no-repeat;background-size:100% auto}#progressBar{position:absolute;top:0;left:0;right:0;bottom:0}.button-container .pause,.button-container .play{width:60px;right:.5%;top:-.5%}#space{top:15px;left:15px}.center #jblLogo{width:63px}.center #harmanKardon{width:150px}.finish-layer{background:url(../images/end-screen.png) no-repeat;background-size:100% auto}.finish-layer,.finish-layer .centercnt{overflow-y:scroll}.centercnt .config-logo{width:67%}.finish-layer .spacebar{font-size:12px}.btnCnt button.spacebar:first-child{margin-right:3%}.btnCnt .spacebar img{width:15px;margin-left:2px}.btnCnt{margin-top:25px}#waveVideo{display:none}.logo img{width:50%}#container-progress{width:60%;margin-left:-30%;margin-top:-65px}.video-text{position:absolute;top:70%;text-align:center;width:100%;color:#fff;font-size:14px!important}}@media only screen and (min-width:481px) and (max-width:767px){.passenger{font-size:1.1em}.content .bottom-responsive{font-size:1em}#container-progress{width:36%;margin-left:-18%}.centercnt p{font-size:1.1em;margin:25px 0}.btnCnt .spacebar{width:30%}.centercnt .config-logo{width:55%}.video-text{position:absolute;top:70%;text-align:center;width:100%;color:#fff;font-size:14px!important}}@media only screen and (min-width:361px) and (max-width:480px){.passenger{font-size:1.1em}.content .bottom-responsive{font-size:.65em}.centercnt p{font-size:.9em;margin:20px 0}.btnCnt .spacebar{width:36%}.video-text{position:absolute;top:70%;text-align:center;width:100%;color:#fff;font-size:14px!important}}@media only screen and (min-width:320px) and (max-width:360px){.content .bottom-responsive{font-size:.5em}.centercnt p,.passenger{font-size:.9em}.centercnt p{margin:20px 0}.btnCnt .spacebar{width:42%}.container-wrapper{width:300px;margin:0 auto}.container-wrapper .con-content h2{font-size:14px}.container-wrapper .con-content p{font-size:11px}.container-wrapper .entertainment-videos{float:left;width:100%}.container-wrapper .entertainment-videos .video-con{float:left;width:145px;margin-left:10px}.video-text{position:absolute;top:70%;text-align:center;width:100%;color:#fff;font-size:14px!important}}@media only screen and (min-width:320px) and (max-width:1024px) and (orientation:landscape){.landing-logo.logo{margin-top:35px}.logo img{width:20%}#myJBLVideo{top:-100%}#container-progress{margin-top:-80px}#container-progress .content{margin-left:-43%;width:86%;padding:0 5px}.content .bottom-responsive{font-size:.7em}.passenger{font-size:.8em;margin-top:16px}.video-container{position:static;top:0;bottom:0;width:auto;height:auto;overflow:hidden;right:0;left:0}.video-text{position:absolute;top:70%;text-align:center;width:100%;color:#fff;font-size:14px!important}#myHarmanKardonVideo{position:absolute;top:0;right:0;bottom:0;min-width:100%;height:100vh;z-index:0;object-fit:cover}}@media only screen and (min-width:1024px) and (max-width:1920px) and (orientation:landscape){#myJBLVideo{min-width:200%;width:auto;z-index:0}#myHarmanKardonVideo,#myJBLVideo{position:absolute;right:0;top:0;bottom:0;height:100vh;object-fit:cover}#myHarmanKardonVideo{min-width:100%;z-index:99}}