/* History slider
================================================================================ */

.history-slider {
	margin-bottom:40px;
	padding:10px 0 25px;
	border-color:#434144;
	background:#e2d6c1;
}
.history-slider.blue-border {
	border-color:#3578aa;
}
h2 + .history-slider,
h3 + .history-slider {
	margin-top:20px;
}
.js .history-items {
	overflow:hidden;
}
.history-items ul {
	margin:0;
	list-style:none;
}
.js .history-items ul {
	width:9999px;
}
.js .lt-ie8 .history-items ul {
	width:100%;
}
.history-items li {
	float:left;
	margin-bottom:10px;
	padding:0 10px;
}
.no-js .history-items li,
.lt-ie8 .history-items li {
	display:inline-block;
	float:none;
	margin:0 -5px 10px 0;
	vertical-align:top;
}
.lt-ie8 .history-items li {
	display:inline;
	zoom:1;
}
.history-slider ul,
.history-slider li,
.history-items {
	border-color:inherit;
}
.history-items .slide {
	border-color:inherit;
	border-bottom-width:10px;
	border-bottom-style:solid;
	-moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow:1px 1px 3px rgba(0, 0, 0, 0.3);
	background:#f2f2f2;
}
.article .history-items li:before {
	content:none;
}
.history-items img {
	display:block;
	max-width:100%;
	width:auto;
	height:auto;
	margin:0 auto;
	padding:16px 18px 0;
}
.history-items img.full {
	width:100%;
	padding:0;
}
.history-items .caption {
	padding:14px 18px;
}
/*.history-items .caption h2 + p {
	font-weight:bold;
}*/
.history-items .caption h2,
.history-items .caption h3,
.history-items .caption h4 {
	font-weight:bold;
	font-size:24px;
	line-height:30px;
	text-transform:none;
}
.history-timeline {
	display:none;
	margin-bottom:20px;
	padding:0 10px;
}
.history-timeline .start,
.history-timeline .end,
.history-timeline .bar,
.history-timeline .handle {
	display:inline-block;
	color:#000;
	font-weight:bold;
	font-size:28px;
	line-height:28px;
}
.history-timeline .start {
	float:left;
	margin-bottom:10px;
}
.history-timeline .end {
	float:right;
	margin-bottom:10px;
}
.history-timeline .bar {
	width:100%;
	height:12px;
	margin:0;
	border-radius:8px;
	background:#434144;
}
.history-timeline .handle {
	display:block;
	min-width:30px;
	width:20%;
	height:12px;
	border-radius:8px;
	background:#f2f2f2;
}
.history-timeline .start,
.history-timeline .end {
	cursor:pointer;
}

@media only screen and (min-width: 768px) {
	.history-slider {
		padding:20px 10px 25px;
	}
	.history-timeline {
		display:block;
	}
	.history-items li {
		float:left;
		width:50%;
		margin-bottom:0;
	}
}

@media only screen and (min-width: 992px) {
	.history-slider {
		background-image:url(/gui/i/plywood-texture.jpg);
		background-position:center top;
		background-repeat:no-repeat;
	}
}