(function(){
  var $ = window.optimizely.get('jquery');
  var utils = window.optimizely.get('utils');

  utils.waitForElement('.do_subscribe_users.closeable').then(function(){
  	 $(document).on('click', function(event) {
        if(!$(event.target).closest('.do_subscribe_users.closeable').length) {
           $('.do_subscribe_users.closeable').addClass('hidden');
        }
			});
  });

})();


.user-sub-modal-layer.modal-visible.attendant_modal{
    height: 80%;
    width: 80%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

.subscription_modal_bg_container.subscription_modal.attendant_modal .attendant_background,
.subscription_modal_bg_container.subscription_modal.attendant_modal{height: 100%}

span.close_btn:after {
    content: "No, thanks";
    display: block;
    position: absolute;
    left: -113px;
    top: 5px;
    color: #fff;
    font-size: 21px;
    font-weight: 600;
    border-bottom: 1px solid #fff;
}

.close_btn_container .close_btn:before{
	  color: #fff;
    content: "X";
    line-height: 20px;
    position: absolute;
    top: 11px;
    font-weight: 700;
    font-size: 21px;
}

@media screen and (min-width: 1360px) {
	.subscription-modal-form.sub-modal_content.subscription_modal_bg_container {
		left: 50% !important;
	}

  .user-sub-modal-layer.modal-visible.attendant_modal{
    width: 70%;
	}

}


@media screen and (min-width: 1200px) {
	.subscription-modal-form.sub-modal_content.subscription_modal_bg_container {
		left: 50% !important;
	}

}


@media screen and (max-width: 1200px) {
	.subscription-modal-form.sub-modal_content.subscription_modal_bg_container {
		left: 5% !important;
	}

  .user-sub-modal-layer.modal-visible.attendant_modal{
    width: 60%;
	}
}