.hidden {display: none;}

.form--body {
    background: white;
    padding: 60px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.15);
}

.nbw-free-form-page h1 {
    display: none;
}

.hidden {
		display: none;
	}
	img.picto {
		vertical-align: top;
		margin: 0px;
	}
	.step {
		display: none;
	}
	.step ul {
		list-style-type: none;
	}
	.step ul li {
		list-style-type: none;
		margin: 0;
		padding: 3px 0;
		overflow: hidden;
		font-size: 14px;
	}
	.step p {
		font-size: 14px;
	}
	#container {
		width: 675px;
	}
	.step p.question {
		font-size: 18px;
		font-weight: 500;
		color: #5A5A5F;
	}
	ul.button {
		margin-top: 10px;
		overflow: hidden;
		padding: 0;
	}
	/*ul.button li {background-color: #dc002e; color: #fff; line-height: 25px; font-weight: bold; float: left; width: 100px; margin-right: 10px; text-align: center; cursor: pointer;}*/

	ul.button li {
		display: inline-block;
		font-weight: 400;
		color: #212529;
		text-align: center;
		vertical-align: middle;
		cursor: pointer;
		user-select: none;
		background-color: transparent;
		border: 1px solid #212529;
		padding: .375rem .75rem;
		font-size: 14px;
		line-height: 1.5;
		border-radius: .25rem;
		background: #fff;
		border-radius: 4px;
		margin: 30px 10px 30px 0;
		border: 1px solid #ef2637;
		color: #ef2637;
    mask-image: none;
    -webkit-mask-image: none;
	}
	.fld {
		float: left;
		padding: 0 5px 0 0;
	}
	.lbl {
		float: left;
		width: 600px;
	}
	.disabled .lbl {
		color: #ccc;
	}
	.tooltip {
		position: absolute;
		background-color: #fff;
		width: 350px;
		padding: 5px;
		border: solid 1px #000;
		color: #000;
		line-height: 1.2em;
	}
	.tooltip ul {
		list-style-type: disc;
		padding-left: 2em;
	}
	.tooltip ul li {
		list-style-type: disc;
		padding-left: 0px;
	}
	label {
		float: left;
		width: 100px;
	}
	input.size1 {
		width: 55px;
		border: 1px solid #acacae;
		border-radius: 4px;
		padding: 5px;
		font-size: 12px;
		padding: 5px 10px;
		line-height: 1.5;
	}
	input.error {
       border-color: #ef2637;
	}
	p.notice-title {
		color: #dc002e;
		font-weight: bold;
		font-size: 14px;
	}
	.step ul.notice {
		list-style-type: disc;
		margin-left: 20px;
	}
	.step ul.notice li {
		list-style-type: disc;
		padding: 0;
		margin: 0;
		line-height: 1.2em;
		padding-left: 0px;
		overflow: visible;
	}
	.step ul.notice a {
		color: #dc002e;
	}
	ul.disc {
		list-style-type: disc;
		margin-left: 20px;
	}
	ul.disc li {
		list-style-type: disc;
		padding: 0;
		margin: 0;
		line-height: 1.2em;
		padding-left: 0px;
		overflow: visible;
	}
	#breadcrumb {
		padding: 0;
		display: block;
		overflow: hidden;
		border-bottom: 1px solid #dee2e6
	}
	#breadcrumb ul {
		margin: 0;
		background-color: #454648;
	}
	#breadcrumb ul.last {
		background-color: #de2337;
	}
	#breadcrumb li {
		padding: 5px 16px 5px 22px;
		float: left;
		list-style-type: none;
		position: relative;
		line-height: 19px;
    font-size: 14px !important;
	}
	#breadcrumb li.step-1 {
		padding: 5px 22px 5px 22px;
		z-index: 4;
	}
	#breadcrumb li.step-2 {
		z-index: 3;
	}
	#breadcrumb li.step-3 {
		z-index: 2;
	}
	#breadcrumb li.step-4 {
		z-index: 1;
	}
	#breadcrumb li.active, #breadcrumb li.hover {
		border-color: #fff #fff #ef2637 !important;
		border-bottom-color: rgb(239, 38, 55);
		border-bottom: 2px solid #ef2637 !important;
		font-weight: bold;
	}
	#breadcrumb li .splitter {
		display: block;
		width: 10px;
		height: 29px;
		position: absolute;
		right: -10px;
		top: 0px;
	}
	#breadcrumb li.before-active .splitter, #breadcrumb li.before-hover .splitter {
		background-position: 0 -29px;
	}
	#breadcrumb li.hover.before-active .splitter, #breadcrumb li.active.before-hover .splitter {
		background-position: 0 -87px;
	}
	#breadcrumb li.before-active .splitter {
		background-position: 0 -29px;
	}
	#breadcrumb li.active .splitter, #breadcrumb li.hover .splitter {
		background-position: 0 -58px;
	}
	#breadcrumb li a {
		color: #5A5A5F;
		text-decoration: none;
		line-height: 19px;
		font-size: 12px;
	}
	#breadcrumb li.disabled a, #breadcrumb li.active a {
		cursor: default;
	}
	.notice {
		padding: 30px !important;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px 0px !important;
		border: 1px solid rgba(0, 0, 0, .125);
		border-radius: .25rem;
	}
	.facebox {
		cursor: pointer;
	}
	.result {
		font-size: 14px;
	}