/**/
.wlwl-congratulations-effect-firework {
    position: relative;
    z-index: 1;
}

.wlwl-congratulations-effect-firework > .wlwl-congratulations-effect-before,
.wlwl-congratulations-effect-firework > .wlwl-congratulations-effect-after {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    box-shadow: 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff;
    -moz-animation: 1s wlwl_bang ease-out infinite backwards, 1s wlwl_gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -webkit-animation: 1s wlwl_bang ease-out infinite backwards, 1s wlwl_gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -o-animation: 1s wlwl_bang ease-out infinite backwards, 1s wlwl_gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -ms-animation: 1s wlwl_bang ease-out infinite backwards, 1s wlwl_gravity ease-in infinite backwards, 5s position linear infinite backwards;
    animation: 1s wlwl_bang ease-out infinite backwards, 1s wlwl_gravity ease-in infinite backwards, 5s position linear infinite backwards;
}

.wlwl-congratulations-effect-firework > .after {
    -moz-animation-delay: 1.25s, 1.25s, 1.25s;
    -webkit-animation-delay: 1.25s, 1.25s, 1.25s;
    -o-animation-delay: 1.25s, 1.25s, 1.25s;
    -ms-animation-delay: 1.25s, 1.25s, 1.25s;
    animation-delay: 1.25s, 1.25s, 1.25s;
    -moz-animation-duration: 1.25s, 1.25s, 6.25s;
    -webkit-animation-duration: 1.25s, 1.25s, 6.25s;
    -o-animation-duration: 1.25s, 1.25s, 6.25s;
    -ms-animation-duration: 1.25s, 1.25s, 6.25s;
    animation-duration: 1.25s, 1.25s, 6.25s;
}

@-webkit-keyframes wlwl_bang {
    to {
        box-shadow:
           43px -119px #FFD966,
      -245px -267px #E6B800,
      -23px -251px #CC9900,
      104px -269px #B38600,
      -12px -3px #996600,
      160px -130px #FFD966,
      55px -347px #E6B800,
      238px -7px #CC9900,
      170px -135px #B38600,
      -117px -239px #996600,
      -19px -146px #FFD966,
      -51px -409px #E6B800,
      -175px -40px #CC9900,
      -181px -340px #B38600,
      -213px -208px #996600,
      231px -343px #FFD966,
      30px -103px #E6B800,
      -183px -233px #CC9900,
      237px -22px #B38600,
      -68px -96px #996600,
      201px -185px #FFD966,
      247px -65px #E6B800,
      -163px -343px #CC9900,
      235px 73px #B38600,
      10px -84px #996600,
      92px -80px #FFD966,
      39px -327px #E6B800,
      61px -360px #CC9900,
      -222px -97px #B38600,
      -168px -230px #996600,
      -213px 70px #FFD966,
      -155px -214px #E6B800,
      -231px 2px #CC9900,
      -201px -326px #B38600,
      176px -55px #996600,
      161px -259px #FFD966,
      -193px -369px #E6B800,
      139px -265px #CC9900,
      -221px -29px #B38600,
      -192px -263px #996600;
  }
}

@-moz-keyframes wlwl_bang {
    to {
        box-shadow:
       43px -119px #FFD966,
      -245px -267px #E6B800,
      -23px -251px #CC9900,
      104px -269px #B38600,
      -12px -3px #996600,
      160px -130px #FFD966,
      55px -347px #E6B800,
      238px -7px #CC9900,
      170px -135px #B38600,
      -117px -239px #996600,
      -19px -146px #FFD966,
      -51px -409px #E6B800,
      -175px -40px #CC9900,
      -181px -340px #B38600,
      -213px -208px #996600,
      231px -343px #FFD966,
      30px -103px #E6B800,
      -183px -233px #CC9900,
      237px -22px #B38600,
      -68px -96px #996600,
      201px -185px #FFD966,
      247px -65px #E6B800,
      -163px -343px #CC9900,
      235px 73px #B38600,
      10px -84px #996600,
      92px -80px #FFD966,
      39px -327px #E6B800,
      61px -360px #CC9900,
      -222px -97px #B38600,
      -168px -230px #996600,
      -213px 70px #FFD966,
      -155px -214px #E6B800,
      -231px 2px #CC9900,
      -201px -326px #B38600,
      176px -55px #996600,
      161px -259px #FFD966,
      -193px -369px #E6B800,
      139px -265px #CC9900,
      -221px -29px #B38600,
      -192px -263px #996600;
  }
}

