/* Start:/bitrix/templates/.default/components/ma/form/ma20/style.css?16020725387011*/
/**
 * Компонент формы
 *
 * @version 1.0.0-dev
 * @since 2020-01-26
 */

.request {
	padding-top: 30px;
	width: 590px;
	margin-left: auto;
	margin-right: auto;
}

.request-title {
	padding: 0;
	margin: 0;
	font-family: "PT Sans", sans-serif;
	font-weight: 500;
	font-size: 30px;
	line-height: 36px;
	text-align: center;
	color: #103793;
	padding-bottom: 20px;
}

.request__description {
	padding: 0;
	margin: 0;
	font-family: "PT Sans", sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 23px;
	color: #808080;
	max-width: 326px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-bottom: 20px;
}

.form {
	padding-bottom: 32px;
}

.form__item {
	margin: 0;
	position: relative;
	padding-bottom: 20px;
	zoom: 1;
	padding-left: 90px;
	padding-right: 90px;
	display: flex;
    flex-direction: column;
}


.form-item__label {
	display: block;
	text-align: left;
	margin: 0;
	font-family: "PT Sans", sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #1a1a1a;
	padding-bottom: 5px;
}

.form-item__control {
	background-color: #f6f7fb;
	border: none;
	padding-top: 8px;
	padding-left: 11px;
	padding-right: 11px;
	padding-bottom: 7px;
	font-size: 18px;
	line-height: 25px;
	width: 380px;
	color: #1a1a1a;
}

.form-item__control::placeholder {
	font-size: 18px;
	line-height: 25px;
	color: #c5c6c9;
}

.required {
	color: #1a1a1a;
}

.required-text {
	font-size: 12px;
	line-height: 16px;
	color: #808080;
	order: 2;
}

.b-message-form--15 {
	padding-left: 90px;
	padding-right: 90px;
}

.form__item--file .form-item__control {
	background-color: transparent;
}

.form__footer {
	padding-left: 90px;
	padding-right: 90px;
	display: flex;
}

.form__footer button.button {
	text-transform: uppercase;
}

.form__actions {
	margin-right: 10px;
}

.form-item-error {
	color: tomato;
}

font.errortext {
	display: none;
}

.form-control-file {
	padding-left: 0;
}

.form__item--file .form-item__label {
	display: none;
}

.form-item__file {
	display: none;
}

.form-control-file__button {
	padding-left: 25px;
	position: relative;
	color: #5b5b5b;
}

.form-control-file__button::before {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	background-image: url("/bitrix/templates/.default/components/ma/form/ma20/img/icon-pipelist.png");
	background-repeat: no-repeat;
	background-position: center;
	left: 0;
	top: 0;
}

.form__item--captcha {
	flex-direction: row;
	flex-wrap: wrap;
}

.b-captcha-text_corner {
	display: none;
}

.b-captcha-text {
	float: none;
	background-color: transparent;
	align-self: center;
}


/*  всяоке г */

