.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 200px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: black;
  cursor: pointer;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
  text-align: center;
}

@media screen and (max-width: 700px){
  .popup{
    width: 70%;
  }
}
.content  h2 { padding:0; margin:0 10px 0 0;  }
.content  p { padding:8px 0; margin:0 10px 0 0;  }
#non_reg_popup .popup {
  
  width: 34%;
  
}
/*.content  button { width:80px; padding:8px 0; cursor: pointer;}*/
.non-register .non_reg_popup_button { 
	margin:20px 0 8px 0 !important; 
	padding: 9px 40px !important;
}
.non-register input { width:53%;}

.non_reg_popup_button {
	margin: 0px auto 10px !important;
	font-size: 15px !important;
	text-transform: uppercase;
	font-weight: 700 !important;
	text-align: center;
	background: #009DCF !important;	
	padding: 15px 40px !important;
	border: none;
	color: #fff;
	cursor: pointer;
}
.non_reg_popup_button:hover {
	background-color:#0073aa !important;
}

.theadingtext { 
	border:0px solid #f00;
}
.theadingtext h2 {
	font-size:18px;
	line-height:24px;
	color: #54585a;
	padding:0;
	margin:5px 0 20px 0;
}
.theadingtext span { padding:0 10px 0 0; font-size:14px; font-weight:600; }
.theadingtext input {  border-radius:3px;}
.customdate {
	width:488px;
}
.customdate h1 {
	font-size:22px;
	line-height:24px;
	padding:0 0 12px 0;
	border-bottom:1px solid #ddd;
	margin:-8px 0 20px 0;
	color:#333;
}
.customdate span { font-size:16px; padding:0 12px 0 4px;}
.customdate input { width:53%; border:1px solid #ccc !important; border-radius:3px;  }
.customdate .non_reg_popup_button { 
	margin:20px 0 8px 0 !important; 
	padding: 9px 30px !important;
}

.closePopup{
  color: #222;
  width:24px; height:24px;
  line-height: 24px;
  border-radius:50%;
  background-color: #ccc !important;
  text-align:center;
  cursor: pointer;
  font-family: "Helvetica Neue",sans-serif !important;
  font-weight: 700 !important;
  position: absolute;
  right: 8px;
  top: 12px;
}
.closePopup span { padding-left:7px; font-size: 13px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.closePopup{line-height: 25px; }
	.closePopup span { padding-left:8px; font-size: 13px; }
}
.closePopup:hover {
	color: #fff;
	background-color: #009DCF !important;
}

#downloading_popup .popup {  
  width: 34%;  
}