.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-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:10px;text-align:left;width:100%;}
  .survey_question_desc {display:none;font:20px 'circe-regular',sans-serif;color:#2f2f2f;margin-bottom:10px;margin-top: 20px;}
  .survey_question_hint {font: 1.1em 'circe-regular', sans-serif; letter-spacing: 0.25px;color:#b5b5b5;text-align:left;margin:0 auto 20px;}
  .survey_question_options {margin-top: 30px;}
  .survey_question-option {font:19px 'circe-regular',sans-serif;color:#B18C65;position:relative;margin-bottom:25px;font-size:1.58em;}
  .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% - 60px);transition:0.1s all;border-radius: 2px;}
  .survey_question-option_text {padding:12px 20px 11px 25px;position:absolute;top:0;left:0;}
  .survey_question-option_text_positioner {padding:12px 20px 11px 25px;_position:absolute;top:0;left:0;opacity: 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:60px;top:19px;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: 15px;left: 0;font:1.1em 'circe-bold',sans-serif;}
  .survery_question-next_wrapper {width:100%;}
  .survery_question-next_question {display:none;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_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;_font-family:'circe-bold';font-weight:bold;}
  .survey_question-option_text {cursor:default;}
  .survey_question.no_answer .survey_question-option_text {cursor:pointer;}

  .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 .survey_question-option_text {padding:16px 50px 16px 17px;}
  .survey_question.result .survey_question-option .survey_question-option_text_positioner {padding:16px 50px 16px 17px;}

  .survey_question.result .survey_question-option.selected .survey_question-option_text {}
  .survey_question.result .survey_question-option.selected .survey_question-option_text {text-indent: 29px;
    background:17px 19px/20px no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEHRSTlMAgH/v35AQz6+fQCBwv2Bva+osVQAAAOdJREFUeAGV1FFSxCAQRdHLNAECJL79r9ZySk3Ghkk837f6/TWvai/RJMslVKbSw3QS1zbOFjmj9MM0EHf+WDSxcJY2TeXEIeuNze9ere+60HlqURcs8WXViB9vuiH5g2MBiJoIQb8M6rSDU1kJ8+5cdopbOzoe+lHIbm3UKWJubdTJ0OHBd+k7Cfly1Anz5agzonzpO2WKfOk7Fbp86TsFqnzpO1UwVw66CATdsAJJNzSA5d5BSKYLsfHUdWH/7wOATW9kDilrakv3396LPWrAOk5b5SwJGKVRJxYSUzWUbJLF0isvPgFtBkauhDek5AAAAABJRU5ErkJggg==);
  }
  .survey_question.result .survey_question-option.selected .survey_question-option_text_positioner {text-indent: 29px;}

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

  .survey_question-option_checkbox {float:left;padding-top:17px;}
  .survey_question-option_checkbox .checkbox {height:20px;width:20px;border-radius:2px;border:solid 2px #B18C65;vertical-align:middle;display: inline-block;margin-top: -4px;position:relative;transition:0.1s all;}
  .survey_question-option_checkbox .checkbox input {display:none;}
  .survey_question-option.selected .checkbox {background: center center/14px 11px no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAWCAMAAADkSAzAAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAACnRSTlMA7zDfIH8Qz29gV3qUeQAAAExJREFUeNrFzjEaQEAMBWEbNsj9D0zhm8ZE63WTv8nSLGYnt41CxQo1q5EfFr/ZEb1Nwox8Wa4c5JftUTP0FEMLczVDxVAxVAzde9NdY+cEhGaf/vUAAAAASUVORK5CYII=);}
  .survey_question-option.selected .checkbox {border-color: #FB573C;background-color:#FB573C;transition:0.1s border-color;}
  .survey_question.no_answer .survey_question-option:hover .checkbox {cursor:pointer;border-color: #FB573C;transition:0.1s border-color;}


  @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);}
    .survey_question.result .survey_question-option.selected .survey_question-option_text {background-position: 17px 17px;}
  }
  @media (max-width:400px) {
    .survey {font-size:60%;}
    .survey        .survey-option_text_wrapper {margin-left:50px;}
    .survey.result .survey-option_text_wrapper {margin-left:50px;}
    .survey_question        .survey_question-option_text_wrapper {margin-left:50px;width:calc(100% - 50px);}
    .survey_question.result .survey_question-option_text_wrapper {margin-left:50px;width:calc(100% - 50px);}
    .survey_question.result .survey_question-option.selected .survey_question-option_text {background-size: 17px;}
  }
  @media (max-width:340px) {
    .survey {font-size:50%;}
    .survey-wrapper {padding:40px 15px;margin:15px 0;}
    .survey        .survey-option_text_wrapper {margin-left:40px;}
    .survey.result .survey-option_text_wrapper {margin-left:40px;}
    .survey_question        .survey_question-option_text_wrapper {margin-left:40px;width:calc(100% - 40px);}
    .survey_question.result .survey_question-option_text_wrapper {margin-left:40px;width:calc(100% - 40px);}
    .survey_question.result .survey_question-option .survey_question-option_text {padding:10px 40px 10px 17px;}
    .survey_question.result .survey_question-option .survey_question-option_text_positioner {padding:10px 40px 10px 17px;}
    .survey_question.result .survey_question-option.selected .survey_question-option_text {text-indent: 23px;background-size: 15px; background-position: 17px 10px;}
    .survey_question.result .survey_question-option.selected .survey_question-option_text_positioner {text-indent: 23px;}
    .survey_question.result .survey_question-option_result-count {top:13px;}
  }

/* 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;}