.animate {
	-webkit-transition: width 0.2s ease, height 0.2s ease;
	-moz-transition: width 0.2s ease, height 0.2s ease;
	-o-transition: width 0.2s ease, height 0.2s ease;
	-ms-transition: width 0.2s ease, height 0.2s ease;
	transition: width 0.2s ease, height 0.2s ease;
}
.animated {
-webkit-animation-duration: 1s;
		animation-duration: 1s;
-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
}
.for-half-second {
-webkit-animation-duration: 0.5s;
		animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
}
.for-1-second {
-webkit-animation-duration: 1s;
		animation-duration: 1s;
-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
}
.for-2-seconds {
-webkit-animation-duration: 2s;
		animation-duration: 2s;
-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
}
.for-this-long {
-webkit-animation-duration: 13s;
		animation-duration: 13s;
-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
}
.delayed {
	opacity:0;
}
.delayed-for-half {
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-ms-animation-delay: 0.5s;
	-o-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
.delayed-for-1 {
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-ms-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s;
}
.delayed-for-1-and-half {
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	-ms-animation-delay: 1.5s;
	-o-animation-delay: 1.5s;
	animation-delay: 1.5s;
}
.delayed-for-2 {
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	-ms-animation-delay: 2s;
	-o-animation-delay: 2s;
	animation-delay: 2s;
}
.hide {
	opacity:0;
}

/* drawRight 1 */
@-webkit-keyframes drawRight1 {
0% {
	opacity:1;
	width:0;
}
100% {
	opacity:1;
	width:13px;
}
}
@keyframes drawRight1 {
0% {
	opacity:1;
	width:0;
}
100% {
	opacity:1;
	width:13px;
}
}
.drawRight1 {
	-webkit-animation-name:drawRight1;
			animation-name:drawRight1;
}

/* drawRight 2 */
@-webkit-keyframes drawRight2 {
0% {
	opacity:1;
	width:0;
}
100% {
	opacity:1;
	width:17px;
}
}
@keyframes drawRight2 {
0% {
	opacity:1;
	width:0;
}
100% {
	opacity:1;
	width:17px;
}
}
.drawRight2 {
	-webkit-animation-name:drawRight2;
			animation-name:drawRight2;
}

/* drawRight 3 */
@-webkit-keyframes drawRight3 {
0% {
	opacity:1;
	width:0;
}
100% {
	opacity:1;
	width:9px;
}
}
@keyframes drawRight3 {
0% {
	opacity:1;
	width:0;
}
100% {
	opacity:1;
	width:9px;
}
}
.drawRight3 {
	-webkit-animation-name:drawRight3;
			animation-name:drawRight3;
}

/* fadeIn */
@-webkit-keyframes fadeIn {
0% {
	opacity:0;
}
100% {
	opacity:1;
}
}
@keyframes fadeIn {
0% {
	opacity:0;
}
100% {
	opacity:1;
}
}
.fadeIn {
	-webkit-animation-name:fadeIn;
			animation-name:fadeIn;
}