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

.biy_hakki .yaziii{
	float:right;
	width:70%;
	height:350px;
	position:relative; 
}

.biy_hakki .yaziii h1{
	float:left;
	width:100%;
	height:50px;
	line-height:50px;
	color:#ddd;
}

.biy_hakki .yaziii p{
	float:left;
	width:100%;
	text-align:center;
	color:#ddd;
	top:50%;
	transform:translateY(-50%);
	position:absolute;
}


.kurumsal{
	width:98%;
	float:left;
	position:relative;
	color:#ddd;
	margin:0 1%;
}

.kurumsal h2{
	width:100%;
	float:left;
	position:relative; 
	height:50px;
	line-height:50px;
}


.ekip{
	width:100%;
	float:left;
	position:relative;
	padding:20px 0;
}

.ekip h1{
	width:100%;
	float:left;
	color:#ddd;
	text-align:center;
	
}

.eleman_alan{
	width:14.66%;
	float:left;
	position:relative;
	margin:1%;
}


.eleman{
	width:100%;
	float:left;
	position:relative;
	margin:0;
}


.eleman_resim{
	width:80%;
	margin:5%;
	float:left;
	z-index:15;
	position:relative;
}


.div1{
  position:relative;
  list-style-type:none;
  width:100%; /* = (100-2.5) / 3.5 */
  padding-bottom:115%; /* =  width /0.866 */
  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;   
}


.eleman_alan h3{
	width:100%;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#ddd;
	float:left;
	position:relative;
}

.eleman_alan p{
	width:100%;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#ddd;
	float:left;
	position:relative;
}

/* RENKLİ BAL KÜPLERİ */

.renk_bal_kupu1{
	width:35%;
	position:absolute;
	top:50%;
	right:5%;
	z-index:10;
	
}

.renk_bal_kupu2{
	width:20%;
	position:absolute;
	top:67%;
	right:25%;
	z-index:20;
	
}

.renk_bal_kupu3{
	width:20%;
	position:absolute;
	top:7%;
	left:13%;
	z-index:10;
	
}

.renk1{
  position:relative;
  list-style-type:none;
  width:100%; /* = (100-2.5) / 3.5 */
  padding-bottom:115%; /* =  width /0.866 */
  float:left;
  overflow:hidden;
  visibility:hidden;
 
  -webkit-transform: rotate(-60deg) skewY(30deg);
  -ms-transform: rotate(-60deg) skewY(30deg);
  transform: rotate(-60deg) skewY(30deg);
   
} 

.renk1 *{
  position:absolute;
  visibility:visible;
}
.renk1 > .renk2{
  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;
  
}

.renk_kirmizi{
	background-color:rgba(255,0,0,0.8);
}

.renk_mav{
	background-color:rgba(0,0,255,0.8);
}

.renk_turuncu{
	background-color:rgba(235,138,0,0.8);
}
/* RENKLİ BAL KÜPLERİ BİTİS */