.trans.ani-call {
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

.trans.ani-call.fadeIn {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
	.trans.ani-call.ani-init.fadeIn {
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		opacity: 0;
	}

.trans.ani-call.fromTop, .trans.ani-call.fromLeft, .trans.ani-call.fromRight, .trans.ani-call.fromBottom {
	-webkit-transform: translate(0,0);  
	-moz-transform: translate(0,0);  
	transform: translate(0,0);
}

	.trans.ani-call.ani-init.fromTop {
		-webkit-transform: translate(0,-25%);  
		-moz-transform: translate(0,-25%);  
		transform: translate(0,-25%);
	}
	.trans.ani-call.ani-init.fromLeft {
		-webkit-transform: translate(-25%,0);  
		-moz-transform: translate(-25%,0);  
		transform: translate(-25%,0);
	}
	.trans.ani-call.ani-init.fromRight {
		-webkit-transform: translate(25%,0);  
		-moz-transform: translate(25%,0);  
		transform: translate(25%,0);
	}
	.trans.ani-call.ani-init.fromBottom {
		-webkit-transform: translate(0,25%);  
		-moz-transform: translate(0,25%);  
		transform: translate(0,25%);
	}

.trans.ani-call.step-item {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transform: translate(0,0);  
	-moz-transform: translate(0,0);  
	transform: translate(0,0);
}
	.trans.ani-call.step-item.step-init {
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		opacity: 0;
		-webkit-transform: translate(25%,0);  
		-moz-transform: translate(25%,0);  
		transform: translate(25%,0);
	}


#kbz_popup_wrapper_filter {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	z-index: 1000;
}

#kbz_popup_wrapper {
	display: none;
	position: fixed;
	padding: 60px;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	z-index: 1000;
}

#kbz_popup_frame {
	position: relative;
	overflow: hidden;
	overflow-y: auto;
	height: 0px;
	max-width: 1024px;
	max-height: 576px;
	margin-left: auto;
	margin-right: auto;
	background: #000;
}

a#close-kbz-frame {
    position: fixed;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 1.28em;
	font-weight: bold;
    line-height: 1.4em;
    text-align: center;
	text-shadow: -1px -1px 0px rgba(85, 102, 119, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	z-index: 1000;
    background: none repeat scroll 0 0 rgba(85, 102, 119, 0.75);
	cursor: pointer;
}

a#close-kbz-frame:hover {
	color: #fff;
	border-color: #fff;
	background: #00adb2;
	text-decoration: none !important;
}

@media screen and (max-width: 1024px) {

	#kbz_popup_wrapper { padding: 15px; }
}

@media screen and (max-width: 767px) {

	.trans {
		filter: alpha(opacity=100) !important;
		-moz-opacity: 1 !important;
		opacity: 1 !important;
		-webkit-transform: translate(0,0) !important;  
		-moz-transform: translate(0,0) !important;  
		transform: translate(0,0) !important;
	}
}