/* ---------- field assigner ---------- */
.field-assigner .customfieldwrap{
    margin-top: 50px;
}

.field-assigner .customfieldwrap .customfield{
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}

.field-assigner .customfieldwrap input{
    min-width: 150px;
    float: left;
    background-color: transparent;
    border-color: transparent;
    color: #4a62b8;
    font-weight: bold;
    text-transform: capitalize;
    font-size: 1.1em;
    margin-top: 10px;
}

.field-assigner .customfieldwrap select{
    font-family: 'Open Sans', sans-serif;
    font-weight:400;
    width:150px;
    border:1px solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:10px;
    text-transform: capitalize;
}

.field-assigner .submit-button-wrap{
    margin-top: 25px;
}

/*--------------------- pincode form -------------*/

.pincode .form-wrap{
    margin: 40px 0;
    width: 300px;
    left: 50%;
    margin-left: -150px;
    position: relative;
}

.pincode .form-wrap input{
    display: block;
    margin: 5px 0;
    width: 100%;
}

.pincode .form-wrap .fields input{
    font-family: 'Open Sans', sans-serif;
    font-weight:400;
    width:100%;
    border:1px solid #ddd;
    font-size: 1.1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:10px;
    text-align: center;
}

/*-----------------------intro-------------------*/

.frontend-wrapper{
	color: #4a62b8;
	width:100%;
	min-height:100%;
	position:absolute;
	top:0px;
	left:0px;
}

.form{
    width: 100%;
    min-height: 100%;
    position: relative;
    height: 677px;
}

.lowercase{
	text-transform:lowercase;
}

.frontend-wrapper .form-button-wrapper {
    position: relative;
    bottom: 0px;
    left: 0px;
    width: 100%;
    max-width: 1000px;
    z-index: 2;
    margin: 0 auto;
    text-align:left;
}

.frontend-wrapper .form-button-wrapper .button{
	min-width:200px;
	margin-bottom:0;
}

.frontend-wrapper .form-button-wrapper .next{
	float: right;
    background-image: url("pijl-rechts.png");
    background-repeat: no-repeat;
    background-size: 23px 10px;
    background-position: 161px 16px;
    text-align:left;
}

.frontend-wrapper .form-button-wrapper .prev{
    float: left;
    text-align:right;
	display:none;
    background-color: #f1f2ed;
    color: #4a62b8;
    background-image: url("pijl-links-blue.png");
    background-repeat: no-repeat;
    background-size: 23px 10px;
    background-position: 22px 16px;
    padding-left: 55px;
}

.frontend-wrapper .formSubmit{
    width:200px;
}

.frontend-wrapper .form-button-wrapper .prev:hover{
	background-color:#4a62b8;
    color:#ffffff;
    background-image: url("pijl-links.png");
}

.frontend-wrapper .content-block{
	width:100%;
	max-width:1000px;
	margin: 0 auto;
	position:relative;
	padding-top:185px;
	z-index:2;
	padding-bottom:15px;
}

.frontend-wrapper .intro ul{
    list-style-type: none;
    margin: 20px 0px;
    padding: 0 25px;
}

.frontend-wrapper .intro ul li {
    margin: 7px 0;
}

.frontend-wrapper .button{
	color: #ffffff;
	cursor: pointer;
	text-align: center;
	z-index: 2;
	border: 2px solid #4a62b8;
	padding: 15px 20px;
	display: inline-block;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	background-color:#4a62b8;
}

.frontend-wrapper .button:hover{
	background-color:#8d9cd3;
}

.frontend-wrapper .button-wrap{
	width: 500px;
	margin: 0 auto;
}

.frontend-wrapper .button-wrap .buttons-top{
	display: table;
	margin: 0 auto;
    text-align:center;
}

.frontend-wrapper .button-wrap .buttons-bot{
	margin-top: 20px;
    text-align: center;
}

.frontend-wrapper .button-wrap .video{
	background-color:#8d9cd3;
    margin-bottom:10px;
}

.frontend-wrapper .button-wrap .video:hover{
	background-color:#4a62b8;
}

.frontend-wrapper .text{
    cursor:pointer;
    text-decoration:underline;
    text-align:center;
    display:inline-block;
}

.frontend-wrapper .text:hover{
    opacity: 0.6;
}

.frontend-wrapper .button-wrap .start{

}

.frontend-wrapper .inactive{
	background-color: grey;
}

.frontend-wrapper .inactive:hover{
	background-color: lightgray;
}

.frontend-wrapper .intro{

}

.frontend-wrapper .intro .intro-block{

}

