/* IFADER */

.js-ifader figure, .js-ifader .js-ifader-item					{ display: none; }
.js-ifader-enabled figure, .js-ifader-enabled .js-ifader-item	{ display: block; }
.js-ifader figure:first-child, .js-ifader .js-ifader-item:first-child { display: block; }
.js-ifader figure:target, .js-ifader .js-ifader-item:target		{ display: block; }

.js-ifader												{ position: relative; }
.js-ifader figure										{ padding: 0; margin: 0; }
.js-ifader figure, .js-ifader .js-ifader-item			{ position: absolute; top: 0; left: 0; z-index: 0; }
.js-ifader img											{ display: block; }

.js-ifader .js-ifader-container							{ width: inherit; height: inherit; position: absolute; }

.js-ifader .js-ifader-container > *,
.js-ifader figure,
.js-ifader img 											{ width: inherit; height: inherit; }

.js-ifader .js-ifader-active							{ z-index: 3; }
.js-ifader .js-ifader-next-item							{ z-index: 4; }
.js-ifader .js-ifader-current-item						{ z-index: 3; }
.js-ifader .js-ifader-previous-item						{ z-index: 2; }

.js-ifader [rel=next], .js-ifader .js-ifader-prev,
.js-ifader [rel=prev], .js-ifader .js-ifader-next,
.js-ifader nav, .js-ifader .js-ifader-nav				{ position: absolute; z-index: 5; }

.js-ifader nav, .js-ifader .js-ifader-nav				{ bottom: 0; right: 0; }
.js-ifader .js-ifader-nav li							{ display: inline; }

.js-ifader [rel=prev], .js-ifader .js-ifader-prev,
.js-ifader [rel=next], .js-ifader .js-ifader-next		{ top: 45%; }
.js-ifader [rel=next], .js-ifader .js-ifader-next		{ left: auto; right: 0; }

.js-ifader .js-ifader-numbering							{ position: absolute; z-index: 5; top: 0; left: 0; }


/* ISLIDER */

.js-ifader .js-islider 									{ position: absolute; width: inherit; top: 100%; left: 0; }
.js-ifader .js-islider .js-islider-viewport				{ overflow: hidden; white-space: nowrap;}
.js-ifader .js-islider .js-islider-inner-wrapper		{ float: left; }

.js-ifader .js-islider a								{ width: auto; height: auto; background: none; display: inline-block; outline: 0; margin: 10px 10px 0 0; }
.js-ifader .js-islider img								{ image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; border: 0; }
.js-ifader .js-islider .js-islider-control				{ display: block; position: absolute; top: 50%; left: 0; }
.js-ifader .js-islider .js-islider-next					{ left: auto; right: 0; }


/* TRANSITIONS */

/* css 3 transition support */

.js-ifader-css3 > * {
	-moz-transition: none 0s linear;
	-webkit-transition: none 0s linear;
	-o-transition: none 0s linear;
	-ms-transition: none 0s linear;
	transition: none 0s linear;
}

.js-ifader-css3 .js-ifader-animating, .js-ifader-css3 .js-ifader-animating {
	-moz-transition-property: all;
	-moz-transition-duration: inherit;
	-moz-transition-timing-function: inherit;
	-webkit-transition-property: all;
	-webkit-transition-duration: inherit;
	-webkit-transition-timing-function: inherit;
	-o-transition-property: all;
	-o-transition-duration: inherit;
	-o-transition-timing-function: inherit;
	-ms-transition-property: all;
	-ms-transition-duration: inherit;
	-ms-transition-timing-function: inherit;
	transition-property: all;
	transition-duration: inherit;
	transition-timing-function: inherit;
}

/* dissolve transition */

.js-ifader-transition-dissolve .js-ifader-next-item		{ opacity: 0; filter: alpha(opacity=0); }
.js-ifader-transition-dissolve .js-ifader-current-item	{ opacity: 1; filter: alpha(opacity=100); }

/* slide transition */
.js-ifader-transition-slide .js-ifader-container		{ overflow: hidden; }
.js-ifader-transition-slide .js-ifader-wrapper			{ position: relative; }

.js-ifader-transition-slide figure,
.js-ifader-transition-slide .js-ifader-item				{ width: auto; position: relative; top: 0; left: 0; display: block; }

.js-ifader-horizontal-slide .js-ifader-wrapper			{ width: 999999px; }

.js-ifader-horizontal-slide figure,
.js-ifader-horizontal-slide .js-ifader-item				{ float: left; }

/* iris transition */

