@-webkit-keyframes pulse {
       0% {
         opacity: 1.0;
         -webkit-transform: scale(.7);
       }
       50% {
         opacity: 0.5;
         -webkit-transform: scale(.9);
       }
       100% {
         opacity: 1.0;
         -webkit-transform: scale(.7);
       }
      }
      
          
#ifact_short_term_effects{height: 412px;margin: 0px auto;width: 734px; overflow: hidden; position: relative;}
#short_term_effects_hed{width: 226px; height: 140px; margin: 25px 0 0 28px; opacity:0; position: absolute; -webkit-transition: opacity .5s ease-in;-webkit-transition-delay:1s;}
#short_term_effects_hed h2{background: url(/img/hard-facts/short-term-effects/sprite-short-term.png); width: 226px; height: 31px; text-indent: -9999em; margin: 0; padding: 0;}
#short_term_effects_hed h3{color: #ffffff; opacity: .7; font-size:15px;}

     
     
#die_wrapper{width: 191px; height: 179px; margin: 200px 0 0 40px; position: absolute; opacity: 0;-webkit-transition: opacity .5s ease-in; }
#die_wrapper.fadein{-webkit-transition-delay:2s; /*Safari and Chrome */ opacity: 1 !important;}

#body_wrapper{background: url(/img/hard-facts/short-term-effects/sprite-short-term.png) right no-repeat; width: 364px; height: 398px; position: absolute; margin: 13px 0px 0px 280px; opacity: 0;-webkit-transition: opacity .7s ease-in; -webkit-transition-delay:.5s; /*Safari and Chrome */ opacity: 0;}
#body_wrapper.fadein{-webkit-transition-delay:.4s; /*Safari and Chrome */ opacity: 1 !important;}

#dieCTA{opacity: 1; text-align: center; color: #b3b3b3; font-size: 14px; position: absolute; margin-top: 120px;-webkit-transition: opacity .5s ease-in;}
#dieCTA a { color: #fff; text-decoration: none;  }
#die{width: 88px; height: 76px; background: url(/img/hard-facts/short-term-effects/sprite-short-term.png) bottom left; position: absolute; margin: 50px 0 0 50px;}

#body_wrapper ul{margin: 0; padding: 0;}
#body_wrapper ul li{list-style-type: none; position: absolute; text-transform: uppercase; padding-right: 25px;}
#body_wrapper ul li a{ height: 25px; width: 25px; display: block; position: absolute; padding: 10px;

	   -webkit-animation-name: pulse;
       -webkit-animation-duration: 2s;
       -webkit-animation-iteration-count: infinite;
       -webkit-animation-timing-function: ease-in-out;
	z-index: 100;
}

#body_wrapper ul li h4{opacity: .7; color: #fff; -webkit-transition: all .2s ease-in; margin: 0;padding: 0; -webkit-transform: scale(.9);}
#body_wrapper ul li h4.fadeIn{opacity: 1; -webkit-transform:scale(1);}

#body_wrapper ul li span{opacity: 0; -webkit-transition: all .2s ease-in; text-transform: none !important;color: #fff; font-size: 13px; -webkit-transform: scale(.9);}
#body_wrapper ul li span.fadeIn{opacity: 1; -webkit-transform:scale(1) !important; display: block;}

#term{font-size: 18px; color: #cccccc; display: block; position: relative;}
#def{color: #ffffff; font-size: 14px; display: none;}


.fadein{opacity: 1 !important;}
.touchLine{position: absolute;}
#body_wrapper ul li.fadeOut{display: none; background: red;}
#body_wrapper ul li.fadein{opacity: 1 !important;}


#addiction{right: -50px;  width: 150px;}
#addiction span, #addiction h4{width: 170px; text-align: left !important; }
#addiction a{top:6px;right:209px;}
#addiction .touchLine{width: 48px; height: 14px; background: url(/img/hard-facts/short-term-effects/lines.png) no-repeat -130px 0; top: 7px; right: 178px;}

#anxiety{top: 80px;right: 230px;text-align: right; width: 130px; padding-right: 0 !important; padding-left: 24px;}
#anxiety a{top: -43px;right: -48px;}
#anxiety .touchLine{width: 37px; height: 31px; background: url(/img/hard-facts/short-term-effects/lines.png) no-repeat -70px -38px; top: -29px; right: -32px;}
#anxiety #killDefinition{top: 0px; left: 0px;}

#halucinations{right: -90px;top: 42px;width: 180px;}
#halucinations a{right: 233px;top: -5px;}
#halucinations .touchLine{width: 32px; height: 4px; background: url(/img/hard-facts/short-term-effects/lines.png) no-repeat -155px -43px; top:8px; right: 203px;}


#rottingTeeth{right: -80px;top: 90px;width: 170px;}
#rottingTeeth a{right: 240px;top: -6px;}
#rottingTeeth .touchLine{width: 57px; height: 2px; background: url(/img/hard-facts/short-term-effects/lines.png) no-repeat -130px -88px; right: 197px; top: 7px;}
#rottingTeeth #killDefinition{top: 0px; right: 30px;}

