body.body-popup-open { overflow:hidden; }

/* COMMON */
.optin {}
.optin-heading { margin:0 0 20px; }
.optin-heading-title { line-height:1.2; margin:0 0 5px; }
.optin-heading-subtitle { line-height:1.3; }
.optin-content { margin:0 0 20px; }
.optin-image { margin:0 0 20px; }
.optin-image img { display:block; }
/* Call to action area */
.optin-cta { }
.optin-cta .optin-cta-field { margin:0 0 15px; }
.optin-cta .optin-cta-field-accept { font-size:1em; }
.optin-cta .optin-cta-submit { width:100%; box-sizing:border-box; }
.optin-cta .optin-accept-link { color:inherit; text-decoration:underline; }
/* Horizontal CTA */
.optin-cta.optin-cta-horizontal .optin-cta-field { float:left; width:30%; margin:0 0 5px; box-sizing:border-box; }
.optin-cta.optin-cta-horizontal .optin-cta-field-name { padding-right:10px; }
.optin-cta.optin-cta-horizontal .optin-cta-field-email { padding-right:10px; }
.optin-cta.optin-cta-horizontal .optin-cta-field-submit { width:40%; }
.optin-campaign-goal-1 .optin-cta.optin-cta-horizontal .optin-cta-field-submit { width:100%; }
.optin-cta.optin-cta-horizontal .optin-cta-field-submit input[type=submit] { padding-left:0; padding-right:0; }
.optin-cta.optin-cta-horizontal .optin-cta-field-accept { clear:both; width:100%; }
@media only screen and (max-width:660px){
	.optin-cta .optin-cta-field { margin:0 0 5px; }
	.optin-cta.optin-cta-horizontal .optin-cta-field { float:none; width:auto; padding:0; margin:0 0 5px; box-sizing:border-box; }
}

/* Footer text */
.optin-footer { font-size:11px; margin:0; opacity:0.7; line-height:1.4; }

/* Close button */
.optin-close { position:absolute; height:36px; color:#333; background:#fff; border-radius:50px; line-height:36px; font-size:20px; width:36px; top:-18px; right:-18px; text-align:center; box-shadow:0 0 5px 0 rgba(0,0,0,0.3); cursor:pointer; }
.optin-close:before { font-family:'fontawesome'; content:'\f00d'; }


/* POPUPS */
.optin-type-popup { visibility:hidden; opacity:0; transition:0.3s opacity; pointer-events:none; }
.optin-type-popup .optin-overlay { position:fixed; left:0; right:0; bottom:0; top:0; background:rgba(40,40,40,0.7); z-index:9998; }
.optin-type-popup .optin-wrapper { position:fixed; left:50%; top:15%; width:800px; margin:0 0 0 -400px; z-index:9999; }
.optin-type-popup .optin-body { padding:50px; background:#fff; border-radius:3px; }
/* Open popup */
.optin-type-popup.optin-open { opacity:1; visibility:visible;  pointer-events:auto; }
@media only screen and (max-width:660px){
	.optin-type-popup .optin-image { display:none; }
	.optin-type-popup .optin-wrapper { width:auto; left:15px; top:15px; right:15px; margin:0; }
	.optin-type-popup .optin-body { padding:10px; }
}


/* SLIDE */
.optin-type-slide { position:fixed; right:-800px; bottom:10px; transition:0.7s all; opacity:0; z-index:9999;  pointer-events:none; }
.optin-type-slide .optin-close { right:auto; left:-18px; }
.optin-type-slide .optin-wrapper { width:500px; }
.optin-type-slide .optin-body { padding:30px; background:#fff; border-radius:3px; box-shadow:0 0 40px 0 rgba(0,0,0,0.2); }
/* Show slide */
.optin-type-slide.optin-open { right:10px; opacity:1;  pointer-events:auto; }
/* Slide-in layouts */
.optin-type-slide.optin-layout-wide .optin-wrapper { width:650px; max-width:100%; }
@media only screen and (max-width:660px){
	.optin-type-slide { bottom:auto; top:10px; left:10px; }
	.optin-type-slide .optin-wrapper { width:auto; }
	.optin-type-slide .optin-content { display:none }
}


/* RIBBON */
.optin-type-ribbon .optin-close { top:50%; right:20px; margin-top:-18px; }