article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

section {
  position: relative;
}

section .container {
  display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.forcedround {
  border-radius: 20px;
  overflow: hidden;
}

#hubspot-conversations-iframe {
  margin-right: 40px;
  margin-bottom: 60px;
}

@media (min-width: 768px){
  .column.col-100, .column[data-col="100"] {
    width: 100%;
  }
}

.widget-wrap>.element {
  width: 100%;
}

#navbar.sticky {
  position: fixed;
    width: 587px;
    margin-top: 0px;
    margin-bottom: 0px;
    top: 15px;
    inset-inline-start: 666.5px;
    z-index:99;
}

#cart.sticky {
  position: fixed;
    width: 587px;
    margin-top: 0px;
    margin-bottom: 0px;
    top: 15px;
    inset-inline-start: 1266.7px;
    z-index:99;
}

.location-footer:before, .location-header:before {
  content: "";
  display: table;
  clear: both;
}

#header #two .column {
  align-content: center;
  align-items: center;
}
#header #two .column {
  justify-content: space-evenly;
}
#header .element > .element-populated, #header .element > .element-populated > .background-overlay, #header .element > .background-slideshow {
  border-radius: 0px 0px 0px 0px;
}
#header .element > .element-populated {
  border-style: none;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding: 0px 0px 0px 0px;
}

#header #one {
  z-index: 999;
}

#header #two {
  margin-top: 0px;
  margin-bottom: -90px;
  padding: 34px 60px 0px 60px;
  z-index: 9;
}

#one.element > .element-populated, #two.element > .element-populated {
  border-style: none;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  margin: 0px 0px 0px 0px;
  --e-column-margin-right: 0px;
  --e-column-margin-left: 0px;
  padding: 0px 0px 0px 0px;
}

