#home .section.top .headline {
  opacity: 0;
}
#home .section.top .headline.animate-start {
  opacity: 0;
}
#home .section.top .headline.animate-end {
  transition: all 1.3s;
  perspective: 1000;
  backface-visibility: hidden;
  transform: translateZ(0);
  opacity: 1;
}
#home .section.brands-and-devices .brands.animate-start {
  opacity: 0;
  transform: translateY(100px);
}
#home .section.brands-and-devices .brands.animate-end {
  transition: all 1s;
  perspective: 1000;
  backface-visibility: hidden;
  transform: translateZ(0);
  transform: translateY(0);
  opacity: 1;
}
#home .section.industry .industry-gallery .buttons .button.animate-start {
  opacity: 0;
}
#home .section.industry .industry-gallery .buttons .button.animate-end {
  opacity: 1;
}
#home .section.industry .industry-gallery .buttons .button-line {
  transform: translateY(-46px) translateX(250px) translateZ(0);
}
#home .section.industry .industry-gallery .buttons .button-line.animate-start {
  width: 0;
}
#home .section.industry .industry-gallery .buttons .button-line.animate-end {
  width: 80px;
  transition: width 0.7s;
  perspective: 1000;
  backface-visibility: hidden;
  transform: translateZ(0);
  transform: translateY(-46px) translateX(250px) translateZ(0);
}
#home .section .preview .preview-image-wrapper .preview-image.animate-start {
  opacity: 0;
}
#home .section .preview .preview-image-wrapper .preview-image.animate-end {
  opacity: 1;
}
#home .section .pop-box.animate-start {
  transform: translateY(15px) translateZ(0);
  opacity: 0;
}
#home .section .pop-box.animate-end {
  opacity: 1;
  transition-property: transform, opacity;
  transition: all 0.7s;
  perspective: 1000;
  backface-visibility: hidden;
  transform: translateZ(0);
  transform: translateY(0) translateZ(0);
}

.pop-box {
  transform: translateZ(0);
}
.pop-box.stats.animate-start {
  transform: translateY(15px) translateZ(0);
  opacity: 0;
}
.pop-box.stats.animate-end {
  opacity: 1;
  transition: all 1s;
  perspective: 1000;
  backface-visibility: hidden;
  transform: translateZ(0);
  transform: translateY(0) translateZ(0);
}

.projects-gallery .projects-wrapper.animate-start {
  opacity: 0;
}
.projects-gallery .projects-wrapper.animate-end {
  opacity: 1;
}

.projects-gallery .projects-list .progress-bar .progress {
  transition: width 10s;
  perspective: 1000;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition-timing-function: linear;
}
.projects-gallery .tile.active .progress {
  width: 100%;
  left: 0;
}
.projects-gallery .tile.inactive .progress {
  transition: width 0s;
  perspective: 1000;
  backface-visibility: hidden;
  transform: translateZ(0);
  width: 0%;
  right: 0;
}

.grey-wipe {
  height: 100%;
  position: absolute;
  background-color: #293538;
  z-index: 20;
  transition: width 0.7s;
  width: 0%;
}
.grey-wipe.animate-start {
  width: 0%;
}
.grey-wipe.wipe-in {
  left: 0;
  width: 100%;
}
.grey-wipe.wipe-out {
  right: 0;
  width: 0%;
}

.animate-start {
  transition: transform 0s;
  perspective: 1000;
  backface-visibility: hidden;
  transform: translateZ(0);
}