// Subscribe modal window styles
.ffst-modal
  position: fixed
  z-index: 999999
  top: 0
  left: 0
  right: 0
  bottom: 0
  background-color: rgba(0, 0, 0, 0.5)
  font-size: 14px
  line-height: 1.5

  *
    box-sizing: border-box

  #ffst-modal-form
    position: absolute
    top: 20%
    left: 50%
    -webkit-transform: translateX(-50%)
    -moz-transform: translateX(-50%)
    -ms-transform: translateX(-50%)
    -o-transform: translateX(-50%)
    transform: translateX(-50%)
    max-width: 50%
    max-height: 50%
    background-color: #fff
    padding: 25px 50px
    overflow: auto
    -webkit-box-shadow: 0px 0px 40px -5px rgba(0, 0, 0, 0.75)
    -moz-box-shadow: 0px 0px 40px -5px rgba(0, 0, 0, 0.75)
    box-shadow: 0px 0px 40px -5px rgba(0, 0, 0, 0.75)

  .description
    margin-bottom: 15px

  .form-group
    margin-bottom: 5px

  .submit-btn__wrapper
    text-align: right
    margin-top: 15px

  .floating-placeholder__wrapper
    position: relative
    height: 30px
    margin-top: 15px

    input
      height: 100%
      width: 100%
      position: relative
      background-color: transparent
      z-index: 1
      &::placeholder
        color: transparent

    label,
    input:placeholder-shown:focus + label,
    input:placeholder-shown:active + label
      font-size: 12px
      font-style: italic
      line-height: 1
      position: absolute
      left: 5px
      top: 0
      transform: translateY(-50%)
      transition: 0.3s
      display: block
      padding: 0 3px
      background-color: #fff
      color: #666
      z-index: 2
      cursor: default

    input:placeholder-shown + label
      transform: translateY(50%)
      font-size: 16px
      z-index: 0
      transition: 0.3s