@font-face {
  font-family: 'PT Astra Serif';
  src: url('/forms_files/fonts/PT Astra Serif_Regular.ttf') format('truetype');
  font-weight: 400;
}
@font-face {
  font-family: 'PT Astra Serif';
  src: url('/forms_files/fonts/PT Astra Serif_Bold.ttf') format('truetype');
  font-weight: 700;
}

html.overflow {
	overflow: hidden;
}

.modal {
	display: none;
	position: fixed;
	/* z-index: 1010; */
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background: rgba(72, 68, 61, 0.54);
}
.modal-content {
	margin: 100px auto;
	padding: 50px 36px 50px 50px;
	max-width: 673px;
	background: #FFFFFF;
	border-radius: 11px;
	position: relative;
 }
.modal .close {
	position: absolute;
	top: 36px;
	right: 36px;
}
.modal .close2 {
	position: absolute;
	top: 36px;
	right: 36px;
}
.modal .close:hover,
.modal .close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}
.modal .close2:hover,
.modal .close2:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

.modal .heading {
	font-weight: 400;
	font-size: 42px;
	line-height: 105%;
	color: #302B44;
	margin-bottom: 50px;
	font-family: 'PT Astra Serif';
}
.modal .subheading {
	font-family: 'PT Astra Serif';
	font-style: normal;
	font-weight: 400;
	font-size: 26px;
	line-height: 105%;
	color: #302B44;
	margin-bottom: 20px;
}
.modal .question-heading {
	font-weight: 400;
	font-size: 14px;
	line-height: 122%;
	color: #2F2B42;
	margin-bottom: 20px;
}

.modal .flex-group {
	display: flex;
	gap: 17px;
}
.modal .flex-group .form-group {
	min-width: calc(33% - 17px);
	width: calc(33% - 17px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.modal .form-group {
	margin-bottom: 40px;
}
.modal .form-group .label {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 122%;
	color: #2F2B42;
	margin: 0 0 6px 0;
}
.modal .form-group .label.label-sm {
	font-size: 12px;
}
.modal .form-control {
	padding: 16px 20px;
	width: 100%;
	max-width: 100%;
	margin-top: 0px;
	background: transparent;
	border: 1px solid #D9D9D9;
	border-radius: 100px;
	font-weight: 500;
	font-size: 13px;
	line-height: 122%;
	color: #2F2B42;
	position: relative;
	z-index: 1;
}
.req {
	color: #F00;
}

.checkbox-button {
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 8px;
	cursor: pointer;
}
.pseudoinput:hover {
	cursor: pointer;
}
.checkbox-button label {

}
.checkbox-button label input {
    display: none;
}
.checkbox-button label .pseudoinput {
	padding: 10px 19px;
	border: 1px solid rgba(233, 227, 217, 0.5);
	background: rgba(233, 227, 217, 0.5);
	border-radius: 32px;
	font-weight: 400;
	font-size: 14px;
	line-height: 122%;
	color: #2F2B42;
    overflow:auto;
	display: inline-block;
}


.checkbox-button input:checked + .pseudoinput {
	border: 1px solid #FD8280;
	background: #FFF;
	color: #FD8280;
}
.gardens .checkbox-button {
	margin: 0;
}
.gardens .checkbox-button label .pseudoinput {
	padding: 13px;
	border: 1px solid rgba(233, 227, 217, 0.5);
	background: #FFF;
	border-radius: 10px;
	font-weight: 400;
	font-size: 14px;
	line-height: 122%;
	color: #2F2B42;
    overflow:auto;
	display: inline-block;
	text-align: left;
}
.gardens .checkbox-button label .pseudoinput .name {
	font-weight: 500;
	font-size: 14px;
	line-height: 140%;
	color: #302B44;
	margin-bottom: 5px;
	display: block;
}
.gardens .checkbox-button label .pseudoinput .metro {
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
	color: #302B44;
	margin-bottom: 5px;
	display: block;
}
.gardens .checkbox-button label .pseudoinput .metro:before {
	content: url(/forms_files/metro.svg);
	margin-right: 5px;
}
.gardens .checkbox-button label pseudoinput img {
	display: block;
}

.gardens .checkbox-button input:checked + .pseudoinput {
	border: 1px solid #FD8280;
	background: #FFF;
	color: #FD8280;
	box-shadow: 0px 11px 19px rgba(214, 151, 150, 0.46);
}

.form-footer {
	/*
	display: flex;
	align-items: center;
	justify-content: center;
	
	flex-direction: row-reverse;
	width: 100%;
	justify-content: space-between;
	*/
}

.form-footer button {
	min-width: 134px;
	margin-right: 24px;
	padding: 13px 23px;
	font-weight: 600;
	font-size: 16px;
	line-height: 140%;
	text-align: center;
	color: #FFFFFF;
	box-shadow: 0px 4px 10px rgba(253, 130, 128, 0.35);
	border: 1px solid #FD8280;
	border-radius: 100px;
}
.agree {
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 122%;
	color: #2F2B42;
}
.agree a {
	color: #FD8280;
	text-decoration: underline;
}

select.form-control {
	box-shadow: 0px 4px 10px rgba(233, 227, 217, 0.66);
}
.select-wrap {
	position: relative;
}
.select-wrap:after {
	content: url(/forms_files/select.svg);
    position: absolute;
    top: 14px;
    right: 20px;
	z-index: 0;
}

@media(max-width: 700px) {
	.modal-content {
		padding: 30px 20px;
	}
	.modal .flex-group {
		gap: 0;
		flex-wrap: wrap;
	}
	.modal .flex-group .form-group {
		min-width: 100%;
		width: 100%;
	}
	.modal .form-group {
		margin-bottom: 12px;
	}
	.gardens .checkbox-button label .pseudoinput {
		padding: 8px;
	}
	.modal .form-group.gardens .checkbox-button {
		max-width: 32%;
	}
	.modal .form-group.gardens {
		display: flex;
	}
}