.newsletter_popup {position:relative; margin:auto; font-family: Roboto, Arial, sans-serif; position:relative; width:100%; height:auto; background:url('../images/newsletter_popup.jpg') no-repeat #fff 0 0;background-size:100%;}
.newsletter_popup img {width: 100%; height: auto;}
.newsletter_popup h1 {position: relative;font-family: RobotoCondensedBold, 'Arial', sans-serif; margin: -65px 5% 20px; width:90%; padding:20px 3.333333%; background:#0083c1; background:rgba(0,131,193,.7); float:left; text-align:center; letter-spacing: 0.5px; text-transform:uppercase; font-size:35px; line-height:38px; color:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;z-index:2;}
.newsletter_popup h2 {font-family: RobotoCondensedBold, 'Arial', sans-serif; font-size:20px; z-index:1;}
.newsletter_popup strong { font-family:  RobotoBold; font-size: 105%; line-height: 0;}
.newsletter_popup .form {position:relative; bottom: 0; width: 100%; padding:0 3% 3% 3%; z-index: 100; box-sizing: border-box;}
.newsletter_popup .description {width:100%; border-bottom: 1px solid #eee; padding: 0 0 15px 0; margin: 0 auto 20px; font-size: 16px; line-height: 22px; text-align: center; color:#000;}
.newsletter_popup .format-error {display: block; position: relative;  width: 100%; padding: 4px 0; margin: 24px 0 -52px; background-color: red; color: #fff; font-size: 12px; text-align: center; z-index:4000;}
.newsletter_popup .email {float: left; width: 45%;}
.newsletter_popup .field {position: relative; margin: 0; text-align:left; z-index:100;}
.newsletter_popup .field .bold {font-family: RobotoBold, Arial, sans-serif; color: #000;}
.newsletter_popup .field label {display: block; width: 100%; margin: 0 0 10px 0; font-size:12px;}
.newsletter_popup input {width: 100%; padding: 8px; font-size: 16px; font-family: robotolight, Arial, sans-serif; border: 1px solid #ddd; box-shadow: inset 0 0 10px rgba(0,0,0,0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none;}
.newsletter_popup .submit {position: relative; z-index: 0}
.newsletter_popup .submit .legal {margin: 10px 0 10px 0; font-size: 12px; text-align: right;}
.newsletter_popup .submit .legal a {font-family: RobotoBold, Arial, sans-serif; color:#000;}
.newsletter_popup .btn {text-align: right; margin: 0 -1% 0 0;}
.newsletter_popup .ui-btn-inner {display:none;}
.newsletter_popup .btn div {display:inline-block}
.newsletter_popup .btn button {display:inline-block; margin:0 5px !important ; cursor:pointer;}

@media only screen and (max-width: 660px) {
	.newsletter_popup .email {width:100%; margin: -5px 0 15px; float:none;}
	.newsletter_popup .field {text-align: center;}
	.newsletter_popup .submit {margin:0 0 2px 0;}
	.newsletter_popup .submit .legal {text-align: center;}
	.newsletter_popup .submit .btn {text-align: center; margin:auto;}
}

@media only screen and (max-width: 510px) {
	.newsletter_popup h1 {margin: -65px 5% 20px; width:90%; padding:10px 3.333333%;
}

@media only screen and (max-width: 390px) {
	.newsletter_popup .submit .legal {line-height: 20px;}
	.newsletter_popup .submit .btn {margin:0 auto -10px;}
	.newsletter_popup .submit .btn button {width: 100%; max-width: 200px; margin: 0 0 15px 0 !important ;}
}