/*popup display*/
.bg_overlay {
 width: 100%;
 background: rgba(0, 0, 0, 0.4);
 position: fixed;
 top: 0px;
 bottom: 0px;
 left: 0px;
 right: 0px;
 z-index: 999999999;
}
.bg_content {
 width: 90%;
 max-width: 500px;
 max-height: 100%;
 position: absolute;
 margin-right: -50%;
 top: 50%;
 left: 50%;
 margin-bottom: -50%;
 transform: translate(-50%, -50%);
 z-index: 9999;
 overflow: auto;
background: #fff;  
}
.bg_content img {
 max-width: 100%;
}
.pclose {
 background: #f91f1f;
 color: #fff !important;
 padding: 2px 9px 0px;
 top: 15px;
 right: 15px;
 display: block;
 position: absolute;
 cursor: pointer;
 font-size: 20px;
 border: 1px solid transparent;
 z-index: 99999999;
 text-decoration: navajowhite;
}
.pclose:hover {
 border-color:#fff;
}

/*info popup ***********************/
.info-msg {
 max-width: 550px;
 padding: 0 0 15px;
 border: 0;
 background: transparent;
}
.info-msg div {
 background:#fff;
 overflow: hidden;
 padding-bottom: 20px; 
}
.info-msg h4 {
 text-align: left;
 margin: 0;
 padding: 10px 10px 10px 15px!important;
 background:linear-gradient(90deg, #9cc33f 0%, #47af49 60%);
 color: #fff;
 text-transform: uppercase;
}
.info-msg p {
 text-align: justify !important;
 padding: 10px 15px 0 15px!important;
 margin-bottom: 0px!important;
 font-size: 15px !important;
 font-weight:500;
 color:#000;
} 
.info-msg .pclose {
 background: #ffb120;
 color: #fff !important;
 padding: 10px 20px;
 cursor: pointer;
 float:right;
 margin: 10px 15px 0px 0!important;
 border-radius:3px;
 position: static!important;
 font-size: 13px;
}
.info-msg .pclose:hover {
 background:  #000!important;
} 

@media only screen and (min-width:768px) and (max-width:991px) {
	
	
}

@media only screen and (min-width:320px) and (max-width:767px) {
	 
	
}