.js-ifader-transition-iris .js-ifader-next-item {
	-moz-mask: url('../img/iris.png') no-repeat center center;
	-webkit-mask: url('../img/iris.png') no-repeat center center;
	-o-mask: url('../img/iris.png') no-repeat center center;
	-ms-mask: url('../img/iris.png') no-repeat center center;
	mask: url('../img/iris.png') no-repeat center center;
	-moz-mask-size: 0px;
	-webkit-mask-size: 0px;
	-o-mask-size: 0px;
	-ms-mask-size: 0px;
	mask-size: 0px;
}
.js-ifader-transition-iris .js-ifader-current-item {
	-moz-mask: url('../img/iris.png') no-repeat center center;
	-webkit-mask: url('../img/iris.png') no-repeat center center;
	-o-mask: url('../img/iris.png') no-repeat center center;
	-ms-mask: url('../img/iris.png') no-repeat center center;
	mask: url('../img/iris.png') no-repeat center center;
	-moz-mask-size: 1500px;
	-webkit-mask-size: 1500px;
	-o-mask-size: 1500px;
	-ms-mask-size: 1500px;
	mask-size: 1500px;
}

/* toss transition */

.js-ifader-transition-toss .js-ifader-next-item {
	-moz-transform: rotate(-30deg) scale(1.3) translate(-20px,-250px);
	-webkit-transform: rotate(-30deg) scale(1.3) translate(-20px,-250px);
	-o-transform: rotate(-30deg) scale(1.3) translate(-20px,-250px);
	-ms-transform: rotate(-30deg) scale(1.3) translate(-20px,-250px);
	transform: rotate(-30deg) scale(1.3) translate(-20px,-250px);
	opacity: 0;
}
.js-ifader-transition-toss .js-ifader-current-item {
	-moz-transform: rotate(0deg) scale(1) translate(0,0);
	-webkit-transform: rotate(0deg) scale(1) translate(0,0);
	-o-transform: rotate(0deg) scale(1) translate(0,0);
	-ms-transform: rotate(0deg) scale(1) translate(0,0);
	transform: rotate(0deg) scale(1) translate(0,0);
	opacity: 1;
}

/* 3d transforms */

.js-ifader-transition-cube .js-ifader-container, .js-ifader-transition-flip .js-ifader-container {
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-moz-perspective: 1000;
	-webkit-perspective: 1000;
	-o-perspective: 1000;
	-ms-perspective: 1000;
	perspective: 1000;
}

/* flip transition */

.js-ifader-transition-flip figure,
.js-ifader-transition-flip .js-ifader-item						{ visibility: hidden; }
.js-ifader-transition-flip .js-ifader-next-item					{ visibility: visible; }
.js-ifader-transition-flip .js-ifader-current-item				{ visibility: visible; }
.js-ifader-transition-flip .js-ifader-previous-item				{ visibility: visible; }
.js-ifader-transition-flip .js-ifader-active					{ visibility: visible; }

.js-ifader-transition-flip .js-ifader-next-item,
.js-ifader-transition-flip .js-ifader-current-item,
.js-ifader-transition-flip .js-ifader-previous-item {
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

.js-ifader-horizontal-flip .js-ifader-next-item {
	-moz-transform: rotateY(-180deg);
	-webkit-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}
.js-ifader-horizontal-flip .js-ifader-current-item {
	-moz-transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
}
.js-ifader-horizontal-flip .js-ifader-previous-item {
	-moz-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.js-ifader-vertical-flip .js-ifader-next-item {
	-moz-transform: rotateX(-180deg);
	-webkit-transform: rotateX(-180deg);
	-o-transform: rotateX(-180deg);
	-ms-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
}
.js-ifader-vertical-flip .js-ifader-current-item {
	-moz-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.js-ifader-vertical-flip .js-ifader-previous-item {
	-moz-transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
	-ms-transform: rotateX(180deg);
	transform: rotateX(180deg);
}


/* cube transition */

.js-ifader-transition-cube figure,
.js-ifader-transition-cube .js-ifader-item						{ visibility: hidden; }
.js-ifader-transition-cube .js-ifader-next-item					{ visibility: visible; }
.js-ifader-transition-cube .js-ifader-current-item				{ visibility: visible; }
.js-ifader-transition-cube .js-ifader-previous-item				{ visibility: visible; }
.js-ifader-transition-cube .js-ifader-active					{ visibility: visible; }

.js-ifader-transition-cube .js-ifader-next-item,
.js-ifader-transition-cube .js-ifader-current-item,
.js-ifader-transition-cube .js-ifader-previous-item {
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

.js-ifader-horizontal-cube .js-ifader-next-item {
	-moz-transform: rotateY(90deg);
	-webkit-transform: rotateY(90deg);
	-o-transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	transform: rotateY(90deg);
}
.js-ifader-horizontal-cube .js-ifader-current-item {
	-moz-transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
}
.js-ifader-horizontal-cube .js-ifader-previous-item {
	-moz-transform: rotateY(-90deg);
	-webkit-transform: rotateY(-90deg);
	-o-transform: rotateY(-90deg);
	-ms-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
}

.js-ifader-vertical-cube .js-ifader-next-item {
	-moz-transform: rotateX(90deg);
	-webkit-transform: rotateX(90deg);
	-o-transform: rotateX(90deg);
	-ms-transform: rotateX(90deg);
	transform: rotateX(90deg);
}
.js-ifader-vertical-cube .js-ifader-current-item {
	-moz-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.js-ifader-vertical-cube .js-ifader-previous-item {
	-moz-transform: rotateX(-90deg);
	-webkit-transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}
