.metin{
	width:calc(100% - 50px);
	float:left;
	position:relative;
	margin-bottom:50px;
	font-family:alegreya_sansregular;
	color:#3d3d3d;
	text-align:center;
}


.hizmet_alan_l{
	width:calc(50% - 50px);
	float:left;
	left:0px;
	position:relative;
	margin:20px 0px;
	filter: drop-shadow(5px 2px 3px rgba(0, 0, 0, 0.5));
	-webkit-transition: all 300ms ;
	transition:         all 300ms ;
}

.hizmet_alan_l:hover{
	transform:scale(1.1);
	filter: drop-shadow(0px 20px 10px rgba(0, 0, 0, 0.4));
	-webkit-transition: all 300ms ;
	transition:         all 300ms ;
}

.hizmet_alan_l .mavi_alan{
	width:calc(250px - 0px);
	height:250px;
	float:left;
	position:relative;
	z-index:20;
	background-color:#0093dd;
	border-radius:50%;
	box-shadow: 5px 2px 6px rgba(0, 0, 0, 0.6);
}

.hizmet_alan_l .siyah_alan{
	width:calc(125px + 27px);
	height:calc(250px - 20px);
	float:left;
	position:absolute;
	margin:10px 0px;
	left:140px;
	z-index:10;
	overflow:hidden;
	filter: drop-shadow(5px 2px 3px rgba(0, 0, 0, 0.5));
}

.hizmet_alan_l .siyah_ic{
	width:calc(250px + 30px);
	height:calc(250px + 30px);
	float:left;
	position:absolute;
	background-color:#3d3d3d;
	border-radius:50%;
	top:50%;
	transform:translate(-50%,-50%);
}

.hizmet_alan_l .beyaz_alan{
	width:calc(100% - 80px);
	height:calc(250px - 40px);
	float:left;
	position:absolute;
	margin:20px 0px;
	left:80px;
	z-index:5;
	overflow:hidden;
}

.hizmet_alan_l .beyaz_ic{
	width:calc(250px + 30px);
	height:calc(250px + 30px);
	float:left;
	position:absolute;
	background-color:#fff;
	border-radius:50%;
	right:2px;
	top:50%;
	transform:translateY(-50%);
}

.hizmet_alan_l .beyaz_zemin{
	width:calc(100% - 100px);
	height:calc(100% - 0px);
	float:left;
	position:absolute;
	background-color:#fff;
	left:0px;
}

.hizmet_alan_l .hizmet_alan_baslik{
	width:calc(100% - 240px);
	line-height:25px;
	font-size:20px;
	float:left;
	position:relative;
	font-family:alegreya_sansregular;
	font-weight:bold;
	border-bottom:1px solid #3d3d3d;
	color:#3d3d3d;
	margin-left:190px;
	text-transform:capitalize;
}

.hizmet_alan_l .hizmet_alan_icerik{
	width:calc(100% - 230px);
	line-height:22px;
	float:left;
	position:relative;
	font-family:alegreya_sansregular;
	color:#3d3d3d;
	margin-left:210px;
}








.hizmet_alan_r{
	width:calc(50% - 50px);
	float:right;
	right:0px;
	position:relative;
	margin:20px 0px;
	filter: drop-shadow(-5px 2px 3px rgba(0, 0, 0, 0.5));
	-webkit-transition: all 300ms ;
	transition:         all 300ms ;
}

.hizmet_alan_r:hover{
	transform:scale(1.1);
	filter: drop-shadow(0px 20px 10px rgba(0, 0, 0, 0.4));
	-webkit-transition: all 300ms ;
	transition:         all 300ms ;
}

.hizmet_alan_r .mavi_alan{
	width:calc(250px - 0px);
	height:250px;
	float:right;
	position:relative;
	z-index:20;
	right:0px;
	background-color:#0093dd;
	border-radius:50%;
	box-shadow: -5px 2px 6px rgba(0, 0, 0, 0.6);
}

.hizmet_alan_r .siyah_alan{
	width:calc(125px + 27px);
	height:calc(250px - 20px);
	float:left;
	position:absolute;
	margin:10px 0px;
	right:130px;
	z-index:10;
	overflow:hidden;
	filter: drop-shadow(-5px 2px 3px rgba(0, 0, 0, 0.5));
}

