/* CSS Document */

.fortuneCookoo{

	/* change size of whole cta */
	transform: scale3d(.4,.4,.4);
	/* shift position of whole CTA */
   /* left: -126px;
    top: -127px;*/
	/*don't touch these! scale button above with the transform*/
	width:400px;
	height:400px;
	z-index:auto;
	-ms-transform: none;
	position:relative;
	cursor:pointer;
}

/* IMAGES SECTION */
/* IMAGES SECTION */
/* IMAGES SECTION */
/* IMAGES SECTION */
/* IMAGES SECTION */
/* IMAGES SECTION */
/* IMAGES SECTION */
/* IMAGES SECTION */
/* IMAGES SECTION */

/* TOP LEFT QUADRANT */
.fortuneCookoo #quad1 .bg1  {background:url('img/me.jpg'); }
.fortuneCookoo #quad1 .bg2  {background:url('img/me.jpg'); }
.fortuneCookoo #quad1 .bg3  {background:url('img/me2.jpg'); }
.fortuneCookoo #quad1 .bg4  {background:url('img/me3.jpg'); }
.fortuneCookoo #quad1 .bg5  {background:url('img/m4.jpg'); }
.fortuneCookoo #quad1 .bg6  {background:url('img/m5.jpg'); }
/* TOP RIGHT QUADRANT */
.fortuneCookoo #quad2 .bg1  {background:url('img/me.jpg')-200px 0px; }
.fortuneCookoo #quad2 .bg2  {background:url('img/me.jpg')-200px 0px; }
.fortuneCookoo #quad2 .bg3  {background:url('img/me2.jpg')-200px 0px; }
.fortuneCookoo #quad2 .bg4  {background:url('img/me3.jpg')-200px 0px; }
.fortuneCookoo #quad2 .bg5  {background:url('img/m4.jpg')-200px 0px; }
.fortuneCookoo #quad2 .bg6  {background:url('img/m5.jpg')-200px 0px; }
/* BOTTOM LEFT QUADRANT */
.fortuneCookoo #quad3 .bg1  {background:url('img/me.jpg')0px -200px; }
.fortuneCookoo #quad3 .bg2  {background:url('img/me.jpg')0px -200px; }
.fortuneCookoo #quad3 .bg3  {background:url('img/me2.jpg')0px -200px; }
.fortuneCookoo #quad3 .bg4  {background:url('img/me3.jpg')0px -200px; }
.fortuneCookoo #quad3 .bg5  {background:url('img/m4.jpg')0px -200px; }
.fortuneCookoo #quad3 .bg6  {background:url('img/m5.jpg')0px -200px; }
/* BOTTOM RIGHT QUADRANT */
.fortuneCookoo #quad4 .bg1  {background:url('img/me.jpg')-200px -200px; }
.fortuneCookoo #quad4 .bg2  {background:url('img/me.jpg')-200px -200px; }
.fortuneCookoo #quad4 .bg3  {background:url('img/me2.jpg')-200px -200px; }
.fortuneCookoo #quad4 .bg4  {background:url('img/me3.jpg')-200px -200px; }
.fortuneCookoo #quad4 .bg5  {background:url('img/m4.jpg')-200px -200px; }
.fortuneCookoo #quad4 .bg6  {background:url('img/m5.jpg')-200px -200px; }

.fortuneCookoo:hover{
	z-index:999!important;
	-ms-transform:translateY(-15px);
	-ms-transition: .5s ease;
	}

.fortuneCookoo:hover #quad1 {
	animation: roto 9s linear infinite;
	}
.fortuneCookoo:hover #quad2 {
	animation: roto2 9s linear infinite;
	}
.fortuneCookoo:hover #quad3 {
	animation: roto3 9s linear infinite;
	}
.fortuneCookoo:hover #quad4 {
	animation: roto4 9s linear infinite;
	}
