/* =========================
	PUBLIC DESKTOP CSS
========================= */

/* Write your Public SASS desktop here! */
.wpcf7-form-control-signature-wrap {
  width: 400px !important;
  height: 100px !important;
}
body {
  background: #272b30;
}
.fl-page {
  margin-bottom: -6px;
}
.kw-upload {
  text-align: center;
  background: #041f36;
  top: 10px;
  position: absolute;
  height: 34px;
  display: block;
  width: 108px;
  z-index: 999999;
  border: 1px solid #018472;
  line-height: 32px;
  vertical-align: middle;
  border-radius: 4px;
}
input.wpcf7-form-control.wpcf7-file.upload {
  padding-top: 2px;
  padding-left: 7px;
}
input#wpcf7_signature-release_clear, .rel-form input[type="button"] {
  font-size: 16px;
  background: none;
  border-radius: 4px;
  border: 1px solid #018472;
  padding: 6px 2em;
  color: rgba(255, 255, 255, 0.75);
}
input.wpcf7-form-control.wpcf7-file {
  color: #018472;
}
.wpcf7-form-control-signature-body {
  background: white;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
}
.wpcf7-form-control-clear-wrap {
  margin: 2rem 0;
}
.hfield {
  background: red;
}
.rel-form * {
  color: rgba(255, 255, 255, .8);
  font-size: 16px !important;
  font-weight: normal !important;
  font-family: Montserrat !important;
}
.rel-form label, .rel-form p {
  font-weight: 500 !important;
  font-family: Montserrat;
  font-size: 16px !important;
}
input.wpcf7-form-control {
  margin: 0.8em 0;
  border-radius: 4px;
  border: 1px solid #fff c4;
  background: none;
}
span.wpcf7-list-item.first {
  margin: 1em 0;
}
.rel-form input.wpcf7-form-control {
  max-width: 400px;
}
.wpcf7-form-control-wrap.file-upload {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.kw-upload, .wpcf7-form-control.wpcf7-submit {
  width: 106.95px !important;
}
.wpcf7-form-control.wpcf7-file.upload {
  font-size: 16px !important;
  opacity: 0.4;
  font-weight: 100 !important;
  letter-spacing: 0px;
  transform: translateX(10px);
}


/* =========================
	PUBLIC DESKTOP CSS END
========================= */
/* =========================
	PUBLIC RESPONSIVE CSS
========================= */

/* TABLET LANDSCAPE */
@media (max-width: 1199px) {



}

/* TABLET PORTRAIT */
@media (max-width: 991px) {

/* Write your Public SASS tablet-p here! */
.wpcf7-form-control-signature-wrap {
  margin: 0 auto;
}
.wpcf7-form-control-signature-wrap {
  width: 730px !important;
  height: 300px !important;
}


}

/* MOBILE LANDSCAPE */
@media (max-width: 767px) {



}

/* MOBILE PORTRAIT */
@media (max-width: 479px) {

/* Write your Public SASS mobile-p here! */
.wpcf7-form-control-signature-wrap {
  width: 320px !important;
  height: 200px !important;
}
.rel-form {
  width: 100vw;
}
input.wpcf7-form-control.wpcf7-file.upload {
  width: 330px;
}
.fl-row-content-wrap {
  padding-top: 0;
}
.wpcf7-form-control.wpcf7-file.upload {
  font-size: 16px !important;
  opacity: 0.4;
  font-weight: 100 !important;
  letter-spacing: 1px;
  transform: translateX(1px) !important;
}


}

/* RETINA FIXES */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 	   only screen and (-o-min-device-pixel-ratio: 3/2),
 	   only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5) {



}
/* =========================
	PUBLIC RESPONSIVE CSS END
========================= */