@import url(https://fonts.googleapis.com/css?family=Raleway);
#emailPopupMaster {
    width: 100%;
    height: 100%;
    opacity: 0.75;
    top: 0;
    left: 0;
    display: none;
    position: fixed;
    background-color: #313131;
    overflow: auto;
    z-index: 300;
}
div#popupContact {
    position: fixed;
    cursor: default;
    left: 0;
    top: 0;
    font-family: 'Raleway', sans-serif;
    z-index: 301;
    width: 100%;
    height: 100%;
	display: none;
    /*pointer-events: none;*/
}
#formEmailPopup {
    font-family: raleway;
    float: left;
    position: absolute;
    top: 61.3%;
    left: 34%;
    display: inherit;
    width: 55%;
}
#email {
    width: 100%;
    max-width: 292px;
    padding: 0.5em 1.5em;
    border: 1px solid #ccc;
    font-size: 20px;
    font-family: 'museo_sans300','raleway', sans-serif;
    box-sizing: content-box;
}
.mainEmailPopup {
    display: none;
    max-width: 100%;
    max-height: 100%;
    z-index: 302;
    position: fixed;
    left: 50%;
    top: 17%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    /* Webkit doesn't recalculate the box edge, which results in early scale-down. This should fix it. */
    margin-right: -50%;
}
.mainEmailPopup img {
	max-width: 100%;
	height: auto;
}
.mainEmailPopup .hotspotPopupSignup,
.mainEmailPopupThankyou .shopNow {
    position: absolute;
	top: 75%;
	left: 70.5%;
    background-color: #E41932;
	color: #FFF;
	border-radius: 3px;
	border: 1px solid #E41932;
	text-align: center;
	padding: 0.25em 0.75em;
	font-size: 24px;
	text-decoration: none;
}
.mainEmailPopupThankyou .shopNow {
	top: 72.5%;
	left: 65.6%;
}
.mainEmailPopup .hotspotPopupSignup:hover {
	background-color: #FFF;
	color: #E41932;
	text-decoration: none;
}
.mainEmailPopup .hotspotPopupSignupClose,
.mainEmailPopupThankyou .hotspotPopupSignupClose {
	width: 36px;
	height: 36px;
	position: absolute;
	top: 4%;
	right: 3%;
	background-image: url('/templates/__custom/images/exitbtn.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.mainEmailPopupThankyou {
	display: none;
	background-image: url("/templates/__custom/images/PopUpThankYou.jpg");
	max-height: 100%;
	max-width: 100%;
	position: absolute;
	left: 50%;
	top: 17%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	margin-right: -50%;
}
.mainEmailPopupThankyou img {
	max-width: 100%;
	height: auto;
}
.mainEmailPopupThankyou .hotspotPopupSignupClose {
		/*width: 60px;
		height: 50px;
		position: absolute;
		top: 12px;
		left: 555px;*/
}
@media only screen and (max-width: 620px){
	#email {font-size: 3vw;}
	#formEmailPopup {width: 46vw;}
	.mainEmailPopup .hotspotPopupSignup {font-size: 4vw;}
	.mainEmailPopup .hotspotPopupSignupClose {width: 5vw;height: 5vw;}
}