.masthead__text > *:not(.btn) {
    opacity: 0;
    transform: translate(0, 50px);
}

.masthead__product-image img {
    opacity: 0;
    transform: translate(100%, 0);
}

.js-header-animation {
    transform: translate(0, -50px);
    opacity: 0;
}

.image-cards .js-image-card-item,
.testimonial-cards .testimonial-card-slide {
    transform: translate(30px, 0);
    opacity: 0;
}

.js-product-animated :where(h2, .product-nav ) {
    transform: translate(0, 50px);
    opacity: 0;
}

.fx-accordion .js-accordion-item {
    transform: translate(0, 50px);
    opacity: 0;
}

.image-accordion-image {
    transform: translate(-30px, 0);
    opacity: 0;
}

.homepage-stats .is-animated > *:not( .btn ),
.is-content-animated > *:not(.btn ) {
    transform: translate(0, 50px);
    opacity: 0;
}

.js-number-animated-item,
.logo-carousel-item {
    transform: translate(30px, 0);
    opacity: 0;
}

.image-buttons .image-button-item {
    transform: translate(0, 50px);
    opacity: 0;
}

.waves-block {
    height: 76px;
    position: absolute;
    top: 35%;
    left: 34%;
    transform: translate(-50%, -50%);
    width: 77px;
    opacity: 0;

}

.waves {
    position: absolute;
    width: 150px;
    height: 150px;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border-radius: 0;
    right: -50px;
    bottom: -50px;
    z-index: -1;
     -webkit-animation: waves 3s ease-in-out infinite;
    animation: waves 3s ease-in-out infinite;
  }
          
  .wave-1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
  }
  
  .wave-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
  }
  
  .wave-3 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
  }

  @keyframes waves {
    0% {
      -webkit-transform: scale(0.2, 0.2);
      transform: scale(0.2, 0.2);
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    50% {
      opacity: 0.9;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    }
    100% {
      -webkit-transform: scale(0.9, 0.9);
      transform: scale(0.9, 0.9);
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
  }

  .play-button {
    position: relative;
  }

  @media( min-width : 1200px ) {
    .video-bttn:hover {
        & .waves-block {
            opacity: 1;
        }
    }
  }

.js-event-fade-down {
    transform: translate(0, 50px);
    opacity: 0;
}

.js-event-fade-up {
    transform: translate(0, -50px);
    opacity: 0;
}

.events-cards-item {
    transform: translate(30px, 0);
    opacity: 0;
}

.cards-icon-item {
    transform: translate(30px, 0);
    opacity: 0;
}

.masthead--innerpage__content > * {
    transform: translate(30px, 0);
    opacity: 0;
}

/* Wiggles */

/* .image-card:hover .image-card__img {
    -webkit-animation-name: wiggle;
    -ms-animation-name: wiggle;
    -ms-animation-duration: 1000ms;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
} */

@-webkit-keyframes wiggle {
    0% {-webkit-transform: rotate(5deg);}
    25% {-webkit-transform: rotate(-5deg);}
    50% {-webkit-transform: rotate(10deg);}
    75% {-webkit-transform: rotate(-5deg);}
    100% {-webkit-transform: rotate(0deg);}
}

@-ms-keyframes wiggle {
    0% {-ms-transform: rotate(1deg);}
    25% {-ms-transform: rotate(-1deg);}
    50% {-ms-transform: rotate(1.5deg);}
    75% {-ms-transform: rotate(-5deg);}
    100% {-ms-transform: rotate(0deg);}
}

@keyframes wiggle {
    0% {transform: rotate(5deg);}
    25% {transform: rotate(-5deg);}
    50% {transform: rotate(10deg);}
    75% {transform: rotate(-5deg);}
    100% {transform: rotate(0deg);}
}