.navbar {
  margin-bottom: 0px;
}
.home-page {

}
/*** OWL Slide**/
.vs-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.vs-theme.owl-carousel .owl-nav [class*="owl-"] {
  color: #fff;
  background: #3c8dbc;
  font-size: 14px;
  margin: 5px;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
  min-width: 20px;
}
.vs-theme .owl-nav [class*="owl-"]:hover {
  background: #216a94;
  text-decoration: none;
}
.vs-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}
.vs-theme .owl-nav.disabled+.owl-dots {
  margin-top: 10px;
}
.vs-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.vs-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.vs-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #fff;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}
.vs-theme .owl-dots .owl-dot.active span,
.vs-theme .owl-dots .owl-dot:hover span {
  background: #3c8dbc;
}
.vs-theme .owl-prev,
.vs-theme .owl-next {
  position: absolute;
  top: 45%;
  transform: translateY(-45%);
}

.vs-theme .owl-prev {
  left: -2rem;
}

.vs-theme .owl-next {
  right: -2rem;
}

/*-- Comming Soon --*/
.coming-soon .panel-body {
  background-color: rgba(0, 0, 0, 0.75);
  opacity: 0.8;
}
.coming-soon .panel-body:hover {
  zoom: 1;
}
.coming-soon {
  background-image: url("../images/home/trailer-bg.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  color: #fff;
  min-height: 372px;
}

/*-- Services --*/
.header-bottom {
  font-size: 35px;
  margin-bottom: 50px;
  background: url("../images/home/underline.png") no-repeat 522px 50px;
  padding-bottom: 30px;
}
.services {
  padding: 80px 0px;
  /*--w3layouts--*/
  text-align: center;
  background: url("../images/home/our-service-bg.png") no-repeat;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.75);
  background-position: center center;
}
.services h3 {
  color: #fff;
}
.services img {
  width: 10%;
}
.services h4 {
  font-size: 20px;
  color: #fff;
  margin: 15px 0px;
}
label.whiteline {
  display: block;
  background-color: #fff;
  width: 10%;
  margin: 10px auto;
  height: 3px;
}
.services p {
  font-size: 14px;
  line-height: 30px;
  color: #949292;
}
.services a {
  color: #fff;
  background-color: #000;
  padding: 7px 15px;
  margin-top: 15px;
  display: inline-block;
}

.service-grids .item {
  background-color:rgba(0, 0, 0, 0.4);
  min-height: 200px;
  padding: 10px;
}
/*** Road with Vehicles**/
.vs-road {
  background: url("../images/home/road/vs-road-bg-v1.jpg") repeat-x;
  height: 300px;
  overflow: hidden;
  position: relative;
}
.vs-road-vehicles {
  overflow-x: hidden;
  width: 100%;
}
#vs-vehicle-1 {
  animation: slideLeftToRight 10s linear infinite;
  -webkit-animation: slideLeftToRight 10s linear infinite;
  top: 6px;
  margin-left: 100px;
}
#vs-vehicle-2 {
  animation: slideLeftToRight 10s ease-in infinite;
  -webkit-animation: slideLeftToRight 10s ease-in infinite;
   top: -9px;
  margin-left: -100px;
}
#vs-vehicle-3 {
  animation: slideRightToLeft 10s ease infinite;
  -webkit-animation: slideRightToLeft 10s ease infinite;
   bottom: 6px;
  margin-right: 100px;
}
#vs-vehicle-4 {
  animation: slideRightToLeft 10s ease-in-out infinite;
  -webkit-animation: slideRightToLeft 10s ease-in-out infinite;
  bottom: 16px;
  margin-right: -100px;
}
.vs-road-vehicle {
  position: relative;

}


@keyframes slideLeftToRight {
  0% {
    transform: translateX(-100%); /* Start off the screen on the left */
  }
  100% {
    transform: translateX(100%); /* End off the screen on the right */
  }
}
@-webkit-keyframes slideLeftToRight {
  0% {
    transform: translateX(-100%); /* Start off the screen on the left */
  }
  100% {
    transform: translateX(100%); /* End off the screen on the right */
  }
}

@keyframes slideRightToLeft {
  0% {
    transform: translateX(100%); /* Start off the screen on the right */
  }
  100% {
    transform: translateX(-100%); /* End off the screen on the left */
  }
}

@-webkit-keyframes slideRightToLeft {
  0% {
    transform: translateX(100%); /* Start off the screen on the right */
  }
  100% {
    transform: translateX(-100%); /* End off the screen on the left */
  }
}