/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 10 version
*/

@charset "UTF-8";
/* ------------ *Value ------------- */

.x-value {
  background: #FAFAFA;
  padding: 50px 0 130px;
}

.x-value .container>.x-title {
  margin-bottom: 95px;
  max-width: 820px;width: 100%;
}

.x-value .container>.x-title span {
  display: inline-block;
}

.x-value .x-title__h2 {
  text-transform: none;
}

.x-value__box .x-title {
  margin-bottom: 35px;
}

.x-value__box {
  max-width: 400px;width: 100%;
}

.x-value__form .x-form__field {
  margin-bottom: 28px;
}

.x-value__form .x-form__field input {
  height: 64px;
  font-size: 16px;
  padding: 0 23px;
  line-height: 62px;
  background: transparent;
  border: 1px solid #C2C2C2;
}

.x-value__form .x-check__item {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.x-value__form .x-btn {
  width: 100%;
  margin-top: 40px;
}

.x-value__img {
  margin-top: -90px;
}

.x-value__img img {
  width: 100%;
  display: block;
}

/* Media */
@media only screen and (max-width : 1199px) {
  .x-value {
    padding: 50px 0 70px;
  }
  .x-value .container>.x-title {
    max-width: 730px;
  }
}

@media only screen and (max-width : 991px) {
  .x-value .container>.x-title {
    max-width: 510px;
    margin-bottom: 50px;
  }
  .x-value__img {
    margin-top: -30px;
  }
}