.field .label {
  display: inline-block;
  float: left;
  border-right: 1px solid #000;
}
.field:after {
  display: table;
  clear: both;
}
.field:after,
.fields:after,
.modal:after {
  content: '';
}
.input-text {
  position: relative;
  display: inline-block;
  float: left;
}
.input-text input[type="text"] {
  width: 100%;
  border: none;
  outline: 0;
  color: #000;
  background-color: white;
}
.ts-btn.pre {
  margin: 1% 2%;
  font-size: 1em;
}
.ts-btn.pre a {
  color: white;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .btn-wrapper.pre {
    margin: 3.2em 0;
  }
  .ts-btn.pre {
    width: 450px;
    /* width: 40%; */
    padding: 1.9rem 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .ts-btn.pre {
    display: block;
    padding: 1em 0;
  }
}
@media screen and (max-width: 563px) {
  .btn-wrapper.pre {
    /*font-size: 0.9em;*/
  }
  .ts-btn.pre span {
    display: block;
  }
}
@media screen and (max-width: 509px) {
  .btn-wrapper.pre {
    /*font-size: 0.8em;*/
  }
}
@media screen and (max-width: 467px) {
  .btn-wrapper.pre {
    /*font-size: 0.7em;*/
  }
}
@media screen and (max-width: 431px) {
  .btn-wrapper.pre {
    /*font-size: 0.6em;*/
  }
}
@media screen and (max-width: 385px) {
  .btn-wrapper.pre {
    /*font-size: 0.4em;*/
  }
}
@media screen and (max-width: 373px) {
  .btn-wrapper.pre {
    font-size: 0.8em;
  }
}