/* Общие стили */

#error-msg {
  color: #EA4D4D;
  position: absolute;
  padding: 5px;
  right: 20px;
  font-size: 16px;
  bottom: 8px;
}

#valid-msg {
  color: #00C900;
  position: absolute;
  padding: 5px;
  right: 20px;
  font-size: 16px;
  bottom: 8px;
}


@media screen and (min-width: 1200px) {
  #error-msg {
    bottom: 8px;
  }
  #valid-msg {
    bottom: 8px;
  }
}

input.error {
  border: 1px solid #FF7C7C;
}

.hide {
  display: none;
}

/* Тут начинается кастомизация стилей под конкретный проект */

.error-msg {
  right: 10px;
  font-size: 14px;
  bottom: 10px;
}
@media screen and (min-width: 992px) {
  .error-msg {
    bottom: 8px;
  }
}
.valid-msg {
  right: 10px;
  font-size: 14px;
  bottom: 10px;
}
@media screen and (min-width: 992px) {
  .valid-msg {
    bottom: 8px;
  }
}
.iti {
  display: block;
}
.iti__country-name {
  white-space: nowrap;
}

/* Order page */

.layout-order {

}

.ty-title {
  margin-bottom: 30px;
  font-weight: 600;
  font-size: 20px;     
}

@media screen and (min-width: 992px) {
  .ty-title {
    font-size: 26px;
  }
}
.iti {
  width: 100%;
}

.iti__country-name {
  color: #212121;
}

.iti-mobile .iti--container {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 15px;
  background: #0009;
}

.iti-mobile .iti__country-list {
  width: calc(100% - 30px);
}

.phone {
  padding-left: 60px !important;
}