/* DO NOTHING BELOW HERE */
/* DO NOTHING BELOW HERE */
/* DO NOTHING BELOW HERE */
/* DO NOTHING BELOW HERE */
/* DO NOTHING BELOW HERE */
/* DO NOTHING BELOW HERE */
/* DO NOTHING BELOW HERE */
/* DO NOTHING BELOW HERE */

/* ______  ______  _______  _______
   |         |     |     |  |     |
   |_____    |     |     |  |_____|     
        |    |     |     |  |          
   _____|    |     |_____|  |
   
   ______  ______  _______  _______
   |         |     |     |  |     |
   |_____    |     |     |  |_____|     
        |    |     |     |  |          
   _____|    |     |_____|  |

   ______  ______  _______  _______
   |         |     |     |  |     |
   |_____    |     |     |  |_____|     
        |    |     |     |  |          
   _____|    |     |_____|  |

*/
	
.bg1, .bg2, .bg3, .bg4, .bg5, .bg6{backface-visibility: hidden; }

.containz {
  width: 200px;
  height: 200px;
  position: relative;
  perspective: 4000000px;
}
.containz2 {
  width: 200px;
  height: 200px;
  position: relative;
  perspective: 4000000px;
  left: 200px;
  top: -200px;
}
.containz3 {
  width: 200px;
  height: 200px;
  position: relative;
  perspective: 4000000px;
  top: -200px;
}
.containz4 {
  width: 200px;
  height: 200px;
  position: relative;
  perspective: 4000000px;
  left: 200px;
  top: -400px;
}
#quad1 {
  width: 100%;
  height: 100%;
  position: absolute;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: none;
  -ms-transform:none;
  transform-style: preserve-3d;
}
#quad2 {
  width: 100%;
  height: 100%;
  position: absolute;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: none;
  -ms-transform:none;
  transform-style: preserve-3d;
}
#quad3 {
  width: 100%;
  height: 100%;
  position: absolute;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: none;
  -ms-transform:none;
  transform-style: preserve-3d;
}
#quad4 {
  width: 100%;
  height: 100%;
  position: absolute;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: none;
  -ms-transform:none;
  transform-style: preserve-3d;
}
#quad1 figure {
  margin: 0;
  width: 200px;
  height: 200px;
  display: block;
  position: absolute;
  border: 0px solid black;
}
#quad2 figure {
  margin: 0;
  width: 200px;
  height: 200px;
  display: block;
  position: absolute;
  border: 0px solid black;
}
#quad3 figure {
  margin: 0;
  width: 200px;
  height: 200px;
  display: block;
  position: absolute;
  border: 0px solid black;
}
#quad4 figure {
  margin: 0;
  width: 200px;
  height: 200px;
  display: block;
  position: absolute;
  border: 0px solid black;
}
#quad1 .front  { transform: rotateY(   0deg ) translateZ( 100px ); 					-moz-transform: rotateY(   0deg ) translateZ( 100px )					;}
#quad1 .back   { transform: rotateX( 180deg ) translateZ( 100px ); 					-moz-transform: rotateX( 180deg ) translateZ( 100px )					;}
#quad1 .right  { transform: rotateY(  90deg ) rotateZ( 90deg) translateZ( 100px ); 	-moz-transform: rotateY(  90deg ) rotateZ( 90deg) translateZ( 100px )	;}
#quad1 .left   { transform: rotateY( -90deg ) rotateZ(-90deg) translateZ( 100px ); 	-moz-transform: rotateY( -90deg ) rotateZ(-90deg) translateZ( 100px )	;}
#quad1 .top    { transform: rotateX(  90deg ) rotateZ(-90deg) translateZ( 100px ); 	-moz-transform: rotateX(  90deg ) rotateZ(-90deg) translateZ( 100px )	;}
#quad1 .bottom { transform: rotateX( -90deg ) rotate(-90deg) translateZ( 100px ); 	-moz-transform: rotateX( -90deg ) rotate(-90deg) translateZ( 100px )	;}

