/*! -- Stack Processes -- */
.process-1 {
    padding:3.71428571em 0;
    position:relative;
    overflow:hidden
}
.process-1 .process__item {
    width:50%
}
.process-1 .process__item:not(:last-child) {
    margin-bottom:1.85714286em
}
.process-1:before {
    content:'';
    position:absolute;
    width:2px;
    height:100%;
    left:50%;
    top:0;
    background:#4a90e2
}
.process__item {
    position:relative
}
.process__item:after {
    content:'';
    width:1.85714286em;
    height:1.85714286em;
    background:#fff;
    border:2px solid #1c416d;
    border-radius:50%;
    position:absolute;
    top:0;
    margin-left:1px
}
@media all and (min-width:768px) {
    .process-1 .process__item:nth-child(odd) {
        text-align:right;
        padding-right:3.71428571em
    }
    .process-1 .process__item:nth-child(odd):after {
        right:-0.92857143em
    }
    .process-1 .process__item:nth-child(even) {
        margin-left:50%;
        padding-left:3.71428571em
    }
    .process-1 .process__item:nth-child(even):after {
        left:-0.92857143em
    }
}
@media all and (max-width:767px) {
    .process-1:before,
    .process-2:before {
        left:.92857143em
    }
    .process-1 .process__item,
    .process-2 .process__item {
        width:100%;
        padding-left:3.71428571em
    }
    .process-1 .process__item:after,
    .process-2 .process__item:after {
        left:0
    }
}
.imagebg .process-1:before,
.imagebg .process-2:before {
    background:#fff
}
.imagebg .process-1 .process__item:after,
.imagebg .process-2 .process__item:after {
    background:#fff
}
.process-2 {
    position:relative
}
.process-2 .process__item {
    padding-top:3.71428571em
}
.process-2 .process__item:after {
    display:inline-block;
    text-align:center
}
.process-2:before {
    content:'';
    position:absolute;
    width:100%;
    height:2px;
    top:.92857143em;
    left:0;
    background:#4a90e2
}
@media all and (max-width:767px) {
    .process-2:before {
        height:100%;
        width:2px;
        left:1.85714286em;
        margin-left:2px
    }
    .process-2 .process__item:after {
        top:3.71428571em
    }
}
.process-3 {
    list-style:none;
    position:relative
}
.process-3 li {
    position:relative;
    z-index:1;
    overflow:hidden
}
.process-3 li .process__number {
    float:left;
    width:15%;
    width:3.71428571em;
    height:3.71428571em;
    border-radius:50%;
    border:2px solid #4a90e2;
    background:#fff;
    text-align:center
}
.process-3 li .process__number span {
    font-size:1.35714286em;
    font-weight:bold;
    color:#4a90e2;
    position:relative;
    top:12px
}
.process-3 li .process__body {
    width:80%;
    float:right
}
.process-3 li .process__body h4 {
    margin-bottom:.342105263157895em
}
.process-3 li:not(:last-child) {
    margin-bottom:3.71428571em
}
.process-3:before {
    content:'';
    position:absolute;
    height:100%;
    width:1px;
    left:1.85714286em;
    top:0;
    border-left:1px dashed #ddd
}
.process-stepper>li {
    transition:all .3s ease;
    display:inline-block;
    float:left;
    text-align:center;
    position:relative
}
.process-stepper>li:before {
    transition:all .3s ease;
    content:'';
    width:.92857143em;
    height:.92857143em;
    background:#ccc;
    border-radius:50%;
    display:block;
    margin:0 auto;
    margin-bottom:.92857143em
}
.process-stepper>li:after {
    transition:all .3s ease;
    content:'';
    width:100%;
    height:2px;
    position:absolute;
    background:#ccc;
    top:5px;
    left:0
}
.process-stepper>li:first-child:after,
.process-stepper>li:last-child:after {
    width:50%
}
.process-stepper>li:first-child:after {
    left:50%
}
.process-stepper>li.active:before,
.process-stepper>li.active:after {
    background:#4a90e2
}
.process-stepper>li>span {
    cursor:default
}
.process-stepper[data-process-steps="6"]>li {
    width:16.666666666666667%
}
.process-stepper[data-process-steps="5"]>li {
    width:20%
}
.process-stepper[data-process-steps="4"]>li {
    width:25%
}
.process-stepper[data-process-steps="3"]>li {
    width:33.33333333%
}
.process-stepper[data-process-steps="2"]>li {
    width:50%
}
/*! Place your custom styles here */
.process-stepper>li.active::after,
.process-stepper>li.active::before {
    background-color:#1c416d
}

.process-3 li .process__number span,
.menu-vertical li.dropdown {
    color:#1c416d
}
.process-3 li .process__number {
    border:2px solid #1c416d
}
.process-1::before,
.process__item::after {
    background-color:#1c416d;
    border-color:#1c416d;
}

/* Secondary color */
.process-secondary .process__item:after {
    border:2px solid #e0c665;
}
.process-secondary .process-stepper>li.active::after,
.process-secondary .process-stepper>li.active::before {
    background-color:#e0c665
}

.process-secondary.process-3 li .process__number span,
.process-secondary .process-3 li .process__number span {
    color:#e0c665
}
.process-secondary.process-3 li .process__number,
.process-secondary .process-3 li .process__number {
    border:2px solid #e0c665
}
.process-secondary.process-1::before,
.process-secondary .process-1::before,
.process-secondary .process__item::after {
    background-color:#e0c665;
    border-color:#e0c665;
}