#about {
  color: #4285F4!important;
  font-weight: 800!important;
}
.header .container-fluid {
  height: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header h1 {
  font-size: 60px!important;
}
.shape_gf {
    padding-right: 348px;
}
.about-contact-background .main-card {
    box-shadow: 0px 3px 25px #4285F426;
}
.bird {
  /* -webkit-animation: mover 1s infinite  alternate; */
  animation: zoom-in-zoom-out 3s ease infinite;
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(0.9, 0.9);
  }
  50% {
    transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(0.9, 0.9);
  }
}
@keyframes pulse {
  from {
    transform: scale(0.6);
    opacity: 1;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes blastOut {
  from {
    transform: scale(0.9);
    opacity: .4;
  }
  to {
    transform: scale(1.5);
    opacity: 0;
  }
}
@-webkit-keyframes mover {
  0% { transform: translateY(0); }
  100% { transform: translateY(-10px); }
}
@keyframes mover {
  0% { transform: translateY(0); }
  100% { transform: translateY(-10px); }
}
/* .slick-track {
  width: 1800px!important;
  transform: translate3d(570px, 0px, 0px)!important;
} */
/* .loading-bar-bullet {
  width: 250px!important;
} */



 #about-us .about-img {
  width: 90%;
}
/*.bird {
  width: 10%;
}
.about__timeline p, html .text-inverted {
  color: black!important;
}
#process .bird {
  width: 10%;
}
.timeline ul {
  margin-bottom: 0px!important;
}
.timeline li .year {
  display: block;
  margin-bottom: 42px;
}
.timeline li:after {
  background-color: #8cc1ff!important;
}
.timeline li:before {
  background: #4285F4!important;
  top: 31px!important;
}
.timeline__cursor {
  top: -33px!important;
  left: 44%!important;
}
.timeline li.active:before {
  box-shadow: none!important;
}
.timeline {
  margin-top: 122px!important;
  margin-bottom: 40px!important;
}
.timeline {
  overflow-x: clip!important;
}
.timeline li .year {
  margin-bottom: 47px!important;
  margin-top: -10px!important;
}
.timeline li.active .year {
  margin-top: -71px!important;
  margin-bottom: 152px!important;
}
p {
  color: black!important;
}
hr {
  background-color: #000000!important;
}
h1 {
  font-size: 28px!important;
}
h2 {
  font-size: 26px!important;
}
h3 {
  font-size: 24px!important;
}
h4 {
  font-size: 22px!important;
}
h5 {
  font-size: 20px!important;
}
h6, p {
  font-size: 16px!important;
}
h1, h2, h3,h4, h5, h6 {
  margin: 1px!important;
  line-height: 1.7!important;
}
.foot p, .foot h4, .foot h3 {
  color: white!important;
}
footer hr {
  width: 100%!important;
}
footer ul {
  padding-left: 2rem!important;
}
.timeline li.active p {
  font-weight: 400!important;;
} */
/* #about-us {
  margin-top: -50px;
} */
@media (min-width: 1700px) and (max-width: 2000px){
  #chooses .owl-dots {
    margin-top: -51px!important;
  }
}
@media (min-width: 1400px)  and (max-width: 1900px){
  .cloud {
    height: 250px!important;
  }
  .timeline ul {
    margin-bottom: 35px!important;
  }
}
@media (max-width: 1024px){
  #chooses .w-75 {
    width: 95%!important;
  }
  #mailstone .ms-5 {
    margin-left: 0rem!important;
  }
  .wrap {
    padding: 0 10px!important;
  }
}
@media (min-width: 600px) and (max-width: 1024px){
    .cloud {
      height: 150px!important;
    }
    .shape_gf .shape {
      padding-top: 55px!important;
    }
    .timeline__cursor {
      top: -21px!important;
      left: 41%!important;
    }
    #process .bird {
      width: 15%;
    }
    .choose-background .owl-carousel.owl-drag .owl-item {
        height: 700px!important;
    }

    .slide-one, .slide-three, .slide-seven {
      margin-top: -83px!important;
     }
     .slide-two, .slide-four {
      margin-top: 204px!important;
     }
     .slide-five {
      margin-top: -110px!important;
     }
     .slide-six {
      margin-top: 220px!important;
     }

}
@media (max-width: 600px){
    .header {
      background-repeat: no-repeat!important;
      background-size: cover!important;
      height: 450px;
    }
    #about-us {
      margin-top: -86px;
    }
    .about-background {
      margin-top: -45px;
    }
    .about-background .px-5 {
      padding-right: 0rem!important;
      padding-left: 0rem!important;
    }
    #about-us .p-5 {
      padding: 0rem!important;
    }
    .about-background .mb-5 {
      margin-bottom: 1rem!important;
    }
    .choose-background {
      height: 60%;
    }
    .choose-background::after {
        height: 40%;
    }
    .about-background .h2 {
      font-size: 24px!important;
      padding-top: 0.5rem;
    }
    .cloud {
      height: 62px!important;
    }
    #process .bird {
      width: 30%;
    }
    .timeline__cursor {
      top: -9px!important;
      left: 29%!important;
    }
    #timeline-aboutus {
      overflow: visible!important;
    }
    .choose-background .owl-carousel.owl-drag .owl-item {
      height: 600px!important;
    }

    .slide-one, .slide-three, .slide-seven {
      margin-top: -103px!important;
     }
     .slide-two, .slide-four {
      margin-top: 243px!important;
    }
     .slide-five {
      margin-top: -122px!important;
     }
     .slide-six {
      margin-top: 245px!important;
     }
     .timeline {
      margin-top: -33px!important;
      padding: 50px 0px!important;
     }
     .p-timeline-item {
      min-width: 235px!important;
      max-width: 235px!important;
     }
     #mailstone h1 {
      font-size: 80px!important;
    }
    .one, .three, .five, .seven {
      margin-left: -27px!important;
    }
}



 
   .line {
    box-shadow: rgb(0 35 255 / 15%) 0px 0px 8px 1px;
    width: 1px;
    height: 100%;
    background: #4285f4;
    margin-left: 8px;
  }
  #mailstone .span {
    width: 8% !important;
    height: 3px !important;
    background: transparent linear-gradient(90deg, #4285F4 20%, #4285F4 25%, #EA4335 25%, #EA4335 50%, #FBBC05 50%, #FBBC05 75%, #34A853 75%, #34A853 100%) 0% 0% no-repeat padding-box;
    border-radius: 0px;
    opacity: 1;
    margin-top: -7px;
  }
  .p-timeline-item h1 {
    font-size: 90px;
    color: rgb(229 241 255);
    font-weight: 900;
  }
  .p-timeline-item h5 {
    margin-top: -67px;
  }
  .round {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-image: radial-gradient(circle, #4285F4, #4285F4, #4285F4, #4285F4, #4285F4, #ffffff, #ffffff, #ffffff, #4285F4, #4285F4, #4285F4, #4285F4);
   }
   .one, .three, .five, .seven {
    z-index: 99;
    margin-left: -23px;
    font-size: 13px;
   }
   .two, .four, .six {
    z-index: 99;
    margin-right: -18px;
    font-size: 13px;
   }
   @media (min-width: 1024px){
    .slide-one, .slide-three, .slide-seven {
      margin-top: -27px!important;
    }
    .slide-two, .slide-four {
      margin-top: 269px!important;
    }
    .slide-five {
      margin-top: -61px!important;
    }
    .slide-six {
      margin-top: 294px!important;
    }
  }
  /*.btn{
    min-width: 150px;
    margin-bottom: 10px;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    padding: 10px 20px;
    text-align: center;
    font-size: 14px;
    line-height: 1.4;
    transition: background .25s ease;
    border: none;
    white-space: normal;
    vertical-align: middle;
    overflow: visible;
    cursor: pointer;
    font-family: 'Poppins',sans-serif;
    text-decoration: none;
    background-color: #beac95;
  }
  .btn-blauw{background-color: #1C69D4; color: white;}
  .btn-btn-oranje {background-color: #ed9300; color: white;}   */
  .timeline-wrap{
    position:relative;
    /* padding:0 50px; */
    padding: 0 20px 0 50px;
  }
  .timeline{
    margin-top: -95px;
    overflow-x:auto;
    -webkit-overflow-scrolling: touch;
    background-repeat: repeat-x;
    background-size: 10px 1px;
    background-position: center top 60%;
    background-image: -webkit-gradient(linear,left top,right top,color-stop(66%,#4285F4),color-stop(0,transparent));
    background-image: linear-gradient(90deg,#4285F4 66%,#4285F4 0);
    padding: 50px 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    flex-flow: row nowrap;
    transition: height .2s ease-out;
    transition: height .2s ease-out;
    transition: height .2s ease-out;
  }
  .timeline-title, .timeline-content-title{font-weight:600;}
  .timeline-item{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow:wrap;
    -webkit-transition: max-width .2s,-webkit-transform .4s ease-out;
    transition: max-width .2s,-webkit-transform .4s ease-out;
    transition: max-width .2s,transform .4s ease-out;
    transition: max-width .2s,transform .4s ease-out,-webkit-transform .4s ease-out;
    /* cursor: pointer; */
    margin:0 50px; 
    height:auto;

  }
  .i-is-active.timeline-item{cursor:default;}
  .timeline-content{width:100%;}
  /* .p-timeline-item:hover{transform:scale(1.1); transition:transform .3s ease;} */
  .bmw:hover time, .bmw.i-is-active time, .timeline-content-title.bmw{color:#1C69D4;}
  .mini:hover time, .mini.i-is-active time, .timeline-content-title.mini{color:#ed9300;}
  .bmw:hover time, .mini:hover time, .bmw time, .mini time{transition:color .3s ease;}
  .p-timeline-item.i-is-active{cursor: default;}
  .bmw:hover .p-timeline-block{background-color:#1C69D4;}
  .mini:hover .p-timeline-block{background-color:#ed9300;}
  .bmw .p-timeline-block, .mini .p-timeline-block, .mini:hover .p-timeline-block, .bmw:hover .p-timeline-block {transition:background-color 1s ease;}
  .p-timeline-date, .p-timeline-carmodel, .p-timeline-block{width:100%;}
  .p-timeline-date{font-weight:600;font-size:20px;}
  .p-timeline-carmodel{margin-top: 5px;margin-bottom: 10px;}
  .p-timeline-block {
    min-width:40px;
    min-height:40px;
    max-width:40px;
    max-height:40px;
    border-radius:50%;
    background-image: radial-gradient(circle, #4285F4, #4285F4, #4285F4, #4285F4, #4285F4, #4285F4, #ffffff, #ffffff, #4285F4, #4285F4, #4285F4, #4285F4);
    position:relative;
    margin-left: -6px;
  }

  .p-timeline-item{
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap:wrap;
    min-width: 380px;
    max-width: 380px;
    position: relative;
    /* text-align:center; */
    transition:color .3s ease-in-out;
    transition:transform .3s ease;
  }
  .p-timeline-content{
    width:98%;
    height:0;
    position:absolute;
    overflow:hidden;
    visibility:hidden;
    opacity: 0;
    transform:translateX(-1000px);
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    padding: 50px 20px 20px 20px;
  }
  .i-is-active.p-timeline-content{
    color: #000;
    height:auto;
    padding: 50px 20px 20px 20px;
    float:left;
    width:98%;
    text-align:left;
    position:relative;
    visibility: visible;
    opacity:1;
    transform:translateX(0px);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
  }
  .i-is-active.p-timeline-content h3, .i-is-active.p-timeline-content time{width:100%;}
  .i-is-active.p-timeline-content .timeline-content-card{width:40%;}
  .i-is-active.p-timeline-content .timeline-content-image{width:59%;}
  .i-is-active.p-timeline-content .timeline-content-card, .i-is-active.p-timeline-content .timeline-content-image{float:left;}
  .i-is-active.p-timeline-content .timeline-content-image:after{clear:both;}
  .i-is-active.bmw .p-timeline-block{background-color:#1C69D4;} 
  .i-is-active.mini .p-timeline-block{background-color:#ed9300;} 
  .i-is-active.p-timeline-item:hover{transform: none;}
  .i-is-active .p-timeline-item{transform:scale(1.1);}
  .bmw.i-is-active.p-timeline-content h3 {color:#1C69D4;}
  .mini.i-is-active.p-timeline-content h3 {color:#ed9300;}
  .timeline-content-image img{width:100%; height:auto; max-width:100%;}
  .p-timeline-content time {font-size: 15px; line-height: 40px; font-style: italic; }
  .p-timeline-content p {font-size:14px; line-height:21px; padding-right:30px; font-weight:300;}
  .timeline-content-title{font-size:28px;}
  .close {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 32px;
  height: 32px;
  opacity: 0.7;
  cursor: pointer;
}
.close:hover {opacity: 1;}
.close:before, .close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 25px;
  width: 2px;
  background-color: #333;
}
.close:before {transform: rotate(45deg);}
.close:after {transform: rotate(-45deg);}

.timeline::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
/*  ========== Media Queries ========== */

/* laptop resolutions*/
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) { 
  .timeline{background-position: center top 60%;}
  .i-is-active.p-timeline-content .timeline-content-card{width:48%;}
  .i-is-active.p-timeline-content .timeline-content-image{width:50%;}
}
/*Tablet - Landscape*/
@media screen and (max-width: 1199px){
  .timeline-content-title{font-size: 1.7em;}
  .p-timeline-content time{font-size:1em;}
}
/*Tablet - Portrait*/
@media screen and (max-width: 1020px){
  .p-timeline-carmodel{margin:0;}
   .wrap{padding:0 40px;} 
  .timeline-wrap{padding:0;}
  .p-timeline-content{display:flex;flex-flow: column;}
  .i-is-active.p-timeline-content .timeline-content-card, .i-is-active.p-timeline-content .timeline-content-card, .i-is-active.p-timeline-content .timeline-content-image{width:100%;}
  .i-is-active.p-timeline-content .timeline-content-image{padding:0; order:0; margin-bottom:20px;}
  .i-is-active.p-timeline-content .timeline-content-card{padding:0; order:1;}
  .i-is-active.p-timeline-content{padding-left:0; padding-right:0;}
  .timeline-content-button{width:100%; padding:10px 0px;} 
  
}
/* Mobile devices */
@media screen and (max-width: 768px){
  body{padding:0;} 
  .timeline{background-position: center top 55%;}
  .timeline-item{margin:0 10px;}
  .p-timeline-block{min-width: 45px; min-height: 45px; max-width: 45px; max-height: 45px;}
  .p-timeline-date{font-size:16px;}
  .p-timeline-carmodel{margin:0; line-height:20px; font-size: 13px;}
  .p-timeline-content time{line-height:20px;}
  .p-timeline-content p{font-size:0.9em; padding-right:0px;}
  .timeline-content-title{font-size:1.5em; line-height:1.3em;}
  .close{right:0px;}
  .timeline-title{line-height:1em; font-size:1.5em;}
  .timeline::-webkit-scrollbar {height:4px;}
}