@import "https://fonts.googleapis.com/css?family=Lato:300,400&display=swap";html{height:100%;-webkit-overflow-scrolling:touch;overflow-y:scroll}#newbase-content{overflow-x:hidden}#sonos-container{width:100%}.fixedHeaderPosition{margin-top:40px;transition:margin!important;position:absolute!important}.fixedHeaderPosition .scrolled{margin-top:10px;position:fixed!important}#floating-header{opacity:0;width:100vw;height:60px;z-index:10;background:#fff;border-bottom:1px solid #e5e5dd;margin-top:0;margin-bottom:0;transition:opacity 50ms;position:fixed;top:0;left:0}#floating-header .visible{opacity:1}#floating-header .main-title{margin-top:22px;margin-bottom:0;font-size:15px;line-height:1}.sonos-hero{z-index:3;color:#fff;width:100vw;height:100vh;background-image:linear-gradient(#1414148c,#1414148c),url(https://joshai.s3.amazonaws.com/new3/brand-pages/sonos/amp2.jpg);background-position:50%;background-size:cover;position:relative;overflow-y:hidden}.sonos-hero .sonos-text{height:100vh}.sonos-hero .sonos-text .sonos-header .main-title{max-width:800px;width:90vw;margin:0 2.5vw 5vh;padding-top:35vh;font-family:Lato,sans-serif;font-size:40px}.sonos-hero .sonos-text .sonos-subheader .sub-title{margin:0 4vw;font-family:Lato,sans-serif;font-size:19px}#sonos-content{padding-top:55px}#sonos-content .sonos-logo{vertical-align:center}#sonos-content .sonos-logo img{max-height:41px;width:auto;transition-duration:.2s}#sonos-content .sonos-logo img:hover{transform:scale(1.05)}#sonos-content .sonos-description p{width:80%;max-width:600px;text-align:left;margin-top:0;padding-top:50px;font-family:Lato,sans-serif;font-size:18px;line-height:28px}#sonos-content .the-partnership{justify-content:center;padding-top:50px}#sonos-content .the-partnership .partner-image{margin-top:0}#sonos-content .the-partnership .partner-image img{text-align:left;width:100vw;max-width:600px;margin-top:0}#sonos-content .the-partnership .partner-text{width:80%;max-width:600px;text-align:center;justify-content:center;margin:auto;padding-top:50px}#sonos-content .the-partnership .partner-text h3{text-align:left;margin:auto;font-size:24px;line-height:34px}#sonos-content .the-partnership .partner-text p{text-align:left;margin-top:0;padding-top:25px;font-family:Lato,sans-serif;font-size:18px;line-height:28px}#sonos-content .sonos-product .product-text{max-width:600px;width:80%;margin:auto;padding-top:50px}#sonos-content .sonos-product .product-text h3{text-align:center;margin:0;font-size:24px;line-height:34px}#sonos-content .sonos-product .slideshow-container{padding-top:25px}#sonos-content .sonos-product .slideshow-container #slideshow{width:100vw;place-content:center;padding-bottom:0}.image-container .all-images{width:auto;flex:0 0 50vw;justify-content:center;margin:auto;display:inline-flex}.image-container .all-images .slides{width:50vw;height:30vw}.image-container .all-images .slides img{width:100%;height:100%;object-fit:cover}.image-container .all-images #middle,#end{margin-left:.25%}.image-container .all-images .slides .one-sl{object-position:50% 90%}.image-container .all-images .slides .playfive{object-position:50% 100%}.image-container .all-images .slides .move{object-position:50% 10%}.image-container .all-images .slides a{color:#008cff;margin:auto;font-family:Lato,sans-serif;font-size:12px;line-height:22px}.job-arrow-container{width:100vw;z-index:3;justify-content:space-between;margin-top:11%;display:flex;position:absolute}.job-img-arrow{width:25px;height:25px;cursor:pointer;background-color:#fff;border:1px solid #e5e5dd;border-radius:12.5px}.job-img-arrow.left-job-arrow{margin-left:20px}.job-img-arrow.right-job-arrow{margin-right:20px}.job-arrow_container{height:15px;width:10px;position:relative;top:50%;left:50%;transform:translate(-20%,-50%)}.job-arrow_container.left-job-arrow_container{transform:translate(-5%,-50%)}.job-arrow_piece{width:2px;height:7px;background-color:#575755}.left-top-job-arrow_piece{transform:rotate(45deg)translateY(2px)}.left-bottom-job-arrow_piece{transform:rotate(-45deg)translateY(-2px)}.right-top-job-arrow_piece{transform:rotate(-45deg)translateY(2px)}.right-bottom-job-arrow_piece{transform:rotate(45deg)translateY(-2px)}#sonos-content .sonos-control{justify-content:center;padding-top:50px}#sonos-content .sonos-control .control-text{width:80%;max-width:600px;text-align:center;justify-content:center;margin:auto}#sonos-content .sonos-control .control-text h3{text-align:left;margin:auto;font-size:24px;line-height:34px}#sonos-content .sonos-control .control-text p{text-align:left;margin-top:0;padding-top:25px;font-family:Lato,sans-serif;font-size:18px;line-height:28px}#sonos-content .sonos-control .supported-devices{margin-left:0;margin-right:0;padding-top:25px;display:flex}#sonos-content .sonos-control .supported-devices img{filter:invert(17%)sepia(6%)saturate(8%)hue-rotate(330deg)brightness(89%)contrast(87%);opacity:.9;height:28px;margin-right:5%}#sonos-content .sonos-control .supported-devices p{vertical-align:middle;color:#333;margin:0;padding-top:0;font-family:Lato,sans-serif;font-size:18px;line-height:28px}#sonos-content .sonos-control .control-image{margin-top:0}#sonos-content .sonos-control .control-image img{text-align:center;width:75vw;max-width:600px;margin-top:0;padding-top:25px}#sonos-content .sonos-setup{width:80%;max-width:600px;text-align:center;justify-content:center;margin:auto;padding-top:50px}#sonos-content .sonos-setup h3{text-align:left;margin:auto;font-size:24px;line-height:34px}#sonos-content .sonos-setup p{text-align:left;margin-top:0;padding-top:25px;font-family:Lato,sans-serif;font-size:18px;line-height:28px}#sonos-content .integration-title{width:80%;max-width:600px;text-align:center;justify-content:center;margin:auto;padding-top:50px}#sonos-content .integration-title h3{text-align:left;margin:auto;font-size:24px;line-height:34px}#sonos-content .integrations-container{width:100%;margin:25px auto auto}#sonos-content .integrations-container #jobsListingList{width:80%;margin:auto}#sonos-content .integrations-container #jobsListingList>li{background-color:#fff;border:none;border-radius:0;margin-bottom:10px;padding:18px}#sonos-content .integrations-container #jobsListingList .jobsListingArrow{margin-top:0;right:12%}#sonos-content .integrations-container #jobsListingList li:hover>.jobsListingArrow{margin-top:0}#sonos-content .integrations-container #jobsListingList .jobsListingTitle{vertical-align:middle;color:#575755;width:75%;font-family:Lato,sans-serif;font-size:20px;font-weight:300;line-height:1.25}#sonos-content .integrations-container #jobsListingList .jobsListingBody{color:#333;padding-right:8%;line-height:1.67}#sonos-content .integrations-container #jobsListingList .jobsListingBody p{text-align:left;max-width:1000px;margin:0;font-family:Lato,sans-serif;font-size:18px;line-height:28px}#sonos-content .integrations-container #jobsListingList .jobsListingBody #section,#sonos-content .integrations-container #jobsListingList .jobsListingBody #spacing{padding-top:25px}#sonos-content .integrations-container #jobsListingList .jobsListingBody .commands{padding-top:25px;display:flex}#sonos-content .integrations-container #jobsListingList .jobsListingBody .commands img{height:25px;filter:invert(17%)sepia(6%)saturate(8%)hue-rotate(330deg)brightness(89%)contrast(87%);opacity:.9}#sonos-content .integrations-container #jobsListingList .jobsListingBody .commands li{text-align:left;margin-top:0;padding-top:10px;font-family:Lato,sans-serif;font-size:18px;line-height:28px;list-style:none}#sonos-content .integrations-container #jobsListingList .jobsListingBody .commands #firstcommand{padding-top:0}#sonos-content .integrations-container #jobsListingList .jobsListingBody .streaming-services{width:100%;padding-top:25px;display:flex}#sonos-content .integrations-container #jobsListingList .jobsListingBody .streaming-services .column{width:90%;text-align:center;flex:50%;margin-left:5%;margin-right:5%}#sonos-content .integrations-container #jobsListingList .jobsListingBody .streaming-services .column img{width:90%;max-width:200px}#sonos-content .integrations-container #jobsListingList .jobsListingBody .streaming-services .column p{text-align:center}#sonos-content .integrations-container #jobsListingList .jobsListingBody a{color:#008cff;font-family:Lato,sans-serif;font-size:18px;line-height:28px}#sonos-content .integrations-container #jobsListingList .jobsListingBody .image{width:100%;text-align:center;padding-top:25px}.integrations-container #jobsListingList .jobsListingBody .sonos-video{width:100%;max-width:2000px;height:100vh;max-height:200px;margin:auto;padding-top:25px;padding-bottom:0;overflow:hidden}#sonos-content .sonos-video iframe{width:100%;height:100%}#sonos-content .integrations-container #jobsListingList .jobsListingBody #intext{padding-top:25px;padding-bottom:25px}#sonos-content .integrations-container #jobsListingList .jobsListingBody .image img{width:100%}#sonos-content .sonos-video{max-width:600px;width:80vw;max-height:300px;height:80vh;margin:auto;padding-top:50px;padding-bottom:50px;overflow:hidden}#sonos-content .sonos-video iframe{width:100%;height:100%}.footerTextOneLine{text-align:center;color:#575755;font-size:20px;font-weight:300;line-height:1.33}.footerTextOneLine span{color:#008cff}#sectionFoot{height:100vh;width:100vw;-webkit-overflow-scrolling:touch;display:block;position:relative}#sectionFoot .nextUp{height:50vh!important;clip-path:none!important;bottom:50vh!important}#sectionFoot .fullFooter{height:50vh!important}#sectionFoot .nextUp .rightArrow{top:58%!important}
/*# sourceMappingURL=index.820ab71d.css.map */