.question-step-2, .question-step-3, .question-step-4, .question-step-5, .question-step-6, .message-2, .message-3, .message-4, .message-5, .question-option-1, .question-option-2, .question-option-3, .question-option-4, #additional-1, #additional-3-1, #additional-3-2, #additional-3-3, #additional-3-4 {
  display: none;
}

.main_block {
  padding-top: 65px;
  padding-bottom: 85px;
  min-height: 80vh;
  cursor: default;
}

.main_block h1 {
  font-size: 24px;
  font-weight: 100;
}

.progress_bar {
  position: relative;
  z-index: -1;
  width: 100%;
  display: block;
  background-color: #fdf8dd;
  border-radius: 3px;
  margin-top: 17px;
  margin-bottom: 57px;
}

.progress_bar .progress {
  position: relative;
  z-index: 0;
  background-color: #fedd44;
  border-radius: 3px;
  padding: 0 11px;
  transition: .3s;
  line-height: 1.64164;
  cursor: default;
}

.progress_bar .progress::before {
  z-index: -1;
  content: '';
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-animation: animate-shine 2s ease-out infinite;
  -moz-animation: animate-shine 2s ease-out infinite;
}

@-webkit-keyframes animate-shine {
  0% {
    opacity: 0;
    width: 0;
  }
  50% {
    opacity: .45;
  }
  100% {
    opacity: 0;
    width: 95%;
  }
}

@-moz-keyframes animate-shine {
  0% {
    opacity: 0;
    width: 0;
  }
  50% {
    opacity: .45;
  }
  100% {
    opacity: 0;
    width: 95%;
  }
}

.question_block h2 {
  margin-top: 0 ;
  margin-bottom: 23px;
}

.question_block ul {
  display: table;
  margin: 23px 0 0;
  padding: 0;
  width: 100%;
  list-style:none;
  box-sizing: border-box;
}

.question_block ul::after {
  content: ' ';
  clear: both;
}

.question_block ul li {
  margin: 0;
  padding: 11px 23px;
  display: inline-block;
  float: left;
  width: 50%;
  box-sizing: border-box;
}

.question_block ul li.additional {
  width: 100%;
  margin-top: 21px;
  margin-bottom: 23px;
}

.question_block .answer {
  display: inline-block;
  width: 100%;
  padding: 0.62em 1.12em;
  cursor: pointer;
  background-color: #fff0ad;
  transition: .2s;
  border-radius: 3px;
  text-align: center;
  font-size: 18px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07), 0 3px 1px -2px rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07), 0 3px 1px -2px rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}

.question_block .answer:hover {
  background-color: #ffe77a;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.question_block .answer:focus, .question_block .answer:active, .question_block .answer.active {
  background-color: #fedd44;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.question_block label {
  width: 100%;
  font-size: 20px;
  font-weight: 300;
}

.question_block input {
  width: 100%;
  display: inline-block;
  font-size: 18px;
  padding: 0.62em 1.12em;
  transition: .2s;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07), 0 3px 1px -2px rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07), 0 3px 1px -2px rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  border: 1px #ccc solid;
  margin-bottom: 23px;
}

.question_block input:focus, .question_block input:active {
  outline: none;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.question_block .button_block::after {
  content: ' ';
  clear: both;
}

.question_block .button_block {
  display: table;
  width: 100%;
}

.question_block .button_block > div {
  width: 50%;
  float: left;
  margin-top: 41px;
  margin-bottom: 31px;
}

.question_block .button_block > div:last-child {
  text-align: right;
}

.question_block .button_block button {
  font-size: 18px;
  padding: 0.41em 1.37em;
  border: none;
  transition: .2s;
  border-radius: 100px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.question_block .button_block button:focus, .question_block .button_block button:active{
  outline: none;
}

.question_block .button_block #back_question {
  background-color: inherit;
}

.question_block .button_block #next_question, .question_block .button_block .submit-button {
  background-color: #ec0000;
  color: #fff;
}

.question_block .button_block #next_question:hover, .question_block .button_block .submit-button:hover {
  background-color: #d20000;
}

.question_block .button_block #next_question:focus, .question_block .button_block #next_question:active, .question_block .button_block .submit-button:focus, .question_block .button_block .submit-button:active {
  background-color: #b40000;
}

.question_block .button_block #next_question.no_activ {
  opacity: 0.4;
  cursor: not-allowed;
}

.feedback .col-md-4, .feedback .col-md-8 {
  padding: 0;
}

.feedback img {
  max-width: 74px;
  border-radius: 50%;
}

.feedback h4 {
  margin-top: 0;
  margin-bottom: 3px;
}

.feedback small {
  color: #5e5e5e;
}

.feedback > .row {
  padding-bottom: 11px;
  margin-left: 23px;
}

.feedback .message {
  padding-top: 17px;
  margin-left: 23px;
  padding-left: 5px;
}

@media screen and (max-width: 767px) {
  .main_block {
    padding-top: 10px;
    padding-bottom: 40px;
  }
  .question_block ul li {
    width: 100%;
  }
  .question_block .button_block > div {
    width: 100%;
  }
  .question_block .button_block > div:first-child {
    display: none;
  }
  .question_block .button_block > div:last-child {
    text-align: center;
  }
}