﻿.popup {
	position:fixed; 
	z-index:999; 
    top: 3px;
    left: 50%;
    width: 74%;
	height:auto; 
	background:#fff;
    -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: left;
    font-size: 19px;
    padding: 0;
    margin: 0 auto;
    height: 490px;
    overflow: scroll;
    padding-left: 16px;
    padding-top: 9px;
  }
  .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 { position:absolute; top:0; right:0; width:16px; height:12px; padding:15px 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:999;
  }


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