.animsition,.animsition-overlay{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animsition-loading,.animsition-loading:after{width:32px;height:32px;position:fixed;top:50%;left:50%;margin-top:-16px;margin-left:-16px;border-radius:50%;z-index:100}
.animsition-loading{background-color:transparent;border-top:5px solid rgba(0,0,0,.2);border-right:5px solid rgba(0,0,0,.2);border-bottom:5px solid rgba(0,0,0,.2);border-left:5px solid #eee;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-name:animsition-loading;animation-name:animsition-loading}

.flip-out-y-fr{-webkit-animation-name:flip-out-y-fr;animation-name:flip-out-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
@-webkit-keyframes zoom-in{
	0%{0%{-webkit-transform:perspective(1000px)rotateY(90deg);transform:perspective(1000px)rotateY(90deg);opacity:0;
			transform-origin: top left; 
			-webkit-transform-origin: top left; 
			}}
100%{-webkit-transform:perspective(1000px)rotateY(0);
			transform:perspective(1000px)rotateY(0);
			transform-origin: top left; 
			-webkit-transform-origin: top left; 
			opacity:1;

	}
}
/*
.flip-out-y-fr{-webkit-animation-name:flip-out-y-nr;animation-name:flip-out-y-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
@-webkit-keyframes flip-in-y-fr{
	0%{-webkit-transform:perspective(1000px)rotateY(90deg);transform:perspective(1000px)rotateY(90deg);opacity:0;
			transform-origin: top left; 
			-webkit-transform-origin: top left; 
			}
100%{-webkit-transform:perspective(1000px)rotateY(0);
			transform:perspective(1000px)rotateY(0);
			transform-origin: top left; 
			-webkit-transform-origin: top left; 
			opacity:1;
	}
}*/

@keyframes flip-in-y-fr{
	0%{-webkit-transform:perspective(1000px)rotateY(90deg);transform:perspective(1000px)rotateY(90deg);
	transform-origin: top left; 
			-webkit-transform-origin: top left; 
}
100%{-webkit-transform:perspective(1000px)rotateY(0);transform:perspective(1000px)rotateY(0);
			transform-origin: top left; 
			-webkit-transform-origin: top left; 
			opacity:1;}
}



.flip-in-y-fr{-webkit-animation-name:flip-in-y-fr;animation-name:flip-in-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
@-webkit-keyframes flip-out-y-fr{
	0%{-webkit-transform:perspective(1000px)rotateY(0);transform:perspective(1000px)rotateY(0);opacity:1}
100%{-webkit-transform:perspective(1000px)rotateY(90deg);transform:perspective(1000px)rotateY(90deg);opacity:0}
}
@keyframes flip-out-y-fr{
	0%{-webkit-transform:perspective(1000px)rotateY(0);transform:perspective(1000px)rotateY(0);opacity:1;
		transform-origin: Top right;
		-webkit-transform-origin: Top right;
	}
100%{-webkit-transform:perspective(1000px)rotateY(90deg);transform:perspective(1000px)rotateY(-90deg);opacity:0;
		transform-origin: Top right;
		-webkit-transform-origin: Top right;
	}
}
