.hizmetler_yatay{
	width:44%;
	height:300px;
	margin:3%;
	float:left;
	position:relative;
	overflow:hidden;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.hizmet_sag{
	border-top-right-radius:150px;
	border-bottom-right-radius:150px;
}

.hizmet_sol{
	border-top-left-radius:150px;
	border-bottom-left-radius:150px;
}

.hizmetler_yatay {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
  z-index:10;
}

.hizmetler_yatay:hover, .hizmetler_yatay:active {
  box-shadow: 0 130px 30px -80px rgba(0, 0, 0, 0.5), 0px -1px 12px rgba(0, 0, 0, 0.1); 
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.hizmetler_yatay .resim{
	width:290px;
	height:290px;
	position:relative;
	overflow:hidden;
	border-radius:50%;
	margin:5px;
}

.hizmetler_yatay .resim_sag{
	float:right;
}

.hizmetler_yatay .resim_sol{
	float:left;
}

.hizmetler_yatay .resim img{
	width:100%;
	float:left;
	position:relative;
	top:50%;
	transform:translateY(-50%);
}

.hizmetler_yatay .bilgi{
	width:calc(100% - 300px);
	height:100%;
	float:left;
	position:relative; 
}

.hizmetler_yatay .bilgi .isim{
	width:90%;
	height:50px;
	float:left;
	position:relative;
	margin:0 5%;
	padding:0;
	border-bottom:1px solid #3d3d3d;
}

.hizmetler_yatay .bilgi .isim h3{
	width:100%;
	line-height:20px;
	float:left;
	position:relative;
	text-align:center;
	top:50%;
	padding:0;
	transform:translateY(-50%);
	font-family:alegreya_sanslight;
}


.hizmetler_yatay .bilgi .yazi{
	width:90%;
	height:calc(100% - 50px); 
	float:left;
	position:relative;
	margin:0 5%;
	padding:0; 
}

.hizmetler_yatay .bilgi .yazi p{
	width:100%;
	line-height:20px;
	float:left;
	position:relative;
	text-align:center;
	top:50%;
	transform:translateY(-50%);
	font-family:alegreya_sanslight;
}


.hizmetler_yatay .bilgi .yazi ul{
}

.hizmetler_yatay .bilgi .yazi ul li{
	-webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	-webkit-animation-duration: 0.s;
	animation-duration: 0.2s;
	animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
	font-family:alegreya_sanslight;
	list-style-type:none;
	background-color:#0093dd;
	border-radius:5px;
	height:20px;
	line-height:20px;
	color:#fff;
	margin:2px 0;
	padding-left:5px;
}

.hizmetler_yatay .bilgi .yazi ul li:nth-child(1){
	-webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
	animation-delay: 0.1s;
	-webkit-animation-delay: 0.1s;
}

.hizmetler_yatay .bilgi .yazi ul li:nth-child(2){
	-webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
	animation-delay: 0.3s;
	-webkit-animation-delay: 0.3s;
}

.hizmetler_yatay .bilgi .yazi ul li:nth-child(3){
	-webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
	animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
}

.hizmetler_yatay .bilgi .yazi ul li:nth-child(4){
	-webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
	animation-delay: 0.9s;
	-webkit-animation-delay: 0.9s;
}

.hizmetler_yatay .bilgi .yazi ul li:nth-child(5){
	-webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
	animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
}

.hizmetler_yatay .bilgi .yazi ul li:nth-child(6){
	-webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
}

.hizmetler_yatay .bilgi .yazi ul li:nth-child(7){
	-webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
	animation-delay: 1.8s;
	-webkit-animation-delay: 1.8s;
}


.hizmetler_yatay .bilgi .yazi ul li:nth-child(8){
	-webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
	animation-delay: 2.1s;
	-webkit-animation-delay: 2.1s;
}


.hizmetler_yatay .bilgi .yazi ul li:nth-child(9){
	-webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
	animation-delay: 2.4s;
	-webkit-animation-delay: 2.4s;
}














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



}


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

.hizmetler_yatay{
	width:44%;
	height:270px;
	margin:3%;
}

.hizmet_sag{
	border-top-right-radius:135px;
	border-bottom-right-radius:135px;
}

.hizmet_sol{
	border-top-left-radius:135px;
	border-bottom-left-radius:135px;
}

.hizmetler_yatay .resim{
	width:260px;
	height:260px;
	margin:5px;
}

.hizmetler_yatay .bilgi{
	width:calc(100% - 270px);
}



}


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

.hizmetler_yatay{
	width:44%;
	height:240px;
	margin:3%;
}

.hizmetler_yatay:hover, .hizmetler_yatay:active {
  box-shadow: 0 60px 30px -40px rgba(0, 0, 0, 0.5), 0px -1px 12px rgba(0, 0, 0, 0.1); 
  -webkit-transform: scale(1.09);
  transform: scale(1.09);
}

.hizmet_sag{
	border-top-right-radius:120px;
	border-bottom-right-radius:120px;
}

.hizmet_sol{
	border-top-left-radius:120px;
	border-bottom-left-radius:120px;
}

.hizmetler_yatay .resim{
	width:230px;
	height:230px;
	margin:5px;
}

.hizmetler_yatay .bilgi{
	width:calc(100% - 240px);
}


}


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

.hizmetler_yatay{
	width:46%;
	height:200px;
	margin:2%;
}

.hizmetler_yatay:hover, .hizmetler_yatay:active {
  box-shadow: 0 60px 30px -40px rgba(0, 0, 0, 0.5), 0px -1px 12px rgba(0, 0, 0, 0.1); 
  -webkit-transform: scale(1.06);
  transform: scale(1.06);
}

