/* Enter type your CSS */

.ls-icons-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    padding: 30px;
    font-size: 40px;
}

.ls-icons-list li {
    margin: 25px 50px;
}















#appForm {

    position: relative;

    width: 100%;

    height: auto

}



#appForm .card {

    max-width: 600px;

    margin: 0 auto;

    border: none!important;

    box-shadow: rgba(0,0,0,.16) 0 6px 12px 0,rgba(202,202,202,.26) 0 0 6px 0,rgba(202,202,202,.16) 0 -1px 4px 0

}



#appForm .card:not(.is--active) {

    opacity: 0;

    visibility: hidden;

    transform: translateX(100%);

    position: absolute;

    z-index: -1

}



#appForm .card.is--active {

    transition: 0.25s ease-in-out all;

    opacity: 1;

    visibility: visible;

    transform: translateX(0);

    z-index: 1

}



#appForm .card .card-title {

    font-size: 1.5em;

    text-align: center;

	color: #002a44;

    margin: 15px auto;

    max-width: 80%;

    text-align: center

}



#appForm .card .card-text {

    text-align: center

}



#appForm .card .card-footer {

    background: none

}



#appForm .term-txt {

    font-size: .75em;

    text-align: justify

}



#appForm .btn-option {

    width: 100%;

    text-align: left;

    height: 70px;

    position: relative;

    padding-left: 0!important;

    padding-right: 0!important

}



#appForm .btn-option input[type=radio] {

    position: absolute;

    left: 0;

    opacity: 0

}



#appForm .btn-option input[type=radio]:checked+span {

    color: #fff;

    background: #000000

}



#appForm .btn-option input[type=radio]:checked+span:after {

    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUM5N0Y0M0JFRDY2MTFFQUE0MzhDQkI1NzVGQTI0OTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUM5N0Y0M0NFRDY2MTFFQUE0MzhDQkI1NzVGQTI0OTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1Qzk3RjQzOUVENjYxMUVBQTQzOENCQjU3NUZBMjQ5NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Qzk3RjQzQUVENjYxMUVBQTQzOENCQjU3NUZBMjQ5NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjJlQ7EAAAFySURBVHjaYvz//z8DAaALxCFAbAvEGkAsDBV/C8Q3gPgwEK8B4st4TQFZhAPbAvGh/8QDkFo7XOZhE+QA4hlA/O8/6eAfVC8HIYsEgPjYf8oByAxBXBZxAvGJ/9QDILO4sFk0/T/1wUx0i2zJjBNi4swW2aJDVDB0PRCnAPF9LKkRbJEeFSyZB8TMUEenYZHXYwJmpSAGysB8IE4F4r9AzAzEvljUBINcsI9KPgHRy3Co2w9S8AyLxHcgXoVDDpclK/CofQZS9BOLRAnUAAkgvkjAEhaoo/CBn7gsmoBWWhzCYQkrEK8mIoh/4go6UPqvRis1NqJZwgbEa4iMy2eEEsMkIGZCCiJkS9aRkGj2g5L3ITxJNxeIlwIxGxD/gSZhEHsVEAeSkAUOEZthdwIxL7T430RGNtCDxcFhIhS/BuLnZFhyCLmss6dXoUqramLWgFZ8ICxExapcaFA0TpCxHTWbW4xkNCBFoOJvSGlAAgQYAAlqbSHS1OkbAAAAAElFTkSuQmCC) no-repeat center center

}



@media (max-width: 576px) {

    #appForm .btn-option span.small-text {

        font-size:0.9em!important

    }

}



@media (max-width: 576px) {

    #appForm .btn-option span.smaller-text {

        font-size:0.9em!important;

        padding-right: 15px!important

    }

}



#appForm .btn-option span .btn-option-text {

    display: block;

    height: 30px;

    margin-top: -8px

}



#appForm .btn-option span .btn-option-subtext {

    display: block;

    height: 20px;

    font-size: .65em;

    margin-top: -10px;

    color: #999

}



