#timeline
{
	padding:100px;
	font-family: "Montserrat", sans-serif;
	background:black;
}
#timeline > h1
{
	color:#fff;
	font-weight:400;
	margin-bottom:50px;
	text-align:center;
}
#timeline > h6
{
	color:rgb(209,170,103);
	font-weight:400;
	margin-bottom:0px;
	text-align:center;
	text-transform:uppercase;
	line-height:1;
	margin-top:50px;	
}
#timeline .clr_gld
{
	color: rgb(209,170,103);
}
#timeline .time-poll
{
	width:2px;
	height:auto;
	background:rgba(255,255,255,0.7);
	min-height:600px;
	margin:auto;
	padding-bottom:100px;
	
}
#timeline .time-poll .start
{
	position:absolute;
	width:20px;
	height:20px;
	border-radius:50%;
	background:white;
	border:5px solid rgb(3,78,161);
	margin-left:-8px;
	margin-top:-1px;	
}
#timeline .time-poll .end
{
	position:absolute;
	width:20px;
	height:20px;
	border-radius:50%;
	background:white;
	border:5px solid rgb(3,78,161);
	margin-left:-8px;
	margin-top:100px;	
}
#timeline .time-poll .frame-box
{
	padding-top:100px;
	height:400px;
}
#timeline .time-poll .frame-box .connector
{
	position:absolute;
	width:15px;
	height:15px;
	border-radius:50%;
	background:white;
	border:3px solid white;
	margin-left:-6px;
	margin-top:5%;
	
}
#timeline .time-poll .frame-box .connector .time
{
	position:absolute;
//	background:rgb(209,170,103);
	width:100px;
	padding:10px;
	border-radius:5px;
	text-align:center;
	margin-left:25px;
	margin-top:-30px;
	color:white;
	font-weight:bold;	
	font-size:24px;
	text-transform:uppercase;
}
#timeline .time-poll .frame-box.right .connector .time
{
	margin-left:-135px !important;
	margin-top:-30px !important;	
}

#timeline .time-poll .frame-box.left .data
{
	margin-left:-42%;
	width:40%;
	position:absolute;
}
#timeline .time-poll .frame-box.right .data
{
	margin-left:3%;
	width:40%;
	position:absolute;
}

#timeline .time-poll .frame-box .data .text
{
	bottom:0;
	position:absolute;
	padding:10px;
	width:100%;
	color:white;
	font-weight:500px;
	background:rgba(0,0,0,0.5);
}
#timeline .time-poll .frame-box .data .overlay
{
	position:absolute;
	width:100%;
	height:100%;
	overflow:auto;
	background:rgba(0,0,0,0.5);
}
#timeline .time-poll .frame-box .data img
{
	width:60%;
	margin:auto;
	border-radius:10px;
}
#timeline .time-poll .frame-box .time
{
	position:absolute;	
	padding:25px;
	color:white;
	width:35%;
	margin-top:1%;
	
}

#timeline .time-poll .frame-box.right .time
{
	text-align:right;
	margin-left:-35%;
}
