/*
 *
 *    [Table of contents]
 *
 *    Summary:
 *
 *    1. Timeline
 *    2. Responsive
 *
 *
 *
 */


/*----------  1. Timeline  ----------*/
 	
	
	.slz-timeline {
		padding: 25px 0;
	}

	.slz-timeline:before {
		width: 1px;
		background-color: #ebebeb;
		left: 130px;
	}

	.slz-timeline .milestone {
		padding: 0;
		margin: 30px 0;
	}

	.slz-timeline .milestone:first-child {
		margin-top: 0;
	}

	.slz-timeline .milestone:last-child {
		margin-bottom: 0;
	}

    .slz-timeline .milestone:before {
		width: 20px;
		height: 20px;
		left: 130px;
		border: 5px solid #fafafa;
		background-color: #d7d7d7;
		top: 0;
		transform: translate(-50%,0);
		-webkit-transform: translate(-50%,0);
		-moz-transform: translate(-50%,0);
		-ms-transform: translate(-50%,0);
		-o-transform: translate(-50%,0);
    }

	.slz-timeline .milestone .milestone-content {
        padding-right: 0;
        padding-left: 165px;
        text-align: left;
        color: #494647;
        width: auto;
    }

    .slz-timeline .milestone .milestone-content:before {
        right: auto;
        left: 25px;
        content: none;
    }

    .slz-timeline .milestone .milestone-img {
        left: 75px;
        right: auto;
    }

    .slz-timeline .milestone .milestone-number {
        left: auto;
        right: 100%;
        padding-left: 0;
        padding-right: 35px;
        font-size: 14px;
        color: inherit;
        font-weight: 400;
        text-align: right;
		top: 0;
    	transform: translateY(0);
    	-webkit-transform: translateY(0);
    	-moz-transform: translateY(0);
    	-ms-transform: translateY(0);
    	-o-transform: translateY(0);
    	left: 0;
	    right: auto;
	    width: auto;
    }

    .slz-timeline .milestone .milestone-time {
    	font-size: 16px;
    	font-weight: 700;
    	color: inherit;
    	margin-bottom: 5px;
    }

    .slz-timeline .milestone .milestone-text {
    	color: inherit;
    	max-width: none;
    }

    .slz-timeline .milestone:nth-child(even) .milestone-content {
    	padding-left: 165px;
    	float: none;
    }

    .slz-timeline .milestone:nth-child(even) .milestone-number {
    	left: 0;
	    right: auto;
	    width: auto;
	    line-height: initial;
    }

/*----------  2. Responsive  ----------*/