@-o-keyframes wlwl_bang {
    to {
        box-shadow:
         43px -119px #FFD966,
      -245px -267px #E6B800,
      -23px -251px #CC9900,
      104px -269px #B38600,
      -12px -3px #996600,
      160px -130px #FFD966,
      55px -347px #E6B800,
      238px -7px #CC9900,
      170px -135px #B38600,
      -117px -239px #996600,
      -19px -146px #FFD966,
      -51px -409px #E6B800,
      -175px -40px #CC9900,
      -181px -340px #B38600,
      -213px -208px #996600,
      231px -343px #FFD966,
      30px -103px #E6B800,
      -183px -233px #CC9900,
      237px -22px #B38600,
      -68px -96px #996600,
      201px -185px #FFD966,
      247px -65px #E6B800,
      -163px -343px #CC9900,
      235px 73px #B38600,
      10px -84px #996600,
      92px -80px #FFD966,
      39px -327px #E6B800,
      61px -360px #CC9900,
      -222px -97px #B38600,
      -168px -230px #996600,
      -213px 70px #FFD966,
      -155px -214px #E6B800,
      -231px 2px #CC9900,
      -201px -326px #B38600,
      176px -55px #996600,
      161px -259px #FFD966,
      -193px -369px #E6B800,
      139px -265px #CC9900,
      -221px -29px #B38600,
      -192px -263px #996600;
  }
}

@-ms-keyframes wlwl_bang {
    to {
        box-shadow:
         43px -119px #FFD966,
      -245px -267px #E6B800,
      -23px -251px #CC9900,
      104px -269px #B38600,
      -12px -3px #996600,
      160px -130px #FFD966,
      55px -347px #E6B800,
      238px -7px #CC9900,
      170px -135px #B38600,
      -117px -239px #996600,
      -19px -146px #FFD966,
      -51px -409px #E6B800,
      -175px -40px #CC9900,
      -181px -340px #B38600,
      -213px -208px #996600,
      231px -343px #FFD966,
      30px -103px #E6B800,
      -183px -233px #CC9900,
      237px -22px #B38600,
      -68px -96px #996600,
      201px -185px #FFD966,
      247px -65px #E6B800,
      -163px -343px #CC9900,
      235px 73px #B38600,
      10px -84px #996600,
      92px -80px #FFD966,
      39px -327px #E6B800,
      61px -360px #CC9900,
      -222px -97px #B38600,
      -168px -230px #996600,
      -213px 70px #FFD966,
      -155px -214px #E6B800,
      -231px 2px #CC9900,
      -201px -326px #B38600,
      176px -55px #996600,
      161px -259px #FFD966,
      -193px -369px #E6B800,
      139px -265px #CC9900,
      -221px -29px #B38600,
      -192px -263px #996600;
  }
}

@keyframes wlwl_bang {
    to {
        box-shadow:
        43px -119px #FFD966,
      -245px -267px #E6B800,
      -23px -251px #CC9900,
      104px -269px #B38600,
      -12px -3px #996600,
      160px -130px #FFD966,
      55px -347px #E6B800,
      238px -7px #CC9900,
      170px -135px #B38600,
      -117px -239px #996600,
      -19px -146px #FFD966,
      -51px -409px #E6B800,
      -175px -40px #CC9900,
      -181px -340px #B38600,
      -213px -208px #996600,
      231px -343px #FFD966,
      30px -103px #E6B800,
      -183px -233px #CC9900,
      237px -22px #B38600,
      -68px -96px #996600,
      201px -185px #FFD966,
      247px -65px #E6B800,
      -163px -343px #CC9900,
      235px 73px #B38600,
      10px -84px #996600,
      92px -80px #FFD966,
      39px -327px #E6B800,
      61px -360px #CC9900,
      -222px -97px #B38600,
      -168px -230px #996600,
      -213px 70px #FFD966,
      -155px -214px #E6B800,
      -231px 2px #CC9900,
      -201px -326px #B38600,
      176px -55px #996600,
      161px -259px #FFD966,
      -193px -369px #E6B800,
      139px -265px #CC9900,
      -221px -29px #B38600,
      -192px -263px #996600;
  }
}

@-webkit-keyframes wlwl_gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@-moz-keyframes wlwl_gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@-o-keyframes wlwl_gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@-ms-keyframes wlwl_gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@keyframes wlwl_gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@-webkit-keyframes position {
    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@-moz-keyframes position {
    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@-o-keyframes position {
    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@-ms-keyframes position {
    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@keyframes position {
    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}