/* ==========================================================
ignis Form
Created: 2021-01

01.form
02.
========================================================== */
/* 1.form
* ------------------------- */
.form .lead {
  margin: 8.6666666667% 0 12%;
  padding: 0 5.3333333333%;
}
.form .formBloc {
  background: #f0f0f0;
  padding: 10.6666666667% 5.3333333333% 13.3333333333%;
}
.form .formBloc .block + .block {
  margin-top: 8.2089552239%;
}
.form .formBloc .block .item {
  margin-bottom: 3.7313432836%;
}
.form .formBloc .block .item p {
  line-height: 1;
  font-weight: bold;
}
.form .formBloc .block .item p span {
  color: #f49100;
  font-weight: normal;
  display: inline-block;
  margin-left: 1.0714285714em;
}
.form .formBloc .block .inputArea .sideLyt {
  letter-spacing: -.4em;
}
.form .formBloc .block .inputArea .sideLyt > * {
  letter-spacing: .08em;
  display: inline-block;
  vertical-align: middle;
}
.form .formBloc .block .inputArea .sideLyt .input {
  width: 10.8571428571em;
}
.form .formBloc .block .inputArea .sideLyt .input span {
  display: block;
}
.form .formBloc .block .inputArea .sideLyt .input .wpcf7-not-valid-tip {
  white-space: nowrap;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
}
.form .formBloc .block .inputArea .sideLyt .text {
  margin-left: 0.5714285714em;
}
.form .formBloc .inputSelect select {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  font-size: 1.1428571429em;
  height: 3.125em;
  line-height: 3.125em;
  padding: 0 1.25em;
  background: #fff;
  border-radius: 3px;
}
.form .formBloc .inputSelect select:-ms-expand {
  display: none;
}
.form .formBloc .inputSelect label {
  display: block;
  position: relative;
}
.form .formBloc .inputSelect label span {
  display: block;
}
.form .formBloc .inputSelect label .wpcf7-not-valid-tip {
  white-space: nowrap;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
}
.form .formBloc .inputSelect label:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
  border-width: 5px 5px 0 5px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  right: 0.7142857143em;
  margin-top: -2.5px;
}
.form .formBloc .inputText,
.form .formBloc textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-size: 1.1428571429em;
  padding: 1em 0.9375em;
  border: none;
  border-radius: 3px;
  background: #fff;
}
.form .formBloc textarea {
  height: 200px;
}
.form .privacy {
  margin: 10.6666666667% 0 8%;
  text-align: center;
  line-height: 1.7142857143;
}
.form .privacy a {
  color: #d16c15;
  text-decoration: underline;
}
.form .privacy a:hover {
  text-decoration: none;
}
.form .privacyCheck {
  text-align: center;
  margin-bottom: 8%;
}
.form .privacyCheck label {
  display: inline-block;
  line-height: 2.1428571429;
  min-height: 2.1428571429em;
  padding-left: 2.8571428571em;
  overflow: hidden;
  position: relative;
}
.form .privacyCheck label span:before, .form .privacyCheck label span:after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
}
.form .privacyCheck label span:before {
  width: 2.1428571429em;
  height: 2.1428571429em;
  background: #fff;
  border: #d16c15 1px solid;
  border-radius: 2px;
  top: 50%;
  left: 0;
  margin-top: -1.0714285714em;
  z-index: 1;
}
.form .privacyCheck label span:after {
  width: 0.8571428571em;
  height: 0.8571428571em;
  background: #d16c15;
  border-radius: 50%;
  top: 50%;
  left: 0.6428571429em;
  margin-top: -0.4285714286em;
  z-index: 2;
}
.form .privacyCheck label input {
  font-size: 1em;
  display: block;
  width: 1.7142857143em;
  height: 1.7142857143em;
  position: absolute;
  top: 50%;
  right: 100%;
  z-index: 3;
  margin: -0.8571428571em 0 0;
  box-shadow: 1.9285714286em 0 #fff;
  border-collapse: separate;
  outline: none;
}
.form .privacyCheck label input:checked {
  box-shadow: none;
}
.form .btn {
  margin: 0 5.3333333333%;
  position: relative;
}
.form .btn input {
  display: block;
  box-sizing: border-box;
  width: 100%;
  color: #d16c15;
  font-size: 1.1428571429em;
  line-height: 4.875;
  text-align: center;
  border: #d16c15 1px solid;
  border-radius: 3px;
}
.form .confirm {
  margin: 0 5.3333333333%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.form .confirm .ajax-loader {
  margin: 10px;
}
.form .confirm input {
  display: block;
  box-sizing: border-box;
  width: 48%;
  color: #d16c15;
  font-size: 1.1428571429em;
  line-height: 4.1428571429;
  text-align: center;
  border: #d16c15 1px solid;
  border-radius: 3px;
  margin-left: 4%;
}
.form .confirm input:first-child {
  margin-left: 0;
}

/*/////////////////////////////
 RWD
/////////////////////////////*/
@media (min-width: 813px) {
  .form {
    max-width: 1000px;
    margin: 0 auto;
  }
  .form .lead {
    max-width: 690px;
    margin: 3.5714285714em auto 2.8571428571em;
    padding: 0;
  }
  .form .formBloc {
    padding: 5%;
  }
  .form .formBloc .block {
    display: flex;
    justify-content: space-between;
  }
  .form .formBloc .block + .block {
    margin-top: 1.4285714286em;
  }
  .form .formBloc .block .item {
    width: 22%;
    padding-top: 1.2142857143em;
    margin-bottom: 0;
  }
  .form .formBloc .block .item p span {
    margin-left: 1em;
  }
  .form .formBloc .block .inputArea {
    width: 68%;
  }
  .form .privacy {
    margin: 2.8571428571em 0 1.4285714286em;
    line-height: 1.5;
  }
  .form .privacyCheck {
    margin-bottom: 3.2142857143em;
  }
  .form .btn {
    margin: 0;
  }
  .form .btn input {
    line-height: 4.875;
  }
  .form .confirm {
    margin: 0;
  }
  .form .confirm input {
    width: 49%;
    line-height: 4.1428571429;
    margin-left: 2%;
  }
}

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