/*
*  STYLE FOR TIMELINE 
*
*
*  [Table of contents]
*
*  [&. Content / #key]
*  [Let press Ctrl + f and type of paste the key, then press Enter to search the content ]
*
*  Summary: Timeline
*
*
*    1. Timeline Style 01
*      - 1.1. Timeline Style 01 General
*  
*
*
*/


/*============================================
=            1. Timeline Style 01            =
============================================*/

    /*----------  1.1. Timeline 01 General  ----------*/
        .slz-timeline {
            position: relative;
        }

        .slz-timeline:before {
            position: absolute;
            content: '';
            width: 2px;
            height: 100%;
            top: 0;
            left: 0;
            background-color: rgba(0, 0, 0, 0.3);
        }

        .slz-timeline .milestone {
            position: relative;
            padding: 40px 0;
        }

        .slz-timeline .milestone:before {
            position: absolute;
            content: '\f111';
            font-family: 'FontAwesome';
            top: 50%;
            left: 0;
            color: #304fe9;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
        }

        .slz-timeline .milestone .milestone-content {
            position: relative;
            padding-left: 175px;
        }

        .slz-timeline .milestone .milestone-content:before {
        }

        .slz-timeline .milestone .milestone-time,
        .slz-timeline .milestone .milestone-text,
        .slz-timeline .milestone .milestone-img,
        .slz-timeline .milestone .milestone-number {
            display: inline-block;
            vertical-align: top;
        }

        .slz-timeline .milestone .milestone-time {
            font-size: 20px;
        }

        .slz-timeline .milestone .milestone-time a {
            pointer-events: none;
            color: #304fe9;
        }

        .slz-timeline .milestone .milestone-text {
        }

        .slz-timeline .milestone .milestone-img {
            width: 120px;
            position: absolute;
            top: 0;
            left: 30px;
            text-align: center;
        }

        .slz-timeline .milestone .milestone-number {
        }

        

/*=====  End of 1. Timeline Style 01  ======*/