#appForm .btn-option input[type=radio]+span {

    float: left;

    width: 100%;

    height: 100%;

    border-radius: 10px;

    line-height: 55px;

    cursor: pointer;

    font-size: 1.2em;

    color: #000;

    padding: 0 50px 0 70px;

    background: #fff;

    position: relative;

    transition: all ease 0.2s;

    text-align: left;

    box-shadow: 0 0 9px 1px rgba(0,0,0,.1);

    -webkit-box-shadow: 0 0 9px 1px rgba(0,0,0,.1)

}



@media (max-width: 576px) {

    #appForm .btn-option input[type=radio]+span.btn-option-text {

        font-weight:bold!important

    }

}



#appForm .btn-option input[type=radio]+span:hover {

    color: #fff;

    background: #000000

}



#appForm .btn-option input[type=radio]+span:hover:after {

    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUM5N0Y0M0JFRDY2MTFFQUE0MzhDQkI1NzVGQTI0OTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUM5N0Y0M0NFRDY2MTFFQUE0MzhDQkI1NzVGQTI0OTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1Qzk3RjQzOUVENjYxMUVBQTQzOENCQjU3NUZBMjQ5NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Qzk3RjQzQUVENjYxMUVBQTQzOENCQjU3NUZBMjQ5NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjJlQ7EAAAFySURBVHjaYvz//z8DAaALxCFAbAvEGkAsDBV/C8Q3gPgwEK8B4st4TQFZhAPbAvGh/8QDkFo7XOZhE+QA4hlA/O8/6eAfVC8HIYsEgPjYf8oByAxBXBZxAvGJ/9QDILO4sFk0/T/1wUx0i2zJjBNi4swW2aJDVDB0PRCnAPF9LKkRbJEeFSyZB8TMUEenYZHXYwJmpSAGysB8IE4F4r9AzAzEvljUBINcsI9KPgHRy3Co2w9S8AyLxHcgXoVDDpclK/CofQZS9BOLRAnUAAkgvkjAEhaoo/CBn7gsmoBWWhzCYQkrEK8mIoh/4go6UPqvRis1NqJZwgbEa4iMy2eEEsMkIGZCCiJkS9aRkGj2g5L3ITxJNxeIlwIxGxD/gSZhEHsVEAeSkAUOEZthdwIxL7T430RGNtCDxcFhIhS/BuLnZFhyCLmss6dXoUqramLWgFZ8ICxExapcaFA0TpCxHTWbW4xkNCBFoOJvSGlAAgQYAAlqbSHS1OkbAAAAAElFTkSuQmCC) no-repeat center center

}



#appForm .btn-option input[type=radio]+span:after {

    position: absolute;

    left: 20px;

    top: 50%;

    margin-top: -13px;

    width: 26px;

    height: 26px;

    content: "";

    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEJBMTU5NTJFRDY2MTFFQTlCMUE5QjdCNjMxMTlBMTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEJBMTU5NTNFRDY2MTFFQTlCMUE5QjdCNjMxMTlBMTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0QkExNTk1MEVENjYxMUVBOUIxQTlCN0I2MzExOUExNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0QkExNTk1MUVENjYxMUVBOUIxQTlCN0I2MzExOUExNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrXhD54AAAJDSURBVHjatFY9j1JBFL1vCEQgAcIK/ABCsMDdhMZYuCa2Wqm/wXpj65baqq3Gn6BWG1uzi4mxgMRdCgmBHqIYSBD59pyX+8xzDSwfsyc5mSGPuefdeXfOHWc+n8syVCqV6xgegrfAa+COPvoBfgNL4NtisXi2LI6zSAgCDPxMBVYBBQ8heLKSEASuYHgJPuLzQCAgyWRSYrGYhMNhCQaDMpvNZDwey3A4lF6vJ51OR6bTKZcz2GvwAIK/FwpBJIHhA3jTGCOZTMYl58tA4Var5ZJz4DN4F2I//xOCSBjDR/BGKBSSbDbrZrAOBoOBNBoNGY1G/PkFvAOxX/zhf9XnFOHW5PP5tUUIruFaxmAs8MU/GemHP8YWOblcTqLRqGyDfr8v9Xqd28jtuo2sSl5GrC4nnU5vLUIwRiqVchPR2OKUy+VdjF9ZXYVCQTjaAKuwWq161bjHjO5zlkgkrIkQ3rFQPKDQPmfxeFxsg2dPsW/UViQSiVgX8lVu3njepSVpFb6YO8Z/ui8TRl1YJpOJ9eD0Q8/pjVq9ax+24YtZo5Br691u17oQnV1xQqH3npAeLmsHlu1D8c7Ah04x+cRvRJu3BcbSFy9Rw6u6QzatdrvtGuK2YAzG0kb45G+bgOIxhlcs8Waz6a+WjSqNMfS4vKFzn+9Hj9ms+MdarbZRFXIN1+qLsvEdLGrldMEjr5WzbbCVX2S2/Bb8JtwuXyu/h2w6W11OvC1iBhtdTs4J0tWfXtp1a4UL5FV99H2dC+QfAQYAE1ArV6IrasEAAAAASUVORK5CYII=) no-repeat center center

}