.hizmet_alan_r .siyah_ic{
	width:calc(250px + 30px);
	height:calc(250px + 30px);
	float:left;
	position:absolute;
	background-color:#3d3d3d;
	border-radius:50%;
	top:50%;
	transform:translateY(-50%);
}

.hizmet_alan_r .beyaz_alan{
	width:calc(100% - 80px);
	height:calc(250px - 40px);
	float:left;
	position:absolute;
	margin:20px 0px;
	right:80px;
	z-index:5;
	overflow:hidden;
}

.hizmet_alan_r .beyaz_ic{
	width:calc(250px + 30px);
	height:calc(250px + 30px);
	float:left;
	position:absolute;
	background-color:#fff;
	border-radius:50%;
	left:2px;
	top:50%;
	transform:translateY(-50%);
}

.hizmet_alan_r .beyaz_zemin{
	width:calc(100% - 100px);
	height:calc(100% - 0px);
	float:left;
	position:absolute;
	background-color:#fff;
	right:0px;
}

.hizmet_alan_r .hizmet_alan_baslik{
	width:calc(100% - 240px);
	line-height:25px;
	font-size:20px;
	float:right;
	position:relative;
	font-family:alegreya_sansregular;
	font-weight:bold;
	border-bottom:1px solid #3d3d3d;
	color:#3d3d3d;
	right:190px;
	text-align:right;
	text-transform:capitalize;
}

.hizmet_alan_r .hizmet_alan_icerik{
	width:calc(100% - 230px);
	line-height:22px;
	float:right;
	position:relative;
	font-family:alegreya_sansregular;
	color:#3d3d3d;
	right:210px;
	text-align:right;
}






.hizmet_resim{
	width:calc(100% - 16px);
	height:calc(100% - 16px);
	float:left;
	position:relative;
	margin:8px;
	overflow:hidden;
	border-radius:50%;
	background-color:#fff;
}

.hizmet_resim img{
	float:left;
	position:relative;
}

.hizmet_resim .yf{
	height:calc(100% - 0px);
	left:50%;
	transform:translateX(-50%);
}

.hizmet_resim .df{
	width:calc(100% - 0px);
	top:50%;
	transform:translateY(-50%);
}












@media screen and (max-width: 1680px), screen and (max-device-width: 1680px) {


.hizmet_alan_l .hizmet_alan_baslik{
	width:calc(100% - 240px);
	line-height:20px;
	font-size:16px;
	margin-left:190px;
}


.hizmet_alan_r .hizmet_alan_baslik{
	width:calc(100% - 240px);
	line-height:20px;
	font-size:16px;
	right:190px;
	text-align:right
}

.hizmet_alan_r .hizmet_alan_icerik{
	width:calc(100% - 220px);
	line-height:22px;
	right:210px;
}





}






