.block-de-scheduler {
    position:relative;
    margin-top: 20px;
}

.block-de-scheduler .progress-bar {
    position:relative;
}

.block-de-scheduler .steps {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    background:transparent;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center;
    padding:0.3125em;
}

.block-de-scheduler .steps:before {
    content:"";
    background-color:#EDEBDF;
    height:8px;
    width:65%;
    top:15%;
    position:absolute;
    z-index:0;
}

.block-de-scheduler .steps .step {
    z-index:10;
    -webkit-box-flex:0;
    -ms-flex:0 1 33%;
    flex:0 1 33%;
    color:#B8B29E;
    text-transform:uppercase;
    font-weight:700;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:1.25em;
}

.block-de-scheduler .steps .step span.count {
    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;
}

.block-de-scheduler .steps .step span.count span.circle {
    background-color:#EDEBDF;
    border-radius:100%;
    font-weight:700;
    width:30px;
    height:30px;
    text-align:center;
    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;
}

.block-de-scheduler .steps .step span.count-content {
    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-top:1.25em;
    padding:0.3125em;
    font-size:0.65em;
}

@media (min-width:48em){
    .block-de-scheduler .steps .step span.count-content {
        font-size:0.85em;
    }
}

.block-de-scheduler .steps .active {
    z-index:10;
    -webkit-box-flex:0;
    -ms-flex:0 1 33%;
    flex:0 1 33%;
    color:white;
    text-transform:uppercase;
    font-weight:700;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:1.25em;
}

.block-de-scheduler .steps .active span.count{
    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;
}

.block-de-scheduler .steps .active span.count span.circle {
    background-color:#1c1f4d;
    border-radius:100%;
    font-weight:700;
    width:30px;
    height:30px;
    text-align:center;
    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;
}

.block-de-scheduler .steps .active span.count-content {
    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;color:#1c1f4d;
}

.block-de-scheduler .steps .one.active:before {
    content: "";
    background-color: #1c1f4d;
    height: 8px;
    width: 16%;
    left: 18%;
    top:15%;
    position: absolute;
    z-index: -8;
}

.block-de-scheduler .steps .two.active:before {
    content: "";
    background-color: #1c1f4d;
    height: 8px;
    width: 32%;
    left: 34%;
    top:15%;
    position: absolute;
    z-index: -8;
}

.block-de-scheduler .steps .three.active:before {
    content: "";
    background-color: #1c1f4d;
    height: 8px;
    width: 16%;
    left: 66%;
    top:15%;
    position: absolute;
    z-index: -8;
}