#order-form .content-form {
  border: 1px solid #e6e4e3;
  margin: 20px 0;
  padding: 10px 15px;
}
#order-form .form .input-block {
  display: block;
  float: left;
}
#order-form .form .input-block h4 {
  font-size: 22px;
  margin: 0 65% 0 0;
}
#order-form .form .input-block .field label {
  font-size: 16px;
  font-weight: 400;
  color: black;
  width: 150px;
  cursor: default;
  margin-right: 25px;
  clear: both;
  text-align: right;
}
#order-form .form .input-block .field input {
  width: 350px;
  margin: 10px 0 10px 0;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 1.5;
  color: #1a1817;
  background-color: #fff;
  background-clip: padding-box;
  border: 2px solid #e6e4e3;
  border-radius: 4px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
#order-form .form .input-block .field.success .success-icon {
  position: relative;
  top: 5px;
  color: #13c265;
  font-size: 30px;
  width: 30px;
  height: 30px;
  margin: 0 0 0 20px;
}
#order-form .form .input-block .field.success input {
  -webkit-box-shadow: none;
  border-color: #13c265;
  box-shadow: none;
}
#order-form .form .input-block .field.error .error-icon {
  color: #eb5042;
  font-size: 30px;
  width: 30px;
  height: 30px;
  margin: 0 0 0 20px;
}
#order-form .form .input-block .field.error .error-label {
  position: relative;
  top: -10px;
  left: 177px;
  width: 350px;
  margin: 0;
  font-size: 80%;
  color: #eb5042;
  text-align: left;
}
#order-form .form .input-block .field.error label {
  color: #eb5042;
}
#order-form .form .input-block .field.error input {
  -webkit-box-shadow: none;
  border-color: #eb5042;
  box-shadow: none;
}
#order-form .form .radio-block {
  display: flex;
  max-width: 100%;
  margin: 0 0 15px 0;
}
#order-form .form .radio-block h4 {
  width: 160px;
  margin: 0 15px 0 0;
  font-size: 16px;
  font-weight: 500;
  text-align: end;
}
#order-form .form .radio-block .field .error-icon {
  position: absolute;
  color: #eb5042;
  font-size: 30px;
  width: 30px;
  height: 30px;
  margin: 0 0 0 155px;
}
#order-form .form .radio-block .field .success-icon {
  position: absolute;
  color: #13c265;
  font-size: 30px;
  width: 30px;
  height: 30px;
  margin: 0 0 0 155px;
}
#order-form .form .radio-block .field .error-label {
  color: #eb5042;
  text-align: left;
  width: 350px;
  margin: -10px 0 0 0;
  font-size: 80%;
}
#order-form .form .radio-block .checkbox {
  display: flex;
}
#order-form .form .radio-block .checkbox label {
  padding-left: 5px;
}
#order-form .form .radio-block .checkbox input {
  margin: 4px 0;
}
#order-form .form .radio-block.gender {
  max-width: 65%;
  margin: 0 0 10px 0;
}
#order-form .form .radio-block.gender .error-icon {
  margin: 0 0 0 235px;
}
#order-form .form .radio-block.gender .success-icon {
  margin: 0 0 0 235px;
}
#order-form .form .checkbox-block {
  display: flex;
  max-width: 100%;
}
#order-form .form .checkbox-block h4 {
  width: 160px;
  margin: 0 15px 0 0;
  font-size: 16px;
  font-weight: 500;
  text-align: end;
}
#order-form .form .checkbox-block .checkbox {
  display: flex;
}
#order-form .form .checkbox-block .checkbox label {
  padding-left: 5px;
}
#order-form .form .checkbox-block .checkbox input {
  margin: 4px 0;
}
#order-form .form .number-block {
  display: flex;
  max-width: 100%;
  margin: 0 0 10px 0;
}
#order-form .form .number-block h4 {
  width: 160px;
  margin: 12px 15px 0 0;
  font-size: 16px;
  font-weight: 500;
  text-align: end;
}
#order-form .form .number-block .field label {
  display: none;
}
#order-form .form .number-block .field input {
  position: relative;
  width: 350px;
  margin: 0px 85px 0 0;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 1.5;
  color: #1a1817;
  background-color: #fff;
  background-clip: padding-box;
  border: 2px solid #e6e4e3;
  border-radius: 4px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
