#services-header{
  height: 480px;

text-align: center;
overflow: hidden;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#242021+0,605c60+49,252223+100 */
background: #242021; /* Old browsers */
background: -moz-linear-gradient(top,  #242021 0%, #605c60 49%, #252223 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #242021 0%,#605c60 49%,#252223 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #242021 0%,#605c60 49%,#252223 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242021', endColorstr='#252223',GradientType=0 ); /* IE6-9 */

}


#services-header.my-slider-height{ height:500px; }

#car-body-wrapper {
    height: 160px;
    margin-top: 150px;
	width: 450px;
	margin: 150px auto 0;
	height: 150px;
	position: relative;
}

.service-header-title{ text-align: center; color: #fff; }

#car-body{
background: url(images/car.png) 0 0 no-repeat;
height: 150px;
position: absolute;
width: 100%;

   -webkit-animation: driving 1s ease-in-out infinite;
   animation: driving 1s ease-in-out infinite;

}

.circle1 {
  position: absolute;
  top: 68px;
  left: 38px;
  width: 80px;
  height: 80px;
  background: url(images/wheel.png) center center no-repeat;
 
  -moz-transform:rotate(320deg);
  -webkit-transform:rotate(320deg);
  -o-transform:rotate(320deg);
  -ms-transform:rotate(320deg);
  animation: spin1 0.4s infinite linear;
  -webkit-animation: spin1 0.4s infinite linear;
  
}

.circle2 {
  position: absolute;
  top: 68px;
  left: 330px;
  width: 80px;
  height: 80px;
  background: url(images/wheel.png) center center no-repeat;
 
  -moz-transform:rotate(320deg);
  -webkit-transform:rotate(320deg);
  -o-transform:rotate(320deg);
  -ms-transform:rotate(320deg);
  animation: spin1 0.4s infinite linear;
  -webkit-animation: spin1 0.4s infinite linear;
  

}

/* animations */

@keyframes spin1 {
  0% {
  -moz-transform:rotate(320deg);
  -webkit-transform:rotate(320deg);
  -o-transform:rotate(320deg);
  -ms-transform:rotate(320deg);
  }
  100% {
  -moz-transform:rotate(680deg);
  -webkit-transform:rotate(680deg);
  -o-transform:rotate(680deg);
  -ms-transform:rotate(680deg); 
  }
}
@-webkit-keyframes spin1 {
  0% {
  -moz-transform:rotate(320deg);
  -webkit-transform:rotate(320deg);
  -o-transform:rotate(320deg);
  -ms-transform:rotate(320deg);
  }
  100% {
  -moz-transform:rotate(680deg);
  -webkit-transform:rotate(680deg);
  -o-transform:rotate(680deg);
  -ms-transform:rotate(680deg); 
  }
}

@-webkit-keyframes driving {  
  0% {
	  background-position: 0 0;
  }
  50% {
    background-position: 0 1px;
  }
  100% {
    background-position: 0 -1px;
  }
  

}
@keyframes driving {
  0% {
	  background-position: 0 0;
  }
  50% {
    background-position: 0 1px;
  }
  100% {
    background-position: 0 -1px;
  }
}


.services-header-button{
  position: absolute;
  z-index: 10;
}

.services-header-button{
  color: #fff;
width: 250px;


}

#services-header-button-1{ 
left: 80px; top: -60px;
}

#services-header-button-2{ 
right: 80px; top: -60px;
}

#services-header-button-3{ 
left: 80px; bottom: -40px;
}

#services-header-button-4{ 
right: 80px; bottom: -50px;

}