.button.popbtn {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  padding: 5px 10px;
  border: 1px solid #aaa;
  background-color: #eee;
  background-image: linear-gradient(top, #fff, #f0f0f0);
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  color: #666;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
  cursor: pointer;
  transition: all 0.2s ease-out;
}
.popbtnopen{ position: absolute;top: 0px; }
.pop-main {
   position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    transition: opacity 200ms;
    visibility: hidden;
    opacity: 0;
    height: 100vh;
    z-index: 99999999;

}
 .pop-main .cancel {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: default;
}
.pop-main:target {
  visibility: visible;
  opacity: 1;
}
.popup-box {
  /*margin: 75px auto;*/
  margin: 10% auto;
  padding: 20px;
  background: #fff;
  border: 1px solid #000;
  width: 750px;
  /*box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);*/
  position: relative;
  z-index: 99999;
}
.popup-box h2 {
  margin-top: 12px;
  margin-bottom: 0px;
  color: #666;
  text-align: center;
  font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
}
.popup-box h2 img{display: inline-block;}
.popup-box .close {
  position: absolute;
  width: 48px;
  height: 48px;
  top: 12px !important;
  right: 12px !important;
  opacity: 0.8;
  transition: all 200ms;
  font-size: 24px;
  font-weight: bold;
  text-decoration: none;
  color: #666;
}
.popup-box .close:hover {
  opacity: 1;
}
.popup-box .content2 {
  max-height: 400px;
  overflow: hidden;
}
.popup-box p {
  margin: 0 0 1em;
}
.popup-box p:last-child {
  margin: 0;

}
.popup-box{
  position: relative;
  background-color: #eb6124;
  /*margin: 75px auto;*/
  border: 1px solid #000;
  width: 750px;
}
.popup-box .content2 h1{
  text-align: center;
  margin: 20px 0px 15px;
}
.popup-box .content2 h1 img{
  display: inline-block;
}
.popup-box .form-box{ width: 100%; float: left; }
.popup-box .form-main{
  float: none; width: 84.5%;
  margin-left: auto;
  margin-right: auto;
}
.popup-box .form-main .form-group2{ width: 49.5%; float: left; display: inline-block; }
.popup-box .form-main .form-group2 input{
  width: 100%;
  height: 47px;
  margin-top: 5px;
  text-indent: 19px;
  line-height: 47px;
  font-size: 15px;
  color: #b5b4b4;
  border: none;
  background-color: #fff;
  border-radius: 5px;
  box-sizing: border-box;
}
.popup-box .form-main .form-group2 button{ 
  background: none; 
  width: 100%;
  height: 47px;
  width: 100%;
  padding: 0px;
  text-align: left;
  line-height: 47px;
  border: none;
  margin: 4px 0 0 0;
  cursor: pointer;
}
.popup-box .mrl-4{ margin-left: 5px; }
.popup-box .form-main .form-group2 button img{ width: 100%; height: 48px; }
.popup-box .popup-footer{ float: left; width: 100%; margin: 0 auto; text-align: center;  }    
.popup-box h3{ text-align: center;padding-top: 32px; border-bottom: 17px; margin: 0px; }
.popup-box h3 img{ display: inline-block; }
.popup-box .form-group2 input::input-placeholder { 
  color: #dac4ab; font-size: 26px; font-weight: normal; vertical-align: middle; line-height: 47px; ;
}
.popup-box .form-group2 input::-webkit-input-placeholder { 
  color: #dac4ab; font-size: 26px; font-weight: normal; vertical-align: middle; line-height: 47px; ;
}
.popup-box .form-group2 input:placeholder-shown { color: #dac4ab; font-size: 26px; font-weight: normal; vertical-align: middle; line-height: 47px; }
.popup-box .form-group2 input::-moz-placeholder { 
  color: #dac4ab; font-size: 26px; font-weight: normal; vertical-align: middle; line-height: 47px;
}
.popup-box .form-group2 input:-ms-input-placeholder {
  color: #dac4ab; font-size: 26px; font-weight: normal; vertical-align: middle; line-height: 47px;
}
.popup-box .form-group2 input:-moz-placeholder { 
  color: #dac4ab; font-size: 26px; font-weight: normal; vertical-align: middle; line-height: 47px;
}
/*Responsive*/
@media screen and (min-width:1025px) and (max-width:1240px){

}
@media screen and (min-width:901px) and (max-width:1024px){}
@media screen and (min-width:768px) and (max-width:900px){
  .popup-box .form-main{ width: 94%; }
  .popup-box h2 img{ width: auto; height: auto; }
  .popup-box .content2 h1 img{ width: 100%; height: auto; }
  .popup-box{ width: 70%; margin-left: auto;margin-right: auto; float: none; }
  .popup-box .form-group2 input::-webkit-input-placeholder {  font-size: 22px; }
  .popup-box .form-group2 input::-moz-placeholder { font-size: 22px; }
  .popup-box .form-group2 input:-ms-input-placeholder { font-size: 22px;}
  .popup-box .form-group2 input:-moz-placeholder {  font-size: 22px;}
  .popup-box .popup-footer h3 { padding-top: 22px; }
  .popup-box .popup-footer h3 img{ width: 100%; height: auto; }
  .popup-box .close{ width: 35px; height: 35px; }
  .popup-box .close img{ width: 100%; height: auto; }
}
@media (max-width: 767px){
  .popup-box .form-group2 input::-webkit-input-placeholder {  font-size: 22px; line-height: 42px; }
  .popup-box .form-group2 input::-moz-placeholder { font-size: 22px;  line-height: 42px;}
  .popup-box .form-group2 input:-ms-input-placeholder { font-size: 22px; line-height: 42px;}
  .popup-box .form-group2 input:-moz-placeholder {  font-size: 22px; line-height: 42px;}
  .popup-box .form-group2 input::input-placeholder { font-size: 22px; line-height: 42px; }
}
@media screen and (min-width:601px) and (max-width:767px){
  .popup-box{ width: 80%; margin-left: auto;margin-right: auto; float: none; }
  .popup-box .content2{ max-height: 460px; }
  .popup-box h2 { margin-top: 22px;}
  .popup-box h2 img{ width: auto;%; height: auto; }
  .popup-box .content2 h1 img{ width: 100%; height: auto; }
  .popup-box .form-main .form-group2{ width: 100%; }
  .popup-box .mrl-4{ margin-left: 0px; }
  .popup-box .form-main{ width: 95%; }
  .popup-box .form-main .form-group2{ margin-top: 10px; }
  .popup-box .form-main .form-group2 input{ height: 42px; line-height: 42px;}
  .popup-box .form-group2.btn{ text-align: center; }
  .popup-box .form-main .form-group2 button{ text-align: center; }
  .popup-box .form-main .form-group2 button img{ height: auto; width: auto;display: inline-block; }
  .popup-box .popup-footer h3 { padding-top: 22px; }
  .popup-box .popup-footer h3 img{ width: 100%; height: auto; }
  .popup-box .close{ width: 25px; height: 25px; }
  .popup-box .close img{ width: 100%; height: auto; }
}
@media screen and (min-width:481px) and (max-width:600px){
  .popup-box { width: 80%; margin-left: auto;margin-right: auto; float: none; }
  .popup-box h2 { margin-top: 22px;}
  .popup-box h2 img{ width: 100%; height: auto; }
  .popup-box .content2 h1 img{ width: 100%; height: auto; }
  .popup-box .form-main .form-group2{ width: 100%; }
  .popup-box .mrl-4{ margin-left: 0px; }
  .popup-box .form-main{ width: 95%; }
  .popup-box .form-main .form-group2{ margin-top: 10px; }
  .popup-box .form-main .form-group2 input{ height: 42px; line-height: 42px;}
  .popup-box .form-group2.btn{ text-align: center; }
  .popup-box .form-main .form-group2 button{ text-align: center; }
  .popup-box .form-main .form-group2 button img{ height: auto; width: auto; display: inline-block; }
  .popup-box .popup-footer h3 { padding-top: 22px; }
  .popup-box .popup-footer h3 img{ width: 100%; height: auto; }
  .popup-box .close{ width: 25px; height: 25px; }
  .popup-box .close img{ width: 100%; height: auto; }
}
@media screen and (min-width:320px) and (max-width:480px){
  .popup-box{ width: 80%; margin-left: auto;margin-right: auto; float: none; }
  .popup-box h2 { margin-top: 22px;}
  .popup-box h2 img{ width: 100%; height: auto; }
  .popup-box .content2 h1 img{ width: 100%; height: auto; }
  .popup-box .form-main .form-group2{ width: 100%; }
  .popup-box .mrl-4{ margin-left: 0px; }
  .popup-box .form-main{ width: 95%; }
  .popup-box .form-main .form-group2{ margin-top: 10px; }
  .popup-box .form-main .form-group2 input{ height: 42px; line-height: 42px;}
  .popup-box .form-main .form-group2 button img{ height: 42px; }
  .popup-box .popup-footer h3 { padding-top: 22px; }
  .popup-box .popup-footer h3 img{ width: 100%; height: auto; }
  .popup-box .close{ width: 20px; height: 20px; }
  .popup-box .close img{ width: 100%; height: auto; }
  .popup-box .form-group2 input::-webkit-input-placeholder {color: #dac4ab;  font-size: 18px; }
  .popup-box .form-group2 input::-moz-placeholder {color: #dac4ab; font-size: 18px; }
  .popup-box .form-group2 input:-ms-input-placeholder {color: #dac4ab; font-size: 18px;}
  .popup-box .form-group2 input:-moz-placeholder {color: #dac4ab;  font-size: 18px;}
}