/* Modal. */

.modal_wrap {
	display: flex;
	align-items: center;
	justify-content: center;

	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	z-index: 999;
}

.modal_viel {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	opacity: 0.7;
	background-color: #0C1A20;
}

.modal_content {
	position: relative;

	width: 90vw;
	max-width: 380px;
	padding: 40px 52px 52px;
	background-color: var(--bg);
	border-radius: 8px;
}

.modal_close {
	--size: 15px;

	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
	width: var(--size);
	height: var(--size);
}

.modal_content .hint {
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 28px;
}

.modal_content form {
	width: 100% !important;	
}

.modal_content .form {
	display: grid;
	grid-gap: 32px;

	width: 100% !important;
}

.modal_content .element-row {
	position: relative;
}

.modal_content label {
	position: absolute;
	top: 100%;
	left: 22px;

	padding: 0 8px;
	color: #999;
	font-size: 15px;
	background-color: var(--bg);

	transform: translate3d(0, -50%, 0px);
}

.modal_content input,
.modal_content textarea {
	width: 100%;
	min-height: 70px;
	padding: 0 30px;
	border: 1px solid #D1D1D1;
	border-radius: 16px;

	transition: border-color .43s;
}

.modal_content input:hover,
.modal_content input:focus,
.modal_content textarea:hover,
.modal_content textarea:focus {
	border-color: #000;
}

.modal_content textarea {
	padding-top: 16px;
	height: 180px;
}

.modal_content input::placeholder {
	color: #CCC;
}

.modal_content input.error,
.modal_content textarea.error {
	/*border-color: #F4A499 !important;*/
}

.modal_content span.error {
	--size: 16px;

	position: absolute;
	top: calc(50% - var(--size) / 2);
	right: 24px;

	width: var(--size);
	height: var(--size);
	/* background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.8396 1.19043L8.71899 10.8853H7.16968L7.03979 1.19043H8.8396ZM6.98413 13.8354C6.98413 13.5571 7.06763 13.3221 7.23462 13.1304C7.4078 12.9386 7.66138 12.8428 7.99536 12.8428C8.32316 12.8428 8.57365 12.9386 8.74683 13.1304C8.92619 13.3221 9.01587 13.5571 9.01587 13.8354C9.01587 14.1014 8.92619 14.3302 8.74683 14.522C8.57365 14.7137 8.32316 14.8096 7.99536 14.8096C7.66138 14.8096 7.4078 14.7137 7.23462 14.522C7.06763 14.3302 6.98413 14.1014 6.98413 13.8354Z' fill='%23E31B00'/%3E%3C/svg%3E%0A");*/
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	font-size: 0;
}

.modal_content button {
	display: flex;
	align-items: center;
	justify-content: center;
	float: none!important;

	width: 100%;
	height: 60px;
	color: #fff;
	font-size: 17px;
	font-weight: 500;
	border-radius: 40px;
	background-color: var(--primary);
	cursor: pointer;

	transition: box-shadow .43s;
}

.modal_content button:hover {
	box-shadow: 0 0 32px var(--primary);
}

.modal_content .element-description {
	--color: var(--primary);
	cursor: pointer;
	float: none!important;
	display: block;

	margin-top: 32px !important;
	font-weight: 500;
	font-size: 17px;
	text-align: center;
}

.modal_rews {
	position: relative;

	width: 90vw;
	max-width: 380px;
	background-color: var(--bg);
	border-radius: 8px;
}

/* Modal. */

@media only screen and (max-width: 600px) {

	/* Modal. */

	.modal_content {
		padding: 40px 20px 20px;
	}

	.modal_content input,
	.modal_content textarea {
		min-height: 52px;
		border-radius: 8px;
	}

	/* Modal. */

}