.section .container {
  display: flex;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

.section.section-boxed > .container {
  max-width: 1140px;
}

.section.section-boxed>.container {
  max-width: 1140px;
}
.section .container {
  display: flex;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

.widget-wrap>.element {
  width: 100%;
}

.motion-effects-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transform-origin: var(--e-transform-origin-y) var(--e-transform-origin-x);
}

.widget-wrap > .motion-effects-container > .motion-effects-layer {
  background-color: #cbcbcb;
  background-image: url(/public/240212_Products.png);
  background-position: 50% 38%;
  background-repeat: no-repeat;
  background-size: 88% auto;
}

.motion-effects-layer {
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.motion-effects-element, .motion-effects-layer {
  transition-property: transform,opacity;
  transition-timing-function: cubic-bezier(0,.33,.07,1.03);
  transition-duration: 1s;
}

.background-overlay, .background-slideshow {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

#home.element {
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 24px 24px 0px 24px;
}

#home.element > .container > .column > .widget-wrap {
  align-content: space-between;
  align-items: space-between;
}

.hero {
  border-radius: var(--br-xl);
  padding: 24px 24px 0px 24px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: var(--font-hurme-geometric-sans-3);
}

.hero-section>.container {
  min-height: 95vh;
}

.top-section{
  margin-top: 0px;
  margin-bottom: -90px;
  padding: 34px 60px 0px 60px;
  
}

.elementor-section .elementor-container {
  display: flex;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

.column {
  position: relative;
  min-height: 1px;
  display: flex;
}

.col-25 {
  width: 25%;
}

.col-50{
  width: 50%;
}

/*.column-gap-default>.column>.element-populated {
  padding: 10px;
}*/

/*.column-gap-default>.column>.element-populated {
  padding: 30px;
}*/

/*.column-gap-default>.column>.populated {
  padding: 30px;
}*/

/*:not(.bc-flex-widget) .widget-wrap {
  display: flex;
}*/

#home .element > .container > .column > .widget-wrap {
  align-content: space-between;
  align-items: space-between;
}

.widget {
  position: relative;
}

.widget-wrap {
  position: relative;
  width: 100%;
  flex-wrap: wrap;
  align-content: flex-end;
}  

.widget-image a {
    display: inline-block;
}

img {
  height: auto;
  max-width: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.widget-image img {
  vertical-align: middle;
  display: inline-block;
}

.widget-image a {
  display: inline-block;
}

a {
  box-shadow: none;
  text-decoration: none;
}

img {
  height: auto;
  max-width: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

/*.widget-image a img {
  height: auto;
  width: 45px;
  text-align: left;
  max-width: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none;
}*/

.screen-only, .screen-reader-text, .screen-reader-text span, .ui-helper-hidden-accessible {
  position: absolute;
  top: -10000em;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

.nav-menu--layout-horizontal {
  display: flex;
}

.nav-menu__align-center .nav-menu {
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
}

.nav-menu--layout-horizontal .nav-menu {
  display: flex;
  flex-wrap: wrap;
}

.nav-menu, .nav-menu li, .nav-menu ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: normal;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.nav-menu {
  position: relative;
  z-index: 2;
  background-color: #FFFFFFA1;
  border-radius: 40px;
}

dd, dl, dt, li, ol, ul {
  -webkit-margin-before: 0;
  margin-block-start: 0;
  -webkit-margin-after: 0;
  margin-block-end: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

.nav-menu .item {
  font-family: var(--font-hurme-geometric-sans-3);
  font-weight: 400;
  font-size: 14px;
}

.nav-menu--layout-horizontal .nav-menu>li {
  display: flex;
}

.nav-menu li {
  border-width: 0;
}

.nav-menu li {
  position: relative;
}

.menu-item {
  margin: 5px !important;
}

.nav-menu--main .item.item-active {
  color: var(--mood-black);
}

.item-active:before, .item-active:after {
  content: "";
  border-radius: 25px;
  top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #3f444b;
    z-index: -1;
    display: block;
    position: absolute;
    background: rgb(210, 210, 210);
    mix-blend-mode: darken;
}

.nav-menu--main .item {
  color: var(--mood-black);
  fill: var(--warm-grey);
}

.nav-menu .item {
  font-size: 14px;
}

.nav-menu--layout-horizontal .nav-menu>li:not(:last-child)>a {
  -webkit-margin-end: var(--e-nav-menu-horizontal-menu-item-margin);
  margin-inline-end: var(--e-nav-menu-horizontal-menu-item-margin);
}

.nav-menu--layout-horizontal .nav-menu a {
  white-space: nowrap;
  flex-grow: 1;
  text-decoration: none;
}

.nav-menu--main .nav-menu a, 
.nav-menu--main .nav-menu a.highlighted, 
.nav-menu--main .nav-menu a:focus, 
.nav-menu--main .nav-menu a:hover {
  padding: 13px 20px;
  font-weight: 400;
}

.nav-menu--main .nav-menu a {
  transition: .4s;
}

.nav-menu a, .nav-menu a:focus, .nav-menu a:hover {
  padding: 10px 20px;
  line-height: 20px;
}

.nav-menu a {
  display: flex;
  align-items: center;
}

.nav-menu a, .nav-menu li {
  position: relative;
}

[type=button]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
  cursor: pointer;
}
.swp-cart-icon-inline {
  padding: 8px 15px;
  background-color: var(--mood-black);
  border-radius: 20px;
}

.swp-cart-icon-inline {
  border: none;
  outline: none;
  position: relative;
  top: -5px;
  right: 0px;
}
.swp-cart-icon {
  cursor: pointer;
  pointer-events: auto;
}

svg:not(:root) {
  overflow: hidden;
}

.swp-cart-icon svg {
  height: 22px;
}

.css-1ot8lkx-IconCSS-svgCSS-CartIconWrapper {
  position: relative;
  vertical-align: middle;
  pointer-events: auto;
  width: 28px;
}

.swp-icon-cart {
  width: 28px;
  height: 28px;
}

.swp-icon {
  position: relative;
  vertical-align: middle;
  pointer-events: auto;
  width: 28px;
}

.swp-icon-cart path, .swp-icon-cart g {
  fill: var(--warm-grey);
  margin: 0;
  width: 28px;
  max-width: 28px;
  position: relative;
  left: 1px;
}

.element .heading-title {
  font-family: var(--font-hurme-geometric-sans-3);
  color: var(--warm-grey);
  font-size: 120px;
  font-weight: 700;
  line-height: 1.2;
  /*mix-blend-mode: difference;*/
}

#home .element .heading-title {
  font-family: var(--font-hurme-geometric-sans-3);
  color: var(--warm-grey);
  font-size: 120px;
  font-weight: 700;
  line-height: 120px;
  /*mix-blend-mode: difference;*/
}

.align-center {
  text-align: center;
}

.button {
  display: inline-block;
  line-height: 1;
  background-color: #69727d;
  font-size: 15px;
  letter-spacing: 20;
  padding: 12px 24px;
  border-radius: 3px;
  color: #fff;
  fill: #fff;
  text-align: center;
  transition: all .3s;
  text-decoration: none;
}

.button {
  fill: var(--mood-black  );
  color: var(--mood-black);
  background-color: var(--social-tangerine);
  border-radius: 50px 50px 50px 50px;
}

.button span {
  text-decoration: inherit;
}

.element .button .align-icon-right {
  margin-left: 7px;
}

.button .align-icon-right {
  margin-left: 5px;
  order: 15;
}
.button span {
  text-decoration: inherit;
}
.button-icon {
  flex-grow: 0;
  order: 5;
}

.button-content-wrapper {
  display: flex;
  justify-content: center;
}

.align-center .button {
  width: auto;
}
.a {
  box-shadow: none;
  text-decoration: none;
}

.marquee-container {
  padding: var(--br-xl) 0;
  display: flex;
  white-space: nowrap;
  width: 100%;
  /*height: clamp(3em, 10vw, 6em);*/
  overflow: hidden;
  font-family: sans-serif;

}

.loop-text {
  font-family: var(--font-trim-mono);
  font-weight: 400;
  color: var(--warm-grey);
  font-size: clamp(2.5rem, 8vw, 5.5rem);
  text-transform: uppercase;
  padding: 0 0.25em;

}

.loop-text {
  animation: loopText 8s infinite linear;
}

@keyframes loopText {

from {
    transform: translateX(0);
 }

to {
    transform: translateX(-100%);
 }

}

#soundscape {
  padding: 0px 24px 24px 24px;
  margin-bottom: 0px;
  font-family: var(--font-hurme-geometric-sans-3);
  color: var(--warm-grey);
  z-index: 5;
}

#product1.widget-wrap {
  background-color: var(--warm-grey);
  /*background-image: url(/public/240109-adp-controller-1@2x.png);*/
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

#soundscape .column-gap-default>.column>#product1.element-populated {
  padding: 0px;
}

#socialM .element > .populated,
#focus .element > .populated,
#rest .element > .populated {
  padding: 40px;
  z-index: 1;
}

