@-moz-keyframes leaflet-gdeonmarker-pulsate {
    from {
        -moz-transform: scale(0.0);
        opacity: 1.0;
    }
    to {
        -moz-transform: scale(1);
        opacity: 0;
    }
}
@-webkit-keyframes leaflet-gdeonmarker-pulsate {
    from {
        -webkit-transform: scale(0.0);
        opacity: 1.0;
    }
    to {
        -webkit-transform: scale(1);
        opacity: 0;
    }
}
@keyframes leaflet-gdeonmarker-pulsate {
    from {
        transform: scale(0.0);
        opacity: 1.0;
    }
    to {
        transform: scale(1);
        opacity: 0;
    }
}

@-moz-keyframes leaflet-gdeonmarker-following {
    from {
        transform: scale(3);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 0.8;
    }
}

@-webkit-keyframes leaflet-gdeonmarker-following {
    from {
        transform: scale(3);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 0.8;
    }
}

@keyframes leaflet-gdeonmarker-following {
    from {
        transform: scale(3);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 0.8;
    }
}

.leaflet-gdeonmarker,
.leaflet-gdeonmarker-small {
    width: 25px;
    height: 26px;
    background: url(../img/gdeonMarkerBigger.png);
    background-size: 100%;
}
/*.leaflet-gdeonmarker-small {
    width: 17px;
    height: 17px;
}*/

.leaflet-followMarker {
    width: 50px;
    height: 50px;
}

.leaflet-gdeonmarker:hover,.leaflet-gdeonmarker-pause:hover,.leaflet-gdeonmarker-start:hover,.leaflet-gdeonmarker-stop:hover {

}

@media screen {
    .leaflet-gdeonmarker-start {
        z-index:99998 !important;
        width: 30px;
        height: 30px;
        background: url(../img/startIcon.png);
        background-size: 100%;
    }

    .leaflet-gdeonmarker-pause {
        z-index:99997 !important;
        width: 30px;
        height: 30px;
        background: url(../img/pauseIcon.png);
        background-size: 100%;
    }

    .leaflet-gdeonmarker-stop {
        z-index:99999 !important;
        width: 30px;
        height: 30px;
        background: url(../img/stopIcon.png);
        background-size: 100%;
    }
}


.leaflet-followMarker .liveBracketsAnim {
    -moz-animation: leaflet-gdeonmarker-following 0.4s ease-in-out 1;
    -webkit-animation: leaflet-gdeonmarker-following 0.4s ease-in-out 1;
    animation: leaflet-gdeonmarker-following 0.4s ease-in-out 1;
    pointer-events: none;
}

.leaflet-gdeonmarker i.pulse,
.leaflet-gdeonmarker-small i.pulse {
    display: block;

    /*    -moz-animation: leaflet-gdeonmarker-pulsate 3s ease-in-out infinite;
        -webkit-animation: leaflet-gdeonmarker-pulsate 3s ease-in-out infinite;
        animation: leaflet-gdeonmarker-pulsate 3s ease-in-out infinite;*/
    -moz-animation: leaflet-gdeonmarker-pulsate 3s ease-in-out 1;
    -webkit-animation: leaflet-gdeonmarker-pulsate 3s ease-in-out 1;
    animation: leaflet-gdeonmarker-pulsate 3s ease-in-out 1;
    pointer-events: none;
    border:5pt solid #C80000;
    /* make a circle */
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    opacity: 0;
    /* multiply the shadows, inside and outside the circle */
    /*    -moz-box-shadow:inset 0 0 5px #06f, inset 0 0 5px #06f, inset 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f;
        -webkit-box-shadow:inset 0 0 5px #06f, inset 0 0 5px #06f, inset 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f;
        box-shadow:inset 0 0 5px #06f, inset 0 0 5px #06f, inset 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f;*/
    /* set the ring's new dimension and re-center it */
    height:300px!important;
    margin:-138px 0 0 -138px;
    width:300px!important;
}

/*.leaflet-gdeonmarker-small i.pulse {
    height: 31px !important;
    width: 31px !important;
    margin: -7px 0 0 -7px;
}*/