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

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 5000; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  max-width:650px;
  overflow:hidden;
}

/* The Close Button */
.close {
  color: #000;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

	
	/* Animaciones */
	
	.animated {
	  -webkit-animation-duration: 1s;
			  animation-duration: 1s;
	  -webkit-animation-fill-mode: both;
			  animation-fill-mode: both;
	}
	
	.animated.infinite {
	  -webkit-animation-iteration-count: infinite;
			  animation-iteration-count: infinite;
	}
	@keyframes bounceIn {
	  0%, 20%, 40%, 60%, 80%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
				transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	  }
	
	  0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
				transform: scale3d(.3, .3, .3);
	  }
	
	  20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
				transform: scale3d(1.1, 1.1, 1.1);
	  }
	
	  40% {
		-webkit-transform: scale3d(.9, .9, .9);
				transform: scale3d(.9, .9, .9);
	  }
	
	  60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
				transform: scale3d(1.03, 1.03, 1.03);
	  }
	
	  80% {
		-webkit-transform: scale3d(.97, .97, .97);
				transform: scale3d(.97, .97, .97);
	  }
	
	  100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
				transform: scale3d(1, 1, 1);
	  }
	}
	
	.bounceIn {
	  -webkit-animation-name: bounceIn;
			  animation-name: bounceIn;
	  -webkit-animation-duration: .75s;
			  animation-duration: .75s;
	}
	.element.bounceIn {    
		-webkit-animation: bounceIn .7s 1;
		-moz-animation: bounceIn .7s 1;
		-o-animation: bounceIn .7s 1;
		animation: bounceIn .7s 1;
	}