body { font-family: 'Roboto Condensed', sans-serif; background:#000000; }


#sayfaicerikler {
    animation: fadein 6s;
    -moz-animation: fadein 6s; /* Firefox */
    -webkit-animation: fadein 6s; /* Safari and Chrome */
    -o-animation: fadein 6s; /* Opera */
}
#sayfaicerikler {
	margin-top:0px;
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

.kutu3kutu { width:540px; margin:0 auto; }

.kut1 {  -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);  }
		
.kut2 {  -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);  }
	
.kut3 {  -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);  }
	
	
	
.kut1_1 {  -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);  }
	
	
.kut_1_1_1 {  -ms-transform: rotate(225deg); /* IE 9 */
    -webkit-transform: rotate(225deg); /* Chrome, Safari, Opera */
    transform: rotate(225deg);  }
	
	
.kut_1_2_1 {  -ms-transform: rotate(225deg); /* IE 9 */
    -webkit-transform: rotate(225deg); /* Chrome, Safari, Opera */
    transform: rotate(225deg);  }	
		
	
.kut_1_3_1 {  -ms-transform: rotate(225deg); /* IE 9 */
    -webkit-transform: rotate(225deg); /* Chrome, Safari, Opera */
    transform: rotate(225deg);  }
	
p { margin:1px; }	
	

.kut1 { width:180px; height:180px; float:left; border:1px solid rgba(255, 255, 255, 0.9); background-color:rgba(0,0,0,1); position:relative; z-index:3;  margin-left:50px; font-weight:600;}
.kut2 { width:180px; height:180px; float:left; border:1px solid rgba(255, 255, 255, 0.9); background-color:rgba(0,0,0,1); position:relative; z-index:1;  margin-left:-55px; margin-top:-50px; overflow: hidden;font-weight:600;}
.kut3 { width:180px; height:180px; float:left; border:1px solid rgba(255, 255, 255, 0.9); background-color:rgba(0,0,0,1); position:relative; z-index:2;  margin-left:-50px;	overflow: hidden; font-weight:600;}


.kut1_1 { width: 170px; height: 170px;float: left;margin: 4px; display:block; }

.kut_1_1_1 {padding-top:33%; padding-bottom:30%; text-align:center; font-size:22px; color:#FFF;}
.kut_1_2_1 {padding-top:15%; padding-bottom:50%; text-align:center; font-size:22px;  color:#FFF; }
.kut_1_3_1 {padding-top:44%; padding-bottom:35%; text-align:center; font-size:22px;  color:#FFF; }


.mirasyazi { color:#FFF; margin-top:10px; font-size:21px; text-align:center; font-family:Papyrus; padding-right:5px; }

.kutu_1_cizgi {  
	position: absolute; 
	overflow: hidden;  	
	width:164px; height:164px;   
	border:8px solid #FFFFFF;
    z-index: 9;
	opacity: 0.0;	
    transition: all .5s ease-in-out;
}

.kut1:hover .kutu_1_cizgi {  
	opacity: 1;
}



.kut2:hover .kutu_1_cizgi {  
	opacity: 1;
}
.kut3:hover .kutu_1_cizgi {  
	opacity: 1;
}

.kutu_1_resim {  
	position: absolute; 
	overflow: hidden;  	
	width:180px; height:180px;   
    z-index: 8;
}


.kut1 .kutu_1_resim img {  
	position: absolute;
    top: -70px;
    left: -70px;
    transition: all .5s ease-in-out;
    cursor: pointer;	
	transform: rotate(316.5deg);
	opacity: 0.7;
	
}
.kut1:hover .kutu_1_resim img {    	 
		opacity: 0.3;
		 transform: translateX(0%) translateY(0%) translateZ(0px) rotate(316.5deg) scaleX(1.2) scaleY(1.2);
		 -webkit-transform:  translateX(0%) translateY(0%) translateZ(0px) rotate(316.5deg) scaleX(1.2) scaleY(1.2);
		 
}

.kut2 .kutu_1_resim img {  
	position: absolute;
    top: -70px;
    left: -70px;
    transition: all .5s ease-in-out;
    cursor: pointer;	
	transform: rotate(314deg);
	opacity: 0.7;
	
}

.kut2:hover .kutu_1_resim img {    	 
		opacity: 0.3;
		 transform: translateX(0%) translateY(0%) translateZ(0px) rotate(314deg) scaleX(1.2) scaleY(1.2);
		 -webkit-transform:  translateX(0%) translateY(0%) translateZ(0px) rotate(314deg) scaleX(1.2) scaleY(1.2);
}


.kut2:hover { z-index:4;
}

.kut3 .kutu_1_resim img {  
	position: absolute;
    top: -70px;
    left: -70px;
    transition: all .5s ease-in-out;
    cursor: pointer;	
	transform: rotate(310deg);
	opacity: 0.7;
	
}
.kut3:hover .kutu_1_resim img {    	 
		opacity: 0.3;		
		 transform: translateX(0%) translateY(0%) translateZ(0px) rotate(310deg) scaleX(1.2) scaleY(1.2);
        -webkit-transform:  translateX(0%) translateY(0%) translateZ(0px) rotate(310deg) scaleX(1.2) scaleY(1.2);
}

.siyahlik { position:fixed; background:rgba(0,0,0,0.8); left:0; right:0; top:0; bottom:0; } 


#kapsulIci{zoom:1; }
	
#content {	 height:450px; }



.footer { width:100%; height:240px; bottom:20px; position:fixed; }
.footorta { width:300px; margin:0 auto; }
.kutufoot { width:75px; height:45px; background:rgba(255,255,255,0.0); color:#000; margin:0 auto; border-radius:180px; }
.footkutuyazi { padding-left:12px; }
.footyazi { width:205px; margin:0 auto; font-size:22px; color:#FFF; padding-top:20px; font-weight:600; }

.copyright { font-size:11px; color:#CCC; padding-top:20px; width:230px; margin:0 auto;  }

.footsosyal { width:290px; margin:0 auto;  padding-top:10px; padding-bottom:20px; }


.footsosyal ul li { float:left; margin-left:6px; margin-right:6px; list-style-type:none; }

.footsosyal ul li img { width:20px; opacity:0.7; }

.footsosyal ul li img:hover { width:20px;opacity:1; }

.cev_logo { float:right;  bottom:20px; position:fixed; right:0; }
.cev_logo img { height:36px; padding-right:20px; }