#order-form .form .number-block .field .error-icon {
  position: absolute;
  color: #eb5042;
  font-size: 30px;
  width: 30px;
  height: 30px;
  margin: 5px 0 0 -63px;
}
#order-form .form .number-block .field .success-icon {
  position: absolute;
  color: #13c265;
  font-size: 30px;
  width: 30px;
  height: 30px;
  margin: 5px 0 0 -60px;
}
#order-form .form .number-block .field .error-label {
  color: #eb5042;
  text-align: left;
  width: 350px;
  margin: 0;
  font-size: 80%;
}
#order-form .form .date-block .field-wrap {
  display: flex;
}
#order-form .form .date-block h4 {
  width: 160px;
  margin: 15px 15px auto 0;
  font-size: 16px;
  font-weight: 500;
  text-align: end;
  float: left;
  display: inline;
}
#order-form .form .date-block .field-wrap .error-label {
  display: none;
}
#order-form .form .date-block .field-wrap .field label {
  display: none;
}
#order-form .form .date-block .field-wrap .field input {
  width: 350px;
  margin: 0;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 1.5;
  color: #1a1817;
  background-color: #fff;
  background-clip: padding-box;
  border: 2px solid #e6e4e3;
  border-radius: 4px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
#order-form .form .date-block .field-wrap .field input.date-from {
  width: 175px;
  margin: 0;
}
#order-form .form .date-block .field-wrap .field input.date-to {
  width: 175px;
  margin: 0;
}
#order-form .form .date-block .field-wrap .field .success-icon {
  position: absolute;
  color: #13c265;
  font-size: 30px;
  width: 30px;
  height: 30px;
  margin: 5px 0 0 25px;
}
#order-form .form .date-block .field-wrap .field.error .error-icon {
  color: #eb5042;
  font-size: 30px;
  width: 30px;
  height: 30px;
  margin: 0 0 0 25px;
}
#order-form .form .date-block .field-wrap .field.error input {
  -webkit-box-shadow: none;
  border-color: #eb5042;
  box-shadow: none;
}
#order-form .form .text-block h4 {
  width: 160px;
  margin: 15px 15px auto 0;
  font-size: 16px;
  font-weight: 500;
  text-align: end;
  float: left;
  display: inline;
}
#order-form .form .text-block .field label {
  display: none;
}
#order-form .form .text-block .field textarea {
  width: 350px;
  height: 100px;
  margin: 10px 70px 10px 0;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #1a1817;
  background-color: #fff;
  background-clip: padding-box;
  border: 2px solid #e6e4e3;
  border-radius: 4px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
#order-form .form .text-block .field .success-icon {
  position: absolute;
  color: #13c265;
  font-size: 30px;
  width: 30px;
  height: 30px;
  margin: 25px 0 0 -45px;
}
#order-form .form button {
  width: 350px;
  cursor: pointer;
  background: #ff5e13;
  color: #fff;
  display: inline-block;
  padding: 15px 30px;
  font-family: rubik, sans-serif;
  font-size: 16px;
  font-weight: 400;
  border: 1px solid transparent;
}
#order-form .form button:hover {
  background: #fff;
  color: #ff5e13;
  border: 1px solid #ff5e13;
}
#order-form .form .btn-step-one {
  margin: 15px 30px 15px 0;
}
#order-form .form .btn-step-two {
  margin: 15px 0 15px 30px;
}
#order-form .form .btn-step-three {
  margin: 15px 30px 15px 0;
}