@media screen and (max-width: 1280px), screen and (max-device-width: 1280px) {




.hizmet_alan_l{
	width:calc(50% - 25px);
	margin:20px 0px;
}

.hizmet_alan_l:hover{
	transform:scale(1.1);
}

.hizmet_alan_l .mavi_alan{
	width:calc(200px - 0px);
	height:200px;
}

.hizmet_alan_l .siyah_alan{
	width:calc(100px + 27px);
	height:calc(200px - 20px);
	margin:10px 0px;
	left:105px;
}

.hizmet_alan_l .siyah_ic{
	width:calc(200px + 20px);
	height:calc(200px + 20px);
}

.hizmet_alan_l .beyaz_alan{
	width:calc(100% - 80px);
	height:calc(200px - 40px);
	margin:20px 0px;
	left:80px;
}

.hizmet_alan_l .beyaz_ic{
	width:calc(200px + 30px);
	height:calc(200px + 30px);
	right:2px;
}

.hizmet_alan_l .beyaz_zemin{
	width:calc(100% - 100px);
	height:calc(100% - 0px);
}

.hizmet_alan_l .hizmet_alan_baslik{
	width:calc(100% - 145px);
	line-height:20px;
	font-size:16px;
	margin-left:120px;
}

.hizmet_alan_l .hizmet_alan_icerik{
	width:calc(100% - 200px);
	line-height:17px;
	margin-left:140px;
}








.hizmet_alan_r{
	width:calc(50% - 25px);
	margin:20px 0px;
}

.hizmet_alan_r:hover{
	transform:scale(1.1);
}

.hizmet_alan_r .mavi_alan{
	width:calc(200px - 0px);
	height:200px;
}

.hizmet_alan_r .siyah_alan{
	width:calc(100px + 27px);
	height:calc(200px - 20px);
	margin:10px 0px;
	right:88px;
}

.hizmet_alan_r .siyah_ic{
	width:calc(200px + 20px);
	height:calc(200px + 20px);
}

.hizmet_alan_r .beyaz_alan{
	width:calc(100% - 80px);
	height:calc(200px - 40px);
	margin:20px 0px;
	right:80px;
}

.hizmet_alan_r .beyaz_ic{
	width:calc(200px + 30px);
	height:calc(200px + 30px);
	left:2px;
}

.hizmet_alan_r .beyaz_zemin{
	width:calc(100% - 100px);
	height:calc(100% - 0px);
	right:0px;
}

.hizmet_alan_r .hizmet_alan_baslik{
	width:calc(100% - 145px);
	line-height:20px;
	font-size:16px;
	right:120px;
}

.hizmet_alan_r .hizmet_alan_icerik{
	width:calc(100% - 200px);
	line-height:17px;
	right:140px;
}












}







@media screen and (max-width: 1024px), screen and (max-device-width: 1024px) {




.hizmet_alan_l{
	width:calc(50% - 15px);
	margin:20px 0px;
}

.hizmet_alan_l:hover{
	transform:scale(1.05);
	filter: drop-shadow(0px 12px 4px rgba(0, 0, 0, 0.4));
}

.hizmet_alan_l .mavi_alan{
	width:calc(186px - 0px);
	height:186px;
}

.hizmet_alan_l .siyah_alan{
	width:calc(100px + 27px);
	height:calc(190px - 20px);
	margin:8px 0px;
	left:95px;
}

.hizmet_alan_l .siyah_ic{
	width:calc(190px + 17px);
	height:calc(190px + 17px);
}

.hizmet_alan_l .beyaz_alan{
	width:calc(100% - 80px);
	height:calc(200px - 40px);
	margin:13px 0px;
	left:80px;
}

.hizmet_alan_l .beyaz_ic{
	width:calc(200px + 30px);
	height:calc(200px + 30px);
	right:2px;
}

.hizmet_alan_l .beyaz_zemin{
	width:calc(100% - 100px);
	height:calc(100% - 0px);
}

.hizmet_alan_l .hizmet_alan_baslik{
	width:calc(100% - 120px);
	line-height:20px;
	font-size:14px;
	margin-left:100px;
}

.hizmet_alan_l .hizmet_alan_icerik{
	width:calc(100% - 155px);
	line-height:17px;
	margin-left:127px;
}

/*SOLlllllllllllllllllllllllllllll*/

.hizmet_alan_r{
	width:calc(50% - 15px);
	margin:20px 0px;
}


.hizmet_alan_r:hover{
	transform:scale(1.05);
	filter: drop-shadow(0px 12px 4px rgba(0, 0, 0, 0.4));
}

.hizmet_alan_r .mavi_alan{
	width:calc(186px - 0px);
	height:186px;
}

.hizmet_alan_r .siyah_alan{
	width:calc(100px + 27px);
	height:calc(190px - 20px);
	margin:8px 0px;
	right:72px;
}

.hizmet_alan_r .siyah_ic{
	width:calc(190px + 17px);
	height:calc(190px + 17px);
}

.hizmet_alan_r .beyaz_alan{
	width:calc(100% - 80px);
	height:calc(200px - 40px);
	margin:13px 0px;
	right:80px;
}

.hizmet_alan_r .beyaz_ic{
	width:calc(200px + 30px);
	height:calc(200px + 30px);
	left:2px;
}

.hizmet_alan_r .beyaz_zemin{
	width:calc(100% - 100px);
	height:calc(100% - 0px);
	right:0px;
}

.hizmet_alan_r .hizmet_alan_baslik{
	width:calc(100% - 120px);
	line-height:18px;
	font-size:14px;
	right:100px;
}

.hizmet_alan_r .hizmet_alan_icerik{
	width:calc(100% - 150px);
	line-height:17px;
	right:127px;
}






}











