@charset "UTF-8";
#sns_main form.hs-form {
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
}
#sns_main form.hs-form fieldset .input {
margin-right: 0 !important;
}
#sns_main form.hs-form fieldset:nth-child(1) img {
  max-width: 55% !important;
  margin: 0 auto;
  display: block;
}
#sns_main form h1 {
  font-size: 58px;
  line-height: 70px;
  font-weight: 700;
  text-transform: uppercase;
  color: #353535;
  font-family: "proxima-nova", sans-serif;
}

#sns_main form.hs-form .hs-form-field .input {
  margin: 0;
}
#sns_main form.hs-form .hs-form-field {
  padding: 0 20px;
}

#sns_main form.hs-form fieldset label,
form.hs-form .hs-fieldtype-text>label,
#sns_main form.hs-form .hs-fieldtype-textarea>label, 
#sns_main form.hs-form .hs-fieldtype-select>label {
  transform: translateY(0px)!important;
  opacity: 1;
  font-weight: 400;
  position: relative;
  color: #374659;
  transition: transform .2s ease-in-out;
  margin: 10px 0 10px 0px!important;
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  line-height: 22px;
}
#sns_main .hs-form-required {
  color: #EA3424 !important;
}

#sns_main form.hs-form .hs-fieldtype-text>label, 
#sns_main form.hs-form .hs-fieldtype-text>label span, 
#sns_main form.hs-form .hs-fieldtype-textarea>label, 
#sns_main form.hs-form .hs-fieldtype-textarea>label span, 
#sns_main form.hs-form .hs-fieldtype-select>label, 
#sns_main form.hs-form .hs-fieldtype-select>label span {
  color: #374659;
  font-size: 18px;
  line-height: 22px;
  /* background: #F6F8FA; */
}
#sns_main form.hs-form .legal-consent-container p,
#sns_main .hs-richtext {
  color: #374659!important;
    font-size: 18px!important;
    line-height: 22px!important;
 }

#sns_main form.hs-form input[type=text], 
#sns_main form.hs-form input[type=email], 
#sns_main form.hs-form select {
  background: #F6F8FA;
  border: 2px solid #CDD6E1;
  border-radius: 6px;
  height: 50px;
  line-height: 20px;
  padding: 10px;
  outline: none;
  transition: 0.24s;
  position: relative;
  font-size: 14px;
}
#sns_main form.hs-form .input .hs-fieldtype-textarea {
  width: 100%;
  background: #F6F8FA;
  border: 2px solid #CDD6E1;
  border-radius: 6px;
  line-height: 20px;
  padding: 10px;
  outline: none;
  transition: 0.24s;
  position: relative;
  height: 150px;
  font-size: 14px;
}
#sns_main form.hs-form input[type=text]:hover {
  background: #F6F8FA;
}

#sns_main form.hs-form fieldset:nth-child(4) {
  max-width: 50%;
  float: left;
  margin-top: 40px;
}
#sns_main form.hs-form fieldset:nth-child(4) img {
  width: 90%;
  margin: 0 auto;
  display: block;
}

