.interaction.fade, .interaction-2.fade {
    opacity: 0;
    transition: opacity 0.3s ease-in;
}
.interaction.fade.intersecting, .interaction-2.fade.intersecting {
    opacity: 1;
}



.interaction.slide-in-fade-tp, .interaction-2.slide-in-fade-tp,
.interaction.slide-in-fade-bt, .interaction-2.slide-in-fade-bt {
    opacity: 0;
    transition: opacity 0.4s ease-in;
}
.interaction.slide-in-fade-tp > div,
.interaction.slide-in-fade-bt > div {
  transition-delay: inherit !important;
}

.interaction.slide-in-fade-tp.intersecting, .interaction-2.slide-in-fade-tp.intersecting,
.interaction.slide-in-fade-bt.intersecting, .interaction-2.slide-in-fade-bt.intersecting {
    opacity: 1;
}

.interaction.slide-in-fade-tp.intersecting-end, .interaction-2.slide-in-fade-tp.intersecting-end,
.interaction.slide-in-fade-bt.intersecting-end, .interaction-2.slide-in-fade-bt.intersecting-end {
    transition-duration: 0.2s;
}

.interaction.slide-in-fade-tp.intersecting-end > div, .interaction-2.slide-in-fade-tp.intersecting-end > div,
.interaction.slide-in-fade-bt.intersecting-end > div, .interaction-2.slide-in-fade-bt.intersecting-end > div {
    transition-duration: 5s;
}

.interaction.slide-in-fade-tp > div, .interaction-2.slide-in-fade-tp > div {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  transition: transform 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.interaction.slide-in-fade-bt > div, .interaction-2.slide-in-fade-bt > div {
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  transition: transform 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.interaction.slide-in-fade-tp.intersecting > div, .interaction-2.slide-in-fade-tp.intersecting > div,
.interaction.slide-in-fade-bt.intersecting > div, .interaction-2.slide-in-fade-bt.intersecting > div {
    -webkit-transform: translateY(0) !important;
            transform: translateY(0) !important;
}

.interaction.slide-in-fade-bt.intersecting-end.intersecting-from-bottom > div,
.interaction-2.slide-in-fade-bt.intersecting-end.intersecting-from-bottom > div {
    -webkit-transform: translateY(-25%) !important;
            transform: translateY(-25%) !important;
}

.interaction.slide-in-fade-bt.intersecting, .interaction-2.slide-in-fade-bt.intersecting {
  opacity: 1;
}
.interaction.slide-in-fade-bt.intersecting-end, .interaction-2.slide-in-fade-bt.intersecting-end {
  transition-duration: 0.2s;
}
.interaction.slide-in-fade-bt.intersecting-end > div, .interaction-2.slide-in-fade-bt.intersecting-end > div {
  transition-duration: 5s;
}


.interaction.slide-in-fwd-tl {
  -webkit-transform: translateX(-50%) scale(0);
          transform: translateX(-50%) scale(0);
  transform-origin: left top;
  opacity: 0;
  transition: 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  transition-property: transform opacity;
}
.interaction.slide-in-fwd-tl.intersecting {
  -webkit-transform: translateX(0) scale(1) !important;
          transform: translateX(0) scale(1) !important;
  transform-origin: left top;
  opacity: 1;
}


.interaction.slide-in-fade-bt > div, .interaction-2.slide-in-fade-bt > div {
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  transition: transform 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.interaction.slide-in-fade-bt.intersecting > div, .interaction-2.slide-in-fade-bt.intersecting > div {
  -webkit-transform: translateY(0) !important;
          transform: translateY(0) !important;
}
.interaction.slide-in-fade-bt.intersecting-end.intersecting-from-bottom > div,
.interaction-2.slide-in-fade-bt.intersecting-end.intersecting-from-bottom > div {
  -webkit-transform: translateY(-25%) !important;
          transform: translateY(-25%) !important;
}

.interaction.puff-in, .interaction-2.puff-in {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    -webkit-filter: blur(4px);
            filter: blur(4px);
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.470, 0.000, 0.745, 0.715);
}

.interaction.puff-in.intersecting, .interaction-2.puff-in.intersecting {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
}

.delay-1:not(.intersecting-end) { transition-delay: 0.2s; }
.delay-2:not(.intersecting-end) { transition-delay: 0.4s; }
.delay-3:not(.intersecting-end) { transition-delay: 0.6s; }
.delay-4:not(.intersecting-end) { transition-delay: 0.8s; }
.delay-5:not(.intersecting-end) { transition-delay: 1s; }
.delay-6:not(.intersecting-end) { transition-delay: 1.2s; }
.delay-7:not(.intersecting-end) { transition-delay: 1.4s; }
.delay-8:not(.intersecting-end) { transition-delay: 1.6s; }
.delay-9:not(.intersecting-end) { transition-delay: 1.8s; }
.delay-10:not(.intersecting-end) { transition-delay: 2s; }

.interaction.border-in, .interaction-2.border-in {
    border: 2px solid transparent;
    transition: border 0.4s ease-in;
}

.interaction.border-in.intersecting, .interaction-2.border-in.intersecting {
    border-color: #E90042;
}

@media all and (min-width: 768px) {
    .delay-md-1:not(.intersecting-end),
    .delay-md-2:not(.intersecting-end),
    .delay-md-3:not(.intersecting-end),
    .delay-md-4:not(.intersecting-end),
    .delay-md-5:not(.intersecting-end) {
        transition-delay: 0.2s;
    }
    .delay-md-2:not(.intersecting-end) { transition-delay: 0.4s; }
    .delay-md-3:not(.intersecting-end) { transition-delay: 0.6s; }
    .delay-md-4:not(.intersecting-end) { transition-delay: 0.8s; }
    .delay-md-5:not(.intersecting-end) { transition-delay: 1s; }
}


.intersecting .flicker-3 {
	        animation: flicker-3 4s linear infinite both;
}


.intersecting .heartbeat {
	        animation: heartbeat 1.5s ease-in-out infinite both;
}


.intersecting .ping {
	        animation: ping 0.8s ease-in-out infinite both;
}

@keyframes flicker-3 {
  0%,
  100% {
    opacity: 1;
  }
  32.98% {
    opacity: 1;
  }
  33% {
    opacity: 0;
  }
  34% {
    opacity: 0;
  }
  34.02% {
    opacity: 1;
  }
  34.98% {
    opacity: 1;
  }
  35% {
    opacity: 0;
  }
  35.9% {
    opacity: 0;
  }
  35.92% {
    opacity: 1;
  }
  38.98% {
    opacity: 1;
  }
  39% {
    opacity: 0;
  }
  39.8% {
    opacity: 0;
  }
  39.82% {
    opacity: 1;
  }
  83.98% {
    opacity: 1;
  }
  84% {
    opacity: 0;
  }
  84.9% {
    opacity: 0;
  }
  84.92% {
    opacity: 1;
  }
}


@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.96);
            transform: scale(0.96);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.94);
            transform: scale(0.94);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}

@-webkit-keyframes ping {
  0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0.8;
  }
  80% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(2.2);
            transform: scale(2.2);
    opacity: 0;
  }
}
@keyframes ping {
  0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0.8;
  }
  80% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(2.2);
            transform: scale(2.2);
    opacity: 0;
  }
}