@media screen and (max-width: 800px), screen and (max-device-width: 800px) {




.hizmet_alan_l{
	width:calc(50% - 7px);
	margin:20px 0px;
}

.hizmet_alan_l .mavi_alan{
	width:calc(165px - 0px);
	height:165px;
}

.hizmet_alan_l .siyah_alan{
	width:calc(100px + 27px);
	height:calc(184px - 20px);
	margin:0px 0px;
	left:84px;
}

.hizmet_alan_l .siyah_ic{
	width:calc(180px + 0px);
	height:calc(180px + 0px);
}

.hizmet_alan_l .beyaz_alan{
	width:calc(100% - 80px);
	height:calc(200px - 40px);
	margin:2px 0px;
	left:80px;
}

.hizmet_alan_l .beyaz_ic{
	width:calc(200px + 30px);
	height:calc(200px + 30px);
	right:2px;
}

.hizmet_alan_l .beyaz_zemin{
	width:calc(100% - 100px);
	height:calc(100% - 0px);
}

.hizmet_alan_l .hizmet_alan_baslik{
	width:calc(100% - 95px);
	line-height:18px;
	font-size:13px;
	margin-left:70px;
}

.hizmet_alan_l .hizmet_alan_icerik{
	width:calc(100% - 125px);
	line-height:17px;
	margin-left:100px;
}

/*SOLlllllllllllllllllllllllllllll*/

.hizmet_alan_r{
	width:calc(50% - 7px);
	margin:20px 0px;
}

.hizmet_alan_r .mavi_alan{
	width:calc(165px - 0px);
	height:165px;
}

.hizmet_alan_r .siyah_alan{
	width:calc(100px + 27px);
	height:calc(184px - 20px);
	margin:0px 0px;
	right:78px;
}

.hizmet_alan_r .siyah_ic{
	width:calc(180px + 0px);
	height:calc(180px + 0px);
	margin-left:30px;
}

.hizmet_alan_r .beyaz_alan{
	width:calc(100% - 80px);
	height:calc(200px - 40px);
	margin:2px 0px;
	right:80px;
}

.hizmet_alan_r .beyaz_ic{
	width:calc(200px + 30px);
	height:calc(200px + 30px);
	left:2px;
}

.hizmet_alan_r .beyaz_zemin{
	width:calc(100% - 100px);
	height:calc(100% - 0px);
}

.hizmet_alan_r .hizmet_alan_baslik{
	width:calc(100% - 95px);
	line-height:18px;
	font-size:13px;
	right:71px;
}

.hizmet_alan_r .hizmet_alan_icerik{
	width:calc(100% - 120px);
	line-height:17px;
	right:101px;
}




}












