@keyframes p-anim-kf-gradient
{
    0%{
        background-image: -webkit-linear-gradient(left, #f0f0f0, #E00036, #f0f0f0);
        background-image: -moz-linear-gradient(left, #f0f0f0, #F0F036, #f0f0f0);
        background-image: -ms-linear-gradient(left, #f0f0f0, #E00036, #f0f0f0);
        background-image: -o-linear-gradient(left, #f0f0f0, #E00036, #f0f0f0);
        opacity: 0.8;
        /*color:#E00036;*/
    }
    100% {
        background-image: -webkit-linear-gradient(left, #f3f3f3, #E33369, #f3f3f3);
        background-image: -moz-linear-gradient(left, #f3f0f0, #E33369, #f3f3f3);
        background-image: -ms-linear-gradient(left, #f3f3f3, #E33369, #f3f3f3);
        background-image: -o-linear-gradient(left, #f3f3f3, #E33369, #f3f3f3);
        opacity: 1.0;
        /*color:#E00036;*/
    }
}

@keyframes p-anim-kf-rotate
{
    0% {transform: rotateZ(1.5deg);}
    10% {transform: rotateZ(-1.7deg);}
    20% {transform: rotateZ(1.4deg);}
    30% {transform: rotateZ(-1.6deg);}
    40% {transform: rotateZ(1.2deg);}
    50% {transform: rotateZ(-0.5deg);}
    60% {transform: rotateZ(0.9deg);}
    70% {transform: rotateZ(-0.4deg);}
    80% {transform: rotateZ(0deg);}
    90% {transform: rotateZ(-0.4deg);}
    100% {transform: rotateZ(0.6deg);}
}

@keyframes p-anim-kf-rotate-slow
{
    0% {transform: rotateZ(0.0deg);}
    25% {transform: rotateZ(-1.0deg);}
    50% {transform: rotateZ(0.0deg);}
    75% {transform: rotateZ(1.0deg);}
    100% {transform: rotateZ(0.0deg);}
}

@keyframes p-anim-kf-pulsate
{
    0% {transform: scale(1.0);}
    /*25% {transform: scale(0.95);}*/
    /*50% {transform: scale(1.0);}*/
    /*75% {transform: scale(1.05);}*/
    50% {transform: scale(1.05);}
    100% {transform: scale(1.0);}
}

@keyframes p-anim-keyframes-slide-in-left{
    0%{ transform: translateX(-500px); opacity: 0.0;}
    /*50%{ transform: translateX(-40px); }*/
    100% { transform: translateX(0px); opacity: 1.0; }
}

@keyframes p-anim-kf-slide-in-right{
    0%{
        opacity: 0.5;
        transform: translateX(500px);
    }
    100% {
        opacity: 1.0;
        transform: translateX(0px);
    }
}

@keyframes p-anim-kf-bg-change {

    0%{
        -webkit-box-shadow: 0px 7px 5px 0px rgba(50, 50, 50, 0.35);
        -moz-box-shadow:    0px 7px 5px 0px rgba(50, 50, 50, 0.35);
        box-shadow:         0px 7px 5px 0px rgba(50, 50, 50, 0.35);
    }

    50%{
        -webkit-box-shadow: 0px 5px 5px 0px rgba(224, 0, 54, 1.0);
        -moz-box-shadow:    0px 5px 5px 0px rgba(224, 0, 54, 1.0);
        box-shadow:         0px 5px 5px 0px rgba(224, 0, 54, 1.0);
    }

    75%{
        -webkit-box-shadow: 0px 5px 5px 0px rgba(224, 0, 54, 1.0);
        -moz-box-shadow:    0px 5px 5px 0px rgba(224, 0, 54, 1.0);
        box-shadow:         0px 5px 5px 0px rgba(224, 0, 54, 1.0);
    }

    100%{
        -webkit-box-shadow: 0px 7px 5px 0px rgba(50, 50, 50, 0.35);
        -moz-box-shadow:    0px 7px 5px 0px rgba(50, 50, 50, 0.35);
        box-shadow:         0px 7px 5px 0px rgba(50, 50, 50, 0.35);
    }
}

@keyframes p-anim-kf-flash{

    from {
        background-color: #fff;
    }
    to {
        background-color: #E00036;
    }
}

@keyframes p-anim-kf-fade-in{

    from {
        opacity: 0.0;
    }
    to {
        opacity:1.0;
    }
}

@keyframes p-anim-kf-grow{

    from {
        -ms-transform: scale(0); /* IE 9 */
        -webkit-transform: scale(0); /* Safari */
        transform: scale(0);
    }
    to {
        -ms-transform: scale(1.0); /* IE 9 */
        -webkit-transform: scale(1.0); /* Safari */
        transform: scale(1.0);
    }
}

@keyframes p-anim-kf-move{
    0%{ transform: translateX(0px); }
    50%{ transform: translateX(-80px); }
    100% { transform: translateX(0px);}
}

.p-animation-slide-in-left{
    animation-name: p-anim-keyframes-slide-in-left;
    -webkit-animation-delay: 0s, 5s, 10s ; /* Chrome, Safari, Opera */
    animation-delay: 0s, 5s, 10s ; /* Chrome, Safari, Opera */
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
}

.p-animation-slide-in-right{
    animation-name: p-anim-kf-slide-in-right, p-anim-kf-bg-change;
    -webkit-animation-delay: 0s, 4s, 10s ; /* Chrome, Safari, Opera */
    animation-delay: 0s, 4s, 10s ; /* Chrome, Safari, Opera */
    animation-duration: 1s, 8s;
    animation-iteration-count: 1, infinite;
    animation-timing-function: linear;
}


.p-anim-time-3s{
    animation-duration: 10s;
}

.p-anim-time-3-5s{
    animation-duration: 3.5s;
}

.p-anim-time-4s{
    animation-duration: 4s;
}

.p-anim-time-4-5s{
    animation-duration: 4.5s;
}

.p-animation-separator{
    color:#E00036;
    border: 0;
    background-image: -webkit-linear-gradient(left, #f0f0f0, #E00036, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #F0F036, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #E00036, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #E00036, #f0f0f0);
    margin-top: 10px;
    height: 3px;
    -webkit-animation-delay: 0s, 3s;
    -webkit-animation-name: p-anim-kf-grow, p-kf-anim-kf-gradient;
    -webkit-animation-duration: 0s, 2s;
    -moz-animation-name: p-anim-kf-grow, p-anim-kf-gradient;
    -moz-animation-duration: 0s, 2s;
    -o-animation-duration: 0s, 2s;
    animation-duration: 2s,  2s;
    animation-iteration-count: 1,  infinite;
}

.p-animation-rotate-slow{
    -webkit-animation: p-anim-kf-rotate-slow 5s ease-in-out infinite;
    -moz-animation: p-anim-kf-rotate-slow 5s ease-in-out infinite;
    -o-animation: p-anim-kf-rotate-slow 5s ease-in-out infinite;
    animation: p-anim-kf-rotate-slow 5s ease-in-out infinite;
}

.p-animation-pulsate{
    -webkit-animation: p-anim-kf-pulsate 4s ease-in-out infinite;
    -moz-animation: p-anim-kf-pulsate 4s ease-in-out infinite;
    -o-animation: p-anim-kf-pulsate  4s ease-in-out infinite;
    animation: p-anim-kf-pulsate 4s ease-in-out infinite;

}

.p-animation-fade-in{
    -webkit-animation-delay: 0s;
    -webkit-animation-name: p-anim-kf-fade-in;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -moz-animation-name: p-anim-kf-fade-in;
    -o-animation-duration: 1s;
    animation-delay: 0s;
    animation-duration: 1s;
    animation-iteration-count: 1;
}

.p-animation-circles{
    background: #e20031;
    width: 25px;
    height: 25px;
    -webkit-animation-delay: 0s, 3s;
    -webkit-animation-name: p-anim-kf-grow,  p-anim-kf-move;
    -webkit-animation-duration: 0s, 3s;
    -moz-animation-duration: 0s, 3s;
    -moz-animation-name: p-anim-kf-grow, p-anim-kf-move;
    -o-animation-duration: 0s, 3s;
    animation-duration: 2s,  5s;
    animation-delay: 0s, 3s;
    animation-iteration-count: 1,  infinite;
}

.p-animation-flash{
    /*background: #e20031;*/
    -webkit-animation-delay: 0s, 400ms, 400ms;
    -webkit-animation-name: p-anim-kf-fade-in, p-anim-kf-flash, p-anim-kf-flash;
    -webkit-animation-duration: 300ms, 300ms, 300ms;
    -moz-animation-duration: 300ms, 300ms, 300ms;
    -moz-animation-name: p-anim-kf-fade-in, p-anim-kf-flash, p-anim-kf-flash;
    -o-animation-duration: 300ms, 300ms, 300ms;
    animation-duration: 300ms,  300ms, 300ms;
    animation-delay: 0s, 400ms, 400ms;
    animation-iteration-count: 1,  2, 0;
}