.empty_error {
  border: 1px solid #ff5252 !important;
  box-shadow: rgb(255 0 0 / 16%) 0px 1px 4px !important;
}

.empty_error_test {
  width: 100%;
  font-size: 12px;
  color: #ff5252;
  font-weight: 500;
  position: absolute;
  bottom: 72px;
  /* top: 0; */
  /* border-radius: 0 !important; */
  left: 0;
  /* right: 0; */
  /* top: 0; */
  z-index: 99;
}

.alert.alert-danger {
  padding: 12px !important;
  border-radius: 0 !important;
}

.contact-form .empty_error_test ,
  .get-form .empty_error_test {
    left: -12px;
    width: 100%;
  }

  .hm-contact-block .fr-wrapper .empty_error_test {
    font-size: 12px;
    color: #ff5252;
    font-weight: 500;
    position: absolute;
    bottom: -10px;
    /* text-align: center; */
    /* left: 0px; */
    /* width: 47%; */
    z-index: 99;
  }

  /*----     End  ---*/





  /*----     Start  ---*/

  /* loading */

  .display-loader {

    position: fixed;

    z-index: 999;

    height: 2em;

    width: 2em;

    overflow: show;

    margin: auto;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

  }



  /* Transparent Overlay */

  .display-loader:before {

    content: '';

    display: block;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8));



    background: -webkit-radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8));

  }



  /* :not(:required) hides these rules from IE9 and below */

  .display-loader:not(:required) {

    /* hide "loading..." text */

    font: 0/0 a;

    color: transparent;

    text-shadow: none;

    background-color: transparent;

    border: 0;

  }



  .display-loader:not(:required):after {

    content: '';

    display: block;

    font-size: 10px;

    width: 1em;

    height: 1em;

    margin-top: -0.5em;

    -webkit-animation: spinner 150ms infinite linear;

    -moz-animation: spinner 150ms infinite linear;

    -ms-animation: spinner 150ms infinite linear;

    -o-animation: spinner 150ms infinite linear;

    animation: spinner 150ms infinite linear;

    border-radius: 0.5em;

    -webkit-box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;

    box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;

  }



  /* Animation */



  @-webkit-keyframes spinner {

    0% {

      -webkit-transform: rotate(0deg);

      -moz-transform: rotate(0deg);

      -ms-transform: rotate(0deg);

      -o-transform: rotate(0deg);

      transform: rotate(0deg);

    }

    100% {

      -webkit-transform: rotate(360deg);

      -moz-transform: rotate(360deg);

      -ms-transform: rotate(360deg);

      -o-transform: rotate(360deg);

      transform: rotate(360deg);

    }

  }

  @-moz-keyframes spinner {

    0% {

      -webkit-transform: rotate(0deg);

      -moz-transform: rotate(0deg);

      -ms-transform: rotate(0deg);

      -o-transform: rotate(0deg);

      transform: rotate(0deg);

    }

    100% {

      -webkit-transform: rotate(360deg);

      -moz-transform: rotate(360deg);

      -ms-transform: rotate(360deg);

      -o-transform: rotate(360deg);

      transform: rotate(360deg);

    }

  }

  @-o-keyframes spinner {

    0% {

      -webkit-transform: rotate(0deg);

      -moz-transform: rotate(0deg);

      -ms-transform: rotate(0deg);

      -o-transform: rotate(0deg);

      transform: rotate(0deg);

    }

    100% {

      -webkit-transform: rotate(360deg);

      -moz-transform: rotate(360deg);

      -ms-transform: rotate(360deg);

      -o-transform: rotate(360deg);

      transform: rotate(360deg);

    }

  }

  @keyframes spinner {

    0% {

      -webkit-transform: rotate(0deg);

      -moz-transform: rotate(0deg);

      -ms-transform: rotate(0deg);

      -o-transform: rotate(0deg);

      transform: rotate(0deg);

    }

    100% {

      -webkit-transform: rotate(360deg);

      -moz-transform: rotate(360deg);

      -ms-transform: rotate(360deg);

      -o-transform: rotate(360deg);

      transform: rotate(360deg);

    }

  }

  /*----     End  ---*/