.form-wrapper {
  position: relative;
}
.loading-mask {
  position:absolute;
  width:calc(100% + 40px);
  height:calc(100% + 40px);
  display:block;
  z-index:100;
  background:rgba(0,0,0,0.2);
  top:-20px;
  left:-20px;
  opacity: 0;
  animation: fadeIn 0.1s 0.1s 1 forwards ease-out;
}
@media screen and (max-width: 767px) {
  .loading-mask {
      position:fixed;
      width:100vw;
      height:100vh;
      top: 0;
      left: 0;
  }
}
.loader,
.loader:after {
border-radius: 50%;
width: 10em;
height: 10em;
}
.loader {
font-size: 8px;
position: absolute;
top: calc(50% - 5em);
left: calc(50% - 5em);
text-indent: -9999em;
border-top: 1.1em solid rgba(255, 255, 255, 0.2);
border-right: 1.1em solid rgba(255, 255, 255, 0.2);
border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
border-left: 1.1em solid #ffffff;
animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
0% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
100% {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
100% {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
}
@keyframes fadeIn {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
}

#submit_btn {
  display: none;
}