@charset "UTF-8";
/* =================omni========================================================================================= */
.bngevent img,
.bngevent div {
  height: 100%;
  width: auto;
  position: absolute;
  top: 0;
  left: 0;
}

.bngevent div {
  width: 100%;
}

.bngevent h1 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  width: 100%;
  position: absolute;
  bottom: 8rem;
  text-align: center;
  font-style: italic;
  font-size: 8rem;
  font-weight: 700;
  letter-spacing: 1rem;
  color: transparent;
  background: #ffe000;
  background: -moz-linear-gradient(top, #001df5 30%, #f55a00 80%);
  background: -webkit-linear-gradient(top, #001df5 30%, #f55a00 80%);
  background: linear-gradient(to bottom, #001df5 30%, #f55a00 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe000', endColorstr='#f55a00', GradientType=0);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -o-background-clip: text;
  background-clip: text;
  -webkit-text-stroke: .25rem #000000;
  -moz-text-stroke: .25rem #000;
  -o-text-stroke: .25rem #000;
  text-stroke: .25rem #000;
  filter: drop-shadow(0 0 5px black);
  animation: mon 2.7s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation: mon 2.7s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -webkit-animation: mon 2.7s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -o-animation: mon 2.7s;
  -o-animation-timing-function: linear;
  -o-animation-iteration-count: infinite;
}

.bngevent h1>p {
  font-size: 1.5rem;
  /* font-weight: 500; */
  align-self: flex-end;
  padding-bottom: 1rem;
  padding-left: 2rem;
  background: #ffe000;
  background: -moz-linear-gradient(top, #001df5 10%, #f55a00 50%);
  background: -webkit-linear-gradient(top, #001df5 10%, #f55a00 50%);
  background: linear-gradient(to bottom, #001df5 10%, #f55a00 50%);
  -webkit-text-stroke: 1.5px #000;
  -moz-text-stroke: 1.5px #000;
  -o-text-stroke: 1.5px #000;
  font-style: normal;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -o-background-clip: text;
  background-clip: text;
}

.bngevent .logo {
  width: 70%;
  height: auto;
  top: auto;
  bottom: -5rem;
  left: 15%;
}
@media screen and (max-width: 1028px){
    .bngevent img, .bngevent div{width: 100%; height: auto;}
    .bngevent h1{letter-spacing: .7rem;font-size:7rem;bottom: 4rem;padding-left: 1rem;color: #ffe000;}
    .bngevent h1>p{
        font-size: 1.8rem;
        padding-left: 0; 
        -webkit-text-stroke: 0;
        -moz-text-stroke: 0;
        -o-text-stroke: 0;}
        .bngevent .logo{width: 80%;bottom: -7rem;left: 10%;}
}
@media screen and (max-width:768px){
    /* .bngevent img, .bngevent div{width: 100%;} */
    .bngevent h1{letter-spacing: unset;font-size: 4.5rem;}
    .bngevent h1>p{align-self: center;font-size: 1.5rem;line-height: 0;}
    .bngevent .logo{width: 110%;bottom: -3rem;left: -5%;}
}
/* ==============END============================================================================================ */


.lighta_bg {
    animation: lighta 1.8s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation: lighta 1.8s;
    /* Firefox */
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -webkit-animation: lighta 1.8s;
    /* Safari and Chrome */
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -o-animation: lighta 1.8s;
    /* Opera */
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;
}

.lightb_bg {
    animation: lightb 2.8s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation: lightb 2.8s;
    /* Firefox */
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -webkit-animation: lightb 2.8s;
    /* Safari and Chrome */
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -o-animation: lightb 2.8s;
    /* Opera */
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;
}

.lightc_bg {
    animation: lightc 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation: lightc 2s;
    /* Firefox */
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -webkit-animation: lightc 2s;
    /* Safari and Chrome */
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -o-animation: lightc 2s;
    /* Opera */
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;
}

@keyframes lighta {
    0% {
        right: -18%;
        top: 70px;
        transform: scale(0);
    }

    50% {
        right: 0%;
        top: 70px;
        transform: scale(1);
    }

    100% {
        right: 36%;
        top: 70px;
        transform: scale(3);
    }
}

@-moz-keyframes lighta {
    0% {
        right: -18%;
        top: 70px;
        transform: scale(0);
    }

    50% {
        right: 0%;
        top: 70px;
        transform: scale(1);
    }

    100% {
        right: 36%;
        top: 70px;
        transform: scale(3);
    }
}

@-webkit-keyframes lighta {
    0% {
        right: -18%;
        top: 70px;
        transform: scale(0);
    }

    50% {
        right: 0%;
        top: 70px;
        transform: scale(1);
    }

    100% {
        right: 36%;
        top: 70px;
        transform: scale(3);
    }
}

@-o-keyframes lighta {
    0% {
        right: -18%;
        top: 70px;
        transform: scale(0);
    }

    50% {
        right: 0%;
        top: 70px;
        transform: scale(1);
    }

    100% {
        right: 36%;
        top: 70px;
        transform: scale(3);
    }
}

@keyframes lightb {
    0% {
        right: 54%;
        top: 70px;
        transform: scale(4);
    }

    20% {
        right: 0%;
        top: 70px;
        transform: scale(1);
    }

    40% {
        right: -18%;
        top: 70px;
        transform: scale(0);
    }

    49% {
        right: -18%;
        top: 70px;
        transform: scale(0);
    }

    50% {
        right: -18%;
        top: 70px;
        transform: scale(0);
    }

    75% {
        right: 0%;
        top: 70px;
        transform: scale(1);
    }

    100% {
        right: 54%;
        top: 70px;
        transform: scale(4);
    }
}

@-moz-keyframes lightb {
    0% {
        right: 54%;
        top: 70px;
        transform: scale(4);
    }

    20% {
        right: 0%;
        top: 70px;
        transform: scale(1);
    }

    40% {
        right: -18%;
        top: 70px;
        transform: scale(0);
    }

    49% {
        right: -18%;
        top: 70px;
        transform: scale(0);
    }

    50% {
        right: -18%;
        top: 70px;
        transform: scale(0);
    }

    75% {
        right: 0%;
        top: 70px;
        transform: scale(1);
    }

    100% {
        right: 54%;
        top: 70px;
        transform: scale(4);
    }
}

@-webkit-keyframes lightb {
    0% {
        right: 54%;
        top: 70px;
        transform: scale(4);
    }

    20% {
        right: 0%;
        top: 70px;
        transform: scale(1);
    }

    40% {
        right: -18%;
        top: 70px;
        transform: scale(0);
    }

    49% {
        right: -18%;
        top: 70px;
        transform: scale(0);
    }

    50% {
        right: -18%;
        top: 70px;
        transform: scale(0);
    }

    75% {
        right: 0%;
        top: 70px;
        transform: scale(1);
    }

    100% {
        right: 54%;
        top: 70px;
        transform: scale(4);
    }
}

@-o-keyframes lightb {
    0% {
        right: 54%;
        top: 70px;
        transform: scale(4);
    }

    20% {
        right: 0%;
        top: 70px;
        transform: scale(1);
    }

    40% {
        right: -18%;
        top: 70px;
        transform: scale(0);
    }

    49% {
        right: -18%;
        top: 70px;
        transform: scale(0);
    }

    50% {
        right: -18%;
        top: 70px;
        transform: scale(0);
    }

    75% {
        right: 0%;
        top: 70px;
        transform: scale(1);
    }

    100% {
        right: 54%;
        top: 70px;
        transform: scale(4);
    }
}

@keyframes lightc {
    0% {
        right: -18%;
        top: 70px;
        transform: scale(0);
    }

    10% {
        right: -18%;
        top: 70px;
        transform: scale(0);
    }

    60% {
        right: 0%;
        top: 70px;
        transform: scale(1);
    }

    100% {
        right: 36%;
        top: 70px;
        transform: scale(3);
    }
}

@-moz-keyframes lightc {
    0% {
        right: -18%;
        top: 70px;
        transform: scale(0);
    }

    10% {
        right: -18%;
        top: 70px;
        transform: scale(0);
    }

    60% {
        right: 0%;
        top: 70px;
        transform: scale(1);
    }

    100% {
        right: 36%;
        top: 70px;
        transform: scale(3);
    }
}

@-webkit-keyframes lightc {
    0% {
        right: -18%;
        top: 70px;
        transform: scale(0);
    }

    10% {
        right: -18%;
        top: 70px;
        transform: scale(0);
    }

    60% {
        right: 0%;
        top: 70px;
        transform: scale(1);
    }

    100% {
        right: 36%;
        top: 70px;
        transform: scale(3);
    }
}

@-o-keyframes lightc {
    0% {
        right: -18%;
        top: 70px;
        transform: scale(0);
    }

    10% {
        right: -18%;
        top: 70px;
        transform: scale(0);
    }

    60% {
        right: 0%;
        top: 70px;
        transform: scale(1);
    }

    100% {
        right: 36%;
        top: 70px;
        transform: scale(3);
    }
}

@keyframes mon {
    0% {
        transform: scale(1);
        filter: brightness(100%);
    }

    50% {
        transform: scale(1);
        filter: brightness(180%);
    }

    52% {
        transform: scale(1.1);
    }

    54% {
        transform: scale(1);
    }

    56% {
        transform: scale(1.1);
    }

    58% {
        transform: scale(1);
    }

    100% {
        transform: scale(1);
        filter: brightness(100%);
    }

}

@-moz-keyframes mon {
    0% {
        transform: scale(1);
        filter: brightness(100%);
    }

    50% {
        transform: scale(1);
        filter: brightness(180%);
    }

    52% {
        transform: scale(1.1);
    }

    54% {
        transform: scale(1);
    }

    56% {
        transform: scale(1.1);
    }

    58% {
        transform: scale(1);
    }

    100% {
        transform: scale(1);
        filter: brightness(100%);
    }

}

@-webkit-keyframes mon {
    0% {
        transform: scale(1);
        filter: brightness(100%);
    }

    50% {
        transform: scale(1);
        filter: brightness(180%);
    }

    52% {
        transform: scale(1.1);
    }

    54% {
        transform: scale(1);
    }

    56% {
        transform: scale(1.1);
    }

    58% {
        transform: scale(1);
    }

    100% {
        transform: scale(1);
        filter: brightness(100%);
    }

}

@-o-keyframes mon {
    0% {
        transform: scale(1);
        filter: brightness(100%);
    }

    50% {
        transform: scale(1);
        filter: brightness(180%);
    }

    52% {
        transform: scale(1.1);
    }

    54% {
        transform: scale(1);
    }

    56% {
        transform: scale(1.1);
    }

    58% {
        transform: scale(1);
    }

    100% {
        transform: scale(1);
        filter: brightness(100%);
    }
}

@keyframes slogan {
    0% {
        /* transform-origin: 30% center; */
        transform: perspective(1920px) rotateY(0deg);
        filter: brightness(100%);
    }

    25% {
        /* transform-origin: 30% center; */
        transform: perspective(1920px) rotateY(-20deg);
        filter: brightness(180%);
    }

    50% {
        /* transform-origin: 30% center; */
        transform: perspective(1920px) rotateY(0deg);
        filter: brightness(100%);
    }

    75% {
        /* transform-origin: 30% center; */
        transform: perspective(1920px) rotateY(20deg);
        filter: brightness(180%);
    }

    100% {
        /* transform-origin: 30% center; */
        transform: perspective(1920px) rotateY(0deg);
        filter: brightness(100%);
    }
}

@-moz-keyframes slogan {
    0% {
        /* transform-origin: 30% center; */
        transform: perspective(1920px) rotateY(0deg);
        filter: brightness(100%);
    }

    25% {
        /* transform-origin: 30% center; */
        transform: perspective(1920px) rotateY(-20deg);
        filter: brightness(180%);
    }

    50% {
        /* transform-origin: 30% center; */
        transform: perspective(1920px) rotateY(0deg);
        filter: brightness(100%);
    }

    75% {
        /* transform-origin: 30% center; */
        transform: perspective(1920px) rotateY(20deg);
        filter: brightness(180%);
    }

    100% {
        /* transform-origin: 30% center; */
        transform: perspective(1920px) rotateY(0deg);
        filter: brightness(100%);
    }
}

@-webkit-keyframes slogan {
    0% {
        /* transform-origin: 30% center; */
        transform: perspective(1920px) rotateY(0deg);
        filter: brightness(100%);
    }

    25% {
        /* transform-origin: 30% center; */
        transform: perspective(1920px) rotateY(-20deg);
        filter: brightness(180%);
    }

    50% {
        /* transform-origin: 30% center; */
        transform: perspective(1920px) rotateY(0deg);
        filter: brightness(100%);
    }

    75% {
        /* transform-origin: 30% center; */
        transform: perspective(1920px) rotateY(20deg);
        filter: brightness(180%);
    }

    100% {
        /* transform-origin: 30% center; */
        transform: perspective(1920px) rotateY(0deg);
        filter: brightness(100%);
    }
}

@-o-keyframes slogan {
    0% {
        /* transform-origin: 30% center; */
        transform: perspective(1920px) rotateY(0deg);
        filter: brightness(100%);
    }

    25% {
        /* transform-origin: 30% center; */
        transform: perspective(1920px) rotateY(-20deg);
        filter: brightness(180%);
    }

    50% {
        /* transform-origin: 30% center; */
        transform: perspective(1920px) rotateY(0deg);
        filter: brightness(100%);
    }

    75% {
        /* transform-origin: 30% center; */
        transform: perspective(1920px) rotateY(20deg);
        filter: brightness(180%);
    }

    100% {
        /* transform-origin: 30% center; */
        transform: perspective(1920px) rotateY(0deg);
        filter: brightness(100%);
    }
}

@keyframes manb {
    0% {
        filter: brightness(100%);
    }

    25% {
        filter: brightness(140%);
    }

    50% {
        filter: brightness(100%);
    }

    75% {
        filter: brightness(140%);
    }

    100% {
        filter: brightness(100%);
    }
}

@-moz-keyframes manb {
    0% {
        filter: brightness(100%);
    }

    25% {
        filter: brightness(140%);
    }

    50% {
        filter: brightness(100%);
    }

    75% {
        filter: brightness(140%);
    }

    100% {
        filter: brightness(100%);
    }
}

@-webkit-keyframes manb {
    0% {
        filter: brightness(100%);
    }

    25% {
        filter: brightness(140%);
    }

    50% {
        filter: brightness(100%);
    }

    75% {
        filter: brightness(140%);
    }

    100% {
        filter: brightness(100%);
    }
}

@-o-keyframes manb {
    0% {
        filter: brightness(100%);
    }

    25% {
        filter: brightness(140%);
    }

    50% {
        filter: brightness(100%);
    }

    75% {
        filter: brightness(140%);
    }

    100% {
        filter: brightness(100%);
    }
}