/*Progress circle style BEGIN*/


/* DEMO STYLES */



/* PROGRESS CIRCLE COMPONENT */
.circliful {
    margin:auto;
    position: relative; 
}

.circle-text, .circle-info, .circle-text-half, .circle-info-half {
    width: 100%;
    position: absolute;
    text-align: center;
    display: inline-block;
}

.circle-info, .circle-info-half {
	color: #999;
}

.circliful .fa {
	margin: -10px 3px 0 3px;
	position: relative;
	bottom: 4px;
}
/*Progress circle style Eind*/

/*TIMELINE Homepage BEGIN*/
.container {
	margin-top: -3em;
	overflow: auto;
	padding: 6%;
/*	margin-left: 10%;
*/	width: 100%;
}
.container h2 {
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
}
.right-content, .left-content {
	float:left;
	display:block;
	width:50%;
	padding:1% 2%;
}
.left-content {
	border-right:5px dotted #666;	
	text-align:right;
}
.left-content p a {
	margin:0.1em 0em 2em;
	color: #666;
}
.right-content p a {
	margin:0.1em 0em 2em;
	color: #666;
}
.container section {
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7 ease-in-out;
-ms-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;	
margin: 3em 0em;
}
.left-content .more-padding {
  padding-right:100px;
}
.right-content .more-padding {
  padding-left:100px;
}
/*TIMELINE Homepage EIND*/