/*===========
stage nav - start
============*/

.nomSteps a .nomStepNumber {
    display: inline-block;
    width: 40px;
    text-align: center;
}

/*===========
stage nav - start
============*/


/*===========
Heard about - start
============*/

#howdidyouhearaboutus-stage-group input[type="radio"]::-ms-check {
    display:block;
}

#howdidyouhearaboutus-stage-group * {
    box-sizing: border-box;
}

#howdidyouhearaboutus-stage-group label[for=heard_about], #howdidyouhearaboutus-stage-group .form-item {
    width: 100%;
    display: -webkit-flex;
      display: flex;
      align-items: first baseline;
      -webkit-align-items: first baseline;
}

#howdidyouhearaboutus-stage-group .form-item {
    margin: 1.5rem 0;
}

#howdidyouhearaboutus-stage-group label {
    width: 100%;
    vertical-align: top;
}

#howdidyouhearaboutus-stage-group .radio-button-container {
    margin: 0;
      display: -webkit-flex;
      display: flex;
      align-items: first baseline;
      -webkit-align-items: first baseline;
    width: 100%;
}

#howdidyouhearaboutus-stage-group .radio-button, #howdidyouhearaboutus-stage-group .radio-label {
    float: none;
    vertical-align: unset;
      display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;

    width: 100%;
    margin: 0;
}

#howdidyouhearaboutus-stage-group .radio-button {
  width: auto;
    padding-right: 0.5rem;
}

#howdidyouhearaboutus-stage-group .radio-label {
    width: calc(100% - 50px);
}

#howdidyouhearaboutus-stage-group input[type=radio] {
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: initial;
    line-height: initial;
    width: 25px;
    height: 25px;
    top: 6px;
    position: relative;
}

#howdidyouhearaboutus-stage-group input[type='radio']:after {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 1.6rem;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #fff;
    content: '';
    display: inline-block;
    visibility: visible;
    box-shadow: 0 0 0 1px;
}

#howdidyouhearaboutus-stage-group input[type='radio']:checked:after {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 1.6rem;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #62810e;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 0.4rem solid #ffffff;
}

@media only screen and (max-width: 768px) {
    #howdidyouhearaboutus-stage-group .form-item {
        display: block;
    }
    #howdidyouhearaboutus-stage-group .radio-button-container {
        position: relative;
        display: block;
    }
    #howdidyouhearaboutus-stage-group .radio-button-container > div {
        float: left;
        display: inline-block;
    }
    #howdidyouhearaboutus-stage-group input[type=radio] {
        padding: 0px;
        border-radius: 50%;
    }
    #howdidyouhearaboutus-stage-group .radio-label > label {
        position: absolute;
        left: 40px;
        top: 5px;
        width: auto;
    }    
}

/*===========
Heard about - end
============*/