.timelineEntry {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 0 0 3em 0;
}
.timelineEntry:last-of-type {
  padding: 0;
}
.timelineEntry h3 {
  font: 300 1.5em/1.08333 Frutiger, Arial, Helvetica, sans-serif;
  color: #1c1c1c;
  margin-bottom: 0.5em;
}
.timelineEntry h4 {
  font: 700 1em/1.375 Frutiger, Arial, Helvetica, sans-serif;
  color: #1c1c1c;
  margin-bottom: 0.5em;
}
.timelineEntry p, .infoslide ul li {
  font: 300 .875em/1.42857 Frutiger, Arial, Helvetica, sans-serif;
  color: #1c1c1c;
  margin-bottom: 1em;
}
.infoslide ul li {
  margin-bottom: .5em;
}
.infoslide ul {
  list-style-type: disc;
  margin: 0 0 1em 2em;
}
.timeline {
  /* caussing issue in mobile - preventing from action i.e. touch events > links */
  /*position: relative;*/
  float: left;
  margin-bottom: -99999px;
  padding: 0 0 99999px 0;
  width: 9%;
}
.timeline h2 {
  padding-left: 1.5em;
  font: 300 .875em/1.42857 Frutiger, Arial, Helvetica, sans-serif;
  color: #1c1c1c;
  margin-bottom: 1em;
}
/*.virtualMuseumWrapper h2.screenreader-only {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}*/
.screenreader {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.timelineEntry .timeline:before {
  content: "";
  width: 1px;
  background-color: #bebebe;
  height: 100%;
  position: absolute;
  left: 4px;
  top: 14px;
}
.timelineEntry.active .timeline:before {
  /*background-color: #8A000A;*/
  background-color: #e60000;
}
.timelineEntry .timeline h2:before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: white;
  border: 1px solid #bebebe;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 0;
  top: 3px;
  border-radius: 50%;
  margin-top: -1px;
}
.timelineEntry.active .timeline h2:before {
  /*border-color: #8A000A; 
  background-color: #8A000A;*/
  border-color: #e60000; 
  background-color: #e60000;
}  
.sliderContainer {
  margin-left: 0;
}
.mobile-control {
  position: absolute;
  bottom: 1em;
  height: 1.5em;
  width: 1.5em;
  top: 32%;
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgb(0 0 0 / 60%);
  opacity: .5;
}
.mobile-control.right {
  right: 0;
  left: auto;
}
.mobile-control:hover, .mobile-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}
.entryCaption {
  height: 100%;
}
.more-text {
  /*display: inline-block;*/
  /*height: 0;*/
  /*max-height: 15.625em;*/
  overflow: hidden;
}
/*.less-text {display: none;}*/
.more-text-transition {
  transition: height .4s ease-in-out;
}
.more-text.more-text-expanded {
  overflow-y: auto;
}
.more-text-expanded {
  height: auto;
  overflow: visible;
}
.more-text-collapsed {
  display: none;
}
.btn-more {
  position: relative;
  font: 300 .875em/1.42857 Frutiger, Arial, Helvetica, sans-serif;
  width: 100%;
  padding: 1em;
  border-top: 1px solid #bebebe;
  display: none;
  padding-top: .8225em;
  padding-bottom: .8025em;
  padding-left: 1.25em;
  color: #1c1c1c !important;
}
.btn-more.closed:after,
.btn-more.open:after {
  content: "";
  position: absolute;
  height: 1.6em;
  width: 1.6em;
  background-image: url(/content/dam/content-fragments/html-custom-code/various/virtual-museum/icons/arrow-down.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  /*transform: rotate(0deg);*/
  transition: transform .3s ease-in;
  /*bottom: -0.5em;
  left: 47%;
  height: 2em;
  width: 2em;*/
  /*background-image: url(/content/dam/static/generic/down.svg);*/
}
.btn-more.closed:after {
  /*background-image: url(/content/dam/static/generic/down.svg);*/
  /*background-image: url(/content/dam/content-fragments/html-custom-code/various/virtual-museum/icons/arrow-down.svg);*/
  transform: rotate(0deg);
}
.btn-more.open:after {
  /*background-image: url(/content/dam/static/generic/up.svg);*/
  /*background-image: url(/content/dam/content-fragments/html-custom-code/various/virtual-museum/icons/arrow-top.svg);*/
  transform: rotate(180deg);
}
.btn-more:focus {
  border-top: 1px solid #404040;
}
.list-content {
  display: flex;
  box-sizing: border-box;	
  width: 5076px;	
  left: 0px;
}
.list-content.animated {
  transform: translate3d(0, 0, 0);
  transition: all 700ms ease 0s;
}
.list-content > li img {
  width: 100%;
}
.list-content > li {
  cursor: pointer;
  padding: 2px;
}
.main-cont {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}
.description-of-images {
  width: 50%;
  order: 2;
  padding: 0 20px;
}
.introInfo {
  width: 50%;
}
.graphics {
  order: 1;
  width: 50%;  
  padding: 0;
  margin: 0;
  display: block;
}
.infoslide {
  display: none;
  padding: 0 0 0 16px;
}
.smallview {
  display: none;
}
.largeview {
  position: relative;
}
.c-control-btn {
  position: absolute;
  bottom: 1em;
  height: 1.5em;
  width: 1.5em;
  font-size: 20px;
  color: #fff;
  text-align: center;
  /*text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: 1;
  margin: auto;*/
}
.left-btn {
  background-image: url(/content/dam/static/generic/previous.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
  transform: translate(-50%, -100%);
  margin-left: -15px;
}
.right-btn {
  background-image: url(/content/dam/static/generic/next.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  right: 0px;
  transform: translate(50%, -100%);
  margin-right: -15px;
}
.show-button {
  display: block;
}
.hide-button {
  display: none;
}
.hide-gallery {
  height: 0;
}
.entryIntro {
  padding-right: 0;
  width: 91%;
  float: right;
}
.note {
  font: 300 .85em Frutiger, Arial, Helvetica, sans-serif !important;
}
.sliderthumbs {
  width: 100%;
  overflow: hidden;
  margin-left: 0;
  margin-right: 0;
  margin-top: 10px;
}
.itemIcons:focus,
.active-icon:focus {
  outline: 2px solid #009BD2;
}
.itemIcons:hover,
.active-icon:hover {
  outline: 2px solid #009BD2;
}
.active-icon {
  outline: 2px solid #009BD2;
}
.c-control-btn:hover {
  outline: 2px solid #009BD2;
}
.active-info {
  display: block;
}
.note-para {
  display: flex;
  flex-direction: column;
}
.note-para span {
  margin-bottom: 5px;
  /*text-align: right;*/
}
.italic-list li {
  font-style: italic !important;
}
.cimg {
  width: 100%;
}
.main-images > .item {
  display: none;
}
.main-images > .active {
  display: block;
}
.virtualMuseumWrapper a {
  /*color: #007099;*/
  border-bottom: 1px solid #8e8d83;
  color: #1c1c1c;
  cursor: pointer;
}
.virtualMuseumWrapper a:hover,
.virtualMuseumWrapper a:focus {
  border-bottom: 1px solid #e60000;
}
.advert {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
  .mobile-control {
    width: 1.5em;
    height: 1.5em;
  }
  .timelineEntry {
    padding: 0px 0 1em 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mobile-control {
    width: 2.5em;
    height: 2.5em;
  }
}
/*@media screen and (max-width: 767px) {*/
@media screen and (max-width: 1023px) {
  .virtualMuseumWrapper {
    padding: 0;
  }
  .entryIntro {
    /*padding-right: 0;*/
    width: 100%;
    padding-left: 15px;
  }
  .timeline {
    width: 100%;
  }
  .entryContent {
    padding: 0 1em;
  }
  .timeline p {
    padding-left: 1em;
  }
  .mobile-control {
    background-color: #fff;
    background-repeat: no-repeat;
    border-radius: 50%;
    background-size: contain; 
    background-position: center;
  }
  .mobile-control.left {
    background-image: url(/content/dam/static/generic/previous-thick.svg); 
  }
  .mobile-control.right {
    background-image: url(/content/dam/static/generic/next-thick.svg); 
  }
  .btn-more {
    /*padding: 0;
    display: inline-block;*/
    display: flex;
    justify-content: space-between;
  }
  .btn-more.closed:after,
  .btn-more.open:after {
    position: relative; 
    display: inline-block; 
    /*left: 5px; 
    top: 9px;*/
  }
  .sliderthumbs {
    width: 100%;
    margin-bottom: 20px;
    /*padding-bottom: 20px;*/
  }
  .list-content {
    padding: 0;
    /*width: 100%;*/
    margin: 0;
  }
  .list-content > li {
    margin-top: 5px;
    padding: 1px;
  }
  .cimg {
    margin-bottom: 0;
  } 
  .graphics {
    width: 100%;
  }
  .description-of-images {
    width: 100%;
    padding: 0;
  }
  .introInfo {
    width: 100%;
  }
  .smallview {
    display: block;
    position: relative;
    top: -38%;
  }
  .largeview {
    display: none;
  }
  /*.more-text {
    display: none;
  }*/
  .infoslide {
    padding: 0;
  }
  .note-para span {
    text-align: left;
  }
}
@media screen and (-ms-high-contrast: active) {
  .c-control-btn {
    background-color: #fff;
    opacity: 1;
  }
  .c-control-btn:focus {
    outline: 2px solid #fff;
  }
  .c-control-btn:hover {
    outline: 2px solid #fff;
  }
  .left-btn,
  .right-btn	{
    background-size: initial;
  }
}
/*
@media only screen and (min-width: 768px) and (max-width: 1023px) {}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {}
@media only screen and (min-width: 1280px) {}
*/