@charset "UTF-8";
/* CSS Document */
.animatable {
  
  /* initially hide animatable objects */
  visibility: hidden;
  
  /* initially pause animatable objects their animations */
  -webkit-animation-play-state: paused;   
  -moz-animation-play-state: paused;     
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;   
  animation-play-state: paused; 
}

/* show objects being animated */
.animated {
  visibility: visible;
  
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;

  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -ms-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
}
.animated.animationDelay{
	animation-delay:.4s;
	-webkit-animation-delay:.4s;
}
.animated.animationDelayMed{
	animation-delay:1.2s;
	-webkit-animation-delay:1.2s;
}
.animated.animationdelay0{
	animation-delay:1.4s;
	-webkit-animation-delay:1.4s;
}
.animated.animationDelayLong{
	animation-delay:1.6s;
	-webkit-animation-delay:1.6s;
}

.animated.animationdelay1{
	animation-delay:1.8s;
	-webkit-animation-delay:1.8s;
}
.animated.animationdelay2{
	animation-delay:2s;
	-webkit-animation-delay:2s;
}
.animated.animationdelay3{
	animation-delay:2.2s;
	-webkit-animation-delay:2.2s;
}
.animated.animationdelay4{
	animation-delay:2.4s;
	-webkit-animation-delay:2.4s;
}
.animated.animationdelay5{
	animation-delay:2.6s;
	-webkit-animation-delay:2.6s;
}
.animated.animationdelay6{
	animation-delay:2.8s;
	-webkit-animation-delay:2.8s;
}
.animated.animationdelay7{
	animation-delay:3s;
	-webkit-animation-delay:3s;
}
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-o-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	60% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(40px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(40px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(40px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	60% {
		-webkit-transform: translateX(20px);
	}

	80% {
		-webkit-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}

	60% {
		-moz-transform: translateX(20px);
	}

	80% {
		-moz-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}

	60% {
		opacity: 1;
		-o-transform: translateX(20px);
	}

	80% {
		-o-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}

	60% {
		transform: translateX(20px);
	}

	80% {
		transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}

	60% {
		-webkit-transform: translateX(-20px);
	}

	80% {
		-webkit-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}

	60% {
		-moz-transform: translateX(-20px);
	}

	80% {
		-moz-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}

	60% {
		-o-transform: translateX(-20px);
	}

	80% {
		-o-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}

	60% {
		transform: translateX(-20px);
	}

	80% {
		transform: translateX(5px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@-webkit-keyframes moveUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(40px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes moveUp {
	0% {
		opacity: 1;
		-moz-transform: translateY(40px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes moveUp {
	0% {
		opacity: 1;
		-o-transform: translateY(40px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes moveUp {
	0% {
		opacity: 1;
		transform: translateY(40px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}



.animated.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
.animated.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
.animated.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
.animated.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-o-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
.animated.moveUp {
	-webkit-animation-name: moveUp;
	-moz-animation-name: moveUp;
	-o-animation-name: moveUp;
	animation-name: moveUp;
}
@-webkit-keyframes aniwidth {

    0% {width: 0px;}

   100% {width: 100%; }

}

@-moz-keyframes aniwidth {

    0% {width: 0px;}

   100% {width: 100%; }

}

@-ms-keyframes aniwidth {

    0% {width: 0px;}

   100% {width: 100%; }

}

@-o-keyframes aniwidth {

    0% {width: 0px;}

   100% {width: 100%; }

}

@keyframes aniwidth {

    0% {width: 0px;}

    100% {width: 100%; }

}


@-webkit-keyframes height1 {

    0% {height: 0px;}

   100% {height: 100%; }

}

@-moz-keyframes height1 {

    0% {height: 0px;}

   100% {height: 100%; }

}

@-ms-keyframes height1 {

    0% {height: 0px;}

   100% {height: 100%; }

}

@-o-keyframes height1 {

    0% {height: 0px;}

   100% {height: 100%; }

}

@keyframes height1 {

   0% {height: 0px;}

   100% {height: 100%; }

}
.widthani{width: 0px; height:100%;  overflow: hidden;  position: absolute; }
.heightani{height: 0px; width: 100%; overflow: hidden; }
.animated .fadeInani0{
	-webkit-animation: fadeIn 0.5s 1 0s both;
	-moz-animation: fadeIn 0.5s 1 0s both;
	-o-animation: fadeIn 0.5s 1 0s both;
	animation: fadeIn 0.5s 1 0s both;
}
.animated .widthani0{

	-webkit-animation: aniwidth 2s 1 1.5s;      -webkit-animation-fill-mode: forwards; 

	-moz-animation: aniwidth 2s 1 1.5s;    -moz-animation-fill-mode: forwards; 

	-ms-animation: aniwidth 2s 1 1.5s;   -ms-animation-fill-mode: forwards; 

	-o-animation: aniwidth 2s 1 1.5s;   -o-animation-fill-mode: forwards; 

    animation: aniwidth 2s 1 1.5s;  animation-fill-mode: forwards;

}
.animated .widthani1{

	-webkit-animation: aniwidth 2s 1 0s;      -webkit-animation-fill-mode: forwards; 

	-moz-animation: aniwidth 2s 1 0s;    -moz-animation-fill-mode: forwards; 

	-ms-animation: aniwidth 2s 1 0s;   -ms-animation-fill-mode: forwards; 

	-o-animation: aniwidth 2s 1 0s;   -o-animation-fill-mode: forwards; 

    animation: aniwidth 2s 1 0s;  animation-fill-mode: forwards;

}
.animated .fadeInani1 {
	-webkit-animation: fadeIn 0.5s 1 1.2s both;
	-moz-animation: fadeIn 0.5s 1 1.2s both;
	-o-animation: fadeIn 0.5s 1 1.2s both;
	animation: fadeIn 0.5s 1 1.2s both;
}
.animated .heightani1{

	-webkit-animation: height1 2s 1 1.3s; -webkit-animation-fill-mode: forwards; 

	   -moz-animation: height1 2s 1 4.7s; -moz-animation-fill-mode: forwards; 

	    -ms-animation: height1 2s 1 4.7s; -ms-animation-fill-mode: forwards; 

	     -o-animation: height1 2s 1 4.7s; -o-animation-fill-mode: forwards; 

            animation: height1 2s 1 1.3s; animation-fill-mode: forwards;

}
.animated .fadeInani2 {
	-webkit-animation: fadeIn 0.5s 1 1.8s both;
	-moz-animation: fadeIn 0.5s 1 1.2s both;
	-o-animation: fadeIn 0.5s 1 1.2s both;
	animation: fadeIn 0.5s 1 1.8s both;
}
.animated .widthani2{

	-webkit-animation: aniwidth 2s 1 2s;      -webkit-animation-fill-mode: forwards; 

	-moz-animation: aniwidth 2s 1 0.6s;    -moz-animation-fill-mode: forwards; 

	-ms-animation: aniwidth 2s 1 0.6s;   -ms-animation-fill-mode: forwards; 

	-o-animation: aniwidth 2s 1 0.6s;   -o-animation-fill-mode: forwards; 

    animation: aniwidth 2s 1 2s;  animation-fill-mode: forwards;

}
.animated .fadeInani3 {
	-webkit-animation: fadeIn 0.5s 1 2.4s both;
	-moz-animation: fadeIn 0.5s 1 1.2s both;
	-o-animation: fadeIn 0.5s 1 1.2s both;
	animation: fadeIn 0.5s 1 2.4s both;
}
.animated .heightani2{

	-webkit-animation: height1 2s 1 2.6s; -webkit-animation-fill-mode: forwards; 

	   -moz-animation: height1 2s 1 4.7s; -moz-animation-fill-mode: forwards; 

	    -ms-animation: height1 2s 1 4.7s; -ms-animation-fill-mode: forwards; 

	     -o-animation: height1 2s 1 4.7s; -o-animation-fill-mode: forwards; 

            animation: height1 2s 1 2.6s; animation-fill-mode: forwards;

}
.animated .fadeInani4 {
	-webkit-animation: fadeIn 0.5s 1 3s both;
	-moz-animation: fadeIn 0.5s 1 3s both;
	-o-animation: fadeIn 0.5s 1 3s both;
	animation: fadeIn 0.5s 1 3s both;
}
.animated .widthani3{

	-webkit-animation: aniwidth 2s 1 3.4s;      -webkit-animation-fill-mode: forwards; 

	-moz-animation: aniwidth 2s 1 0.6s;    -moz-animation-fill-mode: forwards; 

	-ms-animation: aniwidth 2s 1 0.6s;   -ms-animation-fill-mode: forwards; 

	-o-animation: aniwidth 2s 1 0.6s;   -o-animation-fill-mode: forwards; 

    animation: aniwidth 2s 1 3.4s;  animation-fill-mode: forwards;

}

@keyframes rotateneedle {

    0% {   transform:rotate(-156deg);   }	

    60%{     transform:rotate(22deg);  }	

	80%{     transform:rotate(-30deg);  }
	100%{     transform:rotate(0deg);  }

}



.animated .rotate1 {animation: rotateneedle 2s 1 0s linear;}
.animated .fadeIn1{
    	-webkit-animation: fadeIn 0.2s 1 1s both;
	-moz-animation: fadeIn 0.2s 1 1s both;
	-o-animation: fadeIn 0.2s 1 1s both;
	animation: fadeIn 0.2s 1 1s both;
}
.animated .fadeIn3{
    	-webkit-animation: fadeIn 0.2s 1 2s both;
	-moz-animation: fadeIn 0.2s 1 2s both;
	-o-animation: fadeIn 0.2s 1 2s both;
	animation: fadeIn 0.2s 1 2s both;
}
.animated .fadeIn3a{
    	-webkit-animation: fadeIn 0.2s 1 2.4s both;
	-moz-animation: fadeIn 0.2s 1 2s both;
	-o-animation: fadeIn 0.2s 1 2.2s both;
	animation: fadeIn 0.2s 1 2.4s both;
}
.animated .fadeIn4{
    	-webkit-animation: fadeIn 0.2s 1 3.7s both;
	-moz-animation: fadeIn 0.2s 1 2s both;
	-o-animation: fadeIn 0.2s 1 2s both;
	animation: fadeIn 0.2s 1 3.7s both;
}
.animated .fadeIn4a{
    	-webkit-animation: fadeIn 0.2s 1 4.2s both;
	-moz-animation: fadeIn 0.2s 1 2s both;
	-o-animation: fadeIn 0.2s 1 2s both;
	animation: fadeIn 0.2s 1 4.2s both;
}