@charset "utf-8";
/* CSS Document */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.delay5s {
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes logolight {
  0% {
	  background-position:0 0;
	  left:0;
	  opacity:1;
  }
  20%{
		background-position:-148px 0;
		left:100%;
		opacity:1;
  }
  25%{
		opacity:0;
  }
  90%{
		background-position:0 0;
		left:0;
		opacity:0;
  }
}

@keyframes logolight {
 0% {
	  background-position:0 0;
	  left:0;
	  opacity:1;
  }
  20%{
		background-position:-148px 0;
		left:100%;
		opacity:1;
  }
  25%{
		opacity:0;
  }
  90%{
		background-position:0 0;
		left:0;
		opacity:0;
  }
}

.logolight {
  -webkit-animation-name: logolight;
  animation-name: logolight;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@media all and (max-width:767px){
		@-webkit-keyframes logolight {
		  0% {
			  background-position:0 0;
			  left:0;
			  opacity:1;
		  }
		  20%{
				background-position:-90px 0;
				left:100%;
				opacity:1;
		  }
		  25%{
				opacity:0;
		  }
		  90%{
				background-position:0 0;
				left:0;
				opacity:0;
		  }
		}

		@keyframes logolight {
		 0% {
			  background-position:0 0;
			  left:0;
			  opacity:1;
		  }
		  20%{
				background-position:-90px 0;
				left:100%;
				opacity:1;
		  }
		  25%{
				opacity:0;
		  }
		  90%{
				background-position:0 0;
				left:0;
				opacity:0;
		  }
		}
}