.form-info
  font-size: 20px
  margin-bottom: 50px
  color: $borderColor
  width: calc((100% / 12 * 8) - 1% )
  margin-left: 26%
  a
    background: url('/images/structure/form_background.png') 0 100%
    display: inline-block
    height: 27px
    padding-right: 3px

.error-form
  width: calc((100% / 12 * 8) - 1% )
  margin-left: 26%
  background-color: $orange
  padding: 10px 20px
  font-size: 16px
  border-radius: 99999999px
  margin-bottom: 30px

.default
  h4.contact-form-header
    margin-left: 26%
    padding: 20px 0 10px
    font-size: 24px
    margin-bottom: 20px

  label
    width: 100%
    display: block
    margin-bottom: 15px
    font-size: 20px
    &.subject
      margin-top: 50px

    span
      //width: 26%
      //float: left
      display: block
      margin-left: 26%
      padding: 0 0 10px 10px

      em
        color: $orange
        font-style: normal
        font-size: 20px
        font-weight: 700
        margin-left: 4px

    input, textarea
      width: calc((100% / 12 * 8) - 1% )
      font-size: 18px
      margin-left: 26%
      color: $borderColor
      border: none
      outline: none!important
      //background: url('/images/structure/form_background.png') 0 100%
      background: $background
      padding: 10px
      //padding-bottom: 5px
      +audi()
      &.not-full-size
        width: initial !important

    input
      &:focus::-webkit-input-placeholder
        padding-left: 100px
        opacity: 0
        +transition(all 1s)

      &:focus:-moz-placeholder
        padding-left: 100px
        opacity: 0
        +transition(all 1s)

      &:focus:-ms-input-placeholder
        padding-left: 100px
        opacity: 0
        +transition(all 1s)

    textarea
      //background: url('/images/structure/form_background.png') 0 0
      resize: none
      //border-bottom: none
      min-height: 150px
      line-height: 32px

    input:-webkit-autofill
      -webkit-box-shadow: 0 0 0px 100px $contentBackground1 insetq
      background-color: $contentBackground1!important
      -webkit-text-fill-color: $borderColor!important
      border-bottom: dashed 2px $borderColor

  p
    width: 73%
    float: right
    em
      color: $orange
      font-style: normal
      font-size: 20px
      font-weight: 700
      margin-left: 4px

  .submit
    background-color: $blue
    font-size: 20px
    color: white
    cursor: pointer
    outline: none!important
    border: none
    border-radius: 20px
    padding: 10px 20px
    width: 73%
    max-width: 400px
    margin-left: 26%
    margin-top: 20px
    -webkit-appearance: none //iPad submit button

    &:hover
      background-color: #1064AF

  &.subscribe
    .submit-container
      p, .submit
        width: 100%
      .submit
        margin-left: 0
    label
      clear: right
      margin-bottom: 25px
      &.adres
        input:first-of-type
          width: calc((100% / 12 * 8) - 14% )
          margin-right: calc(5% - 20px)
          display: inline-block
        input:last-of-type
          width: 8%
          display: inline-block
          margin-left: 0
    .value-row
      //width: 74%
      //float: right
      margin-bottom: 20px
      &.right
        text-align: right
        label input
          margin-right: 0
          margin-left: 25px

      label
        width: initial
        margin: 15px 0
        span
          float: none
          width: 60%
          max-width: 250px
          margin: 0
          display: inline-block

        input
          width: initial
          margin: 0px 25px
          float: left

    >div
      clear: both
      margin-left: 26%

      span
        font-size: 20px
        margin-top: 10px
        padding-left: 10px
        display: block
        clear: both
        em
          color: $orange
          font-style: normal
          font-size: 20px
          font-weight: 700
          margin-left: 4px

    .extraInfo.value-row
      margin-top: 30px
      margin-bottom: 30px
      label
        margin-left: 0
      input
        float: left
        clear: both
        margin-left: 0
      span
        width: 85%
        max-width: none
        margin-top: 0

  &.specific
    .value-row label span
      max-width: 300px

.thank-you
  margin-left: $contentBlock1Grid * 3

+media-query(1100px)
  .default.subscribe
    label
      span
        width: 35%

      &.adres
        input:first-of-type
          width: 50%
          margin-right: 5%
        input:last-of-type
          width: 8%

      input, textarea
        width: 64%
    .value-row
      width: 64%

+media-query(900px)
  .thank-you
    margin-left: 0

+media-query(700px)
  .form-info
    width: 100%
    margin-left: 0
  .default, .default.subscribe
    label
      span
        width: 100%
        margin-left: 0
      &.adres
        input:first-of-type
          width: 81%
          margin-right: 5%
        input:last-of-type
          width: 12%
      input, textarea
        width: 100%
        margin: 10px 0 20px

    h4.contact-form-header
      margin-left: 0
      width: 100%
    .value-row
      width: 100%
    >div
      margin-left: 0

    >p
      float: none

    .submit
      margin-left: 0