#ifact_uncertain_future_nonflash .face.back {
     display: none;
   }
   @media all and (-webkit-transform-3d) {
     /* Use the media query to determine if 3D transforms are supported */
	#ifact_uncertain_future_nonflash #flip-container {
       -webkit-perspective: 1000;
     }
	#ifact_uncertain_future_nonflash #tarotCard {

		width: 122px; height: 207px;
       -webkit-transform-style: preserve-3d;
       -webkit-transition: -webkit-transform 1s;
     }

	#ifact_uncertain_future_nonflash .flip {
       -webkit-transform: rotateY(180deg);
     }
	#ifact_uncertain_future_nonflash .face {
       position: absolute;
		width: 122px; height: 207px;
       -webkit-backface-visibility: hidden;
     }
	#ifact_uncertain_future_nonflash .face.back {
       display: block;
       -webkit-transform: rotateY(180deg);
       -webkit-box-sizing: border-box;
     }
   }
   
#ifact_uncertain_future_nonflash #tarotCard{float: left; margin: 0 20px;} 

#ifact_uncertain_future_nonflash{height: 412px;margin: 0px auto;width: 734px; overflow: hidden;}

#ifact_uncertain_future_nonflash #tarotNote{color: #fff; opacity: .7; width: 300px; margin: 0 auto; clear: both; font-size: 14px;}

#ifact_uncertain_future_nonflash #dealtHand{overflow: hidden; margin: 0 auto; width: 486px;}

#ifact_uncertain_future_nonflash #uncertain_future_hed h2{background: url(/img/hard-facts/an-uncertain-future/sprite_an-uncertain-future.png); width: 328px; height: 31px; text-indent: -9999em; margin: 0; padding: 0;}
#ifact_uncertain_future_nonflash #uncertain_future_hed h3{color: #ffffff; opacity: .7; font-size:15px;}

#ifact_uncertain_future_nonflash .face.front {cursor: pointer;}
     
#ifact_uncertain_future_nonflash #newHand{width: 101px; height: 19px; display: block; background: url(/img/hard-facts/an-uncertain-future/sprite_an-uncertain-future.png) top right; text-indent: -9999em; margin-top: 250px; margin-left: 15px; display: none; position: absolute;}
     
     
#ifact_uncertain_future_nonflash #cardStage{display: none;}
     
     
#ifact_uncertain_future_nonflash #uncertain_future_hed{width: 350px; margin: 25px 0 0 28px; opacity: 0;}
     
#ifact_uncertain_future_nonflash #tarotCTA{width: 211px; height: 79px; background: url(/img/hard-facts/an-uncertain-future/sprite_an-uncertain-future.png) 0px -37px; margin-top: -20px; margin-left: 264px; position: absolute;z-index: 10; opacity: 0;}
#ifact_uncertain_future_nonflash #tarotDeck{width: 228px; height: 143px; background: url(/img/hard-facts/an-uncertain-future/sprite_an-uncertain-future.png) -271px -47px; margin: 70px auto 0; opacity: 0; cursor: pointer;}