.survey-wrapper {margin:20px -30px; padding: 40px 20px; background:#F9F6F1;width: calc(100% + 60px);margin:20px 0; width:100%;}
  .survey {max-width:700px;width:100%;margin:20px auto; font-size: 12px;}
  .survey_title {font:27px 'circe-bold',sans-serif;color:#000000;margin-bottom:30px;font-size:2.25em;}
  .survey_desc        {font:20px 'circe-regular',sans-serif;color:#2f2f2f;margin-bottom:50px;font-size:1.6666em;}
  .survey_desc_prelim {font:20px 'circe-regular',sans-serif;color:#2f2f2f;margin-bottom:50px;font-size:1.6666em;display:none;}
  .survey_question {max-width:700px;width:100%;margin:20px auto 150px; text-align:center;}
  .survey_question.hidden {display:none;}
  .survey_question_number {font:1.75em 'circe-extra-bold',sans-serif;color:#B18C65;border-bottom:3px solid #B18C65;padding:7px;display:inline-block; width:auto;margin-bottom:30px;}
  .survey_question_title {font:2.25em 'circe-bold',sans-serif;color:#000000;margin-bottom:30px;text-align:left;width:100%;}
  .survey_question_desc {display:none;font:20px 'circe-regular',sans-serif;color:#2f2f2f;margin-bottom:50px;}
  .survey_question-option {font:19px 'circe-regular',sans-serif;color:#B18C65;position:relative;margin-bottom:25px;font-size:1.58em;}
  .survey_question-option .checkbox {position: absolute;top: 0;left: 0;padding-top: 8px;cursor:pointer;}
  .survey_question-option .checkbox label {color:#aba399;vertical-align:top;}
  .survey_question-option .checkbox label::after {background:#aba399;}
  .survey_question-option_text_wrapper {margin-left:60px;margin-right:0px;background:#F3ECE4;border:1px solid #F3ECE4;text-align:left;position:relative;_min-height:50px;width:calc(100% - 70px);transition:0.1s all;}
  .survey_question-option_text {padding:9px 40px 9px 25px;position:absolute;top:0;left:0;}
  .survey_question-option_text_positioner {padding:9px 40px 9px 25px;_position:absolute;top:0;left:0;}
  .survey_question-option_text label {cursor:pointer;}
  .survey_question-option_result-count {display:none;font-size:0.895em;color:#ffffff;position: absolute;right: 0;width:50px;top:13px;z-index:1;}
  .survey_question-option_result-bar-wrapper {display:none;width:100%;height: 100%;position: absolute;top: 0;left: 0;}
  .survey_question-option_result-bar {height: 100%;background: #b18c65;}
  .survey_question-option_result-percentage {display:none; position: absolute;top: 9px;left: 0;font:1.1em 'circe-extra-bold',sans-serif;}
  .survey_footer {margin:55px auto 20px; width:100%;display:none;}
  .survey .survey_show_result {font: 1.66em 'circe-bold', sans-serif; color:#ffffff;cursor:pointer;background:#FF5834;padding:12px 15px;border-radius:25px; width:100%; max-width:310px;text-align:center;margin:20px auto;}
  .survey .survey_show_result_hint {font: 1.1em 'circe-regular', sans-serif; letter-spacing: 0.25px;color:#b5b5b5;text-align:center;margin:20px auto;}

  .survey_question.no_answer .survey_question-option:hover {cursor:pointer;}
  .survey_question.no_answer .survey_question-option:hover .survey_question-option_text_wrapper {border-color:#FB573C;color:#FB573C;font-family:'circe-bold';font-weight:bold; transition:0.1s all;}
  .survey_question-option.selected .survey_question-option_text {color:#FB573C;}


  .survey_question-option.selected {font-family:'circe-bold';}
  .survey_question-option.selected .survey_question-option_result-bar-wrapper {}
  .survey_question-option.selected .survey_question-option_result-bar {}

  .survey.voted .survey_do_vote {display:none;}
  .survey_question.result .survey_question-option.selected .survey_question-option_text {}
  .survey_question.result .survey_question-option.selected .survey_question-option_result-percentage {color:#fd593d;}
  .survey_question.result .survey_question-option.selected .survey_question-option_result-bar-wrapper {background:#fb573c80;}
  .survey_question.result .survey_question-option.selected .survey_question-option_result-bar {background:#fd593d;}
  .survey_question.result .survey_question-option.selected .survey_question-option_result-count {}
  .survey_question.result .survey_question-option {margin-bottom:35px;}
  .survey_question.result .survey_question-option .checkbox {display:none;}
  .survey_question.result .survey_question-option .survey_question-option_radio {display:none;}
  .survey_question.result .survey_question-option_text_wrapper {margin-left:70px;cursor:default;background:#b18c6580;}
  .survey_question.result .survey_question-option_text {color:#ffffff;}
  .survey_question.result .survey_question-option_text label {cursor:default;}
  .survey_question.result .survey_question-option_result-count {display:block;}
  .survey_question.result .survey_question-option_result-bar-wrapper {display:block;}
  .survey_question.result .survey_question-option_result-percentage {display:block;}
  .survey.result .survey_show_result {display:none;}
  .survey.result .survey_do_vote {display:inline-block;}
  .survey.result .survey_desc {display:none;}
  .survey.result .survey_desc_prelim  {display:block;}
  .survey.voting .survey-option_result-bar {transition: 3s width; width: 0 !important;}
  .survey.result .survey-option_result-bar {transition: 3s width;}
  .survey.result.voted .survey_do_vote {display:none;}
  .survey.result.voted .survey_undo_vote {display:inline-block;}

  .survey_question-option_radio {float:left;padding-top:12px;}
  .radio {height:20px;width:20px;border-radius:50%;border:solid 2px #aba399;vertical-align:middle;display: inline-block;cursor:pointer;margin-top: -4px;position:relative;transition:0.1s all;}
  .radio input {display:none;}
  .radio:after {content:" ";height: 10px;width: 10px;left: 3px;top: 3px;background: #aba399;border-radius: 50%;position:absolute;opacity:0;transition:0.1s all;}
  .survey_question-option.selected .radio,
  .survey_question.no_answer .survey_question-option:hover .radio {border-color: #FB573C;transition:0.1s all;}
  .survey_question-option.selected .radio:after,
  .survey_question.no_answer .survey_question-option:hover .radio:after {opacity:1;background: #FB573C;transition:0.1s all;}

  /* Checkbox styling. Based on
  https://medium.com/claritydesignsystem/pure-css-accessible-checkboxes-and-radios-buttons-54063e759bb3 */
  .checkbox input[type="radio"] {opacity: 0;left: -9999px;position:absolute;cursor:pointer;}
  /*Hide the checkmark by default*/
  .checkbox input[type="radio"] + label::after {content: none;}
  /*Unhide on the checked state*/
  .checkbox input[type="radio"]:checked + label::after {content: "";}
  /*Adding focus styles on the outer-box of the fake checkbox*/
  @media (max-width:1140px) {
    ._survey-wrapper {width: calc(100% + 34px);margin:20px -17px;}
  }
  @media (max-width:799px) {
    ._survey-wrapper {width:100%;margin:20px 0;}
    .survey {font-size:80%;}
    .survey.result .survey-option_text_wrapper {margin-left:60px;}
  }
  @media (max-width:480px) {
    .survey {font-size:70%;}
    .survey_question {margin-bottom:100px;}
    .survey        .survey-option_text_wrapper {margin-left:55px;}
    .survey.result .survey-option_text_wrapper {margin-left:55px;}
    .survey_question        .survey_question-option_text_wrapper {margin-left:55px;width:calc(100% - 55px);}
    .survey_question.result .survey_question-option_text_wrapper {margin-left:55px;width:calc(100% - 55px);}
  }
  @media (max-width:400px) {
    .survey {font-size:60%;}
    .survey        .survey-option_text_wrapper {margin-left:45px;}
    .survey.result .survey-option_text_wrapper {margin-left:45px;}
    .survey_question        .survey_question-option_text_wrapper {margin-left:45px;width:calc(100% - 45px);}
    .survey_question.result .survey_question-option_text_wrapper {margin-left:45px;width:calc(100% - 45px);}
  }

/* Checkbox styling. Based on
https://medium.com/claritydesignsystem/pure-css-accessible-checkboxes-and-radios-buttons-54063e759bb3 */
.survey_question-option_checkbox input[type="checkbox"] {opacity: 0;left: -9999px;position:absolute;}
.survey_question-option_checkbox label {position: relative;display: inline-block;padding-left: 22px;}
.survey_question-option_checkbox label::before,
.survey_question-option_checkbox label::after {position: absolute;content: "";display: inline-block;}
/*Outer box of the fake checkbox*/
.survey_question-option_checkbox label::before{height: 20px;width: 20px;border: 2px solid;left: 0px;top: 3px;border-radius:50%;}
/*Checkmark of the fake checkbox*/
.survey_question-option_checkbox label::after {height: 8px;width: 8px;left: 6px;top: 9px;background: black;border-radius: 50%;}
/*Hide the checkmark by default*/
.survey_question-option_checkbox input[type="checkbox"] + label::after {content: none;}
/*Unhide on the checked state*/
.survey_question-option_checkbox input[type="checkbox"]:checked + label::after {content: "";}
.survey_question-option_checkbox label { font:16px 'circe-bold',sans-serif;padding-left:34px;letter-spacing:0.25px;padding-top: 2px;}
.checkbox {margin-bottom:20px;}