.m-timeline-1 {
    position: relative
}
.m-timeline-1.m-timeline-1--fixed {
    width: 80%;
    margin: 0 auto
}
.m-timeline-1:after {
    content: '';
    position: absolute;
    width: 0.4rem;
    top: 0;
    bottom: 3rem;
    left: 50%;
    margin-left: -0.142rem
}
.m-timeline-1 .m-timeline-1__items {
    padding-bottom: 6rem;
    position: relative
}
.m-timeline-1 .m-timeline-1__items .m-timeline-1__marker {
    width: 1.43rem;
    height: 0.37rem;
    border-radius: 0.36rem;
    position: absolute;
    left: 50%;
    transform: translate(-46%, 0)
}
.m-timeline-1 .m-timeline-1__items .m-timeline-1__item {
    position: relative;
    margin-left: 0;
    width: 50%;
    min-height: 3rem
}
.m-timeline-1 .m-timeline-1__items .m-timeline-1__item .m-timeline-1__item-circle {
    background: #fff;
    width: 1.43rem;
    height: 1.43rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    position: absolute
}
.m-timeline-1 .m-timeline-1__items .m-timeline-1__item .m-timeline-1__item-circle > div {
    border-radius: 50%;
    width: 0.4rem;
    height: 0.4rem
}
.m-timeline-1 .m-timeline-1__items .m-timeline-1__item .m-timeline-1__item-time {
    position: absolute;
    display: inline-block;
    margin-top: -2.14rem;
    font-weight: 600
}
.m-timeline-1 .m-timeline-1__items .m-timeline-1__item .m-timeline-1__item-time > span {
    padding-left: 5px
}
.m-timeline-1 .m-timeline-1__items .m-timeline-1__item .m-timeline-1__item-content {
    position: relative;
    border-radius: 1.07rem;
    padding: 2.14rem
}
.m-timeline-1 .m-timeline-1__items .m-timeline-1__item .m-timeline-1__item-content .m-timeline-1__item-title {
    font-size: 1.1rem;
    font-weight: 500
}
.m-timeline-1 .m-timeline-1__items .m-timeline-1__item .m-timeline-1__item-content .m-timeline-1__item-title+.m-timeline-1__item-body {
    margin-top: 1.5rem
}
.m-timeline-1 .m-timeline-1__items .m-timeline-1__item .m-timeline-1__item-content .m-timeline-1__item-actions {
    margin-top: 1.5rem
}
.m-timeline-1 .m-timeline-1__items .m-timeline-1__item .m-timeline-1__item-content .media > img {
    width: 10rem;
    height: 8.6rem;
    border-radius: 0.71rem
}
.m-timeline-1 .m-timeline-1__items .m-timeline-1__item.m-timeline-1__item--left {
    left: 0;
    padding-right: 2.85rem
}
.m-timeline-1 .m-timeline-1__items .m-timeline-1__item.m-timeline-1__item--left .m-timeline-1__item-circle {
    right: 0;
    transform: translate(54%, 0);
    top: 1.57rem
}
.m-timeline-1 .m-timeline-1__items .m-timeline-1__item.m-timeline-1__item--left .m-timeline-1__item-arrow {
    position: absolute;
    line-height: 0;
    display: inline-block;
    overflow: hidden;
    width: 10px;
    height: 40px;
    position: relative;
    left: auto;
    right: 0;
    margin-left: auto;
    margin-right: -9px;
    right: 2.85rem;
    top: 0.86rem;
    position: absolute;
    color: #f7f8fc
}
.m-timeline-1 .m-timeline-1__items .m-timeline-1__item.m-timeline-1__item--left .m-timeline-1__item-arrow:before {
    display: inline-block;
    font-family: Metronic;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 0;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: ""
}
.m-timeline-1 .m-timeline-1__items .m-timeline-1__item.m-timeline-1__item--left .m-timeline-1__item-arrow:before {
    position: relative;
    top: 0;
    margin-top: 20px;
    font-size: 40px
}
.m-timeline-1 .m-timeline-1__items .m-timeline-1__item.m-timeline-1__item--left .m-timeline-1__item-time {
    right: 3.8rem
}
.m-timeline-1 .m-timeline-1__items .m-timeline-1__item.m-timeline-1__item--right {
    left: 50%;
    padding-left: 2.86rem;
    top: -3.5rem
}
.m-timeline-1 .m-timeline-1__items .m-timeline-1__item.m-timeline-1__item--right .m-timeline-1__item-circle {
    top: 1.55rem;
    left: 0;
    transform: translate(-46%, 0)
}
.m-timeline-1 .m-timeline-1__items .m-timeline-1__item.m-timeline-1__item--right .m-timeline-1__item-arrow {
    position: absolute;
    line-height: 0;
    display: inline-block;
    overflow: hidden;
    width: 10px;
    height: 40px;
    position: relative;
    left: 0;
    margin-left: -9px;
    transform: translate(10%, 0);
    left: 2.86rem;
    top: 0.86rem;
    position: absolute
}
.m-timeline-1 .m-timeline-1__items .m-timeline-1__item.m-timeline-1__item--right .m-timeline-1__item-arrow:before {
    display: inline-block;
    font-family: Metronic;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 0;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: ""
}
.m-timeline-1 .m-timeline-1__items .m-timeline-1__item.m-timeline-1__item--right .m-timeline-1__item-arrow:before {
    position: relative;
    top: 0;
    margin-top: 20px;
    font-size: 40px
}
.m-timeline-1 .m-timeline-1__items .m-timeline-1__item.m-timeline-1__item--right .m-timeline-1__item-time {
    left: 3.57rem
}
.m-timeline-1 .m-timeline-1__items .m-timeline-1__item.m-timeline-1__item--first {
    top: 3.5rem
}
.m-timeline-1 .m-timeline-1__items .m-timeline-1__item.m-timeline-1__item--first+.m-timeline-1__item--right {
    top: -1rem
}
@media (max-width:1200px) {
    .m-timeline-1 {
        width: 96% !important
    }
    .m-timeline-1:after {
        left: 0.357rem;
        bottom: 0
    }
    .m-timeline-1 .m-timeline-1__items {
        margin-bottom: 2rem;
        padding: 0 0 2rem
    }
    .m-timeline-1 .m-timeline-1__items .m-timeline-1__marker {
        left: 0;
        transform: translate(-18%, 0)
    }
    .m-timeline-1 .m-timeline-1__items .m-timeline-1__item {
        width: 100%;
        top: 0 !important;
        margin-top: 5rem !important
    }
    .m-timeline-1 .m-timeline-1__items .m-timeline-1__item .m-timeline-1__item-time {
        position: absolute;
        display: inline-block;
        margin-top: -2.14rem
    }
    .m-timeline-1 .m-timeline-1__items .m-timeline-1__item.m-timeline-1__item--left {
        padding-left: 2.86rem;
        padding-right: 0
    }
    .m-timeline-1 .m-timeline-1__items .m-timeline-1__item.m-timeline-1__item--left .m-timeline-1__item-circle {
        left: -0.5rem;
        transform: translate(15%, 0);
        top: 1.65rem
    }
    .m-timeline-1 .m-timeline-1__items .m-timeline-1__item.m-timeline-1__item--left .m-timeline-1__item-arrow {
        position: absolute;
        line-height: 0;
        display: inline-block;
        overflow: hidden;
        width: 10px;
        height: 40px;
        position: relative;
        left: 0;
        margin-left: -9px;
        left: 2.93rem;
        position: absolute;
        top: 0.86rem;
        transform: translate(-2%, 0)
    }
    .m-timeline-1 .m-timeline-1__items .m-timeline-1__item.m-timeline-1__item--left .m-timeline-1__item-arrow:before {
        display: inline-block;
        font-family: Metronic;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 0;
        text-decoration: inherit;
        text-rendering: optimizeLegibility;
        text-transform: none;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        content: ""
    }
    .m-timeline-1 .m-timeline-1__items .m-timeline-1__item.m-timeline-1__item--left .m-timeline-1__item-arrow:before {
        position: relative;
        top: 0;
        margin-top: 20px;
        font-size: 40px
    }
    .m-timeline-1 .m-timeline-1__items .m-timeline-1__item.m-timeline-1__item--left .m-timeline-1__item-time {
        right: 100%;
        left: 3.57rem
    }
    .m-timeline-1 .m-timeline-1__items .m-timeline-1__item.m-timeline-1__item--right {
        left: 0;
        padding-left: 2.86rem;
        padding-right: 0
    }
    .m-timeline-1 .m-timeline-1__items .m-timeline-1__item.m-timeline-1__item--right .m-timeline-1__item-circle {
        left: -0.5rem;
        top: 1.65rem;
        transform: translate(13%, 0)
    }
    .m-timeline-1 .m-timeline-1__items .m-timeline-1__item.m-timeline-1__item--right .m-timeline-1__item-arrow {
        position: absolute;
        left: 2.92rem;
        top: 0.86rem;
        transform: translate(-1%, 0)
    }
    .m-timeline-1 .m-timeline-1__items .m-timeline-1__item.m-timeline-1__item--right .m-timeline-1__item-time {
        left: 3.93rem
    }
    .m-timeline-1 .m-timeline-1__items .m-timeline-1__item.m-timeline-1__item--first {
        top: 4rem !important;
        margin-top: 0 !important
    }
    .m-timeline-1 .m-timeline-1__items .m-timeline-1__item.m-timeline-1__item--first+.m-timeline-1__item--right {
        margin-top: 8rem !important
    }
}
.m-timeline-1::after {
    background-color: #e6eaf5
}
.m-timeline-1 .m-timeline-1__items .m-timeline-1__marker {
    background-color: #e6eaf5
}
.m-timeline-1 .m-timeline-1__items .m-timeline-1__item .m-timeline-1__item-arrow {
    color: #f7f8fc
}
.m-timeline-1 .m-timeline-1__items .m-timeline-1__item .m-timeline-1__item-content {
    background-color: #f7f8fc
}
.m-timeline-1 .m-timeline-1__items .m-timeline-1__item .m-timeline-1__item-content .m-timeline-1__item-desc {
    color: #6f727d
}
.m-timeline-2:before {
    content: '';
    position: absolute;
    left: 4.89rem;
    width: 0.214rem;
    height: 100%
}
.m-timeline-2 .m-timeline-2__items .m-timeline-2__item {
    display: table;
    position: relative
}
.m-timeline-2 .m-timeline-2__items .m-timeline-2__item .m-timeline-2__item-time {
    display: table-cell;
    font-size: 1.3rem;
    font-weight: 500;
    vertical-align: top;
    position: absolute;
    padding-top: 0.18rem
}
.m-timeline-2 .m-timeline-2__items .m-timeline-2__item .m-timeline-2__item-cricle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 0.89rem solid #fff;
    z-index: 1;
    top: 0.2rem;
    left: 4.1rem;
    position: relative
}
.m-timeline-2 .m-timeline-2__items .m-timeline-2__item .m-timeline-2__item-cricle > i {
    font-size: 1.78rem;
    top: -0.93rem;
    left: -0.57rem;
    position: absolute
}
.m-timeline-2 .m-timeline-2__items .m-timeline-2__item .m-timeline-2__item-text {
    display: table-cell;
    vertical-align: top;
    font-size: 1rem;
    font-weight: 400;
    padding-bottom: 0.3rem;
    padding-left: 5rem
}
.m-timeline-2 .m-timeline-2__items .m-timeline-2__item .m-timeline-2__item-text.m-timeline-2__item-text--bold {
    font-size: 1.2rem;
    font-weight: 500;
    padding-top: 0.21rem
}
.m-timeline-2 .m-timeline-2__items .m-timeline-2__item .m-timeline-2__item-text > span {
    font-weight: 600
}
.m-timeline-2 .m-timeline-2__items .m-timeline-2__item .m-list-pics {
    display: table-cell;
    vertical-align: top
}
.m-timeline-2:before {
    background-color: #e7e9f5
}
.m-timeline-2 .m-timeline-2__items .m-timeline-2__item .m-timeline-2__item-time {
    color: #898b96
}
.m-timeline-2 .m-timeline-2__items .m-timeline-2__item .m-timeline-2__item-text {
    color: #7b7e8a
}
.m-timeline-2 .m-timeline-2__items .m-timeline-2__item .m-timeline-2__item-text.m-timeline-2__item-text--bold {
    color: #6f727d
}
.m-timeline-3 .m-timeline-3__item {
    disply: table;
    margin-bottom: 1rem;
    position: relative
}
.m-timeline-3 .m-timeline-3__item:before {
    position: absolute;
    display: block;
    width: 0.28rem;
    -webkit-border-radius: 0.3rem;
    -moz-border-radius: 0.3rem;
    -ms-border-radius: 0.3rem;
    -o-border-radius: 0.3rem;
    border-radius: 0.3rem;
    height: 70%;
    left: 5.1rem;
    top: 0.46rem;
    content: ""
}
.m-timeline-3 .m-timeline-3__item .m-timeline-3__item-time {
    display: table-cell;
    vertical-align: top;
    padding-top: 0.6rem;
    font-weight: 500;
    font-size: 1.3rem;
    position: absolute;
    text-align: right;
    width: 3.57rem
}
.m-timeline-3 .m-timeline-3__item .m-timeline-3__item-desc {
    display: table-cell;
    width: 100%;
    vertical-align: top;
    font-size: 1rem;
    padding-left: 7rem
}
.m-timeline-3 .m-timeline-3__item .m-timeline-3__item-desc .m-timeline-3__item-text {
    font-size: 1rem;
    font-weight: 400
}
.m-timeline-3 .m-timeline-3__item .m-timeline-3__item-desc .m-timeline-3__item-user-name .m-timeline-3__item-link {
    font-size: 0.85rem;
    text-decoration: none
}
@media (max-width:768px) {
    .m-timeline-3 .m-timeline-3__item {
        margin-left: 0
    }
}
.m-timeline-3__item .m-timeline-3__item-time {
    color: #898b96
}
.m-timeline-3__item .m-timeline-3__item-desc .m-timeline-3__item-text {
    color: #7b7e8a
}
.m-timeline-3__item.m-timeline-3__item--brand:before {
    background: #716aca
}
.m-timeline-3__item.m-timeline-3__item--metal:before {
    background: #c4c5d6
}
.m-timeline-3__item.m-timeline-3__item--light:before {
    background: #fff
}
.m-timeline-3__item.m-timeline-3__item--accent:before {
    background: #00c5dc
}
.m-timeline-3__item.m-timeline-3__item--focus:before {
    background: #9816f4
}
.m-timeline-3__item.m-timeline-3__item--primary:before {
    background: #5867dd
}
.m-timeline-3__item.m-timeline-3__item--success:before {
    background: #34bfa3
}
.m-timeline-3__item.m-timeline-3__item--info:before {
    background: #36a3f7
}
.m-timeline-3__item.m-timeline-3__item--warning:before {
    background: #ffb822
}
.m-timeline-3__item.m-timeline-3__item--danger:before {
    background: #f4516c
}
.m--font-brand {
    color: #716aca !important
}
.m--bg-danger {
    background-color: #f4516c !important
}