#quad2 .front  { transform: rotateY(   0deg ) translateZ( 100px ); 					-moz-transform: rotateY(   0deg ) translateZ( 100px )					;}
#quad2 .back   { transform: rotateX( 180deg ) translateZ( 100px ); 					-moz-transform: rotateX( 180deg ) translateZ( 100px )					;}
#quad2 .right  { transform: rotateY(  90deg ) rotateZ( -90deg) translateZ( 100px ); -moz-transform: rotateY(  90deg ) rotateZ( -90deg) translateZ( 100px )	;}
#quad2 .left   { transform: rotateY( -90deg ) rotateZ(-90deg) translateZ( 100px ); 	-moz-transform: rotateY( -90deg ) rotateZ(-90deg) translateZ( 100px )	;}
#quad2 .top    { transform: rotateX(  90deg ) rotateZ(90deg) translateZ( 100px );	-moz-transform: rotateX(  90deg ) rotateZ(90deg) translateZ( 100px )	;}
#quad2 .bottom { transform: rotateX( -90deg ) rotate(90deg) translateZ( 100px ); 	-moz-transform: rotateX( -90deg ) rotate(90deg) translateZ( 100px )		;}

#quad3 .front  { transform: rotateY(   0deg ) translateZ( 100px ); 					-moz-transform: rotateY(   0deg ) translateZ( 100px )					;}
#quad3 .back   { transform: rotateX( 180deg ) rotateZ(-90deg) translateZ( 100px ); 	-moz-transform: rotateX( 180deg ) rotateZ(-90deg) translateZ( 100px )	;}
#quad3 .right  { transform: rotateY(  -90deg ) rotateZ( -90deg) translateZ( 100px);	-moz-transform: rotateY(  -90deg ) rotateZ( -90deg) translateZ( 100px)	;}
#quad3 .left   { transform: rotateY( 90deg ) rotateZ(90deg) translateZ( 100px );	-moz-transform: rotateY( 90deg ) rotateZ(90deg) translateZ( 100px )		;}
#quad3 .top    { transform: rotateX(  90deg ) rotateZ(90deg) translateZ( 100px );	-moz-transform: rotateX(  90deg ) rotateZ(90deg) translateZ( 100px )	;}
#quad3 .bottom { transform: rotateX( -90deg ) rotate(0deg) translateZ( 100px );		-moz-transform: rotateX( -90deg ) rotate(0deg) translateZ( 100px )		;}

#quad4 .front  { transform: rotateY(   0deg ) translateZ( 100px );					-moz-transform: rotateY(   0deg ) translateZ( 100px )					;}
#quad4 .back   { transform: rotateX( 180deg ) rotateZ(90deg) translateZ( 100px );	-moz-transform: rotateX( 180deg ) rotateZ(90deg) translateZ( 100px )	;}
#quad4 .right  { transform: rotateY(  -90deg ) rotateZ( 90deg) translateZ( 100px ); -moz-transform: rotateY(  -90deg ) rotateZ( 90deg) translateZ( 100px )	;}
#quad4 .left   { transform: rotateY( 90deg ) rotateZ(90deg) translateZ( 100px ); 	-moz-transform: rotateY( 90deg ) rotateZ(90deg) translateZ( 100px )		;}
#quad4 .top    { transform: rotateX(  90deg ) rotateZ(-90deg) translateZ( 100px );	-moz-transform: rotateX(  90deg ) rotateZ(-90deg) translateZ( 100px )	;}
#quad4 .bottom { transform: rotateX( -90deg ) rotate(0deg) translateZ( 100px );		-moz-transform: rotateX( -90deg ) rotate(0deg) translateZ( 100px )		;}



