.natural-form-container {
  position: relative;
  padding: 20px 0; }
  .natural-form-container .natural-form-label {
    color: #393939;
    margin: 0; }
    .natural-form-container .natural-form-label input[type='radio'] {
      visibility: hidden;
      width: 0;
      margin: 0; }
  .natural-form-container .form-popup {
    min-width: 100px;
    border-bottom: 1px solid #393939;
    display: inline-block;
    color: #0093B5;
    transition: background 0.5s ease;
    background: #e9ebeb; }
    .natural-form-container .form-popup.visible {
      background: #e9ebeb; }
    .natural-form-container .form-popup.filled {
      background: none; }
  .natural-form-container .form-input {
    border: none;
    border-bottom: 1px solid #393939;
    background: transparent;
    min-width: 100px;
    text-align: center;
    color: #0093B5; }
    .natural-form-container .form-input:focus {
      outline: none; }
  .natural-form-container .list .ui.header {
    font-weight: 300; }
  .natural-form-container .list .item:hover .natural-form-label {
    color: #0093B5; }
  .natural-form-container .list .item.selected {
    color: #0093B5; }
  .natural-form-container .list > .has-border {
    border-top: 0 !important; }
  .natural-form-container .list > .has-border ~ .has-border {
    border-top: 1px solid #ccc !important; }
  @media (max-width: 780px) {
    .natural-form-container .list {
      max-width: 250px; } }
  .natural-form-container .ui.popup:before {
    background: #f6f6f6 !important; }
  .natural-form-container .natural-form-step-two {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.5s ease; }
    .natural-form-container .natural-form-step-two.open {
      max-height: 500px;
      /* approximate max height */
      opacity: 1; }
  .natural-form-container .button {
    margin: 0;
    transition: all 0.5s ease; }
    .natural-form-container .button.disabled {
      background-color: #ccc !important;
      color: #fff !important;
      opacity: 0.5 !important;
      cursor: not-allowed; }
  .natural-form-container .error-box p {
    font-size: 14px; }
  .natural-form-container .error-box h4 {
    margin-top: 0; }
  .natural-form-container .error {
    color: #d95c5c;
    font-size: 12px; }
  .natural-form-container .form-boundry {
    display: inline-block; }
  .natural-form-container .signup-form-error {
    color: #d95c5c !important;
    position: absolute;
    font-size: 10px;
    line-height: 20px;
    text-align: center;
    padding-left: 10px; }
  .natural-form-container div.help {
    float: none;
    position: absolute;
    top: -10px;
    right: 0px;
    display: inline-block;
    text-align: left;
    margin-left: 10px;
    vertical-align: middle; }
    .natural-form-container div.help h3 {
      margin: 0;
      line-height: 22px; }
    .natural-form-container div.help h4 {
      margin: 0 0 5px 0; }
    .natural-form-container div.help p {
      font-size: 14px;
      font-weight: 300; }

.get-started-btn {
  font-size: 1.125em !important; }

.answer-option-helper {
  position: relative; }
  .answer-option-helper .answer-options {
    display: inline-block;
    width: 100%;
    height: 80px; }
    .answer-option-helper .answer-options .answer-options-left {
      float: left;
      width: 50%; }
    .answer-option-helper .answer-options .answer-options-right {
      float: right;
      width: 50%;
      text-align: right; }

.form-options-container {
  position: relative;
  text-align: center; }
  .form-options-container label {
    color: #393939;
    font-size: 12px;
    font-weight: bold; }

.slider-container .slider-label-high,
.slider-container .slider-label-low {
  display: inline-block;
  text-align: center;
  font-size: 14px; }
.slider-container .slider-label-high {
  margin-bottom: 15px; }
.slider-container .slider {
  height: 300px;
  margin-left: 30px; }
.slider-container .ui-slider-vertical.ui-slider-pips .ui-slider-pip {
  font-size: 12px;
  width: auto; }
.slider-container .ui-state-default,
.slider-container .ui-widget-content .ui-state-default,
.slider-container .ui-widget-header .ui-state-default,
.slider-container .ui-button,
.slider-container .ui-state-focus,
.slider-container html .ui-button.ui-state-disabled:hover,
.slider-container html .ui-button.ui-state-disabled:active {
  color: #f3752a !important;
  background: #f3752a !important;
  border: none;
  outline: none; }
.slider-container .ui-slider-vertical.ui-slider-pips .ui-slider-line {
  width: 10px;
  transition: all .4s ease;
  height: 2px; }
.slider-container .ui-slider-pips [class*=ui-slider-pip-selected] .ui-slider-line {
  background-color: #f3752a; }

.label-button {
  display: block;
  border-radius: 4px;
  background-color: #189cbb;
  text-align: center;
  color: #fff;
  transition: all 0.5s ease;
  cursor: pointer; }
  .label-button label {
    display: block;
    cursor: pointer;
    font-size: 18px;
    padding: 15px 10px;
    color: #fff; }
  .label-button input {
    visibility: hidden;
    margin-left: -15px; }
  .label-button:hover {
    background-color: #00aacf; }
  .label-button.selected {
    background-color: #f3752a;
    -webkit-box-shadow: inset 0px 0px 14px 0px #c0500c;
    -moz-box-shadow: inset 0px 0px 14px 0px #c0500c;
    box-shadow: inset 0px 0px 14px 0px #c0500c; }

.slider-knob {
  background-color: #f3752a; }

.radios-to-slider {
  background-color: #cccccc; }
  .radios-to-slider .error {
    position: absolute;
    top: -25px; }

.radios-to-slider .slider-bar {
  background-color: #0095b5 !important; }

.radios-to-slider .slider-level.slider-lower-level {
  background-color: #00aacf;
  opacity: 1; }

.radios-to-slider .slider-level {
  background-color: #efefef; }

.risk-options-container {
  display: none; }

.ui.grid > .column.risk-column .risk-legend {
  margin: 20px auto 0 auto !important; }
  .ui.grid > .column.risk-column .risk-legend td {
    font-size: 14px; }
.ui.grid > .column.risk-column .good-td.active {
  background: #d6e5c2 !important; }
.ui.grid > .column.risk-column .good-key {
  height: 11px;
  border-bottom: 3px solid #78ab36;
  width: 12px;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px; }
.ui.grid > .column.risk-column .bad-td.active {
  background: #e2d4f0 !important; }
.ui.grid > .column.risk-column .bad-key {
  height: 11px;
  border-bottom: 3px solid #a97ed3;
  width: 12px;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px; }
.ui.grid > .column.risk-column .average-td.active {
  background: #fbe5be !important; }
.ui.grid > .column.risk-column .average-key {
  height: 11px;
  border-bottom: 3px dashed #f3752a;
  width: 12px;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px; }
@media (max-width: 780px) {
  .ui.grid > .column.risk-column {
    display: block;
    width: 100% !important; }
    .ui.grid > .column.risk-column .risk-legend {
      width: 100%; } }

i.icon.arrow-indicator {
  font-size: 40px !important;
  color: #f3752a;
  position: absolute;
  left: 90px;
  top: 50%;
  margin-top: -21px; }

@media (min-width: 780px) {
  .lb {
    display: block; } }
@media (max-width: 780px) {
  .natural-form-container .item .natural-form-label {
    font-size: 14px; }

  .ui.grid > .column.risk-options-column {
    width: 25% !important; }

  .ui.grid > .column.return-chart-column {
    width: 75% !important; } }
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }
@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }
.shake-me {
  -webkit-animation-name: shake;
  animation-name: shake;
  -webkit-animation-delay: 1s;
  /* Safari 4.0 - 8.0 */
  animation-delay: 1s; }

.blink-me {
  animation: blinker 2s linear infinite; }

@keyframes blinker {
  50% {
    opacity: 0.4; } }
@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

.spacer-xs {
  height: 15px;
  display: block; }

.spacer-sm {
  height: 25px;
  display: block; }

.spacer-md {
  display: block;
  height: 30px; }

/*# sourceMappingURL=questions.css.map */