@media (min-width: 992px) and (max-width: 1199px) {
  #order-form .form .radio-block .field .error-icon {
    margin: 0 0 0 180px;
  }
  #order-form .form .radio-block .field .success-icon {
    margin: 0 0 0 180px;
  }
  #order-form .form .radio-block.gender {
    max-width: 78%;
    margin: 0 0 10px 0;
  }
  #order-form .form .radio-block.gender .error-icon {
    margin: 0 0 0 235px;
  }
  #order-form .form .radio-block.gender .success-icon {
    margin: 0 0 0 235px;
  }
  #order-form .form .number-block .field input {
    float: left;
    margin: 0;
  }
  #order-form .form .number-block .field .error-icon {
    margin: 5px 0 0 5px;
  }
  #order-form .form .number-block .field .success-icon {
    margin: 5px 0 0 8px;
  }
  #order-form .form .date-block .field-wrap .field {
    margin: 0 0 0 -5px;
    text-align: left;
  }
  #order-form .form .date-block .field-wrap .field .success-icon {
    margin: 5px 0 0 15px;
  }
  #order-form .form .date-block .field-wrap .field input.date-from {
    width: 177px;
  }
  #order-form .form .date-block .field-wrap .field input.date-to {
    width: 178px;
  }
  #order-form .form .date-block .field-wrap .field.error .error-icon {
    position: absolute;
    margin: 5px 0 0 18px;
  }
  #order-form .form .text-block .field {
    width: 600px;
  }
  #order-form .form .text-block .field .success-icon {
    margin: 25px 0 0 -55px;
  }
  #order-form .form .btn-step-one {
    margin: 15px 0 0 15%;
  }
  #order-form .form .btn-step-two {
    margin: 15px 0 0 23%;
  }
  #order-form .form .btn-step-three {
    margin: 15px 0 0 15%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #order-form .content-form {
    min-width: 700px;
  }
  #order-form .content-form .form .radio-block .field .error-icon {
    margin: 0 0 0 162px;
  }
  #order-form .content-form .form .radio-block .field .success-icon {
    margin: 0 0 0 167px;
  }
  #order-form .content-form .form .radio-block.gender {
    max-width: 71%;
  }
  #order-form .content-form .form .radio-block.gender .error-icon {
    margin: 0 0 0 235px;
  }
  #order-form .content-form .form .radio-block.gender .success-icon {
    margin: 0 0 0 235px;
  }
  #order-form .content-form .form .number-block .field input {
    float: left;
    margin: 0;
  }
  #order-form .content-form .form .number-block .field .error-icon {
    margin: 5px 0 0 -13px;
  }
  #order-form .content-form .form .number-block .field .success-icon {
    margin: 5px 0 0 -8px;
  }
  #order-form .content-form .form .text-block .field {
    width: 600px;
  }
  #order-form .content-form .form .text-block .field .success-icon {
    margin: 25px 0 0 -55px;
  }
  #order-form .content-form .form .date-block .field-wrap .field {
    margin: 0 0 0 -5px;
  }
  #order-form .content-form .form .date-block .field-wrap .field .error-icon {
    margin: 0 0 0 15px;
  }
  #order-form .content-form .form .date-block .field-wrap .field .success-icon {
    margin: 5px 0 0 15px;
  }
  #order-form .content-form .form .date-block .field-wrap .field input.date-from {
    width: 177px;
  }
  #order-form .content-form .form .date-block .field-wrap .field input.date-to {
    width: 178px;
  }
  #order-form .content-form .form .btn-step-one {
    margin: 15px 0 0 5%;
  }
  #order-form .content-form .form .btn-step-two {
    margin: 15px 0 0 12%;
  }
  #order-form .content-form .form .btn-step-three {
    margin: 15px 0 0 5%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  #order-form .content-form .form .input-block {
    display: block;
    float: left;
  }
  #order-form .content-form .form .input-block h4 {
    margin: 0;
    text-align: start;
  }
  #order-form .content-form .form .input-block .field {
    text-align: start;
  }
  #order-form .content-form .form .input-block .field label {
    display: none;
  }
  #order-form .content-form .form .input-block .field.error .error-label {
    left: 0px;
  }
  #order-form .content-form .form .radio-block {
    display: block;
  }
  #order-form .content-form .form .radio-block h4 {
    text-align: start;
  }
  #order-form .content-form .form .radio-block div {
    padding: 0;
  }
  #order-form .content-form .form .radio-block div .field .error-icon {
    margin: 0 0 0 125px;
  }
  #order-form .content-form .form .radio-block div .field .success-icon {
    margin: 0 0 0 125px;
  }
  #order-form .content-form .form .radio-block.gender {
    padding: 0;
  }
  #order-form .content-form .form .radio-block.gender .error-icon {
    margin: 0 0 0 200px !important;
  }
  #order-form .content-form .form .radio-block.gender .success-icon {
    margin: 0 0 0 200px !important;
  }
  #order-form .content-form .form .checkbox-block {
    display: block;
  }
  #order-form .content-form .form .checkbox-block h4 {
    text-align: start;
  }
  #order-form .content-form .form .checkbox-block div {
    padding: 0;
  }
  #order-form .content-form .form .number-block {
    display: block;
  }
  #order-form .content-form .form .number-block h4 {
    text-align: start;
  }
  #order-form .content-form .form .number-block div {
    padding: 0;
  }
  #order-form .content-form .form .number-block div .field input {
    float: left;
    margin: 0px 85px 0px 0;
  }
  #order-form .content-form .form .number-block div .field .error-icon {
    margin: 5px 0 0 -92px;
  }
  #order-form .content-form .form .number-block div .field .success-icon {
    margin: 5px 0 0 -92px;
  }
  #order-form .content-form .form .date-block h4 {
    text-align: start;
  }
  #order-form .content-form .form .date-block .field-wrap {
    padding: 0;
  }
  #order-form .content-form .form .date-block .field-wrap .field .error-icon {
    margin: 0 0 0 15px;
  }
  #order-form .content-form .form .date-block .field-wrap .field .success-icon {
    margin: 5px 0 0 15px;
  }
  #order-form .content-form .form .date-block .field-wrap .field input.date-from {
    width: 175px;
  }
  #order-form .content-form .form .date-block .field-wrap .field input.date-to {
    width: 175px;
  }
  #order-form .content-form .form .text-block h4 {
    text-align: start;
  }
  #order-form .content-form .form .text-block div {
    padding: 0;
  }
  #order-form .content-form .form .text-block div .field textarea {
    float: left;
  }
  #order-form .content-form .form .text-block div .field .success-icon {
    margin: 60px 0 0 40px;
  }
  #order-form .content-form .form .btn-step-one {
    margin: 15px 31% 0 0;
  }
  #order-form .content-form .form .btn-step-two {
    margin: 15px 0 0 -25%;
  }
  #order-form .content-form .form .btn-step-three {
    margin: 15px 31% 0 0;
  }
}
@media (max-width: 575px) {
  #order-form .content-form {
    max-width: 320px;
  }
  #order-form .content-form .form .input-block {
    display: block;
    float: none;
  }
  #order-form .content-form .form .input-block h4 {
    margin: 0;
  }
  #order-form .content-form .form .input-block .field label {
    display: none;
  }
  #order-form .content-form .form .input-block .field input {
    width: 250px;
  }
  #order-form .content-form .form .input-block .field.success .success-icon {
    top: 5px;
    margin: 0 0 0 15px;
  }
  #order-form .content-form .form .input-block .field.error .error-icon {
    color: #eb5042;
    font-size: 30px;
    width: 30px;
    height: 30px;
    margin: 0 0 0 15px;
  }
  #order-form .content-form .form .input-block .field.error .error-label {
    left: 0;
  }
  #order-form .content-form .form .radio-block {
    padding: 0;
    display: block;
  }
  #order-form .content-form .form .radio-block h4 {
    text-align: start;
  }
  #order-form .content-form .form .radio-block div {
    padding: 0;
  }
  #order-form .content-form .form .radio-block div .field .error-icon {
    margin: 0 0 0 120px;
  }
  #order-form .content-form .form .radio-block div .field .success-icon {
    margin: 0 0 0 120px;
  }
  #order-form .content-form .form .radio-block.gender {
    padding: 0;
  }
  #order-form .content-form .form .radio-block.gender .error-icon {
    margin: 0 0 0 165px !important;
  }
  #order-form .content-form .form .radio-block.gender .success-icon {
    margin: 0 0 0 165px !important;
  }
  #order-form .content-form .form .checkbox-block {
    padding: 0;
    display: block;
  }
  #order-form .content-form .form .checkbox-block h4 {
    text-align: start;
  }
  #order-form .content-form .form .checkbox-block div {
    padding: 0;
  }
  #order-form .content-form .form .number-block {
    display: block;
    padding: 0;
    margin: 0 0 10px 0;
  }
  #order-form .content-form .form .number-block h4 {
    text-align: start;
  }
  #order-form .content-form .form .number-block div {
    padding: 0;
  }
  #order-form .content-form .form .number-block div .field input {
    max-width: 250px;
    float: left;
  }
  #order-form .content-form .form .number-block div .field .error-icon {
    margin: 5px 0 0 -72px;
  }
  #order-form .content-form .form .number-block div .field .success-icon {
    margin: 5px 0 0 -72px;
  }
  #order-form .content-form .form .date-block {
    padding: 0;
  }
  #order-form .content-form .form .date-block h4 {
    text-align: start;
  }
  #order-form .content-form .form .date-block .field-wrap {
    padding: 0;
  }
  #order-form .content-form .form .date-block .field-wrap .field .error-icon {
    position: absolute;
    margin: 5px 0 0 10px;
  }
  #order-form .content-form .form .date-block .field-wrap .field .success-icon {
    margin: 5px 0 0 10px;
  }
  #order-form .content-form .form .date-block .field-wrap .field input {
    max-width: 250px;
  }
  #order-form .content-form .form .date-block .field-wrap .field input.date-from {
    width: 125px;
    padding: 10px;
    font-size: 12px;
  }
  #order-form .content-form .form .date-block .field-wrap .field input.date-to {
    width: 125px;
    padding: 10px;
    font-size: 12px;
  }
  #order-form .content-form .form .text-block {
    padding: 0;
  }
  #order-form .content-form .form .text-block h4 {
    text-align: start;
  }
  #order-form .content-form .form .text-block div {
    padding: 0;
  }
  #order-form .content-form .form .text-block div .field textarea {
    max-width: 250px;
    float: left;
  }
  #order-form .content-form .form .text-block div .field .success-icon {
    margin: 70px 0 0 30px;
  }
  #order-form .content-form .form .btn-step-one {
    width: 250px;
    margin: auto;
  }
  #order-form .content-form .form .btn-step-two {
    width: 250px;
    margin: auto;
  }
  #order-form .content-form .form .btn-step-three {
    width: 250px;
    margin: auto;
  }
}
.step-progress-bar {
  padding: 10px;
}
.step-progress-bar .step.active .circle {
  background: white;
  color: #13c265;
  border: solid 2px #13c265;
}
.step-progress-bar .step.active .label span {
  color: #13c265;
}
.step-progress-bar .step.success .circle {
  background: #13c265;
  color: white;
  border: solid 2px #13c265;
}
.step-progress-bar .step.success .label span {
  color: #13c265;
}
.step-progress-bar .step .circle {
  background: lightgray;
  color: white;
  border: solid 2px lightgray;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 22px;
  font-weight: 500;
  align-items: center;
}
.step-progress-bar .step .circle span {
  font-size: 18px;
}
.step-progress-bar .step .label {
  margin: 10px 0 0 10px;
  font-weight: 500;
}
.step-progress-bar .step .label span {
  width: 200px;
  color: lightgray;
}
.step-progress-bar .step.row {
  padding: 5px 20px 0 20px;
}
.step-progress-bar .separator {
  width: 35px;
  margin-top: 20px;
  border-top: 2px solid #e6e4e3;
}

@media (max-width: 767px) {
  .step-progress-bar {
    display: block;
  }
  .step-progress-bar .separator {
    display: none;
  }
}
@media (max-width: 575px) {
  #steps .step-progress-bar {
    min-width: 250px;
    display: block;
  }
  #steps .step-progress-bar .separator {
    display: none;
  }
}

/*# sourceMappingURL=order-form.css.map */