#sns_main form.hs-form fieldset:nth-child(5) {
  max-width: 100%;
  padding: 25px 0 15px 0;
  margin-top: 45px;
  float: left;
  width: 50%;
}
#sns_main form.hs-form fieldset:nth-child(5) .input {
  margin: 0;
}
#sns_main form.hs-form fieldset:nth-child(5) .hs-input {
  width: 100%;
  background: #F6F8FA;
  border: 2px solid #CDD6E1;
  border-radius: 6px;
  height: 50px;
  line-height: 20px;
  padding: 10px;
  outline: none;
  transition: 0.24s;
  position: relative;
}
/* #sns_main form.hs-form fieldset:nth-child(5) label {
  position: absolute;
  transform: translateY(5px);
  font-size: 14px;
  margin: 10px 0 5px 10px;
  transition: 0.24s;
  z-index: 2;
  font-weight: 500;
} */
#sns_main form.hs-form fieldset:nth-child(6) {
  max-width: 100%;
  padding: 0px 0 25px 0;
  margin-bottom: 20px;
}
#sns_main form.hs-form fieldset:nth-child(7) {
padding: 25px 0 0px 0;
}
#sns_main form.hs-form fieldset:nth-child(8) {
  margin-bottom: 30px;
}
#sns_main form.hs-form fieldset:nth-child(6) .input {
  margin: 0;
}
#sns_main form.hs-form fieldset:nth-child(6) .hs-input {
  width: 100%;
  background: #F6F8FA;
  border: 2px solid #CDD6E1;
  border-radius: 6px;
  height: 50px;
  line-height: 20px;
  padding: 10px;
  outline: none;
  transition: 0.24s;
  position: relative;
}

#sns_main form.hs-form label, 
#sns_main form.hs-form label span {
  color: #374659;
  font-size: 18px;
  line-height: 22px;
}

#sns_main form.hs-form .hs-fieldtype-select.input-active label {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  color: #000;
}
/* #sns_main form.hs-form .hs-fieldtype-text>label,
#sns_main form.hs-form .hs-fieldtype-textarea>label,
#sns_main form.hs-form .hs-fieldtype-select>label {
  transform: translateY(-5px)!important;
} */

#sns_main form.hs-form fieldset:nth-child(7) {
  max-width: 50%;
  float: left;
}
#sns_main form.hs-form fieldset:nth-child(7) img {
  width: 90%;
  margin: 0 auto;
  display: block;
}
#sns_main form.hs-form fieldset:nth-child(9) {
  max-width: 50%;
  float: left;
  margin-top: 10px;
}
#sns_main form.hs-form fieldset:nth-child(9) img {
  width: 90%;
  margin: 0 auto;
  display: block;
}
#sns_main form.hs-form fieldset:nth-child(10) .hs-dependent-field .hs-fieldtype-select {
  margin-bottom: 30px;
}
#sns_main form.hs-form fieldset:nth-child(11) {
  margin-top: 40px;
}
#sns_main form.hs-form fieldset:nth-child(22),
#sns_main form.hs-form fieldset:nth-child(23),
#sns_main .hs_error_rollup,
#sns_main .hs_submit {
  padding-left:20px; 
  padding-right: 20px;
}
#sns_main form.hs-form fieldset:nth-child(22){
  margin-top: 20px;
}
#sns_main .legal-consent-container .field.hs-form-field {
  padding-left: 0px;
  padding-right: 0px;
}
#sns_main .hs_edge_profile::before {
  display: block;
  content: '';
  background-image: url(https://jpp.trgcdn.com/landing-pages/fabrication/fabrication-quote/images/bevel-edges-profile-edges.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  top: 30px;
  left: -100%;
  width: 400px;
  height: 60px;
  
}
#sns_main .hs_radius::before {
  display: block;
    content: '';
    background-image: url(https://jpp.trgcdn.com/landing-pages/fabrication/fabrication-quote/images/radius.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    position: absolute;
    top: 30px;
    left: -100%;
    width: 400px;
    height: 60px;
}
#sns_main .hs_upload_artwork_drawing label::after {
  display: block;
    content: 'Acceptable file types include pdf, dwg, eps, ai, jpg, png, cdr, and svg.';
    color: #FF1F1F;
    font-size: 12px;
    font-style: italic;
}
#sns_main .hs_adhesive_,
#sns_main .hs_heat_bending_,
#sns_main .hs_logo_added_to_blanks_,
#sns_main .hs_badge_findings_,
#sns_main .hs_sign_frames_or_mounting_hardware_,
#sns_main .hs_badge_finding_attached_to_blanks_ {
  margin-bottom: 20px;
}
#sns_main .hs_jpplus_account_number {
  margin-bottom: 30px;
}
#sns_main .hs_firstname,
#sns_main .hs_lastname,
#sns_main .hs_email,
#sns_main .hs_address,
#sns_main .hs_city,
#sns_main .hs_state,
#sns_main .hs_zip {
  margin-bottom: 10px;
}
#sns_main .hs_additional_comments {
  margin-top: 40px;
}
#sns_main .hs_upload_artwork_drawing {
  margin-top: 20px;
}
#sns_main .hs_additional_comments textarea {
resize: none!important;
}

