/* PAGE TRANSITION IN/OUT */


.animate { transition: all 0.3s cubic-bezier(0, .4, .4, 1.0) 0.0s; -webkit-transition: all 0.3s cubic-bezier(0, .4, .4, 1.0) 0.0s; transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; }

.vis_off { visibility: hidden; }
.vis_on { visibility: visible; }

.disp_off { display: none; }
.disp_on { display: block; }


@-webkit-keyframes fade_in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes delay_fade_in {
	0% {
		opacity: 0;
	}
	80% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes popup_background_fade_in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: .7;
	}
}
@-webkit-keyframes scale_in {
	0% {
		opacity: 0;
		transform: scale3D(0, 0, 1);
		-webkit-transform: scale3D(0, 0, 1);
	}
	100% {
		opacity: 1;
		transform: scale3D(1, 1, 1);
		-webkit-transform: scale3D(1, 1, 1);
	}
}
.to_show {
	-webkit-animation: fade_in 500ms ease-out normal forwards;
}
.delay_then_show {
	-webkit-animation: delay_fade_in 1500ms ease-out normal forwards;
}
.to_show #popup_block {
	-webkit-animation: scale_in 250ms ease-out normal forwards;
}
.to_show #popup_background {
	-webkit-animation: popup_background_fade_in 250ms ease-out normal forwards;
}





@-webkit-keyframes fade_out {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@-webkit-keyframes popup_background_fade_out {
	0% {
		opacity: .7;
	}
	100% {
		opacity: 0;
	}
}
@-webkit-keyframes scale_out {
	0% {
		opacity: 1;
		transform: scale3D(1, 1, 1);
		-webkit-transform: scale3D(1, 1, 1);
	}
	100% {
		opacity: 0;
		transform: scale3D(0, 0, 1);
		-webkit-transform: scale3D(0, 0, 1);
	}
}
.to_hide {
	-webkit-animation: fade_out 250ms ease-out normal forwards;
}
.to_hide #popup_block {
	-webkit-animation: scale_out 250ms ease-out normal forwards;
}
.to_hide #popup_background {
	-webkit-animation: popup_background_fade_out 250ms ease-out normal forwards;
}










/* HELP PANEL SHOW/HIDE */
@-webkit-keyframes left_to_full {
	0% {
		width: 70%;
	}
	100% {
		width: 100%;
	}
}
.to_full {
	-webkit-animation: left_to_full 500ms ease-out normal forwards;
}


@-webkit-keyframes left_to_part {
	0% { width: 100%; }
	100% { width: 70%; }
}
#wizard_left.to_part {
	-webkit-animation: left_to_part .5s ease-out;
}


@-webkit-keyframes right_to_none {
	0% {
		width: 30%;
		left: 70%;
	}
	100% {
		width: 0;
		left: 100%;
	}
}
.to_none {
	-webkit-animation: right_to_none 500ms ease-out normal forwards;
}


@-webkit-keyframes right_to_part {
	0% {
		width: 0;
		left: 100%;
	}
	100% {
		width: 30%;
		left: 70%;
	}
}
.to_part {
	-webkit-animation: right_to_part 500ms ease-out normal forwards;
}







/* SPINNER */
@-webkit-keyframes spin {
	0%,8.3% {
		transform: rotate3d(0,0,1,0deg);
		-webkit-transform: rotate3d(0,0,1,0deg);
	}
	8.4%,16.6% {
		transform: rotate3d(0,0,1,30deg);
		-webkit-transform: rotate3d(0,0,1,30deg);
	}
	16.7%,25% {
		transform: rotate3d(0,0,1,60deg);
		-webkit-transform: rotate3d(0,0,1,60deg);
	}
	25.1%,33.3% {
		transform: rotate3d(0,0,1,90deg);
		-webkit-transform: rotate3d(0,0,1,90deg);
	}
	33.4%,41.6% {
		transform: rotate3d(0,0,1,120deg);
		-webkit-transform: rotate3d(0,0,1,120deg);
	}
	41.7%,50% {
		transform: rotate3d(0,0,1,150deg);
		-webkit-transform: rotate3d(0,0,1,150deg);
	}
	50.1%,58.3% {
		transform: rotate3d(0,0,1,180deg);
		-webkit-transform: rotate3d(0,0,1,180deg);
	}
	58.4%,66.6% {
		transform: rotate3d(0,0,1,210deg);
		-webkit-transform: rotate3d(0,0,1,210deg);
	}
	66.7%,75% {
		transform: rotate3d(0,0,1,240deg);
		-webkit-transform: rotate3d(0,0,1,240deg);
	}
	75.1%,83.3% {
		transform: rotate3d(0,0,1,270deg);
		-webkit-transform: rotate3d(0,0,1,270deg);
	}
	83.4%,91.6% {
		transform: rotate3d(0,0,1,300deg);
		-webkit-transform: rotate3d(0,0,1,300deg);
	}
	91.7%,100% {
		transform: rotate3d(0,0,1,330deg);
		-webkit-transform: rotate3d(0,0,1,330deg);
	}
}
/*img.spinner.started {
	animation: spin 1.2s linear 0s infinite;
	-webkit-animation: spin 1.2s linear 0s infinite;
	
	transform: rotate3d(0,0,1,0deg);
	-webkit-transform: rotate3d(0,0,1,0deg);
}*/


















.ani_opacity_on { -webkit-animation: opacityLoad 500ms ease-out normal forwards; }
.ani_opacity_off { -webkit-animation: opacityUNLoad 250ms ease-out normal forwards; }
@-webkit-keyframes opacityLoad { 
	0% { opacity: 0; } 
	100% { opacity: 1; }
}
@-webkit-keyframes opacityUNLoad { 
	0% { opacity: 1; } 
	100% { opacity: 0; }
}