main.fitting-online-poll {padding-top: 0; position: relative; width: 100vw; overflow: hidden;}

.fitting-online-poll h1.fitting-step {color: #DEC8B7;
    position: absolute;
    top: 0;
    left: 36px;
    font-size: 40px;}

.fitting-online-poll h1.fitting-step span{font-size: 80px;}


.fitting-pager {
	display: flex;
	justify-content: center;
	align-items: center;
	
}
.fitting-pager span {
	width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #DEC8B7;
    margin: 0px 2px;
}
.fitting-online-poll input, .fitting-online-poll input[type="text"]{

	border: 0px;
	border-bottom: 1px solid #ddc8b7!important;
	padding: 5px 0px;
	outline-width: 0;
	width: 100%;
	height: 32px; font-size: 12px;

}

.fitting-online-poll input:focus,
.fitting-online-poll select:focus,
.fitting-online-poll textarea:focus,
.fitting-online-poll button:focus {
    outline: none;
}

.fitting-online-poll .noselect {
  	-webkit-touch-callout: none;
  	-webkit-user-select: none;
  	-khtml-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
	user-select: none; 
}

.fitting-online-poll .contain_img{
	background-size: contain; 
	background-repeat: no-repeat; 
	background-position: center;
}




.fitting-online-poll #options_step_container{
}



.fitting-online-poll .sub_header{
	width: 100%;
	height: 40px;
	background-color: #000;
}



.fitting-online-poll .load_bar{
	display: none;
	width: calc(100%/20);
	height: 14px;
	background-color: #000;

}

.fitting-online-poll .step_container{

	padding: 30px;
	font-weight: 200;

}

.fitting-online-poll .step_title{

	font-size: 35px;
	text-align: center;
	font-family: 'Playfair Display', serif;
	margin-bottom: 42px;

}

.fitting-online-poll .options_container{

	width: 100%;
	margin: 0px auto;
	overflow: hidden;
	display: flex; flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	text-align: left;

}
.option_img_square +.answer_container {margin-top: -20px!important;}


.fitting-online-poll .option_img{

	height: 200px;
	width: 100%;

}

.fitting-online-poll .option_img_title{

	text-align: center;
	padding: 10px 0px;
	font-size: 12px;
	text-transform: uppercase;
}

.fitting-online-poll .answer_container,
.fitting-online-poll .option_text_radiobox{


	margin: 10px;
	width: calc(33.33% - 35px)!important;
	display: inline-block;
	cursor: pointer;
}

.fitting-online-poll .option_text_checkbox, 
.fitting-online-poll .option_text_radiobox{

	font-size: 12px; 
	padding: 15px 10px; 
	border: 1px solid #DEC8B7; 
	
	width: 100%;
	text-align: center;
	text-transform: uppercase;

}

.fitting-online-poll .text_input_container{

	
	width:50%;
	flex-shrink: 0; flex-grow: 0;
	padding: 20px 36px

}


.answer_container .other_input_container {
	width: 100%; padding: 20px 0;
}

.fitting-online-poll .option_text_checkbox:hover, 
.fitting-online-poll .option_text_radiobox:hover{

	background-color: #F8F7F6;

}

.fitting-online-poll .option_text_img_square,
.fitting-online-poll .option_img_square{
	width: 33%; max-width: 330px;
	flex-grow: 0; flex-shrink: 0;
	padding: 0 30px; 
	text-align: left;
	margin-bottom: 36px;
}

.fitting-online-poll .option_img_square{
	cursor: pointer;
}

.step_container[data-step="5"] .option_img_square {max-width: 100%!important;}
.step_container[data-step="16"] .answer_container:nth-of-type(4) {width: 490px!important;}

.fitting-online-poll .option_text_img_square img {margin-bottom: 20px;}

.fitting-online-poll .option_text_img{

	width: 100%;

}

.fitting-online-poll .option_text{

	margin: 20px 0px; font-size: 12px;

}

.fitting-online-poll .main_step_div{

	width: 100%;
	margin: 0px auto;
	margin-bottom: 30px;
	margin-top: 72px;
	padding: 0 72px;

}

.fitting-online-poll .footer{
	width: 100%;
	height: 360px;
	background-color: #f8f7f6;

}