#sns_main form.hs-form .inputs-list {
  display: flex;
}
#sns_main form.hs-form .inputs-list li {
  width: 20%;
}
#sns_main form.hs-form .hs-error-msgs li {
  width: 100%;
}
#sns_main form.hs-form .inputs-list .hs-form-booleancheckbox {
  width: 100%;
}
#sns_main form.hs-form .inputs-list .hs-form-booleancheckbox label {
  width: 100%;
}
#sns_main form.hs-form .hs-submit .actions input[type="submit"] {
  font-weight: 800;
  text-decoration: none !important;
  -webkit-transition: all .24s ease, height 0s;
  transition: all .24s ease, height 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  border: 1px solid transparent !important;
  border-radius: 6px !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-family: "proxima-nova", sans-serif;
  font-size: 14px !important;
  line-height: 100%;
  padding: 13px 25px !important;
  text-transform: uppercase;
  background-color: #0088ce !important;
  border: 1px solid #0088ce !important;
  width: 100%;
  margin: 20px 0;
}
/* .hs-richtext,
.hs-richtext p {
  font-style: normal !important;
} */
#sns_main .hs-form-booleancheckbox {
  font-style: italic;
}
#sns_main .hs-form-booleancheckbox span {
  padding-left: 5px;
}
#sns_main form.hs-form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  
  background-image: url(https://jpp.trgcdn.com/landing-pages/fabrication/fabrication-quote/images/arrow.svg);
    background-repeat: no-repeat;
    background-position: right 0.2rem top 50%;
    background-size: contain;
}


@media only screen and (min-width: 992px) and (max-width: 2160px) { 
#sns_main form h1 {
  font-size: 40px;
}
}
@media only screen and (min-width: 320px) and (max-width: 991px) {
  #sns_main form h1 {
    font-size: 26px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  #sns_main form.hs-form .hs-form-field {
      width: 100%!important;
      margin-bottom: 15px;
    }
        #sns_main form.hs-form fieldset:nth-child(4) {
          max-width: 100%;
          float: none;
          margin-top: 0px;
        }
#sns_main form.hs-form fieldset:nth-child(5) {
  margin-top: 0px;
  float: none;
  width: 100%;
}
#sns_main form.hs-form fieldset:nth-child(6) {
  margin-bottom: 0px;
}
#sns_main form.hs-form fieldset:nth-child(7) {
  max-width: 100%;
  float: none;
  padding: 0;
}
/* #sns_main form.hs-form fieldset:nth-child(8) {
  margin-bottom: 10px;
} */
#sns_main form.hs-form fieldset:nth-child(9) {
  max-width: 100%;
  float: none;
  margin-top: 10px;
}
#sns_main form.hs-form fieldset:nth-child(10) .hs-dependent-field .hs-fieldtype-select {
  margin-bottom: 10px;
}
#sns_main form.hs-form fieldset:nth-child(11) {
  margin-top: 20px;
}
  #sns_main .hs_radius::before,
#sns_main .hs_edge_profile::before {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
}
#sns_main .legal-consent-container .field.hs-form-field {
  margin-bottom: 40px;
}
#sns_main form.hs-form input[type=text],
#sns_main form.hs-form input[type=email],
#sns_main form.hs-form select {
  width: 100%!important;
}
}



/*# sourceMappingURL=jp4-azul-starter.css.map */