.fireworks-bg {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1041;
}

.pyro > .before, .pyro > .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 bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -webkit-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -o-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -ms-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
}

.pyro > .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 bang {
    to {
        box-shadow: 119px 69.3333333333px #8cff00, 247px -58.6666666667px #ff001e, -147px -216.6666666667px #6fff00, 178px 80.3333333333px #ff002f, -116px 44.3333333333px deepskyblue, 202px -94.6666666667px #ff0026, 50px -51.6666666667px #002fff, 6px -56.6666666667px #ff0080, -242px -388.6666666667px #006fff, 174px -207.6666666667px #ff0011, -102px -383.6666666667px #0033ff, -139px -6.6666666667px #59ff00, 129px 19.3333333333px #5eff00, -234px -20.6666666667px #cc00ff, 125px -387.6666666667px #00ff0d, -25px -127.6666666667px #1aff00, 142px -259.6666666667px #7300ff, -217px 48.3333333333px #ff00cc, 203px -372.6666666667px #ff008c, -181px -22.6666666667px #0051ff, -42px -378.6666666667px #e600ff, -32px -85.6666666667px #00eaff, -176px 57.3333333333px #8400ff, 17px -168.6666666667px #00ff26, -221px -322.6666666667px #00ffa2, 144px -313.6666666667px #00fff7, 121px -185.6666666667px #00fffb, -99px -6.6666666667px #ff0037, -47px -353.6666666667px #00ffea, -214px -390.6666666667px #ffbb00, -150px 82.3333333333px #00bbff, -12px -16.6666666667px #0026ff, 111px -241.6666666667px #1a00ff, 151px -231.6666666667px #000dff, 27px -131.6666666667px #00ff26, 143px 75.3333333333px #e6ff00, 166px -148.6666666667px #66ff00, -234px -356.6666666667px #00fff7, -75px -125.6666666667px #ff9500, -117px 21.3333333333px #ff00d9, 181px -9.6666666667px #e1ff00, -207px -208.6666666667px #0026ff, 52px -216.6666666667px #9900ff, -162px -393.6666666667px #3300ff, 115px -121.6666666667px #00ffae, -90px -338.6666666667px #00ffbf, -14px 71.3333333333px #eeff00, -153px -166.6666666667px #00ffd9, 157px -285.6666666667px #ff3c00, -27px -256.6666666667px #00ff1e, 55px -63.6666666667px #ff9500, 74px -362.6666666667px #008cff, 233px -197.6666666667px #ffe600, -135px 75.3333333333px #00d0ff, -124px -251.6666666667px #ff2200, -114px -287.6666666667px #ff0055, -20px 67.3333333333px #0095ff, -13px -259.6666666667px #ff9500, -77px -391.6666666667px #00ffb3, 85px -154.6666666667px #ff005e, -201px -27.6666666667px #4800ff, -109px 20.3333333333px #2fff00, 169px -101.6666666667px #00ff66, -3px -345.6666666667px #4000ff, 23px -24.6666666667px darkorange, 23px -195.6666666667px #ff00cc, 227px -180.6666666667px #73ff00, -239px -407.6666666667px #ff00a2, 94px -408.6666666667px #ff0022, 116px -276.6666666667px #006aff, -130px -211.6666666667px #006fff, 178px -168.6666666667px #0077ff, -220px -11.6666666667px #00a2ff, -109px 53.3333333333px #ff6600, 121px -118.6666666667px #0048ff, -78px -267.6666666667px #fffb00, -88px -414.6666666667px #00f7ff, 111px -325.6666666667px #ff0004, -196px -407.6666666667px #ff0d00, 100px -225.6666666667px #0048ff, -176px 68.3333333333px #ffbf00;
    }
}

