.secure-form {
  display: flex;
  flex-flow: row wrap;
  max-width: 600px
}

.secure-form .secure-form-item label {
  font-family: sans-serif;
  padding-bottom: 3px;
  font-size: 13pt;
  margin: default
}

.secure-form {
  display: flex;
  flex-flow: row wrap;
  max-width: 600px
}

.secure-form .secure-form-item label {
  font-family: sans-serif;
  padding-bottom: 3px;
  font-size: 13pt;
  margin: default
}

.secure-form .secure-form-item input, .secure-form .secure-form-item textarea {
  width: 100%;
  font-family: sans-serif;
  padding: 13px;
  font-size: 13pt;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(200, 200, 200, 0.5);
  box-shadow: inset 0 2px 4px 0 hsla(0, 0%, 0%, 0.08);
  border-radius: 3px
}

.secure-form .secure-form-item {
  display: flex;
  flex-flow: column wrap;
  padding: 6px;
  flex: 1 100%
}

.secure-form .secure-form-name, .secure-form .secure-form-email {
  flex: 1 auto
}

.secure-form .secure-form-recaptcha-container {
  align-items: center
}

.secure-form .secure-form-submit-button[type="submit"] {
  width: 100%;
  background-color: #444;
  border: 0;
  color: #eee;
  padding: 14px 28px;
  text-decoration: none;
  margin: 0;
  cursor: pointer;
  font-size: 16pt;
  transition: all .6s
}

.secure-form .secure-form-submit-button:hover {
  background-color: #666
}

.secure-form-wrapper {
  display: flex;
  justify-content: center;
  flex-flow: column nowrap
}

.secure-form-container {
  width: 100%;
  display: flex;
  flex-flow: column wrap;
  align-items: center
}

.secure-form-container h1, .secure-form-container p, .secure-form-container a, .secure-form-container span, .secure-form-container button {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif
}

.secure-form-inner {
  max-width: 700px;
  border-radius: 4px;
  background-color: #f7f7f7;
  background-image: linear-gradient(to bottom, #f8f8f8, #f4f4f4, #f1f1f1, #efefef, #efefef);
  border-color: #c3e6cb;
  border-width: 1px;
  font-size: 20px;
  display: flex;
  flex-flow: column nowrap;
  margin: 20px 0;
  padding: 30px 30px 10px 30px;
  box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.5)
}

.secure-form-header {
  font-size: 40px;
  line-height: 30px;
  margin: 10px 5px
}

.secure-form-subheading {
  line-height: 32px;
  font-size: 20px;
  margin: 10px 0
}

.secure-form-message-container {
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 5px;
  margin: 15px 0;
  padding: 25px;
  line-height: 50px;
  box-shadow: 1px 3px 5px 0 rgba(0, 0, 0, 0.25)
}

.secure-form-inner .secure-form-message {
  line-height: 32px;
  font-size: 20px;
  margin: 10px 0;
  color: #333
}

.secure-form-message-category {
  font-weight: bolder
}

.secure-form-button-container {
  align-self: center;
  margin: 10px 5px 25px 5px
}

.secure-form-button {
  border: 0;
  color: white;
  height: 60px;
  width: 300px;
  cursor: pointer;
  border-radius: 5px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 1.5px 2.5px 2px 0 rgba(0, 0, 0, 0.5);
  font-size: 20px;
  transition: background-color .5s, box-shadow .5s
}

.secure-form-button:hover {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4)
}

.secure-form-gn-container {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center
}

.secure-form-gn {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  color: rgba(55, 55, 55, 0.95);
  font-size: 14px;
  line-height: 16px
}

.secure-form-gn a {
  color: inherit;
  text-decoration: none
}

.secure-form-success .secure-form-header, .secure-form-success .secure-form-inner, .secure-form-success .secure-form-subheading, .secure-form-success .secure-form-message-category {
  color: #20bed6
}

.secure-form-success .secure-form-button {
  background-color: #20bed6
}

.secure-form-success .secure-form-button:hover {
  background-color: #19b0c6
}

.secure-form-failure .secure-form-header, .secure-form-failure .secure-form-inner, .secure-form-failure .secure-form-subheading, .secure-form-failure .secure-form-message-category {
  color: #9b2222
}

.secure-form-failure .secure-form-button {
  background-color: #a53434
}

.secure-form-failure .secure-form-button:hover {
  background-color: #992f2f
}

/* secure-form-styles */
.secure-form-styles .secure-form .secure-form-item label {
  line-height: normal;
  font-size: 13px;
  padding: 0;
  padding-bottom: 3px;
}

.secure-form-styles .secure-form .secure-form-item input, .secure-form-styles .secure-form .secure-form-item textarea {
  padding: 10px;
  height: auto;
  line-height: normal;
  box-shadow: none;
}

.secure-form-styles .secure-form .secure-form-item {
  display: flex;
  flex-flow: column wrap;
  padding: 6px;
  flex: 1 50%;
  flex-grow: 1;
}

.secure-form-styles .secure-form .secure-form-submit-button[type="submit"] {
  max-width: 200px;
  padding: 10px;
  height: auto;
  line-height: normal;
  font-size: 18px;
  margin: auto;
}

.secure-form-styles .secure-form .secure-form-submit-button[type="submit"]:hover {
  background: #000000;
}

@media screen and (max-width: 600px) {
  .secure-form-styles .secure-form .secure-form-item {
    flex: 1 100%;
  }
}