/* Defaults */

/*	  
#Face div.FaceMeta.Concealing .Pupils {animation:EyesDown 4s ease-in-out;}
#Face div.FaceMeta.Whatever .Pupils {animation:EyesDarting 2s ease-in-out;}
#Face div.FaceMeta.Thinking .Pupils {animation:EyesThoughtful 4s ease-in-out;}
#Face div.FaceMeta.Defensive .Pupils {top:-1%;}
#Face div.FaceMeta.Pointing .Pupils {animation:EyesRoll linear 1.5s;}

#Face div.FaceMeta.Concealing .Hands {animation: ConcealingAnim 3s  ease-in-out;animation-fill-mode: both;animation-delay: .5s;}
#Face div.FaceMeta.Whatever .Hands  {transform-origin: bottom right;animation: WhateverAnim 2s  ease-in-out;animation-fill-mode: both; animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Thinking .Hands {transform-origin: bottom left;animation: ThinkingAnim 2.5s  ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Defensive .Hands {animation: DefensiveAnim 1.5s  ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Pointing .Hands {animation: PointingAnim 1.5s  ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}*/

/* Anh */
#Face div.FaceMeta.Anh.Concealing .Pupils {animation:AnhEyesConcealing 4s ease-in-out;}
#Face div.FaceMeta.Anh.Whatever .Pupils {animation:AnhEyesWhatever 2s ease-in-out;}
#Face div.FaceMeta.Anh.Thinking .Pupils {animation:AnhEyesThoughtful 4s ease-in-out;}
#Face div.FaceMeta.Anh.Pointing .EyesMeta, #Face div.FaceMeta.Anh.Defensive .EyesMeta   
{ transform-origin: 50% 36%; animation:AnhEyesNarrow 3s; ease-in-out; animation-fill-mode: both; animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Anh.Pointing .Pupils {animation:none;}
#Face div.FaceMeta.Anh.Sarcastic .Pupils {animation:AnhEyesSarcastic 1s ease-in-out;animation-fill-mode: both;}
#Face div.FaceMeta.Anh.Concealing .Hands {animation: AnhHandsConcealing 3s  ease-in-out;animation-fill-mode: both;animation-delay: .5s;}
#Face div.FaceMeta.Anh.Whatever .Hands  {transform-origin: bottom right;animation: AnhHandsWhatever 2s  ease-in-out;animation-fill-mode: both; animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Anh.Thinking .Hands {transform-origin: bottom right;animation: AnhHandsThinking 2.5s  ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Anh.Defensive .Hands {animation: AnhHandsDefensive 1.5s  ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Anh.Pointing .Hands {animation: AnhHandsPointing 1.5s  ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}*/



		  @keyframes AnhEyesNarrow { 
   0% { transform: scaleY(1); }
    20%, 100% { transform: scaleY(.9); }
		  }
		  
		  @keyframes AnhEyesThoughtful { 
			  0%, 10% {left:0; top:0;}
			  15%, 95% {left:-1.25%; top:-1.25%}
			  100% {left:0; top:0;}
		  }
		  
	 @keyframes AnhEyesWhatever { 
			  0%, 20% {left:0; top:0;}
			  25%, 75% {left:2%; top:-1%}
			  100% {left:0;top:0;}
		  }	
		  
	 @keyframes AnhEyesConcealing {
			  0% {top:0;}
			  15%, 85% {top:1.25%;}
			  100% {top:0;}
		  }	 
		  
			  @keyframes AnhHandsConcealing {
			  0% { top: 100% }
			  20%, 80% { top:0; }
			  100% { top:100%;}
		  }
		  @keyframes AnhHandsWhatever {  
			  0% {transform: rotate(-90deg); }
            30% { transform: rotate(0deg);}
		  }
		  @keyframes AnhHandsThinking  {  
			  0% {transform: rotate(-90deg); }
           	30% { transform: rotate(0deg);}
		  }
		  @keyframes AnhHandsDefensive {			  
			  0% { top: 100% }
			  30% { top:0; }
		  }
		  @keyframes AnhHandsPointing {			  
			  0% { top: 100% }
			  30% { top:0; }
		  }
	  	
		  
		  @keyframes AnhEyesSarcastic {
			  0% {top:0;left:0;}
			  100% {top:-1.65%;left:1%}
		  }
		  
/* Bill */
#Face div.FaceMeta.Bill.Concealing .Pupils {animation:BillEyesConcealing 4s ease-in-out;}
#Face div.FaceMeta.Bill.Concealing .Hands {top:12%; transform-origin: bottom right;animation: BillHandsConcealing 2s  ease-in-out;animation-fill-mode: both;animation-delay: .5s;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Bill.Whatever .Hands  {top:15%;transform-origin: bottom right;animation: BillHandsWhatever 1s  ease-in-out;animation-fill-mode: both; animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Bill.Thinking .Pupils {animation:BillEyesThinking 3s ease-in-out;}
#Face div.FaceMeta.Bill.Thinking .Hands {transform-origin: 100% 150%; animation: BillHandsThinking 1.5s  ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Bill.Defensive .Hands {animation: BillHandsDefensive 1.5s  ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Bill.Pointing .EyesMeta { transform-origin: 50% 34%; animation:BillEyesPointing 6s; ease-in-out; animation-fill-mode: both; animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Bill.Pointing .Hands {animation: BillHandsPointing 1.5s  ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Bill.Sarcastic .Pupils {animation:BillEyesSarcastic 1s ease-in-out;animation-fill-mode: both;}

	 @keyframes BillEyesConcealing {
			  0% {top:0;}
			  15%, 85% {top:1.25%;}
			  100% {top:0;}
		  }	
		  @keyframes BillHandsConcealing  {  
			  0% {transform: rotate(-90deg); }
           	60%, 100% { transform: rotate(4deg);}
		  }
		  @keyframes BillHandsWhatever {  
			  0% {transform: rotate(-90deg); }
            60%, 100% { transform: rotate(-40deg);}
		  }
		  
		  @keyframes BillEyesThinking { 
			  0%, 10% {left:0; top:0;}
			  15%, 95% {left:1%; top:.75%}
			  100% {left:0; top:0;}
		  }
		  
		  @keyframes BillHandsThinking  {  
			  0% {transform: rotate(-90deg); }
           	70% { transform: rotate(0deg);}
		  }
		  
@keyframes BillEyesPointing { 
   0% { transform: scaleY(1); }
    20%, 100% { transform: scaleY(.8); }
		  }
		  	  
@keyframes BillHandsDefensive { 
   0% { top:100%; }
    40%, 100% { top:20%; }
		  }
		    		  	  
@keyframes BillHandsPointing { 
   0% { top:100%; }
    40%, 100% { top:20%; }
		  }
		  
		  		  
		  @keyframes BillEyesSarcastic {
			  0% {top:0;left:0;}
			  100% {top:-1.65%;left:0%}
		  }
		  
/* Crystal */

#Face div.FaceMeta.Crystal.Concealing .Pupils {animation:CrystalEyesConcealing 3s ease-in-out;}
#Face div.FaceMeta.Crystal.Whatever .Pupils {animation:CrystalEyesWhatever 2s ease-in-out;}
#Face div.FaceMeta.Crystal.Thinking .Pupils {animation:CrystalEyesThinking 4s ease-in-out;}
#Face div.FaceMeta.Crystal.Defensive .Pupils {top:-1%;}
#Face div.FaceMeta.Crystal.Pointing .Pupils {animation:CrystalEyesPointing linear 3s;}
#Face div.FaceMeta.Crystal.Sarcastic .Pupils {animation:CrystalEyesSarcastic 1s ease-in-out;animation-fill-mode: both;}

#Face div.FaceMeta.Crystal.Concealing .Hands {transform-origin: 50% 150%;animation: CrystalHandsConcealing 3s  ease-in-out;animation-fill-mode: both;}
#Face div.FaceMeta.Crystal.Whatever .Hands  {transform-origin: bottom right;animation: CrystalHandsWhatever 2s  ease-in-out;animation-fill-mode: both; animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Crystal.Thinking .Hands {transform-origin: bottom left;animation: CrystalHandsThinking 2.5s  ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Crystal.Defensive .Hands {animation: CrystalHandsDefensive 1.5s  ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Crystal.Pointing .Hands {animation: CrystalHandsPointing 1.5s  ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}

		  @keyframes CrystalHandsConcealing {
			  0% {transform:  rotate(-90deg);top:10%; }
			  20%, 80% {transform: rotate(0deg);top:2%;}
			  100% { transform: rotate(-90deg);top:10%;}
		  }
		  @keyframes CrystalHandsWhatever {  
			  0% {transform: rotate(-90deg); }
            30% { transform: rotate(0deg);}
		  }
		  @keyframes CrystalHandsThinking  {  
			  0% {transform: rotate(90deg); }
           	30% { transform: rotate(0deg);}
		  }
		  @keyframes CrystalHandsDefensive {			  
			  0% { top: 100% }
			  30% { top:0; }
		  }
		  @keyframes CrystalHandsPointing {			  
			  0% { top: 100% }
			  30% { top:0; }
		  }
		  
		  @keyframes CrystalEyesConcealing {
			  0% {top:0;}
			  15%, 85% {top:1.5%;}
			  100% {top:0;}
		  }	
		  
		  @keyframes CrystalEyesWhatever { 
			  0%, 20% {left:0;}
			  25%, 45% {left:-3%;}
			  50%,70% {left:0;}
			  75%, 95% {left:3%;}
			  100% {left:0;}
		  }		  
		  
		  @keyframes CrystalEyesThinking { 
			  0%, 10% {left:0; top:0;}
			  15%, 95% {left:-2%; top:-2%}
			  100% {left:0; top:0;}
		  }
		  @keyframes CrystalEyesPointing { 
		  
		 /*0%, 100% {transform:rotate(0deg)}
		  33% {transform:rotate(-3deg)}
		  67% {transform:rotate(3deg)}*/
			0%, 100% {left:0; top:0;}
			20%, 80% {left:0; top:-2%;}
		  }
		  		  		  
		  @keyframes CrystalEyesSarcastic {
			  0% {top:0;left:0;}
			  100% {top:-1.65%;left:1.25%}
		  }


/* Irving */

#Face div.FaceMeta.Irving.Concealing .Pupils {animation:IrvingEyesConcealing 4s ease-in-out;}
#Face div.FaceMeta.Irving.Concealing .Nod {animation:IrvingNodConcealing 4s ease-in-out;}
#Face div.FaceMeta.Irving.Concealing .Hands {top:12%; transform-origin: bottom left;animation: IrvingHandsConcealing 2s  ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Irving.Whatever .Nod {animation:IrvingNodWhatever 5s ease-in-out;}
#Face div.FaceMeta.Irving.Thinking .Pupils {animation:IrvingEyesThinking 7s ease-in-out;}
#Face div.FaceMeta.Irving.Thinking .Nod {animation: IrvingNodThinking 3.5s  ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Irving.Thinking .Hands {animation: IrvingHandsThinking 3.5s  ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Irving.Defensive .Hands {animation: IrvingHandsDefensive 1.5s  ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Irving.Defensive .EyesMeta { transform-origin: 50% 38%; animation:IrvingEyesDefensive 6s; ease-in-out; animation-fill-mode: both; animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Irving.Pointing .EyesMeta { transform-origin: 50% 38%; animation:IrvingEyesPointing 6s; ease-in-out; animation-fill-mode: both; animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Irving.Pointing .Hands {animation: IrvingHandsPointing 1.5s  ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Irving.Sarcastic .Pupils {animation:IrvingEyesSarcastic 1s ease-in-out;animation-fill-mode: both;}

@keyframes IrvingEyesConcealing {
0% {top:0;}
15%, 85% {top:1.25%;left:1%;}
100% {top:0;}
}	
@keyframes IrvingNodConcealing {
0% {top:0;}
15%, 85% {top:1.25%;left:1%;}
100% {top:0;}
}
@keyframes IrvingHandsConcealing  {  
0% {transform: rotate(90deg); }
60%, 100% { transform: rotate(4deg);}
}

@keyframes IrvingNodWhatever  {  
0%, 100% {top:0;}
30% {top:1.5%;}
60%{ top:-1.5%;}
}


@keyframes IrvingEyesThinking { 
0%, 10% {left:0; top:0;}
15%, 95% {left:1.5%; top:1.25%}
100% {left:0; top:0;}
}

@keyframes IrvingHandsThinking  {  
0% {top:100%; }
40%, 100% { top:15%;}
}


@keyframes IrvingNodThinking  {  
0% {top:0%; }
40%, 100% { top:-2%;}
}


@keyframes IrvingEyesDefensive { 
   0% { transform: scaleY(1); }
    20%, 100% { transform: scaleY(.8); }
		  }
		  	  

@keyframes IrvingEyesPointing { 
0% { transform: scaleY(1); }
20%, 100% { transform: scaleY(.8); }
}

@keyframes IrvingHandsDefensive { 
0% { top:100%; }
40%, 100% { top:20%; }
}
		  
@keyframes IrvingHandsPointing { 
0% { top:100%; }
40%, 100% { top:20%; }
}

@keyframes IrvingEyesSarcastic {
			  0% {top:0;left:0;}
			  100% {top:-1.75%;left:0%}
}

/* Kyle */

#Face div.FaceMeta.Kyle.Concealing .Pupils {animation:KyleEyesConcealing 4s ease-in-out;}
#Face div.FaceMeta.Kyle.Concealing .Nod {animation:KyleNodConcealing 4s ease-in-out;}
#Face div.FaceMeta.Kyle.Concealing .Hands {top:12%; transform-origin: bottom right;animation: KyleHandsConcealing 2s  ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Kyle.Whatever .Nod {animation:KyleNodWhatever 5s ease-in-out;}
#Face div.FaceMeta.Kyle.Thinking .Pupils {animation:KyleEyesThinking 7s ease-in-out;}
#Face div.FaceMeta.Kyle.Thinking .Nod {animation: KyleNodThinking 3.5s  ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Kyle.Thinking .Hands {animation: KyleHandsThinking 1.5s  ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Kyle.Defensive .Hands {animation: KyleHandsDefensive 1.5s  ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Kyle.Defensive .EyesMeta { transform-origin: 50% 38%; animation:KyleEyesDefensive 6s; ease-in-out; animation-fill-mode: both; animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Kyle.Pointing .EyesMeta { transform-origin: 50% 38%; animation:KyleEyesPointing 6s; ease-in-out; animation-fill-mode: both; animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Kyle.Pointing .Hands {animation: KyleHandsPointing 1.5s  ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Kyle.Pointing .Nod {animation: KyleNodPointing 3s  ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Kyle.Sarcastic .Pupils {animation:KyleEyesSarcastic 1s ease-in-out;animation-fill-mode: both;}

@keyframes KyleEyesConcealing {
0% {top:0;left:0;}
15%, 85% {top:.25%;left:-1.5%;}
100% {top:0;left:0;}
}	
@keyframes KyleNodConcealing {
0% {top:0;}
15%, 85% {top:-1.6%;left:-1%;}
100% {top:0;}
}
@keyframes KyleHandsConcealing  {  
0% {transform: rotate(-90deg); }
60%, 100% { transform: rotate(4deg);}
}

@keyframes KyleNodWhatever  {  
0%, 100% {top:0; left:0;}
30% {top:-1.5%; left:-1%}
60%{ top:-1.5%;left:1%}
}


@keyframes KyleEyesThinking { 
0%, 10% {left:0; top:0;}
15%, 95% {left:1.5%; top:1.25%}
100% {left:0; top:0;}
}

@keyframes KyleHandsThinking  {  
0% {top:100%; }
40%, 100% { top:15%;}
}


@keyframes KyleNodThinking  {  
0% {top:0%; }
40%, 100% { top:-2%;}
}


@keyframes KyleEyesDefensive { 
   0% { transform: scaleY(1); }
    20%, 100% { transform: scaleY(.8); }
		  }
		  	  

@keyframes KyleEyesPointing { 
0% { transform: scaleY(1); }
20%, 100% { transform: scaleY(.8); }
}

@keyframes KyleHandsDefensive { 
0% { top:100%; }
40%, 100% { top:20%; }
}
		  
@keyframes KyleHandsPointing { 
0% { top:100%; }
40%, 100% { top:20%; }
}

@keyframes KyleNodPointing {
0% {top:0;}
50%, 100% {top:-2%;}
}


@keyframes KyleEyesSarcastic {
			  0% {top:0;left:0;}
			  100% {top:-1.25%;left:0%}
}

/* Lydia */


#Face div.FaceMeta.Lydia.Concealing .Pupils {animation:LydiaEyesConcealing 6s ease-in-out;}
#Face div.FaceMeta.Lydia.Concealing .Nod {animation:LydiaNodConcealing 6s ease-in-out;}
#Face div.FaceMeta.Lydia.Concealing .Hands { top:12%; transform-origin: bottom right;animation: LydiaHandsConcealing 3s  ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Lydia.Whatever .Hands { transform-origin: 0% 150%;animation:LydiaHandsWhatever 2s ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Lydia.Whatever .Pupils {animation:LydiaEyesWhatever 2s ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Lydia.Thinking .Pupils {animation:LydiaEyesThinking 3s ease-in-out;}
#Face div.FaceMeta.Lydia.Thinking .Hands {animation: LydiaHandsThinking 1.5s  ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Lydia.Defensive .Hands {animation: LydiaHandsDefensive 1.5s  ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Lydia.Defensive .Nod {animation: LydiaNodDefensive 3s  ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Lydia.Defensive .EyesMeta { transform-origin: 50% 38%; animation:LydiaEyesDefensive 6s; ease-in-out; animation-fill-mode: both; animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Lydia.Pointing .EyesMeta { transform-origin: 50% 38%; animation:LydiaEyesPointing 6s; ease-in-out; animation-fill-mode: both; animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Lydia.Pointing .Hands {animation: LydiaHandsPointing 1.5s  ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Lydia.Sarcastic .Pupils {animation:LydiaEyesSarcastic 1s ease-in-out;animation-fill-mode: both;}

@keyframes LydiaEyesConcealing {
0% {top:0;}
15%, 85% {top:1.25%;left:1%;}
100% {top:0;}
}	
@keyframes LydiaNodConcealing {
0% {top:0;}
15%, 85% {top:1.25%;left:.5%;}
100% {top:0;}
}
@keyframes LydiaHandsConcealing  {  
0% {transform:rotate(-45deg) }
30%, 100% { transform:rotate(0deg)}
}

@keyframes LydiaEyesWhatever  {  
0% {top:0; left:0}
50%, 100%{top:-1%; left:-1.5%}
}

@keyframes LydiaHandsWhatever  {  
0% {transform:rotate(70deg);}
50%,100%{ transform:rotate(0deg);}
}

@keyframes LydiaEyesThinking { 
0%, 10% {left:0; top:0;}
15%, 95% {left:1.5%; top:-1.25%}
100% {left:0; top:0;}
}

@keyframes LydiaHandsThinking  {  
0% {top:100%; }
40%, 100% { top:15%;}
}

@keyframes LydiaEyesDefensive { 
0% { transform: scaleY(1); }
20%, 100% { transform: scaleY(.8); }
}

@keyframes LydiaNodDefensive  {  
0% {top:0; left:0}
50%, 100%{top:1%; left:0}
}		  	  

@keyframes LydiaEyesPointing { 
0% { transform: scaleY(1); }
20%, 100% { transform: scaleY(.8); }
}

@keyframes LydiaHandsDefensive { 
0% { top:100%; }
40%, 100% { top:20%; }
}
		  
@keyframes LydiaHandsPointing { 
0% { top:100%; }
40%, 100% { top:20%; }
}

@keyframes LydiaEyesSarcastic {
			  0% {top:0;left:0;}
			  100% {top:-1.65%;left:-.5%}
}



/* Marcus */

#Face div.FaceMeta.Marcus.Concealing .Pupils {animation:MarcusEyesConcealing 4s ease-in-out;}
#Face div.FaceMeta.Marcus.Concealing .Hands {top:12%; transform-origin: bottom left;animation: MarcusHandsConcealing 5s  ease-in-out;animation-fill-mode: both;}
#Face div.FaceMeta.Marcus.Concealing .Nod {animation:MarcusNodConcealing 4s ease-in-out;}
#Face div.FaceMeta.Marcus.Whatever .Eyebrows {animation:MarcusEyebrowsWhatever 3s ease-in-out; animation-delay:1s;}
#Face div.FaceMeta.Marcus.Whatever .Hands {animation:MarcusHandsWhatever 1.5s ease-in-out;transform-origin: 100% 150%;animation-iteration-count: 2; animation-direction: alternate;animation-fill-mode: both;}
#Face div.FaceMeta.Marcus.Thinking .Pupils {animation:MarcusEyesThinking 4s ease-in-out;}
#Face div.FaceMeta.Marcus.Thinking .Hands {transform-origin: 0% 150%; animation: MarcusHandsThinking 2s  ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Marcus.Thinking .Nod {animation:MarcusNodConcealing 4s ease-in-out;}
#Face div.FaceMeta.Marcus.Defensive .Nod {animation:MarcusNodDefensive 4s ease-in-out;}
#Face div.FaceMeta.Marcus.Defensive .Hands {transform-origin: 0% 150%; animation: MarcusHandsDefensive 2s  ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Marcus.Pointing .Nod {animation:MarcusNodConcealing 6s ease-in-out;}
#Face div.FaceMeta.Marcus.Pointing .EyesMeta   
{ transform-origin: 50% 36%; animation:MarcusEyesPointing 3s; ease-in-out; animation-fill-mode: both; animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Marcus.Pointing .Hands {animation: MarcusHandsPointing 1.5s  ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Marcus.Sarcastic .Pupils {animation:MarcusEyesSarcastic 1s ease-in-out;animation-fill-mode: both;}


	 @keyframes MarcusEyesConcealing {
			  0% {top:0;}
			  15%, 85% {top:1.25%;}
			  100% {top:0;}
		  }	
		  
		 @keyframes MarcusNodConcealing {
			  0% {top:0;}
			  15%, 85% {top:3%;}
			  100% {top:0;}
		  }	
		  
	 @keyframes MarcusHandsConcealing  {  
			  0% {transform: rotate(90deg); top:100%; }
           	20%, 80% { transform: rotate(-10deg);top:50%; left:-10%}
           	100%{ transform:rotate(90deg); top:100%; }
		  }
		  
		  	 @keyframes MarcusEyebrowsWhatever {
			  0% {top:0;}
			  35%, 65% {top:-1%;}
			  100% {top:0;}
		  }	
		  
		  	 @keyframes MarcusHandsWhatever  {  
			  0% {transform: rotate(-90deg);  }
           	60%, 100% { transform: rotate(0deg);}
		  }
		  
		  		  		  
		  @keyframes MarcusEyesThinking { 
			  0%, 10% {left:0; top:0;}
			  15%, 95% {left:1.5%; top:.75%}
			  100% {left:0; top:0;}
		  }
		   @keyframes MarcusHandsThinking  {  
			  0% {transform: rotate(90deg); }
           	50% { transform: rotate(0deg);}
		  }
		  
		  		 @keyframes MarcusNodDefensive {
			  0% {top:0;}
			  15%, 85% {top:-3%;}
			  100% {top:0;}
		  }	
		  		  
		  	 @keyframes MarcusHandsDefensive  {  
			  0% {top:100%;  }
           50%, 100% { top:35%;}
		  }
		  
		  		  @keyframes MarcusEyesPointing { 
   0% { transform: scaleY(1); }
    20%, 100% { transform: scaleY(.9); }
		  }
		@keyframes MarcusHandsPointing { 
   0% { top:100%; }
    40%, 100% { top:20%; }
		  }  

@keyframes MarcusEyesSarcastic {
			  0% {top:0;left:0;}
			  100% {top:-1.25%;left:-1%}
}

/* Naomi */


#Face div.FaceMeta.Naomi.Concealing .Pupils {animation:NaomiEyesConcealing 6s ease-in-out;}
#Face div.FaceMeta.Naomi.Concealing .Hands { top:12%; transform-origin: bottom right;animation: NaomiHandsConcealing 3s  ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Naomi.Concealing .Nod {animation: NaomiNodConcealing 2s  ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Naomi.Whatever .Hands { animation:NaomiHandsWhatever 2s ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Naomi.Whatever .Pupils {animation:NaomiEyesWhatever 2s ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Naomi.Thinking .Pupils {animation:NaomiEyesThinking 4s ease-in-out;}
#Face div.FaceMeta.Naomi.Thinking .Hands {animation: NaomiHandsThinking 2s  ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Naomi.Thinking .Nod {animation: NaomiNodThinking 2s  ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Naomi.Defensive .Hands {animation: NaomiHandsDefensive 1.5s  ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Naomi.Defensive .Nod {animation: NaomiNodDefensive 3s  ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Naomi.Defensive .EyesMeta { transform-origin: 50% 38%; animation:NaomiEyesDefensive 6s; ease-in-out; animation-fill-mode: both; animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Naomi.Pointing .EyesMeta { transform-origin: 50% 38%; animation:NaomiEyesPointing 6s; ease-in-out; animation-fill-mode: both; animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Naomi.Pointing .Hands {animation: NaomiHandsPointing 1.5s  ease-in-out;animation-fill-mode: both;animation-iteration-count: 2; animation-direction: alternate;}
#Face div.FaceMeta.Naomi.Sarcastic .Pupils {animation:NaomiEyesSarcastic 1s ease-in-out;animation-fill-mode: both;}

@keyframes NaomiEyesConcealing {
0% {top:0;}
15%, 85% {top:-1.25%;left:1%;}
100% {top:0;}
}	
@keyframes NaomiNodConcealing  {  
0% {top:0%; }
40%, 100% { top:2%;}
}
@keyframes NaomiHandsConcealing  {  
0% {transform:rotate(-45deg) }
30%, 100% { transform:rotate(0deg)}
}

@keyframes NaomiEyesWhatever  {  
0% {top:0; left:0}
50%, 100%{top:-1.5%; left:0}
}

@keyframes NaomiHandsWhatever  {  
0% {top:100%;}
50%,100%{ top:12%;}
}

@keyframes NaomiEyesThinking { 
0%, 10% {left:0; top:0;}
15%, 95% {left:-1.5%; top:-1.25%}
100% {left:0; top:0;}
}

@keyframes NaomiHandsThinking  {  
0% {top:100%; }
40%, 100% { top:15%;}
}

@keyframes NaomiNodThinking  {  
0% {top:0%; }
40%, 100% { top:-2%;}
}

@keyframes NaomiEyesDefensive { 
0% { transform: scaleY(1); }
20%, 100% { transform: scaleY(.8); }
}

@keyframes NaomiNodDefensive  {  
0% {top:0; left:0}
50%, 100%{top:1%; left:0}
}		  	  

@keyframes NaomiEyesPointing { 
0% { transform: scaleY(1); }
20%, 100% { transform: scaleY(.8); }
}

@keyframes NaomiHandsDefensive { 
0% { top:100%; }
40%, 100% { top:20%; }
}
		  
@keyframes NaomiHandsPointing { 
0% { top:100%; }
40%, 100% { top:20%; }
}


@keyframes NaomiEyesSarcastic {
			  0% {top:0;left:0;}
			  100% {top:-1.25%;left:.5%}
}