.content_timeline{
	padding:100px 0;
	overflow:hidden;
}
.timeline-title{
	color:#d9dde7;
	margin-left:0;
	margin-bottom: 40px;
	text-align:center;
}
#timeline-wrapper{
	height:900px;
	margin-top:30px;
}
#timeline-pagination{
    height: 1rem;
    text-align: left;
    margin:auto;
    position: initial;
}
.swiper-pagination{
	position:initial;
}
#timeline-pagination .timeline-pagination-bullet{
	border-radius:50%;
	background-color: #001e61;
    margin: 0.6rem 64px 0 64px;
    opacity:1;
}
.timeline-pagination-bullet.swiper-pagination-bullet-active{
	width:1rem;
	height:1rem;
	background-color: #001e61;
}
.timeline-pagination-bullet.swiper-pagination-bullet > .timeline-pagination-title{
	font-size:1rem;
	font-family:'Avenir-Heavy', sans-serif;
	color: #001e61;
	opacity:0.35;
	display:inline-block;
    margin-left: -1rem;
    text-align:center;
    vertical-align: text-top;
}
.timeline-pagination-bullet.swiper-pagination-bullet-active > .timeline-pagination-title{
	font-size:24px;
	opacity:1;
}
.timeline-thumbnail {
    overflow: hidden;
    margin: auto;
    display: block;
    text-align: center;
    width: 80%;
    height: 400px;
}
.timeline-thumbnail img{
    height: 100%;
    width: auto;
    margin: auto;
    display: inline-block;
}
.timeline-content, .timeline-content p{
	margin-top:5px;
	display:inline-block;
	font-size:1.5rem;
	line-height:2.1rem;
}
.timeline-content p {
    width: 90%;
    margin: 5px 5% 0 5%;
}
.swiper-pagination-bullet{
    width:.8rem;
    height:.8rem;
}
.swiper-button-next, .swiper-button-prev, .swiper-button-rtl{
	background-image:none;
}
.timeline-btn {
	opacity:0.3;
    text-align: center;
}
.timeline-btn:hover {
	opacity:0.6;
}
#timeline-scroll{
	display:block;
	width:88%;
	margin:auto;
	overflow: hidden;
	-ms-overflow-x: hidden;
	height:auto;
    min-height: 130px;
}
#timeline-bar{
	display:inline-block;
	position:absolute;
	width:85%;
	height:1rem;
	border-bottom:1px solid #001e61;
}
.pagination-next, .pagination-prev{
	display:inline-block;
	text-align: center;
	width:5%;
    vertical-align: top;
    color:#666;
    background-color:#fff;
    position:absolute;
}
.pagination-next{
	float:right;
	top:0;
	right:0;
}
.pagination-next:hover, .pagination-prev:hover{
	cursor:pointer;
}
@media(min-width:500px){
	.timeline-thumbnail img{
		height:100%;
		width:auto;
	}
	#timeline-wrapper{
		height:700px;
	}
}
@media(min-width:768px){
	#timeline-scroll, #timeline-bar{
		width:580px;
	}
	.pagination-next, .pagination-prev{
	    width: 80px;
	}
	.content_timeline{
		padding:150px 0;
	}
	.timeline-title{
		margin-left:35px;
		text-align:left;
	}
	#timeline-wrapper{
		height:400px;
	}
	.timeline-thumbnail{
        width: 33.33333333%;
	    height: auto;
	    margin-left: 50px;
	    display: inline-block;
	}
	.timeline-thumbnail img{
	    width: 100%;
	    height:auto;
	}
	.timeline-content p{
		margin:0;
		margin-right:10px;
	}
	.timeline-content{
		margin-right:10px;
	}
	
}
@media(min-width:992px){
	#timeline-scroll, #timeline-bar{
		width:870px;
	}
	.pagination-next, .pagination-prev{
		width:45px;
	}
}
@media (min-width: 1200px){
	#timeline-scroll, #timeline-bar{
		width:1026px;
	}
	.pagination-next, .pagination-prev{
		width:60px;
	}
	#timeline-wrapper {
	    height: 600px;
	}
	.timeline-content, .timeline-content p{
		margin-top:0;
	}
	.timeline-content p {
	    width: 100%;
	}
	#timeline-pagination .timeline-pagination-bullet{
		margin: 0.55rem 76px 0 76px;
	}
	.timeline-content,
	.timeline-content p{
		font-size:2rem;
		line-height:3rem;
	}
}