/*

.hizmeto{
width:100%;
float:left;	 
}

.hizmetler{
	width:40%;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
}


.hizmetler2{
	width:40%;
	float:right;
	margin:0;
	padding:0;
	overflow:hidden;

  -moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}



.icerik{
	width:60%;
	float:left;
}

.icerik h1{
	width:100%;
	float:left;
	text-align:center;
	height:50px;
	line-height:50px;
}

.icerik p{
	width:100%;
	float:left;
}


.div1{
  position:relative;
  list-style-type:none;
  width:100%; 
  padding-bottom:70%; 
  float:left;
  overflow:hidden;
  visibility:hidden;
 
  -webkit-transform: rotate(-60deg) skewY(30deg);
  -ms-transform: rotate(-60deg) skewY(30deg);
  transform: rotate(-60deg) skewY(30deg);
  background-color:#3d3d3d;
   
} 

.div1 *{
  position:absolute;
  visibility:visible;
}
.div1 > .div2{
  width:100%;
  height:100%;
  text-align:center;
  color:#fff;
  overflow:hidden;
  
  -webkit-transform: skewY(-30deg) rotate(60deg);
  -ms-transform: skewY(-30deg) rotate(60deg);
  transform: skewY(-30deg) rotate(60deg);
  
	-webkit-backface-visibility:hidden;
  background-color:#3d3d3d;
  
}

/* HEX CONTENT */

/*
.div1 img{
  left:-100%; right:-100%;
  width: auto; height:100%;
  margin:0 auto;   
}


*/




 
.hizmet{
	width:100%;
	float:left;
	margin:10px 0;
	padding:0;
	position:relative;
}

.hizmet .resim{
	width:30%;
	height:200px;
	overflow:hidden;
	float:left;
	padding:0;
	margin:0;
	position:relative; 
	 
}

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

.hizmet .bilgi{
	width:68%;
	height:200px;
	float:right;
	padding:0;
	margin:0 1%;
	position:relative;
}

.hizmet .bilgi1{
	width:68%;
	float:left;
	padding:0;
	margin:0 1%;
	position:relative;
	height:200px;
}

.hizmet h2{
	width:100%;
	height:50px;
	line-height:50px;
	float:left;
	color:#ddd;
	position:relative;
	text-transform:capitalize;
}


.hizmet .bilgi1 p{
	width:100%;
	float:left;
	color:#ddd; 
	top:50%;
	transform:translateY(-50%);
	position:absolute;
}


.hizmet .bilgi p{
	width:100%;
	float:left;
	color:#ddd; 
	top:50%;
	transform:translateY(-50%);
	position:absolute;
}





.video_alan{
	width:100%;
	float:left;
	position:relative;
}

.video_alan h2{
	width:100%;
	float:left;
	height:50px;
	line-height:50px;
	text-align:center;
	text-transform:uppercase;
	position:relative;
	border-top:1px solid white;
	border-bottom:1px solid white;
}


.video_alan .video{
	width:46%;
	margin:2%;
	padding:0;
	float:left;
	position:relative;
}





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



.hizmet .resim{
	width:100%;
	height:200px;
	overflow:hidden;
	float:left;
	padding:0;
	margin:0;
	position:relative; 
	 
}

.hizmet .bilgi{
	width:98%;
	height:50px;
	float:left;
	padding:2%;
	margin:0;
	position:relative;
}

.hizmet .bilgi1{
	width:98%;
	float:left;
	padding:2%;
	margin:0;
	position:relative;
	height:50px;
}


.hizmet h2{
	text-align:center;
}




.video_alan .video{
	width:96%;
	margin:2%;
	padding:0;
	float:left;
	position:relative;
}





}