@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/awesome/fontawesome-webfont.eot?v=4.0.3');
  src: url('fonts/awesome/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('fonts/awesome/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('fonts/awesome/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('fonts/awesome/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}




/* -----------------------------------
 TIMELINE FLAT BASE DESIGN
 ---------------------------------- */

.timelineFlat {
margin-top:60px;
margin-bottom:60px;
}




.timeline_items_wrapper {
	position: relative;
	width: 100%;
	margin: 10px 0;
}

/* items container */
.timelineFlat .timeline_items {
	padding:0;
}

/* single item (margines set from javascript) */
.timelineFlat .item {
	width:410px;
	height:475px;
	background:#eaeaea;
	color:#777777;
	font-size:14px;
	line-height:15px;
	position: relative;

}

.timelineFlat .item_small {
	width:410px;
	background:#CaCaCa;
	font-size:18px;
	line-height:25px;
	position: relative;
}


/* ----- content - non-plugin elements ----- */
.timelineFlat .item img {
	margin-top:0;
	width:100%;
}

.timelineFlat .item h2 {
	font-family: 'Source Sans Pro', Georgia, Times, 'Times New Roman', serif;
	padding: 20px 20px 10px;
	margin: 0;
	font-weight:700;
	font-size:22px;
	line-height:24px;
	color: #125389;

}
.timelineFlat .item span{
	display:block;
	margin:0px 20px 10px;
	height:75px;
}
.timelineFlat .item .read_more {
	padding:10px;
	font-size:12px;
	line-height:12px;
	float:left;
	color:#ffffff;
	cursor:pointer;
	margin: 0 20px 20px;
	border-radius: 3px;
	background:#125389;
	transition:background-color 300ms;
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
}

@media screen and (max-width:650px) {
.timelineFlat .item .read_more {margin-left:140px}
}

.timelineFlat .item .read_more:hover {
	background:#4293B9;
}
/* ----------------------------------------- */

/* item details (margines set from javascript) */
.timelineFlat .item_open {
	width:410px;
	height:475px;
	background:#eaeaea;
	position:relative;
	color:#777777;
	z-index:2;

}


/* item details content wrapper (used for animation - shuld have same width as .item_open) */
.timelineFlat .item_open_cwrapper {
	width:410px;
	height:100%;
}

.timelineFlat .item_open_content {
	padding:20px 5% 0px 5%;
	width:90%;
	height:100%;
	position:relative;
}

.timelineFlat .item_open .t_close {
	position:absolute;
	top:20px;
	right:16px;
	padding:0px;
	width: 33px;
	height: 33px;
	font-size:16px;
	line-height: 12px;
	color: #4293B9;
	cursor:pointer;
	z-index:2;
	text-align: center;
	transition:color 300ms;
	-webkit-transition: color 300ms;
	-moz-transition: color 300ms;
}
.timelineFlat .item_open .t_close:hover {
	color:#4293B9;
}
/* ----------------------------------------- */

/* left/right controles */
.timelineFlat .t_controles {
	margin:0;
}


.timelineFlat:hover .t_left,
.timelineFlat:hover .t_right {
	opacity: 1;
	filter: alpha(opacity=100);
}

.timelineFlat .t_left,
.timelineFlat .t_right {
	position: absolute;
	display:block;
	height:100%;
	width:75px;
	margin:0;
	cursor:pointer;
	top:0;
	z-index: 10;
	opacity: 0;
	filter: alpha(opacity=0);
	transition:background-color 300ms, opacity 300ms;
	-webkit-transition: background-color 300ms, opacity 300ms;
	-moz-transition: background-color 300ms, opacity 300ms;
}
.timelineFlat .t_left,
.timelineFlat .t_left:hover:active {
	left:0;
	background: rgba(255,255,255, 0.5) url('images/clean/blck-arrow-left.png') no-repeat center center;
}
.timelineFlat .t_left:hover {
	background: rgba(255,255,255, 0.7) url('images/clean/blck-arrow-left.png') no-repeat center center;
}

.timelineFlat .t_right,
.timelineFlat .t_right:hover:active{
	right:0;
	background: rgba(255,255,255, 0.5) url('images/clean/blck-arrow-right.png') no-repeat center center;
}

.timelineFlat .t_right:hover {
	background: rgba(255,255,255, 0.7) url('images/clean/blck-arrow-right.png') no-repeat center center;
}

/* -----------------------------------------------------------------------*/
/* ------------------------------ RESPONSIVE -----------------------------*/
/* -----------------------------------------------------------------------*/



/* --- 768px --- */
@media screen and (max-width:980px) {
	.timelineFlat .timeline_line {
		width:680px;
	}

	.timelineFlat .t_line_view {
		width:680px;
	}

	.timelineFlat .t_line_m {
		width: 338px;
	}
	.timelineFlat .t_line_m.right {
		left: 339px;
		width: 339px;
	}
}


/* --- 610px --- */
@media screen and (max-width:767px) {

	.timelineFlat .timeline_line {
		width:530px;
	}

	.timelineFlat .t_line_view {
		width:1060px;
	}

	.timelineFlat .t_line_m {
		width: 528px;
	}
	.timelineFlat .t_line_m.right {
		left: 530px;
		width: 528px;
	}

	.timelineFlat .t_line_node span {

	}
	.timelineFlat .t_node_desc {
		font-size:8px;
	}
	.timelineFlat .t_line_m.right .t_node_desc {
		right:auto;
		left:0;
	}
}


/* --- 300px --- */
@media screen and (max-width:609px) {
	.timelineFlat .timeline_line {
		width:240px;
	}

	.timelineFlat .t_line_view {
		width:480px;
	}

	.timelineFlat .t_line_m {
		width: 238px;
	}
	.timelineFlat .t_line_m.right {
		left: 240px;
		width: 238px;
	}

	.timelineFlat .item_open {
		width:280px;

	}
	.timelineFlat .item_open img {
		max-width:280px;
	}
	.timelineFlat .item_open_cwrapper {
		width:280px;
	}
}