@charset "utf-8";
/* CSS Document */

.form-container {
	position: fixed;
	top: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999999999999999999999;
	background: rgba(22,85,150,0.95);
	opacity: 0;
}
.form-inner {
	position: absolute;
	width: 1000px;
	overflow: hidden;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: white;
}
.form-container form {
	margin-bottom: 0;
}
.form-container input[type="text"], .form-container textarea {
	font: normal 600 14px/1.6 'Open Sans', sans-serif;
	color: #666666;
	padding: 10px;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	border: solid 1px #ccc;
	border-radius: 3px;
}
.form-container ::placeholder {
	opacity: 1;
}
.form-container label {
	cursor: pointer;
}
.form-container input[type="radio"]:checked ~ .input-text, .form-container input[type="checkbox"]:checked ~ .input-text {
	color: #0082CD;
}
.form-container .open-14-darkgrey {
	font-weight: 600;
}
.form-container input[type="submit"] {
	font: normal 600 14px/1.6 'Open Sans', sans-serif;
	color: #ffffff;
	padding: 10px 20px;
	background: #37ce64;
	border: none;
	border-radius: 3px;
	cursor: pointer;
}
.form-container .systems {
	border: solid 1px #ccc;
	border-radius: 3px;
}
.form-container .input-text {
	padding-left: 8px;
}
.is-visible {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0s;
}