/*---------------------------------------------- Jobs Section ----------------------------------------------*/



.jobs-history .swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 3px 0!important;

}



.jobs-history .swiper-pagination-bullets {

    right: 0px!important;

    top: 50%!important;

    -webkit-transform: translate3d(0,-50%,0)!important;

    transform: translate3d(0,-50%,0)!important;

    z-index: 99999!important;

    position: absolute!important;

    width: 10px!important;

    text-align: center!important;

    height: 100%!important;

    padding: 0px 0px!important;

    display: flex;

    flex-direction: column;

    justify-content: center;

}



.swiper-container-jobs {

    height: calc(100vh - 30vh)!important;

}



.swiper-controls-jobs {

    padding: 0vh;

    text-align: center;

    border-radius: 5px;

    margin: 3vh;

}

.job-row{

  display: flex;

  height: 100%;

}

.job-item {

    text-align: left;

    display:flex;

    min-height: 100%;

}



.job-group {

    width:100%;

    display:inline-block;

    float:left;

    padding:3vh 3vh 3vh 3vh;

}



.job-wrapper {

    height:100%;

}



.job-timeline {

    display: inline-block;

    float: left;

    overflow: hidden;

    height: auto;

    width: 2px;

    content: " ";

    background-color: #fff;

}



.job-company {

    background-color: rgba(0,0,0,1.0);

    display: flex;

    flex-direction: column;

    justify-content: center;

    width: 120px;

    max-width: 120px!important;

    height: 120px;

    max-height: 120px!important;

    border-radius: 5px;

    padding: 1vh;

    text-align: center;

    border: 1px solid #FFF;

}



.jobs-header {

    padding: 3vh 3vh 0px 3vh;

    height: 30vh!important;

}



.jobs-illustration {

  text-align: center;

}



img.illustration-jobs {

    max-height: 30vh;

}



.job-logo {

    height: auto;

    max-height: 100%;

    width: auto;

    display: inline-block;

}



.job-years {

    display: inline-block;

    position: relative;

    margin-top: 10px;

    text-align: center!important;

    width: 100%;

}



span.job-length {

    display: inline-block;

    color: #fff;

    font-size: calc(6px + 0.6vh);

    position: relative;

    text-align: center!important;

}



.job-duration {

    text-align: left;

}



.job-timeline:before {

    content: " ";

    display: block;

    width: 19px;

    height: 19px;

    background-color: #ffffff;

    position: absolute;

    border-radius: 50%;

    border: 3px solid #000;

    float: left;

    text-align: left;

    margin-top: 4vh;

    margin-left: -8px;

}



.job-timeframe {
    font-family: 'BigNoodleTitling', 'Tungsten', 'Rajdhani', sans-serif!important;
    border: none;
    color: inherit;
    line-height: 1.0em;
    text-transform: uppercase;
    font-size: calc(1.5vh + 1.2vw);
    margin-bottom: 2vh;
    display: inline-block;
    font-weight: 300!important;
}



.job-details {

  margin-bottom:1.5vh;

}







/*---------------------------------------------- Section Responsive ----------------------------------------------*/



@media screen and (min-width: 1501px) {

/*---------- Insert Style -----------*/

}



@media screen and (max-width: 1500px) {

/*---------- Insert Style -----------*/

}



@media screen and (max-width: 1450px) and (min-width: 769px){

/*---------- Insert Style -----------*/

}



@media screen and (max-width: 1200px) {

/*---------- Insert Style -----------*/

}



@media screen and (max-width: 1120px) and (min-width: 769px){

/*---------- Insert Style -----------*/

}



@media screen and (min-width: 1170px) {

/*---------- Insert Style -----------*/

}



@media screen and (min-width: 769px) {

/*---------- Insert Style -----------*/

}



@media screen and (max-width: 768px) {

  .position-company:after {

    right: -4px!important;

  }

  .timeline-left {

      padding: 0px 10px 1vh 10px!important;

  }

  .timeline-right {

      padding: 0px 20px 1vh 20px!important;

  }

}



@media screen and (max-width: 540px) {

  .job-timeline {

    margin-left: 0vh;

  }

  .job-timeline:before {

    margin-top: 3.8vh;

  }

  .job-duration.show-mobile {

    padding-bottom: 1vh;

  }

  .job-wrapper {

    height: 100%;

    display: block;

    justify-content: unset;

    flex-direction: unset;

  }

  .history-column {

    width: 100%!important;

  }

  .jobs-history {

    display: block;

  }

  .swiper-controls-jobs {

    margin: 3vh!important;

  }

  .jobs-header {

    height: auto!important;

  }

}



@media screen and (max-width: 498px) {

/*---------- Insert Style -----------*/

}