</noscript> <!-- End Google Tag Manager (noscript) --> <a id="#top" class="hidden">Top</a> <a href="#skip" class="hidden">Skip Navigation</a> <!-- wrapper --> <div class="wrapper"> <!-- header --> <header class="header clear" role="banner"> <!-- hamburger bun --> <div id="nav2-wrapper"> <!-- hamburger trigger --> <div id="nav-trigger"> <span>MENU</span> </div> <!-- hamburger meat --> <div id="nav2-cont"> <nav id="nav2" role="navigation"> <ul> <li id="menu-item-2249" class="trigger-lang-popup menu-item menu-item-type-custom menu-item-object-custom menu-item-2249"><a href="#">Sprache</a></li> <li id="menu-item-2257" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-2257"><a href="#">Products</a> <ul class="sub-menu"> <li id="menu-item-24719" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-24719"><a href="http://www.bluesound.com/de/wireless-speakers/">Wireless Speakers</a></li> <li id="menu-item-24717" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-24188 current_page_item menu-item-24717"><a href="http://www.bluesound.com/de/wireless-hometheater/">Wireless Home Theater</a></li> <li id="menu-item-24718" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-24718"><a href="http://www.bluesound.com/de/wireless-components/">Wireless Stereo Components</a></li> <li id="menu-item-24716" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-24716"><a href="http://www.bluesound.com/de/accessories/">Accessories</a></li> </ul> </li> <li id="menu-item-4101" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4101"><a href="http://www.bluesound.com/de/bluesound-handler/">Bluesound Händler</a></li> <li id="menu-item-2262" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2262"><a href="http://www.bluesound.com/de/die-bluesound-story/">Unsere Geschichte</a> <ul class="sub-menu"> <li id="menu-item-4653" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4653"><a href="http://www.bluesound.com/de/die-bluesound-story/">Unsere Geschichte</a></li> <li id="menu-item-28714" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-28714"><a href="http://www.bluesound.com/de/technology/">Technology</a></li> <li id="menu-item-4661" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4661"><a href="http://www.bluesound.com/de/music/">Music</a></li> </ul> </li> <li id="menu-item-4112" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4112"><a href="https://support.bluesound.com/hc/en-us/">Hilfe</a></li> <li id="menu-item-28715" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-28715"><a href="http://blog.bluesound.com">Blog</a></li> </ul> </nav> </div> <!-- /hamburger nav --> </div> <!-- /hamburger meat --> <!-- header content--> <div class="content"> <!-- logo --> <div class="logo"> <a href="http://www.bluesound.com/de"> <img src="/wp-content/themes/bluesound/img/BLS-Logo-main-ever-room.png" alt="Bluesound" class="logo-img logo-lg" width="250" height="75"> <img src="/wp-content/themes/bluesound/img/logosm.png" alt="Bluesound" class="logo-img logo-sm" width="66" height="74"> </a> </div> <!-- /logo --> <!-- nav --> <nav id="nav1" class="megamenu" role="navigation"> <ul class="nav-menu"><li id="menu-item-2236" class="eco_menu menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-2236"><a title="Bluesound Products" href="#">Produkte</a> <div class='sub-nav'><ul class='sub-nav-group'> <li id="menu-item-24635" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-24635"><a href="http://www.bluesound.com/de/wireless-speakers/">Wireless Speakers</a> <div class='sub-nav'><ul class='sub-nav-group'> <li id="menu-item-24636" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-24636"><a href="/products/pulse-flex">PULSE FLEX</a></li> <li id="menu-item-24637" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-24637"><a href="/products/pulse-mini">PULSE MINI</a></li> <li id="menu-item-24638" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-24638"><a href="/products/pulse-2">PULSE 2</a></li> </ul></div> </li> <li id="menu-item-24633" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-24188 current_page_item menu-item-has-children menu-item-24633"><a href="http://www.bluesound.com/de/wireless-hometheater/">Wireless Home Theater</a> <div class='sub-nav'><ul class='sub-nav-group'> <li id="menu-item-24639" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-24639"><a href="/products/pulse-soundbar">PULSE SOUNDBAR</a></li> <li id="menu-item-24640" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-24640"><a href="/products/pulse-sub">PULSE SUB</a></li> </ul></div> </li> <li id="menu-item-24634" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-24634"><a href="http://www.bluesound.com/de/wireless-components/">Wireless Stereo Components</a> <div class='sub-nav'><ul class='sub-nav-group'> <li id="menu-item-24641" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-24641"><a href="/products/node-2">NODE 2</a></li> <li id="menu-item-24642" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-24642"><a href="/products/powernode-2">POWERNODE 2</a></li> <li id="menu-item-24643" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-24643"><a href="/products/vault-2">VAULT 2</a></li> </ul></div> </li> <li id="menu-item-24632" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-24632"><a href="http://www.bluesound.com/de/accessories/">Accessories</a></li> </ul></div> </li> <li id="menu-item-4019" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-4019"><a href="#top">Shop</a> <div class='sub-nav'><ul class='sub-nav-group'> <li id="menu-item-2372" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2372"><a href="http://www.bluesound.com/de/bluesound-handler/">Bluesound Händler</a></li> </ul></div> </li> <li id="menu-item-2241" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2241"><a href="#">Über Bluesound</a> <div class='sub-nav'><ul class='sub-nav-group'> <li id="menu-item-2364" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2364"><a href="http://www.bluesound.com/de/die-bluesound-story/">Unsere Geschichte</a></li> <li id="menu-item-4033" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4033"><a href="http://www.bluesound.com/de/music/">Music</a></li> <li id="menu-item-28713" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-28713"><a href="http://www.bluesound.com/de/technology/">Technology</a></li> </ul></div> </li> <li id="menu-item-4037" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4037"><a href="#top">Hilfe</a></li> <li id="menu-item-28712" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-28712"><a href="http://blog.bluesound.com">Blog</a></li> </ul> </nav> <!-- /nav --> </div> <!-- /header content --> <div class="lang-popup"> <h2>Please choose your language</h2><div class="region-user"><h3>UNITED STATES</h3><ul><li class="lang-en-us"><a href="http://www.bluesound.com/en-us/wireless-hometheater/?cl" class="lang-user"><span>English</span></a></li></ul></div><div class="region-container"><div class="region region-international"><h3>INTERNATIONAL</h3><ul><li class="lang-en"><a href="http://www.bluesound.com/wireless-hometheater/?cl" class="lang-user"><span>English</span></a></li><li class="lang-de"><a href="http://www.bluesound.com/de/wireless-hometheater/?cl"><span>German</span> <span lang="de" class="lang-natural">DEUTSCH</span></a></li><li class="lang-fr"><a href="http://www.bluesound.com/fr/wireless-hometheater/?cl"><span>French</span> <span lang="fr" class="lang-natural">FRANÇAIS</span></a></li><li class="lang-nl"><a href="http://www.bluesound.com/nl/wireless-hometheater/?cl"><span>Dutch</span> <span lang="nl" class="lang-natural">NEDERLANDS</span></a></li><li class="lang-pl"><a href="http://www.bluesound.com/pl/wireless-hometheater/?cl"><span>Polish</span> <span lang="pl" class="lang-natural">POLSKI</span></a></li></ul></div><div class="region region-eu"><h3>EUROPEAN UNION</h3><ul><li class="lang-en-eu"><a href="http://www.bluesound.com/en-eu/wireless-hometheater/?cl" class="lang-user"><span>English</span></a></li><li class="lang-de-eu"><a href="http://www.bluesound.com/de-eu/wireless-hometheater/?cl"><span>German</span> <span lang="de-eu" class="lang-natural">DEUTSCH</span></a></li><li class="lang-fr-eu"><a href="http://www.bluesound.com/fr-eu/wireless-hometheater/?cl"><span>French</span> <span lang="fr-eu" class="lang-natural">FRANÇAIS</span></a></li><li class="lang-nl-eu"><a href="http://www.bluesound.com/nl-eu/wireless-hometheater/?cl"><span>Dutch</span> <span lang="nl-eu" class="lang-natural">NEDERLANDS</span></a></li><li class="lang-pl-eu"><a href="http://www.bluesound.com/pl-eu/wireless-hometheater/?cl"><span>Polish</span> <span lang="pl-eu" class="lang-natural">POLSKI</span></a></li></ul></div><div class="region region-ca"><h3>CANADA</h3><ul><li class="lang-en-ca"><a href="http://www.bluesound.com/en-ca/wireless-hometheater/?cl" class="lang-user"><span>English</span></a></li><li class="lang-fr-ca"><a href="http://www.bluesound.com/fr-ca/wireless-hometheater/?cl"><span>French</span> <span lang="fr-ca" class="lang-natural">FRANÇAIS</span></a></li></ul></div><div class="region region-gb"><h3>UNITED KINGDOM</h3><ul><li class="lang-en-gb"><a href="http://www.bluesound.com/en-gb/wireless-hometheater/?cl" class="lang-user"><span>English</span></a></li></ul></div></div> <!--<a class="lang-popup-close" style="float:right;" href="javascript:void(0);">Close</a>--> </div> <script type="text/javascript"> jQuery(document).ready(function($){ $('.lang-popup').bPopup({closeClass:'lang-popup-close'}); }); </script> </header><a id="skip" class="hidden">Skip Menu</a> <!-- /header --> <style> /* New Eco System Landing Pages */ section.prodspageheadd { background-color: black; background-repeat: no-repeat; color: white; margin: 0; position: relative; background-color: #000 !important; } section#productspage2.secondsection { min-height: 100vh; } section#productspage2 ul { display: inline-block; width: 100%; margin: 0 auto; padding: 0; } .soundbar-scroll.soundbar-scroll2 { color: white; display: block; margin: 0 auto; text-align: center; text-decoration: none; width: 200px; position: absolute; bottom: 10px; left: 0; right: 0; } .soundbar-scroll.soundbar-scroll1 { color: white; display: none; margin: 0 auto; text-align: center; text-decoration: none; width: 200px; /*position: absolute; bottom: 10px; left: 0; right: 0; */ } section#tab1 .content, section#tab2 .content, section#tab3 .content { display: inline-block; width: 100%; } .soundbar-scroll img { height: 50px; padding: 10px; } section[class^="soundbar-"] * { color: #DDD; } section.secondsection { /* padding: 75px 0; min-height: 650px; */ } .carroticon i { color: #008DD4; font-size: 40px; } .carroticon { display: none; } .bwidth1 li .lwrapactive .carroticon { display: block; } .lwrap:hover .carroticon { display: block; } .prodspageheadd2 .bwidth1 li .carroticon { display: block; } .bwidth { padding: 50px; background: rgba(0, 0, 0, 0.6); display: inline-block; margin: 0 auto; max-width: 660px; } .bwidth1 h1 { font-size: 2em; line-height: normal; } .bwidth1 .uppertitle h1 { padding: 0 90px; min-height: 90px; } .lwrap a.prods-buy-now-btn { background: #7A95A7; color: white; border-radius: 2px; display: inline-block; font-size: 16px; font-weight: bold; line-height: 1.2; margin-bottom: 20px; padding: 16px 32px; width: auto !important; -webkit-border-radius: 2px; border: 1px solid #7A95A7; border-radius: 2px; } .lwrap a.prods-buy-now-btn:hover, .bwidth1 li .lwrapactive a.prods-buy-now-btn, .bwidth1 li .lwrap:hover a.prods-buy-now-btn{ background: #008DD4; color: #fff; border: 1px solid #008DD4; } body .btns a.prods-buy-now-btn, .btns a.prods-more-info { background: #008DD4; width: auto !important; color: #fff; border-radius: 2px; display: inline-block; font-size: 16px; font-weight: bold; line-height: 1.2; margin-bottom: 20px; padding: 16px 32px; text-transform: uppercase; border: 1px solid #008DD4; } .btns a.prods-more-info { border: 1px solid #fff; background: transparent; margin-left: 15px; padding: 16px 32px !important; } .bwidth1 li .lwrapactive h1 /*, #productspage2 .bwidth1 li .lwrap:hover h1*/ { font-weight: 700; } h1.prodsheadtitle a { color: #fff; } .lwrap { padding: 15px; } .bwidth1.bwidth3 li { width: 50%; float: left; list-style: none; } .bwidth1.bwidth3 h2.prodsheadtitle { margin: 5px 0; color: #ccc; font-size: 18px; } .bwidth1.bwidth3 ul { display: inline-block; width: 100%; padding: 0; } .bwidth1.bwidth3 .lwrap img { margin: 0; opacity: 1; } .prodspageheadd.prodspageheadd2 { /*padding:175px 0 0; */ } .bwidth1.bwidth3 li:first-child .lwrap { padding:45px 0 0; } .bwidth1 li .lwrapactive img, .bwidth1 li .lwrap:hover img { opacity: 1; } .lwrap img { max-height: 200px; object-fit: cover; margin: 30px 0; /*opacity: .7; */ } .secondsection1 .lwrap img { opacity: 1; margin-bottom: 0; } .bwidth p, .bwidth2 p { margin-top:30px; color: #FFF; line-height: 2.5rem; } .bwidth1 li { width: 33.33%; float: left; list-style: none; } .content.txtleft { text-align: left; } .bwidth h1.prodsheadtitle { margin: 0; line-height: normal; font-size: 30px; text-transform: uppercase; } .bwidth h3.prodsheadtitle { margin-top: 25px; } .txtleft .bwidth2 { max-width: 50%; } .txtright .bwidth2, .txtright .bwidth { float: right; max-width: 50%; } .txtleft .bwidth, .txtleft .bwidth .prodsheadtitle, .txtleft .bwidth2, .txtleft .bwidth2 .prodsheadtitle { text-align: left; } .txtright .bwidth, .txtright .bwidth .prodsheadtitle, .txtright .bwidth2, .txtright .bwidth2 .prodsheadtitle{ text-align: left; } .txtright .bwidth2 .prodsheadtitle { margin: 0; } .prodsheadtitle { color: #fff; } .prods-product { width: 33.33%; float: left; padding: 20px; } .prods-products-title { color: #000; margin-bottom: 20px; margin-top: -10px; } .prods-products-title1 { color: #000; } .prods-products-title2 { color: #777; } .prods-products-desc { font-size: 110%; } .prods-buy-now-btn { display: inline-block; min-width:120px; background: #23282a; color: white; margin: 20px auto 40px; padding: 15px; font-size:1.5rem; border: none; text-transform: uppercase; text-align: center; } .prods-buy-now-btn:hover { background-color: #969696; color: white; } .prods-more-info { font-size:1.9rem; padding-left: 30px; } section.prodspageheadd { /* background-position: 50% 50%; background-size: cover; height: 100vh; padding: 0; position: relative; */ background-position: 50% 50%; background-size: cover; /* height: 75vh; */ padding: 0; position: relative; min-height: 50vh; } section.prodspageheadd .content{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; } .prods-section { width: 100%; height: 560px; float: left; background-size: cover !important; background-position: center !important; position: relative; } .prods-section-info { height: 40%; background: rgba(255, 255, 255, 0.7); padding: 20px; position: absolute; bottom: 0; } /* @media screen and (max-width: 1200px) { section#productspage2 ul li .prodsheadtitle3.prodsheadtitle{ min-height: 65px; } section#productspage2, section#productspage3 { background-image: none !important; min-height: auto !important; padding: 0; } section.prodspageheadd { padding: 30vw 0 0; background-repeat: no-repeat !important; position: relative; background-position: top center; background-size: 120%; } section.prodspageheadd .content { background: #000; padding: 50px; } .bwidth { padding: 0; } .txtleft .bwidth2, .txtleft .bwidth{ max-width: none; width: 100%; float: none; } .txtright .bwidth2, .txtright .bwidth { float: none; max-width: 100%; } } */ @media screen and (max-width: 980px) { section#productspage2 ul li .prodsheadtitle3.prodsheadtitle{ min-height: unset } section#productspage2 ul li{ width: 100%; float: none; text-align: center; } #productspage2 .bwidth1 li .carroticon { display: block !important; opacity: 0; } #productspage2 .lwrap:hover .carroticon { opacity: 1; } section#productspage2 ul li img { width: auto !important; max-height: 400px; height: 100%; } section#productspage2 ul li .uppertitle h1 { min-height: auto; } } /* @media screen and (max-width: 800px) { div.bwidth, div.bwidth2 { padding: 15px; } div.bwidth1.bwidth3 li { width: 100%; float: none; } }*/ /*@media screen and (max-width: 768px) { section#productspage3, section#productspage2.secondsection { background-image: none !important; padding: 50px 0; } .lwrap img { object-fit: unset; max-height: unset; } .prods-product { width: 100% !important; float: left; padding: 20px; margin-bottom: 20px } .soundbar-scroll.soundbar-scroll1 { display: block; } .soundbar-scroll.soundbar-scroll2 { display: none; } section.prodspageheadd .content { padding: 0; } }*/ @media screen and (max-width: 520px) { .prods-section { height: 250px; background-size: auto 100% !important; } .prods-section-info { display: none; } .prods-section-info-mobile { padding: 10px; } .prods-section-info-title { font-size: 180% !important; } } @media screen and (min-width: 521px) { .prods-section-info-mobile { display: none; } } .prods-section-info-title { font-weight: 700; font-size: 300%; } @media screen and (min-width: 1590px) { .prods-section-info { padding-left: 20%; } } @media screen and (min-width: 1150px) { .prods-section-info { width: 50%; } } @media screen and (max-width: 1150px) { .prods-section-info { width: 100%; } } .bottomprodscol { float: left; height: 510px; margin: 0px; padding: 0px 30px; width: 33%; } @media screen and (max-width: 520px) { .bottomprodscol { width: 100%; } } .bottomprodscol img { height: 292px; } .bottomproductsnav { text-align: center; font-size: 130%; line-height: 26px; } .bottomtoggle { width: 50%; float: left; } @media screen and (max-width: 520px) { .bottomtoggle { width: 100%; margin-bottom: 10px; } } /*@media screen and (max-width: 768px) { section#productspage3, section#productspage2.secondsection { background-image: none !important; padding: 50px 0; } .lwrap img { object-fit: unset; max-height: unset; } .prods-product { width: 100% !important; float: left; padding: 20px; margin-bottom: 20px } .soundbar-scroll.soundbar-scroll1 { display: block; } .soundbar-scroll.soundbar-scroll2 { display: none; } section.prodspageheadd .content { padding: 0; } }*/ /* /New Eco System Landing Pages */ </style> <style> /*-------EDITS BY DANIEL GURZA ---------*/ /*h3.prodsheadtitle{ font-weight: 800; } h1.prodsheadtitle{ font-weight: 800; } */ .txtleft .bwidth2 .prodsheadtitle { margin: 0; } .txtleft .bwidth2 { max-width: 40%; } .txtright .bwidth2{ float: right; max-width: 40%; } div.content.txtright > .bwidth2 .bwidth{ max-width: 50%; } /* .btns a.prods-more-info { font-weight: normal; }*/ .uppertitle > .prodsheadtitle{ text-transform: uppercase; } .lowertitle > .prodsheadtitle{ text-transform: uppercase; } .heavy{ font-weight: bolder; } section#productspage2.secondsection { min-height: 55vh; } section#productspage3 { min-height: 40vh; } .bwidth{ max-width: 50%/* !important*/; } section#productspage1.prodspageheadd.firstsection h3.prodsheadtitle.heavy{ margin-top:5px; font-weight: bold; } body .btns a.prods-buy-now-btn, .btns a.prods-more-info{ margin: 0px; } body .btns a.prods-more-info{ margin-right: 5px; background-color:black; } div.btns{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } div.content.txtleft div.btns{ justify-content: flex-start; } @media screen and (max-width: 1250px){ .txtleft { padding-left: 25px; } .txtright{ padding-right: 25px; } } @media screen and (max-width: 800px) { div.bwidth, div.bwidth2 { padding: 15px; } div.bwidth1.bwidth3 li { width: 100%; float: none; } div.content.txtright .bwidth2{ text-align: right; } .txtright .bwidth2 .prodsheadtitle { text-align: right; } .txtleft .bwidth2 { max-width: 85%; } .txtright .bwidth2{ float: right; max-width: 85%; } section.prodspageheadd .content { position: absolute; top: unset; left: unset; -webkit-transform: unset; transform: unset; width: 100%; bottom: 0px; background-color: rgba(0,0,0,0.4); } body .btns a.prods-buy-now-btn, .btns a.prods-more-info{ margin: 0px; padding: 10px 20px !important; /*margin-left: 5px;*/ } body .btns a.prods-more-info{ background-color:black; } div.btns{ display: flex; flex-direction: row; justify-content: flex-end; align-items: center; } div.btns a{ padding: 10px 20px !important; } div.content.txtleft div.btns{ justify-content: flex-start; } .bwidth { background: unset; } } @media screen and (max-width: 500px) { .txtleft .bwidth2 { max-width: 100%; } .txtright .bwidth2{ max-width: 100%; } h1{ font-size: 29px; line-height: 0.5; } h3{ font-size: 1.5rem; } .txtleft { padding-left: 10px; } .txtright{ padding-right: 10px; } .content p{ margin: 5px; margin: 5px; line-height: 1.2; } } .crossTextContainer{ width: 50%; text-align: center; padding: 20px; max-width: 500px; } .crossImageContainer{ width: 50%; text-align: center; padding: 10px; max-width: 500px; } .crossOuterContainer{ width: 100%; display:flex; align-items: center; justify-content: center; background-size: cover; max-height: 40vh; min-height: 30vh; margin-bottom: -1px; } .crossOuterContainer h1{ line-height: 0.75; } .crossOuterContainer h1 a{ color: white; font-size: 30px; font-weight: bolder; line-height: 0.75; } .crossOuterContainer h2{ color: white; font-size: 20px; line-height: 1; } .crossImageContainer img{ margin-left: auto; margin-right: auto; } @media screen and (max-width: 800px) { .crossOuterContainer h1{ } .crossOuterContainer h1 a{ font-size: 20px; } .crossOuterContainer h2{ font-size: 12px; } } .crossCatOuter{ display:flex; flex-direction: row; align-items: center; justify-content: center; /* max-width: 800px; margin-left: auto; margin-right: auto;*/ background-size: cover; } .crossCategoryContainer{ max-width: 33.3%; text-align: center; } .crossCatImg{ width: 100%; max-height: 200px; object-fit: cover; } .crossSizingContainer{ margin: 20px; display:flex; flex-direction: row; align-items: baseline ; justify-content: center; max-width: 1200px; margin-left: auto; margin-right: auto; line-height: normal; } .crossSizingContainer h1{ font-size:20px; color: white; line-height: normal; margin: 20px; } .crossCatTitle{ min-height: 60px; } .crossCatSubtitle{ min-height: 60px; } .pbnb{ background: #7A95A7; color: white; border-radius: 2px; display: inline-block; font-size: 16px; font-weight: bold; line-height: 1.2; margin-bottom: 20px; padding: 16px 32px; width: auto !important; -webkit-border-radius: 2px; border: 1px solid #7A95A7; border-radius: 2px; margin-bottom: 20px; } .crossCategoryContainer.lwrapactive a.pbnb{ background-color: #008DD4; border-color: #008DD4; } @media screen and (max-width: 800px) { .crossCatOuter{ background-image: unset !important; background-color: black; } .crossCategoryContainer{ border-bottom: 1px solid white; max-width: 100%; } .crossCategoryContainer:last-of-type { border-bottom: 0px solid white; } .crossCatImg{ max-height: unset; max-width: 50%; } .crossSizingContainer{ flex-direction: column; } .crossSizingContainer h1{ } .crossCatTitle{ min-height: 0px; } .crossCatSubtitle{ min-height: 0px; } .pbnb{ } .crossCategoryContainer.lwrapactive a.pbnb{ } } </style> </style> <main role="main" id="productspage" class="clear" style="background-color: #fff;"> <!-- header section --> <section id="productspage1" class="prodspageheadd firstsection" style="text-align: center; background-image: url('http://www.bluesound.com/wp-content/uploads/2017/10/Bluesound_Soundbar_HeroShot-Detail.jpg');"> <div class="content txtleft"> <div class="bwidth2 bwidth"> <h1 class="prodsheadtitle heavy">HOME ENTERTAINMENT<br> MEETS HIGH FIDELITY</h1> <h3 class="prodsheadtitle heavy">Have you ever been touched by sound? Turn your music, movies, sports, concerts and video games into a fully immersive sonic experience that delivers high on emotion. This is the sound of living hifi.</h3> </div> </div> </section> <section id="product1" class="prodspageheadd firstsection" style="text-align: center; background-image: url('http://www.bluesound.com/wp-content/uploads/2017/10/Landing_SoundBar_Black_Extended.jpg'); background-position: 50% 50% "> <div class="content txtright"> <div class="bwidth2 "> <h1 class="prodsheadtitle heavy">THE SOUNDBAR</h1> <h3 class="prodsheadtitle heavy">The audio your TV deserves.</h3> <p>The first high fidelity soundbar to wirelessly deliver crystal clear, audiophile-grade sound and deep cinematic bass, for an immersive sonic experience that brings any soundtrack to life.</p> <div class="btns"> <a class="prods-more-info" href="http://www.bluesound.com/products/pulse-soundbar/">More Info</a> <a class="prods-buy-now-btn" href="http://www.bluesound.com/products/pulse-soundbar/#shop" >BUY NOW</a> </div> <a class="soundbar-scroll soundbar-scroll1" href="#product2"> <img src="http://www.bluesound.com/wp-content/themes/bluesound/img/pulse-soundbar/downarrow_blueoutline.png" alt="Arrow pointing down"> </a> </div> <!-- <a class="soundbar-scroll soundbar-scroll2" href="#product2"> <img src="/img/pulse-soundbar/downarrow_blueoutline.png" alt="Arrow pointing down"> </a> --> </section> <section id="product2" class="prodspageheadd firstsection" style="text-align: center; background-image: url('http://www.bluesound.com/wp-content/uploads/2017/10/Landing_Sub_Black_Extended.jpg'); background-position: 50% 50% "> <div class="content txtleft"> <div class="bwidth2 "> <h1 class="prodsheadtitle heavy">THE SUB</h1> <h3 class="prodsheadtitle heavy">Engineered to be felt, not seen.</h3> <p>The subwoofer, reimagined. Designed to fit beside, behind or beneath your furniture, this compact wireless subwoofer digs deeper and plays louder than its bulkier rivals.</p> <div class="btns"> <a class="prods-more-info" href="http://www.bluesound.com/products/pulse-sub/">More Info</a> <a class="prods-buy-now-btn" href="http://www.bluesound.com/products/pulse-sub/#shop" >BUY NOW</a> </div> <a class="soundbar-scroll soundbar-scroll1" href="#product3"> <img src="http://www.bluesound.com/wp-content/themes/bluesound/img/pulse-soundbar/downarrow_blueoutline.png" alt="Arrow pointing down"> </a> </div> <!-- <a class="soundbar-scroll soundbar-scroll2" href="#product3"> <img src="/img/pulse-soundbar/downarrow_blueoutline.png" alt="Arrow pointing down"> </a> --> </section> <section id="product3" class="prodspageheadd firstsection" style="text-align: center; background-image: url('http://www.bluesound.com/wp-content/uploads/2017/10/Bluesound_Flex-RearChannel-Black-WallMountBracket-Detail.jpg'); background-position: 50% 50% "> <div class="content txtright"> <div class="bwidth2 bwidth"> <h1 class="prodsheadtitle heavy">RAISE YOUR SURROUND SOUND AUDIO GAME</h1> <p>As your entertainment centrepiece, The Soundbar delivers more than enough power to capture the magnitude of your favourite bass heavy tracks. Pair it with The Sub for truly soul-shaking bass or add a Flex or two for rear channels and a full surround sound experience.</p> <a class="soundbar-scroll soundbar-scroll1" href="#product4"> <img src="http://www.bluesound.com/wp-content/themes/bluesound/img/pulse-soundbar/downarrow_blueoutline.png" alt="Arrow pointing down"> </a> </div> <!-- <a class="soundbar-scroll soundbar-scroll2" href="#product4"> <img src="/img/pulse-soundbar/downarrow_blueoutline.png" alt="Arrow pointing down"> </a> --> </section> <section id="product4" class="prodspageheadd firstsection" style="text-align: center; background-image: url('http://www.bluesound.com/wp-content/uploads/2017/10/Bluesound_Soundbar_Inputs.jpg'); background-position: 50% 50% "> <div class="content txtleft"> <div class="bwidth2 bwidth"> <h1 class="prodsheadtitle heavy">GOODBYE TO HDMI. <br> HI TO FIDELITY.</h1> <p>The Soundbar favours an optical connection over HDMI allowing it to speak DOLBY DIGITAL and stereo in uninterrupted high resolution.</p> <a class="soundbar-scroll soundbar-scroll1" href="#productspage3"> <img src="http://www.bluesound.com/wp-content/themes/bluesound/img/pulse-soundbar/downarrow_blueoutline.png" alt="Arrow pointing down"> </a> </div> <!-- <a class="soundbar-scroll soundbar-scroll2" href="#productspage3"> <img src="/img/pulse-soundbar/downarrow_blueoutline.png" alt="Arrow pointing down"> </a> --> </section> <div class="crossOuterContainer" style="background-image: url('http://www.bluesound.com/wp-content/uploads/2017/10/Landing_Background_Black-1-1.jpg');"> <div class="crossTextContainer"> <div> <h2>Add players in other rooms. Sync music all over your home.</h2> </div> <div> <h1><a href="http://www.bluesound.com/wireless-speakers/">DISCOVER ALL-IN-ONE SYSTEMS</a></h1> </div> <div class="carroticon" style="display: inline-block;" ><a href="http://www.bluesound.com/wireless-speakers/"> <i class="fa fa-caret-right" aria-hidden="true"></a></i> </div> </div> <div class="crossImageContainer"> <img src="http://www.bluesound.com/wp-content/uploads/2017/10/all-in-one-speakers-wireless-550x200.png" /> </div> </div> <div> <img style="width: 100%; "src="http://www.bluesound.com/wp-content/uploads/2017/10/Bluesound-awards.jpg" alt=""/> </div> <style> #crossHomeTheater h1{font-weight: 800;}</style> <section class="crossCatOuter" style="background-image: url('http://www.bluesound.com/wp-content/uploads/2017/10/Landing_Background_Black-1-1.jpg');?>');"> <div class="crossSizingContainer"> <div id="crossSpeakers" class="crossCategoryContainer "> <div class="crossCatTitle"> <h1 class="">Wireless Speakers</h1> </div> <div> <img class="crossCatImg" style="width: 100%;" src="http://www.bluesound.com/wp-content/uploads/2018/02/Speakers-wireless.png" /> </div> <div class="crossCatSubtitle"> <h1 class="">Fill any room with sound</h1> </div> <div> <a class="pbnb prods-buy-now-btn" href="http://www.bluesound.com/de/wireless-speakers/" >Discover</a> </div> <div class="carroticon" > <i class="fa fa-caret-up" aria-hidden="true"></i> </div> </div> <div id="crossHomeTheater" class="crossCategoryContainer lwrapactive"> <div class="crossCatTitle" > <h1 >Wireless <br>Home Theater</h1> </div> <div> <img class="crossCatImg" style="width: 100%;" src="http://www.bluesound.com/wp-content/uploads/2018/02/Soundbar-wireless.png" /> </div> <div class="crossCatSubtitle" > <h1>Sound your 4K TV deserves</h1> </div> <div> <a class="pbnb prods-buy-now-btn" href="#product1" >Discover</a> </div> <div class="carroticon" style="display:inline-block;" > <i class="fa fa-caret-up" aria-hidden="true"></i> </div> </div> <div id="crossComponents" class="crossCategoryContainer "> <div class="crossCatTitle" > <h1>Wireless Components</h1> </div> <div> <img class="crossCatImg" style="width: 100%;" src="http://www.bluesound.com/wp-content/uploads/2018/02/components-wireless.png" /> </div> <div class="crossCatSubtitle"> <h1> Upgrade your existing stereo</h1> </div> <div> <a class="pbnb prods-buy-now-btn" href="http://www.bluesound.com/de/wireless-components/" >Discover</a> </div> <div class="carroticon" > <i class="fa fa-caret-up" aria-hidden="true"></i> </div> </div> </div> </section> <!-- /header section --> <!-- footer --> <footer class="footer" role="contentinfo"> <div class="content"> <div class="footer-logo"> <img src="/wp-content/themes/bluesound/img/logosm.png" alt="Bluesound" class="logo-img logo-sm" width="66" height="74"> </div> <div class="footer-social"> <div class="social"> <a class="facebook" href="https://www.facebook.com/bluesound.hifi" target="_blank">Facebook</a> <a class="twitter" href="https://twitter.com/BluesoundHiFi" target="_blank">Twitter</a> <a class="insta" href="https://www.instagram.com/bluesoundhifi" target="_blank">Instagram</a> <a class="medium" href="https://medium.com/the-listening-room" target="_blank">Medium</a> </div> </div> <div class="footer-subscribers clear"> <span class="footer-mc-caption">Keep up to date with Bluesound news, products, and events.</span> <a id="subscribe" class="footer-mc-trigger" href="javascript:void(0);">Subscribe</a> </div> <div class="footer-menu"> <nav id="nav-footer" role="navigation"> <ul> <li id="menu-item-20277" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20277"><a href="http://www.bluesound.com/de/support/">Anleitungen</a></li> <li id="menu-item-20278" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20278"><a href="http://www.bluesound.com/de/downloads/">Downloads</a></li> <li id="menu-item-20279" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20279"><a href="http://www.bluesound.com/de/registrierung/">Registrierung</a></li> <li id="menu-item-20280" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-20280"><a href="https://helpdesk.bluesound.com/discussions">Forum</a></li> <li id="menu-item-28711" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-28711"><a href="http://www.bluesound.com/news">Drücken Sie</a></li> <li id="menu-item-20281" class="footernewline menu-item menu-item-type-custom menu-item-object-custom menu-item-20281"><a href="#"><br/></a></li> <li id="menu-item-2209" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2209"><a href="http://www.bluesound.com/de/terms-of-use/">Nutzungsbedingungen</a></li> <li id="menu-item-2213" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2213"><a href="http://www.bluesound.com/de/privacy-policy/">Datenschutzerklärung</a></li> <li id="menu-item-2376" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2376"><a href="http://www.bluesound.com/de/eula/">LIZENZVEREINBARUNG UND EINGESCHRÄNKTE GARANTIE</a></li> </ul> </nav> </div> <div class="footer-icons"> <p> <img class="footericon" src="/wp-content/themes/bluesound/img/footer-icons/visa-footer.png"> <img class="footericon" src="/wp-content/themes/bluesound/img/footer-icons/mastercard-footer.png"> <img class="footericon" src="/wp-content/themes/bluesound/img/footer-icons/american-express-footer.png"> <img class="footericon" src="/wp-content/themes/bluesound/img/footer-icons/paypal-footer.png"> <img class="footericon" src="/wp-content/themes/bluesound/img/footer-icons/discover-footer.png"> </p> </div> <!-- copyright --> <div class="footer-copyright"> <p>Bluesound International | A division of Lenbrook Industries Limited © 2018</p> <!-- /copyright --> </div> </footer> <!-- /footer --> </div> <!-- /wrapper --> <div class="email-popup"> <!-- close popup x //--> <span class="email-popup-close">x</span> <div id="popup-initial"> <h1>Sign Up For Our Newsletter!</h1> <div class="email-popup-text"> <h2> Be The First To Know </h2> <p>Register for our mailing list to get the latest Bluesound news, exclusive online offers, and promotions, and stay up to date with the latest BluOS software and apps. It's your backstage pass to Bluesound.</p> <div class="email-popup-list"> <h4>Here's what you'll get for signing up to our newsletter:</h4> <ul> <li>Exclusive news on updates, product reviews, promotions and events.</li> <li>Email notifications for the latest BluOS software and app upgrades.</li> <li>Helpful setup tips for making the most of your music experience.</li> </ul> </div> <div class="email-popup-footer"> <a href="/stores/">Find A Store</a> <p>Bluesound is available in thousands of carefully selected dealers around the world. Go to bluesound.com/stores to enter your address and find an authorized store near you.</p> <!--<p><span class="footnote">*</span> Don't forget to check your junk mail to see if you've received our Bluesound newsletter.</p>--> </div> </div> <div class="email-popup-form"> <form accept-charset="UTF-8" action="#" class="" id="popup-registration" method="post" novalidate="novalidate"> <div class="mc-error" style="display:none">This is not a valid email address. Please check for accuracy.</div> <div class="popup-form-item full"> <label for="mc_email">Your email address</label> <input id="mc_email" maxlength="255" name="mc_email" type="email" placeholder="Your email address" autocomplete="email"> </div> <div class="popup-form-item half"> <label for="mc_fname">First Name</label> <input id="mc_fname" maxlength="255" name="mc_fname" type="text" placeholder="First Name" autocomplete="given-name"> </div> <div class="popup-form-item half last"> <label for="mc_lname">Last Name</label> <input id="mc_lname" maxlength="255" name="mc_lname" type="text" placeholder="Last Name" autocomplete="family-name"> </div> <div class="popup-form-select full"> <label for="mc_country">Your Country</label> <div class="select-style"> <select id="mc_country" maxlength="255" name="mc_country"> <option value="" disabled selected hidden>Select your country</option> <option>Canada</option> <option>United Kingdom</option> <option>United States</option> <option style="border-top:1px solid silver">Australia</option> <option>Austria</option> <option>Bahamas</option> <option>Barbados</option> <option>Belgium</option> <option>Bermuda</option> <option>Brazil</option> <option>Bulgaria</option> <option>Canada</option> <option>Cayman Islands</option> <option>Chile</option> <option>China</option> <option>Colombia</option> <option>Costa Rica</option> <option>Croatia</option> <option>Cyprus</option> <option>Czech Republic</option> <option>Denmark</option> <option>Finland</option> <option>France</option> <option>Georgia</option> <option>Germany</option> <option>Greece</option> <option>Hong Kong</option> <option>Hungary</option> <option>India</option> <option>Indonesia</option> <option>Ireland</option> <option>Israel</option> <option>Italy</option> <option>Japan</option> <option>Jordan</option> <option>Korea</option> <option>Kuwait</option> <option>Liechtenstein</option> <option>Lithuania</option> <option>Luxembourg</option> <option>Malaysia</option> <option>Malta</option> <option>Mexico</option> <option>Monaco</option> <option>Netherlands</option> <option>New Zealand</option> <option>Norway</option> <option>Pakistan</option> <option>Paraguay</option> <option>Peru</option> <option>Philippines</option> <option>Poland</option> <option>Portugal</option> <option>Puerto Rico</option> <option>Russian Federation</option> <option>Saudi Arabia</option> <option>Singapore</option> <option>South Africa</option> <option>Spain</option> <option>Sweden</option> <option>Switzerland</option> <option>Taiwan</option> <option>Thailand</option> <option>Turkey</option> <option>Turks and Caicos Islands</option> <option>Ukraine</option> <option>United Arab Emirates</option> <option>United Kingdom</option> <option>United States</option> <option>Viet Nam</option> <option>Virgin Islands, British</option> <option>Virgin Islands, U.S.</option> <option>OTHER</option> </select> </div> </div> <div class="popup-form-check full"> <p>I would like to receive exclusive news, offers and product updates from Bluesound via e-mail:</p> <p> <span> <input id="mc_option1" name="mc_option1" type="checkbox" checked="checked"> <label for="mc_option1">Bluesound News</label> </span> <span> <input id="mc_option2" name="mc_option2" type="checkbox" checked="checked"> <label for="mc_option2">Bluesound Product Updates</label> </span> </p> </div> <div class="popup-captcha"> <div id="recaptcha-footer-email-signup"></div> </div> <input type="submit" id="mc-submit" class="submit" value="Sign up" /> </form> </div> </div><!-- popup-final --> <div id="popup-final" style="display:none;"> <h1>Thank you</h1> <div id="text-container" class="popup-confirmation"> <!--<h2>From the Bluesound Family</h2>--> <h3>Thank you for signing up!</h3> <div class="popup-img"><img src="/wp-content/themes/bluesound/img/Gen2_Family.png" alt="Bluesound Product Range"></div> <p>You'll now be the first to know about the latest news, offers, events, and product updates.</p> </div> </div> </div> <script> var recaptcha1; var recaptcha2; var recaptcha3; var myCallBack = function() { recaptcha1 = grecaptcha.render('recaptcha-footer-email-signup', { 'sitekey' : '6Le6shITAAAAACWcoRV2J6_NIhRgejGB_aMVf8Yw', 'theme' : 'light' }); if (jQuery('#recaptcha-instance2').length) { recaptcha2 = grecaptcha.render('recaptcha-instance2', { 'sitekey' : '6Le6shITAAAAACWcoRV2J6_NIhRgejGB_aMVf8Yw', 'theme' : 'dark' }); } if (jQuery('#recaptcha-instance3').length) { recaptcha3 = grecaptcha.render('recaptcha-instance3', { 'sitekey' : '6Le6shITAAAAACWcoRV2J6_NIhRgejGB_aMVf8Yw', 'theme' : 'light' }); } }; </script> <script src="https://www.google.com/recaptcha/api.js?onload=myCallBack&render=explicit" async defer></script> <script type='text/javascript' src='http://www.bluesound.com/wp-includes/js/wp-embed.min.js?ver=4.9.5'></script> <script type="text/javascript"> adroll_adv_id = "LIJ5UPOMP5GPRGG2HDOB5Z"; adroll_pix_id = "JACAKVJZSJEO3HVZ7SRKKU"; (function () { var _onload = function(){ if (document.readyState && !/loaded|complete/.test(document.readyState)){setTimeout(_onload, 10);return} if (!window.__adroll_loaded){__adroll_loaded=true;setTimeout(_onload, 50);return} var scr = document.createElement("script"); var host = (("https:" == document.location.protocol) ? "https://s.adroll.com" : "http://a.adroll.com"); scr.setAttribute('async', 'true'); scr.type = "text/javascript"; scr.src = host + "/j/roundtrip.js"; ((document.getElementsByTagName('head') || [null])[0] || document.getElementsByTagName('script')[0].parentNode).appendChild(scr); }; if (window.addEventListener) {window.addEventListener('load', _onload, false);} else {window.attachEvent('onload', _onload)} }()); </script> </body> </html>