@CHARSET "UTF-8";

.mix-blend-mode {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 60%;
	background: rgb(32, 82, 137);
	mix-blend-mode:multiply;
	z-index: 2;
}

.comment {
	font-size: 0.9rem;
}

.row.form-group {
	padding: 1em 0;
	margin-bottom: 0;
	background-color: rgb(239, 239, 244);
}

.form-group .control-label {
	background-color: rgb(239, 239, 244);
	padding: 0 1em;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	margin: 5px 0;
}

.form-group .control-wrap {
	padding: 0 1em 3px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.form-group.end .control-label,
.form-group.end .control-wrap {
}

.form-group .required {
	background: rgb(220, 0, 18);
	color: #fff;
	margin-left: 5px;
	padding: 6px 10px;
	font-size: 12px;
	line-height: 1;
	display: inline-block;
	vertical-align: text-bottom;
}

.form-control {
	box-shadow: none;
	background: #fff;
	border: 1px solid #aaa;
	border-radius: 10px;
	font-size: 18px;
	margin: 0.5em 0;
}

.form-control.preview {
	height: auto;
	border-color: transparent;
	font-weight: bold;
}

.form-control.w-auto {
	width: auto;
}

input[type="checkbox"].readonly,
input[type="radio"].readonly {
	opacity: 0.4;
}

input[type="text"].readonly,
input[type="date"].readonly,
input[type="email"].readonly,
input[type="tel"].readonly,
textarea.readonly,
select.readonly {
	border-color: transparent;
	background-color: #fff !important;
	outline: none;
	font-weight: bold;
}
select.readonly {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
select.readonly::-ms-expand {
	display: none;
}
.control-label.readonly {
	opacity: 0.4;
}

.chk-wrap .control-label {
	font-size: 18px;
}

.hide {
	display: none !important;
}

.error_message {
	color: #e00000;
	font-weight: bold;
	margin-top: 0.5em;
}

.link-button {
	display: inline-block;
	color: #fff;
	background-color: #e2771e;
	padding: 1em 4em;
	font-size: 18px;
	border-radius: 10px;
	font-weight: bold;
	letter-spacing: 2px;
	cursor: pointer;
	width: 100%;
	margin-bottom: 30px;
	transition: all 0.2s;
}
.link-button:hover {
	background-color: #1f528e;
}

@media screen and  (min-width: 768px) {

	.row.form-group {
		padding: 0;
		background-color: transparent;
	}
	
	.form-group .control-wrap {
		border-bottom: 1px dashed #000;
	}
	
	.form-group.end .control-label,
	.form-group.end .control-wrap {
		border-bottom: 1px solid transparent;
	}
	
	.form-control {
		border-radius: 0;
	}
	
	.link-button {
		width: auto;
		margin-bottom: 0;
	}
	
}