@charset "utf-8";

.de_1s{
-webkit-animation-delay: 0.1s!important;
	animation-delay: 0.1s!important;
	-ms-animation-delay: 0.1s!important;
}
.de_2s{
-webkit-animation-delay: 0.2s!important;
	animation-delay: 0.2s!important;
	-ms-animation-delay: 0.2s!important;
}
.de_3s{
-webkit-animation-delay: 0.3s!important;
	animation-delay: 0.3s!important;
	-ms-animation-delay: 0.3s!important;
}
.de_4s{
-webkit-animation-delay: 0.4s!important;
	animation-delay: 0.4s!important;
	-ms-animation-delay: 0.4s!important;
}
.de_5s{
-webkit-animation-delay: 0.5s!important;
	animation-delay: 0.5s!important;
	-ms-animation-delay: 0.5s!important;
}
.de_6s{
-webkit-animation-delay: 0.6s!important;
	animation-delay: 0.6s!important;
	-ms-animation-delay: 0.6s!important;
}
.de_7s{
-webkit-animation-delay: 0.7s!important;
	animation-delay: 0.7s!important;
	-ms-animation-delay: 0.7s!important;
}
.de_8s{
-webkit-animation-delay: 0.8s!important;
	animation-delay: 0.8s!important;
	-ms-animation-delay: 0.8s!important;
}
.de_9s{
-webkit-animation-delay: 0.9s!important;
	animation-delay: 0.9s!important;
	-ms-animation-delay: 0.9s!important;
}
.de_10s{
-webkit-animation-delay: 1s!important;
	animation-delay: 1s!important;
	-ms-animation-delay: 1s!important;
}
@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}

@keyframes bgislide {
    0% { background-position: center 500px;}
  100% { background-position: center top;}
}

@keyframes bgiblur{
0% { -ms-filter: blur(6px);filter: blur(6px);}
  100% { -ms-filter: blur(0px);filter: blur(0px);}
  
}
@keyframes bgislide {
    0% { background-position: center 500px;}
  100% { background-position: center top;}
}
.pop-fade{
visibility:hidden;
}
.pop_fade {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:0.5s;
 -ms-animation-duration:0.5s;
 animation-duration:0.5s;
 -webkit-animation-name: pop_fade;
 animation-name: pop_fade;
 visibility: visible !important;
}
@keyframes pop_fade {
 0% { opacity: 0;
	 -webkit-transform: translateY(130px) scale(0.01);
		 -ms-transform: translateY(130px) scale(0.01);
			 transform: translateY(130px) scale(0.01);
	}
		80% { -webkit-transform:translateY(-15px) scale(1.05);
	-ms-transform:translateY(-15px) scale(1.05);
	transform:translateY(-15px) scale(1.05);}
 100% { opacity: 1;
	 -webkit-transform: translateY(0) scale(1.0);
		 -ms-transform: translateY(0) scale(1.0);
			 transform: translateY(0) scale(1.0);
		}
}

.fade-up {
margin: 0;
visibility:hidden;
}

.fade_up {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fade_up;
 animation-name: fade_up;
 visibility: visible !important;
}
@keyframes fade_up {
 0% { opacity: 0;
	 -webkit-transform: translateY(30px);
		 -ms-transform: translateY(30px);
			 transform: translateY(30px);
	}
	 30% { opacity: 0.7;
	 -webkit-transform: translateY(-10px);
		 -ms-transform: translateY(-10px);
			 transform: translateY(-10px);
		}
 100% { opacity: 1;
	 -webkit-transform: translateY(0);
		 -ms-transform: translateY(0);
			 transform: translateY(0);
		}
}
.fade-down {
margin: 0;
visibility:hidden;
}

.fade_down {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:0.5s;
 -ms-animation-duration:0.5s;
 animation-duration:0.5s;
 -webkit-animation-name: fade_down;
 animation-name: fade_down;
 visibility: visible !important;
}
@keyframes fade_down {
 0% { opacity: 0;
	 -webkit-transform: translateY(-30px);
		 -ms-transform: translateY(-30px);
			 transform: translateY(-30px);
	}
 100% { opacity: 1;
	 -webkit-transform: translateY(0);
		 -ms-transform: translateY(0);
			 transform: translateY(0);
		}
}
.fade-right{
visibility:hidden;
}
.fade_right {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:0.5s;
 -ms-animation-duration:0.5s;
 animation-duration:0.5s;
 -webkit-animation-name: fade_right;
 animation-name: fade_right;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-ms-animation-delay: 0s;
 visibility: visible !important;
}
@keyframes fade_right {
 0% { opacity: 0;
	 -webkit-transform: translate(250px) ;
		 -ms-transform: translate(250px) ;
			 transform:  translate(250px) ;
	}
		100% { opacity: 1;
	 -webkit-transform: translate(0px) ;
		 -ms-transform: translate(0px) ;
			 transform:  translate(0px) ;
		}
}
.fade-left{
visibility:hidden;
}
.fade_left {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:0.5s;
 -ms-animation-duration:0.5s;
 animation-duration:0.5s;
 -webkit-animation-name: fade_left;
 animation-name: fade_left;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-ms-animation-delay: 0s;
 visibility: visible !important;
}
@keyframes fade_left {
 0% { opacity: 0;
	 -webkit-transform: translate(-250px) ;
		 -ms-transform: translate(-250px) ;
			 transform:  translate(-250px) ;
	}
		100% { opacity: 1;
	 -webkit-transform: translate(0px) ;
		 -ms-transform: translate(0px) ;
			 transform:  translate(0px) ;
		}
}

@-webkit-keyframes aitf {
	0% { background-position: 0% 50%; }
	100% { background-position: 100% 50%; }
}
@keyframes movieT {
 0% {
  transform:rotate(0deg)
 }
 to {
  transform:rotate(1turn)
 }
}
@keyframes bound-anim {
	0% {
    transform: translate3d(0, 0, 0);
  }
  90% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, -10px, 0);
  }
}

@keyframes hideop {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    display:none!important;
	  right: -300%;
  }
}
.jump {
    -moz-animation: junp linear 35s infinite;
    -moz-transform-origin: center bottom;
    -webkit-animation: junp linear 3s infinite;
    -webkit-transform-origin: center bottom;
    -ms-animation: junp linear 3s infinite;
    -ms-transform-origin: center bottom;
    -o-animation: junp linear 3s infinite;
    -o-transform-origin:center bottom;
    animation: jump linear 3s infinite;
    transform-origin: center bottom;
    display: block;
}
@keyframes jump {
 from, 10%, 26%, 40%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transform: translate3d(0,0,0);
  }

  20%, 21% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -8px, 0);
  }

  35% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -6px, 0);
  }

  45% {
    transform: translate3d(0,-2px,0);
  }
		50% {
    transform: translate3d(0,0,0);
  }
		100% {
    transform: translate3d(0,0,0);
  }
}