*{padding:0;margin:0;box-sizing:border-box;-moz-box-sizing:border-box}
a{transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease}
p {
    color: #000; 
}
img{max-width:100%}
body{font-family:Lato,Helvetica,Arial,sans-serif}
.survey-inner [type=checkbox]:not(:checked),.survey-inner [type=radio]:not(:checked),[type=checkbox]:checked,[type=radio]:checked{position:relative!important;left:0!important;opacity:1!important}
div[type=custombtn]{background:#fff;font-size:16px;padding:20px 30px;margin:0 7px;cursor:pointer;-webkit-box-shadow:0 0 54px 6px rgba(217,217,217,.54);-moz-box-shadow:0 0 54px 6px rgba(217,217,217,.54);box-shadow:0 0 54px 6px rgba(217,217,217,.54);border:1px solid #d5d5d5}
span.addStar:after{color:red;content:"*"}
#page{width:100%;float:left}
#wrapper{width:1170px;margin:auto;max-width:100%}
.survey-outer{float:left;width:100%;padding:20px 0}
.survey-inner{float:left;width:100%}
.pross-outer{display:inline-block;width:80%;height:50px;border-radius:50px;background:#f5f5f5;overflow:hidden;border:1px solid #eee}
.pross-inner{float:left;width:50%;background:#29ae9f;height:50px;min-width:50px}
.pross-inner h4{color:#fff;float:none;font-family:ralewaysemibold;font-size:22px;margin-top:12px;text-align:center}
.survey-content{background-color:#f5f5f5;border-radius:5px;float:left;padding:15px 20px;width:100%;margin-top:45px;text-align:left;border:1px solid #eee;position:relative}
.survey-content h4{font-size:26px;color:#000;font-family:ralewaysemibold;text-align:left}
.survey-content h4 span{color:red}
.survey-content ul li{display:inline-block;float:none;vertical-align:middle;width:65px;margin:10px 0}
.errorFb{color:red;float:left}
.myeditabletxt.errorfb{border:1px solid red}
span.fberror{color:red;text-align:left;width:100%;float:left}
.survey-content ul li span{display:block}
.survey-btn{float:left;margin-top:0px;width:100%}
.survey-outer h5{font-size:16px;margin-bottom:15px}
.survey-btn a{color:#fff;background:#29ae9f;border-radius:5px;text-transform:uppercase;font-size:15px;text-decoration:none;display:inline-block;padding:12px 22px}
.pross-main{text-align:center;float:left;width:100%}
.step-user{float:left;width:100%}
.step-user h4{color:#444;float:left;font-size:25px;margin-bottom:6px;margin-top:0}
.form-top-outer{float:left;width:100%}
.form-top-outer .user-step{display:inline-block;padding:10px 15px;vertical-align:middle;width:49%;text-align:left}
.form-top-outer label{float:none;width:auto;text-align:left;display:inline-block;vertical-align:middle;margin:0 0 3px 0;font-size:15px;font-weight:600}
.form-top-outer input[type=text],.form-top-outer select{float:left;width:100%;background:#fff;border-radius:5px;padding-left:12px;box-sizing:border-box;border:1px solid #bbb;box-shadow:none;margin-bottom:5px;height:48px}
.form-top-outer input:focus{border:1px solid #eee!important;box-shadow:none!important}
.form-top-outer input[type=checkbox]{display:inline-block;vertical-align:middle;float:none;margin:0;cursor:pointer}
.form-top-outer .question-label{text-align:left;color:#000;font-family:ralewaysemibold}
.pull-rigth{float:right}
.form-top-outer h6{text-align:left}
.form-top-outer ul{float:left;margin-top:10px;text-align:left;width:100%}
.form-top-outer ul li{float:none;display:inline-block;vertical-align:top;margin:10px 0;width:50%;padding-right:30px;text-align:left}
.form-top-outer ul li span{display:inline-block;text-align:left;vertical-align:middle;width:100%}
.form-top-outer ul li span input{margin-right:5px!important}
.pull-left{float:left}
.no-margin-top{margin-top:0!important}
.steps-singlequestion-wrapper{background:#fff;float:left;width:100%;margin-bottom:20px;border-radius:5px;padding:15px 20px}
.steps-singlequestion-wrapper h6{float:left;width:100%;font-size:22px}
.user-wrapper-field input[type=text]{display:inline-block;vertical-align:middle;width:100%;float:none}
.question-label{float:left;width:100%}
.wrapper-radio label{float:none;display:inline-block;vertical-align:middle}
.wrapper-radio input{float:none;display:inline-block;vertical-align:middle;top:2px;margin-left:4px!important}
.user-wrapper-field.wrapper-checkbox{display:inline-block;vertical-align:middle;margin-right:30px;margin-top:15px;margin-bottom:15px}
.user-wrapper-field.wrapper-checkbox input{margin-left:2px;top:1px}
.user-wrapper-field.wrapper-radio{display:inline-block;margin-right:25px;vertical-align:top}
.user-wrapper-field.wrapper-radio input{top:0}
.user-wrapper-field.wrapper-radio label::after{display:none}
.user-wrapper-field.wrapper-radio label::before{display:none}
.user-wrapper-field.wrapper-radio label{padding:0!important;margin-right:0;margin-left:7px}
.user-wrapper-field.wrapper-checkbox label::before{display:none}
.user-wrapper-field.wrapper-checkbox label::after{display:none}
.user-wrapper-field.wrapper-checkbox label{padding:0!important;margin-right:0;margin-left:7px}
.steps-quesion-wrapper .form-top-outer ul li.text-radio span{width:auto}
.steps-quesion-wrapper .form-top-outer ul li.text-checkbox span{width:auto}
.steps-singlequestion-wrapper h6{font-weight:600}
.full-width{width:100%!important}
.margin-left-7{margin-left:7px}
.popupwrapperstepsform{background:#fff;display:inline-block;margin:auto;padding:10px 25px;box-shadow:0 0 5px rgba(0,0,0,.22);margin-top:13%;border-left:4px solid #29ae9f;border-radius:3px}
.success-popup-quiz{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8)}
.success-popup-quiz-inner{vertical-align:middle;text-align:center;height:100%;width:100%}
.hiddenimp{display:none!important}
.pross-outer {margin-top: 15px;}
.form-top-outer ul li textarea {width: 100%;border-radius: 4px;border:1px solid #bbb; min-height: 55px;padding: 8px;}

.steps-singlequestion-wrapper .text-checkbox span.form-option,.steps-singlequestion-wrapper .text-radio span.form-option {width: 90%; max-width: 900px;}
.steps-singlequestion-wrapper .text-checkbox span.form-option-inputctrl,.steps-singlequestion-wrapper .text-radio span.form-option-inputctrl  {width: 25px;float: left;}
.steps-singlequestion-wrapper .text-checkbox,.steps-singlequestion-wrapper .text-radio {margin-bottom: 10px;}
@media screen and (max-width:1200px){
	#wrapper {width: 95%;}
}
@media screen and (max-width:768px){
    .form-top-outer ul li {width: 100%;padding-right: 0;}
.add_new_row_rapify { padding: 0px!important;}
.steps-singlequestion-wrapper { padding: 10px;}
.survey-content {padding: 5px;}
.steps-singlequestion-wrapper {margin-bottom: 10px;}
.steps-singlequestion-wrapper h6 {font-size: 18px;}
}