@import url(https://fonts.googleapis.com/css?family=Avenir:300,400,500,700,900&subset=latin,latin-ext);

.svg-turkiye-haritasi{margin:0px auto;text-align:center;position:relative}
.svg-turkiye-haritasi svg{width:100%;height:auto}
.il-isimleri{position:absolute;z-index:2}
.il-isimleri div{display:inline-block;background:#222;color:#fff;padding:8px 16px;border-radius:4px;font-family:Arial}
#svg-turkiye-haritasi path{cursor:pointer}

.xpartaGenel{margin-top:40px}
.altBaslik{font:normal 500 23px 'Avenir'}
.altBaslik b{font-weight:700}

/* Şehirler */

.sehirKapsa{display:flex;flex-wrap:wrap;margin-top:10px}
.sehirTekil{font:normal 500 15px 'Avenir';color:#fff;border-radius:3px;padding:10px;text-align:center;margin-top:10px;cursor:pointer;margin-left:10px;width:calc((100% - 20px) / 3);box-sizing:border-box}
.sehirTekil:nth-child(3n + 1){margin-left:0px}
.sehirTekil:hover{opacity:0.8}

/* xpartaHaritaAlt */

.xpartaHaritaAlt{margin-top:40px}

.subelerKapsa{display:flex;flex-wrap:wrap;margin-top:10px;display:none}
.tekilSube{margin-left:10px;margin-top:10px;background:#f5f5f5;border:1px solid #ddd;padding:10px;border-radius:3px;width:calc((100% - 20px) / 3);box-sizing:border-box;display:flex;flex-direction:column;align-items:center}
.tekilSube:nth-child(3n + 1){margin-left:0px}

.subeBaslik{font:normal 500 17px 'Avenir';text-align:center}
.subeAdres{font:normal 400 13px/21px 'Avenir';color:#777;margin-top:10px;text-align:center}
.subeTel{font:normal 500 15px 'Avenir';color:#777;margin-top:10px;text-align:center}

.tekilSube a{display:block;color:#fff;font:normal 400 13px 'Avenir';margin-top:10px;width:120px;padding:6px;border-radius:3px;text-align:center}
.tekilSube a:hover{color:#fff;opacity:0.8;text-decoration:none}

/* Mobile */

@media only screen and (max-width:600px){

	.sehirTekil{width:calc((100% - 10px) / 2)}
	.sehirTekil:nth-child(3n + 1){margin-left:10px}
	.sehirTekil:nth-child(2n + 1){margin-left:0px}

	.tekilSube{width:calc((100% - 10px) / 2)}
	.tekilSube:nth-child(3n + 1){margin-left:10px}
	.tekilSube:nth-child(2n + 1){margin-left:0px}

}

@media only screen and (max-width:440px){

	.sehirTekil, .tekilSube{width:100%;margin-left:0px !important}

}