#sickness{top: 149px;right: 269px;width: 150px;text-align: right;}
#sickness a{top: -33px;right: -90px;}
#sickness .touchLine{width:84px; height: 24px; background: url(/img/hard-facts/short-term-effects/lines.png) no-repeat -34px -115px; right: -70px;top: -19px;}
#sickness #killDefinition{top: -5px; right: 175px;}

#stroke{top: 135px;right: -95px;width: 170px; padding: 0px !important;}
#stroke a{top: -9px;right: 234px;}
#stroke .touchLine{width:76px; height: 8px; background:url(/img/hard-facts/short-term-effects/lines.png) no-repeat -146px -129px; right: 173px;top: 2px;}
#stroke #killDefinition{right: 5px;top: 0px;}

#palpitations{right: -70px;top: 190px;width: 140px; padding: 0 0 0 25px !important;}
#palpitations a{top: -8px;right:219px;}
#palpitations .touchLine{width:104px; height: 4px; background: url(/img/hard-facts/short-term-effects/lines.png) no-repeat -139px -191px; right: 133px;top:5px;}
#palpitations #killDefinition{right: 5px;top: 0px;}

#seizures{top: 247px;right: -99px;width: 160px;}
#seizures a{right: 259px;top: 6px;}
#seizures .touchLine{background: url(/img/hard-facts/short-term-effects/lines.png) no-repeat -129px -245px;height: 16px;top: 7px;right: 189px;width: 86px;}
#seizures #killDefinition{right: 5px;top: 0px;}


#spasms{top: 248px;right: 270px;width: 140px; text-align: right;}
#spasms a{right: -29px;top: -8px;}
#spasms .touchLine{background: url(/img/hard-facts/short-term-effects/lines.png) no-repeat 0px -277px;height: 4px;right: -8px;top: 5px;width: 30px;}
#spasms #killDefinition{right: 135px;top: 0px;}

#hyperthermia{top: 187px;right: 283px; text-align: right; width: 137px; padding: 0 !important;}
#hyperthermia a{right: -96px;top:8px;}
#hyperthermia .touchLine{background: url(/img/hard-facts/short-term-effects/lines.png) no-repeat -31px -203px;height: 11px;right: -81px;top: 11px;width: 77px;}
#hyperthermia #killDefinition{right: 135px;top: 0px;}

#diarrhea{top:330px;right:240px; width: 160px; text-align: right;}
#diarrhea a{right: -31px;top: -30px;}
#diarrhea .touchLine{background: url(/img/hard-facts/short-term-effects/lines.png) no-repeat -161px -312px; height: 23px; width: 48px; right: -20px;top: -18px;}
#diarrhea #killDefinition{right: 135px;top: 0px;}


#body_wrapper a{
background: -webkit-gradient(radial, 50% 50%, 2, 50% 50%, 5, color-stop(0.5, rgba(0,0,0,1)), color-stop(0.5, rgba(0,0,0,1)),color-stop(.50, rgba(0,0,0,1)), to(rgba(0,0,0,0) )),rgba(0,0,0,.4);
border-radius: 20px;
padding: 15px;
height: 9px!important; width: 9px !important;
}




#body_wrapper a:active{

background: -webkit-gradient(radial, 50% 50%, 2, 50% 50%, 5, color-stop(0.5, rgba(0,0,0,1)), color-stop(0.5, rgba(0,0,0,1)),color-stop(.50, rgba(0,0,0,1)), to(rgba(0,0,0,0) )),rgba(0,0,0,.8);
	-webkit-transition: translate 2s;
border-radius: 20px;
height: 9px!important; width: 9px !important;
}

#killDefinition{height: 20px; width: 20px; background: url(/img/hard-facts/short-term-effects/sprite-short-term.png) 0 -40px; position: absolute; top: 0px; right: 0px; display: none; z-index: 10; cursor: pointer;}



#tempLines{background: url(/img/hard-fxacts/short-term-effects/lines.png) no-repeat; width: 230px; height: 341px; margin: 51px 0px 0px 63px; position: absolute; display: none;}
#die.die-1{ background: url(/img/hard-facts/short-term-effects/die-1.png) no-repeat bottom left; }
#die.die-2{ background: url(/img/hard-facts/short-term-effects/die-2.png) no-repeat bottom left; }
#die.die-3{ background: url(/img/hard-facts/short-term-effects/die-3.png) no-repeat bottom left; }
#die.die-4{ background: url(/img/hard-facts/short-term-effects/die-4.png) no-repeat bottom left; }
#die.die-5{ background: url(/img/hard-facts/short-term-effects/die-5.png) no-repeat bottom left; }
#die.die-6{ background: url(/img/hard-facts/short-term-effects/die-6.png) no-repeat bottom left; }

.platformSpecificDisplayText{
	display:none;
}