/* popup styles */
.page-cover {
	position: fixed;left: 0; top: 0;height: 100%; width: 100%; z-index: 5000; background-color: #fff; opacity: .5; overflow: hidden;
}
.popup-form { 
	position: fixed;
	height: 571px;
	width: 495px;  
	left: 50%;
	top: 50%;
	transform: translateY(-50%);
	margin-left: -248px;
	z-index: 5001;
	background: transparent url(../images/design/newsletter_popup_bg_v2.jpg) no-repeat center center;
	border-radius: 15px;
	box-sizing: border-box;
	padding: 35px;
}
div.popup-form-h1 {
	font:600 1.8em/1.1em Nexa,sans-serif;
	color:white;
	text-align:center;
	text-transform: none;
	margin: 0 0.5em 0 0.5em;
}
div.popup-form-h2 {
	color:  #fff;
	font:200 1.3em/1.5em 'Open Sans', sans-serif;
    text-align: center;
	text-transform: none;
	margin: 0.3em 0.5em 0 0.5em;
}
.popup-form ul {
	margin:45px;
	padding-left: 0;
}
.popup-form li {
	list-style: none;
	position: relative;
}
.popup-form .text, .popup-form .form-element {
	margin-bottom: 6px;
}
.popup-form .form-submit {
	padding-top: 5px;
}
.popup-form label {
	color: #fff;
	font:600 .875em 'Open Sans', sans-serif;
	text-transform: none;
	text-align: left;
	margin-top: 16px;
	text-shadow: 0 0 7px #000;
}
.popup-form input, .popup-form select, .popup-form option {
	color: #333;
	background-color: #fff;	
	font-size: 13px;
	line-height: 23px;
	box-sizing: border-box;
}
.popup-form input {
	border: 2px solid #dad9d6;
	border-radius: 4px;
	width: 100%;
	height: 34px;
    padding: 6px 12px;
}
.popup-form select {
	border: 2px solid #dad9d6;
	border-radius: 4px;
	width: 100%;
	height: 34px;
}
.popup-form .form-submit {
	text-align: center;
}
.popup-form .button {
	background-color: #a41920;
	border: 1px solid #fff;
	border-radius: 4px;
	color: #fff;
	letter-spacing: -.01em;
	font:600 1.4em/1.6em "Raleway",sans-serif;
	cursor: pointer;
	height: 1.8em;
	box-sizing: border-box;
	width: 60%;
	margin-top: 25px;
}
.popup-form a {
	font:600 .875em/2em 'Open Sans', sans-serif;
	letter-spacing: -.01em;
	color: #2798d8;
}
.popup-form a:hover {
	text-decoration: none !important;
}
.join-the-club {
	width: 60px;
	height: 200px;
	position: fixed;
	right: 0;
	top: 80px;
	z-index: 5000;
}
.join-the-club a {
	display: block;
	width: 60px;
	height: 200px;
	text-indent: -10000px;
	overflow: hidden;
	background: transparent url(../images/design/jointheclub_button.png) no-repeat scroll 3px 0;
}
.join-the-club a:hover {
	background-position: 0 0;
}
.popup-form a.closePopup {
	position: absolute;
	display: block;
	line-height:.6em;
	top: 5px;
	right: 5px;
	font-size: 40px;
	color: #fff;
}

.form-error {
	background-color: #ff0;
	color: #f00;
	position: absolute;
	top: 75%;
	right: 10px;
	padding: .1em 2em;
	font:600 .875em 'Open Sans', sans-serif;
	border-radius: 4px;
}

@media only screen and (max-width: 500px) {	
	.popup-form { 
		height: 405px;
		width: 300px;  
		left: 50%;
		top: 50%;
		transform: translateY(-50%);
		margin-left: -150px;
		border-radius: 8px;
		padding: 30px 0;
		background-size: cover;
		font-size: .75em;
	}
	.popup-form h2 {
		margin-bottom: 1em;
	}	
	.popup-form ul {
		margin: 1.5em 3em 0;
	}
	.popup-form input, .popup-form select{
		border: 1px solid #dad9d6;
		border-radius: 2px;
		width: 100%;
		height: initial;
		padding: .2em .5em;
		font-size: 1em;
		line-height: 1.8em;
	}
	.popup-form select {
		padding: .45em .5em;		
	}
	.popup-form .button {
		border-radius: 2px;
		margin-top: 20px;
	}
	.popup-form a.closePopup {
		font-size: 3em;
	}
}