﻿.popup {
  position:fixed; z-index:2; top:60px; left:50%;
  width:665px; background:#22b348;
    -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_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: 1;
  }


/* 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);
}	
	
		.p_content { width:550px; margin: auto; padding: 40px 0 0 0; }
		.p_content h3 { background: url(img/chat-bg2.png) left center no-repeat; font-size: 25px; color: #fff; font-family: 'open_sansregular'; padding: 0 0 0 40px; }
		.white-box { float: left; width: 96%; background: #fff; border: 1px solid #959f98; padding: 18px 0 0 20px; margin: 25px 0 25px 0; }
		.white-box .doc { float: left; width: 200px; }
		.white-box .doc img { display: block; }
		.white-box .doc h4 { font-size: 14px; color: #f46404; font-family: 'open_sansbold'; margin: 15px 0 0 0; }
		.white-box .doc span { color: #696969; font-size: 12px; display: block; margin: 10px 0 0 0; }
		.white-box .hallo { float: right; width: 285px; }
		.white-box .hallo h2 { font-size: 33px; }
		.white-box .hallo span { font-family: 'cheyenne_handregular'; font-weight: 700; display: block; font-size: 13px; color: #f46404; transform: rotate(3deg); padding: 4px 0 15px 6px; }
		.white-box .hallo p { margin: 0px 16px 20px; }
		.date { float: left; width: 370px; } 
		.date h4 { color: #fff; font-size: 20px; padding: 0 0 10px 0; }
		.date select { float: left; height: 37px; border: 1px solid #6a6a6a; -moz-appearance: none; -webkit-appearance: none; appearance: none; background: #fff url(img/drop-down.jpg) no-repeat right center; margin: 0 7px 0 0; }
		.date select.year { float: left; width: 88px; padding-left: 10px; }
		.p_content select option { padding-left: 5px; }
		.date select.date { width: 160px; float: left; padding-left: 10px; }
		.date select.month { width: 90px; float: left; padding-left: 10px; }
		.time { float: right; width: 170px; }
		.time h4 { color: #fff; font-size: 20px; background: url(img/clock-img2.png) 45px center no-repeat; margin: 0 0 10px 0; }
        .time input { padding-left: 10px; loat: left; width: 160px; height: 37px; border: 1px solid #6a6a6a; -moz-appearance: none; -webkit-appearance: none; appearance: none; margin: 0 7px 0 0; }
        .time select { padding-left: 10px; loat: left; width: 160px; height: 37px; border: 1px solid #6a6a6a; -moz-appearance: none; -webkit-appearance: none; appearance: none; background: #fff url(img/drop-down.jpg) no-repeat right center; margin: 0 7px 0 0; }
        .p_content a.green-button { width: 290px !important;  padding-right: 12px !important; margin: 25px 0 70px 0; background: linear-gradient(to bottom, #fc7f2b 0%, #df5900 100%); }
		.p_content a.green-button span { margin: 42px 0 0 10px; }
		.p_content a.green-button:hover { background: linear-gradient(to bottom, #df5900 0%, #fc7f2b 100%); }

        #requestAppointment a.green-button { line-height: 65px !important; margin-bottom: 40px; }
        #requestAppointment a.green-button img { margin-top: 22px; }
        #requestAppointment a.green-button span { margin-top: 29px; }