.mb_survey_form{ max-width: 900px; padding:30px 15px; margin:auto;  margin-bottom: 50px; font-family: Roboto; font-weight: 300;  }
.mb_survey_form .survey_tab{  }
.mb_survey_form .dhidden, .mb_survey_form .fhidden,.mb_survey_form .bhidden{ display: none; }
#primary-content{ display: block; }
.mb_survey_form h2, .mb_survey_form h2{ margin: 0; padding: 0; text-align: center; }
.mb_survey_form h2{ margin-top: 10px; }

.mb_survey_form .form_fields{ margin-top: 50px; }
.mb_survey_form .field_box_checkbox .mlabel{ cursor: pointer; }
.mb_survey_form .field_box{ padding-top:10px;  padding-bottom:10px; position: relative; }
.mb_survey_form .field_box .mlabel{ padding: 0; text-align: left; color: #0483e5; display: block; font-size: 22px; font-weight: 300; margin-bottom:10px; line-height: 24px; }
.mb_survey_form .field_box .mlabel img{ max-width: 100%; width: 350px; }
.mb_survey_form .prebox .field_cntr{ display: inline-block; }
.mb_survey_form .prebox .mlabel{  color: #474444; display: inline; max-width: inherit; margin-left: 10px; }

.mb_survey_form .fdisabled::before{ content: " "; position: absolute; z-index: 1;background: rgba(252,252,252,0.7); top: 0;left: 0;width: 100%;height: 100%; }

.mb_survey_form .field_box select.field{ border: 1px solid #ccc; padding: 14px; font-size: 16px; outline: none; }
.mb_survey_form .field_box input.field[type="text"]{ border: 1px solid #ccc;padding: 15px; font-size: 16px;  }
.mb_survey_form .field_box input.field[type="text"]:focus{ border: 1px solid #ccc; outline: none; }
.mb_survey_form .field_box .multifields select{ width: 48%; display: inline-block; vertical-align: top;  }
.mb_survey_form .field_box .multifields select:first-child{ margin-right:3%; }
.mb_survey_form .field_box.required .mlabel1111::before{ content: "*"; padding-right: 5px; font-size:36px; }

.mb_survey_form .field_box_radio span{ cursor: pointer; padding-left: 0px; line-height: 27px; position: relative; display: block;  margin: 3px 0px 5px 0; font-size: 17px; }  
.mb_survey_form .field_box_radio span label{ cursor: pointer; margin: 0; padding: 0; padding-left:35px; display: block; font-weight: normal; }
.mb_survey_form .field_box_radio span.fhidden{ display: none; }
.mb_survey_form .field_box_radio span.other{ padding-left: 35px; }
.mb_survey_form span.other input{ max-width: 90%; width: 400px; }
.mb_survey_form .field_box_radio span input[type="radio"]{ position: absolute; opacity: 0;cursor: pointer; height: 14px;
    width: 14px; z-index: 1; margin: 3px; left: 5px;
top: 4px;}
.mb_survey_form .field_box_radio span i.tickbox{ position: absolute; top: 4px; left: 5px;height: 20px;width: 20px;background-color:#fff; border-radius: 50%;border: 1px solid #999;}
.mb_survey_form .field_box_radio span:not(.other):hover{ background: #ccc; border-radius: 5px; }

.mb_survey_form .field_box_radio span:hover1 input ~ i.tickbox { background-color: #ccc; }

.mb_survey_form .field_box_radio span input:checked ~ i.tickbox{ border: 1px solid #444; background: #444;}
.mb_survey_form .field_box_radio span i.tickbox::after{ content:" "; position: absolute; display: none;}
.mb_survey_form .field_box_radio span input:checked ~ i.tickbox::after { display: block ;}
.mb_survey_form .field_box_radio span i.tickbox::after{ left: 6px; top: 2px;width: 7px; height: 11px; border: solid white; border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.mb_survey_form  .field_box .btn_ok{ margin-top: 10px; color: #fff; background: rgba(4,131,229,0.72); border:none; text-transform: uppercase; text-decoration: none; padding:6px 15px; border-radius:4px; }
.mb_survey_form .lastfield .btn_ok{ display: none; }

.mb_survey_form .button_box{ text-align: right; }
.mb_survey_form .btn_mbsurvey{ color: #fff; background: rgba(4,131,229,0.72); border:none; text-transform: uppercase; text-decoration: none; padding: 10px 20px; border-radius:4px; margin-left: 15px; }
.mb_survey_form .btn_mbsurvey.prev{ background:rgba(0,0,0,0.77);  }

.mb_successfully_done{ text-align: center; font-size: 24px; min-height: 80vh; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #333; line-height: 1.8; padding: 20px; }
.mb_survey_form .field_error{ font-size: 15px; font-style: italic; color: #d00; /* margin-bottom: 10px; margin-top: -37px;*/ }
.mb_survey_form .field_error.afim{ margin: -5px 0 9px 0; }
.mb_survey_progress_container{ display: none; position: fixed; left: 0; bottom: 0; z-index: 9999; width: 100%; text-align: center; background: #222; color: #fff; font-size: 15px; padding: 14px 0;}
.mb_survey_progress_container .ques_prgbar{ width: 200px; display: inline-block; background:rgba(255,255,255,0.5); height: 10px; border-radius: 5px; position: relative; margin-left: 10px; }
.mb_survey_progress_container .ques_prgbar span{ position: absolute; height: 10px; left: 0; top: 0; background: #fff; border-radius: 5px; }
.survey_tab h1, .survey_tab h2{font-size:30px;text-align:center;}

@media screen and (max-width:760px){
	.mb_survey_form .field_error{ margin-top: 0; }
	.mb_survey_form .field_box{ padding-top:50px; padding-bottom:150px; }
	.mb_survey_form .field_box .mlabel{ font-size: 20px; }
    .mb_survey_form .field_box select.field { width: 68%;}
    #stab_2 .form_fields .multifields{ display:flex; }
    .survey_tab h1, .survey_tab h2{font-size:20px;text-align:center;}
        
}