/* breakpoints */
.grid-position {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  float: left; }

html:lang(ar) .grid-position {
  float: right; }

.contact-form {
  padding: 0 8.66%;
  color: #ffffff; }
  @media all and (max-width: 1023px) {
    .contact-form {
      padding: 0 30px; } }
  .contact-form .title-block {
    width: 30%; }
    @media all and (max-width: 1023px) {
      .contact-form .title-block {
        width: 100%;
        padding-bottom: 20px; } }
  .contact-form .form-container {
    width: 70%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    @media all and (max-width: 1023px) {
      .contact-form .form-container {
        width: 100%;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; } }
  .contact-form form {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    @media all and (max-width: 1023px) {
      .contact-form form {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .contact-form form > div {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center; }
      @media all and (max-width: 1023px) {
        .contact-form form > div {
          -webkit-flex-direction: column;
          -moz-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-align-items: center;
          -moz-align-items: center;
          -ms-align-items: center;
          align-items: center; } }
    .contact-form form .left-fields,
    .contact-form form .right-fields {
      width: 42.85714%; }
      @media all and (max-width: 1023px) {
        .contact-form form .left-fields,
        .contact-form form .right-fields {
          width: 100%; } }
    .contact-form form .border {
      width: 14.28571%;
      border: 0 !important;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center; }
      .contact-form form .border:after {
        content: "";
        display: block;
        border-left: 1px solid #333333; }
      @media all and (max-width: 1023px) {
        .contact-form form .border {
          direction: none; } }
    .contact-form form .form-control {
      background-color: transparent;
      color: #929495;
      border: 0;
      border-bottom: 1px solid #929495;
      -moz-border-radius: 0;
      -o-border-radius: 0;
      -ms-border-radius: 0;
      -webkit-border-radius: 0;
      border-radius: 0;
      padding: 5px 0; }
      @media only screen and (min-width: 1920px) {
        .contact-form form .form-control {
          font-size: 2rem;
          line-height: 2.5rem; } }
      @media (min-width: 320px) and (max-width: 1920px) {
        .contact-form form .form-control {
          font-size: calc( 18px + (32 - 18) * ( (100vw - 320px) / (1920 - 320) )); } }
      @media (min-width: 320px) and (max-width: 1920px) {
        .contact-form form .form-control {
          line-height: calc( 24px + (40 - 24) * ( (100vw - 320px) / (1920 - 320) )); } }
      @media all and (max-width: 1023px) {
        .contact-form form .form-control {
          padding: 10px 0; } }
    .contact-form form .right-fields {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: start;
      -moz-align-items: start;
      -ms-align-items: start;
      align-items: start; }
      .contact-form form .right-fields .textarea-group {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-align-self: stretch;
        -moz-align-self: stretch;
        -ms-align-self: stretch;
        align-self: stretch; }
        .contact-form form .right-fields .textarea-group .form-item {
          height: 100%; }
          .contact-form form .right-fields .textarea-group .form-item .form-textarea-wrapper {
            height: 100%; }
        .contact-form form .right-fields .textarea-group .form-control {
          height: 100%;
          resize: none; }
          @media all and (max-width: 1023px) {
            .contact-form form .right-fields .textarea-group .form-control {
              height: 100px; } }
      .contact-form form .right-fields .text-link {
        -webkit-align-self: flex-start;
        -moz-align-self: flex-start;
        -ms-align-self: flex-start;
        align-self: flex-start; }
    .contact-form form .form-group,
    .contact-form form .form-item {
      position: relative; }
      .contact-form form .form-group .with-errors,
      .contact-form form .form-group label.error,
      .contact-form form .form-item .with-errors,
      .contact-form form .form-item label.error {
        position: absolute;
        bottom: -18px;
        color: #ff0d00;
        font-size: 12px; }
        .contact-form form .form-group .with-errors li,
        .contact-form form .form-group label.error li,
        .contact-form form .form-item .with-errors li,
        .contact-form form .form-item label.error li {
          font-size: 12px; }
    .contact-form form .cta-form-btn {
      cursor: pointer;
      padding: 0;
      background-color: transparent;
      color: #ffffff;
      opacity: 1 !important;
      border: 0; }
      @media all and (max-width: 1023px) {
        .contact-form form .cta-form-btn {
          margin-top: 5px; } }
      .contact-form form .cta-form-btn:focus {
        border: 0;
        -moz-box-shadow: none;
        -o-box-shadow: none;
        -ms-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none; }
    .contact-form form .form-actions > div {
      display: none !important; }

.message-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
  @media all and (max-width: 1023px) {
    .message-container {
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; } }
  .message-container .bg-img-cover {
    width: 33.33%;
    height: 300px; }
    @media all and (max-width: 1023px) {
      .message-container .bg-img-cover {
        width: 100%;
        height: 250px; } }
  .message-container .message {
    width: 66.66%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 0 3%; }
    @media all and (max-width: 1023px) {
      .message-container .message {
        width: 100%;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center; } }
    .message-container .message h6 {
      padding: 0 5%;
      width: 80%;
      margin-right: auto; }
    .message-container .message .close-icon {
      content: "";
      background: url("../images/close.svg") no-repeat;
      width: 27px;
      height: 27px; }

.webform-confirmation {
  position: relative; }
  .webform-confirmation .links {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 5%;
    background: url("../images/close.svg") no-repeat;
    font-size: 0;
    width: 27px;
    height: 27px;
    z-index: 2; }
    .webform-confirmation .links a {
      width: 100%;
      height: 100%; }

html:lang(ar) .message-container .message h6 {
  margin: 0;
  margin-left: auto; }