@charset "utf-8";
/*******************
 tooltip
********************/
/*.leaflet-tooltip .tooltip {
	display: block;
	width: 100%;
	text-align: center;
}
.leaflet-tooltip .tooltip img:not(:first-child) {
  display: none;
}
*/
#emdhome1 {
  animation: rotateloop 10s ease-in-out infinite;
}
.area-list i {
  animation: rotateloop 10s ease-in-out infinite;
}
@keyframes rotateloop {
  0%   { transform: rotateY(0deg); opacity: 1.0; }
  90%  { transform: rotateY(0deg); opacity: 1.0; }
  95%  { opacity: 0.5; }
  100% { transform: rotateY(360deg); opacity: 1.0; }
}
.leaflet-tooltip .tooltip {
  animation: rotate 10s infinite;
}
@keyframes rotate {
  0%   { transform: rotateY(0deg); }
  90%  { transform: rotateY(0deg); }
  100% { transform: rotateY(360deg); }
}
.leaflet-tooltip .tooltip img.tt2-1 {
  animation: fade2-1 20s ease-in-out infinite;
}
@keyframes fade2-1 {
  0%   { opacity: 1.0; }
  48%  { opacity: 1.0; }
  50%  { opacity: 0; }
  98%  { opacity: 0; }
  100% { opacity: 1.0; }
}
.leaflet-tooltip .tooltip img.tt2-2 {
  animation: fade2-2 20s ease-in-out infinite;
}
@keyframes fade2-2 {
  0%   { opacity: 0; }
  48%  { opacity: 0; }
  50%  { opacity: 1.0; }
  98%  { opacity: 1.0; }
  100% { opacity: 0; }
}
.leaflet-tooltip .tooltip img.tt3-1 {
  animation: fade3-1 30s ease-in-out infinite;
}
@keyframes fade3-1 {
  0%   { opacity: 1.0; }
  32%  { opacity: 1.0; }
  33.3%  { opacity: 0; }
  98%  { opacity: 0; }
  100% { opacity: 1.0; }
}
.leaflet-tooltip .tooltip img.tt3-2 {
  animation: fade3-2 30s ease-in-out infinite;
}
@keyframes fade3-2 {
  0%   { opacity: 0; }
  32%  { opacity: 0; }
  33.3%  { opacity: 1.0; }
  65%  { opacity: 1.0; }
  66.6%  { opacity: 0; }
  100% { opacity: 0; }
}
.leaflet-tooltip .tooltip img.tt3-3 {
  animation: fade3-3 30s ease-in-out infinite;
}
@keyframes fade3-3 {
  0%   { opacity: 0; }
  65%  { opacity: 0; }
  66.6%  { opacity: 1.0; }
  100% { opacity: 1.0; }
}
.leaflet-tooltip .tooltip img {
	width: 90%;
	max-width: 90%;
	height: 90%;
	max-height: 90%;
	position: absolute;
}
.leaflet-tooltip .tooltip {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid #555;
  background: #fff;
  box-shadow: 0 0 3px rgba(0,0,0,.4);
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

.leaflet-tooltip .tooltip:before,
.leaflet-tooltip .tooltip:after {
  position: absolute;
  display: block;
  content: "";
  border-radius: 50%;
  transform: rotate(-18deg);
  z-index: 2;
}

.leaflet-tooltip .tooltip:before {
  top: 4%;
  left: 7%;
  width: 60%;
  height: 40%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, 0) 100%);
}

.leaflet-tooltip .tooltip:after {
  top: 2%;
  left: 2%;
  width: 98%;
  height: 98%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .3) 100%);
}

.leaflet-tooltip {
    padding: 0 !important;
	width: 25px !important;
	height: 25px !important;
    background-color: transparent !important;
	border-radius: 50% !important;
    border: none !important;
    box-shadow: none !important;
}
@media screen and (max-width: 479px) {
.leaflet-tooltip {
    width: 20px !important;
	height: 20px !important;
}
.leaflet-tooltip-left {
    margin-left: -6px !important;
}
.leaflet-tooltip-right {
    margin-left: 6px !important;
}
}
.leaflet-tooltip-left {
    margin-left: -13px !important;
}
.leaflet-tooltip-right {
    margin-left: 13px !important;
}
.leaflet-tooltip-left:before {
    border-left-color: #f00 !important;
	margin-right: -9px !important;
	/*display: none !important;*/
}
.leaflet-tooltip-right:before {
    border-right-color: #f00 !important;
	margin-left: -9px !important;
	/*display: none !important;*/
}
.leaflet-tooltip-left:before, .leaflet-tooltip-right:before {
    margin-top: -6px !important;
}
.leaflet-tooltip-pane {
	z-index: 550 !important;
}