/* ANIMATION slide down
    ** Slide down and fade in with a blink
    ** Browser: Firefox, IE10+
    ------------------------------------ */
    @keyframes anim-slide-down {
        0% { 
            opacity: 0;
            top: -100px;
        }
        93% { opacity: 0; }
        85% { opacity: 0.47; }
        100% { 
            opacity: 1;
            top: 0;
        }
    }

    /* ANIMATION slide down
    ** Slide down and fade in with a blink
    ** Browser: Safari, Chrome
    ------------------------------------ */
    @-webkit-keyframes anim-slide-down {
        0% { 
            opacity: 0;
            top: -100px;
        }
        93% { opacity: 0; }
        85% { opacity: 0.47; }
        100% { 
            opacity: 1;
            top: 0;
        }
    }

    /* ANIMATION slide up
    ** Slide down and fade out with a blink
    ** Browser: Firefox, IE10+
    ------------------------------------ */
    @keyframes anim-slide-up {
        0% { 
            opacity: 1;
            top: 0;
        }
        93% { opacity: 0.47; }
        85% { opacity: 0; }
        100% { 
            opacity: 0;
            top: -100px;
        }
    }

    /* ANIMATION slide up
    ** Slide up and fade out with a blink
    ** Browser: Safari, Chrome
    ------------------------------------ */
    @-webkit-keyframes anim-slide-up {
        0% { 
            opacity: 1;
            top: 0;
        }
        93% { opacity: 0.47; }
        85% { opacity: 0; }
        100% { 
            opacity: 0;
            top: -100px;
        }
    }

    /* ANIMATION slide to right
    ** Slide right and fade in with a blink
    ** Browser: Firefox, IE10+
    ------------------------------------ */
    @keyframes anim-slide-to-right {
        0% { 
            opacity: 0;
            left: -100px;
        }
        93% { opacity: 0; }
        85% { opacity: 0.47; }
        100% { 
            opacity: 1;
            left: 0;
        }
    }

    /* ANIMATION slide to right
    ** Slide right and fade in with a blink
    ** Browser: Safari, Chrome
    ------------------------------------ */
    @-webkit-keyframes anim-slide-to-right {
        0% { 
            opacity: 0;
            left: -100px;
        }
        93% { opacity: 0; }
        85% { opacity: 0.47; }
        100% { 
            opacity: 1;
            left: 0;
        }
    }

    /* ANIMATION slide back to left from right
    ** Slide back to left and fade in with a blink
    ** Browser: Firefox, IE10+
    ------------------------------------ */
    @keyframes anim-slide-to-right-reverse {
        0% { 
            opacity: 1;
            left: 0;
        }
        93% { opacity: 0.47; }
        85% { opacity: 0; }
        100% { 
            opacity: 0;
            left: -100px;
        }
    }

    /* ANIMATION slide back to left from right
    ** Slide back to left and fade out with a blink
    ** Browser: Safari, Chrome
    ------------------------------------ */
    @-webkit-keyframes anim-slide-to-right-reverse {
        0% { 
            opacity: 1;
            left: 0;
        }
        93% { opacity: 0.47; }
        85% { opacity: 0; }
        100% { 
            opacity: 0;
            left: -100px;
        }
    }


        /* ANIMATION slide to left
    ** Slide left and fade in with a blink
    ** Browser: Firefox, IE10+
    ------------------------------------ */
    @keyframes anim-slide-to-left {
        0% { 
            opacity: 0;
            right: -100px;
        }
        93% { opacity: 0; }
        85% { opacity: 0.47; }
        100% { 
            opacity: 1;
            right: 0;
        }
    }

    /* ANIMATION slide to left
    ** Slide left and fade in with a blink
    ** Browser: Safari, Chrome
    ------------------------------------ */
    @-webkit-keyframes anim-slide-to-left {
        0% { 
            opacity: 0;
            right: -100px;
        }
        93% { opacity: 0; }
        85% { opacity: 0.47; }
        100% { 
            opacity: 1;
            right: 0;
        }
    }

    /* ANIMATION slide back to right from left
    ** Slide back to right and fade in with a blink
    ** Browser: Firefox, IE10+
    ------------------------------------ */
    @keyframes anim-slide-to-left-reverse {
        0% { 
            opacity: 1;
            right: 0;
        }
        93% { opacity: 0.47; }
        85% { opacity: 0; }
        100% { 
            opacity: 0;
            right: -100px;
        }
    }

    /* ANIMATION slide back to right from left
    ** Slide back to right and fade out with a blink
    ** Browser: Safari, Chrome
    ------------------------------------ */
    @-webkit-keyframes anim-slide-to-left-reverse {
        0% { 
            opacity: 1;
            right: 0;
        }
        93% { opacity: 0.47; }
        85% { opacity: 0; }
        100% { 
            opacity: 0;
            right: -100px;
        }
    }

    @keyframes anim-locked {
        0% { opacity: 0.8; }
        5% { opacity: 0.90; }
        10% { opacity: 0.95; }
        50% { opacity: 1; }
        75% { opacity: 0.9; }
        85% { opacity: 1; }
        94% { opacity: 1; }
        95% { opacity: 0.90; }
        96% { opacity: 1; }
        100% { opacity: 1; }
    }


    @-webkit-keyframes anim-locked {
        0% { opacity: 0.8; }
        5% { opacity: 0.90; }
        10% { opacity: 0.95; }
        50% { opacity: 1; }
        75% { opacity: 0.9; }
        85% { opacity: 1; }
        94% { opacity: 1; }
        95% { opacity: 0.90; }
        96% { opacity: 1; }
        100% { opacity: 1; }
    }


    @keyframes blink {  
        0% { 
            opacity: 0;
        }
        85% {
            opacity: 0.47;
        }
        93% { 
            opacity: 0;
        }
        100% { 
            opacity: 1;
        } 
    }
    @-webkit-keyframes blink {
        0% { 
            opacity: 0;
        }
        85% {
            opacity: 0.47;
        }
        93% { 
            opacity: 0;
        }
        100% { 
            opacity: 1;
        } 
    }

    @keyframes blink-reverse {  
        0% { 
            opacity: 1;
        }
        15% {
            opacity: 0;
        }
        23% { 
            opacity: 0.7;
        }
        100% { 
            opacity: 0;
        } 
    }

    @-webkit-keyframes blink-reverse  {
        0% { 
            opacity: 1;
        }
        15% {
            opacity: 0;
        }
        23% { 
            opacity: 0.7;
        }
        100% { 
            opacity: 0;
        } 
    }


    @keyframes glitch-assassin {  
        0% { 
            opacity: 0;
            background-position: 0px 0px;
        }
        1% { 
            opacity: 1;
            background-position: 0px 0px;
        }
        13% { 
            opacity: 1;
            background-position: 0px 0px;
        }
        14% { 
            opacity: 0;
            background-position: 450px 0px;
        }
        15% {
            opacity: 1;
            background-position: 450px 0px;
        }
        28% {
            opacity: 1;
            background-position: 450px 0px;
        }
        29% {
            opacity: 0;
            background-position: 900px 0px;
        }
        30% {
            opacity: 1;
            background-position: 900px 0px;
        }
        45% {
            opacity: 0;
            background-position: 900px 0px;
        } 

        67% { 
            opacity: 0;
            background-position: 0px 0px;
        }
        68% { 
            opacity: 1;
            background-position: 0px 0px;
        }
        69% { 
            opacity: 0;
            background-position: 450px 0px;
        }
        70% {
            opacity: 1;
            background-position: 450px 0px;
        }
        83% {
            opacity: 1;
            background-position: 450px 0px;
        }
        84% {
            opacity: 0;
            background-position: 900px 0px;
        }
        85% {
            opacity: 1;
            background-position: 900px 0px;
        }
        100% {
            opacity: 0;
            background-position: 900px 0px;
        } 

    }

    @-webkit-keyframes glitch-assassin {
        0% { 
            opacity: 0;
            background-position: 0px 0px;
        }
        1% { 
            opacity: 1;
            background-position: 0px 0px;
        }
        13% { 
            opacity: 1;
            background-position: 0px 0px;
        }
        14% { 
            opacity: 0;
            background-position: 450px 0px;
        }
        15% {
            opacity: 1;
            background-position: 450px 0px;
        }
        28% {
            opacity: 1;
            background-position: 450px 0px;
        }
        29% {
            opacity: 0;
            background-position: 900px 0px;
        }
        30% {
            opacity: 1;
            background-position: 900px 0px;
        }
        45% {
            opacity: 0;
            background-position: 900px 0px;
        } 

        67% { 
            opacity: 0;
            background-position: 0px 0px;
        }
        68% { 
            opacity: 1;
            background-position: 0px 0px;
        }
        69% { 
            opacity: 0;
            background-position: 450px 0px;
        }
        70% {
            opacity: 1;
            background-position: 450px 0px;
        }
        83% {
            opacity: 1;
            background-position: 450px 0px;
        }
        84% {
            opacity: 0;
            background-position: 900px 0px;
        }
        85% {
            opacity: 1;
            background-position: 900px 0px;
        }
        100% {
            opacity: 0;
            background-position: 900px 0px;
        } 
    }

    @keyframes img-assassin {
        0% { 
            opacity: 0;
        }
        40% { 
            opacity: 0;
        }
        45% {
            opacity: 0.5;
        } 
        68% { 
            opacity: 0.5;
        }
        69% { 
            opacity: 0;
        }
        85% {
            opacity: 0;
        }
        86% {
            opacity: 0.8;
        }
        100% {
            opacity: 1;
        } 
    }

    @-webkit-keyframes img-assassin {
        0% { 
            opacity: 0;
        }
        40% { 
            opacity: 0;
        }
        45% {
            opacity: 0.5;
        } 
        68% { 
            opacity: 0.5;
        }
        69% { 
            opacity: 0;
        }
        85% {
            opacity: 0;
        }
        86% {
            opacity: 0.8;
        }
        100% {
            opacity: 1;
        } 
    }

    @keyframes hover-blink {  
        0% { 
            opacity: 1;
        }
        20%{
            opacity: 0;
        }
        40%{
            opacity: 1;
        }
        85% {
            opacity: 0.47;
        }
        93% { 
            opacity: 0;
        }
        100% { 
            opacity: 1;
        } 
    }
    @-webkit-keyframes hover-blink {
        0% { 
            opacity: 1;
        }
        20%{
            opacity: 0;
        }
        40%{
            opacity: 1;
        }
        85% {
            opacity: 0.47;
        }
        93% { 
            opacity: 0;
        }
        100% { 
            opacity: 1;
        }  
    }

    @keyframes blink-in {  
        0% { 
            opacity: 0;
        }
        20%{
            opacity: 1;
        }
        40%{
            opacity: 0;
        }
        50%{
            opacity: 1;
        }
        85% {
            opacity: 0.47;
        }
        93% { 
            opacity: 0;
        }
        100% { 
            opacity: 1;
        } 
    }
    @-webkit-keyframes blink-in {
        0% { 
            opacity: 0;
        }
        20%{
            opacity: 1;
        }
        40%{
            opacity: 0;
        }
        50%{
            opacity: 1;
        }
        85% {
            opacity: 0.47;
        }
        93% { 
            opacity: 0;
        }
        100% { 
            opacity: 1;
        } 
    }


    @keyframes blink-out {  
        0% { 
            opacity: 1;
        }
        20%{
            opacity: 0;
        }
        40%{
            opacity: 0.47;
        }
        50%{
            opacity: 1;
        }
        85% {
            opacity: 0;
        }
        93% { 
            opacity: 1;
        }
        100% { 
            opacity: 0;
        } 
    }
    @-webkit-keyframes blink-out {
        0% { 
            opacity: 1;
        }
        20%{
            opacity: 0;
        }
        40%{
            opacity: 0.47;
        }
        50%{
            opacity: 1;
        }
        85% {
            opacity: 0;
        }
        93% { 
            opacity: 1;
        }
        100% { 
            opacity: 0;
        }
    }

    @keyframes xp-update {  
        0% { 
            background-position: 200px top;
        }
        15% { 
            background-position: right top;
        }
        17% { 
            background-position: 100px top;
        }
        19% { 
            background-position: right top;
        }
        100% { 
            background-position: 150px -50px;
        }
    }
    @-webkit-keyframes xp-update {
        0% { 
            background-position: 200px top;
        }
        15% { 
            background-position: right top;
        }
        17% { 
            background-position: 100px top;
        }
        19% { 
            background-position: right top;
        }
        100% { 
            background-position: 150px -50px;
        }
    }

    /*  ANIMATION ops-glow-left
    ** Animated glow on the reward when the user redeem
    ------------------------------------ */
    @keyframes ops-glow-left /* ** Browser: Firefox, IE10+ ** */
    {
        0% { 
            opacity: 0;
            left: -380px;
        }
        20% {
            opacity: 1;
            left: -380px;
        }
        80% { 
            opacity: 1;
            left: -300px;
        }
        100% { 
            opacity: 0;
            left: -300px;
        }
    }

    @-webkit-keyframes ops-glow-left /* ** Browser: Safari, Chrome ** */
    { 
        0% { 
            opacity: 0;
            left: -380px;
        }
        20% {
            opacity: 1;
            left: -380px;
        }
        80% { 
            opacity: 1;
            left: -300px;
        }
        100% { 
            opacity: 0;
            left: -300px;
        }
    }

    @keyframes ops-scale-up
    {
        0% { 
            box-shadow: 0 0 0 0 rgba(255, 250, 191, 0);
        }
        30% {
            box-shadow: 0 0 80px 5px rgba(255, 250, 191, 0.7);
        }
        100% { 
            box-shadow: 0 0 45px 5px rgba(255, 250, 191, 0.3);
        }
    }

    @-webkit-keyframes ops-scale-up {
        0% { 
            box-shadow: 0 0 0 0 rgba(255, 250, 191, 0);
        }
        30% {
            box-shadow: 0 0 80px 5px rgba(255, 250, 191, 0.7);
        }
        100% { 
            box-shadow: 0 0 45px 5px rgba(255, 250, 191, 0.3);
        }
    }


     @keyframes showbyLine
    {
        0% { 
            opacity: 0;
            display: none;
        }
        20%{
            opacity: 1;
            display: block;
        }
        40%{
            opacity: 0.47;
            display: block;
        }
        50%{
            opacity: 1;
            display: block;
        }
        100%{
            opacity: 1;
            display: block;
        }
    }

    @-webkit-keyframes showbyLine {
        0% { 
            opacity: 0;
            display: none;
        }
        20%{
            opacity: 1;
            display: block;
        }
        40%{
            opacity: 0.47;
            display: block;
        }
        50%{
            opacity: 1;
            display: block;
        }
        100%{
            opacity: 1;
            display: block;
        }
    }



     @keyframes highlightXP
    {
        0% { 
            opacity: 1;
            margin-top: 150px;
        }
        100%{
            opacity: 0;
            margin-top: 90px;
        }
    }

    @-webkit-keyframes highlightXP {
        0% { 
            opacity: 1;
            margin-top: 150px;
        }
        100%{
            opacity: 0;
            margin-top: 90px;
        }
    }    


    @keyframes highlightButton
    {
        0% { 
            background: #790000;
        }
        50%{
            background: #9e0b0f;
        }
        100%{
            background: #790000;
        }
    }

    @-webkit-keyframes highlightButton {
        0% { 
            background: #790000;
        }
        50%{
            background: #9e0b0f;
        }
        100%{
            background: #790000;
        }
    } 

    @keyframes error404arrow
    {
        0% { left: -6px;}
        20%{ left: 30px;}
        25%{ left: 31px;}
        26%{ left: 70px;}
        30%{ left: 50px;}
        32%{ left: 90px;}
        50%{ left: 100px;}
        52%{ left: 120px;}
        54%{ left: 132px;}
        56%{ left: 100px;}
        58%{ left: 0px;}
        62%{ left: 80px;}
        70%{ left: 50px;}
        72%{ left: 30px;}
        100%{ left: -6px;}


    }

    @-webkit-keyframes error404arrow {
        0% { left: -6px;}
        20%{ left: 30px;}
        25%{ left: 31px;}
        26%{ left: 70px;}
        30%{ left: 50px;}
        32%{ left: 90px;}
        50%{ left: 100px;}
        52%{ left: 120px;}
        54%{ left: 132px;}
        56%{ left: 100px;}
        58%{ left: 0px;}
        62%{ left: 80px;}
        70%{ left: 50px;}
        72%{ left: 30px;}
        100%{ left: -6px;}
    }

    @keyframes slowfade
    {
        0% { 
            opacity: 1;
        }
        50%{
            opacity: 0.2;
        }
        100%{
            opacity: 1;
        }
    }

    @-webkit-keyframes slowfade {
        0% { 
            opacity: 1;
        }
        50%{
            opacity: 0.2;
        }
        100%{
            opacity: 1;
        }
    }



    @keyframes fadeinout
    {
        0% { 
            opacity: 0;
        }
        50%{
            opacity: 1;
        }
        100%{
            opacity: 0;
        }
    }

    @-webkit-keyframes fadeinout {
        0% { 
            opacity: 0;
        }
        50%{
            opacity: 1;
        }
        100%{
            opacity: 0;
        }
    }

    @keyframes rotate
    {
        from {
            transform: rotate(0deg);
        }
        to {
            transform: rotate(360deg);
        }
    }   

    @-webkit-keyframes rotate {
        from {
            -webkit-transform: rotate(0deg);
        }
        to {
            -webkit-transform: rotate(360deg);
        }
    }


    @keyframes slideDown
    {
        0% { 
            bottom: 0px;
            opacity: 0;
        }
        15% {
            opacity: 1;
        }
        45% {
            opacity: 0;
        }
        50% {
            bottom: -60px;
            opacity: 0;
        }
        100%{
            bottom: -60px;
            opacity: 0;
        }
    }

    @-webkit-keyframes slideDown {
        0% { 
            bottom: 0px;
            opacity: 0;
        }
        15% {
            opacity: 1;
        }
        45% {
            opacity: 0;
        }
        50% {
            bottom: -60px;
            opacity: 0;
        }
        100%{
            bottom: -60px;
            opacity: 0;
        }
    }

    @keyframes slideUp
    {
        0% { 
            top: 0px;
            opacity: 0;
        }
        15% {
            opacity: 1;
        }
        45% {
            opacity: 0;
        }
        50%{
            top: -60px;
            opacity: 0;
        }
        100%{
            top: -60px;
            opacity: 0;
        }
    }

    @-webkit-keyframes slideUp {
        0% { 
            top: 0px;
            opacity: 0;
        }
        15% {
            opacity: 1;
        }
        45% {
            opacity: 0;
        }
        50%{
            top: -60px;
            opacity: 0;
        }
        100%{
            top: -60px;
            opacity: 0;
        }
    }

    @keyframes slideUp-reverse
    {
        0% { 
            bottom: -60px;
            opacity: 0;
        }
        50% {
            bottom: -60px;
            opacity: 0;
        }
        95% {
            opacity: 1;
        }

        100%{
            bottom: 0px;
            opacity: 0;
        }
    }

    @-webkit-keyframes slideUp-reverse {
        0% { 
            bottom: -60px;
            opacity: 0;
        }
        50% {
            bottom: -60px;
            opacity: 0;
        }
        95% {
            opacity: 1;
        }

        100%{
            bottom: 0px;
            opacity: 0;
        }
    }

    @keyframes level-out {
        0% { 
            transform: rotateX(0deg); 
        }
        100% { 
            top:30px; 
            transform: rotateX(70deg); 
            opacity:0; 
            color:#e5ce89; 
        }
    }

    @-webkit-keyframes level-out {
        0% {
            -webkit-transform: rotateX(0deg); 
        }
        100% { 
            top:30px; 
            -webkit-transform: rotateX(70deg); 
            opacity:0; 
            color:#e5ce89;
        }
    }

    @keyframes level-in {
        0% { 
            top: -30px; 
            transform: 
            rotateX(70deg); 
            opacity:0; 
            color:#e5ce89; 
        }
        100% { 
            top:0; 
            transform: rotateX(0deg);
            opacity:1; 
        }
    }

    @-webkit-keyframes level-in {
        0% { 
            top: -30px; 
            -webkit-transform: 
            rotateX(70deg); 
            opacity:0; 
            color:#e5ce89; 
        }
        100% { 
            top:0; 
            -webkit-transform: rotateX(0deg);
            opacity:1; 
        }
    }

    @keyframes stage-active {
        0% { background-position: center -200px, 0 0;}
            100% { background-position: center -200px, 0px -1000px; }
    }

    @-webkit-keyframes stage-active {
       0% { background-position: center -200px, 0 0;}
            100% { background-position: center -200px, 0px -1000px; }
    }

    @keyframes stage-redeem {
        0% { background-position: center -200px, 0 0;}
        30% { background-position: center -200px, 0px -300px; }
            100% { background-position: center -200px, 0px -300px; }
    }

    @-webkit-keyframes stage-redeem {
       0% { background-position: center -200px, 0 0;}
       30% { background-position: center -200px, 0px -300px; }
            100% { background-position: center -200px, 0px -300px; }
    }

    @keyframes success-glow {
        0% { opacity: 0;}
            100% { opacity: 1; }
    }

    @-webkit-keyframes success-glow {
       0% { opacity: 0;}
            100% { opacity: 1; }
    }

    @keyframes glitch-left {  
        0% { 
            opacity: 0;
            left: 80px;
        }
        50%{
            opacity: 1;
        }
        60%{
            opacity: 0;
            left: 0px;
        }
        70%{
            opacity: 1;
        }
        85% {
            opacity: 0.47;
        }
        93% { 
            opacity: 0;
        }
        100% { 
            opacity: 1;
            left: 0px;
            
        } 
    }
    @-webkit-keyframes glitch-left {
        0% { 
            opacity: 0;
            left: 80px;
        }
        50%{
            opacity: 1;
        }
        60%{
            opacity: 0;
            left: 0px;
        }
        70%{
            opacity: 1;
        }
        85% {
            opacity: 0.47;
        }
        93% { 
            opacity: 0;
        }
        100% { 
            opacity: 1;
            left: 0px;
        } 
    }

    @keyframes glitch-right {  
        0% { 
            opacity: 0;
            right: 80px;
        }
        50%{
            opacity: 1;
        }
        60%{
            opacity: 0;
            right: 0px;
        }
        70%{
            opacity: 1;
        }
        85% {
            opacity: 0.47;
        }
        93% { 
            opacity: 0;
        }
        100% { 
            opacity: 1;
            right: 0px;
            
        } 
    }
    @-webkit-keyframes glitch-right {
        0% { 
            opacity: 0;
            right: 80px;
        }
        50%{
            opacity: 1;
        }
        60%{
            opacity: 0;
            right: 0px;
        }
        70%{
            opacity: 1;
        }
        85% {
            opacity: 0.47;
        }
        93% { 
            opacity: 0;
        }
        100% { 
            opacity: 1;
            right: 0px;
        } 
    }

     @keyframes shaun-blink {  
        0%   { opacity: 1; }
        20%  { opacity: 0.9; }
        21%  { opacity: 0.5; }
        22%  { opacity: 0.9; }
        40%  { opacity: 1; }
        43%  { opacity: 0.7; }
        46%  { opacity: 1; }
        60%  { opacity: 0.9; }
        62%  { opacity: 0.75; }
        64%  { opacity: 1; }
        65%  { opacity: 0.5; }
        67%  { opacity: 1; }
        85%  { opacity: 0.8; }
        93%  { opacity: 0.9; }
        94%  { opacity: 0.6; }
        95%  { opacity: 0.9; }
        100% { opacity: 1; }  
    }
    @-webkit-keyframes shaun-blink {
        0%   { opacity: 1; }
        20%  { opacity: 0.9; }
        21%  { opacity: 0.5; }
        22%  { opacity: 0.9; }
        40%  { opacity: 1; }
        43%  { opacity: 0.7; }
        46%  { opacity: 1; }
        60%  { opacity: 0.9; }
        62%  { opacity: 0.75; }
        64%  { opacity: 1; }
        65%  { opacity: 0.5; }
        67%  { opacity: 1; }
        85%  { opacity: 0.8; }
        93%  { opacity: 0.9; }
        94%  { opacity: 0.6; }
        95%  { opacity: 0.9; }
        100% { opacity: 1; }  
    }