.containerHero.realHero{background-image: url(../img/company/header-company_big.jpg); background-size: cover; background-position: center center; height: 100vh;}

.companyContent{padding: 30px 0 0;}
.companyContent .rowTeam{/*border-bottom: 10px #5a453c solid;*/ padding-bottom: 30px;}
.companyContent .rowTeam .teamSlider{width: 90%; margin: 0 5%;}
.companyContent .rowTeam .teamSlider .sliderArrow{position: absolute; z-index: 1; top: 0; bottom: 0; margin: auto; cursor: pointer;}
.companyContent .rowTeam .teamSlider .sliderArrowRight{right: 0;}
.companyContent .rowTeam .teamSlider .sliderArrowLeft{left: 0;}
.companyContent .rowTeam .teamSlider ul.slides{}
.companyContent .rowTeam .teamSlider ul.slides li{}
.companyContent .rowTeam .teamSlider ul.slides li img{width: 100%;}

.companyContent .rowTeam .teamText{}
.companyContent .rowTeam .teamText h1{font-size: 50px; letter-spacing: 2px;}
.companyContent .rowTeam .teamText p{font-size: 18px; letter-spacing: 0.7px;}

.container-fluid.fluid_managers{border-top: 10px #5a453c solid; background-color: #e9e5da;}
.companyContent .rowManagers{background-color: #e9e5da; padding-bottom: 50px;}
.companyContent .rowManagers .managersTitle{font-size: 40px; text-align: center; margin:30px 0;}

.companyContent .rowManagers .colHolder{display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.companyContent .rowManagers .manager{width: 270px; display: inline-block; margin: 10px 20px;}
.companyContent .rowManagers .manager .managerHolder{height: 200px; text-align: center; position: relative;}
.companyContent .rowManagers .manager .managerHolder .card{height: 170px; width: 160px; margin: auto; position: relative;}
.companyContent .rowManagers .manager .managerHolder .card img{width: 100%; transform: scale(1); transition: 200ms ease all; position: absolute; top: 0; left: 0;}
.companyContent .rowManagers .manager .managerHolder .card img.hoverImg{opacity: 0;}
.companyContent .rowManagers .manager .managerHolder .card:hover img{transform: scale(1.1); opacity: 1}

.companyContent .rowManagers .manager .managerHolder .managerName{font-size: 21px; padding: 0;}
.companyContent .rowManagers .manager .managerHolder .managerPosition{font-size: 12px; font-family: 'Roboto', sans-serif;}
.companyContent .rowManagers .manager .manager_4{margin-left: 340px;}
.companyContent .rowManagers .manager .manager_5{margin-left: 90px;}

/* rowSliders */
.companyContent .rowSliders{}
.companyContent .rowSliders .sliderMainHolder{border-bottom: 1px solid #e9e5da; padding: 30px 0;}
.companyContent .rowSliders .sliderMainHolder.last{border-bottom: none; padding: 30px 0;}
.companyContent .rowSliders .slider{height: 330px;}
.companyContent .rowSliders .slider .slides{height: 330px;}

.companyContent .rowSliders .slider .slides .sliderArrow{position: absolute; z-index: 1; top: 0; bottom: 0; margin: auto; cursor: pointer;}
.companyContent .rowSliders .slider .slides .sliderArrowRight{right: 0;}
.companyContent .rowSliders .slider .slides .sliderArrowLeft{left: 0;}
.companyContent .rowSliders .slider .slides .slide .slideImg{width: 100%;}

.companyContent .rowSliders .slider .slides .slide{height: 100%;}
.companyContent .rowSliders .slider .slides .slide .mainCol{height: 100%;}

.companyContent .rowSliders .slider .slides .slide .mainCol .sideCol.typeHeadLine{display: table;}
.companyContent .rowSliders .slider .slides .slide .mainCol .sideCol.typeHeadLine .sliderMessageHolder{display: table-cell; vertical-align: middle; text-align: center;}
.companyContent .rowSliders .slider .slides .slide .mainCol .sideCol.typeHeadLine .sliderMessageHolder h1{font-size: 50px; letter-spacing: 2.2px;}
.companyContent .rowSliders .slider .slides .slide .mainCol .sideCol.typeHeadLine .sliderMessageHolder span{font-size: 25px; letter-spacing: 1px;}

.companyContent .rowSliders .slider .slides .slide .mainCol .sideCol.typeText{display: table;}
.companyContent .rowSliders .slider .slides .slide .mainCol .sideCol.typeText .sliderMessageHolder{display: table-cell; vertical-align: middle; text-align: left;}
.companyContent .rowSliders .slider .slides .slide .mainCol .sideCol.typeText .sliderMessageHolder h1{font-size: 40px; letter-spacing: 1.6px;}
.companyContent .rowSliders .slider .slides .slide .mainCol .sideCol.typeText .sliderMessageHolder span{font-size: 18px; letter-spacing: 0.7px;}

.companyContent .rowSliders .slider .slides .slide .mainCol .sideCol{height: 100%;}

/* containerTimeline */
.containerTimeline{height: 100vh; border-top: 10px #5a453c solid;}
.containerTimeline .heroImage{opacity: 0;}
.containerTimeline .smallYears{position: absolute; top: 10px; right: 10px; text-align: center; display: none;}
.containerTimeline .smallYears ul{list-style: none; padding: 0;}
.containerTimeline .smallYears ul li{}
.containerTimeline .smallYears ul li.year{opacity: 0.3; font-size: 18px;}
.containerTimeline .smallYears ul li.year:last-child{opacity: 1; font-size: 25px;}
.containerTimeline .smallYears ul li.line{    background-image: url(../img/company/Timeline_line.svg); background-size: 5px 1px; background-position: center center; background-repeat: repeat-y; height: 10px; margin: 3px 0;}
.containerTimeline .textHolder{bottom: 0; top: 0; margin: auto; height: 150px; text-align: center; color: #5a453c; font-size: 36px; line-height: 1.4em;}
.containerTimeline .textHolder span{font-size: 73px;}
.containerTimeline .scrollDown {color: #5a453c;}
.containerTimeline .scrollDown svg{fill: #5a453c;}

/* timeline */

.timelineHolder{padding-bottom: 150px;}
.timelineHolder .row{height: 235px;}
.timelineHolder .row .timelineCol{height: 100%; display: table; padding: 0;}
.timelineHolder .row .timelineCol.timelineColRight{text-align: right;}
.timelineHolder .row .timelineCol.colSideImg{background-image: url(../img/company/Timeline_line.svg); background-repeat: repeat-x; background-position: center; padding: 0;}
.timelineHolder .row .timelineCol.colSideImg img{position: absolute; top: 0; bottom: 0; margin: auto;}
.timelineHolder .row .timelineCol.timelineColRight.colSideImg img{right: 0;}
.timelineHolder .row .timelineYear{position: absolute; font-size: 200px; width: 100%; text-align: center; color: #f6f3eb; height: 200px; line-height: 200px;}
.timelineHolder .row .timelinePhrase{display: table-cell; vertical-align: middle; text-align: center; position: relative; font-size: 20px;}
.timelineHolder .row .timelineCol.small .timelinePhrase{font-size: 14px;}

.timelineHolder .row.rowLine{background-image: url(../img/company/Timeline_line.svg); background-repeat: repeat-y; background-position: center;}
.timelineHolder .row.rowLine.big{height: 80px;}
.timelineHolder .row.rowLine.small{height: 30px;}

.timelineHolder .row.mainRow_special{height: 400px;}
.timelineHolder .row.mainRow_special .timelineColCenter{padding: 0;}
.timelineHolder .row.mainRow_special .timelinePhrase{vertical-align: bottom; padding-bottom: 68px;}

.timelineHolder .row.mainRow_small{height: 100px;}




/* mobile */
.containerHero .heroFilter{display: none;}
@media only screen and (max-width : 992px) {
  .containerHero{background-position: 80% 0 !important; padding: 0;}
  .containerHero .heroFilter{display: block; background-color: rgba(89,68,59,0.66); width: 100%; height: 100%;}
  .containerHero .textHolder{text-align: center; font-size: 30px; top: 0; bottom: 0; margin: auto; height: 60px; width: 100%;}
  .containerHero .textHolder span{font-size: 25px;}

  /* team */
  .companyContent .rowTeam .teamText{text-align: center;}

  /* managers */
  .companyContent .rowManagers .manager .managerHolder{height: 230px;}

  /*sliders */
  .companyContent .rowSliders .slider{height: auto;}
  .companyContent .rowSliders .slider .slides{height: auto;}
  .companyContent .rowSliders .slider .slides .slide .mainCol .sideCol.typeHeadLine .sliderMessageHolder{padding-top: 50%;}
  .companyContent .rowSliders .slider .slides .slide .mainCol .sideCol.typeHeadLine .sliderMessageHolder h1{font-size: 34px; letter-spacing: 2.2px; margin-bottom: 0; margin-top: 0;}
  .companyContent .rowSliders .slider .slides .slide .mainCol .sideCol.typeText .sliderMessageHolder{text-align: center;}
  .companyContent .rowSliders .slider .slides .slide .mainCol .sideCol.typeText .sliderMessageHolder h1{font-size: 30px;}
  .companyContent .rowSliders .sliderMainHolder:nth-child(1) .slider .slides .slide .sideCol:nth-child(2){display: none;}
  .companyContent .rowSliders .sliderMainHolder:nth-child(2) .slider .slides .slide .sideCol:nth-child(1){display: none;}
  .companyContent .rowSliders .sliderMainHolder:nth-child(3) .slider .slides .slide .sideCol:nth-child(2){display: none;}

  /* milestones */
  .timelineHolder .row .timelineColLeft,
  .timelineHolder .row .timelineColRight{display: none;}
  .timelineHolder .row .timelineYear{font-size: 170px;}
}