@-moz-keyframes bang {
    to {
        box-shadow: 119px 69.3333333333px #8cff00, 247px -58.6666666667px #ff001e, -147px -216.6666666667px #6fff00, 178px 80.3333333333px #ff002f, -116px 44.3333333333px deepskyblue, 202px -94.6666666667px #ff0026, 50px -51.6666666667px #002fff, 6px -56.6666666667px #ff0080, -242px -388.6666666667px #006fff, 174px -207.6666666667px #ff0011, -102px -383.6666666667px #0033ff, -139px -6.6666666667px #59ff00, 129px 19.3333333333px #5eff00, -234px -20.6666666667px #cc00ff, 125px -387.6666666667px #00ff0d, -25px -127.6666666667px #1aff00, 142px -259.6666666667px #7300ff, -217px 48.3333333333px #ff00cc, 203px -372.6666666667px #ff008c, -181px -22.6666666667px #0051ff, -42px -378.6666666667px #e600ff, -32px -85.6666666667px #00eaff, -176px 57.3333333333px #8400ff, 17px -168.6666666667px #00ff26, -221px -322.6666666667px #00ffa2, 144px -313.6666666667px #00fff7, 121px -185.6666666667px #00fffb, -99px -6.6666666667px #ff0037, -47px -353.6666666667px #00ffea, -214px -390.6666666667px #ffbb00, -150px 82.3333333333px #00bbff, -12px -16.6666666667px #0026ff, 111px -241.6666666667px #1a00ff, 151px -231.6666666667px #000dff, 27px -131.6666666667px #00ff26, 143px 75.3333333333px #e6ff00, 166px -148.6666666667px #66ff00, -234px -356.6666666667px #00fff7, -75px -125.6666666667px #ff9500, -117px 21.3333333333px #ff00d9, 181px -9.6666666667px #e1ff00, -207px -208.6666666667px #0026ff, 52px -216.6666666667px #9900ff, -162px -393.6666666667px #3300ff, 115px -121.6666666667px #00ffae, -90px -338.6666666667px #00ffbf, -14px 71.3333333333px #eeff00, -153px -166.6666666667px #00ffd9, 157px -285.6666666667px #ff3c00, -27px -256.6666666667px #00ff1e, 55px -63.6666666667px #ff9500, 74px -362.6666666667px #008cff, 233px -197.6666666667px #ffe600, -135px 75.3333333333px #00d0ff, -124px -251.6666666667px #ff2200, -114px -287.6666666667px #ff0055, -20px 67.3333333333px #0095ff, -13px -259.6666666667px #ff9500, -77px -391.6666666667px #00ffb3, 85px -154.6666666667px #ff005e, -201px -27.6666666667px #4800ff, -109px 20.3333333333px #2fff00, 169px -101.6666666667px #00ff66, -3px -345.6666666667px #4000ff, 23px -24.6666666667px darkorange, 23px -195.6666666667px #ff00cc, 227px -180.6666666667px #73ff00, -239px -407.6666666667px #ff00a2, 94px -408.6666666667px #ff0022, 116px -276.6666666667px #006aff, -130px -211.6666666667px #006fff, 178px -168.6666666667px #0077ff, -220px -11.6666666667px #00a2ff, -109px 53.3333333333px #ff6600, 121px -118.6666666667px #0048ff, -78px -267.6666666667px #fffb00, -88px -414.6666666667px #00f7ff, 111px -325.6666666667px #ff0004, -196px -407.6666666667px #ff0d00, 100px -225.6666666667px #0048ff, -176px 68.3333333333px #ffbf00;
    }
}

