#object{
	visibility: hidden;
}

.stretchLeft{
	animation-name: stretchLeft;
	-webkit-animation-name: stretchLeft;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 100% 0%;
	-ms-transform-origin: 100% 0%;
	-webkit-transform-origin: 100% 0%; 
}

@keyframes stretchLeft {
	0% {
		transform: scaleX(0.3);
	}
	40% {
		transform: scaleX(1.02);
	}
	60% {
		transform: scaleX(0.98);
	}
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(0.98);
	}				
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(1);
	}							
}

@-webkit-keyframes stretchLeft {
	0% {
		-webkit-transform: scaleX(0.3);
	}
	40% {
		-webkit-transform: scaleX(1.02);
	}
	60% {
		-webkit-transform: scaleX(0.98);
	}
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(0.98);
	}				
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(1);
	}		
}
  .fadeIn{
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;	
  
    animation-duration: 2s;	
    -webkit-animation-duration: 2s;
  
    animation-timing-function: ease-in-out;	
    -webkit-animation-timing-function: ease-in-out;		
  
    visibility: visible !important;	
  }
  
  @keyframes fadeIn {
    0% {
      transform: scale(0);
      opacity: 0.0;		
    }
    60% {
      transform: scale(1.1);	
    }
    80% {
      transform: scale(0.9);
      opacity: 1;	
    }	
    100% {
      transform: scale(1);
      opacity: 1;	
    }		
  }
  
  @-webkit-keyframes fadeIn {
    0% {
      -webkit-transform: scale(0);
      opacity: 0.0;		
    }
    60% {
      -webkit-transform: scale(1.1);
    }
    80% {
      -webkit-transform: scale(0.9);
      opacity: 1;	
    }	
    100% {
      -webkit-transform: scale(1);
      opacity: 1;	
    }		
  }

  .stretchRight{
    animation-name: stretchRight;
    -webkit-animation-name: stretchRight;	
  
    animation-duration: 1.5s;	
    -webkit-animation-duration: 1.5s;
  
    animation-timing-function: ease-out;	
    -webkit-animation-timing-function: ease-out;	
  
    transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%; 		
  }
  
  @keyframes stretchRight {
    0% {
      transform: scaleX(0.3);
    }
    40% {
      transform: scaleX(1.02);
    }
    60% {
      transform: scaleX(0.98);
    }
    80% {
      transform: scaleX(1.01);
    }
    100% {
      transform: scaleX(0.98);
    }				
    80% {
      transform: scaleX(1.01);
    }
    100% {
      transform: scaleX(1);
    }							
  }
  
  @-webkit-keyframes stretchRight {
    0% {
      -webkit-transform: scaleX(0.3);
    }
    40% {
      -webkit-transform: scaleX(1.02);
    }
    60% {
      -webkit-transform: scaleX(0.98);
    }
    80% {
      -webkit-transform: scaleX(1.01);
    }
    100% {
      -webkit-transform: scaleX(0.98);
    }				
    80% {
      -webkit-transform: scaleX(1.01);
    }
    100% {
      -webkit-transform: scaleX(1);
    }		
  }
  
  .expandOpen{
    animation-name: expandOpen;
    -webkit-animation-name: expandOpen;	
  
    animation-duration: 1.2s;	
    -webkit-animation-duration: 1.2s;
  
    animation-timing-function: ease-out;	
    -webkit-animation-timing-function: ease-out;	
  
    visibility: visible !important;	
  }
  
  @keyframes expandOpen {
    0% {
      transform: scale(1.8);		
    }
    50% {
      transform: scale(0.95);
    }	
    80% {
      transform: scale(1.05);
    }
    90% {
      transform: scale(0.98);
    }	
    100% {
      transform: scale(1);
    }			
  }
  
  @-webkit-keyframes expandOpen {
    0% {
      -webkit-transform: scale(1.8);		
    }
    50% {
      -webkit-transform: scale(0.95);
    }	
    80% {
      -webkit-transform: scale(1.05);
    }
    90% {
      -webkit-transform: scale(0.98);
    }	
    100% {
      -webkit-transform: scale(1);
    }					
  }