.popup-image
{
  width: 100%;
  min-height: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.37);
  position: fixed;
  z-index: 99999;
  overflow-y: scroll;
  top: 0px;
  background-size: 100% 100%;
  display: none;

}


img.p_close.js__p_close
{
  position: absolute;
  float:right;
  cursor:pointer;
  width:35px;
  height:25px;
  right: -10px;
}
.right p
{
  font-size: 15px;
  margin: 2px;
}

.popup {

  position:absolute; z-index:999999; 
  

  width:auto;
   height:auto; 
    -moz-box-shadow:4px 4px 30px #130507;

    -webkit-box-shadow:4px 4px 30px #130507;

  box-shadow:4px 4px 30px #130507;

    -moz-transition:top 800ms;

    -o-transition:top 800ms;

    -webkit-transition:top 800ms;

  transition:top 800ms;
  border-radius:8px;
  background-color:#ed1d24;
  margin-bottom: 10%;

}
@media(min-width: 992px){
  .popup {
    margin: 2% 15%;
  }
}
@media(max-width: 991px) and (min-width: 829px){
  .popup {
    margin: 0 8%;
  }
}
@media(max-width: 828px){
  .popup {
    display: block;
    margin: 0 5%;
  }
}


  .p_content { width:100%; text-align:center; font-size:23px; padding:10px 0 0; }

  .p_content h3

  {

  	width:100%;

	color:yellow;

	font-size:24px;

	font-weight:bold;

	float:left;
  margin: 2px;

  }

  .p_content .body

  {

  	width:100%;

	float:left;
	min-height:490px;
	height:auto;

  }

  .p_content .body .left

  {


	float:left;

  }

  .p_content .body .left img

  {

  	margin:30px 0;

  	width:90%;

	height:auto;

  }

  .p_content .body .right

  {

  	margin-top:30px;

	float:left;

	font-size:22px;

	line-height:40px;
	font-weight:bold;
	color:white;
	text-align:left;

  }
  .p_content .body .form
  {
  		margin:0px;
  		width:100%;
  		height:auto;
  		float:left;
      margin-bottom: 10px;
      padding-right: 9px;  

  }
  .p_content .body .form .textbx
  {
  		margin:5px 0px;
  		float:left;
  		width:100%;
  		height:35px;
  		background-color:white;
      color: black;
  		border:none;	
  		font-size:12px;
  		border-radius:3px;
  		text-indent:18px;
  }
  .p_content .body .form .selectbx
  {
      margin:5px 0px;
      float:left;
      width:100%;
      height:35px;
      background-color:white;
      color: black;
      border:none;  
      font-size:12px;
      border-radius:3px;
      text-indent:10px;
  }
  .p_content .body .form .sbutton,  .p_content .body .form #cancel
  {
  		margin:10px 0px;
  		float:left;
  		width:100%;
  		height:auto;
  		background-color:white;
  		border:none;	
  		font-size:12px;
  		border-radius:3px;
      color: black;
      padding: 0 10px;
  }
  .form div.Submit, .form div.reset
  {
      width: 50%;
      float:left;
      padding: 0 5px
  }

  .p_anch {

    float:left; position:relative; z-index:1; width:100%;

    margin:80px 0 0 0; text-align:center; font-size:18px;

  }

  .p_anch a { color:#000; }

  .p_anch a:hover { text-decoration:none; }

  .p_anch_bottom { margin:1500px 0 0 0; padding:0 0 50px 0; }

  .p_close { top:0; right:0; width:16px; height:12px; padding:2px 11px 0 0; }

  .p_close span { display:block; width:18px; height:5px; background:#333; }

  .p_close span:first-child {

      -ms-transform:rotate(45deg);

      -webkit-transform:rotate(45deg);

    transform:rotate(45deg);

  }

  .p_close span:last-child {

    margin:-5px 0 0;

      -ms-transform:rotate(135deg);

      -webkit-transform:rotate(135deg);

    transform:rotate(135deg);

  }

  .p_body {

    position:fixed; top:0; left:0; width:100%; height:100%;

    background:#000; opacity:0.7;

      -moz-transition:opacity 800ms;

      -o-transition:opacity 800ms;

      -webkit-transition:opacity 800ms;

    transition:opacity 800ms;

	z-index:99999;

  }





/* JS-styles — declaratively */

.js__popup {}

  .js__p_start {}

  .js__p_close {}

  .js__p_body {}

  /*.js__slide_top { height:0; overflow:hidden; top:0; }*/

  .js__fadeout { height:0; overflow:hidden; opacity:0; }





.github {

  position:fixed; top:0; right:0;

  width:99px; height:99px; background:url(../img/github.png);

}

img.pop-up-img
{
  width: 100%;
}
.float-left.register
{
  float: left;
}
.online-register
{
  float: left;
  width: 100%;
  background-color: #ed3237;
}
.online-register .Submit .sbutton, .online-registe .canc-btn.p_close.js__p_close
{
  padding:10px !important; 
}

.online-register h3
{
  margin: 10px auto;
}
.online-register .body p
{
  color: #fff;
}

#on-reg-submit
{
  width: 50%;
  float: right !important;
}