.popup {
  position:fixed; z-index:9999; top:60px; left:50%; 
  width:610px; height:auto; background:none;
  /*  -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;*/
}
  .p_content { width:100%; text-align:center; font-size:16px; padding:0px 0 0; background:none; }

 
  .p_close {
    float:right; width:16px; height:16px; margin:5px 5px 5px 0; position:relative; z-index:99999;
    background:url(close.png);
  }
  .p_body {
    background:#fff; left:0; top:0; position:fixed; width:100%; height:100%; opacity:0.7;
      -moz-transition:opacity 800ms;
      -o-transition:opacity 800ms;
      -webkit-transition:opacity 800ms;
    transition:opacity 800ms;
  }

.img-popup{background:url(SAS.png) no-repeat; width:600px; height:450px;}
@media screen and (max-width: 480px) {
	.popup {
  position:fixed; z-index:9999; top:60px; left:50%; 
  width:300px; height:auto; background:none;
	}
   .img-popup{background:url(SAS_mobile.png) no-repeat; width:300px; height:400px;}
}

/* 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; }