@charset "UTF-8";

/*  slides  */

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

.animated.hinge {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-250px);
    transform: translateX(-250px);
  }

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

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-250px);
    -ms-transform: translateX(-250px);
    transform: translateX(-250px);
  }

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

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

/* Move the body */

	@-webkit-keyframes slideInBody {
	  0% {
		opacity: 1;
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	  }
	
	  100% {
		-webkit-transform: translateX(-250px);
		transform: translateX(-250px);
	  }
	}
	
	@keyframes slideInBody {
	  0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	  }
	
	  100% {
		-webkit-transform: translateX(-250px);
		-ms-transform: translateX(-250px);
		transform: translateX(-250px);
	  }
	}
	
	.slideInBody {
	  -webkit-animation-name: slideInBody;
	  animation-name: slideInBody;
	}

	@-webkit-keyframes slideOutBody {
	  0% {
		opacity: 1;
		-webkit-transform: translateX(-250px);
		transform: translateX(-250px);
	  }
	
	  100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	  }
	}
	
	@keyframes slideOutBody {
	  0% {
		opacity: 1;
		-webkit-transform: translateX(-250px);
		-ms-transform: translateX(-250px);
		transform: translateX(-250px);
	  }
	
	  100% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	  }
	}
	
	.slideOutBody {
	  -webkit-animation-name: slideOutBody;
	  animation-name: slideOutBody;
	}

/* */

/* Move the back */

	@-webkit-keyframes slideLeftBack {
	  0% {
		opacity: 1;
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	  }
	
	  100% {
		-webkit-transform: translateX(-250px);
		transform: translateX(-250px);
	  }
	}
	
	@keyframes slideLeftBack {
	  0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	  }
	
	  100% {
		-webkit-transform: translateX(-250px);
		-ms-transform: translateX(-250px);
		transform: translateX(-250px);
	  }
	}
	
	.slideLeftBack {
	  -webkit-animation-name: slideLeftBack;
	  animation-name: slideLeftBack;
	}

	@-webkit-keyframes slideRightBack {
	  0% {
		opacity: 1;
		-webkit-transform: translateX(-250px);
		transform: translateX(-250px);
	  }
	
	  100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	  }
	}
	
	@keyframes slideRightBack {
	  0% {
		opacity: 1;
		-webkit-transform: translateX(-250px);
		-ms-transform: translateX(-250px);
		transform: translateX(-250px);
	  }
	
	  100% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	  }
	}
	
	.slideRightBack {
	  -webkit-animation-name: slideRightBack;
	  animation-name: slideRightBack;
	}

/* */

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

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

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-250px);
    -ms-transform: translateX(-250px);
    transform: translateX(-250px);
  }
}

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

/* end slides */