.timeline
{
    display: block;
    position: relative;	    white-space: pre-line;
}

.timeline::before 
{
    content: '';
    position: absolute;
    top: 0;
    left: 6px;
    height: 100%;
    width: 3px;
}

.timeline::before 
{
    left: 50%;
    margin-left: -2px;
}

.timeline::before 
{
    background: var(--prime);
}

.timeline .item {
    margin: 0px 0 45px 0;
    position: relative;
    max-width: 100%;
}

.timeline .item .dot
{
	top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 3px solid;
    background: #181715;
	border-color: var(--prime);
    left: 50%;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
}

.timeline .item .content ,
.timeline.is--alternate .item:nth-child(2n+2) .data
{
    margin-left: 0;
    width: 46%;
	text-align: right; 
}

.timeline .item:last-child:before {
    content: "";
    display: block;
    background-color: #181715;
    width: 8px;
    height: 100%;
    top: 0;
}

.timeline .item:last-child:before,
.timeline .item .dot
{
	position:absolute;    
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
	
}

.timeline .item .data
{
	position: absolute;
    padding: 0;
    color: #717171;
    width: auto;
	left: 54%;
    top: 0;
}

.timeline.is--alternate .item:nth-child(2n+2) .content 
{
    margin-left: 54%;
	text-align: left;
}

.timeline.is--alternate .item:nth-child(2n+2) .data 
{
    margin-left: 0;
    text-align: right;
    left: 0;
}

.timeline .item .top,
.timeline .item .time
{
	font-family: 'comfortaabold', Calibri, Arial, sans-serif;
    /*font-size: 1.5em;	*/
	color:#FFFFFF;
}

.timeline .item .top
{
	/*font-family: "Magneto";*/
}

.timeline .item .desc
{
    color: #999;
    max-width: 80%;
    line-height: 1.3em;
    margin-left: auto;
    margin-top: 15px;
}

.timeline.is--alternate .item:nth-child(2n+2) .desc
{
	margin-left:0;
	margin-right: auto;
}

.timeline .item .desc .line 
{
    display: inline-block;
	position:relative;
	cursor:default;
	-webkit-transition: color ease-in 0.05s 0.1s;
	-moz-transition: color ease-in 0.05s 0.1s;
	-ms-transition: color ease-in 0.05s 0.1s;
	-o-transition: color ease-in 0.05s 0.1s;
	transition: color ease-in 0.05s 0.1s;
}

.timeline .item .desc .line:hover
{
	color:#fff;	
}

.timeline .item .desc .line:before 
{
    content: "";
    background-size: contain;
    width: 8px;
    height: 8px;
    display: inline-block;
    color: #555;
    margin: 3px;
    /* vertical-align: top; */
    /* position: absolute; */
    left: 0;
    top: 8px;
    opacity: 0.2;
    max-width: 256px;
    max-height: 256px;
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDM3My4wMDggMzczLjAwOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzczLjAwOCAzNzMuMDA4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGcgaWQ9IkxheWVyXzhfMTZfIj4KCQk8cGF0aCBkPSJNNjEuNzkyLDIuNTg4QzY0Ljc3MSwwLjg2NCw2OC4xMDUsMCw3MS40NDQsMGMzLjMzLDAsNi42NjMsMC44NjQsOS42NTUsMi41ODhsMjMwLjExNiwxNjcuMiAgICBjNS45NjMsMy40NDUsOS42NTYsOS44MjMsOS42NTYsMTYuNzE5YzAsNi44OTUtMy42ODMsMTMuMjcyLTkuNjU2LDE2LjcxM0w4MS4wOTksMzcwLjQyN2MtNS45NzIsMy40NDEtMTMuMzM0LDMuNDQxLTE5LjMwMiwwICAgIGMtNS45NzMtMy40NTMtOS42Ni05LjgzMy05LjY2LTE2LjcyNFYxOS4zMDVDNTIuMTM3LDEyLjQxMyw1NS44MTgsNi4wMzYsNjEuNzkyLDIuNTg4eiIgZmlsbD0iI0ZGRkZGRiIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
}

.timeline.is--normal
{
	
}


/* MOBILE */

@media only screen and (max-width : 568px) {
    
	
	.timeline .item .desc
	{
		max-width: 100%;
	}
	
	.timeline .item .content,
	.timeline.is--alternate .item:nth-child(2n+2) .content
	{
		max-width: 100%;
		width: 100%;
		text-align: left;
		margin-left: 25px;
	}
	
	.timeline .item:last-child:before, 
	.timeline .item .dot,
	.timeline::before
	{
		left: 0;
	}
	
	.timeline .item .data,
	.timeline.is--alternate .item:nth-child(2n+2) .data
	{
		left:auto;
		right:0;	
		    width: auto;
	}
}