﻿.popup
{
	position: fixed;
    z-index: 9999;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 70%;
    height: 423px;
    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%;
    font-size: 23px;
    padding: 40px;
	text-align:left;
}
.p_content h3
{
    margin: 0 0 10px 0;
    text-transform: uppercase;
    color: #439bcf;
    font-weight: 800;
}
.p_content h4
{
    color: #666666;
    font-size: 16px;
    margin-bottom: 10px;
}
  .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: 40px;
    right: 20px;
    width: 30px;
    height: 30px;
}
.p_close span
{ 
    display: block;
    width: 30px;
    height: 1px;
    background: #333;
}
.p_close span:first-child
{
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
    transform:rotate(45deg);
}
.p_close span:last-child
{
    margin: -1px 0 0;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.p_body
{
    z-index: 99;
    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;
}


/* JS-styles — declaratively */
.js__popup {}
.js__p_start {}
.js__p_another_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);
}


@media only screen and (max-width:768px)
{
	.popup
	{
		width: 90%;
		overflow:auto;
	}
}