/* hero */
.containerHero{background-image: url(../img/awards/header-awards_big.jpg); background-size: cover; background-position: center center; height: 100vh;}
.containerHero .heroImage{width: 100%;}
.containerHero .textHolder{position: absolute; bottom: 0; font-size: 37px; padding: 0; line-height: 1.4em; letter-spacing: 3.5px; text-align: center; top: 0; margin: auto; height: 90px; left: 0;}
.containerHero .textHolder span{font-size: 73px; letter-spacing: 2.2px;}

.containerHero .scrollDown{color: #5a453c; position: absolute; bottom: 28px; left: 0; right: 0; width: 85px; margin: auto; text-align: center; font-family: 'Roboto', sans-serif; z-index: 1;}
.containerHero .scrollDown .scrollDownMessage{font-size: 12px; letter-spacing: 3px; line-height: 1.5em;}
.containerHero .scrollDown svg{margin-top: 10px; fill: #5a453c;}
.containerHero .scrollDown:hover svg{transform: scale(1.5, 1.5); transition: ease 100ms transform;}

/* timeline */
.containerTimeline{padding: 30px 0;}
.containerTimeline .rowTimeline{height: 233px; width: 100%;}
.containerTimeline .rowTimeline .timelineCol{height: 100%; position: relateive;}
.containerTimeline .rowTimeline .timelineCol.timelineCol_left{}
.containerTimeline .rowTimeline .timelineCol.timelineCol_center{display: table;}
.containerTimeline .rowTimeline .timelineCol.timelineCol_center .year{font-size: 196px; color: #f6f3eb; position: absolute; display: table-cell; vertical-align: middle; text-align: center; width: 100%; line-height: 233px;}
.containerTimeline .rowTimeline .timelineCol.timelineCol_center .centerText{width: 100%; text-align: center; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; height: 80px;}
.containerTimeline .rowTimeline .timelineCol.timelineCol_center .centerText .line1{font-size:20px; text-decoration: underline;}
.containerTimeline .rowTimeline .timelineCol.timelineCol_center .centerText .line2{font-size: 30px;}
.containerTimeline .rowTimeline .timelineCol.timelineCol_right{}

.containerTimeline .rowTimeline .timelineCol.timelineColSide{}
.containerTimeline .rowTimeline .timelineCol.timelineColSide.withImg{background-image: url(../img/company/Timeline_line.svg);background-repeat: repeat-x;background-position: center;padding: 0;}
.containerTimeline .rowTimeline .timelineCol.timelineColSide img{position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
.containerTimeline .rowTimeline .timelineCol.timelineColSide.timelineCol_right.withImg{}
.containerTimeline .rowTimeline .timelineCol.timelineColSide.timelineCol_right.withImg img{right: 0; left: auto;}

/* type A */
.containerTimeline .rowTimeline .timelineCol.timelineCol_center.center_type_a .type_a_img{position: absolute; height: 100%; top: 0; right: 60%;}
.containerTimeline .rowTimeline .timelineCol.timelineCol_center.center_type_a .centerText{width: 60%; text-align: left; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; height: 140px;}
.containerTimeline .rowTimeline .timelineCol.timelineCol_center.center_type_a .centerText .line3{font-size: 15px; font-style: italic;}

/* side col with text */
.containerTimeline .rowTimeline .timelineCol.timelineColSide.withText{display: table;}
.containerTimeline .rowTimeline .timelineCol.timelineColSide.withText .sideTextHolder{font-size: 13px; display: table-cell; vertical-align: middle; width: 60%;}
.containerTimeline .rowTimeline .timelineCol.timelineColSide.withText .sideTextLine{background-image: url(../img/company/Timeline_line.svg); background-repeat: repeat-x; background-position: center; padding: 0; height: 5px; width: 40%; vertical-align: middle; display: table-cell;}

/* row line */
.containerTimeline .rowLine{height: 75px; background-image: url(../img/company/Timeline_line.svg); background-repeat: repeat-y; background-position: center;}
.containerTimeline .rowLine:last-child{display: none;}


/* mobile */
@media only screen and (max-width : 992px) {
  /*hero */
  .containerHero{padding: 0;}
  .containerHero .textHolder span{font-size: 35px;}
  .containerHero .textHolder span{font-size: 46px;}

  /*timeline */
  .containerTimeline{overflow: hidden;}
  .containerTimeline .rowTimeline{margin: auto;}

  .containerTimeline .rowTimeline .timelineCol.timelineCol_left{display: none !important;}
  .containerTimeline .rowTimeline .timelineCol.timelineCol_right{display: none !important;}
  .containerTimeline .rowTimeline .timelineCol.timelineCol_center{width: 90%; margin: auto; padding: 0;}

  .containerTimeline .rowTimeline .timelineCol.timelineCol_center .centerText{height: auto; display: table;}
}