﻿.popup {
  position:fixed; z-index:10000000; top:60px; left:50%;
  width:310px; 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 {
    font-size: 23px;
    padding: 24px 24px;
    text-align: center;
    width: 100%;
}
  .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 {
    float:right; width:15px; height:14px; margin:11px 10px 0 0;
    background:url(../images/popup_close.png);
  }
  .p_body {
    background:#000; 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; z-index:100000;
  }


/* js стили — декларативно */
.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);
}

/*---------------------------------------------------------form-----------------------------------------------------------------------------*/

.form_boxi {
    margin-top: 0px;
}

.form_boxi h3 {
    color: #002E5E !important;
    font:100 24px Arial, Helvetica, sans-serif !important;
    margin: 0 !important;
    padding: 0px 0 10px; text-align:left;
}

.form_boxi input, .form_boxi textarea {
    background: #1a1a1a none repeat scroll 0 0;
    border: none !important;
    color: #fff !important;
    font-size: 13px !important;
    margin: 0 0 7px 0px !important;
    padding: 11px 15px;
    text-shadow: none !important;
    width: 100%; font-weight:100 !important;
}
.form_boxi textarea {
    font-size: 14px;
    margin-bottom: 0;
    min-height: 70px;
    padding: 9px 15px;
    width: 100%;
}
.form_boxi select {
    -moz-appearance: none; color: #fff !important;
    background: #1a1a1a url("../images/dropdown.png") no-repeat scroll 96% center;
    border: medium none;
     margin: 0 0 7px 0px !important;
    padding: 11px 15px;
    width: 100%;font-size: 13px !important;
}
.form_boxi .btn {
    background:#002E5E none repeat scroll 0 0;
    border: none !important;
    box-shadow: none;
    color: #fff;
    font-size: 15px !important;
    font-weight: 100;
    height: auto; border-radius:0px;
    margin-top: 10px;
    padding: 9px 12px; text-transform:uppercase;
}
.form_boxi .btn:hover {
    background:#000;
    color: #fff;
}


/*---------------------------------------------------------form-----------------------------------------------------------------------------*/	
