/* -----------------------------------------------------------------------------
	Me. - Responsive Bootstrap vCard HTML/CSS Template
------------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
	CSS Animations
------------------------------------------------------------------------------- */
	
	.animated {
		-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-delay: 0.2s;
		-moz-animation-delay: 0.2s;
		animation-delay: 0.2s;
		
		-webkit-animation-duration:1s;
		-moz-animation-duration:1s;
		-ms-animation-duration:1s;
		-o-animation-duration:1s;
		animation-duration:1s;

		opacity: 0;
	}

	.was-animated {
		opacity: 1;
	}
	
	.appear-second {
		-webkit-animation-delay: 0.4s;
		-moz-animation-delay: 0.4;
		animation-delay: 0.4s;
	}
	
	.appear-third {
		-webkit-animation-delay: 0.6s;
		-moz-animation-delay: 0.6s;
		animation-delay: 0.6s;
	}
	
	.appear-fourth {
		-webkit-animation-delay: 0.8s;
		-moz-animation-delay: 0.8s;
		animation-delay: 0.8s;
	}
	
	.appear-fifth {
		-webkit-animation-delay: 1s;
		-moz-animation-delay: 1s;
		animation-delay: 1s;
	}
	
	/* Fade In */
	
	@-webkit-keyframes fade-in  {
		0% {opacity: 0;}
		100% {opacity: 1;}
	}
	
	@-moz-keyframes fade-in {
		0% {opacity: 0;}	
		100% {opacity: 1;}
	}
	
	@-o-keyframes fade-in {
		0% {opacity: 0;}	
		100% {opacity: 1;}
	}
	
	@keyframes fade-in {
		0% {opacity: 0;}
		100% {opacity: 1;}
	}
	
	.fade-in { opacity: 0; }
	
	.fade-in-animation {
		-webkit-animation-name: fade-in;
		-moz-animation-name: fade-in;
		-ms-animation-name: fade-in;
		-o-animation-name: fade-in;
		animation-name: fade-in;
	}
	
	/* Fade In Left */
	
	@keyframes fade-in-left {
		0% {
		  opacity: 0;
		  transform: translateX(-60px);
		}
	  
		100% {
		  opacity: 1;
		  transform: translateX(0);
		}
	  }
	  
	  @-webkit-keyframes fade-in-left {
		0% {
		  opacity: 0;
		  -webkit-transform: translateX(-60px);
		}
	  
		100% {
		  opacity: 1;
		  -webkit-transform: translateX(0);
		}
	  }
	  
	 @-o-keyframes fade-in-left {
		0% {
		  opacity: 0;
		  -o-transform: translateX(-60px);
		}
	  
		100% {
		  opacity: 1;
		  -o-transform: translateX(0);
		}
	  }
	  
	  @-ms-keyframes fade-in-left {
		0% {
		  opacity: 0;
		  -ms-transform: translateX(-60px);
		}
	  
		100% {
		  opacity: 1;
		  -ms-transform: translateX(0);
		}
	  }
	  
	  .fade-in-left { opacity: 0; }
	  
	  .fade-in-left-animation {
		-webkit-animation-name: fade-in-left;
		animation-name: fade-in-left;
	  }
	  
	  /* Fade In Right */
	
	@keyframes fade-in-right {
		0% {
		  opacity: 0;
		  transform: translateX(60px);
		}
	  
		100% {
		  opacity: 1;
		  transform: translateX(0);
		}
	  }
	  
	  @-webkit-keyframes fade-in-right {
		0% {
		  opacity: 0;
		  -webkit-transform: translateX(60px);
		}
	  
		100% {
		  opacity: 1;
		  -webkit-transform: translateX(0);
		}
	  }
	  
	  @-o-keyframes fade-in-right {
		0% {
		  opacity: 0;
		  -o-transform: translateX(60px);
		}
	  
		100% {
		  opacity: 1;
		  -o-transform: translateX(0);
		}
	  }
	  
	  @-ms-keyframes fade-in-right {
		0% {
		  opacity: 0;
		  -ms-transform: translateX(60px);
		}
	  
		100% {
		  opacity: 1;
		  -ms-transform: translateX(0);
		}
	  }
	  
	  .fade-in-right { opacity: 0; }
	  
	  .fade-in-right-animation {
		-webkit-animation-name: fade-in-right;
		animation-name: fade-in-right;
	  }
	  
	  /* Slide In Left */
	
	@-webkit-keyframes slide-in-left {
		0% {
		  opacity: 0;
		  -webkit-transform: translateX(-2000px);
		  transform: translateX(-2000px);
		}
	  
		100% {
		  -webkit-transform: translateX(0);
		  transform: translateX(0);
		}
	  }
	
	  @keyframes slide-in-left {
		0% {
		  opacity: 0;
		  -webkit-transform: translateX(-2000px);
		  -ms-transform: translateX(-2000px);
		  transform: translateX(-2000px);
		}
	  
		100% {
		  -webkit-transform: translateX(0);
		  -ms-transform: translateX(0);
		  transform: translateX(0);
		}
	  }
	
	  .slide-in-left {
	  }
	  
	  .slide-in-left-animation {
		-webkit-animation-name: slide-in-left;
		animation-name: slide-in-left;
	  }
	  
	 /* Slide In Right */
	
	@-webkit-keyframes slide-in-right {
		0% {
		  opacity: 0;
		  -webkit-transform: translateX(2000px);
		  transform: translateX(2000px);
		}
	  
		100% {
		  -webkit-transform: translateX(0);
		  transform: translateX(0);
		}
	  }
	
	  @keyframes slide-in-right {
		0% {
		  opacity: 0;
		  -webkit-transform: translateX(2000px);
		  -ms-transform: translateX(2000px);
		  transform: translateX(2000px);
		}
	  
		100% {
		  -webkit-transform: translateX(0);
		  -ms-transform: translateX(0);
		  transform: translateX(0);
		}
	  }
	
	  .slide-in-right {
	  }
	  
	  .slide-in-right-animation {
		-webkit-animation-name: slide-in-right;
		animation-name: slide-in-right;
	  }
	  
	  /* Slide In Top */
	
	@-webkit-keyframes slide-in-top {
		0% {
		  opacity: 0;
		  -webkit-transform: translateY(-2000px);
		  transform: translateY(-2000px);
		}
	  
		100% {
		  -webkit-transform: translateY(0);
		  transform: translateY(0);
		}
	  }
	
	  @keyframes slide-in-top {
		0% {
		  opacity: 0;
		  -webkit-transform: translateY(-2000px);
		  -ms-transform: translateY(-2000px);
		  transform: translateY(-2000px);
		}
	  
		100% {
		  -webkit-transform: translateY(0);
		  -ms-transform: translateY(0);
		  transform: translateY(0);
		}
	  }
	
	  .slide-in-top {
	  }
	  
	  .slide-in-top-animation {
		-webkit-animation-name: slide-in-top;
		animation-name: slide-in-top;
	  }
	  
	  /* Slide In Bottom */
	
	@-webkit-keyframes slide-in-bottom {
		0% {
		  opacity: 0;
		  -webkit-transform: translateY(2000px);
		  transform: translateY(2000px);
		}
	  
		100% {
		  -webkit-transform: translateY(0);
		  transform: translateY(0);
		}
	  }
	
	  @keyframes slide-in-bottom {
		0% {
		  opacity: 0;
		  -webkit-transform: translateY(2000px);
		  -ms-transform: translateY(2000px);
		  transform: translateY(2000px);
		}
	  
		100% {
		  -webkit-transform: translateY(0);
		  -ms-transform: translateY(0);
		  transform: translateY(0);
		}
	  }
	
	  .slide-in-bottom {
	  }
	  
	  .slide-in-bottom-animation {
		-webkit-animation-name: slide-in-bottom;
		animation-name: slide-in-bottom;
	  }
	
	
	/* Zoom In */
	
	@-webkit-keyframes zoom-in  {
		0% {opacity: 0; -webkit-transform: scale(0,0); }
		100% {opacity: 1; -webkit-transform: scale(1,1); }
	}
	
	@-moz-keyframes zoom-in  {
		0% {opacity: 0; -moz-transform: scale(0,0); }
		100% {opacity: 1; -moz-transform: scale(1,1); }
	}
	
	@-o-keyframes zoom-in  {
		0% {opacity: 0; -o-transform: scale(0,0); }
		100% {opacity: 1; -o-transform: scale(1,1); }
	}
	
	@keyframes zoom-in  {
		0% {opacity: 0; transform: scale(0,0); }
		100% {opacity: 1; transform: scale(1,1); }
	}
	
	.zoom-in { opacity: 0; }
	
	.zoom-in-animation {
		-webkit-animation-name: zoom-in;
		-moz-animation-name: zoom-in;
		-ms-animation-name: zoom-in;
		-o-animation-name: zoom-in;
		animation-name: zoom-in;
	}
	
	/* Zoom Out */
	
	@-webkit-keyframes zoom-out  {
		0% {opacity: 0; -webkit-transform: scale(2,2); }
		100% {opacity: 1; -webkit-transform: scale(1,1); }
	}
	
	@-moz-keyframes zoom-out  {
		0% {opacity: 0; -moz-transform: scale(0,0); }
		100% {opacity: 1; -moz-transform: scale(1,1); }
	}
	
	@-o-keyframes zoom-out  {
		0% {opacity: 0; -o-transform: scale(0,0); }
		100% {opacity: 1; -o-transform: scale(1,1); }
	}
	
	@keyframes zoom-out  {
		0% {opacity: 0; transform: scale(2,2); }
		100% {opacity: 1; transform: scale(1,1); }
	}
	
	.zoom-out { opacity: 0; }
	
	.zoom-out-animation {
		-webkit-animation-name: zoom-out;
		-moz-animation-name: zoom-out;
		-ms-animation-name: zoom-out;
		-o-animation-name: zoom-out;
		animation-name: zoom-out;
	}
	
	/* Bounce In */
	
	@-webkit-keyframes bounce-in  {
		0% { opacity: 0; -webkit-transform: scale(.3); }
		50% { opacity: 1; -webkit-transform: scale(1.05); }
		70% { opacity: 1;-webkit-transform: scale(.9); }
		100% {opacity: 1; -webkit-transform: scale(1); }
	}
	
	@-moz-keyframes bounce-in  {
		0% { opacity: 0; -moz-transform: scale(.3); }
		50% { opacity: 1; -moz-transform: scale(1.05); }
		70% {opacity: 1; -moz-transform: scale(.9); }
		100% { opacity: 1;-moz-transform: scale(1); }
	}
	
	@-o-keyframes bounce-in  {
		0% { opacity: 0; -o-transform: scale(.3); }
		50% { opacity: 1; -o-transform: scale(1.05); }
		70% { opacity: 1;-o-transform: scale(.9); }
		100% { opacity: 1;-o-transform: scale(1); }
	}
	
	@keyframes bounce-in  {
		0% { opacity: 0; transform: scale(.3); }
		50% { opacity: 1; transform: scale(1.05); }
		70% { opacity: 1; transform: scale(.9); }
		100% { opacity: 1; transform: scale(1); }
	}
	
	.bounce-in { opacity: 0; }
	
	.bounce-in-animation {
		-webkit-animation-name: bounce-in;
		-moz-animation-name: bounce-in;
		-ms-animation-name: bounce-in;
		-o-animation-name: bounce-in;
		animation-name: bounce-in;
	}
	
	/* Flip In */
	
	@keyframes flip-in {
	  0% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		-ms-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0;
	  }
	
	  40% {
		-webkit-transform: perspective(400px) rotateX(-10deg);
		-ms-transform: perspective(400px) rotateX(-10deg);
		transform: perspective(400px) rotateX(-10deg);
	  }
	
	  70% {
		-webkit-transform: perspective(400px) rotateX(10deg);
		-ms-transform: perspective(400px) rotateX(10deg);
		transform: perspective(400px) rotateX(10deg);
	  }
	
	  100% {
		-webkit-transform: perspective(400px) rotateX(0deg);
		-ms-transform: perspective(400px) rotateX(0deg);
		transform: perspective(400px) rotateX(0deg);
		opacity: 1;
	  }
	}
	
	.flip-in-animation {
	  -webkit-backface-visibility: visible !important;
	  -ms-backface-visibility: visible !important;
	  backface-visibility: visible !important;
	  -webkit-animation-name: flip-in;
	  animation-name: flip-in;
	}
	
