/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px; 
		left: 50%;
		margin-left: -260px;
		width: 520px;
		background: #eee;
		position: absolute;
		z-index: 101;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
	
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
		
.reveal-modal.new {
		visibility: hidden;
		top: 0 !important; 
		left: 0;
		right:0;
		bottom:0;
		margin-left: 0px;
		width: 100%;
		background: #eee;
		position: absolute;
		z-index: 101;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		-moz-box-shadow: 0 0 0px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 0px rgba(0,0,0,.4);
		-box-shadow: 0 0 0px rgba(0,0,0,.4);		
}

.reveal-modal.new h2 {
	padding-top:50px;
	font-size:30px;
	color:#F11F8A;
	line-height:35px;	
}


.reveal-modal.new h3 {
	padding-top:50px;
	font-size:17px;	
	color:#888;
	line-height:24px;
}

.reveal-modal.new .popup-button {
	margin-top:20px;
	cursor:pointer;
	background-color:#61B707;
	color:#fff;
	width:150px;
	padding:10px 0px;
	display:inline-block;
	border:2px solid #ddd;	
}

.reveal-modal.new a.thanks-img {
	width:100px;
	height:50px;
	padding:25px 0px;
	border-radius:50%;
	border:5px solid #ddd;
	display:inline-block;
	overflow:hidden;
	background-color:#fff;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;	
}

.reveal-modal.new a.thanks-img:hover {
	border:5px solid #F55FAC;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;	
}

.reveal-modal.new a.thanks-img img {
	width:100px;
	height:50px;
	max-width:100% !important;	
}

@media all and (max-width: 600px) and (min-width: 0px) {
	.reveal-modal.new h2 {
		padding-top:20px;	
	}
	
	.reveal-modal.new h3 {
		padding-top:10px;	
	}
}


/* LOADING BARS */
.loading {
  width: 80px;
  height: 80px;
  margin: 30px auto;
  position: relative;
}

.loading.bar div {
  width: 6px;
  height: 16px;
  background: #EF007A;
  position: absolute;
  top: 32px;
  left: 37px;
  opacity: 0.05;
  -webkit-animation: loading 1.1s linear infinite;
  -moz-animation: loading 1.1s linear infinite;
  animation: loading 1.1s linear infinite;
}

.loading.bar div:nth-child(1) {
  -webkit-transform: rotate(0deg) translate(0, -20px);
  -moz-transform: rotate(0deg) translate(0, -20px);
  transform: rotate(0deg) translate(0, -20px);
  -webkit-animation-delay: 0.39s;
  -moz-animation-delay: 0.39s;
  animation-delay: 0.39s;
}

.loading.bar div:nth-child(2) {
  -webkit-transform: rotate(45deg) translate(0, -20px);
  -moz-transform: rotate(45deg) translate(0, -20px);
  transform: rotate(45deg) translate(0, -20px);
  -webkit-animation-delay: 0.52s;
  -moz-animation-delay: 0.52s;
  animation-delay: 0.52s;
}

.loading.bar div:nth-child(3) {
  -webkit-transform: rotate(90deg) translate(0, -20px);
  -moz-transform: rotate(90deg) translate(0, -20px);
  transform: rotate(90deg) translate(0, -20px);
  -webkit-animation-delay: 0.65s;
  -moz-animation-delay: 0.65s;
  animation-delay: 0.65s;
}

.loading.bar div:nth-child(4) {
  -webkit-transform: rotate(135deg) translate(0, -20px);
  -moz-transform: rotate(135deg) translate(0, -20px);
  transform: rotate(135deg) translate(0, -20px);
  -webkit-animation-delay: 0.78s;
  -moz-animation-delay: 0.78s;
  animation-delay: 0.78s;
}

.loading.bar div:nth-child(5) {
  -webkit-transform: rotate(180deg) translate(0, -20px);
  -moz-transform: rotate(180deg) translate(0, -20px);
  transform: rotate(180deg) translate(0, -20px);
  -webkit-animation-delay: 0.91s;
  -moz-animation-delay: 0.91s;
  animation-delay: 0.91s;
}

.loading.bar div:nth-child(6) {
  -webkit-transform: rotate(225deg) translate(0, -20px);
  -moz-transform: rotate(225deg) translate(0, -20px);
  transform: rotate(225deg) translate(0, -20px);
  -webkit-animation-delay: 1.04s;
  -moz-animation-delay: 1.04s;
  animation-delay: 1.04s;
}

.loading.bar div:nth-child(7) {
  -webkit-transform: rotate(270deg) translate(0, -20px);
  -moz-transform: rotate(270deg) translate(0, -20px);
  transform: rotate(270deg) translate(0, -20px);
  -webkit-animation-delay: 1.17s;
  -moz-animation-delay: 1.17s;
  animation-delay: 1.17s;
}

.loading.bar div:nth-child(8) {
  -webkit-transform: rotate(315deg) translate(0, -20px);
  -moz-transform: rotate(315deg) translate(0, -20px);
  transform: rotate(315deg) translate(0, -20px);
  -webkit-animation-delay: 1.3s;
  -moz-animation-delay: 1.3s;
  animation-delay: 1.3s;
}

@-webkit-keyframes loading {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-moz-keyframes loading {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

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

  100% {
    opacity: 0;
  }
}