﻿@-webkit-keyframes greenPulse {
  from {  -webkit-box-shadow: 0 0 9px #333; }
  50% {  -webkit-box-shadow: 0 0 18px #91bd09; }
  to {  -webkit-box-shadow: 0 0 9px #333; }
}

@-webkit-keyframes redPulse {
  from {  -webkit-box-shadow: 0 0 9px #ccc; }
  50% {  -webkit-box-shadow: 0 0 18px #91bd09; }
  to {  -webkit-box-shadow: 0 0 9px #ccc; }
}

@-webkit-keyframes bluePulse {
  from {  -webkit-box-shadow: 0 0 9px #444; }
  50% {  -webkit-box-shadow: 0 0 18px #91bd09; }
  to {  -webkit-box-shadow: 0 0 9px #444; }
}


@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); box-shadow:0 0 8px #fff; }
    50% { -webkit-transform: scale(1.1);box-shadow:0 0 8px #fff; }
    100% { -webkit-transform: scale(1); box-shadow:0 0 8px #fff;}
}

@-moz-keyframes pulse {
    0% { -moz-transform: scale(1); box-shadow:0 0 8px #fff; }
    50% { -moz-transform: scale(1.1);box-shadow:0 0 8px #fff; }
    100% { -moz-transform: scale(1); box-shadow:0 0 8px #fff;}
}
@keyframes pulse {
    0% { transform: scale(1); box-shadow:0 0 8px #fff }
    50% { transform: scale(1.1); box-shadow:0 0 8px #fff;}
    100% { transform: scale(1);box-shadow:0 0 8px #fff; }
}
/* pointer hover effect animation*/

@keyframes pointer {
    0% {
        transform: scale(0.1, 0.1);
        opacity: 0.0;
    }

    50% {
        opacity: 1.0;
    }

    100% {
        transform: scale(1.2, 1.2);
        opacity: 0.0;
    }
}

@-moz-keyframes pointer {
    0% {
        -moz-transform: scale(0.1, 0.1);
        opacity: 0.0;
    }

    50% {
        opacity: 1.0;
    }

    100% {
        -moz-transform: scale(1.2, 1.2);
        opacity: 0.0;
    }
}

@-webkit-keyframes pointer /* Safari and Chrome */
{
    0% {
        -webkit-transform: scale(0.1, 0.1);
        opacity: 0.0;
    }

    50% {
        opacity: 1.0;
    }

    100% {
        -webkit-transform: scale(1.2, 1.2);
        opacity: 0.0;
    }
}

@-o-keyframes pointer /* Opera */
{
    0% {
        -webkit-transform: scale(0.1, 0.1);
        opacity: 0.0;
    }

    50% {
        opacity: 1.0;
    }

    100% {
        -webkit-transform: scale(1.2, 1.2);
        opacity: 0.0;
    }
}