<div id="newsletter-popup" class="mfp-hide col-xs-12 col-sm-12 col-md-12 col-lg-12"> 

<style>
#newsletter-popup{background-color: white;padding: 0px;width: 400px; padding-left:0px; max-width:100%; font-size:11.5px; line-height:1 !important;}
.align-middle43{
height:43px;
  display: flex;
  align-items: center;
}
@media (max-width: 768px)
{
	#newsletter-popup{
	padding-bottom: 9% !important;
	padding-left: 5% !important;
	padding-right: 5% !important;
	}
}
.align-middle37{
height:37px;
  display: flex;
  align-items: center;
}
.align-middle27{
height:27px;
  display: flex;
  align-items: center;
}
#newsletter-popup h2{
padding-top: 15%;
text-transform:uppercase;
font-weight:100 !important;
text-align:center;
padding-bottom: 3%;
font-size:15px;
}
.padding-b5{
margin-bottom:5%;
}
.padding-b3{
margin-bottom:3%;
}
.leftpadding2{
padding-left: 2% !important;
}
.aligncenter{text-align:center;}
</style> 
<div class="block block-subscribe"> 
	<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 nopadding"> 
		<div class="col-xs-0 col-sm-5 col-md-5 col-lg-5 nopadding hidden-xs">
			<img src="https://rexaline.com/media/popup/inscription-newsletter-rexaline-hydratation.jpg" alt="rexaline linekiller cosmetique hydratration" />
		</div>
		<div class="col-xs-12 col-sm-7 col-md-7 col-lg-7 nopadding leftpadding2">
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 nopadding"> 
				<h2>Subscribe to rexaline newsletter</h2>
			</div>
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 nopadding padding-b3 aligncenter"> 
				Your benefits: 
			</div>
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 nopadding padding-b5"> 
				<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 nopadding align-middle43 ">
					<img src="https://rexaline.com/media/popup/inscription-newsletter-rexaline-hydratation-cosmetique.jpg" alt="rexaline linekiller cosmetique hydratration" />
				</div>
				<div class="col-xs-9 col-sm-9 col-md-9 col-lg-9 nopadding align-middle43">
				2 travel size miniatures offered				</div>
			</div>
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 nopadding padding-b5"> 
				<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 nopadding align-middle37">
					<img src="https://rexaline.com/media/popup/inscription-newsletter-rexaline-cadeau.jpg" alt="rexaline linekiller cosmetique hydratration" />
				</div>
				<div class="col-xs-9 col-sm-9 col-md-9 col-lg-9 nopadding align-middle37">
				Special offers and beauty tips				</div>
			</div> 
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 nopadding padding-b5"> 
				<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 nopadding align-middle27">
					<img src="https://rexaline.com/media/popup/inscription-newsletter-rexaline.jpg" alt="rexaline linekiller cosmetique hydratration" />
				</div>
				<div class="col-xs-9 col-sm-9 col-md-9 col-lg-9 nopadding align-middle27">
				Discover new products before anyone else				</div>
			</div>
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 nopadding"> 
			<form action="https://rexaline.com/en/newsletter/subscriber/new/?___SID=S" method="post" class="custom_captcha"> 
					   <input type="text" name="email" title="Enter your email address " class="input-text required-entry validate-email" placeholder="Enter your email address " style="display:inline-block; max-width:55%; font-size:10px;"/><button type="submit" title="Subscribe" class="btn btn-primary" style="display:inline-block; border: 0px !important; margin-top:-2px; font-size:12px; border-bottom: 1px solid #767676 !important;"><span><span>Submit</span></span></button>
			</form>
			</div>
		
		</div>
	</div>
    <script type="text/javascript">
    //<![CDATA[
        var newsletterSubscriberFormDetail = new VarienForm('newsletter-validate-detail');
    //]]>
    </script>
</div></div>