/*fade in*/ 
@-webkit-keyframes fadeIn {
    0% { 
        opacity:0;  
    } 
	
	100% {
        opacity:1;    
    }
} 
@-moz-keyframes fadeIn {
    0% { 
        opacity:0;  
    } 
	
	100% {
        opacity:1;    
    }
}
@keyframes fadeIn {
    0% { 
        opacity:0; 
    } 
	
	100% {
        opacity:1; 
    }
}
.fadeIn {
	-webkit-animation: fadeIn .5s;
	animation: fadeIn .5s; 
	
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden; 
	will-change: opacity;
} 

/*fade out*/ 
@-webkit-keyframes fadeOut {
    0% { 
        opacity:1; 
    } 
	
	100% {
        opacity:0; 
    }
} 
@-moz-keyframes fadeOut {
    0% { 
        opacity:1;  
    } 
	
	100% {
        opacity:0;    
    }
}
@keyframes fadeOut {
    0% { 
        opacity:1;  
    } 
	
	100% {
        opacity:0;    
    }
}
.fadeOut {
	-webkit-animation-fill-mode: forwards;
	-webkit-animation: fadeOut .3s;
	animation-fill-mode: forwards; 
	animation: fadeOut .3s; 
	
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden; 
	will-change: opacity;
}

/* pull right in */ 
@-webkit-keyframes pullRightIn {
    0% {
        -webkit-transform:translate3d(25%,0,0); 
		opacity:0;   
    }  
	
	100% {
        -webkit-transform:translate3d(0%,0,0); 
		opacity:1; 
    }
}
@keyframes pullRightIn {
    0% {
        transform:translate3d(25%,0,0); 
		opacity:0;   
    }  
	
	100% {
        transform:translate3d(0%,0,0); 
		opacity:1; 
    }
}

.pullRightIn {
	-webkit-animation: pullRightIn .3s ease-out; 
	-webkit-animation-fill-mode: forwards; 
	animation: pullRightIn .3s ease-out;  
	animation-fill-mode: forwards; 
	
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	will-change: transform, opacity;
}

@-webkit-keyframes slideRight 
{
	0%{
		transform: scaleX(.1) translateX(-100%);
	}
	50%{
		transform: scaleX(1) translateX(100%);
	}
    100% {
        transform: scaleX(.1) translateX(200%);
    }
} 
@keyframes slideRight 
{
	0%{
		transform: scaleX(.1) translateX(-100%);
		transform-origin: left;
	}
	80%{
		transform: scaleX(1) translateX(100%);
		transform-origin: right;
	}
    100% {
        transform: scaleX(.1) translateX(100%);
		transform-origin: right;
    }
}