/*.wizard .wizard__nav {
    padding: 0rem;
    border-bottom: 2px solid #eeeef4;
}*/

.wizard .wizard__nav {
    padding: 2rem 0.1rem;
    position:relative;
}

    .wizard .wizard__nav .wizard__nav-line {
        height: 1px;
        background-color: #979797;
        /* -webkit-transform: translateY(1.7rem); */
        /* transform: translateY(1.4rem); */
        margin: 0px 12%;
        position: relative;
        z-index: 0;
        top: 1.3rem;
    }

    .wizard .wizard__nav .wizard__nav-line-progress {
        background-color: #D40605;
        /* -webkit-transform: translateY(1.7rem); */
        /* transform: translateY(1.4rem); */
        margin: 0px 12%;
        position: absolute;
        z-index: 1;
        top: 52px;
        height: 3px;
        border-right: 1px solid #fff;
        width: 0%;
        transition: width 1s ease;
        background: linear-gradient(90deg, #D40605 0%, rgba(212, 6, 5, 0.25) 115.75%);
    }

    .wizard .wizard__nav .wizard__nav-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: relative;
        z-index: 1;
    }

        .wizard .wizard__nav .wizard__nav-items .wizard__nav-item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-preferred-size: auto !important;
            flex-basis: auto;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            flex-basis: auto;
            font-weight: 500;
            font-size: 1.1rem
        }

            .wizard .wizard__nav .wizard__nav-items .wizard__nav-item span {
                width: 2.6rem;
                height: 2.6rem;
                font-size: 1.2rem;
                border-radius: 50%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                margin: 0 1rem;
                font-family: 'ToyotaType-Regular';
                padding-bottom: 3px;
            }

            .wizard .wizard__nav .wizard__nav-items .wizard__nav-item i {
                display: none;
                width: 3.5rem;
                height: 3.5rem;
                font-size: 1.1rem;
                border-radius: 50%;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                margin: 0 1rem
            }

            .wizard .wizard__nav .wizard__nav-items .wizard__nav-item .wizard__nav-label {
                margin-top: 0.5rem;
                color: #000000;
                text-align: center;
                font-size: 16px;
                font-family: 'ToyotaType-Regular';
            }


@media (max-width:576px) {
    .wizard .wizard__nav .wizard__nav-items .wizard__nav-item .wizard__nav-label {
        text-align: left;
        margin-top: 0
    }
}

.wizard .wizard__nav .wizard__nav-items .wizard__nav-item[data-wizard-state=current] {
    color: #3699ff
}

    .wizard .wizard__nav .wizard__nav-items .wizard__nav-item[data-wizard-state=current] span {
        background-color: #D40605;
        color: #fff;
    }

    .wizard .wizard__nav .wizard__nav-items .wizard__nav-item[data-wizard-state=current] i {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: #FF0022;
        color: #fff
    }

.wizard .wizard__nav .wizard__nav-items .wizard__nav-item[data-wizard-state=pending] {
    color: #a2a5b9;
}

    .wizard .wizard__nav .wizard__nav-items .wizard__nav-item[data-wizard-state=pending] span {
        border: 1px solid #979797;
        background-color: #fff;
        color: #979797;
        font-size: 20px;
        font-weight: 600;
    }

.wizard .wizard__nav .wizard__nav-items .wizard__nav-item[data-wizard-state=done] {
    color: #1dc9b7;
}

    .wizard .wizard__nav .wizard__nav-items .wizard__nav-item[data-wizard-state=done] span {
        display: none;
    }

    .wizard .wizard__nav .wizard__nav-items .wizard__nav-item[data-wizard-state=done] span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: #D40605;
        color: #fff;
    }

.wizard .wizard__nav .wizard__nav-items.wizard__nav-items--clickable .wizard__nav-item {
    cursor: pointer;
}

.wizard .form {
    padding: 2rem 4rem 1rem;
}

@media (max-width:576px) {
    .wizard .form {
        padding: 2rem 1rem 1rem
    }
}

.wizard .form .wizard__content {
    padding-bottom: 1.3rem;
    border-bottom: 1px solid #eeeef4;
    margin: 0 auto 2rem;
    width: 630px;
    font-size: 17px;
}

.wizard .form .wizard__content {
    width: 100%;
    margin: 0 0 1.5rem 0
}

.wizard .form .form__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 630px;
    margin: 0 auto
}

.wizard .form .form__actions {
    width: 100%;
    margin: 0
}

@media (max-width:576px) {
    .wizard .form .form__actions {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width:576px) {
    .wizard .form .form__actions .btn {
        margin: 0 .5rem 1rem
    }
}

.wizard .form .form__actions [data-wizard-type=action-prev] {
    margin-right: auto
}

@media (max-width:576px) {
    .wizard .form .form__actions [data-wizard-type=action-prev] {
        margin-right: .5rem
    }
}

.wizard .form .form__actions [data-wizard-type=action-next] {
    margin: auto 0 auto auto
}

@media (max-width:576px) {
    .wizard .form .form__actions [data-wizard-type=action-next] {
        margin: 0 0 1rem
    }
}

.wizard [data-wizard-type=step-info] {
    display: none
}

    .wizard [data-wizard-type=step-info][data-wizard-state=current] {
        display: block
    }

.wizard [data-wizard-type=step-content] {
    display: none
}

    .wizard [data-wizard-type=step-content][data-wizard-state=current] {
        display: block
    }

.wizard [data-wizard-type=action-prev] {
    display: none
}

.wizard [data-wizard-type=action-next] {
    display: inline-block
}

.wizard [data-wizard-type=action-submit] {
    display: none
}

.wizard[data-wizard-state=first] [data-wizard-type=action-prev] {
    display: none
}

.wizard[data-wizard-state=first] [data-wizard-type=action-next] {
    display: inline-block
}

.wizard[data-wizard-state=first] [data-wizard-type=action-submit] {
    display: none
}

.wizard[data-wizard-state=between] [data-wizard-type=action-prev] {
    display: inline-block
}

.wizard[data-wizard-state=between] [data-wizard-type=action-next] {
    display: inline-block
}

.wizard[data-wizard-state=between] [data-wizard-type=action-submit] {
    display: none
}

.wizard[data-wizard-state=last] [data-wizard-type=action-prev] {
    display: inline-block
}

.wizard[data-wizard-state=last] [data-wizard-type=action-next] {
    display: none
}

.wizard[data-wizard-state=last] [data-wizard-type=action-submit] {
    display: inline-block
}

@media (min-width:1025px) {
    .wizard .wizard__aside {
        border-bottom: 1px solid #eeeef4;
        padding: 1rem
    }

    .wizard .wizard__wrapper {
        padding: 1rem
    }
}

@media (max-width:1024px) {
    .wizard .wizard__aside {
        padding: 1rem
    }

    .wizard .wizard__wrapper {
        padding: 1rem
    }
}


@media (max-width:768px) {

    .wizard .wizard__nav .wizard__nav-items .wizard__nav-item span {
        width: 26px;
        height: 26px;
        font-size: 14px;
        font-weight: 500;
        padding-bottom: 2px;
    }

    .wizard .wizard__nav .wizard__nav-items .wizard__nav-item[data-wizard-state=pending] span {
        width: 26px;
        height: 26px;
        font-size: 14px;
        font-weight: 500;
    }

    .wizard .wizard__nav .wizard__nav-items .wizard__nav-item .wizard__nav-label {
        margin-top: 8px;
        font-size: 12px;
    }

    .wizard .wizard__nav .wizard__nav-line {
        top: 14px;
    }

    .wizard .wizard__nav .wizard__nav-line-progress {
        top: 45px;
    }


}