/* ========== SCREEN WIPE STYLES ========== */

.screenwipe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	display: none;
}
.quad {
	position: fixed;
	width: 50.5%;
	height: 50.5%;
	overflow: hidden;
}
.quad1 {
	top: 0;
	left: 0;
}
.quad2 {
	top: 0;
	left: 50%;
}
.quad3 {
	top: 50%;
	left: 0;
}
.quad4 {
	top: 50%;
	left: 50%;
}

#quad1_sprite {
	width: 102%;
	height: 102%;
}
#quad2_sprite {
	width: 102%;
	height: 102%;
}
#quad3_sprite {
	width: 102%;
	height: 102%;
}
#quad4_sprite {
	width: 102%;
	height: 102%;
}

/* ================== WIPE STYLE: WINDMILL ================== */

.quad1_windmill {
	-moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.quad2_windmill {
	-moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.quad3_windmill {
	-moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.quad4_windmill {
	-moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* ================== WIPE STYLE: DIAMOND ================== */

.quad1_diamond {
	-moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.quad2_diamond {
	-moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.quad3_diamond {
	-moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
.quad4_diamond {
	-moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);

	-moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);

	-moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* ================== WIPE STYLE: TRIANGLE ================== */

.quad1_triangle {
	-moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.quad2_triangle {
	-moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.quad3_triangle {
	-moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.quad4_triangle {
	-moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

/* ================== WIPE STYLE: ABYSS ================== */

.quad1_abyss {
	-moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.quad2_abyss {
	-moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
.quad3_abyss {
	-moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.quad4_abyss {
	-moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}