.frontend-wrapper .intro .intro-block .textbox{
	width:500px;
	margin: 0 auto;
	margin-bottom:20px;
	text-align:center;
}

.frontend-wrapper .intro .intro-block .overlay{
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	width:100%;
	margin:0 auto;
	min-height:100%;
	background-color: rgb(255,255,255);
	z-index:25;
}

.frontend-wrapper .intro .intro-block .overlay .overlay-button-wrapper{
    position:relative;
    display:block;
    top:10px;
}

.frontend-wrapper .intro .intro-block .video-wrap{
    text-align:center;
}

.frontend-wrapper .intro .intro-block .video-wrap .iframeWrap{
    position: relative;
    padding-top:25px;
    display: inline-block;
    margin: 0 auto;
    width:70%;
    max-width:1280px;
}

.frontend-wrapper .intro .intro-block .video-wrap iframe{
    width: 100%;
    height: 100%;
}

.frontend-wrapper .intro .intro-block .text-wrap{
	display:none;
	width:100%;
}

.frontend-wrapper .intro .intro-block .visible{
	display:block;
}

/*-----------------------------------------Form--------------------------------------*/

.arrow-right, .arrow-left{
	width:23px;
	position: relative;
}

.description-block{
	text-align:left;
	padding: 10px 10px 15px 10px;
}

.question-block{
	display:none;
    position:relative;
}

.question-block .questionWrapper{
position:relative;
}

.question-block .resetQuestion{
    display: inline-block;
    width: 100px;
    cursor: pointer;
    vertical-align: top;
    position: absolute;
    top: -40px;
    right:10px;
}

.question-block .resetQuestion p{
    display: inline-block;
    padding: 5px;
}

.question-block .resetQuestion img{
    width:20px;
    height:auto;
    vertical-align: middle;
}

.selected{
	display:block;
}

.question-block .question{
	width: 100%;
	margin: 0 auto;
	padding: 10px 10px 40px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.question-block .gray{
	background-color: #e9e9e1;
}

.question p{
	padding-left: 13%;
}

.question #slider{
	width: 60%;
	float:left;
	position: relative;
}

.question .option-value{
	position:relative;
	width: 13%;
	float:left;
	text-align:center;
}

.question .no-opinion-wrap{
    position: relative;
    width: 12.5%;
    float: left;
    text-align: center;
    border-left: 2px solid #4a62b8;
    margin-top: -13px;
    padding-left: 10px;
}

.question .no-opinion-wrap label{
    display: block;
}

.weightblock{
	text-align:center;
}

.weight-block{
	position:relative;
	min-width:100px;
	display:inline-block;
	height:345px
}

.weight-block .idvalName{
	width:100%;
	position:absolute;
	top:15px;
	left:0;
	text-align:center;
}

.weight-block #slider {
	margin: 0 auto;
	height: 250px;
	width: 16px;
	position: relative;
	top: 65px;
}

.weight-block .plus, .weight-block .minnus{
	position:absolute;
	left:0;
	text-align:center;
	width:100%;
}

.weight-block .plus p, .weight-block .minnus p{
	margin:0;
	font-size:20px;
	font-family: 'aperculight';
}

.weight-block .plus{
	top:37px;
}

.weight-block .minnus{
	bottom:2px;
}

.weightblock .resetWeight {
    display: inline-block;
    width: 100px;
    cursor: pointer;
    vertical-align: top;
    position: absolute;
    right: 10px;
    margin-top: -40px;
}

.weightblock .resetWeight p{
    display: inline-block;
    padding: 5px;
}

.weightblock .resetWeight img{
    width:20px;
    height:auto;
    vertical-align: middle;
}

.weight-block .ui-widget-content {
	background: #8d9cd3;
}

.end-block{
    width: 500px;
    margin: 0 auto;
    text-align: center;
}

.end-block .description-block{
    text-align:center;
}

.outro .textbox{
    width: 500px;
    margin: 0 auto;
    margin-bottom: 20px;
    text-align: center;
}

.ui-widget-content{
	border: 1px solid #aaaaaa;
	background: #ffffff;
	color: #222222;
	border-radius:4px;
	height:16px;
}

.ui-slider .ui-slider-handle{
	background-image: url(button.png);
	background-position: -37px -5px;
	background-repeat:no-repeat;
	width: 22px;
	height: 22px;
}

.ui-slider-vertical .ui-slider-handle{
	left:-4px;
}

.ui-slider-horizontal .ui-slider-handle{
	top:-4px;
}

.ui-slider-vertical .ui-slider-range{
	background-color:#ffffff;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{
	background-position: -5px -5px;
}