@keyframes roto{
	0% { 		transform: rotateZ(0deg) rotateY(0deg) rotateX(0deg); 			-ms-transform:none; -moz-transform: rotateZ(0deg) rotateY(0deg) rotateX(0deg)			;}
	10% { 		transform: rotateZ(-90deg) rotateY(-90deg) rotateX(0deg);		-ms-transform:none; -moz-transform: rotateZ(-90deg) rotateY(-90deg) rotateX(0deg)		;}
	16.666% { 	transform: rotateZ(-90deg) rotateY(-90deg) rotateX(0deg);		-ms-transform:none; -moz-transform: rotateZ(-90deg) rotateY(-90deg) rotateX(0deg)		;}
	22% { 		transform: rotateZ(-90deg) rotateY(-90deg) rotateX(0deg);		-ms-transform:none; -moz-transform: rotateZ(-90deg) rotateY(-90deg) rotateX(0deg)		;}
	30% { 		transform: rotateZ(-90deg) rotateY(-180deg) rotateX(90deg);		-ms-transform:none;	-moz-transform: rotateZ(-90deg) rotateY(-180deg) rotateX(90deg) 	;}
	33.333% { 	transform: rotateZ(-90deg) rotateY(-180deg) rotateX(90deg);		-ms-transform:none; -moz-transform: rotateZ(-90deg) rotateY(-180deg) rotateX(90deg)		;}
	39% { 		transform: rotateZ(-90deg) rotateY(-180deg) rotateX(90deg);		-ms-transform:none;	-moz-transform: rotateZ(-90deg) rotateY(-180deg) rotateX(90deg)		;}
	47% { 		transform: rotateZ(-180deg) rotateY(-270deg) rotateX(90deg);	-ms-transform:none;	-moz-transform: rotateZ(-180deg) rotateY(-270deg) rotateX(90deg)	;}
	50% { 		transform: rotateZ(-180deg) rotateY(-270deg) rotateX(90deg);	-ms-transform:none;	-moz-transform: rotateZ(-180deg) rotateY(-270deg) rotateX(90deg)	;}
	56% { 		transform: rotateZ(-180deg) rotateY(-270deg) rotateX(90deg);	-ms-transform:none;	-moz-transform: rotateZ(-180deg) rotateY(-270deg) rotateX(90deg)	;}
	63% { 		transform: rotateZ(-270deg) rotateY(-360deg) rotateX(90deg);	-ms-transform:none; -moz-transform: rotateZ(-270deg) rotateY(-360deg) rotateX(90deg)	;}
	66.666% { 	transform: rotateZ(-270deg) rotateY(-360deg) rotateX(90deg);	-ms-transform:none;	-moz-transform: rotateZ(-270deg) rotateY(-360deg) rotateX(90deg)	;}
	72% { 		transform: rotateZ(-270deg) rotateY(-360deg) rotateX(90deg);	-ms-transform:none;	-moz-transform: rotateZ(-270deg) rotateY(-360deg) rotateX(90deg)	;}
	80% { 		transform: rotateZ(-360deg) rotateY(-360deg) rotateX(180deg);	-ms-transform:none;	-moz-transform: rotateZ(-360deg) rotateY(-360deg) rotateX(180deg)	;}
	83.333% { 	transform: rotateZ(-360deg) rotateY(-360deg) rotateX(180deg); 	-ms-transform:none;	-moz-transform: rotateZ(-360deg) rotateY(-360deg) rotateX(180deg)	;}
	89% { 		transform: rotateZ(-360deg) rotateY(-360deg) rotateX(180deg); 	-ms-transform:none;	-moz-transform: rotateZ(-360deg) rotateY(-360deg) rotateX(180deg)	;}
	97% { 		transform: rotateZ(-360deg) rotateY(-360deg) rotateX(0deg); 	-ms-transform:none;	-moz-transform: rotateZ(-360deg) rotateY(-360deg) rotateX(0deg)		;}
	100% { 		transform: rotateZ(-360deg) rotateY(-360deg) rotateX(0deg); 	-ms-transform:none;	-moz-transform: rotateZ(-360deg) rotateY(-360deg) rotateX(0deg)		;}
	}
