.popup { position: fixed; z-index: 9999; top: 35%; left: 50%; min-width:300px; width: 320px; height: 170px; background: #fff; border-radius:5px; /*-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: 23px; padding: 30px 0 0; }
.p_anch {  }
.p_anch a { color: #484e66; }
.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: 10px; width: 16px; height: 12px; padding-top: 15px; }
.p_close span { display: block; width: 20px; height: 3px; background: #484e66; border-radius: 8px;}
.p_close span:first-child { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.p_close span:last-child { margin: -3px 0 0; -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); }
.p_close:hover span { background: #484e66; }
.p_body { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #484e66; z-index:999; 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; }