#appForm input.error,#appForm select.error {

    border: 1px solid red

}



#appForm label.error {

    color: red;

    font-size: .85em

}



#appForm .btn-navigate,#appForm .btn-complete {

    width: 100%;

    background: #000000;

    color: #fff;

    font-weight: 700;

    padding: 1em 1em;

    font-size: 1.25em

}



#appForm .btn-back {

    width: max-content;

    display: block;

    cursor: pointer;

    margin: 15px auto 0;

    text-align: center;

    color: #000;

    font-weight: 700

}



#appForm .form-slider {

    float: left;

    width: 100%;

    height: 132px;

    border: 1px solid #d8e3f2;

    border-radius: 10px;

    padding: 15px 15px

}



#appForm .form-slider .irs-single {

    display: none!important

}



#appForm .form-slider .irs--round .irs-bar {

    background-color: #13af76!important

}



#appForm .form-slider .irs--round .irs-handle {

    background-color: #108d5f!important;

    border-color: #108d5f!important

}



#appForm .form-slider .form-value {

    font-size: 1.5em;

    font-weight: 700

}



#appForm .form-slider .form-value.two-value {

    display: flex;

    flex-flow: row;

    justify-content: center

}



#appForm .form-slider .form-value.two-value div {

    border: 1px solid rgba(0,0,0,.125);

    padding: 1px 10px

}



#appForm .form-slider .form-value.two-value div:first-child {

    border-radius: 5px 0 0 5px

}



#appForm .form-slider .form-value.two-value div:last-child {

    border-left: none;

    border-radius: 0 5px 5px 0;

    font-weight: 400!important

}



#appForm .icon-picker {

    display: flex;

    flex-flow: row;

    flex-wrap: wrap;

    justify-content: space-around;

    width: 100%

}



@media (min-width: 768px) {

    #appForm .icon-picker.v2 .btn-icon {

        width:23%!important

    }

}



#appForm .icon-picker .btn-icon {

    text-align: center;

    display: inline-block;

    vertical-align: middle;

    width: 45%;

    height: 124px;

    position: relative;

    margin-bottom: 15px

}



#appForm .icon-picker .btn-icon input[type=radio] {

    position: absolute;

    left: 0;

    opacity: 0

}



#appForm .icon-picker .btn-icon input[type=radio]:checked+span {

    color: #fff;

    background: #000000

}



#appForm .icon-picker .btn-icon input[type=radio]:checked+span svg {

    fill: #fff;

    color: #fff

}



#appForm .icon-picker .btn-icon input[type=radio]+span {

    float: left;

    width: 100%;

    height: 100%;

    border-radius: 5px;

    border: 2px solid #002a44;

    cursor: pointer;

    font-size: 1em;

    line-height: 30px;

    color: #000;

    font-weight: 600;

    padding: 25px 0;

    position: relative

}



#appForm .icon-picker .btn-icon input[type=radio]+span:hover {

    color: #fff;

    background: #002a44;

    text-shadow: 1px 1px 0 rgba(0,0,0,.2)

}



#appForm .icon-picker .btn-icon input[type=radio]+span:hover svg {

    fill: #fff;

    color: #fff

}



#appForm .icon-picker .btn-icon span img,#appForm .icon-picker .btn-icon span svg {

    fill: #000000;

    display: block;

    margin: 0 auto 5px;

    width: 50px;

    height: 50px

}



