#exit_btn{
position: absolute;
font-weight: bold;
cursor: pointer;
top: -16px;
right: -15px;
border-radius: 100%;
font-size: 19px;
width: 30px;
height: 30px;
background-color: black;
color: white;
border-width: 2px;
border-style: solid;
border-color: white;
}

.x_button{
	margin-left: .4rem;
}

.x_button_aff{
	margin-top:-.2rem;	
}



.form-control {
  padding: 1rem;
}

#ddexitpopwrapper { /* dynamically generated wrapper DIV that surrounds exit pop content DIV */
    display: flex;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    pointer-events: none;
    align-items: center;
    justify-content: center;
}

#ddexitpopwrapper .veil{ /* dynamically generated "overlay" DIV that covers entire window when pop up is shown */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0,0,0,.7);
    content: "";
    z-index: 1;
    display: none;
    cursor: default;
}


.ddexitpop { /* user defined exit popup DIV style */
	width: 85%;
    z-index: 2;
	background: #eeebe4 url(../newsletter/newsletter-background.png) repeat left center;
	padding: 6px 6px 6px 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
	border-radius:7px;
    left: 0;
    top: -100px; /* shift popup DIV upwards by 100px from middle of screen */
    -webkit-animation-duration: .5s; /* customize animation duration */
    animation-duration: .5s; /* customize animation duration */
    visibility: hidden;
}



.ddexitpop .calltoaction{ /* demo button style */
    display: inline-block;
    text-decoration: none;
    border-radius: 5px;
    padding: 15px;
    background: #15C5FF;
    display: block;
    width: 80%;
    font: bold 24px Arial;
    box-shadow: 0 0 15px gray, 0 0 10px gray inset;
    margin: 10px auto;
    text-align: center;
    color: white !important;
}


div.closeexitpop{ /* Large x close button  */
    width: 70px;
    height: 70px;
    overflow: hidden;
    display: none;
    position: fixed;
    cursor: pointer;
    text-indent: -1000px;
    z-index: 3;
    top: 10px;
    right: 10px;
}


#ddexitpopwrapper.open{
    pointer-events: auto;
}

#ddexitpopwrapper.open .veil{ /* style of veil when exit pop is open */
    display: block;
}

#ddexitpopwrapper.open div.closeexitpop{
    display: block;
}

#ddexitpopwrapper.open .ddexitpop{ /* style of exit pop content DIV when exit pop is open */
    visibility: visible;
}





/**/
/*ARP Start */
/**/
#ddexitpop1
{
	display:none;
}	

.alert_nl{
	display:none;	
    font-size:1.6rem;
    animation: blinker 1s linear infinite;
    color:#fb9605;
}
.newsletter_wrap {
  background: #222b3a;
  padding: .5rem 2.5rem .5rem 2.5rem;
}
.newsletter-field input{
	display: inline-block;
	width:40%;
}
.newsletter-field #FIRSTNAME{
	margin-right:2.5rem;
}

.holder .freeinfo-holder .newsletter-form .form-control {
  font-size: 17px;
  color: #010101;
  height: 55px;
  border-radius: 4px;
  margin-bottom: 20px;
}
.holder .freeinfo-holder .newsletter-heading p {
  font-size: 28px;
  color: #fff;
  font-weight: 700;
  margin-top: .7rem;
  margin-bottom: 2.7rem;
  line-height: 3rem;
}
.blue_nl {
  color: #2eabff !important;
}
.bold_content {
  font-weight: 700;
  font-size: 16px;
  color:#FFFFFF;
}
.newsletter-field img {
  border: 2px solid #ababab;
  border-radius: 3px;
}
.newsletter_img_container{
	float:left;
	padding-left:2rem !important;
	padding-right:2rem !important;
	width:55%;
}
.newsletter_img_container_thank_you{
	margin-left:auto;
	margin-right:auto;
	width:60%;
	margin-top:1rem;
	margin-bottom:.5rem;
}
.newsletter_img_container_thank_you img{
	border: 2px solid #ababab;
	border-radius: 3px;
}
#ddexitpop1 .freeinfo-holder .newsletter-form {
    margin-bottom: 45px;
}
.holder .freeinfo-holder .newsletter-form .btn.newsletter-btnl {
  cursor: pointer;	
  font-size: 19px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #2eabff;
  border-radius: 10px;
  padding: 20px 25px;
}
   
/**/
/*ARP End */
/**/





/* #### CSS that's applied when the viewing area's height is 765px or less #### */

@media screen and (max-height: 765px){
    .ddexitpop{
        top: 0; /* don't shift exit pop up upwards 100px on screens that aren't very tall */
    }
}