@charset "UTF-8";
/*!
	Timeline - v0.0.1
	ilker Yilmaz
	https://github.com/ilkeryilmaz/timeline
 */
 @font-face {
           font-family:'PT Sans';
           src: url("fonts/PTS55F.ttf");
}

.timeline-container{position:relative; font-family: PT Sans;}
.timeline-container::after{content:'';display:table;clear:both}
.timeline{width:100%}.timeline-list{position:relative;overflow:hidden;margin:0;padding:0}
.timeline-list-wrap{position:relative;top:0;left:0;display:block;transform:translate3d(0,0,0);transition:transform 1s cubic-bezier(.455,.03,.515,.955)}
.timeline-item{float:left;box-sizing:border-box}
.timeline-dots-wrap{position:absolute;overflow:hidden; background-color: rgb(145, 171, 213);}
.timeline-horizontal .timeline-dots-wrap{width:1000px;height:35px;left:-100px;}
.timeline-vertical .timeline-dots-wrap{width:65px;height:100%;top:0}
.timeline-dots-wrap.bottom{bottom:0px}
.timeline-dots-wrap.top{top:-50px}
.timeline-dots-wrap.left{left:-65px}
.timeline-dots-wrap.right{right:-70px}
.timeline-dots{margin:0;padding:0;position:relative;width:100%;height:100%;transition:transform 1s cubic-bezier(.455,.03,.515,.955)}
.timeline-horizontal .timeline-dots{background:url(../img/timeline-bg.png) bottom repeat-x}
.timeline-vertical .timeline-dots{background:url(../img/timeline-vertical-bg.png) left repeat-y}
.timeline-dots button,.timeline-dots li{transition:all 1s cubic-bezier(.455,.03,.515,.955)}
.timeline-dots li{list-style:none;overflow:hidden}
.timeline-horizontal .timeline-dots li{float:left;width:80px;text-align:center;}
.timeline-vertical .timeline-dots li{width:100%}.timeline-dots li.slide-active button{color:#2972ca;font-size:25px;}
.timeline-dots button{cursor:pointer;border:none;outline:none;color:#FFF;font-size:25px}
.timeline-horizontal .timeline-dots button{background-color: #94aed6;}
.timeline-vertical .timeline-dots button{background:url(../img/date-icon-vertical.png) left no-repeat;padding-left:15px}
.timeline-container{width:800px;margin:0 auto}
.timeline-list{width:800px}
.timeline-item{width:800px;height:650px;padding-top:50px;text-align: center;}
.timeline-item a {margin: 0 auto; position: relative; text-align: center;}
.timeline-item img {margin: 0px auto; position: relative; text-align: center;}
.timeline-item h2 {font-size: 25px; color: #637eba; margin: 20px auto; position: relative; text-align: center;font-weight: normal;}
.timeline-item h3 {font-size: 16px; color: #637eba; margin: 0 auto; position: relative; text-align: center;font-weight: normal;}
.timeline-item p {font-size: 14px; margin: 20px auto; position: relative; text-align: center;}
#carousel-right {position:absolute; top:180px; right:10px; cursor:pointer; z-index: 5;}
#carousel-left {position:absolute; top:180px; left:10px; cursor:pointer; z-index: 5;}