.timeline-60-years *{
  box-sizing:unset;
}
.timeline-60-years #wrap{
  background:transparent url('/content/dam/batcom/extra-fe-resources/batcom/base/components/batcom-html/timeline-60-years/r-and-d-timeline-background.jpg') 0 0 no-repeat;
  width:620px;
  padding:15px;
  margin:0 auto;
}
.timeline-60-years #timeline{
  width:620px;
  overflow:hidden;
  position:relative;
  background:url('/content/dam/batcom/extra-fe-resources/batcom/base/components/batcom-html/timeline-60-years/news-4ds-timeline-dot.gif') left 45px repeat-x;
  color:#fff;
  font-size:14px;
}
.timeline-60-years #timeline a{
  color:#fff;
  text-decoration:none;
  outline:none;
}
.timeline-60-years #timeline a:hover{
  text-decoration:underline;
}
.timeline-60-years #timeline h1{
  color:#ccc;
  font-size:18px;
  margin-bottom:5px;
}
.timeline-60-years #timeline .sociales{
  text-align:center;
  margin-bottom:20px;
}
.timeline-60-years #timeline li a.selected{
  color:#00b1eb !important;
}
.timeline-60-years #dates{
  width:620px;
  height:60px;
  overflow:hidden;
  margin-top:0;
}
.timeline-60-years #dates li{
  list-style:none;
  float:left;
  width:125px;
  height:50px;
  font-size:18px;
  text-align:center;
  background:url('/content/dam/batcom/extra-fe-resources/batcom/base/components/batcom-html/timeline-60-years/news-4ds-timeline-biggerdot.png') center bottom no-repeat;
}
.timeline-60-years #dates a{
  font-weight:300;
  line-height:38px;
  padding-bottom:10px;
}
.timeline-60-years #dates .selected{
  font-size:23px;
}
.timeline-60-years #issues{
  overflow:hidden;
}
.timeline-60-years #issues li{
  width:620px;
  height:350px;
  list-style:none;
  float:left;
  margin-bottom: 0.67em;
}
.timeline-60-years #issues li img{
  float:left;
  padding:10px 0 10px 30px;
  background:transparent;
}
.timeline-60-years #issues li h1{
  font-weight:normal;
  color:#fff;
  font-size:35px;
  margin:15px 0 5px;
  line-height:1.5;
}
.timeline-60-years #issues li p{
  font-size:12.5px;
  margin:0 60px 5px 0;
  font-weight:normal;
  line-height:16px;
  color:#fff;
}
.timeline-60-years #next,
.timeline-60-years #prev{
  position:absolute;
  font-size:70px;
  top:170px;
  width:22px;
  height:38px;
  background-position:0 0;
  background-repeat:no-repeat;
  text-indent:-9999px;
  overflow:hidden;
}
.timeline-60-years #next:hover,
.timeline-60-years #prev:hover{
  background-position:0 -76px;
}
.timeline-60-years #next{
  right:0;
  background-image:url('/content/dam/batcom/extra-fe-resources/batcom/base/components/batcom-html/timeline-60-years/news-4ds-timeline-next.png');
}
.timeline-60-years #prev{
  left:0;
  background-image:url('/content/dam/batcom/extra-fe-resources/batcom/base/components/batcom-html/timeline-60-years/news-4ds-timeline-prev.png');
}
.timeline-60-years #next.disabled,
.timeline-60-years #prev.disabled{
  opacity:0.5;
}
.timeline-60-years ul#issues{
  padding-left:0;
}

@media screen and (max-width:650px){
  .timeline-60-years .article{
    margin-left:0 !important;
  }
  .timeline-60-years #wrap{
    background:none !important;
    width:100%;
    padding:0 !important;
  }
  .timeline-60-years #timeline{
    width:unset;
  }
  .timeline-60-years ul#dates{
    display:none;
  }
  .timeline-60-years #issues{
    height:initial !important;
    width:100% !important;
    margin-left:0 !important;
    margin-bottom:30px;
  }
  .timeline-60-years #issues li{
    display:block !important;
    margin-left:0;
    float:none !important;
    background-color:#00367c;
    height:initial !important;
    width:100% !important;
    padding-bottom:15px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    filter:alpha(opacity=100) !important;
    -moz-opacity:1.0 !important;
    -khtml-opacity:1.0 !important;
    opacity:1.0 !important;
  }
  .timeline-60-years #issues li img{
    float:none !important;
    padding-left:15px;
    max-width:80% !important;
  }
  .timeline-60-years #issues li h1{
    margin-left:15px;
  }
  .timeline-60-years #issues li p{
    margin-left:15px;
  }
  .timeline-60-years #dates li{
    float:none !important;
  }
  .timeline-60-years a#next,
  .timeline-60-years a#prev{
    display:none !important;
  }
}
@media only screen and (min-width:651px){
  .timeline-60-years #timeline{
    height: 360px;
  }
}