.order-fail .wrapper {
  position: relative;
  z-index: 9;
}
.order-fail h1 {
  margin-top: 30px;
  font-size: 28px;
  color: #ff3e34;
}
.order-fail h2 {
  margin-top: 25px;
  font-weight: normal;
  font-size: 18px;
  color: #2a2a2a;
}
.order-fail .btn .button {
  display: block;
  width: 260px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  margin: 0px auto;
  margin-top: 80px;
  background-color: #2e4fc3;
  cursor: pointer;
}
.order-fail .btn .button:hover {
  opacity: 0.8;
}
.order-fail .support {
  width: 1100px;
  margin: 0px auto;
  margin-bottom: 60px;
  text-align: left;
  margin-top: 150px;
  color: #a8a8a8;
}
.order-fail .support strong {
  display: block;
  margin-bottom: 20px;
  font-size: 18px;
  color: #2a2a2a;
}
.order-fail .order-fail-content {
  position: relative;
  text-align: center;
  padding-top: 170px;
}
.order-fail .order-fail-content:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 461px;
  background-color: #f8f8f8;
}
.order-fail .order-fail-content.thankyou h1 {
  color: #17d281;
}

.checkoutbg {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -99;
  transform: scale(0);
  background: rgba(0, 0, 0, 0.6);
  transition: all 0.3s;
}
.checkoutbg.on {
  z-index: 99;
  transform: scale(1);
}

.pop-checkout {
  position: fixed;
  width: 420px;
  height: 230px;
  padding: 20px;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 10px;
  background: #fff;
  z-index: -100;
  transform: scale(0);
  transition: all 0.3s;
}
.pop-checkout.on {
  transform: scale(1);
  z-index: 100;
}
.pop-checkout .close {
  position: absolute;
  width: 14px;
  height: 14px;
  right: 5px;
  top: 5px;
  cursor: pointer;
  background: url(../img/close.png);
}
.pop-checkout .close:hover {
  background-position: 0px -14px;
}
.pop-checkout .payment {
  padding: 0px !important;
  width: 360px !important;
  height: 55px;
  border: solid #ccc 1px;
  margin: 0px auto;
  margin-bottom: 10px;
  margin-top: 0px !important;
  display: flex;
  align-items: center;
  cursor: pointer;
  background: #fff;
}
.pop-checkout .payment span {
  position: relative;
  padding: 3px;
  width: 24px;
  height: 24px;
  margin-left: 25px;
  margin-right: 6px;
  border-radius: 50%;
  border: 2px solid #a8a8a8;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.pop-checkout .payment span:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #005fff;
  border-radius: 50%;
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all .3s;
  transition: all .3s;
}
.pop-checkout .payment cite {
  font-style: inherit;
  font-size: 14px;
  width: 135px;
}
.pop-checkout .payment .img-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 163px;
  height: 50px;
  text-align: center;
}
.pop-checkout  .message {
  margin: 0px auto;
  width: 360px;
  line-height: 50px;
  height: 50px;
  text-align: center;
}
.pop-checkout .payment .img-box img {
  max-height: 40px;
}
.pop-checkout .payment.active {
  border: solid #015fff 1px;
}
.pop-checkout .payment.active span {
  border: 2px solid #005fff;
}
.pop-checkout .payment.active span::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.pop-checkout .input-box {
  position: relative;
}
.pop-checkout .payment {
  height:auto;
  border: none;
}
.pop-checkout .payment.active {
   border: none; 
}
.pop-checkout .payment span {
   width: 12px;
   height: 12px;
   border: 1px solid #FF3636;
}
.pop-checkout .payment.active span {
   border: 1px solid #FF3636;
}
.pop-checkout .payment span:after {
   background-color: #FF3636;  
}
.pop-checkout .payment .img-box {
   height:auto;
}
.pop-checkout .input-box span {
  position: absolute;
  color: red;
  font-size: 14px;
}
.pop-checkout .input-box .err-box {
  position: absolute;
  font-size: 12px;
  color: red;
  top: 45px;
  left: 10px;
  opacity: 0;
}
.pop-checkout .input-box .err-box.on {
  opacity: 1;
}
.pop-checkout .input {
  display: block;
  width: 360px;
  height: 40px;
  margin: 0px auto;
  text-indent: 25px;
  border: solid #ccc 1px;
}
.pop-checkout .button {
  position: relative;
  display: flex;
  width: 240px;
  height: 40px;
  margin: 0px auto;
  margin-top: 30px;
  background-color: #fc4140;
  color: #fff;
  border: none;
  border-radius: 5px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 9;
}
.pop-checkout .button:hover {
  background-color: #f85454;
}
.pop-checkout .button.on {
  position: relative;
}
.pop-checkout .button.on i {
  display: block;
  position: absolute;
  left: 43%;
  transform: translate(-50%);
  width: 27px;
  height: 30px;
  top: 5px;
  background: url(../img/load-icon.svg) no-repeat;
  animation: loading 1s linear infinite;
}
.pop-checkout .button.on span {
  display: none;
}
@keyframes loading{0%{transform:rotate(0deg)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}100%{transform:rotate(360deg)}}
/*# sourceMappingURL=order.css.map */