#appForm.v1 .btn-credit span {

    text-shadow: 1px 1px 3px #000

}



#appForm.v1 .btn-credit span.btn-option-text {

    color: white!important

}



#appForm.v1 .btn-credit span.btn-option-subtext {

    color: white!important

}



#appForm.v1 .btn-credit.credit-1 input[type=radio]+span {

    background: #008255

}



#appForm.v1 .btn-credit.credit-2 input[type=radio]+span {

    background: #40AD87

}



#appForm.v1 .btn-credit.credit-3 input[type=radio]+span {

    background: #F8BB32

}



#appForm.v1 .btn-credit.credit-4 input[type=radio]+span {

    background: #FF5C5C

}



#appForm.v3 .card {

    background-color: #fff;

    border: 1px solid #61a5ff!important

}



#appForm.v3 .card.card-options .btn-icon {

    background: #fff

}



#appForm.v3 .card.card-options .btn-option span {

    border-radius: 4px

}



#appForm.v3 .form-slider .form-value {

    font-size: 2em;

    font-weight: 500

}



#appForm.v3 .form-slider .irs .irs-line {

    height: 10px;

    background-color: #fff;

    border: 1px solid #61a5ff

}



#appForm.v3 .form-slider .irs .irs-bar {

    height: 10px;

    background-color: #61a5ff

}



#appForm.v3 .form-slider .irs .irs-handle {

    top: 30px;

    border-radius: 4px

}



.step-progress-bar-wrap {

    width: 100%;

    position: relative;

    padding: 0 10px;

    margin-bottom: 7.5%;

    height: max-content

}



@media (max-width: 576px) {

    .step-progress-bar-wrap {

        transform:scale(.75)

    }

}



.step-progress-bar-wrap:before {

    content: "progress";

    position: absolute;

    z-index: 1;

    display: block;

    top: 15px;

    left: 6px;

    right: 0;

    bottom: 0;

    text-align: center;

    pointer-events: none;

    text-transform: uppercase;

    letter-spacing: 10px;

    font-size: 9px;

    line-height: 1;

    height: max-content;

    width: max-content;

    margin: auto

}



.step-progress-bar-wrap .step-progress-bar {

    display: flex;

    justify-content: space-between;

    list-style: none;

    padding: 0;

    margin: 0 0 1rem 0;

    position: relative

}



.step-progress-bar-wrap .step-progress-bar li {

    flex: 2;

    position: relative;

    padding: 0 0 14px 0;

    font-size: var(--font-size-default);

    line-height: 1.5;

    color: var(--color-green);

    font-weight: 600;

    white-space: nowrap;

    overflow: visible;

    min-width: 0;

    text-align: center;

    border-radius: 0;

    border-bottom: 10px solid var(--color-gray-disabled)

}



.step-progress-bar-wrap .step-progress-bar li span {

    transition: opacity 0.3s ease-in-out

}



.step-progress-bar-wrap .step-progress-bar li:first-child {

    flex: 1;

    text-align: left

}



.step-progress-bar-wrap .step-progress-bar li:first-child span {

    margin-left: -4px

}



.step-progress-bar-wrap .step-progress-bar li:first-child:before {

    left: -4px

}



.step-progress-bar-wrap .step-progress-bar li:last-child {

    flex: 1;

    text-align: right;

    right: 0

}



.step-progress-bar-wrap .step-progress-bar li:last-child:before {

    right: -10px;

    left: auto

}



.step-progress-bar-wrap .step-progress-bar li:last-child span {

    width: 200%;

    display: inline-block;

    position: absolute;

    left: -100%;

    margin-left: 15px

}



.step-progress-bar-wrap .step-progress-bar li:before {

    box-sizing: content-box;

    content: "";

    display: block;

    width: 22px;

    height: 22px;

    background-color: var(--color-gray-disabled);

    border-radius: 50%;

    border: 2px solid var(--color-white);

    position: absolute;

    left: calc(50% - 6px);

    bottom: -17px;

    z-index: 3;

    transition: all 0.2s ease-in-out

}



.step-progress-bar-wrap .step-progress-bar li:not(.is-active) span {

    opacity: 0

}



