@charset "UTF-8";
/* CSS Document */
@keyframes noise-anim {
  0% { clip-path: inset(40px 0 calc(100% - 28px) 0); }
  5% { clip-path: inset(46px 0 calc(100% - 35px) 0); }
  10% { clip-path: inset(6px 0 calc(100% - 26px) 0); }
  15% { clip-path: inset(46px 0 calc(100% - 61px) 0); }
  20% { clip-path: inset(1px 0 calc(100% - 70px) 0); }
  25% { clip-path: inset(52px 0 calc(100% - 30px) 0); }
  30% { clip-path: inset(40px 0 calc(100% - 10px) 0); }
  35% { clip-path: inset(66px 0 calc(100% - 43px) 0); }
  40% { clip-path: inset(24px 0 calc(100% - 26px) 0); }
  45% { clip-path: inset(60px 0 calc(100% - 32px) 0); }
  50% { clip-path: inset(59px 0 calc(100% - 26px) 0); }
  55% { clip-path: inset(36px 0 calc(100% - 97px) 0); }
  60% { clip-path: inset(70px 0 calc(100% - 64px) 0); }
  65% { clip-path: inset(83px 0 calc(100% - 62px) 0); }
  70% { clip-path: inset(1px 0 calc(100% - 2px) 0); }
  75% { clip-path: inset(100px 0 calc(100% - 5px) 0); }
  80% { clip-path: inset(12px 0 calc(100% - 27px) 0); }
  85% { clip-path: inset(20px 0 calc(100% - 23px) 0); }
  90% { clip-path: inset(35px 0 calc(100% - 78px) 0); }
  95% { clip-path: inset(64px 0 calc(100% - 41px) 0); }
  100% { clip-path: inset(73px 0 calc(100% - 55px) 0); }
}

@keyframes noise-anim-2 {
  0% { clip-path: inset(65px 0 calc(100% - 4px) 0); }
  5% { clip-path: inset(83px 0 calc(100% - 64px) 0); }
  10% { clip-path: inset(21px 0 calc(100% - 47px) 0); }
  15% { clip-path: inset(56px 0 calc(100% - 96px) 0); }
  20% { clip-path: inset(37px 0 calc(100% - 43px) 0); }
  25% { clip-path: inset(40px 0 calc(100% - 19px) 0); }
  30% { clip-path: inset(3px 0 calc(100% - 67px) 0); }
  35% { clip-path: inset(23px 0 calc(100% - 43px) 0); }
  40% { clip-path: inset(53px 0 calc(100% - 68px) 0); }
  45% { clip-path: inset(56px 0 calc(100% - 16px) 0); }
  50% { clip-path: inset(22px 0 calc(100% - 68px) 0); }
  55% { clip-path: inset(37px 0 calc(100% - 75px) 0); }
  60% { clip-path: inset(91px 0 calc(100% - 81px) 0); }
  65% { clip-path: inset(8px 0 calc(100% - 68px) 0); }
  70% { clip-path: inset(92px 0 calc(100% - 78px) 0); }
  75% { clip-path: inset(16px 0 calc(100% - 7px) 0); }
  80% { clip-path: inset(5px 0 calc(100% - 93px) 0); }
  85% { clip-path: inset(44px 0 calc(100% - 80px) 0); }
  90% { clip-path: inset(32px 0 calc(100% - 33px) 0); }
  95% { clip-path: inset(89px 0 calc(100% - 56px) 0); }
  100% { clip-path: inset(32px 0 calc(100% - 16px) 0); }
}