@media screen and (max-width: 736px), screen and (max-device-width: 736px) {




.hizmet_alan_l{
	width:calc(50% - 7px);
	margin:20px 0px;
}

.hizmet_alan_l .mavi_alan{
	width:calc(146px - 0px);
	height:146px;
}

.hizmet_alan_l .siyah_alan{
	width:calc(100px + 27px);
	height:calc(166px - 20px);
	margin:0px 0px;
	left:75px;
}

.hizmet_alan_l .siyah_ic{
	width:calc(156px + 0px);
	height:calc(156px + 0px);
}

.hizmet_alan_l .beyaz_alan{
	width:calc(100% - 80px);
	height:calc(146px - 0px);
	margin:0px 0px;
	left:80px;
}

.hizmet_alan_l .beyaz_ic{
	width:calc(200px + 30px);
	height:calc(200px + 30px);
	right:2px;
}

.hizmet_alan_l .beyaz_zemin{
	width:calc(100% - 100px);
	height:calc(100% - 0px);
}

.hizmet_alan_l .hizmet_alan_baslik{
	width:calc(100% - 70px);
	line-height:17px;
	font-size:13px;
	margin-left:50px;
}

.hizmet_alan_l .hizmet_alan_icerik{
	width:calc(100% - 100px);
	line-height:16px;
	font-size:14px;
	margin-left:77px;
	margin-top:-1px;
}

/*SOLlllllllllllllllllllllllllllll*/

.hizmet_alan_r{
	width:calc(50% - 7px);
	margin:20px 0px;
}

.hizmet_alan_r .mavi_alan{
	width:calc(146px - 0px);
	height:146px;
}

.hizmet_alan_r .siyah_alan{
	width:calc(100px + 27px);
	height:calc(166px - 20px);
	margin:0px 0px;
	right:75px;
}

.hizmet_alan_r .siyah_ic{
	width:calc(156px + 0px);
	height:calc(156px + 0px);
	margin-left:49px;
}

.hizmet_alan_r .beyaz_alan{
	width:calc(100% - 80px);
	height:calc(146px - 0px);
	margin:0px 0px;
	right:80px;
}

.hizmet_alan_r .beyaz_ic{
	width:calc(200px + 30px);
	height:calc(200px + 30px);
	left:2px;
}

.hizmet_alan_r .beyaz_zemin{
	width:calc(100% - 100px);
	height:calc(100% - 0px);
}

.hizmet_alan_r .hizmet_alan_baslik{
	width:calc(100% - 70px);
	line-height:17px;
	font-size:13px;
	right:50px;
}

.hizmet_alan_r .hizmet_alan_icerik{
	width:calc(100% - 100px);
	line-height:16px;
	font-size:14px;
	right:77px;
	margin-top:-1px;
}




}










@media screen and (max-width: 640px), screen and (max-device-width: 640px) {




.hizmet_alan_l{
	width:calc(100% - 0px);
	margin:12px 0px;
}

.hizmet_alan_l .mavi_alan{
	width:calc(146px - 0px);
	height:146px;
}

.hizmet_alan_l .siyah_alan{
	width:calc(100px + 27px);
	height:calc(166px - 20px);
	margin:0px 0px;
	left:75px;
}

.hizmet_alan_l .siyah_ic{
	width:calc(156px + 0px);
	height:calc(156px + 0px);
}

.hizmet_alan_l .beyaz_alan{
	width:calc(100% - 80px);
	height:calc(146px - 0px);
	margin:0px 0px;
	left:80px;
}

.hizmet_alan_l .beyaz_ic{
	width:calc(200px + 30px);
	height:calc(200px + 30px);
	right:2px;
}

.hizmet_alan_l .beyaz_zemin{
	width:calc(100% - 100px);
	height:calc(100% - 0px);
}

.hizmet_alan_l .hizmet_alan_baslik{
	width:calc(100% - 70px);
	line-height:17px;
	font-size:13px;
	margin-left:50px;
}

.hizmet_alan_l .hizmet_alan_icerik{
	width:calc(100% - 100px);
	line-height:16px;
	font-size:14px;
	margin-left:77px;
	margin-top:-1px;
}

/*SOLlllllllllllllllllllllllllllll*/

.hizmet_alan_r{
	width:calc(100% - 0px);
	margin:12px 0px;
}

.hizmet_alan_r .mavi_alan{
	width:calc(146px - 0px);
	height:146px;
}

.hizmet_alan_r .siyah_alan{
	width:calc(100px + 27px);
	height:calc(166px - 20px);
	margin:0px 0px;
	right:75px;
}

.hizmet_alan_r .siyah_ic{
	width:calc(156px + 0px);
	height:calc(156px + 0px);
	margin-left:49px;
}

.hizmet_alan_r .beyaz_alan{
	width:calc(100% - 80px);
	height:calc(146px - 0px);
	margin:0px 0px;
	right:80px;
}

.hizmet_alan_r .beyaz_ic{
	width:calc(200px + 30px);
	height:calc(200px + 30px);
	left:2px;
}

.hizmet_alan_r .beyaz_zemin{
	width:calc(100% - 100px);
	height:calc(100% - 0px);
}

.hizmet_alan_r .hizmet_alan_baslik{
	width:calc(100% - 70px);
	line-height:17px;
	font-size:13px;
	right:50px;
}

.hizmet_alan_r .hizmet_alan_icerik{
	width:calc(100% - 100px);
	line-height:16px;
	font-size:14px;
	right:77px;
	margin-top:-1px;
}




}