@charset "utf-8";
/* CSS Document */
/*==================================
	tren-duoi
====================================*/
@keyframes tren-duoi{0%
{opacity:0;
	transform:translateY(-180px);}
100%{opacity:1;
	-ms-transform:translateX(0px);}
}
@-webkit-keyframes tren-duoi{0%{opacity:0;-webkit-transform:translateY(-280px);}
100%{opacity:1;-webkit-transform:translateX(0px);}
}
@-moz-keyframes tren-duoi{0%{opacity:0;-moz-transform:translateY(-280px);}
100%{opacity:1;-moz-transform:translateX(0px);}
}
@-ms-keyframes tren-duoi{0%{opacity:0;-ms-transform:translateY(-280px);}
100%{opacity:1;-ms-transform:translateX(0px);}
}
@-o-keyframes tren-duoi{0%{opacity:0;-o-transform:translateY(-280px);}
100%{opacity:1;-ms-transform:translateX(0px);}
}
/*==================================
	slide-text
====================================*/
@keyframes slide-text{50%
{opacity:1;
	transform:translateY(100px);}
100%{opacity:1;
	-ms-transform:translateX(0px);}
}
@-webkit-keyframes slide-text{0%{opacity:1;-webkit-transform:translateY(100px);}
100%{opacity:1;-webkit-transform:translateX(0px);}
}
@-moz-keyframes slide-text{0%{opacity:1;-moz-transform:translateY(100px);}
100%{opacity:1;-moz-transform:translateX(0px);}
}
@-ms-keyframes slide-text{0%{opacity:1;-ms-transform:translateY(100px);}
100%{opacity:1;-ms-transform:translateX(0px);}
}
@-o-keyframes slide-text{0%{opacity:1;-o-transform:translateY(100px);}
100%{opacity:1;-ms-transform:translateX(0px);}
}
/*==================================
	rung
====================================*/
@-webkit-keyframes rung {
	0%, 100% {-webkit-transform: translateX(0);}
	0%, 100% {-o-transform: translateX(0);}
	0%, 100% {-ms-transform: translateX(0);}
	0%, 100% {-moz-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
	10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
	10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
	10%, 30%, 50%, 70%, 90% {-ms-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
	20%, 40%, 60%, 80% {-ms-transform: translateX(10px);}
	20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}

@-moz-keyframes rung {
	0%, 100% {-webkit-transform: translateX(0);}
	0%, 100% {-o-transform: translateX(0);}
	0%, 100% {-ms-transform: translateX(0);}
	0%, 100% {-moz-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
	10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
	10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
	10%, 30%, 50%, 70%, 90% {-ms-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
	20%, 40%, 60%, 80% {-ms-transform: translateX(10px);}
	20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}

@-ms-keyframes rung {
	0%, 100% {-webkit-transform: translateX(0);}
	0%, 100% {-o-transform: translateX(0);}
	0%, 100% {-ms-transform: translateX(0);}
	0%, 100% {-moz-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
	10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
	10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
	10%, 30%, 50%, 70%, 90% {-ms-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
	20%, 40%, 60%, 80% {-ms-transform: translateX(10px);}
	20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}

@-o-keyframes rung {
	0%, 100% {-webkit-transform: translateX(0);}
	0%, 100% {-o-transform: translateX(0);}
	0%, 100% {-ms-transform: translateX(0);}
	0%, 100% {-moz-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
	10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
	10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
	10%, 30%, 50%, 70%, 90% {-ms-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
	20%, 40%, 60%, 80% {-ms-transform: translateX(10px);}
	20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}

@keyframes rung {
	0%, 100% {-webkit-transform: translateX(0);}
	0%, 100% {-o-transform: translateX(0);}
	0%, 100% {-ms-transform: translateX(0);}
	0%, 100% {-moz-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
	10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
	10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
	10%, 30%, 50%, 70%, 90% {-ms-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
	20%, 40%, 60%, 80% {-ms-transform: translateX(10px);}
	20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}
/*==================================
				lap-lai
====================================*/
@keyframes lap-lai{
	0%{opacity:0;transform:translateY(-20px);} 
	100%{opacity:1;-ms-transform:translateX(0px) ;}
}
@-ms-keyframes lap-lai{
	0%{opacity:0;-ms-transform:translateY(-20px);}
	100%{opacity:1;-ms-transform:translateX(0px);}
}
@-o-keyframes lap-lai{
	0%{opacity:0;-o-transform:translateY(-20px);}
	100%{opacity:1;-ms-transform:translateX(0px);}
}
@-moz-keyframes lap-lai{
	0%{opacity:0;-moz-transform:translateY(-20px);}
	100%{opacity:1;-ms-transform:translateX(0px);}
}
@-webkit-keyframes lap-lai{
	0%{opacity:0;-webkit-transform:translateY(-20px);}
	100%{opacity:1;-ms-transform:translateX(0px);}
}

/*==================================
			topfade
====================================*/

@-webkit-keyframes topfade {
	0% {
		opacity: 0;
		transform: translateY(-40px);
		-o-transform: translateY(-40px);
		-ms-transform: translateY(-40px);
		-moz-transform: translateY(-40px);
		-webkit-transform: translateY(-40px);
	}
	
	100% {
		opacity: 1;
		ransform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}
@-o-keyframes topfade {
	0% {
		opacity: 0;
		transform: translateY(-40px);
		-o-transform: translateY(-40px);
		-ms-transform: translateY(-40px);
		-moz-transform: translateY(-40px);
		-webkit-transform: translateY(-40px);
	}
	
	100% {
		opacity: 1;
		ransform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}
@-ms-keyframes topfade {
	0% {
		opacity: 0;
		transform: translateY(-40px);
		-o-transform: translateY(-40px);
		-ms-transform: translateY(-40px);
		-moz-transform: translateY(-40px);
		-webkit-transform: translateY(-40px);
	}
	
	100% {
		opacity: 1;
		ransform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes topfade {
	0% {
		opacity: 0;
		transform: translateY(-40px);
		-o-transform: translateY(-40px);
		-ms-transform: translateY(-40px);
		-moz-transform: translateY(-40px);
		-webkit-transform: translateY(-40px);
	}
	
	100% {
		opacity: 1;
		ransform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}

/*==================================
			bot-fade
====================================*/

@-webkit-keyframes bot-fade {
	0% {
		opacity: 0;
		transform: translateY(100px);
		-o-transform: translateY(100px);
		-ms-transform: translateY(100px);
		-moz-transform: translateY(100px);
		-webkit-transform: translateY(100px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}
@-o-keyframes bot-fade {
	0% {
		opacity: 0;
		transform: translateY(100px);
		-o-transform: translateY(100px);
		-ms-transform: translateY(100px);
		-moz-transform: translateY(100px);
		-webkit-transform: translateY(100px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}
@-ms-keyframes bot-fade {
	0% {
		opacity: 0;
		transform: translateY(100px);
		-o-transform: translateY(100px);
		-ms-transform: translateY(100px);
		-moz-transform: translateY(100px);
		-webkit-transform: translateY(100px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes bot-fade {
	0% {
		opacity: 0;
		transform: translateY(100px);
		-o-transform: translateY(100px);
		-ms-transform: translateY(100px);
		-moz-transform: translateY(100px);
		-webkit-transform: translateY(100px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}

/*==================================
			zoom
====================================*/
@-webkit-keyframes zoom {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
		-ms-transform: scale(.3);
		-moz-transform: scale(.3);
		-webkit-transform: scale(.3);
		transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		transform: scale(1.05);
		-o-transform: scale(1.05);
		-ms-transform: scale(1.05);
		-moz-transform: scale(1.05);
		-webkit-transform: scale(1.05);
	}
	
	70% {
		transform: scale(.9);
		-o-transform: scale(.9);
		-ms-transform: scale(.9);
		-moz-transform: scale(.9);
		-webkit-transform: scale(.9);
	}
	
	100% {
		transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
	}
}
@-moz-keyframes zoom {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
		-ms-transform: scale(.3);
		-moz-transform: scale(.3);
		-webkit-transform: scale(.3);
		transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		transform: scale(1.05);
		-o-transform: scale(1.05);
		-ms-transform: scale(1.05);
		-moz-transform: scale(1.05);
		-webkit-transform: scale(1.05);
	}
	
	70% {
		transform: scale(.9);
		-o-transform: scale(.9);
		-ms-transform: scale(.9);
		-moz-transform: scale(.9);
		-webkit-transform: scale(.9);
	}
	
	100% {
		transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
	}
}
@-o-keyframes zoom {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
		-ms-transform: scale(.3);
		-moz-transform: scale(.3);
		-webkit-transform: scale(.3);
		transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		transform: scale(1.05);
		-o-transform: scale(1.05);
		-ms-transform: scale(1.05);
		-moz-transform: scale(1.05);
		-webkit-transform: scale(1.05);
	}
	
	70% {
		transform: scale(.9);
		-o-transform: scale(.9);
		-ms-transform: scale(.9);
		-moz-transform: scale(.9);
		-webkit-transform: scale(.9);
	}
	
	100% {
		transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
	}
}
@-ms-keyframes zoom {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
		-ms-transform: scale(.3);
		-moz-transform: scale(.3);
		-webkit-transform: scale(.3);
		transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		transform: scale(1.05);
		-o-transform: scale(1.05);
		-ms-transform: scale(1.05);
		-moz-transform: scale(1.05);
		-webkit-transform: scale(1.05);
	}
	
	70% {
		transform: scale(.9);
		-o-transform: scale(.9);
		-ms-transform: scale(.9);
		-moz-transform: scale(.9);
		-webkit-transform: scale(.9);
	}
	
	100% {
		transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
	}
}

/*==================================
			move-right
====================================*/
@-webkit-keyframes move-right {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateX(-30px);
	}
	
	80% {
		-webkit-transform: translateX(10px);
	}
	
	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes move-right {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateX(-30px);
	}
	
	80% {
		-moz-transform: translateX(10px);
	}
	
	100% {
		-moz-transform: translateX(0);
	}
}

@-ms-keyframes move-right {
	0% {
		opacity: 0;
		-ms-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-ms-transform: translateX(-30px);
	}
	
	80% {
		-ms-transform: translateX(10px);
	}
	
	100% {
		-ms-transform: translateX(0);
	}
}

@-o-keyframes move-right {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateX(-30px);
	}
	
	80% {
		-o-transform: translateX(10px);
	}
	
	100% {
		-o-transform: translateX(0);
	}
}

@keyframes move-right {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateX(-30px);
	}
	
	80% {
		transform: translateX(10px);
	}
	
	100% {
		transform: translateX(0);
	}
}
/*==================================
			flip-logo
====================================*/

@-webkit-keyframes flip-logo {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flip-logo {
    0% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -moz-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -moz-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@-ms-keyframes flip-logo {
    0% {
        -ms-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -ms-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -ms-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -ms-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@-o-keyframes flip-logo {
    0% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -o-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -o-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@keyframes flip-logo {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}