@charset 'utf-8';
.sample-btn { padding-top:15px; text-align:center; font-size:20px; }
.sample-btn a { display:inline-block; padding:5px 15px; color:#000; border:1px solid #000; border-radius:5px; }

#newsletter , #error-message { display:block; width:469px; font-family: 'Arial', 'Calibri', 'Helvetica' !important; font-size:12px;}
.g-mnl-popup { color:#000; }

#fancybox-wrap div { display:block; }

/** NEWSLETTER POPUP **/
.newsletter-popup { display:block; background:#fff; border:2px solid #000; border-radius:5px; text-align:center;}
.newsletter-popup h2 { padding:12px 5px; background:#000; color:#fff; font-size:13px; text-align:center; }
.newsletter-popup hr { background:#000; height:4px; }
.newsletter-popup ul { padding:20px; }
.newsletter-popup ul li { margin-bottom:15px; font-weight:bold; list-style:none;}
.newsletter-popup ul li label { display:block; margin:2px 0px; text-align:left;}
.newsletter-popup input[type="text"] { display:block; min-width:100%; height:22px; padding:0; border:2px solid #000; border-radius:2px; }
.newsletter-popup select { display:block; width:100%; height:26px; border:2px solid #000; border-radius:2px; }
.newsletter-popup input[type="submit"] { display:inline-block; padding:6px 15px; background:#000 url('../images/send_btn_bg.jpg') repeat-x top; border-radius:5px; font-size:20px; color:#fff; font-weight:bold; border:none; }
.newsletter-popup ul li.device span { display:block; }
.newsletter-popup ul li.device span label { display:inline-block; width:100px; padding-left:5px; } 

/** ERROR MESSAGE **/
.err-message { position:relative; min-height:130px; padding:15px 15px; background: url('../images/bg-error-gray.jpg') repeat-x center; border-radius:5px; text-align:center; color:#fff; font-size:18px; background-size: 100% 100%;}
.e-m-g-logo { position:absolute; top:0; left:20px; width:100px; height:160px; }
.e-m-g-logo span { display:table-cell; width:80px; height:100px; vertical-align:middle; }
.e-m-text { padding-top:10px; /* display:table-cell !important; width:469px; height:160px; vertical-align:middle; text-align:center; */ }
.e-m-text a { display:block; width:145px; height:28px; padding:2px 5px; margin: 30px auto 0px auto; background:url('../images/popup_btn.png') no-repeat; color:#fff; text-decoration:none;}
.e-m-text p  { width:240px; margin: 0 auto; }

#error-ok-btn { position:relative; z-index:999999999; } 


@media screen and (min-width: 480px) {  
	#fancybox-wrap , #fancybox-content , #newsletter , #error-message { width:469px !important; }
}
@media screen and (max-width: 480px) {  
	.line-test { position:fixed; top:0; left:0; width:100%; border-top:5px solid red; }
	
	#fancybox-wrap , #fancybox-content , #newsletter , #error-message { width:auto !important; }
	.newsletter-popup h2 { padding-right:40px; }
	.e-m-g-logo { display:block; position:relative; left:0; width:auto; height:auto; text-align:center;}
	.e-m-g-logo span { display:block; width:auto; height:auto; }
}

@media screen and (max-width: 320px) {  
	#fancybox-wrap { left:0 !important; width:100% !important; }
	#fancybox-outer { left:0 !important; width:auto !important; margin:0px 15px; }
}