@charset "UTF-8";/*!	Timeline - v0.0.1	ilker Yılmaz	https://github.com/ilkeryilmaz/timeline */.timeline-container {  position: relative; }  .timeline-container::after {    content: '';    display: table;    clear: both; }.timeline {  width: 100%; }.timeline-list {  position: relative;  width: 100%;  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(0.455, 0.03, 0.515, 0.955); }.timeline-item {  float: left;  width: 800px;  height: 400px;  border: 1px solid #ddd;  box-sizing: border-box; }.timeline-dots-wrap {  position: absolute;  overflow: hidden; }  .timeline-horizontal .timeline-dots-wrap {    width: 100%;    height: 35px; }  .timeline-vertical .timeline-dots-wrap {    width: 65px;    height: 100%;    top: 0; }  .timeline-dots-wrap.bottom {    bottom: -50px; }  .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(0.455, 0.03, 0.515, 0.955); }  .timeline-horizontal .timeline-dots {    background: url("../images/timeline-bg.png") bottom repeat-x; }  .timeline-vertical .timeline-dots {    background: url("../images/timeline-vertical-bg.png") left repeat-y; }  .timeline-dots li {    transition: all 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);    list-style: none;    overflow: hidden; }    .timeline-horizontal .timeline-dots li {      float: left;      width: 50px;      text-align: center; }    .timeline-vertical .timeline-dots li {      width: 100%;       margin: 20px 0;    }    .timeline-dots li.slide-active button {      color: #e60012;      font-size: 16px; }  .timeline-dots button {    cursor: pointer;    border: none;    outline: none;    color: #333;    font-size: 14px;    transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); }    .timeline-horizontal .timeline-dots button {      background: url("../images/date-icon.png") bottom no-repeat;      padding-bottom: 15px; }    .timeline-vertical .timeline-dots button {      background: url("../images/date-icon-vertical.png") left no-repeat;      padding-left: 15px; }      .timeline-vertical .timeline-dots button:hover{        color: #e60012;        font-size: 16px;      }.timeline-container {  width: 800px;  margin: 0 auto; }.timeline-list {  width: 800px; }.timeline-item {  width: 800px;  height: 400px;  padding: 10px;  border: 1px solid #ddd; }