.form
  width: $contentGrid*5
  margin-right: $contentGrid
  display: inline-block
  float: right
  min-height: 425px

  h3
    +font-semi-bold(24px)
    color: $almostWhite

  .contact-form
    width: 100%

    .form-element
      position: relative
      margin-bottom: 10px
      .error
        display: none
        &.active
          color: darkred
          display: block

      &.text-area
        margin-bottom: 0
        label
          margin-top: 15px
      label
        width: 100%
        display: inline-block
        font-size: 15px
        line-height: 15px
        color: $almostWhite
        font-weight: 600
      input, textarea
        margin-top: 5px
        height: 45px
        width: 100%
        font-size: 15px !important
        line-height: 16px !important
        font-weight: 500
        background-color: $lightBlue
        color: $almostWhite
        padding: 0 8px
        border: 1.5px transparent solid

        &.alert
          border: 1.5px darkred solid
          box-shadow: 0 0 5px darkred


      textarea
        height: 116px
        max-height: 280px
        padding-top: 8px
        padding-bottom: 10px
        resize: vertical
        +font-default()
        font-size: 15px
        line-height: 16px
        font-weight: 500


    .submit
      padding: 20px 0 0 120px
      text-align: right
      input
        display: inline-block
        border: 1.5px transparent solid
        +font-semi-bold()
        font-size: 16px !important
        line-height: 16px !important
        width: 100%
        max-width: 200px
        background: $almostWhite
        color: $darkBlue
        padding: 15px 0
        border-radius: 10px
        cursor: pointer

        &:hover
          background: darken($almostWhite, 5%)

    input:focus, textarea:focus
      box-shadow: none
      border: none
      border-radius: 0
      outline: none
  .thanks
    h2
      +font-semi-bold(26px, 34px)
      color: $almostWhite
      margin-top: 60px
    p
      +font-default(18px, 22px)
      font-size: 18px !important
      line-height: 22px !important
      color: $almostWhite

    &.inactive
      display: none

+media-query(800px)
  .form
    width: 100%
    max-width: 400px
    margin-right: auto
    margin-left: auto
    display: block
    float: none