@mixin flexbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

@mixin flex-wrap($value: nowrap) {
  // No Webkit Box fallback.
  -webkit-flex-wrap: $value;
  -moz-flex-wrap: $value;
  @if $value == nowrap {
    -ms-flex-wrap: none;
  } @else {
    -ms-flex-wrap: $value;
  }
  flex-wrap: $value;
}

@mixin justify-content($value: flex-start) {
  @if $value == flex-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
  } @else if $value == flex-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
  } @else if $value == space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
  } @else if $value == space-around {
    -ms-flex-pack: distribute;
  } @else {
    -webkit-box-pack: $value;
    -ms-flex-pack: $value;
  }
  -webkit-justify-content: $value;
  -moz-justify-content: $value;
  justify-content: $value;
}

.content-wrapper {
  .content-container {
     .page {
      .contact_us {
        @include flexbox;
        @include justify-content(space-between);
        @include flex-wrap(wrap);
        #form-contact-us {
          .input-checkbox-contact{
            width: 35%;
            margin-top: 10px;
            .checkbox-input{
              color: #A6A6A6;
              margin-right: 5px;
            }
          }
          .input-contact {
            width: 100%;
            margin-top: 10px;
            margin-bottom: 10px;
            input.surname-input, input.email-input, input.phone-input, textarea {
              width: 100%;
              border-radius: 3px;
              padding: 6px 10px;
              border: 1px solid #ccc;
              outline: none;
              font-size: 12px;
              padding-right: 30px;
              height: 30px;
            }

            textarea {
              height: 150px;
            }

            input::placeholder, textarea::placeholder{
              color: #CACACA;
            }

            input::-moz-placeholder, textarea::-moz-placeholder {
              color: #CACACA;
            }

            .button-send {
              width: 120px;
              height: 30px;
              border-radius: 3px;
              background: black;
              color: white;
              border: none;
              cursor: pointer;
              display: inline-block;
              text-transform: uppercase;
              font-size: 13px;
              font-weight: 500;
            }

            .button-send:disabled {
              opacity: 0.3;
            }
          }
          label.error {
            color: #e63d3d;
          }
        }
      }
    }
  }
}