.mrkr {
     width: 0px;
     height: 0px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     z-index: 999999;
     box-shadow: 0px 0px 15px #000000;
     margin-left: -5px;
     margin-top: -5px;
     position: relative;
     border-width: 11px;
}

.marker-mving {
     border-bottom: 11px solid #fff7f7 !important;
}

.mrkr-mving {
     position: absolute;
     width: 0;
     height: 0;
     border-left: 9px solid transparent;
     border-right: 9px solid transparent;
     border-bottom: 11px solid white;
     margin-left: 1px;
     margin-right: 1px;
     margin-top: 1px;
     margin-bottom: 11px;
}

.mrkr-not_mving {
     position: absolute;
     width: 0;
     height: 0;
     border: 7px solid #d5d5d5;
     margin-left: 1px;
     margin-right: 1px;
     margin-top: 1px;
     margin-bottom: 2px;
     border-radius: 50%;
}