#backgroundPopup {
	background:#000;
	position:fixed;
	left:0;
	top:0;
	height:100%;
	width:100%;
	z-index: 2001;
	opacity:0;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
#toPopup, #toPopup_2, #toPopup_3 {
	background: #ffffff none repeat scroll 0 0;
	border-radius: 3px;
	color: #333333;
	display: none;
	font-size: 12px;
	left: 50%;
	transform: translateX(-50%);
	min-height: 150px;
	position: fixed;
	top: 8%;
	width: 500px;
	z-index: 2001;
}

div.close {
	background:url(../images/close.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	bottom: 18px;
	cursor: pointer;
	float: right;
	height: 30px;
	left: 18px;
	position: relative;
	width: 30px;
	opacity:1;
}

div#popup_content { margin: 4px 7px; }

#toPopup, #toPopup_2, #toPopup_3{
	width: 30%;
    background: #436cff;
    border-radius: 10px;
	}
	
	
	
	
	@media only screen and (max-width : 767px) {
    #toPopup, #toPopup_2, #toPopup_3 {
    width: 85%;
    background: #436cff;
    border-radius: 10px;
}
}