/*  <-- =========== success popup start ================ --> */
#successContainer {
  position: relative;
  background: #fff;
  padding: 20px 17px;
  text-align: center;
  border-radius: 3%;
  margin: 28px auto;
  -webkit-box-shadow: -7px 0px 0px -2px rgba(71,71,71,0.2);
  -moz-box-shadow: -7px 0px 0px -2px rgba(71,71,71,0.2);
  box-shadow: -7px 0px 0px -2px rgba(71,71,71,0.2);
}

 #successContainer h1 {
  margin: 30px 0 20px 0;
  font-weight: normal;
} 

p {
  font-size: 0.8em;
  margin-bottom: 25px;
}

#okButton{
  width: 100%;
  background: #73c242;
  border: transparent;
  border-radius: 3%;
  padding: 10px;
  text-transform: uppercase;
  color: white;
  letter-spacing: 1px;
}

#circle {
  position: absolute;
  width: 80px;
  height: 80px;
  background: #73c242;
  border-radius: 50%;
  text-align: center;
  top: -40px;
  left: 91px;
}

#circle i {
  color: white;
  margin: 25px;
  font-size: 30px;
}

 /*  <-- =========== success popup end ================ --> */