.fitting-online-poll .input_title{
	text-align: left;
	text-transform: uppercase; font-size: 12px;
}

.fitting-online-poll .step_1_checkbox_container{

	padding: 20px 30px;
	font-size: 12px;
    width: 50%;
    text-align: left;

}

.fitting-online-poll .step_1_checkbox_container input{

	width: auto;

}

.fitting-online-poll .step1_checkboxes{

	height: auto;

}

.fitting-online-poll .conclution_final_text{

	font-size: 30px; 
	text-align: center; 
	padding: 60px; 
	padding-top: 40px; 
	width: 800px; 
	margin: 0px auto;

}

.fitting-online-poll .other_input_container{

	display: none;

}

/* .fitting-online-poll .continue_button{

	width: 260px;
	margin: 20px auto;
    padding: 15px;
    font-size: 14px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    background-color: #aaa;
    color: #fff;
    cursor: pointer;

} */


.fitting-footer {display: flex; justify-content: space-between;  margin-top: 72px;}

.fitting-online-poll .back_button, 
.fitting-online-poll .next_button {
	display: flex; justify-content: center; align-items:center; cursor: pointer;
	font-size: 10px; text-transform: uppercase;
}

.fitting-online-poll .back_button span,
.fitting-online-poll .next_button span{
	position: relative; top: 5px; 
}

.fitting-online-poll .next_button span {
	right: 10px;
}

.fitting-online-poll .back_button .icon, 
.fitting-online-poll .next_button .icon {

   width: 40px;
   height: 40px;
   display: inline-flex;
   justify-content: center; align-items: center;
	border: 1px solid #000; 
	border-radius: 50%;
    cursor: pointer;
	transition: all 0.6s ;

}

.fitting-online-poll .next_button {display: inline-flex}


.fitting-online-poll .back_button svg {
	transform: rotate(180deg);
}

.fitting-online-poll .back_button:hover .icon,
.fitting-online-poll .next_button:hover .icon{
	background-color: #000;
}

.fitting-online-poll .back_button:hover svg path,
.fitting-online-poll .next_button:hover svg path{
	fill:#fff!important;
}

.continue_button.disable {opacity: 0.5; cursor:default; pointer-events: none;}



main.fitting-online-photos {padding-top: 0;}

main.fitting-online-photos .load_bar{

	width: 100%;
	height: 14px;
	background-color: #000;

}

main.fitting-online-photos .wrap-small{
	text-align: center;
	padding-top: 72px;
}

.button.fitting-finish {width: 260px; text-transform: uppercase; display: inline-block; text-align: center; margin-top: 72px;}


main.fitting-online-photos .box {margin-top: 72px;}
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
	max-width: 80%;
	border: 1px solid #DEC8B7;
    font-size: 12px;
    /* 20px */
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}




.inputfile-6 + label {
	 color: #000;
	width: auto!important;
    background-color: #fff;
    padding: 0;
}

.inputfile-6:focus + label,
.inputfile-6.has-focus + label,
.inputfile-6 + label:hover {
    border-color: #000;
}

.inputfile-6 + label span,
.inputfile-6 + label strong {
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.inputfile-6 + label span {
    width: 180px;
    min-height: 2em;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.inputfile-6 + label strong {
    height: 100%;
    color: #000;
    background-color: #e1d0c0;
    display: inline-block;
}

.inputfile-6:focus + label strong,
.inputfile-6.has-focus + label strong,
.inputfile-6 + label:hover strong {
    background-color: #e1d0c0;
    opacity: 0.8
}

@media screen and (max-width: 50em) {
	.inputfile-6 + label strong {
		display: block;
	}
}
.fitting-online-photos {text-align: center;}
.fitting-online-photos ol, .fitting-online-photos li {padding: 0; margin: 0; text-align: left; list-style-position: inside;}
.fitting-online-photos h5 {margin: 36px 0; text-align: left;}
.fitting-online-photos .wrap-small {margin-top: 72px;}

.fitting-photos-grid {    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 10px;}
	
.fitting-online-photos h1, .fitting-comments h1 {margin-top: 80px;}


.fitting-comments textarea {max-width: 600px;
    margin: 0 auto;
    border: 1px solid #ddc8b7!important;
    padding: 20px;
    border-radius: 4px;}