.step-progress-bar-wrap .step-progress-bar li:hover:before {

    background-color: var(--color-white);

    border-color: var(--color-green);

    transform: scale(1.33)

}



.step-progress-bar-wrap .step-progress-bar li:hover span {

    opacity: 1

}



.step-progress-bar-wrap .step-progress-bar .is-complete:not(:first-child):after {

    content: "";

    display: block;

    width: 100%;

    position: absolute;

    bottom: -10px;

    left: -50%;

    z-index: 2;

    border-bottom: 10px solid var(--color-green)

}



.step-progress-bar-wrap .step-progress-bar .is-complete:last-child:after {

    width: 200%;

    left: -100%

}



.step-progress-bar-wrap .step-progress-bar .is-complete:before {

    background-color: var(--color-green)

}



.step-progress-bar-wrap .step-progress-bar .is-active:not(:first-child):after {

    content: "";

    display: block;

    width: 100%;

    position: absolute;

    bottom: -10px;

    left: -50%;

    z-index: 2;

    border-bottom: 10px solid var(--color-green)

}



.step-progress-bar-wrap .step-progress-bar .is-active:last-child:after {

    width: 200%;

    left: -100%

}



.step-progress-bar-wrap .step-progress-bar .is-active:before {

    background-color: var(--color-white);

    border-color: var(--color-green)

}



.step-progress-bar-wrap .step-progress-bar .is-hovered:before {

    background-color: var(--color-white);

    border-color: var(--color-green);

    transform: scale(1.33)

}



.step-progress-bar-wrap .step-progress-bar li.is-hovered span {

    opacity: 1

}



.step-progress-bar-wrap .step-progress-bar:hover li:not(:hover) span {

    opacity: 0

}



.step-progress-bar-wrap .step-progress-bar .has-changes {

    opacity: 1!important

}



.step-progress-bar-wrap .step-progress-bar .has-changes:before {

    content: "";

    display: block;

    width: 8px;

    height: 8px;

    position: absolute;

    left: calc(50% - 4px);

    bottom: -20px;

    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208%208%22%3E%3Cpath%20fill%3D%22%23ed1c24%22%20d%3D%22M4%200l4%208H0z%22%2F%3E%3C%2Fsvg%3E)

}



.progress {

    border-radius: 0!important;

    height: 0.75rem!important;

    margin-bottom: 2.5em

}



.progress .progress-bar {

    background-color: #00aae7

}







#la-funnel{

    overflow: hidden;
    padding: 30px 6px 30px 6px;
}








































#appForm2 {

    position: relative;

    width: 100%;

    height: auto

}



#appForm2 .card {

    max-width: 600px;

    margin: 0 auto;

    border: none!important;

    box-shadow: rgba(0,0,0,.16) 0 6px 12px 0,rgba(202,202,202,.26) 0 0 6px 0,rgba(202,202,202,.16) 0 -1px 4px 0

}



#appForm2 .card:not(.is--active) {

    opacity: 0;

    visibility: hidden;

    transform: translateX(100%);

    position: absolute;

    z-index: -1

}



#appForm2 .card.is--active {

    transition: 0.25s ease-in-out all;

    opacity: 1;

    visibility: visible;

    transform: translateX(0);

    z-index: 1

}



#appForm2 .card .card-title {

    font-size: 1.5em;

    text-align: center;

	color: #002a44;

    margin: 15px auto;

    max-width: 80%;

    text-align: center

}



#appForm2 .card .card-text {

    text-align: center

}



#appForm2 .card .card-footer {

    background: none

}



#appForm2 .term-txt {

    font-size: .75em;

    text-align: justify

}



#appForm2 .btn-option {

    width: 100%;

    text-align: left;

    height: 70px;

    position: relative;

    padding-left: 0!important;

    padding-right: 0!important

}



#appForm2 .btn-option input[type=radio] {

    position: absolute;

    left: 0;

    opacity: 0

}



#appForm2 .btn-option input[type=radio]:checked+span {

    color: #fff;

    background: #000000

}



