.my-newslettermodal {display:none;background-color: #fff;border-radius: 5px;margin: 0% 0 0 -234px;padding: 30px 20px 20px;position: fixed;text-align: center;width: 375px;border: 1px solid #d8d8d8;/* box-shadow: 2px 2px 2px rgba(0,0,0,0.5); */z-index: 10000;/* -webkit-box-shadow: 0px 0px 15px 0px rgba(194,194,194,1); */-moz-box-shadow: 0px 0px 15px 0px rgba(194,194,194,1);/* box-shadow: 0px 0px 15px 0px rgba(194,194,194,1); */}
.postioncenter{top: 20%; left: 50%;}
.postionbottomright { /*border-left: 2px solid #d8d8d8;border-right: 2px solid #d8d8d8;border-top: 2px solid #d8d8d8;    box-shadow: none;*/  bottom:0px;  right: 0px;}
.my-newslettermodal a.close {color: #fff;width: 30px;position: absolute;background: #000;height: 30px;display: block;padding: 5px;left: -8px;top: -8px; text-align: center;border-radius: 50%;cursor: pointer;opacity: 1;line-height: 17px;}
.my-newslettermodal div.h1 {  color: #000;  font-size: 24px;  font-weight: 700;  line-height: 30px; margin-bottom: 10px;  margin-left: -2px;  text-transform: uppercase;}
.my-newslettermodal div.h2 {color: #000;font-size: 14px;font-weight: normal;line-height: 1.5;padding-bottom: 10px;width: 100%;text-align:left;}
.my-newslettermodal form#subForm input {border: 1px solid #000;color: #000000;  font-size: 15px;  margin: 0 0 5px;  padding: 8px 10px; width: 100%;  border-radius:3px;}
.my-newslettermodal form#subForm p.my-newslettermodalnowidth {padding-bottom: 20px;padding-top: 20px;}
.my-newslettermodal form#subForm button {background: #000000 none repeat scroll 0 0;border: medium none;color: #fff;cursor: pointer;float: left;font-size: 15px;margin-top: 10px;padding: 8px 30px;border-radius:3px;}
.popup_overlay {  background: #000 none repeat scroll 0 0;height: 100%;left: 0;opacity: 0.7;position: absolute;top: 0;width: 100%;z-index:9999;}
.hideonmobile{display:block;}
body.newsletter-fixed{overflow:hidden;}
.my-newslettermodal p img{width:100%}
.newsletter-popup-button{display:none;right: 0;position: fixed;background: black;bottom: 0;padding: 10px 15px;cursor:pointer;font-size: 16px; z-index: 100;}
.newsletter-popup-button span{color:#fff;}
.my-newslettermodal form#subForm input[type="checkbox"] {width: auto;float: left;position: absolute;top: 4px;} 
.my-newslettermodal form#subForm div {position: relative;}
.my-newslettermodal form#subForm input[type="email"]{margin-bottom:15px;} 
.my-newslettermodal label.label-class{padding-left: 25px;}
.popup-content-section h2{margin-bottom:-10px; font-size:16px; line-height:150%; text-align:center}
.popup-content-section p{font-size:14px;text-align:center;margin:20px 0 0 0;}
.popup-content-section p:first-child{margin-top:0}
.popup-content-section p img{width: 100%!important;}
.my-newslettermodal .panel-heading{display:none!important}
.my-newslettermodal label{width:100%}
.my-newslettermodal .panel-body{padding:0}
.my-newslettermodal .w-newsletter-email{width:100%}
.my-newslettermodal input{height: 44px!important;/* color: #444; */font-size: 14px!important;padding: 0 15px!important;border-radius: 2px!important;}
.form-group{margin-bottom:10px;}
.my-newslettermodal .newsletter{margin-top:-4px;}
.my-newslettermodal button{border:0; padding:;float:left;padding: 0.7em 1em;font-weight: 400;line-height: 1.5;}
.my-newslettermodal .m-newsletter-newsletter label{text-align:left;font-weight:400;padding-left: 5px!important;/* font-size: 12px; *//* margin-left: 5px!important; */float: left;margin-top: 0px;
width:auto}
.my-newslettermodal .panel-footer{ padding: 0;
    border: none;
    padding-bottom: 20px;}
.popup-content-section .popup_nl_button {
    color: #fff;
    display: block;
    padding: 14px 0;
    background: #f5f5f5 !important;
    color: #6c6c6c !important;
}

/*---Custom-checkbox---*/
.normal-checkbox .input-group-addon{position:relative;background:none;padding: 0;margin: 0px 5px 0 0;height: 19px;border: 1px solid #D8D8D8!important;width: 19px;vertical-align: top;border-radius: 2px!important;line-height: 30px;min-width: 19px;min-height: 0;display: inline-block!important;float: left;}
.normal-checkbox .input-group-addon input{position:relative;margin: 0;padding: 0;min-height: 0;height: auto;width: 18px;height: 19px;left: -1px;top: 0;opacity: 0;z-index: 1;}
.normal-checkbox .input-group-addon i{position:absolute;display:block;width: 19px;height: 19px;background: #333;top: 0;border-radius: 2px;left: -2px;color: #fff;opacity: 0;line-height: 20px;font-size: 13px;}
.normal-checkbox .input-group-addon input[type="checkbox"]:checked + i{ opacity:1;}
.normal-radiobox .input-group-addon{position:relative;background:none;padding: 0;margin: 1px 15px 0 0;height: 24px;border: 1px solid #D8D8D8!important;width: 24px;vertical-align: top;border-radius: 50%!important;line-height: 30px;min-width: 19px;min-height: 0;display: inline-block!important;float: left;background: #fff;}
.normal-radiobox .input-group-addon input{position:relative;margin: 0;padding: 0;min-height: 0;height: auto;width: 24px;height: 24px;left: 0;top: 0;opacity: 0;z-index: 1;}
.normal-radiobox .input-group-addon i{border-color:#FA6400; opacity: 0; width: 24px;height: 24px;border: 1px solid #FA6400;display: block;position: absolute;top: 0;border-radius: 50%; background:#fff}
.normal-radiobox .input-group-addon i:before{content:'';position:absolute;width:16px;height:16px;background:#fa6400;border-radius:30px;left:3px;top:3px}
.normal-radiobox .form-label {border:0;padding: 0;}

.w-newsletter-type .normal-checkbox{ margin-bottom:20px}
.w-newsletter-type .normal-checkbox .input-group {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.w-newsletter-type .input-group-addon{ margin-right: 5px;}

.w-newsletter-type .m-newsletter-newsletter label{ width:auto;}

@media (max-width:991px){
	.my-newslettermodal{margin: 0 0 0 -210px;  }
}
@media (max-width: 767px){
	.my-newslettermodal{margin: 0 0 0 -197px;  }
	.my-newslettermodal a.close {left:inherit; top:inherit;  bottom: 4px;right: 8px;}

}
@media (max-width: 479px){
	.my-newslettermodal {width:90%;margin:0  }
	.postioncenter{left:5%;}
}