.header-blue {
  padding: 15px 0;
  background: #007AFF;
}
.header-admin {
  transform: translateY(32px);
}
@media screen and (max-width: 782px) {
  .header-admin {
  transform: translateY(46px);
}
}
.spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 80px auto;
  width: 104px;
  height: 104px;
}

.hidden {
  display: none;
}
.show {
  display: block;
}

.form {
  margin-top: 80px;
}
.form form {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 20px;
}


.form-items {
  flex: 1;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 22px 15px;
}

.form__send {
  flex: 0 0 340px;
  border-radius: 15px;
  background-color: #FFFFFF;
  padding: 20px 14px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.form__send .btn--main {
  margin-top: auto;
}
.payment__bold {
  font-weight: bold;
}
.payment__info {
  display: flex;
  flex-direction: row;
  gap: 10px;
  color: #000;
  align-items: center;
}
.payment__price {
  margin-top: 0;
}
.input-item {
  flex: 1 0 calc(50% - 13px);
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.input-item input {
  width: 100%;
}
.iti {
  color: #393939;
}
.wpcf7-spinner {
position: absolute;
    right: 0;
}
.wpcf7-response-output {
  display: none;
}
.wpcf7-not-valid {
  border-color: #ff0000!important;
}
.wpcf7-not-valid-tip {
    color: #ff0000;
    font-size: 14px;
    font-weight: normal;
    display: block;
    padding-top: 8px;
}
#form-order form {
  flex-direction: row;
}
@media (max-width: 960px) {
  #form-order {
  margin-top: 30px;
}
#form-order form {
  flex-direction: column;
  gap: 20px;
}


.form-items {
  flex: 1;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 22px 15px;
}

.form__send {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row;
  position: relative;
}
.form__send .btn--main {
  width: auto;
  min-width: 219px;
}
}

@media (max-width: 500px) {
    .form {
  margin-top:0px;
}
  .input-item {
  flex: 1 0 100%;
}
.form__send .btn--main {
  width: 100%;
  min-width: auto;
}

.steps__banner {
  padding: 90px 0;
}
}

.text-center {
  text-align: center;
}

.request__date, .request__time {
  border-right: 0!important;
}
.request__date+.request__date, .request__time+.request__time{
  border-left: 1px solid #999;
}
.request__inner {
  align-items: baseline;
}
.pick-map {
  cursor: pointer;
  color: #007AFF;
  text-decoration: dotted;
  opacity: 0.8;
  font-weight: 500;
  padding-top: 5px;
  transition: all 0.5s ease;
}
.pick-map::hover {
  opacity: 1;
  text-decoration: underline;
}
.flatpickr-time {
  max-height: 100%;
}
.flatpickr-time .numInputWrapper {
  height: auto;
}

.payment-page {
    height: 80vh;
    gap: 15px;
    font-size: 20px;
    color: #fff;
    background: #007aff;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.payment-page .btn {
  background: #ec1c24;
}