/*hero*/
@keyframes glitFlashAnim {
    0%,5% {
        opacity: 0.2;
        -webkit-transform: translate3d(10px, 5px, 0);
        -moz-transform: translate3d(10px, 5px, 0);
        -ms-transform: translate3d(10px, 5px, 0);
        -o-transform: translate3d(10px, 5px, 0);
        transform: translate3d(10px, 5px, 0)
    }

    5.5%,100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes heroGlitAnim1 {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(10px, 0, 0);
        -moz-transform: translate3d(10px, 0, 0);
        -ms-transform: translate3d(10px, 0, 0);
        -o-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
        -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
        clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%)
    }

    2% {
        -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
        clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%)
    }

    4% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
        clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%)
    }

    6% {
        -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
        clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%)
    }

    8% {
        -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
        clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%)
    }

    10% {
        -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
        clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%)
    }

    12% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
        clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%)
    }

    14% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
        clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%)
    }

    16% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
        clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%)
    }

    18% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
        clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%)
    }

    20% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
        clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%)
    }

    21.9% {
        opacity: 1;
        -webkit-transform: translate3d(10px, 0, 0);
        -moz-transform: translate3d(10px, 0, 0);
        -ms-transform: translate3d(10px, 0, 0);
        -o-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    22%,100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0, 0 0)
    }
}

@keyframes heroGlitAnim2 {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(calc(-1 * 10px), 0, 0);
        -moz-transform: translate3d(calc(-1 * 10px), 0, 0);
        -ms-transform: translate3d(calc(-1 * 10px), 0, 0);
        -o-transform: translate3d(calc(-1 * 10px), 0, 0);
        transform: translate3d(calc(-1 * 10px), 0, 0);
        -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
        clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%)
    }

    3% {
        -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
        clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%)
    }

    5% {
        -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
        clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%)
    }

    7% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
        clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%)
    }

    9% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
        clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%)
    }

    11% {
        -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
        clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%)
    }

    13% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
        clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%)
    }

    15% {
        -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
        clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%)
    }

    17% {
        -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
        clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%)
    }

    19% {
        -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
        clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%)
    }

    20% {
        -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
        clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%)
    }

    21.9% {
        opacity: 1;
        -webkit-transform: translate3d(calc(-1 * 10px), 0, 0);
        -moz-transform: translate3d(calc(-1 * 10px), 0, 0);
        -ms-transform: translate3d(calc(-1 * 10px), 0, 0);
        -o-transform: translate3d(calc(-1 * 10px), 0, 0);
        transform: translate3d(calc(-1 * 10px), 0, 0)
    }

    22%,100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0, 0 0)
    }
}

@keyframes heroGlitAnim3 {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, calc(-1 * 5px), 0) scale3d(-1, -1, 1);
        -moz-transform: translate3d(0, calc(-1 * 5px), 0) scale3d(-1, -1, 1);
        -ms-transform: translate3d(0, calc(-1 * 5px), 0) scale3d(-1, -1, 1);
        -o-transform: translate3d(0, calc(-1 * 5px), 0) scale3d(-1, -1, 1);
        transform: translate3d(0, calc(-1 * 5px), 0) scale3d(-1, -1, 1);
        -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
        clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%)
    }

    1.5% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
        clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%)
    }

    2% {
        -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
        clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%)
    }

    2.5% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
        clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%)
    }

    3% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
        clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%)
    }

    5% {
        -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
        clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%)
    }

    5.5% {
        -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
        clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%)
    }

    7% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
        clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%)
    }

    8% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
        clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%)
    }

    9% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
        clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%)
    }

    10.5% {
        -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
        clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%)
    }

    11% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
        clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%)
    }

    13% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
        clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%)
    }

    14% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
        clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%)
    }

    14.5% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
        clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%)
    }

    15% {
        -webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
        clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%)
    }

    16% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
        clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%)
    }

    18% {
        -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
        clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%)
    }

    20% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
        clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%)
    }

    21.9% {
        opacity: 1;
        -webkit-transform: translate3d(0, calc(-1 * 5px), 0) scale3d(-1, -1, 1);
        -moz-transform: translate3d(0, calc(-1 * 5px), 0) scale3d(-1, -1, 1);
        -ms-transform: translate3d(0, calc(-1 * 5px), 0) scale3d(-1, -1, 1);
        -o-transform: translate3d(0, calc(-1 * 5px), 0) scale3d(-1, -1, 1);
        transform: translate3d(0, calc(-1 * 5px), 0) scale3d(-1, -1, 1)
    }

    22%,100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0, 0 0)
    }
}