@keyframes roto2{
	0% { 		transform: rotateZ(0deg) rotateY(0deg) rotateX(0deg); 			-ms-transform:none; -moz-transform: rotateZ(0deg) rotateY(0deg) rotateX(0deg)			;}
	10% { 		transform: rotateZ(90deg) rotateY(-90deg) rotateX(0deg); 		-ms-transform:none; -moz-transform: rotateZ(90deg) rotateY(-90deg) rotateX(0deg)		;}
	16.666% { 	transform: rotateZ(90deg) rotateY(-90deg) rotateX(0deg); 		-ms-transform:none; -moz-transform: rotateZ(90deg) rotateY(-90deg) rotateX(0deg)		;}
	22% { 		transform: rotateZ(90deg) rotateY(-90deg) rotateX(0deg); 		-ms-transform:none; -moz-transform: rotateZ(90deg) rotateY(-90deg) rotateX(0deg)		;}
	30% { 		transform: rotateZ(90deg) rotateY(-180deg) rotateX(90deg); 		-ms-transform:none; -moz-transform: rotateZ(90deg) rotateY(-180deg) rotateX(90deg)		;}
	33.333% { 	transform: rotateZ(90deg) rotateY(-180deg) rotateX(90deg); 		-ms-transform:none; -moz-transform: rotateZ(90deg) rotateY(-180deg) rotateX(90deg)		;}
	39% { 		transform: rotateZ(90deg) rotateY(-180deg) rotateX(90deg); 		-ms-transform:none; -moz-transform: rotateZ(90deg) rotateY(-180deg) rotateX(90deg)		;}
	47% { 		transform: rotateZ(180deg) rotateY(-270deg) rotateX(90deg); 	-ms-transform:none; -moz-transform: rotateZ(180deg) rotateY(-270deg) rotateX(90deg)		;}
	50% { 		transform: rotateZ(180deg) rotateY(-270deg) rotateX(90deg); 	-ms-transform:none; -moz-transform: rotateZ(180deg) rotateY(-270deg) rotateX(90deg)		;}
	56% { 		transform: rotateZ(180deg) rotateY(-270deg) rotateX(90deg); 	-ms-transform:none; -moz-transform: rotateZ(180deg) rotateY(-270deg) rotateX(90deg)		;}
	63% { 		transform: rotateZ(270deg) rotateY(-360deg) rotateX(90deg); 	-ms-transform:none; -moz-transform: rotateZ(270deg) rotateY(-360deg) rotateX(90deg)		;}
	66.666% { 	transform: rotateZ(270deg) rotateY(-360deg) rotateX(90deg); 	-ms-transform:none; -moz-transform: rotateZ(270deg) rotateY(-360deg) rotateX(90deg)		;}
	72% { 		transform: rotateZ(270deg) rotateY(-360deg) rotateX(90deg); 	-ms-transform:none; -moz-transform: rotateZ(270deg) rotateY(-360deg) rotateX(90deg)		;}
	80% { 		transform: rotateZ(360deg) rotateY(-360deg) rotateX(180deg); 	-ms-transform:none; -moz-transform: rotateZ(360deg) rotateY(-360deg) rotateX(180deg)	;}
	83.333% { 	transform: rotateZ(360deg) rotateY(-360deg) rotateX(180deg); 	-ms-transform:none; -moz-transform: rotateZ(360deg) rotateY(-360deg) rotateX(180deg)	;}
	89% { 		transform: rotateZ(360deg) rotateY(-360deg) rotateX(180deg); 	-ms-transform:none; -moz-transform: rotateZ(360deg) rotateY(-360deg) rotateX(180deg)	;}
	97% { 		transform: rotateZ(360deg) rotateY(-360deg) rotateX(0deg); 		-ms-transform:none; -moz-transform: rotateZ(360deg) rotateY(-360deg) rotateX(0deg)		;}
	100% { 		transform: rotateZ(360deg) rotateY(-360deg) rotateX(0deg); 		-ms-transform:none; -moz-transform: rotateZ(360deg) rotateY(-360deg) rotateX(0deg)		;}
	}

