body.page-template-template-spectrum-v2 {
  overflow-x: hidden;
}
.page-template-template-spectrum-v2 .comparisonSection,
.page-template-template-spectrum-v2 .comparisonSection2,
.page-template-template-spectrum-v2 .multicomparisonSection,
.page-template-template-spectrum-v2 .multicomparisonSection2 {
  position: relative;
  padding-bottom: 56.25%;
}
.page-template-template-spectrum-v2 .multicomparisonSection2 {
  overflow: hidden;
}
.page-template-template-spectrum-v2 .comparisonSectionSmall,
.page-template-template-spectrum-v2 .multicomparisonSectionSmall,
.page-template-template-spectrum-v2 .multicomparisonSectionDevices {
  position: relative;
  padding-top: 15%;
  padding-bottom: 15%;
  overflow: hidden;
}
.page-template-template-spectrum-v2 .comparisonImage,
.page-template-template-spectrum-v2 .multicomparisonImage,
.page-template-template-spectrum-v2 .multicomparisonImageSmall {
  width: 100%;
  height: 100%;
}
.multicomparisonImage video {
  position: absolute;
  top: 0;
  min-width: 100%;
  min-height: 100%;
}
.multiafterImage-6 {
  position: absolute;
  overflow: hidden;
  top: 0;
  transform: translate(100%, 0px);
}
.multiafterImage-6 img {
  transform: translate(-100%, 0px);
}
.comparisonImage.small img,
.multicomparisonSectionDevices .multicomparisonImage img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
}
.page-template-template-spectrum-v2 .text-container {
  padding: 150px 0;
  /*display: flex;*/
  align-items: center;
}
.page-template-template-spectrum-v2 .image-container {
  padding: 5vh 0 15vh;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  background-attachment: fixed !important;
}
.page-template-template-spectrum-v2 .overlay:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(120deg, #000, #c4c4c4);
  background-color: #333;
  opacity: 0.6;
}
.page-template-template-spectrum-v2 .box-content {
  background-color: #fff;
  margin: 0;
  padding: 1em;
  box-sizing: border-box;
}
.page-template-template-spectrum-v2 .text-content {
  color: #fff;
}
.page-template-template-spectrum-v2 .banner {
  text-align: left;
  padding: 0;
}
.page-template-template-spectrum-v2 .spec-label {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  padding: 0 1em;
}
.page-template-template-spectrum-v2 .label-content {
  background-color: #fff;
  width: fit-content;
  padding: 0.5em 1em;
}
.page-template-template-spectrum-v2 .hero {
  min-height: 100vh;
  background-color: #fff;
  padding-bottom: 1em;
}
.page-template-template-spectrum-v2 .hero .visual .grad {
  background: radial-gradient(circle, rgba(245, 244, 246, 0) 0, rgba(245, 244, 246, 0) 66%, #fff 71%, #fff 100%) !important;
}
.page-template-template-spectrum-v2 .icon-scroll,
.page-template-template-spectrum-v2 .icon-scroll:before {
  position: absolute;
  left: 0;
}
.page-template-template-spectrum-v2 .icon-scroll {
  width: 40px;
  height: 70px;
  box-shadow: inset 0 0 0 1px #b7b7b7;
  border-radius: 25px;
  margin-top: 1em;
}
.page-template-template-spectrum-v2 .icon-scroll:before {
  content: '';
  width: 8px;
  height: 8px;
  background: #be0000;
  margin-left: 16px;
  top: 8px;
  border-radius: 4px;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: spectrumscroll;
  animation-name: spectrumscroll;
}
@-webkit-keyframes spectrumscroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(46px);
  }
}
@keyframes spectrumscroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(46px);
  }
}