#rest #description .button.button-link {
  font-family: var(--font-hurme-geometric-sans-3);
  fill: var(--warm-grey);
  color: var(--warm-grey);
  font-weight: 400;
  background-color: transparent ;
  border: 2px solid var(--warm-grey);
  border-radius: 50px 50px 50px 50px;
}

#rest #description .button.button-link:hover {
  color: var(--mood-black);
  background-color: var(--warm-grey) ;
}

#product1 .animation-container {
  width:100%;
  height: 82.75vh;
  position: relative;
}

#product1 #click-area {
  position: relative;
  height: 100%;
}

#product1 #click-area2 {
  position: relative;
  height: 100%;
}

#product1 #click-area3 {
  position: relative;
  height: 100%;
}

#product1 video {
  position:relative;
  border-radius: 20px 0 0 20px;
    object-fit: cover;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;

}

#rest.hidden, #socialM.hidden, #focus.hidden {
  display:none;
}

.column .spacer-inner {
  /*height: 425px;*/
}

.column.element[data-element_type="column"] > .widget-wrap-fill-green.element-populated {
  align-content: flex-end;
  align-items: flex-end;
}

.fill-social {
  background-color: var(--social-tangerine);
}

.fill-focus {
  background-color: var(--focus-green);
}

.fill-rest {
  background-color: var(--sleepy-violet);
}

.element > .element-populated {
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  margin: 0px 0px 0px 0px;
  padding: 40px 40px 40px 40px;
}
.element > .element-populated, .element > .element-populated > .background-overlay, .element > .background-slideshow {
  border-radius: 20px 0px 0px 20px;
}

.element > .populated, .element > .populated > .background-overlay, .element > .background-slideshow {
  border-radius: 0px 20px 20px 0px;
}

#soundscape .heading-title {
  font-family: var(--font-hurme-geometric-sans-3);
  color: var(--warm-grey);
  font-size: var(--font-size-45xl);
  font-weight: 400;
  mix-blend-mode: normal;
}

#overview .heading-title, #products .heading-title, #packages .heading-title   {
  font-family: var(--font-hurme-geometric-sans-3);
  color: var(--mood-black);
  font-size: var(--font-size-45xl);
  font-weight: 400;
  mix-blend-mode: normal;
}

#soundscape #second img:last-child {
  width: 100%;
  height: 370px;
  object-fit: cover;
  object-position: center center;
  border-radius: 0px 0px 20px 0px;
}

#soundscape img {
  width: 100%;
  height: 370px;
  object-fit: cover;
  object-position: center center;
}

.widget-image img {
  vertical-align: middle;
  display: inline-block;
}
img {
  height: auto;
  max-width: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
#soundscape .button, #packages .button, #overview .button, #speaker .button, #accessories .button {
  font-family: var(--font-hurme-geometric-sans-3);
  fill: var(--mood-black);
  color: var(--warm-grey);
  background-color: var(--mood-black);
  border-radius: 50px 50px 50px 50px;
}

#soundscape .button.button-link, #packages .button.button-link, #overview .button.button-link, #speaker .button.button-link, #accessories .button.button-link, #shop .button.button-link {
  font-family: var(--font-hurme-geometric-sans-3);
  fill: var(--mood-black);
  color: var(--mood-black );
  font-weight: 600;
  background-color: transparent ;
  border: 2px solid var(--mood-black);
  border-radius: 50px 50px 50px 50px;
}

#packages #basic.active-package .button.button-link, #packages #classic.active-package .button.button-link, #packages #premium.active-package .button.button-link  {
  font-family: var(--font-hurme-geometric-sans-3);
  fill: var(--mood-black);
  color: var(--mood-black );
  font-weight: 600;
  background-color: var(--warm-grey) ;
  border: 2px solid var(--warm-grey);
  border-radius: 50px 50px 50px 50px;
}