@keyframes roto3{
	0% { 		transform: rotateZ(0deg) rotateY(0deg) rotateX(0deg); 			-ms-transform:none; -moz-transform: rotateZ(0deg) rotateY(0deg) rotateX(0deg)			;}
	10% { 		transform: rotateZ(90deg) rotateY(90deg) rotateX(0deg); 		-ms-transform:none; -moz-transform: rotateZ(90deg) rotateY(90deg) rotateX(0deg)			;}
	16.666% { 	transform: rotateZ(90deg) rotateY(90deg) rotateX(0deg); 		-ms-transform:none; -moz-transform: rotateZ(90deg) rotateY(90deg) rotateX(0deg)			;}
	22% { 		transform: rotateZ(90deg) rotateY(90deg) rotateX(0deg); 		-ms-transform:none; -moz-transform: rotateZ(90deg) rotateY(90deg) rotateX(0deg)			;}
	30% { 		transform: rotateZ(90deg) rotateY(180deg) rotateX(90deg); 		-ms-transform:none; -moz-transform: rotateZ(90deg) rotateY(180deg) rotateX(90deg)		;}
	33.333% { 	transform: rotateZ(90deg) rotateY(180deg) rotateX(90deg); 		-ms-transform:none; -moz-transform: rotateZ(90deg) rotateY(180deg) rotateX(90deg)		;}
	39% { 		transform: rotateZ(90deg) rotateY(180deg) rotateX(90deg); 		-ms-transform:none; -moz-transform: rotateZ(90deg) rotateY(180deg) rotateX(90deg)		;}
	47% { 		transform: rotateZ(180deg) rotateY(270deg) rotateX(90deg); 		-ms-transform:none; -moz-transform: rotateZ(180deg) rotateY(270deg) rotateX(90deg)		;}
	50% { 		transform: rotateZ(180deg) rotateY(270deg) rotateX(90deg); 		-ms-transform:none; -moz-transform: rotateZ(180deg) rotateY(270deg) rotateX(90deg)		;}
	56% { 		transform: rotateZ(180deg) rotateY(270deg) rotateX(90deg); 		-ms-transform:none; -moz-transform: rotateZ(180deg) rotateY(270deg) rotateX(90deg)		;}
	63% { 		transform: rotateZ(180deg) rotateY(180deg) rotateX(270deg); 	-ms-transform:none; -moz-transform: rotateZ(180deg) rotateY(180deg) rotateX(270deg)		;}
	66.666% { 	transform: rotateZ(180deg) rotateY(180deg) rotateX(270deg); 	-ms-transform:none; -moz-transform: rotateZ(180deg) rotateY(180deg) rotateX(270deg)		;}
	72% { 		transform: rotateZ(180deg) rotateY(180deg) rotateX(270deg); 	-ms-transform:none; -moz-transform: rotateZ(180deg) rotateY(180deg) rotateX(270deg)		;}
	80% { 		transform: rotateZ(270deg) rotateY(180deg) rotateX(360deg); 	-ms-transform:none; -moz-transform: rotateZ(270deg) rotateY(180deg) rotateX(360deg)		;}
	83.333% { 	transform: rotateZ(270deg) rotateY(180deg) rotateX(360deg); 	-ms-transform:none; -moz-transform: rotateZ(270deg) rotateY(180deg) rotateX(360deg)		;}
	89% { 		transform: rotateZ(270deg) rotateY(180deg) rotateX(360deg); 	-ms-transform:none; -moz-transform: rotateZ(270deg) rotateY(180deg) rotateX(360deg)		;}
	97% { 		transform: rotateZ(360deg) rotateY(360deg) rotateX(360deg); 	-ms-transform:none; -moz-transform: rotateZ(360deg) rotateY(360deg) rotateX(360deg)		;}
	100% { 		transform: rotateZ(360deg) rotateY(360deg) rotateX(360deg); 	-ms-transform:none; -moz-transform: rotateZ(360deg) rotateY(360deg) rotateX(360deg)		;}
	}
