/*!
 * leaflet-extra-markers
 * Custom Markers for Leaflet JS based on Awesome Markers
 * Leaflet ExtraMarkers
 * https://github.com/coryasilva/Leaflet.ExtraMarkers/
 * @author coryasilva <https://github.com/coryasilva>
 * @version 1.2.1
 * custom
 */
.extra-marker {
  /* background: url("../img/markers_default.png") no-repeat 0 0; */
  display: block;
  width: 28px;
  height: 43px;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center
}

.extra-marker-shadow {
  background: url("../img/markers_shadow.png") no-repeat 0 0;
  width: 36px;
  height: 16px
}

@media (min--moz-device-pixel-ratio:1.5),
(-webkit-min-device-pixel-ratio:1.5),
(min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
  
  .extra-marker-shadow {
    background-image: url("../img/markers_shadow@2x.png");
    background-size: 35px 16px
  }
}

.extra-marker.extra-marker-svg {
  background: none
}

.extra-marker.extra-marker-svg .svg-inline--fa,
.extra-marker.extra-marker-svg i,
.extra-marker i {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.extra-marker .svg-inline--fa,
.extra-marker i {
  color: #fff;
  margin-top: 7px;
  display: inline-block;
  font-size: 14px
}

.extra-marker .svg-inline--fa {
  margin-top: 8px;
}

.extra-marker .svg-inline--fa,
.extra-marker i.fa,
.extra-marker i.fab,
.extra-marker i.fas,
.extra-marker i.far,
.extra-marker i.fal {
  margin-top: 7px
}

.extra-marker .svg-inline--fa.fa-2x,
.extra-marker i.fa.fa-2x,
.extra-marker i.fab.fa-2x,
.extra-marker i.fas.fa-2x,
.extra-marker i.far.fa-2x,
.extra-marker i.fal.fa-2x {
  font-size: 16px;
  margin-top: 9px
}

.extra-marker .svg-inline--fa.fa-3x,
.extra-marker i.fa.fa-3x,
.extra-marker i.fab.fa-3x,
.extra-marker i.fas.fa-3x,
.extra-marker i.far.fa-3x,
.extra-marker i.fal.fa-3x {
  font-size: 18px;
  margin-top: 9px
}

.extra-marker .svg-inline--fa.fa-4x,
.extra-marker i.fa.fa-4x,
.extra-marker i.fab.fa-4x,
.extra-marker i.fas.fa-4x,
.extra-marker i.far.fa-4x,
.extra-marker i.fal.fa-4x {
  font-size: 20px;
  margin-top: 8px
}

.extra-marker .svg-inline--fa.fa-5x,
.extra-marker i.fa.fa-5x,
.extra-marker i.fab.fa-5x,
.extra-marker i.fas.fa-5x,
.extra-marker i.far.fa-5x,
.extra-marker i.fal.fa-5x {
  font-size: 24px;
  margin-top: 6px
}

.extra-marker .fa-number:before {
  content: attr(number)
}

.extra-marker i.glyphicon {
  margin-top: 10px
}

.extra-marker i.icon {
  margin-right: 0;
  opacity: 1
}

.extra-marker i:before {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
}

.extra-marker i.circle {
  left: 50%;
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  margin-left: -7px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
}

/* .extra-marker.extra-marker-svg i.fa-circle.pulse-green:before {
  transform: scale(1);
	animation: pulse-green 2s infinite;
  animation-delay: 0.6s;
}

@keyframes pulse-green {
	0% {
		transform: scale(0.95);
		box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4), 0 0 0 0 rgba(0, 168, 34, 0.2);
	}

	70% {
		transform: scale(1);
		box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.4), 0 0 0 5px rgba(0, 168, 34, 0.6);
	}

	100% {
		transform: scale(0.95);
		box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4), 0 0 0 0 rgba(0, 168, 34, 0.2);
	}
} */

/* .svg-fa-circle.pulse-green path + path {
  animation: fill-pulse-green 2s infinite;
  animation-delay: 0.6s;
} */

/* .extra-marker-svg .fire {
  position: relative;
} */

.extra-marker i.fire {
  position: absolute;
  top: -31px;
  left: 50%;
  width: 28px;
  height: 28px;
  margin-left: -14px;
  background: url(../img/fire.gif) no-repeat center;
}


/* .extra-marker i.fa-cog--animated {
  margin: -10px 0 0 18px;
  animation: spin 3s linear infinite;
} */

.extra-marker i.gif-cog,
.extra-marker i.gif-cog-disp {
  position: absolute;
  top: 13px;
  left: 50%;
  width: 18px;
  height: 18px;
  margin-left: -9px;
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: center;
}

.extra-marker i.gif-cog {
  background-image: url(../img/cog.gif);
}

.extra-marker i.gif-cog-yellow {
  background-image: url(../img/cog-yellow.gif);
}
/* @-webkit-keyframes spin { 
  100% { 
      -webkit-transform:rotate(360deg); 
              transform:rotate(360deg); 
  } 
} 

@keyframes spin { 
  100% { 
      -webkit-transform:rotate(360deg); 
              transform:rotate(360deg); 
  } 
} */

/* @keyframes fill-pulse-green {
	0% {
		fill: #00d028;
	}

	70% {
		fill: #00a822;
	}

	100% {
		fill: #00d028;
	}
} */