.hizmet_sag{
	border-top-right-radius:100px;
	border-bottom-right-radius:100px;
}

.hizmet_sol{
	border-top-left-radius:100px;
	border-bottom-left-radius:100px;
}

.hizmetler_yatay .resim{
	width:190px;
	height:190px;
	margin:5px;
}

.hizmetler_yatay .bilgi{
	width:calc(100% - 200px);
}

.hizmetler_yatay .bilgi .isim{
	width:90%;
	height:35px;
	float:left;
	position:relative;
	margin:0 5%;
	padding:0;
	border-bottom:1px solid #3d3d3d;
}

.hizmetler_yatay .bilgi .isim h3{
	width:100%;
	line-height:17px;
	font-size:16px;
	float:left;
	position:relative;
	text-align:center;
	top:50%;
	padding:0;
	transform:translateY(-50%);
	font-family:alegreya_sanslight;
}


.hizmetler_yatay .bilgi .yazi{
	width:90%;
	height:calc(100% - 35px); 
	float:left;
	position:relative;
	margin:0 5%;
	padding:0; 
}

.hizmetler_yatay .bilgi .yazi ul li{
	-webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	-webkit-animation-duration: 0.s;
	animation-duration: 0.2s;
	animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
	font-family:alegreya_sanslight;
	list-style-type:none;
	background-color:#0093dd;
	border-radius:5px;
	height:16px;
	line-height:16px;
	font-size:13px;
	color:#fff;
	margin:2px 0;
	padding-left:5px;
}

}


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




}


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

.hizmetler_yatay{
	width:48%;
	height:170px;
	margin:1%;
}

.hizmetler_yatay:hover, .hizmetler_yatay:active {
  box-shadow: 0 60px 30px -40px rgba(0, 0, 0, 0.5), 0px -1px 12px rgba(0, 0, 0, 0.1); 
  -webkit-transform: scale(1.06);
  transform: scale(1.06);
}

.hizmet_sag{
	border-top-right-radius:100px;
	border-bottom-right-radius:100px;
}

.hizmet_sol{
	border-top-left-radius:100px;
	border-bottom-left-radius:100px;
}

.hizmetler_yatay .resim{
	width:160px;
	height:160px;
	margin:5px;
}


.hizmetler_yatay .bilgi{
	width:calc(100% - 170px);
	height:100%;
	float:left;
	position:relative; 
}

.hizmetler_yatay .bilgi .isim{
	width:90%;
	height:30px;
	float:left;
	position:relative;
	margin:0 5%;
	padding:0;
	border-bottom:1px solid #3d3d3d;
}

.hizmetler_yatay .bilgi .isim h3{
	width:100%;
	line-height:15px;
	font-size:13px;
	float:left;
	position:relative;
	text-align:center;
	top:50%;
	padding:0;
	transform:translateY(-50%);
	font-family:alegreya_sanslight;
}


.hizmetler_yatay .bilgi .yazi{
	width:90%;
	height:calc(100% - 30px); 
	float:left;
	position:relative;
	margin:0 5%;
	padding:0; 
}

.hizmetler_yatay .bilgi .yazi ul li{
	-webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	-webkit-animation-duration: 0.s;
	animation-duration: 0.2s;
	animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
	font-family:alegreya_sanslight;
	list-style-type:none;
	background-color:#0093dd;
	border-radius:5px;
	height:15px;
	line-height:15px;
	font-size:11px;
	color:#fff;
	margin:2px 0;
	padding-left:5px;
}



}


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

.hizmetler_yatay{
	width:98%;
	height:170px;
	margin:1%;
}

.hizmetler_yatay:hover, .hizmetler_yatay:active {
  box-shadow: 0 60px 30px -40px rgba(0, 0, 0, 0.5), 0px -1px 12px rgba(0, 0, 0, 0.1); 
  -webkit-transform: scale(1.06);
  transform: scale(1.06);
}

.hizmet_sag{
	border-top-right-radius:100px;
	border-bottom-right-radius:100px;
}

.hizmet_sol{
	border-top-left-radius:100px;
	border-bottom-left-radius:100px;
}

.hizmetler_yatay .resim{
	width:160px;
	height:160px;
	margin:5px;
}


.hizmetler_yatay .bilgi{
	width:calc(100% - 170px);
	height:100%;
	float:left;
	position:relative; 
}

.hizmetler_yatay .bilgi .isim{
	width:90%;
	height:30px;
	float:left;
	position:relative;
	margin:0 5%;
	padding:0;
	border-bottom:1px solid #3d3d3d;
}

.hizmetler_yatay .bilgi .isim h3{
	width:100%;
	line-height:15px;
	font-size:13px;
	float:left;
	position:relative;
	text-align:center;
	top:50%;
	padding:0;
	transform:translateY(-50%);
	font-family:alegreya_sanslight;
}


.hizmetler_yatay .bilgi .yazi{
	width:90%;
	height:calc(100% - 30px); 
	float:left;
	position:relative;
	margin:0 5%;
	padding:0; 
}

.hizmetler_yatay .bilgi .yazi ul li{
	-webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	-webkit-animation-duration: 0.s;
	animation-duration: 0.2s;
	animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
	font-family:alegreya_sanslight;
	list-style-type:none;
	background-color:#0093dd;
	border-radius:5px;
	height:15px;
	line-height:15px;
	font-size:11px;
	color:#fff;
	margin:2px 0;
	padding-left:5px;
}




}


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



}


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



}






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



}