#soundscape .button.button-link:hover, #packages .button.button-link:hover, #overview .button.button-link:hover, #speaker .button.button-link:hover, #accessories .button.button-link:hover, #shop .button.button-link:hover {
  font-family: var(--font-hurme-geometric-sans-3);
  fill: var(--mood-black);
  color: var(--warm-grey );
  font-weight: 600;
  background-color: var(--mood-black) ;
  border: 2px solid var(--mood-black);
  border-radius: 50px 50px 50px 50px;
}

#shop .button.button-link {
  font-family: var(--font-hurme-geometric-sans-3);
  fill: var(--warm-grey);
  color: var(--warm-grey );
  font-weight: 600;
  background-color: transparent ;
  border: 2px solid var(--warm-grey);
  border-radius: 50px 50px 50px 50px;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none;
}
.button.size-xs {
  font-size: 13px;
  padding: 10px 20px;
  border-radius: 2px;
}
.align-left .button {
  width: auto;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

#overview {
  padding: 0px 24px 24px 24px;
  margin-bottom: 0;
  z-index: 0;
}

#overview .widget-wrap {
  background-color: var(--warm-grey);
}

#overview .column .spacer-inner, #products .column .spacer-inner {
  height: 120px;
}

#overview form .column-gap-default>.column>.element-populated {
  padding: 0 0rem 0 0;
}

#overview input[type=submit] {
  background-color: transparent;
  border: 2px solid var(--mood-black);
  border-radius: 40px;
  color: var(--mood-black);
  padding: 12px 24px;
  font-family: var(--font-hurme-geometric-sans-3);
  font-size: var(--font-size-base);
  font-weight: 600;
  text-decoration: none;
  margin-top: 2rem;
  cursor: pointer;
}

#overview input[type=submit]:hover {
  background-color: var(--mood-black);
  color: var(--warm-grey);
}

input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
 
  outline: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.number-input {
  border: none;
  background-color: var(--mood-black);
  border-radius: 40px;
  display: inline-flex;
}

.number-input,
.number-input * {
  box-sizing: border-box;
}

.number-input button {
  outline:none;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  cursor: pointer;
  margin: 0;
  position: relative;
}

.number-input button:before,
.number-input button:after {
  display: inline-block;
  position: absolute;
  content: '';
  width: .5rem;
  height: 2px;
  background-color: var(--warm-grey);
  transform: translate(-50%, -50%);
}
.number-input button.plus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.number-input input[type=number] {
  font-family: var(--font-trim-mono);
  max-width: 5rem;
  padding: .5rem;
  border: none;
  background-color: var(--mood-black);
  font-size: var(--font-size-base);
  color: var(--warm-grey);
  height: 3rem;
  font-weight: 400;
  text-align: center;
}

.number-input select {
  font-family: var(--font-trim-mono);
  /* max-width: 5rem; */
  width: 10.25rem;
  padding: 0.5rem;
  border: none;
  border-radius: 40px;
  background-color: transparent;
  font-size: var(--font-size-base);
  color: var(--warm-grey);
  height: 3rem;
  font-weight: 400;
  text-align: center;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
}

.number-input .select-wrapper::after {
  content: "▼";
  font-size: .5rem;
  color: var(--warm-grey);
  position: relative;
  right: 1.5rem;
}

.col-33 {
  width: 33%;
}

.col-67 {
  width: 67%;
}

#product .widget-wrap {
  background-color: var(--warm-grey);
    background-image: url(/public/240212_Package_02.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#packages {
  padding: 0px 24px 24px 24px;
  margin-bottom: 0;
  z-index: 1;
}

#packages .widget-wrap {
  background-color: var(--warm-grey);
}

#basic .widget-wrap,
#classic .widget-wrap,
#premium .widget-wrap {
  background-color: transparent;
}

#packages .widget-wrap .package {
  background-color: transparent;
}

#basic.active-package {
  background-color: var(--sleepy-violet);
}

#basic.active-package h2,#basic.active-package p {
  color: var(--warm-grey);
}

#basic.active-package svg {
  fill: var(--warm-grey);
}

#classic.active-package {
  background-color: var(--focus-green);
}

#premium.active-package {
  background-color: var(--social-tangerine);
}

#packages .column .spacer-inner {
  height: 180.1px;
}

#basic .column .spacer-inner,
#classic .column .spacer-inner,
#premium .column .spacer-inner {
  height: 34.25px;
}

.column-gap-default>.column>.package.populated{
  padding: 0;
  margin: 0px;
}

#basic, #classic, #premium {
  border-radius: 20px;
  border: 1px solid var(--mood-black);
  position: relative;
  background-color: var(--warm-grey);
  padding: 40px
}

#classic, #premium {
 margin-left: -2rem;
}

