/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./node_modules/webpack-import-glob-loader/index.js??ruleSet[1].rules[1].use[4]!./src/main/webpack/components/common/components/content/contact-us/v1/scss/contact-us.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
#contact-us-form > div {
  width: 65%;
  max-width: 770px;
}
@media only screen and (max-width: 1023px) {
  #contact-us-form > div {
    width: 90%;
  }
}
#contact-us-form div:nth-of-type(2) .hours-address {
  display: flex;
}
#contact-us-form div:nth-of-type(2) .hours-address div {
  width: 40%;
}
#contact-us-form div:nth-of-type(2) .hours-address div:nth-of-type(2) {
  padding-left: 90px;
}
@media only screen and (max-width: 1023px) {
  #contact-us-form div:nth-of-type(2) .hours-address {
    flex-direction: column;
  }
  #contact-us-form div:nth-of-type(2) .hours-address div:nth-of-type(2) {
    padding-left: 0px;
    padding-top: 15px;
  }
}

.contact-us .field {
  position: relative;
  display: flex;
  flex-flow: column-reverse;
  margin-bottom: 1em;
}
@media only screen and (max-width: 480px) {
  .contact-us .field {
    margin-bottom: 0px;
  }
}
.contact-us .field label, .contact-us .field input, .contact-us .field textarea {
  transition: all 0.2s;
  touch-action: manipulation;
}
.contact-us .field input {
  cursor: text;
  margin-bottom: 0;
  padding: 10px 0 0 0;
}
.contact-us .field input:placeholder-shown + label,
.contact-us .field textarea:placeholder-shown + label {
  cursor: text;
  max-width: 66.66%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transform-origin: left bottom;
  transform: translate(1rem, 2rem) scale(1);
}
.contact-us .field ::-webkit-input-placeholder {
  opacity: 0;
  -webkit-transition: inherit;
  transition: inherit;
}
.contact-us .field input:focus::-webkit-input-placeholder,
.contact-us .field textarea:focus::-webkit-input-placeholder {
  opacity: 1;
}
.contact-us .field input:not(:placeholder-shown) + label,
.contact-us .field input:focus + label,
.contact-us .field textarea:not(:placeholder-shown) + label,
.contact-us .field textarea:focus + label {
  transform: translate(1rem, 1.3rem) scale(1);
  cursor: pointer;
  margin-bottom: 0;
}
.contact-us .success-message {
  display: none;
}
.contact-us .fail-message {
  display: none;
}
.contact-us.success .contact-us__form-elements, .contact-us.fail .contact-us__form-elements {
  display: none;
}
.contact-us.success .success-message {
  display: block;
}
.contact-us.fail .fail-message {
  display: block;
}

.grecaptcha-badge {
  visibility: hidden !important;
}

/*# sourceMappingURL=contact-us.css.map*/
input[type=email],input[type=number],input[type=tel],input[type=text],select,textarea{border:1px solid #9b9b9b;border-radius:0;color:#000;font-size:14px;height:45px;margin-bottom:28px;width:100%}input[type=email]::placeholder,input[type=number]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,select::placeholder,textarea::placeholder{color:#000;text-indent:1pc}input[type=email],input[type=number],input[type=tel],input[type=text],textarea{text-indent:1pc}select{padding:0 14px 0 1pc}textarea{height:328px;margin-bottom:1pc;padding-top:14px}@media only screen and (max-width:1023px){textarea{height:93pt}}#contact-us-form{align-items:center;background-color:#ddd;flex-direction:column}#contact-us-form .heading{font-size:2pc;padding-top:40px}#contact-us-form>div{background-color:#fff;padding:0 5pc}@media only screen and (max-width:1023px){#contact-us-form>div{padding:0 30px}}#contact-us-form div:nth-of-type(2) p{font-size:14px;line-height:25px}#contact-us-form div:nth-of-type(2) .hours-address{border-top:1px solid #ddd;margin-top:30px;padding-top:30px}#contact-us-form h1{font-size:28px}@media only screen and (max-width:1023px){#contact-us-form h1{font-size:26px}}#contact-us-form h3{font-size:9pt;padding-bottom:10px;text-transform:uppercase}.contact-us{background-color:#fff;padding:20px 0 40px}.contact-us input[type=submit]{display:block;margin:0 auto 38px;width:auto}.contact-us fieldset{border:0;margin:0;padding:0}.contact-us h2{font-size:20px}.contact-us__contact{border-bottom:1px solid #ddd;border-top:1px solid #ddd;padding-top:30px}.contact-us__contact h2{padding-bottom:20px}.contact-us__contact div:last-of-type{padding-bottom:40px}.contact-us__contact--contact-type{border-bottom:1px solid #ddd;border-top:1px solid #ddd;margin-top:30px;padding:30px 0 25px}.contact-us__contact--contact-type h2{padding-bottom:20px}.contact-us__contact--business-unit{padding-top:30px}.contact-us__contact--business-unit h2{padding-bottom:20px}.contact-us__warranty{padding-top:30px}.contact-us__warranty h2{padding-bottom:20px}.contact-us__warranty--vehicle{display:none}.contact-us__warranty--vehicle.show{display:block}.contact-us p{width:100%}.contact-us p.error{color:#e42300;font-size:10px}.contact-us button.submit{display:block;margin:0 auto}.contact-us .field input:placeholder-shown+label,.contact-us .field textarea:placeholder-shown+label,.contact-us input{font-size:14px}.contact-us .field input:focus+label,.contact-us .field input:not(:placeholder-shown)+label,.contact-us .field textarea:focus+label,.contact-us .field textarea:not(:placeholder-shown)+label{color:#5f5f5f;font-size:10px}.contact-us .field.error{color:#e42300}.contact-us .field.error input,.contact-us .field.error select,.contact-us .field.error textarea{border:1px solid #e42300}.contact-us .field.error p{margin:5px 0 0 1pc}.contact-us .field.error input,.contact-us .field.error label,.contact-us .field.error p,.contact-us .field.error select{color:#e42300}.contact-us .field.error textarea{margin-bottom:-4px}.contact-us .field.error input:focus+label,.contact-us .field.error input:not(:placeholder-shown)+label{color:#e42300}.contact-us .field.error select{margin-bottom:-4px}