@import url(https://fonts.googleapis.com/css?family=Ubuntu:300|Lato:300,400);
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  box-sizing: border-box;
}

/* Override wufoo default style */
body {
  font-family: 'Ubuntu', sans-serif !important;
  letter-spacing: 0 !important;
}

.embed form {
  padding: 0;
}

#container {
  margin: 0 auto;
}

/* fix clearfix */
form ul:after, form li:after, form li div:after {
  content: "";
}

.wufoo .info, .wufoo .paging-context {
  display: none;
}

.wufoo label.desc, .wufoo legend.desc,
.wufoo li span label,
.wufoo label.choice {
    font-size: 17px;
    color: #aaa;
    font-weight: 400;
}

.wufoo label.choice {
  font-size: 14px;
}

/* Form Base Setting from mobile */

form ul {
  width: 100% !important;
  margin: 0 auto !important;
}

.noI form li {
  width: 100% !important;
}

form li {
  display: inline-block;
  padding: 0;
  margin-bottom: 15px;
  clear: none !important;
  float: none;
}

.wufoo form ul li .desc {

}

form li div {
  display: inline-block;
  width: 100%;
}

.wufoo form ul li span {
  float: none;
}

/* Error Messages */
/* it displays in form top */
#errorLi {
  display: none !important;
}

form li.error {
  background-color: inherit !important;
}

.error {
  background-color: initial !important;
}

form li.buttons {
  padding: 0;
  margin: 0;
  overflow: hidden;
  text-align: center;
}

/* current default style for input and textarea */
/* Override */
input.text, input.search, input.file, textarea.textarea, select.select {
  font-family: "Lato", Helvetica, sans-serif !important;
  font-weight: 400 !important;
}

input, textarea {
  border: 1px solid rgba(0, 0, 0, 0.3) !important;
  background: #fff !important;
  color: #7d828c !important;
  font-size: 14px !important;
  width: 100% !important;
}

input::-webkit-input-placeholder {
  color: #a3a8b1;
}

input::-moz-placeholder {
  color: #a3a8b1;
}

input::-moz-placeholder {
  color: #a3a8b1;
}

input:-ms-input-placeholder {
  color: #a3a8b1;
}

input:placeholder-shown {
  color: #a3a8b1;
}

input {
  display: inline-block;
  border-radius: 0;
  padding: 0.35em 0.95em !important;
  line-height: 30px;
  -webkit-appearance: none;
}

textarea {
  padding: 0.5em;
  line-height: 1.3em;
}

input[type="submit"],
input[type="button"] {
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}

input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/* After send form Ads off setting */
.embed .confirm .create-message {
  display: none;
}

.embed .confirm a.start-cta {
  display: none;
}

.embed .confirm .logo-container {
  display: none;
}

/* Label setting for V3 in home */
.wufoo li.textbox-v3 label.desc,
.wufoo li.large-text-v3 label.desc {
  display: none;
}

/* remove 'report abuse' section */
.wufoo li.buttons div a {
  display: none;
}

.submit {
  background-color: #0088cc !important;
  border: 0 !important;
  color: #fff !important;
  /*font-family: 'Ubuntu', sans-serif !important;*/
  font-family: "Lato", Helvetica, sans-serif !important;
  font-size: 18px !important;
  font-weight: 300 !important;
  padding: .33em .5em !important;
  text-align: center;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  cursor: pointer;
  width: 195px !important;
}

.submit:hover {
  background-color: #1ca0e1 !important;
  color: #fff !important;
}

/* Override confirm message */
.confirm h2 {
  color: #353b52;
}

/* 1000 */
@media (min-width: 896px) {
  form li {
    float: left;
  }

  .wufoo li.textbox-v3 {
    margin-right: 1%;
    width: 21% !important;
  }

  .wufoo li.large-text-v3 {
    margin-right: 0;
    width: 29% !important;
  }

  .wufoo li.buttons {
    float: right;
    width: 20% !important;
    min-width: 220px;
  }

  .submit {
    width: 220px !important;
    float: right;
    margin-right: 0 !important;
  }

  .embed .confirm h2.freeHeading {
    margin: 0 0 40px 0;
  }

  .confirm h2 {
    padding: 0;
  }
}