#basic {
  z-index: 0;
}

#classic {
  z-index: 1;
}

#premium {
  z-index: 2;
}

.package-icon {
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

#video {
  padding: 0px 24px 24px 24px;
  margin-bottom: 0;
  z-index: -1;
}

.video-container {
  height: 65vh;
  position: relative;
}

#video video {
  border-radius: 20px;
  object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}

#soundscape .element > .widget-wrap, .element > .widget-wrap > .motion-effects-container > .motion-effects-layer {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}


#click-area:before, #click-area2:before, #click-area3:before {
  content: 'Click for experience';
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-weight: 600;
  font-family: var(--font-trim-mono);
  text-align: center;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

#click-area.hide:before, #click-area2.hide:before, #click-area3.hide:before {
  content: '';
  position: absolute;
  background: rgba(0, 0, 0, 0);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-weight: 600;
  font-family: var(--font-trim-mono);
  text-align: center;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}





:not(.bc-flex-widget) .widget-wrap {
  display: flex;
}

/*#socialM .element > .widget-wrap .element-populated {
  padding: 0;
}*/

#description .element {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    z-index: 1;
}

#description h2 {
  line-height: 66px;
}

#description .element > .element-populated, .element > .element-populated > .background-overlay, .element > .background-slideshow {
  border-radius: 0px 20px 20px 0;
}

#products {
  padding: 0px 24px 24px 24px;
  margin-bottom: 0;
  z-index: 1;
}

#products .column-gap-default>.column>.element-populated {
    margin: 0px 12px 0px 0px;
    --e-column-margin-right: 12px;
    --e-column-margin-left: 0px;
    padding: 0px 0px 0px 0px;
}

#products .column-gap-default>.column>.populated {
  margin: 0px 0px 0px 12px;
  --e-column-margin-right: 12px;
  --e-column-margin-left: 0px;
  padding: 0px 0px 0px 0px;
}

#speaker .column-gap-default>.column>.element-populated, #accessories .column-gap-default>.column>.element-populated {
  padding: 30px;
  margin: 0px;
}

.element > .column-gap-default>.column> #image-01.populated, .element > .column-gap-default>.column>#image-02.populated {
  padding: 0;
  margin: 0px;
}

#speaker .widget-wrap, #accessories .widget-wrap {
  background-color: var(--warm-grey);
}

#speaker .product.background-overlay {
  background-image: url(/public/test-accessories-1@2x.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 160% auto;
  opacity: 1;
}

#accessories .product.background-overlay {
  background-image: url(/public/test-accessories-1-1@2x.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 160% auto;
  opacity: 1;
}

#soundscape .column .spacer-inner {
  height: 58px
}

#testimonial {
  padding: 0px 24px 24px 24px;
  margin-bottom: 0;
  z-index: -1;
}

#testimonial .column-gap-default>.column>.element-populated {
  padding: 80px;
}

#testimonial .heading-title {
  font-family: var(--font-hurme-geometric-sans-3);
  color: var(--warm-grey);
  font-size: var(--font-size-19xl);
  font-weight: 400;
  mix-blend-mode: normal;
}

#testimonial .subtitle {
  font-family: var(--font-hurme-geometric-sans-3);
  color: var(--warm-grey);
  font-size: var(--font-size-base);
  font-weight: 400;
  mix-blend-mode: normal;
}

#shop {
  padding: 0px 24px 24px 24px;
  margin-bottom: 0;
  z-index: -1;
}

#shop .shop-container>.container {
  min-height: 65vh;
}

#shop .column-gap-default>.column>.element-populated {
  padding: 0;
}

#shop .background-overlay {
  background-color: black;
  opacity: 0.6;
}

#shop .widget-wrap > .motion-effects-container > .motion-effects-layer {
  background-color: var(--mood-black);
  background-image: url(/public/rectangle-10@2x.png);
  background-position: 50% 38%;
  background-repeat: no-repeat;
  background-size: 110% auto;
}

#shop .widget-wrap {
  position: relative;
  width: 100%;
  flex-wrap: wrap;
  align-content: center;
  display: flex;
}

#shop .heading-title {
  font-family: var(--font-hurme-geometric-sans-3);
  color: var(--warm-grey);
  font-size: var(--font-size-19xl);
  font-weight: 600;
  mix-blend-mode: normal;
}

#shop .subtitle {
  font-family: var(--font-hurme-geometric-sans-3);
  color: var(--warm-grey);
  font-size: var(--font-size-base);
  font-weight: 400;
  mix-blend-mode: normal;
}

#Newsletter {
  padding: 0px 24px 24px 24px;
  margin-bottom: 0;
  z-index: 0;
}

#Newsletter .column-gap-default>.column>.element-populated {
  padding: 60px;
}

