.form-subscription {
  position: relative; }
.form-subscription.readable--modif {
  position: relative;
}
.form-subscription.display--modif {
  display: none;
}
.form-subscription.readable--modif:before {
  content: '';
  position: absolute;
  background-image: url(/local/static/build/img/svg/subscribe-decor-left.svg);
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 465px;
  height: 107px;
  z-index: 1;
}

.form-subscription.readable--modif:after {
  content: '';
  position: absolute;
  background-image: url(/local/static/build/img/svg/subscribe-decor-right.svg);
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  right: 0;
  width: 100%;
  max-width: 311px;
  height: 75px;
  z-index: 1;
}

@media (max-width: 800px) {
  .form-subscription.readable--modif:before {height: 35px}
  .form-subscription.readable--modif:after {
    height: 35px;
    right: 0;
    width: 145px;
  }
}


  .form-subscription .main-h2 {
    margin: 0 0 25px; }
  .form-subscription__wrapper {
    position: relative;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    transition: transform 0.5s ease, opacity 0.5s ease;
    transition: transform 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease;
    opacity: 0;
    background: #ffffff;
    padding: 80px 0 65px; }
    @media only screen and (max-width: 991px) {
      .form-subscription__wrapper {
        max-width: 608px;
        margin: 0 auto; } }
    @media only screen and (max-width: 767px) {
      .form-subscription__wrapper {
        padding: 30px 0 20px; } }
    .form-subscription__wrapper.active {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
      opacity: 1; }
  .form-subscription__block-wrap {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto; }
  .form-subscription__grid-success {
    display: none;
    text-align: center; }
  .form-subscription__grid-wrap {
    position: relative;
    display: block;
    text-align: center; }
  .form-subscription__item {
    position: relative;
    width: 100%; }
  .form-subscription__btn {
    position: relative;
    margin: 35px 0 0 0; }
  .form-subscription span.error {
    padding: 0;
    width: 100%;
    position: relative;
    left: -webkit-calc(50% - 305px);
    left: calc(50% - 305px);
    font: 300 12px/130% "Blogger Sans", sans-serif;
    display: inline-block;
    color: #ed1c24;
    text-align: left;
    text-transform: none; }
    @media only screen and (min-width: 767px) {
      .form-subscription span.error {
        font: 300 12px/130% "Stem", sans-serif; } }
    @media only screen and (max-width: 767px) {
      .form-subscription span.error {
        left: 0;
        display: block;
        margin: 3px 0 0 16px;
        font: 300 14px/130% "Stem", sans-serif; } }
  .form-subscription input {
    position: relative;
    border-radius: 0;
    height: 50px;
    max-width: 100%;
    width: 610px;
    padding: 0 15px;
    border-radius: 4px;
    background-color: #ffffff;
    display: inline-block;
    border: 1px solid #d3dadd;
    color: #253746;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    font: 300 18px/48px "Stem", sans-serif; }
    @media only screen and (max-width: 991px) {
      .form-subscription input {
        font: 300 16px/48px "Stem", sans-serif;
        width: 100%;
        max-width: 610px; } }
    @media only screen and (max-width: 767px) {
      .form-subscription input {
        font: 300 18px/48px "Stem", sans-serif; } }
    .form-subscription input[type=checkbox] {
      width: 20px;
      height: 20px;
      padding: 0; }
.form-subscription input[type=checkbox].readable--modif {
  width: 10px;
}
    .form-subscription input.error {
      border: 1px solid #ed1c24;
      background-color: #ffffff; }
      .form-subscription input.error:hover, .form-subscription input.error:focus {
        background-color: #ffffff; }
    .form-subscription input:hover, .form-subscription input:focus, .form-subscription input:active {
      -webkit-box-shadow: none !important;
      box-shadow: none !important; }
    .form-subscription input::-webkit-input-placeholder {
      color: #bbb;
      opacity: 1;
      text-indent: 0;
      -webkit-transition: text-indent 0.3s ease;
      transition: text-indent 0.3s ease; }
    .form-subscription input::-moz-placeholder {
      color: #bbb;
      opacity: 1;
      text-indent: 0;
      -webkit-transition: text-indent 0.3s ease;
      transition: text-indent 0.3s ease; }
    .form-subscription input:-moz-placeholder {
      color: #bbb;
      opacity: 1;
      text-indent: 0;
      -webkit-transition: text-indent 0.3s ease;
      transition: text-indent 0.3s ease; }
    .form-subscription input:-ms-input-placeholder {
      color: #bbb;
      opacity: 1;
      text-indent: 0;
      -webkit-transition: text-indent 0.3s ease;
      transition: text-indent 0.3s ease; }
    .form-subscription input:focus::-webkit-input-placeholder {
      text-indent: 100%;
      -webkit-transition: text-indent 0.3s ease;
      transition: text-indent 0.3s ease; }
    .form-subscription input:focus::-moz-placeholder {
      text-indent: 100%;
      -webkit-transition: text-indent 0.3s ease;
      transition: text-indent 0.3s ease; }
    .form-subscription input:focus:-moz-placeholder {
      text-indent: 100%;
      -webkit-transition: text-indent 0.3s ease;
      transition: text-indent 0.3s ease; }
    .form-subscription input:focus:-ms-input-placeholder {
      text-indent: 100%;
      -webkit-transition: text-indent 0.3s ease;
      transition: text-indent 0.3s ease; }
    .form-subscription input[disabled] {
      opacity: 0.5; }
    .form-subscription input:-webkit-autofill {
      -webkit-box-shadow: inset 0 0 0 50px #ffffff !important;
      -webkit-text-fill-color: #253746 !important;
      color: #253746 !important;
      background-color: transparent !important; }
    .form-subscription input::-moz-autofill {
      -moz-box-shadow: inset 0 0 0 50px #ffffff !important;
      -moz-text-fill-color: #253746 !important;
      color: #253746 !important; }
    .form-subscription input:-moz-autofill {
      -moz-box-shadow: inset 0 0 0 50px #ffffff !important;
      -moz-text-fill-color: #ffffff !important;
      color: #253746 !important; }
    .form-subscription input:-ms-autofill {
      -moz-box-shadow: inset 0 0 0 50px #ffffff !important;
      -moz-text-fill-color: #ffffff !important;
      color: #253746 !important; }
  .form-subscription--el a {
    color: #594a90; }
    .form-subscription--el a:hover {
      color: #CDBFFF; }
  .form-subscription--zg a {
    color: #00a9dc; }
  .form-subscription--with-border {
    border-top: 1px solid #e4e6e8; }
  .form-subscription--ai a {
    color: #00afdd; }
    .form-subscription--ai a:hover, .form-subscription--ai a:active, .form-subscription--ai a:focus {
      color: #5099f6; }

.recaptcha-wrap--subscription {
  text-align: center;
  display: inline-block;
  margin: 24px auto 0; }
  @media only screen and (max-width: 767px) {
    .recaptcha-wrap--subscription {
      margin: 20px auto 0; } }

.form__label--subscribe {
  left: -webkit-calc(50% - 305px);
  left: calc(50% - 305px);
  width: 100%;
  max-width: 630px;
  margin: 16px 0 0; }
  .form__label--subscribe:first-child {
    margin: 12px 0; }
  @media only screen and (max-width: 991px) {
    .form__label--subscribe {
      left: 0;
      margin: 12px 0 0; } }
  @media only screen and (max-width: 767px) {
    .form__label--subscribe {
      left: 0;
      width: 100%; } }