#appForm2 .btn-option input[type=radio]:checked+span:after {

    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUM5N0Y0M0JFRDY2MTFFQUE0MzhDQkI1NzVGQTI0OTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUM5N0Y0M0NFRDY2MTFFQUE0MzhDQkI1NzVGQTI0OTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1Qzk3RjQzOUVENjYxMUVBQTQzOENCQjU3NUZBMjQ5NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Qzk3RjQzQUVENjYxMUVBQTQzOENCQjU3NUZBMjQ5NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjJlQ7EAAAFySURBVHjaYvz//z8DAaALxCFAbAvEGkAsDBV/C8Q3gPgwEK8B4st4TQFZhAPbAvGh/8QDkFo7XOZhE+QA4hlA/O8/6eAfVC8HIYsEgPjYf8oByAxBXBZxAvGJ/9QDILO4sFk0/T/1wUx0i2zJjBNi4swW2aJDVDB0PRCnAPF9LKkRbJEeFSyZB8TMUEenYZHXYwJmpSAGysB8IE4F4r9AzAzEvljUBINcsI9KPgHRy3Co2w9S8AyLxHcgXoVDDpclK/CofQZS9BOLRAnUAAkgvkjAEhaoo/CBn7gsmoBWWhzCYQkrEK8mIoh/4go6UPqvRis1NqJZwgbEa4iMy2eEEsMkIGZCCiJkS9aRkGj2g5L3ITxJNxeIlwIxGxD/gSZhEHsVEAeSkAUOEZthdwIxL7T430RGNtCDxcFhIhS/BuLnZFhyCLmss6dXoUqramLWgFZ8ICxExapcaFA0TpCxHTWbW4xkNCBFoOJvSGlAAgQYAAlqbSHS1OkbAAAAAElFTkSuQmCC) no-repeat center center

}



@media (max-width: 576px) {

    #appForm2 .btn-option span.small-text {

        font-size:0.9em!important

    }

}



@media (max-width: 576px) {

    #appForm2 .btn-option span.smaller-text {

        font-size:0.9em!important;

        padding-right: 15px!important

    }

}



#appForm2 .btn-option span .btn-option-text {

    display: block;

    height: 30px;

    margin-top: -8px

}



#appForm2 .btn-option span .btn-option-subtext {

    display: block;

    height: 20px;

    font-size: .65em;

    margin-top: -10px;

    color: #999

}



#appForm2 .btn-option input[type=radio]+span {

    float: left;

    width: 100%;

    height: 100%;

    border-radius: 10px;

    line-height: 55px;

    cursor: pointer;

    font-size: 1.2em;

    color: #000;

    padding: 0 50px 0 70px;

    background: #fff;

    position: relative;

    transition: all ease 0.2s;

    text-align: left;

    box-shadow: 0 0 9px 1px rgba(0,0,0,.1);

    -webkit-box-shadow: 0 0 9px 1px rgba(0,0,0,.1)

}



@media (max-width: 576px) {

    #appForm2 .btn-option input[type=radio]+span.btn-option-text {

        font-weight:bold!important

    }

}



#appForm2 .btn-option input[type=radio]+span:hover {

    color: #fff;

    background: #000000

}



#appForm2 .btn-option input[type=radio]+span:hover:after {

    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUM5N0Y0M0JFRDY2MTFFQUE0MzhDQkI1NzVGQTI0OTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUM5N0Y0M0NFRDY2MTFFQUE0MzhDQkI1NzVGQTI0OTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1Qzk3RjQzOUVENjYxMUVBQTQzOENCQjU3NUZBMjQ5NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Qzk3RjQzQUVENjYxMUVBQTQzOENCQjU3NUZBMjQ5NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjJlQ7EAAAFySURBVHjaYvz//z8DAaALxCFAbAvEGkAsDBV/C8Q3gPgwEK8B4st4TQFZhAPbAvGh/8QDkFo7XOZhE+QA4hlA/O8/6eAfVC8HIYsEgPjYf8oByAxBXBZxAvGJ/9QDILO4sFk0/T/1wUx0i2zJjBNi4swW2aJDVDB0PRCnAPF9LKkRbJEeFSyZB8TMUEenYZHXYwJmpSAGysB8IE4F4r9AzAzEvljUBINcsI9KPgHRy3Co2w9S8AyLxHcgXoVDDpclK/CofQZS9BOLRAnUAAkgvkjAEhaoo/CBn7gsmoBWWhzCYQkrEK8mIoh/4go6UPqvRis1NqJZwgbEa4iMy2eEEsMkIGZCCiJkS9aRkGj2g5L3ITxJNxeIlwIxGxD/gSZhEHsVEAeSkAUOEZthdwIxL7T430RGNtCDxcFhIhS/BuLnZFhyCLmss6dXoUqramLWgFZ8ICxExapcaFA0TpCxHTWbW4xkNCBFoOJvSGlAAgQYAAlqbSHS1OkbAAAAAElFTkSuQmCC) no-repeat center center

}



