﻿.popup {

    -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;
	z-index: 9999;
  transition:top 800ms;
}
.popup {
  background: none repeat scroll 0 0 rgb(237, 38, 38);
  border-radius: 10px;
  box-shadow: 0 0 14px 0 rgba(255, 255, 255, 0.4);
  height: auto;
  left: 50%;
  position: fixed;
  top: 60px;
  transition: top 800ms ease 0s;
  width: 460px;
  z-index: 9999;
}
.p_anch {
  display: none;
}
  .p_content { width:100%; text-align:center; font-size:23px; padding:28px 0; }
  .p_anch {
    float:left; position:relative; z-index:1; width:100%;
    margin:0px 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 {
  background: none repeat scroll 0 0 rgb(255, 255, 255);
  display: block;
  height: 5px;
  width: 18px;
}
  .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: 9999999;
  }


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

.btm-contant {
  display: none;
  margin: auto;
  position: relative;
  text-align: right;
  width: 80%;
}
.btm-contant > a {
  background: none repeat scroll 0 0 rgb(237, 38, 38);
  border-radius: 7px 7px 0 0;
  bottom: 0;
  color: rgb(255, 255, 255);
  display: inline-block;
  font-size: 17px;
  line-height: 42px;
  position: fixed;
  right: 117px;
  text-align: center;
  text-decoration: none;
  width: 200px;
  z-index: 9999;
}
@media screen and (max-width:767px) {
.footer-top-btn {
  height: auto;
  margin: 0 auto;
  width: 94%;
}
.main-link-div {
  display: inline-block;
  padding: 15px 0;
  text-align: center;
  width: 100%;
}
.p_body {
  z-index: 99999999;
}
.popup {
  z-index: 999999999;
}
.p_anch {
  display: block;
}
.mobile-hide {
  display: none;
}	
.footer-top-btn {
  padding: 2% 2% 95px;
 
}
.btm-contant > a {
  background: none repeat scroll 0 0 rgb(237, 38, 38);
  border-radius: 7px 7px 0 0;
  bottom: 0;
  color: rgb(255, 255, 255);
  display: inline-block;
  font-size: 13px;
  left: 0;
  line-height:25px;
  position: fixed;
  right: 0;
  text-align: center;
  text-decoration: none;
  width: 93%;
  z-index:999999;
}
.footer-top-btn {
  height: auto;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: -50px;
  width: 94%;
}
.btm-contant {
  display: block;
  margin: auto;
  position: relative;
  text-align: right;
  width: 80%;
}
.p_content > p {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-weight: bold;
  line-height: 33px;
}
.btm-contant > a {
  color: rgb(255, 255, 255);
  font-size: 13px;
  line-height: 25px;
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: center;
}
}
@media screen and (max-width:640px) {

.btm-contant > a {
  color: rgb(255, 255, 255);
  font-size: 13px;
  line-height: 25px;
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: center;
}

}
@media screen and (max-width:480px) {
.popup {
  left: 0;
  margin: auto !important;
  right: 0;
  width: 94%;
}
.footer-top-btn {
  padding: 2% 2% 60px;
}
}

@media screen and (max-width:375px) {
.footer-top-btn {
  height: auto;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: -80px;
  width: 94%;
}
.p_content {
  font-size: 23px;
  text-align: center;
  width: 100%;
}
}