#Newsletter .heading-title {
  font-family: var(--font-hurme-geometric-sans-3);
  color: var(--warm-grey);
  font-size: var(--font-size-45xl);
  font-weight: 600;
  mix-blend-mode: normal;
}

#Newsletter .subtitle {
  font-family: var(--font-hurme-geometric-sans-3);
  color: var(--warm-grey);
  font-size: var(--font-size-base);
  font-weight: 400;
  mix-blend-mode: normal;
}

#Newsletter input[type=button],input[type=email], input[type=submit], input[type=reset] {
  background-color: var(--mood-black);
  border: 1px solid var(--color-darkslategray);
  border-radius: 40px;
  color: var(--warm-grey);
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}

#Newsletter input[type=submit]:hover {
  background-color: var(--social-tangerine);
  border: 1px solid var(--social-tangerine);
  border-radius: 40px;
  color: var(--warm-grey);
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}

#Newsletter input[type=email]:hover {
  border: 1px solid var(--warm-grey);
}

#footer {
  padding: 0px 24px 24px 24px;
  margin-bottom: 0;
  z-index: 1;
}

#footer p {
  color: var(--warm-grey);
  font-size: 14px;
}

#footer .column-gap-default>.column>.element-populated {
  padding: 30px;
}

#copyright .column-gap-default>.column>.element-populated {
  padding: 0px;
}

#social .column-gap-default>.column>.element-populated {
  padding: 0;
  margin-left: 1rem;
}

#footer .nav-menu--layout-horizontal {
  display: flex;
}

#footer .nav-menu__align-center .nav-menu {
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
}

#footer .nav-menu--layout-horizontal .nav-menu {
  display: flex;
  flex-wrap: wrap;
}

#footer .nav-menu,#footer .nav-menu li,#footer .nav-menu ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: normal;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

#footer .nav-menu {
  position: relative;
  z-index: 2;
  background-color: transparent;
}

#footer .nav-menu .item {
  font-family: var(--font-hurme-geometric-sans-3);
  font-weight: 400;
  font-size: 14px;
}

#footer .nav-menu--layout-horizontal .nav-menu>li {
  display: flex;
}

#footer .nav-menu li {
  border-width: 0;
}

#footer .nav-menu li {
  position: relative;
}

#footer .menu-item {
  margin: 5px !important;
}

#footer .nav-menu--main .item.item-active {
  color: var(--warm-grey);
}

#footer .item-active:before, #footer .item-active:after {
  content: "";
  border-radius: 25px;
  top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    display: block;
    position: absolute;
    background: transparent;
}

#footer .nav-menu--main .item {
  color: var(--warm-grey);
  fill: var(--color-darkslategray);
}

#footer .nav-menu .item {
  font-size: 14px;
}

#footer .nav-menu--layout-horizontal .nav-menu>li:not(:last-child)>a {
  -webkit-margin-end: var(--e-nav-menu-horizontal-menu-item-margin);
  margin-inline-end: var(--e-nav-menu-horizontal-menu-item-margin);
}

#footer .nav-menu--layout-horizontal .nav-menu a {
  white-space: nowrap;
  flex-grow: 1;
  text-decoration: none;
}

#footer .nav-menu--main .nav-menu a, 
#footer .nav-menu--main .nav-menu a.highlighted, 
#footer .nav-menu--main .nav-menu a:focus, 
#footer .nav-menu--main .nav-menu a:hover {
  padding: 13px 20px;
  font-weight: 400;
}

#footer .nav-menu--main .nav-menu a {
  transition: .4s;
}

#footer .nav-menu a, #footer .nav-menu a:focus,#footer .nav-menu a:hover {
  padding: 10px 20px;
  line-height: 20px;
}

#footer .nav-menu a {
  display: flex;
  align-items: center;
}

#footer .nav-menu a, #footer .nav-menu li {
  position: relative;
}

#social .container {
  display: flex;
  margin-right: 0;
  margin-left: 0;
  position: relative;
}

#social .widget-wrap {
  position: relative;
  width: 100%;
  flex-wrap: wrap;
  align-content: flex-end;
  display: flex;
  justify-content: flex-end;
}

#social .button.button-link {
  font-family: var(--font-hurme-geometric-sans-3);
  fill: var(--warm-grey);
  color: var(--warm-grey);
  font-weight: 400;
  background-color: transparent ;
  border: 2px solid var(--warm-grey);
  border-radius: 50px 50px 50px 50px;
}

#social .button.button-link:hover {
  color: var(--mood-black);
  background-color: var(--warm-grey) ;
}


#updates .button.button-link {
  font-family: var(--font-hurme-geometric-sans-3);
  fill: var(--warm-grey);
  color: var(--warm-grey);
  font-weight: 400;
  background-color: var(--social-tangerine) ;
  border: 0px solid var(--warm-grey);
  border-radius: 50px 50px 50px 50px;
}

.nav-menu--toggle {
  /*height: 100vh;*/
}