#appForm2 .btn-option input[type=radio]+span:after {

    position: absolute;

    left: 20px;

    top: 50%;

    margin-top: -13px;

    width: 26px;

    height: 26px;

    content: "";

    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEJBMTU5NTJFRDY2MTFFQTlCMUE5QjdCNjMxMTlBMTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEJBMTU5NTNFRDY2MTFFQTlCMUE5QjdCNjMxMTlBMTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0QkExNTk1MEVENjYxMUVBOUIxQTlCN0I2MzExOUExNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0QkExNTk1MUVENjYxMUVBOUIxQTlCN0I2MzExOUExNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrXhD54AAAJDSURBVHjatFY9j1JBFL1vCEQgAcIK/ABCsMDdhMZYuCa2Wqm/wXpj65baqq3Gn6BWG1uzi4mxgMRdCgmBHqIYSBD59pyX+8xzDSwfsyc5mSGPuefdeXfOHWc+n8syVCqV6xgegrfAa+COPvoBfgNL4NtisXi2LI6zSAgCDPxMBVYBBQ8heLKSEASuYHgJPuLzQCAgyWRSYrGYhMNhCQaDMpvNZDwey3A4lF6vJ51OR6bTKZcz2GvwAIK/FwpBJIHhA3jTGCOZTMYl58tA4Var5ZJz4DN4F2I//xOCSBjDR/BGKBSSbDbrZrAOBoOBNBoNGY1G/PkFvAOxX/zhf9XnFOHW5PP5tUUIruFaxmAs8MU/GemHP8YWOblcTqLRqGyDfr8v9Xqd28jtuo2sSl5GrC4nnU5vLUIwRiqVchPR2OKUy+VdjF9ZXYVCQTjaAKuwWq161bjHjO5zlkgkrIkQ3rFQPKDQPmfxeFxsg2dPsW/UViQSiVgX8lVu3njepSVpFb6YO8Z/ui8TRl1YJpOJ9eD0Q8/pjVq9ax+24YtZo5Br691u17oQnV1xQqH3npAeLmsHlu1D8c7Ah04x+cRvRJu3BcbSFy9Rw6u6QzatdrvtGuK2YAzG0kb45G+bgOIxhlcs8Waz6a+WjSqNMfS4vKFzn+9Hj9ms+MdarbZRFXIN1+qLsvEdLGrldMEjr5WzbbCVX2S2/Bb8JtwuXyu/h2w6W11OvC1iBhtdTs4J0tWfXtp1a4UL5FV99H2dC+QfAQYAE1ArV6IrasEAAAAASUVORK5CYII=) no-repeat center center

}



#appForm2 input.error,#appForm2 select.error {

    border: 1px solid red

}



#appForm2 label.error {

    color: red;

    font-size: .85em

}



#appForm2 .btn-navigate,#appForm2 .btn-complete {

    width: 100%;

    background: #000000;

    color: #fff;

    font-weight: 700;

    padding: 1em 1em;

    font-size: 1.25em

}



#appForm2 .btn-back {

    width: max-content;

    display: block;

    cursor: pointer;

    margin: 15px auto 0;

    text-align: center;

    color: #000;

    font-weight: 700

}



#appForm2 .form-slider {

    float: left;

    width: 100%;

    height: 132px;

    border: 1px solid #d8e3f2;

    border-radius: 10px;

    padding: 15px 15px

}



#appForm2 .form-slider .irs-single {

    display: none!important

}



