.transparent_class {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;
}

/*modal reg*/
.popup_overlay{
  display: none;
  background: rgba(0,0,0,.2);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 998;
}
.popup{
  display: none;
  background: #fff;
  box-shadow: 0 0 10px rgba(0,0,0,1);
  width: calc(60% - 20px);
  height: 330px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  border-radius: 7px;

}
.popup_title{
  font-weight: bold;
  padding: 10px;
  font-size: 1.3em;
  color: #1d89d4;
  font-family: arial, Tahoma;
}
.popup_content{
  padding: 10px;
  border-top: 1px solid #ccc;
}
.closer{
  width: 16px;
  height: 16px;
  margin-right: 3px;
  float: right;
  cursor: pointer;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAACUElEQVQ4jaWUMUtcQRSFv/N4LP4CEdZKcAkSZBVrCwnBInWqQKwDQTaBFYsgQSzcIEtIG8HCn5BCrPIDQghbhVeIiAsWQVLIsjyWPSlmZn0rSZVbvJkHZ87ce8+5I2NSNDr9GpABZdGuj/lLNDr9DKiFP5dFe36Ck3ECzAJbwApwDHwt2vVymug6By0Zt4QGwBFwmS7OIm4WeAscgJ8DH4DNRqc/U8koBzUNXaEX4FfAR2AhJkMeSvMW6E0gF4ZlwR521uj0z4ER0LS9L1g35JIAnhkPhF4CwxzIsFbQJEsEYDcRu+Ca0a2ghdgA5WBSqyWtAjnxUyKOgUfAciK0yITWsPckSmBJVh5uEgYkroAuMKwKUAM2gT1MM2RpbIjlhMPTu0ugi/252JkfTMgAGof9GfAmYtdoTffipFwrdL7A6kqcFO36XUJMDhQ79SHSOXAk+6ftaa5IBNwIfZI4rRJNkcUYGd2CylRe0MLVdQz8wi4fnL0nCz6iid1CLFXLS8RxncO8Rnpa9SHEni12rnOhpvGBYIOJav+MMfADeA+cpUnRYuc6Ax7b7kpaJ3omqYm4ERoDc6GSeyGAHvYu0nnRro/i0LolsW47DzQAQtKF0CGwg/mGGQciE12wjLRPHPyYhQbgMCIxHeRLrC7iFLtEugPeAasBEbFSmXTPwCVwBPoSu4zkK6MuwUe/oynPYo96FaIesK0HE5ABC0EArRKcfZKcXVG8hv0kllZibyN9L9r10YQsAtOjlwPDBHgYjcN+jqjFZgyrj6iqL+3/xh9ByREAxR6FfwAAAABJRU5ErkJggg==");
}

/*style modal steps*/
.reg-form .wizard > .content {
  min-height: 0;
}

.popup .testbox {
  padding: 30px 0;
  margin-top: 5px;
}

.popup .wizard > .content > .body {
  width: 100%;
}

.reg-form .wizard > .content > .body input {
  display: block;
  border: 1px solid #ccc;
  font-size: 1em;
  padding: 0.3em;
}

.reg-form {
  display: none;
}