/* slideshow container */
.sigxyz-ctar {
	position:relative;
	border:15px solid #888;
	background-color:#edd;
}
/* slide background for aspect ratio */
.sigxyz-bg {
}
/* input panel */
.sigxyz-ctrl {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.sigxyz-btn-prev,
.sigxyz-btn-next {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:100px;
	height:100px;
/*	background-color:rgba(255,255,255,0.5);*/
	cursor:pointer;
}
.sigxyz-btn-prev {
	left:0;
}
.sigxyz-btn-next {
	right:0;
}
.sigxyz-pagebtn {
	position:absolute;
	bottom:20px;
	right:20px;
	padding:20px 10px;
	line-height:0;
	background-color:rgba(0,0,0,0.5);
	border-radius:10px;
}
.sigxyz-btn-page {
	display:inline-block;
	width:20px;
	height:20px;
	margin:0 10px;	
	background-color:rgba(255,255,255,0.5);
	border-radius:50%;
	cursor:pointer;
}
/* progress-bar */
.sigxyz-progressbar {
	position:absolute;
	left:0;
	width:100%;
}
@keyframes sigxyz-kf-progressbar {
	0% {
		width:0%;
	}
	100% {
		width:100%;
	}
}
/* slide current & next */
.sigxyz-base {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden
}
/* slideshow transition */
/* tfx:fade */
@keyframes sigxyz-kf-fade-f {
	0% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
}
@keyframes sigxyz-kf-fade-t {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
/* tfx:zoom */
.sigxyz-ki-zoom-t {
	transform-origin:50% 50%;
}
@keyframes sigxyz-kf-zoom-t-c {
	0% {
		transform:scale(0,0);
	}
	100% {
		transform:scale(1,1);
	}
}
@keyframes sigxyz-kf-zoom-t-u {
	0% {
		transform:scale(1,1);
	}
	100% {
		transform:scale(0,0);
	}
}
/* tfx:scroll */
@keyframes sigxyz-kf-scroll-f-left {
	0% {
		left:0%;
	}
	100% {
		left:-100%;
	}
}
@keyframes sigxyz-kf-scroll-t-left {
	0% {
		left:100%;
	}
	100% {
		left:0%;
	}
}
@keyframes sigxyz-kf-scroll-f-right {
	0% {
		left:0%;
	}
	100% {
		left:100%;
	}
}
@keyframes sigxyz-kf-scroll-t-right {
	0% {
		left:-100%;
	}
	100% {
		left:0%;
	}
}
@keyframes sigxyz-kf-scroll-f-up {
	0% {
		top:0%;
	}
	100% {
		top:-100%;
	}
}
@keyframes sigxyz-kf-scroll-t-up {
	0% {
		top:100%;
	}
	100% {
		top:0%;
	}
}
@keyframes sigxyz-kf-scroll-f-down {
	0% {
		top:0%;
	}
	100% {
		top:100%;
	}
}
@keyframes sigxyz-kf-scroll-t-down {
	0% {
		top:-100%;
	}
	100% {
		top:0%;
	}
}
/* tfx:turn */
.sigxyz-ki-turn-f-left {
	transform-origin:0% 50%;
}
@keyframes sigxyz-kf-turn-f-left {
	0% {
		transform:scaleX(1);
	}
	100% {
		transform:scaleX(0);
	}
}
.sigxyz-ki-turn-t-left {
	transform-origin:100% 50%;
}
@keyframes sigxyz-kf-turn-t-left {
	0% {
		transform:scaleX(0);
	}
	100% {
		transform:scaleX(1);
	}
}
.sigxyz-ki-turn-f-right {
	transform-origin:100% 50%;
}
@keyframes sigxyz-kf-turn-f-right {
	0% {
		transform:scaleX(1);
	}
	100% {
		transform:scaleX(0);
	}
}
.sigxyz-ki-turn-t-right {
	transform-origin:0% 50%;
}
@keyframes sigxyz-kf-turn-t-right {
	0% {
		transform:scaleX(0);
	}
	100% {
		transform:scaleX(1);
	}
}
.sigxyz-ki-turn-f-down {
	transform-origin:50% 100%;
}
@keyframes sigxyz-kf-turn-f-down {
	0% {
		transform:scaleY(1);
	}
	100% {
		transform:scaleY(0);
	}
}
.sigxyz-ki-turn-t-down {
	transform-origin:50% 0%;
}
@keyframes sigxyz-kf-turn-t-down {
	0% {
		transform:scaleY(0);
	}
	100% {
		transform:scaleY(1);
	}
}
.sigxyz-ki-turn-f-up {
	transform-origin:50% 0%;
}
@keyframes sigxyz-kf-turn-f-up {
	0% {
		transform:scaleY(1);
	}
	100% {
		transform:scaleY(0);
	}
}
.sigxyz-ki-turn-t-up {
	transform-origin:50% 100%;
}
@keyframes sigxyz-kf-turn-t-up {
	0% {
		transform:scaleY(0);
	}
	100% {
		transform:scaleY(1);
	}
}
/* tfx:cover */
.sigxyz-ki-cover-up,
.sigxyz-ki-cover-down {
	top:auto;
}
.sigxyz-ki-cover-left,
.sigxyz-ki-cover-right {
	left:auto;
}
@keyframes sigxyz-kf-cover-t-c-down {
	0% {
		bottom: 100%;
	}
	100% {
		bottom: 0;
	}
}
@keyframes sigxyz-kf-cover-t-u-down {
	0% {
		bottom: 0;
	}
	100% {
		bottom: -100%;
	}
}
@keyframes sigxyz-kf-cover-t-c-up {
	0% {
		top: 100%;
	}
	100% {
		top: 0;
	}
}
@keyframes sigxyz-kf-cover-t-u-up {
	0% {
		top: 0;
	}
	100% {
		top: -100%;
	}
}
@keyframes sigxyz-kf-cover-t-c-left {
	0% {
		left: 100%;
	}
	100% {
		left: 0;
	}
}
@keyframes sigxyz-kf-cover-t-u-left {
	0% {
		left: 0;
	}
	100% {
		left: -100%;
	}
}
@keyframes sigxyz-kf-cover-t-c-right {
	0% {
		right: 100%;
	}
	100% {
		right: 0;
	}
}
@keyframes sigxyz-kf-cover-t-u-right {
	0% {
		right: 0;
	}
	100% {
		right: -100%;
	}
}
/* tfx:bounce */
.sigxyz-ki-bounce-up,
.sigxyz-ki-bounce-down {
	top:auto;
}
.sigxyz-ki-bounce-left,
.sigxyz-ki-bounce-right {
	left:auto;
}
@keyframes sigxyz-kf-bounce-t-c-down {
	0% {
		bottom: 100%;
		animation-timing-function: ease-in;
	}
	16% {
		bottom: 0;
		animation-timing-function: ease-out;
	}
	32% {
		bottom: 30%;
		animation-timing-function: ease-in;
	}
	48% {
		bottom: 0;
		animation-timing-function: ease-out;
	}
	62% {
		bottom: 10%;
		animation-timing-function: ease-in;
	}
	78% {
		bottom: 0;
		animation-timing-function: ease-out;
	}
	90% {
		bottom: 3%;
		animation-timing-function: ease-in;
	}
	100% {
		bottom: 0;
		animation-timing-function: ease-out;
	}
}
@keyframes sigxyz-kf-bounce-t-u-down {
	0% {
		bottom: 0;
		animation-timing-function: ease-in;
	}
	16% {
		bottom: -100%;
		animation-timing-function: ease-out;
	}
	32% {
		bottom: -70%;
		animation-timing-function: ease-in;
	}
	48% {
		bottom: -100%;
		animation-timing-function: ease-out;
	}
	62% {
		bottom: -90%;
		animation-timing-function: ease-in;
	}
	78% {
		bottom: -100%;
		animation-timing-function: ease-out;
	}
	90% {
		bottom: -97%;
		animation-timing-function: ease-in;
	}
	100% {
		bottom: -100%;
		animation-timing-function: ease-out;
	}
}
@keyframes sigxyz-kf-bounce-t-c-up {
	0% {
		top: 100%;
		animation-timing-function: ease-in;
	}
	16% {
		top: 0;
		animation-timing-function: ease-out;
	}
	32% {
		top: 30%;
		animation-timing-function: ease-in;
	}
	48% {
		top: 0;
		animation-timing-function: ease-out;
	}
	62% {
		top: 10%;
		animation-timing-function: ease-in;
	}
	78% {
		top: 0;
		animation-timing-function: ease-out;
	}
	90% {
		top: 3%;
		animation-timing-function: ease-in;
	}
	100% {
		top: 0;
		animation-timing-function: ease-out;
	}
}
@keyframes sigxyz-kf-bounce-t-u-up {
	0% {
		top: 0;
		animation-timing-function: ease-in;
	}
	16% {
		top: -100%;
		animation-timing-function: ease-out;
	}
	32% {
		top: -70%;
		animation-timing-function: ease-in;
	}
	48% {
		top: -100%;
		animation-timing-function: ease-out;
	}
	62% {
		top: -90%;
		animation-timing-function: ease-in;
	}
	78% {
		top: -100%;
		animation-timing-function: ease-out;
	}
	90% {
		top: -97%;
		animation-timing-function: ease-in;
	}
	100% {
		top: -100%;
		animation-timing-function: ease-out;
	}
}
@keyframes sigxyz-kf-bounce-t-c-left {
	0% {
		left: 100%;
		animation-timing-function: ease-in;
	}
	16% {
		left: 0;
		animation-timing-function: ease-out;
	}
	32% {
		left: 30%;
		animation-timing-function: ease-in;
	}
	48% {
		left: 0;
		animation-timing-function: ease-out;
	}
	62% {
		left: 10%;
		animation-timing-function: ease-in;
	}
	78% {
		left: 0;
		animation-timing-function: ease-out;
	}
	90% {
		left: 3%;
		animation-timing-function: ease-in;
	}
	100% {
		left: 0;
		animation-timing-function: ease-out;
	}
}
@keyframes sigxyz-kf-bounce-t-u-left {
	0% {
		left: 0;
		animation-timing-function: ease-in;
	}
	16% {
		left: -100%;
		animation-timing-function: ease-out;
	}
	32% {
		left: -70%;
		animation-timing-function: ease-in;
	}
	48% {
		left: -100%;
		animation-timing-function: ease-out;
	}
	62% {
		left: -90%;
		animation-timing-function: ease-in;
	}
	78% {
		left: -100%;
		animation-timing-function: ease-out;
	}
	90% {
		left: -97%;
		animation-timing-function: ease-in;
	}
	100% {
		left: -100%;
		animation-timing-function: ease-out;
	}
}
@keyframes sigxyz-kf-bounce-t-c-right {
	0% {
		right: 100%;
		animation-timing-function: ease-in;
	}
	16% {
		right: 0;
		animation-timing-function: ease-out;
	}
	32% {
		right: 30%;
		animation-timing-function: ease-in;
	}
	48% {
		right: 0;
		animation-timing-function: ease-out;
	}
	62% {
		right: 10%;
		animation-timing-function: ease-in;
	}
	78% {
		right: 0;
		animation-timing-function: ease-out;
	}
	90% {
		right: 3%;
		animation-timing-function: ease-in;
	}
	100% {
		right: 0;
		animation-timing-function: ease-out;
	}
}
@keyframes sigxyz-kf-bounce-t-u-right {
	0% {
		right: 0;
		animation-timing-function: ease-in;
	}
	16% {
		right: -100%;
		animation-timing-function: ease-out;
	}
	32% {
		right: -70%;
		animation-timing-function: ease-in;
	}
	48% {
		right: -100%;
		animation-timing-function: ease-out;
	}
	62% {
		right: -90%;
		animation-timing-function: ease-in;
	}
	78% {
		right: -100%;
		animation-timing-function: ease-out;
	}
	90% {
		right: -97%;
		animation-timing-function: ease-in;
	}
	100% {
		right: -100%;
		animation-timing-function: ease-out;
	}
}
/* tfx:kenburns */
.sigxyz-ki-kenburns-cc {
	transform-origin:50% 50%;
}
.sigxyz-ki-kenburns-br {
	transform-origin:0% 0%;
}
.sigxyz-ki-kenburns-bl {
	transform-origin:100% 0%;
}
.sigxyz-ki-kenburns-tl {
	transform-origin:100% 100%;
}
.sigxyz-ki-kenburns-tr {
	transform-origin:100% 0%;
}
@keyframes sigxyz-kf-kenburns-f {
	0% {
		opacity:1;
		transform:scale(1,1);
	}
	100% {
		opacity:0;
		transform:scale(1.5,1.5);
	}
}
@keyframes sigxyz-kf-kenburns-t {
	0% {
		opacity:0;
		transform:scale(1.5,1.5);
	}
	100% {
		opacity:1;
		transform:scale(1,1);
	}
}
/* tfx:slice */
@keyframes sigxyz-kf-slice-c-up {
	0% {
		top:100%;
		opacity:0.5;
	}
	100% {
		top:0%;
		opacity:1;
	}
}
@keyframes sigxyz-kf-slice-u-up {
	0% {
		top:0;
		opacity:1;
	}
	100% {
		top:-100%;
		opacity:0.75;
	}
}
@keyframes sigxyz-kf-slice-c-down {
	0% {
		top:-100%;
		opacity:0.5;
	}
	100% {
		top:0%;
		opacity:1;
	}
}
@keyframes sigxyz-kf-slice-u-down {
	0% {
		top:0;
		opacity:1;
	}
	100% {
		top:100%;
		opacity:0.75;
	}
}
@keyframes sigxyz-kf-slice-c-left {
	0% {
		left:100%;
		opacity:0.5;
	}
	100% {
		left:0%;
		opacity:1;
	}
}
@keyframes sigxyz-kf-slice-u-left {
	0% {
		left:0;
		opacity:1;
	}
	100% {
		left:-100%;
		opacity:0.75;
	}
}
@keyframes sigxyz-kf-slice-c-right {
	0% {
		left:-100%;
		opacity:0.5;
	}
	100% {
		left:0%;
		opacity:1;
	}
}
@keyframes sigxyz-kf-slice-u-right {
	0% {
		left:0;
		opacity:1;
	}
	100% {
		left:100%;
		opacity:0.75;
	}
}
/* tfx:gate */
@keyframes sigxyz-kf-gate-c-l {
	0% {
		left:-100%
	}
	100% {
		left:0%;
	}
}
@keyframes sigxyz-kf-gate-c-r {
	0% {
		right:-100%
	}
	100% {
		right:0%;
	}
}
@keyframes sigxyz-kf-gate-u-l {
	0% {
		left:0%
	}
	100% {
		left:-100%;
	}
}
@keyframes sigxyz-kf-gate-u-r {
	0% {
		right:0%
	}
	100% {
		right:-100%;
	}
}
@keyframes sigxyz-kf-gate-c-t {
	0% {
		top:-100%
	}
	100% {
		top:0%;
	}
}
@keyframes sigxyz-kf-gate-c-b {
	0% {
		bottom:-100%
	}
	100% {
		bottom:0%;
	}
}
@keyframes sigxyz-kf-gate-u-t {
	0% {
		top:0%
	}
	100% {
		top:-100%;
	}
}
@keyframes sigxyz-kf-gate-u-b {
	0% {
		bottom:0%
	}
	100% {
		bottom:-100%;
	}
}