@charset "UTF-8";

/** STRUCTURE **/

.fb3area {
	display: block;
	border: 0px;
	padding: 0px;
	margin: 0px;
}
.fb3area .fb3clear {
	clear: both;
}
.fb3area .fb3col {
	display: inline-block;
	vertical-align: top;

	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.fb3area .fb3col + .fb3col {
	padding-left: 3%;
}

.fb3area .fb3col.fb3width-small {
	width: 33%;
}
.fb3area .fb3col.fb3width-normal {
	width: 50%;
}
.fb3area .fb3col.fb3width-large {
	width: 66%;
}

.fb3area .fb3sep {
	display: block;
	height: 0px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #cccccc;
	clear: both;
}
.fb3area .fb3row {
	margin-top: 10px;
}
.fb3area .fb3row:first-child {
	margin-top: 0px;
}
.fb3area .fb3label {
	color:#444444;
	line-height:120%;
}
.fb3area .fb3labelsep {
	margin-left: -2px;
}
.fb3area .fb3row .fb3field select,
.fb3area .fb3row .fb3field .select2-container,
.fb3area .fb3row .fb3field textarea,
.fb3area .fb3row .fb3field input[type=file],
.fb3area .fb3row .fb3field input[type=text] {
	width: 100%;
	margin: 0px;

	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.fb3area .fb3row .fb3field select,
.fb3area .fb3row .fb3field textarea,
.fb3area .fb3row .fb3field input[type=file],
.fb3area .fb3row .fb3field input[type=text] {
	font-size:13px;
}
.fb3area .fb3row .fb3field textarea {
	min-height:100px;
	max-height:300px;
	resize: vertical;
}
.fb3area .fb3row.fb3left {
	display: table;
	border: 0px;
	padding: 0px;
	width: 100%;
	border-collapse: collapse;
}
.fb3area .fb3row.fb3left .fb3label {
	display: table-cell;
	vertical-align: middle;
	width: 30%;
	padding-right: 2%;
}
.fb3area .fb3row.fb3left.fb3textarea .fb3label {
	vertical-align:top;
	padding-top:10px;
}
.fb3area .fb3row.fb3ph .fb3label {
	display: none;
}
.fb3area .fb3row.fb3left .fb3field {
	display: table-cell;
	vertical-align: top;
}
.fb3area .fb3row.fb3left .fb3clear {
	display: none;
}

.fb3area .fb3row.fb3date .fb3field input[type=text] {
	margin-right: -30px;
	padding-right: 40px;
}
.fb3area .fb3row.fb3date .fb3field input[type=text] + img {
	margin-top: 15px;
}

.fb3area .fb3row.fb3codpostal .fb3codpostal2,
.fb3area .fb3row.fb3codpostal .fb3codpostal1 {
	width: 50px !important;
	margin: 0 !important;
	letter-spacing: 3px;
	text-align: center;

	-moz-box-sizing: content-box !important;
	box-sizing: content-box !important;
}
.fb3area .fb3row.fb3codpostal .fb3codpostal2 {
	width: 40px !important;
}
.fb3area .fb3row.fb3codpostal .fb3codpostalsep {
	display: inline;
	margin: 0 5px;
	line-height: 48px;
}
.fb3area .fb3row.fb3captcha .fb3field > div {
	display:-webkit-inline-flex;
	display:inline-flex;

	-webkit-align-items:stretch;
	align-items:stretch;

	-webkit-justify-content:flex-start;
	justify-content:flex-start;

	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;

	width:100%;
}
.fb3area .fb3row.fb3captcha .fb3field img {
	width:120px;
	height:60px;

	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.fb3area .fb3row.fb3captcha .fb3field input[type=text] {
	width:120px;
	text-align:center;
	letter-spacing:5px;
	font-size:13px;
}
.fb3area .fb3row.fb3captcha .fb3field span {
	width:100%;
	margin-top:5px;
}
.fb3area .fb3row.fb3radio.fb3field input,
.fb3area .fb3row.fb3checkbox .fb3field input {
	vertical-align: middle;
}
.fb3area .fb3row.fb3radio .fb3field label,
.fb3area .fb3row.fb3checkbox .fb3field label {
	vertical-align: middle;
	font-size:12px;
	color:#555555;
}

.fb3area .fb3row.fb3html {
	display: block;
}
.fb3area .fb3row.fb3html .fb3label {
	display: block;
	width: auto;
	padding-right: 0px;
}
.fb3area .fb3row.fb3html .fb3label .fb3ast,
.fb3area .fb3row.fb3html .fb3label .fb3labelsep {
	display: none;
}
.fb3area .fb3row.fb3html .fb3field {
	display: none;
}

/** STYLE **/

.fb3area .fb3ast {
	color: #ff0000;
}
.fb3area .fb3sep {
	border-bottom: 1px solid #cccccc;
}
.fb3area .fb3row.fb3captcha .fb3field img {
	padding: 5px;
	background: #ffffff;
	border: 1px solid #cccccc;
}

.fb3area .fb3error .fb3label {
	color: #ff0000;
}
.fb3area .fb3error input[type=text],
.fb3area .fb3error select,
.fb3area .fb3error textarea {
	border: 1px solid #ff0000 !important;
	background: #ffeeee !important;
}

@media screen and (max-width:640px) {
	.fb3area .fb3col {
		width:100% !important;
	}
	.fb3area .fb3col + .fb3col {
		padding-left:0px;
	}
}
@media screen and (max-width:480px) {
	.fb3area .fb3row.fb3left {
		display:block;
	}
	.fb3area .fb3row.fb3left .fb3label {
		display:block;
		margin-top:15px;
		margin-bottom:5px;
		width:100%;
		padding-right:0px;
	}
	.fb3area .fb3row.fb3left.fb3textarea .fb3label {
		padding-top:0px;
	}
	.fb3area .fb3row.fb3left .fb3field {
		display:block;
	}
}