body{
	background-image:url(background.jpg);
	background-color:#c4cdd4;

}
#kabuksimge{
	
	width:1140px;
	height:380px;
	margin:220px auto 0 auto;
}
#kabukyazi{
	
	width:500px;
	height:73px;
	margin:0 auto 0 auto;
}
.logo-z {
	float:left;
	margin-top:-120px;
	margin-bottom:50px;
    width: 100%;
}
.logo {
	margin:0 auto 0 auto;
    width: 290px;
}

.alt-z {
	float:left;
	margin-top:60px;
    width: 100%;
    height: 40px;
}
.alt {
	margin:0 auto 0 auto;
    width: 700px;
	//background-color:#F00;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
}
.alt a:link{
	color:#000;
	text-decoration:none;
}

/* MIRLIFE EFEKT BAŞLIYOR */
.dondurulecekler {
    perspective: 1000;
}
 
.dondurulecekler:hover .tetikleyici, .dondurulecekler.hover .tetikleyici {
    transform: rotateY(180deg);
}

.dondurulecekler, .onyuz{
    width: 220px;
    height: 220px;
}
 
.onyuz {
    z-index: 2;
    transform: rotateY(0deg);
}

.arkayuz {
	background-image: url("mirlife_on.png");
	background-size: contain;
    border-radius:100%;
    width: 220px;
    height: 220px;
    transform: rotateY(180deg);
}

.tetikleyici {
    transition: 0.4s;
    transform-style: preserve-3d;
    position: relative;
}
 
.onyuz, .arkayuz {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
/* MIRLIFE EFEKT BİTİŞ */

/* OBERON EFEKT BAŞLIYOR */
.arkayuz2 {
	background-image: url("oberon_on.png");
	background-size: contain;
    border-radius:100%;
    width: 220px;
    height: 220px;
    transform: rotateY(180deg);
	margin-left:-2px;
}
/* OBERON EFEKT BİTİŞ */

/* ULUTAN REAL ESTATE EFEKT BAŞLIYOR */
.arkayuz3 {
	background-image: url("pureheart-on.png");
	background-size: contain;
    border-radius:100%;
    width: 220px;
    height: 220px;
    transform: rotateY(180deg);
	margin-left:-2px;

}
/* ULUTAN REAL ESTATE EFEKT BİTİŞ */

/* BIRIPHARMA EFEKT BAŞLIYOR */
.arkayuz4 {
	background-image: url("biripharma_on.png");
	background-size: contain;
    border-radius:100%;
    width: 220px;
    height: 220px;
    transform: rotateY(180deg);
	margin-left:-2px;

}
/* BIRIPHARMA EFEKT BİTİŞ */

/* FEELCARE EFEKT BAŞLIYOR */
.arkayuz5 {
	background-image: url("feelcare_on.png");
	background-size: contain;
    border-radius:100%;
    width: 220px;
    height: 220px;
    transform: rotateY(180deg);
	margin-left:-2px;

}
/* FEELCARE EFEKT BİTİŞ */

/* ULUPHARMA EFEKT BAŞLIYOR */
.arkayuz6 {
	background-image: url("ulupharma_arka.png");
	background-size: contain;
    border-radius:100%;
    width: 220px;
    height: 220px;
    transform: rotateY(180deg);
	margin-left:-2px;

}
/* ULUPHARMA EFEKT BİTİŞ */