img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} body { font-family: 'Lato', sans-serif; font-weight: 300; font-size: 19px; background-color: #c1c1c1; color: #999; line-height: 1.4; text-align: center; margin: 0; min-width: 320px; }h1, h2, h3, h4, h5, h6, p, th, td, dd, dt, li, blockquote { text-align: left; }h1, h2, h3, h4, h5, h6 { font-weight: 300; color: #222; }body, nav ul { padding: 0; margin: 0; }img, iframe { max-width: 100%; height: auto; display: block; margin: 0 auto }iframe { aspect-ratio: auto 16 / 9 }.fullwidth { width: 100%; }a img, iframe { border: none; }a, header a:hover, .tribox a:hover h3, footer a:hover { text-decoration: none; color: #f5831f; transition: ease-out .3s; }a:hover { text-decoration: underline; transition: ease-in .3s; }.subnav a:hover, .cycle-slideshow a:hover, .btn:hover, .tiles a:hover, .tribox a:hover, .specialBlogs a:hover { text-decoration: none; }hr { border-width: 1px; border-color: rgba(0,0,0,.1); border-style: none none solid; margin: 30px 0; }.imgLeft, .imgRight { max-width: 50%; }.imgLeft { float: left; margin: 10px 4% 2% 0; }.imgCenter { display: block; margin: 0 auto; }.imgRight { float: right; margin: 10px 0 2% 4%; }.clear { clear: both; }.nowrap { white-space: nowrap; }.hide { display: none !important; }.center { text-align: center; }.container { background-color: #fff; }.wrap { display: block; max-width: 1080px; margin: 0 auto; position: relative; }.flex { display: flex; flex-wrap: wrap; }.grid, .homeblogs .posts { display: grid; grid-gap: 20px; }.grid.half { grid-template-columns: repeat(2,1fr); }.grid.third, .homeblogs .posts { grid-template-columns: repeat(3,1fr); }.grid.quad { grid-template-columns: repeat(4,1fr); }.table { display: table; width: 100%; }.table > div { display: table-cell; vertical-align: top; }.table.half > div { width: calc(100% / 2); }.table.half > div:first-of-type { padding-right: 4%; }.table.half > div:last-of-type { padding-left: 4%; }.table.third > div { width: calc(100% / 3); }.table.third > div:nth-of-type(1) { padding-right: 4%; }.table.third > div:nth-of-type(2) { padding-left: 2%; padding-right: 2% }.table.third > div:nth-of-type(3) { padding-left: 4%; }.table.quad > div { width: calc(100% / 4); }.grid { display: grid; grid-gap: 10px; }.grid.half { grid-template-columns: repeat(2, 1fr); }.grid.half:nth-of-type(even) > div:first-of-type { order: 2; }.grid.half:nth-of-type(even) > div:last-of-type { order: 1; }.grid.third { grid-template-columns: repeat(3, 1fr); }.table.mid > div, header .table > div, .table.register > div, .table.subfoot > div { vertical-align: middle; }nav li, .subnav li, .btn, footer .table.quad > div:last-of-type li { display: inline-block; }.emphasis { color: #f5831f; }.blue { color: #1310b5; }.bgimg { position: relative }.bgimg > img:first-of-type { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; object-fit: cover; z-index: 0 } header .cycle-slideshow { height: 35px; }header .cycle-slideshow, footer { font-size: 16px; }header .cycle-slideshow { background-color: #898989; border-bottom: 5px solid #f5831f; }header .cycle-slideshow a, nav a, .cycle-slideshow strong, .tiles a, .tribox a, .register strong { display: block; }header .cycle-slideshow a { width: calc(100% - 20px); color: #fff; padding: 5px 10px; }header .grid { grid-template-columns: 270px 1fr }header .flex, .bicol .flex, footer .flex, .mid, .address.grid { align-items: center; }header .flex, footer .flex { justify-content: space-between; }header img { max-width: 250px; }header a { padding: 5px 10px; display: block }nav { text-align: right; }nav p { display: inline-block; margin: 15px 0; }nav a, nav ul ul li, nav li:hover > ul { display: block; }nav a { color: #4d4d4d; font-weight: 300; }nav li { position: relative }nav li a { padding: 10px; }nav ul ul { display: none; min-width: 200px; background-color: #fff; position: absolute; z-index: 999; border-top: 4px solid #f5831f; border-left: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; }nav ul ul li a { font-weight: 300; padding: 5px 10px; }nav i { margin-right: 5px; }.headnav a { padding: 9px; font-size: 18px }ul.subnav, .subnav ul { padding: 0; }.subnav a { display: block; padding: 10px; margin: 0 4px; } .cycle-slideshow { height: 500px; position: relative; overflow: hidden; }.cycle-slideshow > a { display: block; width: 100%; height: 100%; }.cycle-slideshow .wrap, .banner .wrap { top: 50%; transform: translateY(-50%) }.cycle-slideshow a, .banner, .bicol .flex > div:last-of-type { background-size: cover; background-position: center; }.cycle-slideshow p, .cycle-slideshow strong, .bicol h2, .bicol p, .tribox h3 { font-weight: 300; }.cycle-slideshow p { display: inline-block; font-size: 24px; text-align: center; background-color: rgba(0,0,0,.2); color: #fff; margin: 0 auto; padding: 5px 10px; }.cycle-slideshow strong { font-size: 42px; margin-bottom: 5px; }.cycle-prev, .cycle-next { position: absolute; top: 0; width: 5%; z-index: 888; height: 100%; cursor: pointer; background-position: 50% 50%; background-repeat: no-repeat; opacity: .5; }.cycle-prev { left: 0; background-image: url(/images-design/arrow-prev.png); }.cycle-next { right: 0; background-image: url(/images-design/arrow-next.png); }.slide1 { background-image: url(/images-design/slide-1.jpg); }.slide2 { background-image: url(/images-design/slide-2.jpg); }.cycle-slideshow a.slide3 { background-image: url(/images-design/slide-3.jpg); background-position: top; }.slide4 { background-image: url(/images-design/slide-4.jpg); }.slide5 { background-image: url(/images-design/slide-5.jpg); }.slide7 { background-image: url(/images-design/slide-7.jpg); }.slide9 { background-image: url(/images-design/slide-9.jpg); }.slide10 { background-image: url(/images-content/klipsch-heritage.jpg); }.slide11 { background-image: url(/images-design/slide-11.jpg); }.slide12 { background-image: url(/images-design/slide-12.jpg); }.slide13 { background-image: url(/images-design/slide-13.jpg); }.cycle-slideshow .slide2 p, .cycle-slideshow .slide13 p { background-color: rgba(0,0,0,.3); }.banner { height: 200px; }.banner p { font-size: 55px; text-align: center; background-color: rgba(0,0,0,.1); color: #fff; margin: 0 auto; padding: 10px; font-weight: 300; display: inline-block; }.carousel { height: 70px; margin-top: 60px; overflow: hidden }.carousel a { vertical-align: middle }.carousel img { max-height: 40px; width: auto; margin: 0 40px }.carousel img.max { max-height: 60px; } .intro h1, .intro p, .bicol h2, .bicol p, .tiles h2, .tiles h3, .tiles p, .tribox h2, .tribox h3, .tribox h4, .tribox p, .promise h2, .promise p, .ovations h2, .ovations p, .blogs h2 { text-align: center; }.pad, .intro, .system h2, .system p, .lifestyle h2, .lifestyle p, .promise { padding: 0 10px; }.bicol { background-color: #eee; margin: 50px 0; }.bicol h2 { max-width: 280px; font-size: 35px; line-height: 1.2; margin: 0 auto 10px; }.bicol p, .tribox h3 { font-size: 26px; }.bicol p { max-width: 260px; color: #222; margin: 0 auto; }.bicol .btn { font-size: 18px; margin: 20px 0 10px; }.bicol .flex > div:first-of-type { width: 350px; background-color: #eee; }.bicol .flex > div:last-of-type { width: calc(100% - 355px); min-height: 360px; border-left: 5px solid #f5831f; }.bicol.smarthome { background-image: linear-gradient( to right, #eee 40%, #9da0a2 60% ); }.bicol.custom { margin-bottom: 20px; }.tiles h3, .tiles .grid > div:nth-of-type(odd) { background-color: #eee; }.tiles h3 { font-size: 20px; margin: 0; padding: 10px; transition: ease-out .3s; }.tiles a:hover h3 { background-color: #f5831f !important; color: #fff; transition: ease-in .3s; }.tiles img { display: block; object-fit: cover; width: 100%; height: 400px; margin: 0 auto; }.tiles .grid { padding: 20px 0 30px; }.tiles .grid > div:nth-of-type(even), .tiles .grid > div:nth-of-type(even) h3, .ovations, .ovations h2 { background-color: #898989; color: #fff; }.tribox { margin: 40px auto 20px; }.tribox .grid { grid-gap: 20px; }.tribox h3, .tribox p, .tribox h4 { padding: 0 25px; }.tribox a { height: 100%; color: #999; border: 1px solid rgba(0,0,0,.1); }.ovations, .banner { padding: 20px 0; background-image: url(images-design/standing-ovations.png); color: #222; }.ovations .cycle-slideshow { height: 200px; }.ovations .cycle-slideshow p { max-width: 75%; font-size: 18px; background-color: transparent; margin: 20px auto; color: #222; }.ovations .cycle-slideshow span { font-size: 14px; }.ovations h2 { margin-bottom: 5px; background-color: none; color: #222; }.ovations i { color: #f5831f; }.ovations span { display: block; }.showroom .cycle-slideshow > div { width: 100%; height: 100%; background-size: cover; background-position: center }.showroom .cycle-slideshow { height: 360px; }.showroom .cycle-slideshow img { object-position: bottom; object-fit: cover }.show1 { object-position: bottom }.show16 { object-position: top } section { padding: 10px 10px 40px; font-weight: 300; }section h1, .tiles h2, .tribox h2, .blogs h2, .promise h2, .ovations h2 { font-size: 35px; font-weight: 300; }section ul, section ol { padding-left: 25px; }section li, footer li { margin: 5px 0; }.btn { min-width: 160px; color: #f5831f; padding: 10px 20px; border: 2px solid #f5831f; text-align: center; font-weight: bold }.btn:hover { background-color: #f5831f; color: #fff; }.nolist, footer ul { list-style: none; padding-left: 0; }.blogs .homeblogs .posts .post { background-color: #eee; height: auto; }.blogs .homeblogs .posts .post h3 { margin-top: 0; text-align: center; font-size: 26px; padding: 40px 45px; }.blogs div.post h3 { background-color: #6d6d6d; margin: 0; padding: 20px; border-bottom: 5px solid #f5831f; color: #fff; display: block; }.homeblogs .post h3 a { display: block; font-weight: 300; color: #fff; margin-top: 0; }.homeblogs .post h3 a:hover { text-decoration: none; }.blogs .homeblogs div.post:nth-child(2) h3 a { color: #222; }.blogs div.post:nth-child(2) h3 { background-color: #c9c9c9; }.homeblogs .posttags, .homeblogs .postcats { display: none; }.homeblogs p { margin: 20px; }.process.flex { align-items: center; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid rgba(0,0,0,.1); }.process.flex:last-of-type { border: none; }.process.flex > div:first-of-type { width: 40%; padding-right: 40px; }.process.flex > div:last-of-type { width: calc(60% - 40px); }.map { width: 100%; height: 50vw; max-height: 450px; }.spaces img { box-shadow: 0 0 10px rgba(0,0,0,.3); }.spaces .grid { grid-template-columns: 1fr 200px }.spaces .table { margin-bottom: 40px; }.spaces .table > div:last-of-type { padding: 10px 0 0 50px; }.logos img { display: inline-block; max-width: 186px; vertical-align: middle; margin: 40px; transition: ease-out .3s; }.logos a:hover img { opacity: .5; transition: ease-in .3s; }.brands > div:first-of-type { width: 40%; padding-right: 20px; padding-top: 100px; }.brands > div:last-of-type { width: 60%; padding-left: 80px; padding-right: 40px; padding-top: 40px; }.brands > div:last-of-type img, .mw250 { max-width: 250px; display: block; text-align: left; }.brands.table.mid > div { vertical-align: top; }.systems .grid, .experience .grid { align-items: center; grid-gap: 0; background-color: #eee; margin-bottom: 20px; }.systems .grid:nth-of-type(odd) > div:first-of-type, .experience .grid:nth-of-type(odd) > div:first-of-type { padding-right: 40px; padding-left: 40px; }.systems .grid:nth-of-type(even) > div:first-of-type, .experience .grid:nth-of-type(even) > div:first-of-type { padding-left: 40px; padding-right: 40px; }.systems h2, .experience h2 { font-size: 22px; }.systems img, .experience img { object-fit: cover; width: 535px; height: 675px; }.systems img.systemsContentImage { object-fit: none; width: 100%; height: 100%; }.why .grid, .address.grid { grid-gap: 40px; }.why h2 { font-size: 24px; margin: 5px 0 0; }.why img { object-fit: cover; width: 100%; height: 200px; } .day-in-life { margin-top: 3%; }.day-in-life .grid > div:last-of-type { width: 100%; height: 300px; }.day-in-life img { object-fit: cover; width: 100%; height: 300px; }.day-in-life .grid { align-items: center; grid-gap: 0; margin-bottom: 50px; }.day-in-life .grid:nth-of-type(odd) > div:first-of-type { padding-right: 40px; padding-left: 40px; }.day-in-life .grid:nth-of-type(even) > div:first-of-type { padding-left: 40px; padding-right: 40px; }.day-in-life .grid { background: #eee; }.day-in-life h2 { text-align: center; }.day-in-life .grid h2 { text-align: left; }.news .table { display: none; }.news .table:first-of-type { display: block; }.events p span, .news p span, .whatsnew p span { color: #f5831f; }.events .table { margin-top: 50px; }.events .table:nth-of-type(1) { margin-top: 0; }.homeevents .table { display: none; }.homeevents .table:first-of-type { display: table; }.tribox .imgBg, .tribox a > img { max-height: 231px; height: 20vw; display: block }.tribox a > img { object-fit: cover; object-position: center; width: 100% }.imgBg { background: #eee; position: relative }.imgBg img { max-height: 100%; object-fit: contain }.creditcard { padding: 0 20px }.creditcard img { width: auto; top: 50%; transform: translateY(-50%); position: relative }.why-partner-builder { padding: 10px 50px; background: #eee; }.why-partner-builder h3 { margin-bottom: 0; padding-bottom: 0; }.why-partner-builder p { margin-top: 0; padding-top: 0; }#contactPhone li:nth-of-type(2) { margin-left: 65px; }.contactIntro h1 { text-align: center; width: 80%; margin: 20px auto; }.contactIntro div.half { grid-gap: 0 20px; align-items: center; margin-top: 3%; }.address.grid.half > div { order: unset !important; }.specialBlogs > div { font-weight: 300; background-color: #ccc; margin-bottom: 40px; }.specialBlogs a, .specialBlogs span { display: block; }.specialBlogs h2, .specialBlogs p { font-size: 40px; margin: 0; }.specialBlogs h2 a { background-color: #6d6d6d; color: #fff; text-align: center; padding: 15px 20px; border-bottom: 5px solid #e78940; }.specialBlogs p { color: #6d6d6d; }.specialBlogs span { font-size: 32px; color: #f5831f; margin-top: 20px; }.specialBlogs .table > div { vertical-align: middle; padding: 150px 0; }.specialBlogs .table > div:first-of-type { width: 35%; background-image: url('/images-design/bg-blog.jpg'); background-size: cover; background-position: right; }.specialBlogs .table > div:last-of-type { width: calc(65% - 40px); text-align: left; padding: 0 20px; } form { margin: 20px 10px; }form .table.half > div:first-of-type, form .table.third > div:nth-of-type(1) { padding-right: 20px; }form .table.half > div:last-of-type, form .table.third > div:nth-of-type(3) { padding-left: 20px; }form .table.third > div:nth-of-type(2) { padding: 0 20px; }form input[type=text], form input[type=email], form input[type=tel], form input[type=file], form input[type=submit], form select, form textarea { font-family: 'Lato', sans-serif; font-size: 18px; }form input[type=text], form input[type=email], form input[type=tel], form select, form textarea { background-color: #f5f5f5; padding: 0 20px; margin-bottom: 15px; border: none; }form input[type=text], form input[type=email], form input[type=tel], form textarea, form select { width: calc(100% - 40px); }form input[type=text], form input[type=email], form input[type=tel], form select { height: 48px; }form input[type=file] { margin-left: 10px; }form input[type=checkbox] { vertical-align: central; margin-right: 5px; }form select { width: 100%; }form textarea { height: 150px; padding: 20px; }form input[type=submit] { min-width: 160px; font-weight: bold; text-align: center; background-color: #f5831f; color: #fff; padding: 13px 20px; border: none; transition: ease-out .3s; }form input[type=submit]:hover { cursor: pointer; background-color: #ff8b25; transition: ease-in .3s; }#newsletter { padding-left: 150px; }#newsletter input[type=email], #newsletter input[type=submit] { font-size: 16px; }#newsletter input[type=submit] { padding: 8px 10px; }#newsletter input[type=email] { height: 35px; width: calc(100% - 125px); background-color: #fff; padding: 0 10px; border: none; color: #222; }#newsletter input[type=submit] { min-width: 100px; }#mc_embed_signup .mc-field-group input { padding: 0; } .cambridge h1 { text-align: center; }.cambridge { padding-top: 20px }.cambridge-items > div { border: 1px solid lightgrey; }.cambridge > img { max-height: 50px }.cambridge > h1, .cambridge > h2 { margin: 10px 0 }.cambridge-items { margin-top: 2em } .cambridge-items strong, .sale .highlight { display: block; text-align: center; padding: 20px 0; background-color: #999; color: #fff; margin: 0; font-size: 18px }.cambridge-items strong.alt, .sale .highlight { background-color: #f5831f; }.cambridge-items strong.alt a { display: block }.cambridge-items strong a, .sale .highlight { color: #fff }.cambridge-items > div > div { padding: 0 20px 60px }.cambridge-items p:last-of-type { position: absolute; bottom: 20px }.cambridge-items img { border-bottom: 1px solid #eee; }.cambridge-items h3 { text-align: center }.cambridge-items b { white-space: nowrap }.sale .highlight { margin: -65px -1px 0; border-color: #eee; border-width: 1px; border-style: solid solid none }.grid.third.sale { margin-top: 65px }.grid.third.sale img { object-fit: cover; width: 100%; height: 400px; } .a8bmark { display: inline-block; margin: 1em auto }footer, footer a { color: #fff; }footer a:hover, .socialnav i:hover { color: #eee; }footer { background-color: #898989; background-image: url(/images-design/footer.png); background-position-y: bottom; background-position-x: 0; background-repeat: no-repeat; background-size: 35%; padding-top: 20px; font-weight: 300; }footer .flex > div:first-of-type img { max-width: 250px; margin-bottom: 20px; }footer h3 { font-size: 14px; font-weight: bold; text-transform: uppercase; margin-top: 20px; }footer ul { text-align: left; line-height: 18px; }footer hr { margin: 20px 0; }footer .flex > div { padding: 0 10px; }footer div:nth-of-type(2) p:nth-of-type(2) { margin: 40px 0 10px; }footer form { margin: 0; padding: 0; }footer strong, footer strong a { color: #f5831f; }footer .flex div > div:nth-of-type(1) p { text-align: left; }footer .flex div > div:nth-of-type(2) p { text-align: right; }.footlogo { margin-left: 0 }.footernav li, .socialnav li { display: inline-block; }.footernav { text-align: right; }.footernav li { padding: 5px; }.socialnav li { padding: 5px 0; }.socialnav i { color: #fff; display: block; width: 41px; height: 32px }.subfoot { padding: 20px 0; margin-top: 20px; }summary { margin: 1em 0; color: #f5831f }summary:focus { outline: none }summary:hover { cursor: pointer; text-decoration: underline }.bf-sales span:nth-of-type(2) { background-color: #F9FF33; }.bf-sales strong { color: #1310b5 }.bf-sales span, .bf-sales2 span { padding-right: 10px; }.bf-sales2 span { background-color: #F9FF33 }.bf-sales strong, .bf-sales2 strong { padding-left: 10px }.bf-sales2 strong { color: #1310b5; }.brandstrip { justify-content: space-between; overflow: hidden; height: 34px }.brandstrip a { height: 34px; margin: 0 clamp(10px, 1vw, 20px); display: inline-block; vertical-align: middle; }.brandstrip img { width: auto; height: 34px; }.homeevents .highlight { color: #f5831f } @media(max-width:999px) { footer .flex > div, footer ul, footer li, footer p { text-align: center !important; } footer .flex > div { display: block; margin: 0 auto; } header .grid { grid-template-columns: 1fr } header img { margin: 10px auto; } nav { text-align: center } nav a { padding: 5px; margin: 5px } .headnav { padding-bottom: 10px } nav li:hover > ul { display: none; } nav p { margin: 0; } .tiles .grid.third { grid-template-columns: repeat(2,1fr); } .tiles { padding: 0 15px; } .cycle-slideshow p { max-width: 80%; } .blogs .homeblogs .posts .post h3 { padding: 40px 10px; } #newsletter { padding: 0 75px; } .footlogo { margin: 0 auto }} @media(max-width:767px) { .bicol.smarthome { background-image: linear-gradient( to right, #eee 50%, #9da0a2 50% ); } .tiles .grid.third { grid-template-columns: 1fr; } .ovations .cycle-slideshow { height: auto; padding-bottom: 40px; } .ovations .cycle-slideshow p { max-width: 98%; } .process.flex { display: block; border: none; } .process.flex > div { width: auto !important; padding: 0 !important; } .systems .grid { grid-template-columns: repeat(1,1fr); } .systems .grid img { width: calc(100% - 20px) !important; height: 300px; padding: 0 10px 10px 10px; } .bicol .flex > div { display: block; width: 100% !important; border: none !important; } .bicol h2, .bicol p { max-width: 100%; padding: 5px 10px; } .grid.half > div { order: unset !important; } .brands > div { display: block !important; width: 100% !important; padding: 0 !important; } .brands > div:first-of-type img { width: 100%; margin: 20px 0; } .specialBlogs h2, .specialBlogs p, .specialBlogs span { font-size: 32px; }} @media(max-width:700px) { .grid.third { grid-template-columns: repeat(1,1fr); grid-gap: 20px; } .grid.third img { width: 100% } .cambridge-items p:last-of-type { position: relative; bottom: unset } .cambridge-items > div > div { padding: 0 20px 20px } .tribox .imgBg, .tribox a > img { height: auto; max-height: unset; width: auto } .creditcard { padding: 20px 40px } .creditcard img { width: auto; top: unset; transform: none; width: auto } .spaces .grid { grid-template-columns: 1fr } .spaces .grid + img { margin-top: 75px }} @media(max-width:600px) { .imgLeft, .imgRight { float: none; max-width: 100%; margin: 0; } .tiles img { height: 300px; } .grid.half, .homeblogs .posts { grid-template-columns: repeat(1,1fr); grid-gap: 20px; } .grid.half img, .contactIntro p { width: 100%; } .ccpaNotice { padding-bottom: 50px !important; text-align: center !important }} @media(max-width:500px) { header .cycle-slideshow { height: 55px; } .cycle-prev, .cycle-next { opacity: 0; } #newsletter { padding: 0 20px; } .specialBlogs > div { margin-bottom: 20px; } .specialBlogs .table > div { padding: 100px 0; } .specialBlogs h2, .specialBlogs p, .specialBlogs span { font-size: 24px; } h1 strong { white-space: unset !important } h1 strong span { white-space: nowrap }} @media(max-width:400px) { .systems .grid > div:first-of-type { padding: 0 20px !important; } #newsletter { padding: 0; } .specialBlogs h2, .specialBlogs p, .specialBlogs span { font-size: 20px; }}