.map-container {
  /*margin: 30px;*/
  padding: 10px 10px;
}

.city {
  fill: #A8A8A8;
  fill-opacity: 1;
  stroke:white;
  stroke-opacity: 1;
  stroke-width:0.5;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  cursor: pointer;

}
.dolu{
	  fill: #80170f;
}
.dolu:hover{
	  fill: #fd1b0a;
}
.aktif{
	  fill: #fd1b0a;
}
.city:hover {
  /*fill: #460000;*/
}

.show-city-name {
  background-color: #fff;
  border-radius: 2px;
  color: #333;
  position: absolute;
  font-family: "trebuchet ms";
  padding: 8px;
  opacity: 0;
  visibility: hidden;
  font-size: 16px;
   border: solid 1px #ccc;
   border-radius: 5px;
}

.show-city-name--active {
  opacity: 1;
  visibility: visible;
}

/*#TR-17, #TR-34, #TR-42, #TR-39, #TR-35, #TR-48, #TR-27, #TR-36, #TR-59, #TR-78, #TR-14 {
   fill: #0033A6;
}*/

.site-footer__link {
  color: #3498db;
  font-weight: 700;
}