.logo_box {position:absolute; display:block; width:450px; height:335px; top:50%; left:50%; margin-top:-167px; margin-left:-225px; cursor: pointer;}
.logo_box span {float:left; height:181px; margin:0 0 45px 34px; background:url("images/logoSprite.png");}
#logoTK {width:181px; background-position:right top;}
#logoTK:hover {background-position:right bottom;}
#logoSZK {width:167px; background-position: left top;}
#logoSZK:hover {background-position: left bottom;}

.logo_box > div {float:left; width:100%; height:97px;}


.ch-item {
    width: 100%;
    height: 100%;    
    position: relative;
    perspective: 900px;
}

.ch-info{
    position: absolute;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
}

.ch-info > div {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;    
    background-position: center center;
    transition: all 0.3s linear;
    transform-origin: 50% 0%;
    -webkit-transform-origin: 50% 0%;
}

.ch-info .ch-info-back {
    transform: translate3d(0,0,-140px) rotate3d(1,0,0,90deg);
    -webkit-transform: translate3d(0,0,-140px) rotate3d(1,0,0,90deg);
    background:url(images/tk_tovabb.png) no-repeat center center;
    opacity: 0;
}

.ch-img-1 {width:449px; height:97px; background: url(images/tk_front.png) no-repeat center center;}

.logo_box.hover .ch-info-front {
    transform: translate3d(0,120px,0) rotate3d(1,0,0,-90deg);
    -webkit-transform: translate3d(0,120px,0) rotate3d(1,0,0,-90deg);
    opacity: 0;
}
.logo_box.hover .ch-info-back {
    transform: rotate3d(1,0,0,0deg);
    -webkit-transform: rotate3d(1,0,0,0deg);
    opacity: 1;
}


#szk_logobox .ch-img-1 {background:url(images/szk_front.png) no-repeat;}



.mc-image {
	-webkit-animation-name:					slow-zoom-in;
	-webkit-animation-duration:				60s;	
	-webkit-animation-delay: 				0s;
	-webkit-animation-iteration-count: 		infinite;	

	-moz-animation-name:					slow-zoom-in;
	-moz-animation-duration:				60s;	
	-moz-animation-delay: 					0s;
	-moz-animation-iteration-count: 		infinite;	

	-ms-animation-name:						slow-zoom-in;
	-ms-animation-duration:					60s;	
	-ms-animation-delay: 					0s;
	-ms-animation-iteration-count: 			infinite;	

	animation-name:							slow-zoom-in;
	animation-duration:						60s;	
	animation-delay: 						0s;
	animation-iteration-count: 				infinite;	

}

@-webkit-keyframes slow-zoom-in {
	0% {-webkit-transform: scale(1);}
	50% {-webkit-transform: scale(1.35);}
	100% {-webkit-transform: scale(1);}
}

@-moz-keyframes slow-zoom-in {
	0% {-moz-transform: scale(1);}
	50% {-moz-transform: scale(1.35);}
	100% {-moz-transform: scale(1);}
}

@-ms-keyframes slow-zoom-in {
	0% {-ms-transform: scale(1);}
	50% {-ms-transform: scale(1.35);}
	100% {-ms-transform: scale(1);}
}

@keyframes slow-zoom-in {
	0% {transform: scale(1);}
	50% {transform: scale(1.35);}
	100% {transform: scale(1);}
}



	/*

.mc-image:hover {
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
}

	*/
/*
#background img {
-webkit-animation-name:slow-zoom-in;
-webkit-animation-duration:1s;
-webkit-animation-timing-function:ease-out;
-webkit-animation-delay: 2s;

-moz-animation-name:slow-zoom-in;
-moz-animation-duration:1s;
-moz-animation-timing-function;
-moz-animation-delay: 2s;

-ms-animation-name:slow-zoom-in;
-ms-animation-duration:1s;
-ms-animation-timing-function;
-ms-animation-delay: 2s;
}
@-webkit-keyframes blink_1 {
	
}
@-moz-keyframes blink_1 {
	
}
@-ms-keyframes blink_1 {

}
@-webkit-keyframes final_blink {

}
@-moz-keyframes final_blink {

}
@-ms-keyframes final_blink {

}
*/