@charset "utf-8";
/* CSS Document */
@-webkit-keyframes fadeInLeft{
	0%{ opacity:0; left:-50%;}
	100%{ opacity:1; left:0;}
}
@keyframes fadeInLeft{
	0%{ opacity:0; left:-50%;}
	100%{ opacity:1; left:0;}
}
.fadeInleft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft; animation-duration:0.5s; -webkit-animation-duration:0.5s;}

@-webkit-keyframes fadeInRight{
	0%{ opacity:0; right:-50%;}
	100%{ opacity:1; right:0;}
}
@keyframes fadeInRight{
	0%{ opacity:0; right:-50%;}
	100%{ opacity:1; right:0;}
}
.fadeInright{-webkit-animation-name:fadeInRight;animation-name:fadeInRight; animation-duration:0.5s; -webkit-animation-duration:0.5s;}

@-webkit-keyframes fadeInTop{
	0%{ opacity:0; bottom:-350px;}
	100%{ opacity:1; bottom:0;}
}
@keyframes fadeInTop{
	0%{ opacity:0; bottom:-350px;}
	100%{ opacity:1; bottom:0;}
}
.fadeIntop{-webkit-animation-name:fadeInTop;animation-name:fadeInTop; animation-duration:0.5s; -webkit-animation-duration:0.5s;}

@-webkit-keyframes fadeInTrotate{
	0%{ transform:rotate(-65deg); -webkit-transform:rotate(-65deg); -webkit-transform-origin:left bottom; transform-origin:left bottom;}
	100%{ transform:rotate(0); -webkit-transform:rotate(0); -webkit-transform-origin:left bottom; transform-origin:left bottom;}
}
@keyframes fadeInTrotate{
	0%{ transform:rotate(-65deg); -webkit-transform:rotate(-65deg); -webkit-transform-origin:left bottom; transform-origin:left bottom;}
	100%{ transform:rotate(0); -webkit-transform:rotate(0); -webkit-transform-origin:left bottom; transform-origin:left bottom;}
}
.fadeInTrotate{-webkit-animation-name:fadeInTrotate;animation-name:fadeInTrotate; animation-duration:0.5s; -webkit-animation-duration:0.5s;}

@-webkit-keyframes fadeInBrotate{
	0%{ transform:rotate(-65deg); -webkit-transform:rotate(-65deg); -webkit-transform-origin:right bottom; transform-origin:right bottom;}
	100%{ transform:rotate(0); -webkit-transform:rotate(0); -webkit-transform-origin:right bottom; transform-origin:right bottom;}
}
@keyframes fadeInBrotate{
	0%{ transform:rotate(-65deg); -webkit-transform:rotate(-65deg); -webkit-transform-origin:right bottom; transform-origin:right bottom;}
	100%{ transform:rotate(0); -webkit-transform:rotate(0); -webkit-transform-origin:right bottom; transform-origin:right bottom;}
}
.fadeInBrotate{-webkit-animation-name:fadeInBrotate;animation-name:fadeInBrotate; animation-duration:0.5s; -webkit-animation-duration:0.5s;}

@-webkit-keyframes toTop{
	0%{ bottom:-100px;}
	100%{ bottom:0;}
}
@keyframes toTop{
	0%{  bottom:-100px;}
	100%{ bottom:0;}
}
.totop{-webkit-animation-name:toTop;animation-name:toTop; animation-duration:0.5s; -webkit-animation-duration:0.5s;}