@-o-keyframes bang {
    to {
        box-shadow: 119px 69.3333333333px #8cff00, 247px -58.6666666667px #ff001e, -147px -216.6666666667px #6fff00, 178px 80.3333333333px #ff002f, -116px 44.3333333333px deepskyblue, 202px -94.6666666667px #ff0026, 50px -51.6666666667px #002fff, 6px -56.6666666667px #ff0080, -242px -388.6666666667px #006fff, 174px -207.6666666667px #ff0011, -102px -383.6666666667px #0033ff, -139px -6.6666666667px #59ff00, 129px 19.3333333333px #5eff00, -234px -20.6666666667px #cc00ff, 125px -387.6666666667px #00ff0d, -25px -127.6666666667px #1aff00, 142px -259.6666666667px #7300ff, -217px 48.3333333333px #ff00cc, 203px -372.6666666667px #ff008c, -181px -22.6666666667px #0051ff, -42px -378.6666666667px #e600ff, -32px -85.6666666667px #00eaff, -176px 57.3333333333px #8400ff, 17px -168.6666666667px #00ff26, -221px -322.6666666667px #00ffa2, 144px -313.6666666667px #00fff7, 121px -185.6666666667px #00fffb, -99px -6.6666666667px #ff0037, -47px -353.6666666667px #00ffea, -214px -390.6666666667px #ffbb00, -150px 82.3333333333px #00bbff, -12px -16.6666666667px #0026ff, 111px -241.6666666667px #1a00ff, 151px -231.6666666667px #000dff, 27px -131.6666666667px #00ff26, 143px 75.3333333333px #e6ff00, 166px -148.6666666667px #66ff00, -234px -356.6666666667px #00fff7, -75px -125.6666666667px #ff9500, -117px 21.3333333333px #ff00d9, 181px -9.6666666667px #e1ff00, -207px -208.6666666667px #0026ff, 52px -216.6666666667px #9900ff, -162px -393.6666666667px #3300ff, 115px -121.6666666667px #00ffae, -90px -338.6666666667px #00ffbf, -14px 71.3333333333px #eeff00, -153px -166.6666666667px #00ffd9, 157px -285.6666666667px #ff3c00, -27px -256.6666666667px #00ff1e, 55px -63.6666666667px #ff9500, 74px -362.6666666667px #008cff, 233px -197.6666666667px #ffe600, -135px 75.3333333333px #00d0ff, -124px -251.6666666667px #ff2200, -114px -287.6666666667px #ff0055, -20px 67.3333333333px #0095ff, -13px -259.6666666667px #ff9500, -77px -391.6666666667px #00ffb3, 85px -154.6666666667px #ff005e, -201px -27.6666666667px #4800ff, -109px 20.3333333333px #2fff00, 169px -101.6666666667px #00ff66, -3px -345.6666666667px #4000ff, 23px -24.6666666667px darkorange, 23px -195.6666666667px #ff00cc, 227px -180.6666666667px #73ff00, -239px -407.6666666667px #ff00a2, 94px -408.6666666667px #ff0022, 116px -276.6666666667px #006aff, -130px -211.6666666667px #006fff, 178px -168.6666666667px #0077ff, -220px -11.6666666667px #00a2ff, -109px 53.3333333333px #ff6600, 121px -118.6666666667px #0048ff, -78px -267.6666666667px #fffb00, -88px -414.6666666667px #00f7ff, 111px -325.6666666667px #ff0004, -196px -407.6666666667px #ff0d00, 100px -225.6666666667px #0048ff, -176px 68.3333333333px #ffbf00;
    }
}

@-ms-keyframes bang {
    to {
        box-shadow: 119px 69.3333333333px #8cff00, 247px -58.6666666667px #ff001e, -147px -216.6666666667px #6fff00, 178px 80.3333333333px #ff002f, -116px 44.3333333333px deepskyblue, 202px -94.6666666667px #ff0026, 50px -51.6666666667px #002fff, 6px -56.6666666667px #ff0080, -242px -388.6666666667px #006fff, 174px -207.6666666667px #ff0011, -102px -383.6666666667px #0033ff, -139px -6.6666666667px #59ff00, 129px 19.3333333333px #5eff00, -234px -20.6666666667px #cc00ff, 125px -387.6666666667px #00ff0d, -25px -127.6666666667px #1aff00, 142px -259.6666666667px #7300ff, -217px 48.3333333333px #ff00cc, 203px -372.6666666667px #ff008c, -181px -22.6666666667px #0051ff, -42px -378.6666666667px #e600ff, -32px -85.6666666667px #00eaff, -176px 57.3333333333px #8400ff, 17px -168.6666666667px #00ff26, -221px -322.6666666667px #00ffa2, 144px -313.6666666667px #00fff7, 121px -185.6666666667px #00fffb, -99px -6.6666666667px #ff0037, -47px -353.6666666667px #00ffea, -214px -390.6666666667px #ffbb00, -150px 82.3333333333px #00bbff, -12px -16.6666666667px #0026ff, 111px -241.6666666667px #1a00ff, 151px -231.6666666667px #000dff, 27px -131.6666666667px #00ff26, 143px 75.3333333333px #e6ff00, 166px -148.6666666667px #66ff00, -234px -356.6666666667px #00fff7, -75px -125.6666666667px #ff9500, -117px 21.3333333333px #ff00d9, 181px -9.6666666667px #e1ff00, -207px -208.6666666667px #0026ff, 52px -216.6666666667px #9900ff, -162px -393.6666666667px #3300ff, 115px -121.6666666667px #00ffae, -90px -338.6666666667px #00ffbf, -14px 71.3333333333px #eeff00, -153px -166.6666666667px #00ffd9, 157px -285.6666666667px #ff3c00, -27px -256.6666666667px #00ff1e, 55px -63.6666666667px #ff9500, 74px -362.6666666667px #008cff, 233px -197.6666666667px #ffe600, -135px 75.3333333333px #00d0ff, -124px -251.6666666667px #ff2200, -114px -287.6666666667px #ff0055, -20px 67.3333333333px #0095ff, -13px -259.6666666667px #ff9500, -77px -391.6666666667px #00ffb3, 85px -154.6666666667px #ff005e, -201px -27.6666666667px #4800ff, -109px 20.3333333333px #2fff00, 169px -101.6666666667px #00ff66, -3px -345.6666666667px #4000ff, 23px -24.6666666667px darkorange, 23px -195.6666666667px #ff00cc, 227px -180.6666666667px #73ff00, -239px -407.6666666667px #ff00a2, 94px -408.6666666667px #ff0022, 116px -276.6666666667px #006aff, -130px -211.6666666667px #006fff, 178px -168.6666666667px #0077ff, -220px -11.6666666667px #00a2ff, -109px 53.3333333333px #ff6600, 121px -118.6666666667px #0048ff, -78px -267.6666666667px #fffb00, -88px -414.6666666667px #00f7ff, 111px -325.6666666667px #ff0004, -196px -407.6666666667px #ff0d00, 100px -225.6666666667px #0048ff, -176px 68.3333333333px #ffbf00;
    }
}

