.tl-stage-year-medium-month .scale-block,
.tl-hide-scale-stripes .tl-stage .scale-block {

  background: url(lines-year-medium-month.png) -1px 0 !important;

}

.tl-stage-story-holder {
  height: 90%;
  position: relative;
}

#tl-header {
  border-width: 0!important;
  background: #0a0c0c !important;
}
#tl-header .main-logo,
#tl-stage-holder .tl-stage-border-top { display: none; }

#tl-header .tl-main-title {
  position: absolute;
  bottom: 10px;
  left: 12px;
  color: #fff !important;
  font-weight: normal;
  font-size: 16px;
  white-space: nowrap;
  text-transform: uppercase;
}

/* ------ BOX INFO ------ */

.tl-sb-inner {
  position: relative;
  top: 0;
  z-index: 2;
}
/* reset original box design */
.tl-story-block .bottom,
.tl-story-block .top {
  display: none!important;
}
.tl-story-block {
  margin-bottom: 45px;
  padding: 12px 0 2px 0;
}
.tl-story-block .content {
  background: none;
}

/* BOX INFO: category tab */

.tl-story-block h5.tab {
  position: absolute;
  top: -2.5em;
  right: 0.9em;
  min-width: 43px;
  left: auto;
  transform: skew(-2deg, 0deg);
}


/* BOX INFO: common bg parts */

.tl-story-block::before, .tl-story-block::after {
  position: absolute;
  display: block;
  content: '';
}

/* BOX INFO: common white bg part */

.tl-story-block::before {
  background: #fff;
  right: 2%;
  top: 0;
  height: 107%;
  z-index: 0;
  width: 96%;
  left: 2%;
}
/* BOX INFO: common black bg part */
.tl-story-block::after {
  background: #000;
  left: 1%;
  top: -2px;
  width: 98%;
  height: 110%;
  z-index: -1;
}

/* BOX INFO: EVEN bg parts */

.tl-story-block:nth-child(even)::before {
  transform: skew(-1deg, -0.6deg);
}
.tl-story-block:nth-child(even)::after {
  transform: skew(1deg, 0.4deg);
}

/* BOX INFO: ODD bg parts */

.tl-story-block:nth-child(odd)::before {
  transform: skew(1deg, 0.6deg);
}
.tl-story-block:nth-child(odd)::after {
  transform: skew(-1deg, -0.4deg);
}

/* bottom arrow */
.tl-sb-inner::after {
  content: '';
  background: #fff;
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: -11px;
  left: 50%;
  transform: translateX(-30%) rotate(56deg) skew(20deg, 20deg);
  z-index: -1;
  box-shadow: 3px 2px 0 -2px #000;
}
/**/
.tl-story-block .content .content-inner {
  margin: 0 23px 0 23px;
  padding: 6px 0 0 0;
}
.tl-sb-tiny-height .tl-sb-gallery-active .tl-sb-basic-info-holder h3,
.tl-sb-tiny-height .tl-sb-gallery-active p.text {
  margin-left: 66px;
}

.tl-sb-tiny-height .tl-sb-inner .tl-sb-basic-info-holder h3 {
  font-size: 16px;
}

.tl-sb-basic-info-holder {
  position: relative;
}

/* BOX INFO: image */
.tl-sb-tiny-height .tl-sb-inner .tl-sb-basic-info-holder .tl-sb-image-gallery {
  position: absolute;
  left: -7px;
}
.tl-sb-tiny-height:nth-child(even) .tl-sb-inner .tl-sb-basic-info-holder .tl-sb-image-gallery {
  top: -4px;
}
.tl-sb-tiny-height:nth-child(odd) .tl-sb-inner .tl-sb-basic-info-holder .tl-sb-image-gallery {
  top: -6px;
}

.tl-sb-tiny-height .tl-sb-inner .tl-sb-basic-info-holder .tl-sb-image-gallery,
.tl-sb-tiny-height .tl-sb-inner .tl-sb-image-gallery .ig-inner {
  height: 60px;
  width: 60px;
}

.tl-story-block .tl-sb-image-gallery { border:none; }

.tl-story-block .tl-sb-image-gallery div.ig-inner {
  overflow: hidden;
  position: relative;
  background: #eee;
  display: block;
}

.tl-story-block:nth-child(even) .tl-sb-image-gallery div.ig-inner {
  transform: skew(1.1deg, 1.6deg);
}
.tl-story-block:nth-child(odd) .tl-sb-image-gallery div.ig-inner {
  transform: skew(-1.6deg, -1.6deg);
}

/* button */

.tl-sb-tiny-height .tl-sb-inner .tl-sb-more-button {
  display: block;
  overflow: hidden;
  height: 30px;
  width: 30px;
  background: #000;
  padding: 0;
  transition: .5s;
}

.tl-sb-tiny-height:nth-child(even) .tl-sb-inner .tl-sb-more-button{
  transform: skew(-1.6deg, -0.6deg);
}
.tl-sb-tiny-height:nth-child(odd) .tl-sb-inner .tl-sb-more-button{
  transform: skew(1deg, 0.6deg);
}

.tl-sb-tiny-height .tl-sb-inner .tl-sb-more-button::before {
  content: '→';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  text-indent: 0;
  line-height: 0;
  color: #fff;
}

/* --- END BOX INFO ---- */

/* MAIN TIMELINE DATE TEXT */
#tl-stage-date-displayer {
  background: #000;
  opacity: 1;
  font-weight: bold;
  text-transform: uppercase;
  width: 100px;
  left: 50%;
  transform: translateX(-50%);
  padding: .5em;
  text-align: center;
  top: 10px;
}
.tl-span-content {
  background: #000;
  padding: .6em 1em 0 1em;
}

/* bottom timeline text */
.tl-stage .scale-block .index h4 {
  font-size: 14px;
  padding-top: 12px;
  font-weight: bold;
}
.tl-stage .scale-block .scale-block-label-v2 {
  text-transform: uppercase;
  background: none;
}

/* backgrounds */

#tl-stage-image, .tl-span-background img, .tl-span-block-image-holder img {
  top: 0 !important;
  bottom: auto !important;
}
/* bar */

#tl-slider-dragger .tlsd-inner {
  border: #f2eaea solid 4px !important;
  -moz-border-radius: 0;
  border-radius: 0!important;
}