.popup {
  height: auto;
  position: fixed;
  z-index: 9999999;
  max-width: 1024px;
  top: 204px;
  left: 50%;
  width: 70%;
  background: none;
  -moz-transition: top 800ms;
  -o-transition: top 800ms;
  -webkit-transition: top 800ms;
  transition: top 800ms;
}
  .p_content {width: 100%;/* text-align: center; *//* font-size: 23px; */padding: 0;}
  .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 {font-family: DINPro-Bold;font-size: 20px;color: #fff;text-decoration: none;position: absolute;top: 0px;right: 30px;width: 35px;height: 25px;padding: 5px 0px;/* background-color: #887857; *//* align-items: center; */justify-content: center;display: flex;border-radius: 2px;}
  .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;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.7;
    -moz-transition: opacity 800ms;
    -o-transition: opacity 800ms;
    -webkit-transition: opacity 800ms;
    transition: opacity 800ms;
  }


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