@keyframes bang {
    to {
        box-shadow: 119px 69.3333333333px #8cff00, 247px -58.6666666667px #ff001e, -147px -216.6666666667px #6fff00, 178px 80.3333333333px #ff002f, -116px 44.3333333333px deepskyblue, 202px -94.6666666667px #ff0026, 50px -51.6666666667px #002fff, 6px -56.6666666667px #ff0080, -242px -388.6666666667px #006fff, 174px -207.6666666667px #ff0011, -102px -383.6666666667px #0033ff, -139px -6.6666666667px #59ff00, 129px 19.3333333333px #5eff00, -234px -20.6666666667px #cc00ff, 125px -387.6666666667px #00ff0d, -25px -127.6666666667px #1aff00, 142px -259.6666666667px #7300ff, -217px 48.3333333333px #ff00cc, 203px -372.6666666667px #ff008c, -181px -22.6666666667px #0051ff, -42px -378.6666666667px #e600ff, -32px -85.6666666667px #00eaff, -176px 57.3333333333px #8400ff, 17px -168.6666666667px #00ff26, -221px -322.6666666667px #00ffa2, 144px -313.6666666667px #00fff7, 121px -185.6666666667px #00fffb, -99px -6.6666666667px #ff0037, -47px -353.6666666667px #00ffea, -214px -390.6666666667px #ffbb00, -150px 82.3333333333px #00bbff, -12px -16.6666666667px #0026ff, 111px -241.6666666667px #1a00ff, 151px -231.6666666667px #000dff, 27px -131.6666666667px #00ff26, 143px 75.3333333333px #e6ff00, 166px -148.6666666667px #66ff00, -234px -356.6666666667px #00fff7, -75px -125.6666666667px #ff9500, -117px 21.3333333333px #ff00d9, 181px -9.6666666667px #e1ff00, -207px -208.6666666667px #0026ff, 52px -216.6666666667px #9900ff, -162px -393.6666666667px #3300ff, 115px -121.6666666667px #00ffae, -90px -338.6666666667px #00ffbf, -14px 71.3333333333px #eeff00, -153px -166.6666666667px #00ffd9, 157px -285.6666666667px #ff3c00, -27px -256.6666666667px #00ff1e, 55px -63.6666666667px #ff9500, 74px -362.6666666667px #008cff, 233px -197.6666666667px #ffe600, -135px 75.3333333333px #00d0ff, -124px -251.6666666667px #ff2200, -114px -287.6666666667px #ff0055, -20px 67.3333333333px #0095ff, -13px -259.6666666667px #ff9500, -77px -391.6666666667px #00ffb3, 85px -154.6666666667px #ff005e, -201px -27.6666666667px #4800ff, -109px 20.3333333333px #2fff00, 169px -101.6666666667px #00ff66, -3px -345.6666666667px #4000ff, 23px -24.6666666667px darkorange, 23px -195.6666666667px #ff00cc, 227px -180.6666666667px #73ff00, -239px -407.6666666667px #ff00a2, 94px -408.6666666667px #ff0022, 116px -276.6666666667px #006aff, -130px -211.6666666667px #006fff, 178px -168.6666666667px #0077ff, -220px -11.6666666667px #00a2ff, -109px 53.3333333333px #ff6600, 121px -118.6666666667px #0048ff, -78px -267.6666666667px #fffb00, -88px -414.6666666667px #00f7ff, 111px -325.6666666667px #ff0004, -196px -407.6666666667px #ff0d00, 100px -225.6666666667px #0048ff, -176px 68.3333333333px #ffbf00;
    }
}