.menu-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--nav-menu-icon-size, 22px);
  padding: 0.25em;
  cursor: pointer;
  border: 0 solid;
  border-radius: 3px;
  background-color: rgba(0,0,0,.05);
  color: #33373d;
}


.element div.menu-toggle {
  color: var(--social-tangerine);
}

.absolute, element.absolute, .widget-wrap>.element.absolute {
  position: absolute;
}

.nav-menu--stretch .nav-menu__container.nav-menu--dropdown {
  position: absolute;
  z-index: 9997;
}

.nav-menu--toggle .menu-toggle:not(.active)+.nav-menu__container {
  transform: scaleY(0);
  max-height: 0;
  overflow: hidden;
}


#one .element > .container > .column > .widget-wrap {
  align-content: center;
  align-items: center;
}

@media (min-width: 1025px) and (max-width: 99999px) {
  .hidden-desktop {
    display: none;
  }
}

@media (max-width: 1024px){
  .section.section-boxed > .container {
    max-width: 1024px;
  }

  .element img {
    width: 40%;
  }

  .section .container {
    flex-wrap: wrap;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .hidden-tablet {
    display: none;
  }
}

@media only screen and (max-width: 768px){
  .swp-cart-icon-inline {
    padding: 6px 13px;
    border-radius: 12px;
  }
}

@media (max-width: 767px) {
  .hidden-mobile, .hidden-phone {
    display: none;
  }
  /*.element {
    padding: 13px 30px 0px 30px;
    z-index: 3;
  }*/

  .section.section-boxed > .container {
    max-width: 767px;
  }

  #one {
    padding: 13px 30px 0 30px;
  }

  #one element > element-populated {
    padding: 0px 0px 0px 0px;
  }

  .swp-cart-icon-inline {
    padding: 8px 15px;
    background-color: var(--warm-grey);
    border-radius: 20px;
  }

  .swp-icon-cart path, .swp-icon-cart g {
    fill: var(--mood-black);
    margin: 0;
    width: 28px;
    max-width: 28px;
    position: relative;
    left: 1px;
  }

  .column {
    width: 100%;
  }

  .element .menu-toggle {
    border-width: 0px;
    border-radius: 100px;
  }

  .element {
    width: 100%;
    max-width: 100%;
    /*--container-widget-width: 124.304%; */
    flex-grow: 0;
    /* align-self: center; */
  }

  .element > .widget-container {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
  }

  .element > .element-populated {
    padding: 0px 0px 0px 0px;
  }
  
  .element > .widget-container {
    padding: 0px 0px 0px 0px;
  }

  #mobile-logo .widget-container {
      padding: 0px 0px 0px 0px;
  }

  .element img {
    width: 70%;
  }
  .widget-image a img {
    height: auto;
    width: 45px;
    text-align: left;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
  }
  .element .nav-menu--main > .nav-menu > li > .nav-menu--dropdown, .element .nav-menu__container.nav-menu--dropdown {
    margin-top: 24px !important;
  }

  .element .heading-title {
    font-family: var(--font-hurme-geometric-sans-3);
    color: var(--warm-grey);
    font-size: 70px;
    font-weight: 700;
  }

  #homeP.element {
    margin-top: 114px;
    margin-bottom: 0px;
    padding: 0px 12px 12px 12px;
  }

  #homeP .element > .widget-wrap, .element > .widget-wrap > .motion-effects-container > .motion-effects-layer {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 240%;
  }

  #homeP .spacer-inner {
    height: 80px;
  }

  #homeP .mobile-align-center {
    text-align: center;
  }

  #homeP .element .element-populated {
    padding: 100px 40px 10px 40px;
  }

  .widget-wrap > .motion-effects-container > .motion-effects-layer {
    background-image: url('/public/240212_Products.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 900px auto;
  }
  .marquee-container {
    padding: var(--br-9xs) 0;
    display: flex;
    white-space: nowrap;
    width: 100%;
    /* height: clamp(3em, 10vw, 6em); */
    overflow: hidden;
    font-family: sans-serif;
  }

  .element > .element-populated, .element > .element-populated > .background-overlay, .element > .background-slideshow {
    border-radius: 20px 20px 20px 20px;
}

  #overviewP #description .element > .widget-wrap, #description .element > .widget-wrap > .motion-effects-container > .motion-effects-layer {
    background-image: none;
    background-color: var(--warm-grey);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 160% auto;
  }

  #overviewP .element > #product.widget-wrap, .element > #product.widget-wrap > .motion-effects-container > .motion-effects-layer {
      background-image: url('/public/240212_Package_02.png');
      background-position: top center;
      background-repeat: no-repeat;
      background-size: 200% auto;
  }

  #overviewP {
    padding: 0px;
  }

  #overviewP .column .spacer-inner, #products .column .spacer-inner {
    height: 220px;
  } 

  #overviewP .element {
    padding: 12px 12px 12px 12px;
    z-index: 3;
  }

  #overviewP .element #config{
    padding: 0;
    z-index: 3;
  }

  #overviewP #config .element {
    padding: 12px;
  }
  
  #overviewP > .element .widget-wrap {
    padding: 12px;
  }

  #overviewP .element .heading-title {
    font-family: var(--font-hurme-geometric-sans-3);
    color: var(--mood-black);
    font-size: 40px;
    line-height: 1.2;
    font-weight: 300;
  }

  #overviewP .button {
    fill: var(--mood-black);
    color: var(--warm-grey);
    background-color: var(--mood-black);
    border-radius: 50px 50px 50px 50px;
  }

  #packagesP .element .heading-title {
      font-family: var(--font-hurme-geometric-sans-3);
      color: var(--mood-black);
      font-size: 40px;
      font-weight: 300;
  }

  #testimonialP {
    margin-bottom: 0px;
    margin-top: 100px;
  }

  #testimonialP .element img {
    width: 25%;
  }

  #testimonialP .element .heading-title {
    font-family: var(--font-hurme-geometric-sans-3);
    color: var(--warm-grey);
    font-size: 24px;
    font-weight: 400;
  }

  #testimonialP .subtitle {
    color: var(--warm-grey);
    font-size: 14px;
  }

  #productsP #description .element > .widget-wrap, #description .element > .widget-wrap > .motion-effects-container > .motion-effects-layer {
    background-image: none;
    background-color: var(--warm-grey);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 160% auto;
  }

  #productsP .element > #product.widget-wrap, .element > #product.widget-wrap > .motion-effects-container > .motion-effects-layer {
      background-image: url('/public/test-accessories-1@2x.png');
      background-position: top center;
      background-repeat: no-repeat;
      background-size: 100% auto;
  }

  #productsP {
    padding: 0px;
    margin-bottom: 0px;
  }

  #productsP .column .spacer-inner, #products .column .spacer-inner {
    height: 220px;
  } 

  #productsP .element {
    padding: 12px 12px 12px 12px;
    z-index: 3;
  }

  #productsP .element #config{
    padding: 0;
    z-index: 3;
  }

  #productsP #config .element {
    padding: 12px;
  }
  
  #productsP > .element .widget-wrap {
    padding: 12px;
  }

  #productsP .element .heading-title {
    font-family: var(--font-hurme-geometric-sans-3);
    color: var(--mood-black);
    font-size: 40px;
    line-height: 1.2;
    font-weight: 300;
  }

  #productsP .button {
    fill: var(--mood-black);
    color: var(--warm-grey);
    background-color: var(--mood-black);
    border-radius: 50px 50px 50px 50px;
  }

  #productsP2 #description .element > .widget-wrap, #description .element > .widget-wrap > .motion-effects-container > .motion-effects-layer {
    background-image: none;
    background-color: transparent;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 160% auto;
  }

  #productsP2 .element > #product.widget-wrap, .element > #product.widget-wrap > .motion-effects-container > .motion-effects-layer {
      background-image: url('/public/test-accessories-1-1@2x.png');
      background-position: top center;
      background-repeat: no-repeat;
      background-size: 100% auto;
  }

  #productsP2 {
    padding: 0px;
    margin-bottom: 0px;
  }

  #productsP2 .column .spacer-inner, #products .column .spacer-inner {
    height: 220px;
  } 

  #productsP2 .element {
    padding: 12px 12px 12px 12px;
    z-index: 3;
  }

  #productsP2 .element #config{
    padding: 0;
    z-index: 3;
  }

  #productsP2 #config .element {
    padding: 12px;
  }
  
  #productsP2 > .element .widget-wrap {
    padding: 12px;
  }

  #productsP2 .element .heading-title {
    font-family: var(--font-hurme-geometric-sans-3);
    color: var(--warm-grey);
    font-size: 40px;
    line-height: 1.2;
    font-weight: 300;
  }

  #productsP2 p {
    color: var(--warm-grey);
  }

  #productsP2 .button {
    fill: var(--warm-grey);
    color: var(--mood-black);
    background-color: var(--warm-grey);
    border-radius: 50px 50px 50px 50px;
  }

  #NewsletterP {
    margin-bottom: 0px;
  }

  #NewsletterP .element .heading-title {
    font-family: var(--font-hurme-geometric-sans-3);
    color: var(--warm-grey);
    font-size: 34px;
    font-weight: 700;
  }

  #NewsletterP .subtitle {
    color: var(--warm-grey);
    font-size: 14px;
    font-weight: 400;
  } 

  #footerP .element {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 24px 12px 24px 12px;
  }

  #footerP p {
    color: var(--warm-grey);
    font-size: 14px;
    text-align: center;
  }

  #hubspot-conversations-iframe {
    margin-right: 0px;
    margin-bottom: 0px;
  }
  
}