/* Start:/local/templates/faceroom/components/bitrix/iblock.element.add.form/footer__form/style.css?17618226302484*/
#footer__form {
	position: relative;
}

#footer__form input.error {
	background-color: #E7EEEF;
	border-bottom-width: 2px !important;
}

#ajax_wait {
	width: 30px;
	height: 1px;
	background-color: black;
	position: absolute;
	top: 40%;
	left: calc(50% - 15px);
	-webkit-animation:spin 1s linear infinite;
    -moz-animation:spin 1s linear infinite;
    animation:spin 1s linear infinite;
    z-index: 2;
}

#footer__form.wait:after {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(255, 255, 255, 0.8);
}

@-moz-keyframes spin {
    100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform:rotate(360deg);
    }
}

#result__form {
	text-align: center;
	margin: 80px 0;
}

#result__form,
#result__form font.notetext {
	color: #000;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
	letter-spacing: -0.72px;
	text-transform: uppercase;
}

/* NEW */

/* container */
.custom-select-wrap {
	position: relative;
}
/* декоративный блок, который видит пользователь */
.custom-select-display {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 14px;
	border-bottom: 1px solid #000;
	background: #fff;
	cursor: pointer;
	font-size: 18px;
	line-height: 1;
	color: #111827;
	min-height: 44px;

    
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -.72px;

	padding-left: 0;
	text-transform: uppercase;
	padding-bottom: 4px;
}
.custom-select-display.placeholder {
  color: #000;
}
.custom-select-arrow {
  font-size: 18px;
  color: #000;
}
/* держим нативный select доступным, но скрытым визуально.
   Он поверх декоративного блока и перехватывает клики/клавиши,
   так нативное открытие select работает на всех устройствах */
.custom-select-native {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  border: none;
  background: transparent;
  -webkit-appearance: none;
  appearance: none;
}
/* для небольших экранов — адаптация */
@media (max-width: 420px) {
  .custom-select-display { font-size: 14px; }
}
/* End */
/* /local/templates/faceroom/components/bitrix/iblock.element.add.form/footer__form/style.css?17618226302484 */