@-webkit-keyframes 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 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 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 gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@keyframes 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%;
    }
}


.bom-container svg {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    fill: rgba(255, 0, 0, 0.1);
    stroke: #fd8768;
    stroke-width: 20px;
    stroke-linecap: butt;
    stroke-linejoin: miter;
    filter: drop-shadow(0px 0px 1px #ba003f);
    transform-style: preserve-3d;
    perspective-origin: center cetner;
    perspective: 300;
}

.bom-img {
    width: 90px;
}

.spark {
    position: absolute;
    fill: url(#sparkgrad);
    opacity: 0;
    transform-origin: 50% 50%;
    transform: translate(0px, 0px);
    animation: floatUp 800ms linear infinite forwards;
}

.sp1 {
    animation-delay: 0ms;
}

.sp2 {
    animation-delay: 205ms;
}

.sp3 {
    animation-delay: 415ms;
}

.sp4 {
    animation-delay: 600ms;
}

.sp5 {
    animation-delay: 310ms;
}

.spark3 .sp1 {
    animation-delay: 110ms;
}

.spark3 .sp2 {
    animation-delay: 600ms;
}

.spark3 .sp3 {
    animation-delay: 1000ms;
}

.spark3 .sp4 {
    animation-delay: 300ms;
}

.spark3 .sp5 {
    animation-delay: 700ms;
}

@keyframes floatUp {
    0% {
        transform: translate(0px, 0px) rotate3d(0, 0, 0, 0deg);
        opacity: 1
    }
    5% {
        transform: translate(5px, -10px) rotate3d(2, 4, 1, 40deg);
    }
    6% {
        transform: translate(5px, -10px) rotate3d(2, 4, 1, 30deg);
        opacity: 0.8;
    }
    30% {
        transform: translate(0px, -50px) rotate3d(2, 8, 1, -20deg) scale(1.2);
        opacity: 0.1;
    }
    49% {
        transform: translate(-10px, -60px) rotate3d(2, 4, 1, 40deg);
        opacity: 0;
    }
    50% {
        transform: translate(0px, -60px) rotate3d(2, 4, 1, -40deg);
        opacity: 0;
    }
    90% {
        transform: translate(5px, -70px) rotate3d(2, 4, 0, 40deg);
        opacity: 0
    }
    100% {
        transform: translate(5px, -70px) rotate3d(2, 4, 0, 40deg);
        opacity: 0
    }
}

.bom-img {
    position: relative;
    z-index: 2;
}

.bom-label {
    position: absolute;
    opacity: 0;
    transition: .5s;
    top: 55px;
    padding-right: 30px;
    font-size: 14px;
    padding-top: 1px;
    line-height: 24px;
    color: #000;
    padding-left: 16px;
    right: 70px;
    background-color: #ffe600;
    white-space: nowrap;
    text-decoration: none;
    -moz-box-shadow: 0px 5px 10px #888;
    -webkit-box-shadow: 0px 5px 10px #888;
    box-shadow: 0px 2px 5px #888;
}

.bom-label:hover {
    color: #000;
    text-decoration: none
}

.bom-label.active {
    opacity: 1;
}


.bom-container {
    opacity: 0.5;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 9990;
    cursor: pointer;
    font-family: "Roboto",sans-serif;

}

.bom-container:hover {
    opacity: 1;
}

.bom_timer {
    color: white;
    font-size: 42px;
    line-height: 1.3;
    position: absolute;
    left: 13%;
    top: 35%;
    z-index: 3;
    text-align: center;
    width: 60px;


}

.red .bom_timer {
    color: red !important;
}

.white .bom_timer {
    color: white !important;;
}

.bom-wick {
    position: absolute;
    top: 4px;
    right: 5px;
    z-index: 4;
}

.bom-wick_flame {
    border-radius: 50%;
    position: absolute;
    width: 2px;
    top: -3px;
    height: 4px;
    background: red;
    animation: shadow 1s infinite alternate;
}

.bom-wick_sparks {
    position: absolute;
    top: -21px;
    left: -17px;
    width: 30px;
    height: 30px;
}

.bom-wick-3 {
    top: 3px;
    right: 8px;
}

.bom-wick-4 {
    top: 3px;
    right: 13px;
}

.bom-wick-5 {
    top: 5px;
    right: 17px;
}

.bom-wick-6 {
    top: 7px;
    right: 20px;
}

.bom-wick-7 {
    top: 9px;
    right: 23px;
}

.bom-wick-8 {
    top: 10px;
    right: 24px;
}

.bom-wick-9 {
    top: 13px;
    right: 26px;
}

.bom-wick-10 {
    top: 18px;
    right: 30px;
}

.bom-wick-11 {
    top: 20px;
    right: 32px;
}

.bom-wick-12 {
    top: 24px;
    right: 35px;
}

.bom-wick::before {
    content: '';
}

@keyframes shadow {
    from {
        box-shadow: 0 0 4px 1px red;
    }
    to {
        box-shadow: 0 0 2px 2px red;
    }
}

@media only screen and (max-width: 768px) {
    .bom-img {
        width: 60px;
    }

    .bom-container {
        bottom: 60px;
        right: 10px;
    }

    .bom_timer {
        font-size: 32px;
        left: -3%;
        top: 31%
    }

    .bom-label {
        top: 34px;
        padding-right: 20px;
        font-size: 12px;
        padding-top: 1px;
        line-height: 24px;
        padding-left: 16px;
        right: 45px;
    }

    .bom-wick-4 {
        top: 3px;
        right: 11px;
    }

    .bom-wick-5 {
        top: 3px;
        right: 12px;
    }

    .bom-wick-6 {
        top: 4px;
        right: 13px;
    }

    .bom-wick-7 {
        top: 5px;
        right: 14px;
    }

    .bom-wick-8 {
        top: 6px;
        right: 15px;
    }

    .bom-wick-9 {
        top: 7px;
        right: 19px;
    }

    .bom-wick-10 {
        top: 8px;
        right: 19px;
    }

    .bom-wick-11 {
        top: 10px;
        right: 21px;
    }

    .bom-wick-12 {
        top: 14px;
        right: 23px;
    }
}

@media only screen and (max-width: 480px) {
    .bom-img {
        width: 46px;
    }

    .bom-container {
        bottom: 60px;
        right: 10px;
    }

    .bom_timer {
        font-size: 24px;
        left: -16%
    }

    .bom-label {
        top: 20px;
        padding-right: 20px;
        font-size: 12px;
        padding-top: 2px;
        padding-bottom: 3px;
        line-height: 1.1;
        padding-left: 16px;
        right: 33px;
        white-space: normal;
        width: 200px;
        letter-spacing: 0.3px;
    }

    .bom-wick {
        top: 2px;
    }

    .bom-wick-3 {
        top: 2px;
        right: 4px;
    }

    .bom-wick-4 {
        top: 3px;
        right: 6px;
    }

    .bom-wick-5 {
        top: 3px;
        right: 9px;
    }

    .bom-wick-6 {
        top: 3px;
        right: 9px;
    }

    .bom-wick-7 {
        top: 4px;
        right: 10px;
    }

    .bom-wick-8 {
        top: 5px;
        right: 12px;
    }

    .bom-wick-9 {
        top: 6px;
        right: 13px;
    }

    .bom-wick-10 {
        top: 8px;
        right: 15px;
    }

    .bom-wick-11 {
        top: 10px;
        right: 18px;
    }

    .bom-wick-12 {
        top: 12px;
        right: 19px;
    }
}
#bom .modal-header .close {
    float: none;
    width: 55px;
    height: 55px;
    line-height: 1;
    text-shadow: none;
    margin: 0;
    position: absolute;
    top: 5px;
    right: 0;
    background: #0000;
    z-index: 10;
    font-family: serif;
    font-size: 34px;
}
#bom .modal-header {
    border: none;
}
#bom .modal_promo {
    padding: 20px;
}
#bom .modal_promo p {
    padding-bottom: 20px;
}
#bom .modal_promo a {
    color: #254097;

}
#bom .modal_promo a:hover {
    color: #ea2d4a;
}