.form__item_text label, .form__item_textarea label {
	position: absolute;
	top: 12px;
	left: 15px;
	z-index: 2;
}
	.b-message-form_field {
		position: relative;
	}
		.b-message-form_checkbox label, .b-message-form_radio label {
			display: inline;
			float: none;
			width: auto;
			margin: 0;
			text-align: left;
			font-size: 14px;
		}
		.b-message-form_text input, .b-message-form_date input {
			width: 520px;
			height: 27px;
			margin: 0;
			padding: 5px 15px;
			background: #FFF;
			border: 1px solid #efefef;
			font: normal 14px/1.2 Arial, sans-serif;
		}
		.b-message-form_date input {
			/*width: 170px;*/
		}
			.b-message-form_date .calendar-icon {
				position: absolute;
				top: 4px;
				left: 342px;
			}
		.form__item .textarea {
			width: 520px;
			height: 105px;
			margin: 0;
			padding: 5px 15px;
			background: #FFF;
			border: 1px solid #efefef;
			font: normal 14px/1.2 Arial, sans-serif;
		}
		.b-message-form_dropdown select {
			width: 367px;
			margin-left: 1px;
			font: normal 16px/1.2 Arial, sans-serif;
		}
		

		.form__item-hint {
			display: block;
			clear: both;
			padding: 0.4em 0 0 0;
			color: #979797;
			font-size: 11px;
		}
		.form__item-error {
			display: block;
			clear: both;
			margin: 0;
			padding: 0.4em 0 0 0;
			color: #dd4b39;
			font-size: 11px; 
		}
		.form_item--error .b-message-form_text input, .form_item--error .b-message-form_date input, .form_item--error textarea {
			border-color: #dd4b39 !important;
		}

		 .b-captcha {
			display: flex;
			margin: -5px 0 0 -5px; 
			align-items: flex-end;
		}
			.b-captcha_item {
				padding: 8px;
			}
			.b-captcha_selected {
				padding: 5px;
				border: 3px solid red;
				border-radius: 50%;
			}
				.b-captcha_item span {
					display: block;
					width: 25px;
					height: 25px;
					overflow: hidden;
					text-indent: -5000px;
					border-radius: 50%;
				}

				.b-grahic-captcha .b-captcha_item span {
					display: block;
					width: 30px;
					height: 30px;
					overflow: hidden;
					text-indent: -5000px;
					background-image: url('/bitrix/templates/.default/components/ma/form/ma20/img/shape.png');
				}
				.b-grahic-captcha .square     { background-position: 0 0;      }
				.b-grahic-captcha .rectangle  { background-position: -30px 0;  }
				.b-grahic-captcha .triangle   { background-position: -60px 0;  }
				.b-grahic-captcha .round      { background-position: -90px 0;  }
				.b-grahic-captcha .polyhedron { background-position: -120px 0; }
				.b-grahic-captcha .trapeze    { background-position: -150px 0; }
				.b-grahic-captcha .rhombus    { background-position: -180px 0; }
				.b-grahic-captcha .oval       { background-position: -210px 0; }
				.b-grahic-captcha .star       { background-position: -240px 0; }
				
		/* .b-captcha-text {
			position: relative;
			float: left;
			height: 24px;
			margin: 3px 0 0 15px;
			padding: 0 10px;
			line-height: 25px;
			background-color: #f2efda;
			background-color: #fff9c9;
			border: 1px solid #c7bf93;
		} */
			.b-captcha-text_corner {
				position: absolute;
				margin-top: 7px;
				margin-left: -10px;
				top: 0;
				left: 0;
				width: 10px;
				height: 10px;
				overflow: hidden;
				background: url(/bitrix/templates/.default/components/ma/form/ma20/img/tip-yellow_arrows.png) no-repeat -30px 0;
			}
			.b-color-captcha-text label {
				color: #000;
				font-size: 12px;
			}

	.b-hidden-captcha {
		display: none;
	}

	.b-message-form_submit .g-button {
		
	}
	.b-message-form_personal-data {
		overflow: hidden;
		color: rgba(0, 0, 0, 0.5);
		font-size: 14px;
		line-height: 18px;
	}
	.b-message-form_required-sing {
		margin-top: 1.2em;
		margin-left: 310px;
		font-size: 11px;
	}

	.b-agreement {
		font-size: 14px;
	}

	.form-item__control {
		font-family: inherit;
	}

	.form__item--text {
		font-family: "PT Sans", sans-serif;
	}

.request > p:last-child {
    padding: 0 20px 20px;
    text-align: center;
}

@media (max-width: 700px) {
	.request {
		width: auto;
		max-width: 590px;
	}
	.request__description {
		padding: 0 20px;
		margin: 0 0 20px 0;
	}
	.form-item__control {
		width: auto;
		max-width: 100%;
	}
	.form__item {
		padding-left: 60px;
		padding-right: 60px;
	}
	.form__footer {
		flex-direction: column;
		align-items: center;
		padding-left: 0;
		padding-right: 0;
	}
	.form__footer .form__actions {
		margin-right: 0;
		margin-bottom: 20px;
	}
	.form__item--captcha {
		flex-direction: column;
	}
	.b-captcha {
		justify-content: center;
	}
}
@media (max-width: 400px) {
	.form__item {
		padding-left: 25px;
		padding-right: 25px;
	}
}
/* End */
/* /bitrix/templates/.default/components/ma/form/ma20/style.css?16020725387011 */