@keyframes hideshow {
  0% { opacity: 1; }
  10% { opacity: .75; }
  15% { opacity: 0.5; }
  100% { opacity: 0.25; }
} 
@keyframes bigger {
  0% { width: : 1; }
  10% { opacity: .75; }
  15% { opacity: 0.5; }
  100% { opacity: 0.25; }
} 
.cls-1{fill:transparent;stroke:#59595b;stroke-miterlimit:10;stroke-width:0.75px;}
.cls-2{fill:#4c4a4d;}
.cls-3{fill:#404041;}
.cls-4{fill:#FFFFFF;}
.cls-5{fill:#3d6889;
cursor:pointer}
.cls-6{fill:#8dc7e9;}
.cls-6,.cls-7{stroke:#fff;stroke-width:0.5px;}
.cls-7{fill:#29aae1;}
.cls-8, circle{
	fill:red;
	stroke:#4a4b4c;
	stroke-width:0.75px;
	cursor:pointer;
	animation: hideshow 1s ease infinite;
}
#DAYS path{
	stroke:#29aae1;
	cursor:pointer;
}
.info_panel {
  padding: 5px;
  font-size: 12px;
  font-family: Helvetica, Arial, sans-serif;
  position: absolute;
  background-color: #ffffa3;
  border: 1px solid #f1d031;
  color: #555;
  /*overflow: hidden;*/
  width: 300px;
  text-align: right;
  direction: rtl;
}

.info_panel::first-line {
  font-weight: bold;
}
.info_panel p{
  max-width: 200px;
  text-align: right;
  direction: rtl;
}
#hiba svg{
	width: 80%;
	background: rgba(0,0,0,0) url("http://i.imgur.com/bl8JX4k.png") repeat scroll 0 0;
	padding: 20px;	
}
.info_panel li {
    list-style: inside;
}
.hide{
	visibility: hidden;
}
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************    Mobile Devices     *************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
@media screen and (max-width: 750px) {

	.info_panel {
	    width: 90%;
	    left: 5% !important;
	}
	#MAP, #POINTERS, .cls-2 {
	    transform: scale(1.5,1.5);
	}
	#TITLE {
		transform: scale(2.7,2.7) translate(-329px);
	}
	#hiba svg {
	    width: 100%;
	    overflow: visible;
	}
	#FOOTER {
	    display: none;
	}
	#hiba {
		background: rgba(0,0,0,0) url("http://i.imgur.com/bl8JX4k.png") repeat scroll 0 0;
	    padding-bottom: 50px;
	}
	#ACTIVE_DAYS {
	    transform: scale(2) translate(-430px, -170px);
	}
}