// http://codepen.io/jennschlick/pen/emBzdZ
@-webkit-keyframes ishflip {

	0% {
		transform: perspective(120px) rotateX(0deg) rotateY(0deg);
	}

	50% {
		transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
	}

	100% {
		transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
	}

}

@keyframes ishflip {

	0% {
		transform: perspective(120px) rotateX(0deg) rotateY(0deg);
	}

	50% {
		transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
	}

	100% {
		transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
	}

}

@-moz-keyframes ishflip {

	0% {
		transform: perspective(120px) rotateX(0deg) rotateY(0deg);
	}

	50% {
		transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
	}

	100% {
		transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
	}

}

.ish-site-preloader{
	width: 25px;
	height: 25px;
	margin: 0 auto;
	display: block;
	clear: both;
}

.ish-site-preloader {
	.ish-loader {
		width: 25px;
		height: 25px;
	}

	.ish-flipper {
		position: relative;
		display: block;
		height: inherit;
		width: inherit;
		-webkit-animation: ishflip 1.2s infinite ease-in-out;
		-moz-animation: ishflip 1.2s infinite ease-in-out;
		animation: ishflip 1.2s infinite ease-in-out;
		transform-style: preserve-3d;
	}

	.ish-front,
	.ish-back {
		position: absolute;
		top: 0;
		left: 0;
		backface-visibility: hidden;
		display: block;
		// background-color: #975e15; // moved to dynamic colors
		height: 100%;
		width: 100%;
	}

	.ish-back {
		// background-color: #767676; // moved to dynamic colors
		z-index: 800;
		transform: rotateY(-180deg);
	}
}