/* Start:/local/templates/altelect/components/bitrix/main.feedback/contacts_form/style.css?17883445502317*/
/* Контактная форма — в стиле сайта (поля с рамкой, красная кнопка) */
.contacts-feedback {
	max-width: 480px;
	margin: 0;
	padding: 0;
}
.contacts-feedback__error {
	color: #c00;
	margin-bottom: 12px;
	font-size: var(--p-size, 15px);
}
.contacts-feedback__row {
	margin-bottom: 16px;
}
.contacts-feedback__row_submit {
	margin-top: 20px;
	margin-bottom: 0;
}
.contacts-feedback__input,
.contacts-feedback__textarea {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding: 12px 14px;
	font-size: var(--p-size, 15px);
	font-family: inherit;
	color: #333;
	background: #fff;
	border: 1px solid #d7dbdf;
	/* border-radius: 4px; */
	transition: border-color 0.2s;
}
.contacts-feedback__input::placeholder,
.contacts-feedback__textarea::placeholder {
	color: #999;
}
.contacts-feedback__input:focus,
.contacts-feedback__textarea:focus {
	outline: none;
	border-color: var(--main-color, #147aab);
}
.contacts-feedback__textarea {
	min-height: 120px;
	resize: vertical;
}
.contacts-feedback__submit {
	display: inline-block;
	width: 100%;
	max-width: 100%;
	padding: 14px 20px;
	font-size: var(--p-size, 15px);
	font-weight: 700;
	font-family: inherit;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: #fff;
	background: var(--main-color);
	border: none;
	/* border-radius: 4px; */
	cursor: pointer;
	transition: background 0.2s;
	box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}
.contacts-feedback__submit:hover {
	background: var(--main-color-hover);
}
/* Блок успешной отправки */
.contacts-feedback_success {
	padding: 24px 0;
	max-width: unset;
}
.contacts-feedback__ok {
	margin: 0 0 20px;
	font-size: var(--p-size, 15px);
	line-height: 1.5;
	color: var(--green) !important;
}
.contacts-feedback__actions {
	margin: 0;
}
.contacts-feedback__btn {
	display: inline-block;
	padding: 8px 20px;
	font-size: var(--p-size, 15px);
	font-weight: 700;
	font-family: inherit;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: #fff !important;
	background: var(--main-color);
	text-decoration: none;
	transition: background 0.2s;
	box-shadow: 0 2px 4px rgba(0,0,0,0.15);
	align-content: center;
}
.contacts-feedback__btn:hover {
	background: var(--main-color-hover);
	color: #fff !important;
	text-decoration: none !important;
}

/* End */
/* /local/templates/altelect/components/bitrix/main.feedback/contacts_form/style.css?17883445502317 */