/*! SVG Türkiye Haritası | CSS | MIT Lisans | dnomak.com */

.industroz-content-area {
  position: relative !important;
} 

.svg-turkiye-haritasi {
  max-width: 95%;
  margin: 0;
  text-align: center;
}

.svg-turkiye-haritasi svg {
  width: 100%;
  height: auto;
}
.il-isimleri {
  position: absolute;
  z-index: 2;
}
.il-isimleri div {
  display: inline-block;
  background: #174679;
  color: #fff;
  padding: 8px 16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#svg-turkiye-haritasi path {
  cursor: pointer;
  fill: #555;
}
#svg-turkiye-haritasi path:hover {
  fill: #757a7d;
}

/* Bayilik */
.bayilikler {
  float: right;
  max-width: 40%;
  overflow: hidden;
}

.bayi {
  background: #fff;
  width: 25%;
  position: absolute;
  top: 2.5%;
  left: 35%;
  margin: 20px;
  padding: 20px;
  border: 1px solid #f7f7f7;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.13);
  -moz-box-shadow:    0px 0px 13px 0px rgba(0, 0, 0, 0.13);
  box-shadow:         0px 0px 13px 0px rgba(0, 0, 0, 0.13);
  overflow: hidden;
}

.close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 7px 12px;
  background: #025378;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
}

.bayilik-bilgisi, .gorevli-bilgisi {
  width: 100%;
  display: block;
  overflow: hidden;
  margin-bottom: 30px;
}

.bayilik-bilgisi > h4, .gorevli-bilgisi > h4 {
  margin: 0 0 10px 0;
  border-bottom: 1px solid #ddd;
  padding: 0 0 5px 0;
  color: #174679;
  font-size: 16px;
  font-weight: normal;
}

.bayi-detay {
  color: #555;
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  width: 100%;
}

.bayi-detay h3,
.bayi-detay h4 {
  margin: 0 0 10px 0;
  padding: 0;
  color: #174679;
}

.bayi-detay p {
  margin: 0;
  padding: 0;
  font-size: 14px;
}

.bayi-detay a {
  padding: 10px 20px;
  background: #555;
  color: #fff;
  border-radius: 4px;
  float: left;
  text-align: center;
  text-decoration: none;
  margin: 10px 5px 0 0;
  font-size: 14px;
  transition: all 0.5s;
}

.bayi-detay a:hover {
  background: #025378;
  transition: all 0.5s;
}

.bayi-detay p a {
  color: #555;
  padding: 0;
  background: none;
  border-radius: 0;
  float: none;
  text-align: none;
  text-decoration: underline;
  margin: 0 0;
}

.bayi-detay p a:hover {
  background: none;
  transition: none;
}

@media only screen and (max-width: 767px) {
    /* phones */

    .svg-turkiye-haritasi {
      max-width: 100%;
      float: none;
      display: block;
      z-index: 999999999999999999;
    }

    .bayilikler {
      float: none;
      max-width: 100%;
      display: block;
      z-index: 9999999999999999999;
    }

    .bayi-detay {
      float: none;
      width: 100%;
    }

    .bayi-resmi {
      margin-right: 10px;
    }

    .bayi-detay p {
      font-size: 12px;
    }

    .bayi-detay h3,
    .bayi-detay h4 {
      font-size: 14px !important;
      margin: 10px 0 5px 0 !important;
    }

    .bayi {
      width: 76.5%;
      top: 0%;
      left: 5%;
    }

    .bayilik-bilgisi, .gorevli-bilgisi {
      width: 100%;
      display: block;
    }
    .bayi-resmi {
			min-height: 85px !important;
		}

    .bayilik-bilgisi hr {
      display: none;
    }
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
    /* portrait phones */

    .svg-turkiye-haritasi {
      max-width: 100%;
      float: none;
      display: block;
    }

    .bayilikler {
      float: none;
      max-width: 100%;
      display: block;
    }
}

#izmir path,
#manisa path,
#usak path,
#aydin path,
#denizli path,
#isparta path,
#burdur path,
#mugla path,
#antalya path,
#afyonkarahisar path,
#istanbul-avrupa path,
#kirklareli path,
#edirne path,
#tekirdag path,
#istanbul-asya path,
#kocaeli path,
#sakarya path,
#duzce path,
#bolu path,
#zonguldak path,
#bursa path,
#bilecik path,
#eskisehir path,
#kutahya path,
#balikesir path,
#canakkale path,
#yalova path,
#ankara path,
#karabuk path,
#cankiri path,
#corum path,
#kirikkale path,
#kirsehir path,
#yozgat path,
#sivas path,
#konya path,
#aksaray path,
#nevsehir path,
#kayseri path,
#nigde path,
#karaman path,
#mersin path,
#adana path,
#osmaniye path,
#kahramanmaras path,
#hatay path,
#gaziantep path,
#kilis path,
#sanliurfa path,
#diyarbakir path,
#mardin path,
#batman path,
#siirt path,
#adiyaman path,
#sirnak path,
#bartin path,
#kastamonu path,
#sinop path,
#samsun path,
#amasya path,
#ordu path,
#tokat path,
#giresun path,
#gumushane path,
#trabzon path,
#erzincan path,
#malatya path,
#elazig path,
#tunceli path,
#bingol path,
#erzurum path,
#bayburt path,
#rize path,
#artvin path,
#ardahan path,
#kars path,
#igdir path,
#agri path,
#mus path,
#bitlis path,
#van path,
#hakkari path,
#kuzey-kibris path {
  fill: #004a98;
}