#appForm2 .form-slider .irs--round .irs-bar {

    background-color: #13af76!important

}



#appForm2 .form-slider .irs--round .irs-handle {

    background-color: #108d5f!important;

    border-color: #108d5f!important

}



#appForm2 .form-slider .form-value {

    font-size: 1.5em;

    font-weight: 700

}



#appForm2 .form-slider .form-value.two-value {

    display: flex;

    flex-flow: row;

    justify-content: center

}



#appForm2 .form-slider .form-value.two-value div {

    border: 1px solid rgba(0,0,0,.125);

    padding: 1px 10px

}



#appForm2 .form-slider .form-value.two-value div:first-child {

    border-radius: 5px 0 0 5px

}



#appForm2 .form-slider .form-value.two-value div:last-child {

    border-left: none;

    border-radius: 0 5px 5px 0;

    font-weight: 400!important

}



#appForm2 .icon-picker {

    display: flex;

    flex-flow: row;

    flex-wrap: wrap;

    justify-content: space-around;

    width: 100%

}



@media (min-width: 768px) {

    #appForm2 .icon-picker.v2 .btn-icon {

        width:23%!important

    }

}



#appForm2 .icon-picker .btn-icon {

    text-align: center;

    display: inline-block;

    vertical-align: middle;

    width: 45%;

    height: 124px;

    position: relative;

    margin-bottom: 15px

}



#appForm2 .icon-picker .btn-icon input[type=radio] {

    position: absolute;

    left: 0;

    opacity: 0

}



#appForm2 .icon-picker .btn-icon input[type=radio]:checked+span {

    color: #fff;

    background: #000000

}



#appForm2 .icon-picker .btn-icon input[type=radio]:checked+span svg {

    fill: #fff;

    color: #fff

}



#appForm2 .icon-picker .btn-icon input[type=radio]+span {

    float: left;

    width: 100%;

    height: 100%;

    border-radius: 5px;

    border: 2px solid #002a44;

    cursor: pointer;

    font-size: 1em;

    line-height: 30px;

    color: #000;

    font-weight: 600;

    padding: 25px 0;

    position: relative

}



#appForm2 .icon-picker .btn-icon input[type=radio]+span:hover {

    color: #fff;

    background: #002a44;

    text-shadow: 1px 1px 0 rgba(0,0,0,.2)

}



#appForm2 .icon-picker .btn-icon input[type=radio]+span:hover svg {

    fill: #fff;

    color: #fff

}



#appForm2 .icon-picker .btn-icon span img,#appForm2 .icon-picker .btn-icon span svg {

    fill: #000000;

    display: block;

    margin: 0 auto 5px;

    width: 50px;

    height: 50px

}



#appForm2.v1 .btn-credit span {

    text-shadow: 1px 1px 3px #000

}



#appForm2.v1 .btn-credit span.btn-option-text {

    color: white!important

}



#appForm2.v1 .btn-credit span.btn-option-subtext {

    color: white!important

}



#appForm2.v1 .btn-credit.credit-1 input[type=radio]+span {

    background: #008255

}



#appForm2.v1 .btn-credit.credit-2 input[type=radio]+span {

    background: #40AD87

}



#appForm2.v1 .btn-credit.credit-3 input[type=radio]+span {

    background: #F8BB32

}



#appForm2.v1 .btn-credit.credit-4 input[type=radio]+span {

    background: #FF5C5C

}



#appForm2.v3 .card {

    background-color: #fff;

    border: 1px solid #61a5ff!important

}



#appForm2.v3 .card.card-options .btn-icon {

    background: #fff

}



#appForm2.v3 .card.card-options .btn-option span {

    border-radius: 4px

}



#appForm2.v3 .form-slider .form-value {

    font-size: 2em;

    font-weight: 500

}



#appForm2.v3 .form-slider .irs .irs-line {

    height: 10px;

    background-color: #fff;

    border: 1px solid #61a5ff

}



#appForm2.v3 .form-slider .irs .irs-bar {

    height: 10px;

    background-color: #61a5ff

}



#appForm2.v3 .form-slider .irs .irs-handle {

    top: 30px;

    border-radius: 4px

}