@keyframes roto4{
	0% { 		transform: rotateZ(0deg) rotateY(0deg) rotateX(0deg); 			-ms-transform:none; -moz-transform: rotateZ(0deg) rotateY(0deg) rotateX(0deg)			;}
	10% { 		transform: rotateZ(-90deg) rotateY(90deg) rotateX(0deg); 		-ms-transform:none; -moz-transform: rotateZ(-90deg) rotateY(90deg) rotateX(0deg)		;}
	16.666% { 	transform: rotateZ(-90deg) rotateY(90deg) rotateX(0deg); 		-ms-transform:none; -moz-transform: rotateZ(-90deg) rotateY(90deg) rotateX(0deg)		;}
	22% { 		transform: rotateZ(-90deg) rotateY(90deg) rotateX(0deg); 		-ms-transform:none; -moz-transform: rotateZ(-90deg) rotateY(90deg) rotateX(0deg)		;}
	30% { 		transform: rotateZ(-90deg) rotateY(180deg) rotateX(90deg); 		-ms-transform:none; -moz-transform: rotateZ(-90deg) rotateY(180deg) rotateX(90deg)		;}
	33.333% { 	transform: rotateZ(-90deg) rotateY(180deg) rotateX(90deg); 		-ms-transform:none; -moz-transform: rotateZ(-90deg) rotateY(180deg) rotateX(90deg)		;}
	39% { 		transform: rotateZ(-90deg) rotateY(180deg) rotateX(90deg); 		-ms-transform:none; -moz-transform: rotateZ(-90deg) rotateY(180deg) rotateX(90deg)		;}
	47% { 		transform: rotateZ(-180deg) rotateY(270deg) rotateX(90deg); 	-ms-transform:none; -moz-transform: rotateZ(-180deg) rotateY(270deg) rotateX(90deg)		;}
	50% { 		transform: rotateZ(-180deg) rotateY(270deg) rotateX(90deg); 	-ms-transform:none; -moz-transform: rotateZ(-180deg) rotateY(270deg) rotateX(90deg)		;}
	56% { 		transform: rotateZ(-180deg) rotateY(270deg) rotateX(90deg); 	-ms-transform:none; -moz-transform: rotateZ(-180deg) rotateY(270deg) rotateX(90deg)		;}
	63% { 		transform: rotateZ(-180deg) rotateY(180deg) rotateX(270deg); 	-ms-transform:none; -moz-transform: rotateZ(-180deg) rotateY(180deg) rotateX(270deg)	;}
	66.666% { 	transform: rotateZ(-180deg) rotateY(180deg) rotateX(270deg); 	-ms-transform:none; -moz-transform: rotateZ(-180deg) rotateY(180deg) rotateX(270deg)	;}
	72% { 		transform: rotateZ(-180deg) rotateY(180deg) rotateX(270deg); 	-ms-transform:none; -moz-transform: rotateZ(-180deg) rotateY(180deg) rotateX(270deg)	;}
	80% { 		transform: rotateZ(-270deg) rotateY(180deg) rotateX(360deg); 	-ms-transform:none; -moz-transform: rotateZ(-270deg) rotateY(180deg) rotateX(360deg)	;}
	83.333% { 	transform: rotateZ(-270deg) rotateY(180deg) rotateX(360deg); 	-ms-transform:none; -moz-transform: rotateZ(-270deg) rotateY(180deg) rotateX(360deg)	;}
	89% { 		transform: rotateZ(-270deg) rotateY(180deg) rotateX(360deg); 	-ms-transform:none; -moz-transform: rotateZ(-270deg) rotateY(180deg) rotateX(360deg)	;}
	97% { 		transform: rotateZ(-360deg) rotateY(360deg) rotateX(360deg); 	-ms-transform:none; -moz-transform: rotateZ(-360deg) rotateY(360deg) rotateX(360deg)	;}
	100% { 		transform: rotateZ(-360deg) rotateY(360deg) rotateX(360deg); 	-ms-transform:none; -moz-transform: rotateZ(-360deg) rotateY(360deg) rotateX(360deg)	;}
	}