.needpopup-opened,.needpopup-opened body{overflow:hidden}
.needpopup-opened.needpopup-scrolled,.needpopup-opened.needpopup-scrolled body{height:auto}
.needpopup-opened.needpopup-scrolled body{position:fixed;width:100%}

.needpopup_wrapper{position:fixed;z-index:999999999999;top:0;left:0;visibility:hidden;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding:40px 0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;opacity:0;background:#000;background:rgba(255,255,255,.0)}

.needpopup-opened .needpopup_wrapper{visibility:visible;opacity:1}
.needpopup-overflow.needpopup_wrapper{padding:10px}
.needpopup{position:relative;z-index:9999;top:45%;left:50%;display:none;-webkit-box-sizing:border-box;box-sizing:border-box;width:600px;max-width:100%;margin-left:-300px;padding:50px;-webkit-transform:scale(.1,.1);-ms-transform:scale(.1,.1);transform:scale(.1,.1);opacity:0;background:#fff}



.needpopup.opened{-webkit-transition:opacity .5s ease,-webkit-transform .5s ease;transition:opacity .5s ease,transform .5s ease;-webkit-transform:scale(1,1);-ms-transform:scale(1,1); transform:scale(1,1); opacity:1}
.needpopup.stacked{top:0!important;margin-top:0!important}
.needpopup-overflow.needpopup{left:0;width:auto;margin-left:0}
 .needpopup_remover:hover{color:#ccc}
.needpopup_remover:before{content:'×'}
.needpopup .needpopup_remover{top:-50px; right:0; width:50px; height:50px; position:absolute; font-size:50px; font-weight:400; color:#fff;  line-height:55px; text-align:center;   z-index:99999999999999999; background-color:#00b9ce;  }
 
.needpopup .needpopup_remover:hover{color:#ccc}

.needpopup h3  {font-size:1.5em; text-align:Center; width:100%; display:block; color:#333; margin-bottom:15px}
.needpopup div {width:100%; padding:0; box-sizing:border-box; background-color:#fff; font-size:1em; line-height:1.3; color:#333 } 
.needpopup input 	{font-size:0.95em; color: #555; height:50px; border:none; background-color:#f1f1f1;  padding:0px 10px; box-sizing:border-box; width:100%; vertical-align:middle; -webkit-appearance: none; -webkit-border-radius: 0;}


.needpopup a.btn {width:100%; background-color:#333;   display:inline-block; color:#fff; text-align:center; box-sizing:border-box;  line-height:45px; font-size:1.1em; font-weight:500; transition: background-color 0.3s ease-in;  }

 @media screen and (max-width:500px) {
	 .needpopup{ max-width:94%; left:3%;  margin-left:0;}
 }
 @media screen and (max-width:900px) {
	.needpopup a.btn {  line-height:40px; font-size:1em;}

	.needpopup div {  padding:0; background-color:#fff; } 
	.needpopup{ padding:30px }
	.needpopup .needpopup_remover{top:15px;right:15px;  font-size:40px;   }




}