@charset "utf-8";
/* animation */

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
@keyframes slideRight {
  from {
    transform: translate3d(-50px, 0,0);
    visibility: visible;
	opacity:0;
  }

  to {
    transform: translate3d(0, 0,0);
	opacity:1;
  }
}
.slideRight{
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
	animation-duration:0.5s;
	animation-name: slideRight;
}
@keyframes slideLeft {
  from {
    transform: translate3d(50px, 0,0);
    visibility: visible;
	opacity:0;
  }

  to {
    transform: translate3d(0, 0,0);
	opacity:1;
  }
}
.slideLeft{
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
	animation-duration:0.5s;
	animation-name: slideLeft;
}
@keyframes slideInRight {
  from {
    transform: translate3d(100px, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  animation-name: slideInRight;
}
@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  animation-name: slideOutDown;
}
@keyframes serviveItem-left {
  0% {
    transform: translate3d(50%, 0, 0);
    visibility: visible;
	opacity:0;
  }

  100% {
    transform: translate3d(0, 0, 0);
	opacity:1;
  }
}
.serviveItem-left{animation-name: serviveItem-left;}
@keyframes serviveItem-right {
  0% {
    transform: translate3d(-50%, 0, 0);
    visibility: visible;
	opacity:0;
  }

  100% {
    transform: translate3d(0, 0, 0);
	opacity:1;
  }
}
.serviveItem-right{animation-name: serviveItem-right;}
@keyframes serviveItem-hover {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1.2);
  }

  100% {
    transform: scale(1, 1);
  }
}

@-webkit-keyframes slideInUp {
    0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes slideInUp {
    0% {
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}
.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes shake {
    10% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
	}
	91%, 99% {
		-webkit-transform: translate3d(-1px, 0, 0);
		transform: translate3d(-1px, 0, 0);
	}
	92%, 98% {
		-webkit-transform: translate3d(2px, 0, 0);
		transform: translate3d(2px, 0, 0);
	}
	93%, 95%, 97% {
		-webkit-transform: translate3d(-4px, 0, 0);
		transform: translate3d(-4px, 0, 0);
	}
	94%, 96% {
		-webkit-transform: translate3d(4px, 0, 0);
		transform: translate3d(4px, 0, 0);
	}
}
@keyframes shake {
    10% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	91%, 99% {
		-webkit-transform: translate3d(-1px, 0, 0);
		transform: translate3d(-1px, 0, 0);
	}
	92%, 98% {
		-webkit-transform: translate3d(2px, 0, 0);
		transform: translate3d(2px, 0, 0);
	}
	93%, 95%, 97% {
		-webkit-transform: translate3d(-4px, 0, 0);
		transform: translate3d(-4px, 0, 0);
	}
	94%, 96% {
		-webkit-transform: translate3d(4px, 0, 0);
		transform: translate3d(4px, 0, 0);
	}
}
@-webkit-keyframes zoomIn {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
   -webkit-transform: scale3d(1.1,1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
}

@keyframes zoomIn {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.1,1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}