@keyframes bricks-lightbox {
  0% {
    display: none;
    opacity: 0;
  }
  0.001% {
    display: block;
    opacity: 0;
  }
  /*15.001% {
        display: block;
        max-height: 40px;
        opacity: 0.7;
        transform: scaleY(1);
        transform-origin: 50% top;
    }*/
  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes bricks-lightbox-inner {
  0% {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    display: none;
    opacity: 0;
    transform: translateY(48px);
  }
  0.001% {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    display: block;
    opacity: 0;
    transform: translateY(48px);
  }
  25% {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    display: block;
    opacity: 0;
    transform: translateY(48px);
  }
  /*15.001% {
        display: block;
        max-height: 40px;
        opacity: 0.7;
        transform: scaleY(1);
        transform-origin: 50% top;
    }*/
  100% {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    display: block;
    opacity: 1 !important;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInUpSmall {
  0% {
    opacity: 0;
    transform: translate3d(0, 15%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes fadeInUpSmall {
  0% {
    opacity: 0;
    transform: translate3d(0, 15%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
body .brx-animate-fadeInUp {
  animation-name: fadeInUpSmall;
}
#home-headline-reveal span {
  text-decoration: underline;
}
.revealText {
  display: inline-block;
  position: relative;
}
.revealText::after {
  background: white;
  box-shadow: -20px 0 20px -20px white;
  position: absolute;
  top: -0.4em;
  bottom: -0.4em;
  left: 0;
  right: 0;
  animation: swipe 8.5s ease-in-out 1 forwards;
  transform-origin: left 50%;
}
.revealText::before {
  content: "";
  background: white;
  box-shadow: inset 4px 0 0 transparent;
  position: absolute;
  top: 0;
  bottom: -0.2em;
  right: 0;
  width: 100%;
  animation: swipeC 8.5s ease-in-out 1 forwards;
  transform-origin: right 50%;
  z-index: 1;
}
@keyframes swipeC {
  0% {
    right: 0;
    width: 100%;
    box-shadow: inset 4px 0 0 transparent;
  }
  18% {
    right: 0;
    width: 100%;
    box-shadow: inset 4px 0 0 transparent;
  }
  20% {
    right: 0;
    width: 100%;
    box-shadow: inset 4px 0 0 #154a3ce6;
  }
  42% {
    right: 0;
    width: 0%;
    box-shadow: inset 4px 0 0 #154a3ce6;
  }
  46% {
    right: 0;
    width: 0%;
    box-shadow: inset 0px 0 0 transparent;
  }
  84% {
    right: 0;
    width: 0%;
    box-shadow: inset 4px 0 0 transparent;
  }
  84.001% {
    left: 0;
    right: initial;
    width: 0%;
    box-shadow: inset -4px 0 0 #154a3ce6;
  }
  99.999% {
    left: 0;
    right: initial;
    right: 0;
    width: 100%;
    box-shadow: inset -4px 0 0 #154a3ce6;
  }
  100% {
    left: 0;
    right: initial;
    right: 0;
    width: 100%;
    box-shadow: inset -4px 0 0 transparent;
  }
}
@keyframes swipe {
  0% {
    transform: scaleX(1);
    transform-origin: right 50%;
  }
  10% {
    transform: scaleX(1);
    transform-origin: right 50%;
  }
  45% {
    transform: scaleX(0);
    transform-origin: right 50%;
  }
  90% {
    transform: scaleX(0);
    transform-origin: right 50%;
  }
  100% {
    transform: scaleX(1);
    transform-origin: right 50%;
  }
}
@keyframes fade {
  0% {
    color: transparent;
  }
  10% {
    color: transparent;
  }
  45% {
    color: var(--bricks-color-aptdbo);
  }
  90% {
    color: var(--bricks-color-aptdbo);
  }
  100% {
    color: transparent;
  }
}