.loadingBus {
	width: 40%;
	margin: 0;
	top: 35%;
	position: relative;
	left: 30%;
	font-size: 16px;

	@media (max-width: 768px) {
		width: 50%;
		left: 25%;
	}
	/* display: flex;
  justify-content: center;
  align-items: center;
	flex-direction: column; */
}

.road{
	fill:#555555;
}

.shadow{
	fill:#303133;
	opacity:0.63;
}
.window{
	stroke:#131313;
	stroke-width:10px;
}

.cloudWrapper{
	fill:#c9d9f2;
}

.mainBody{
	fill:#c01919;
}

.window{
	fill:#363636;
}

.shine{
	fill: rgba(255, 255, 255, 0.5);
	/* fill:#b3b3b3; */
}

.windowPane{
	fill:none;
}

.door{
	fill: transparent;
	stroke:#585858;
	stroke-width:2px;
}

.windowPane{
	stroke:#000000;
	stroke-width:10px;
}

.cls-12,.cls-7,.door{
	stroke-miterlimit:10;
}

.lightGrey{
	fill:#686868;
}


.wheelCap{
	fill:#1f1f1f;
}

.cls-10{
	fill:#ffe74c;
	stroke-linejoin:round;
	stroke:#a7a7a7;
	stroke-width:4px;
}

.cls-11{
	fill:#2a2d34;
}

.cls-12{
	stroke:#a6bce2;
	stroke-linecap:round;
	stroke-width:5px;
}

.cls-2{
	fill:#ffff00;
	opacity:0.75;
}

.cls-3{
	fill:#ff0000;
	opacity:0.75;
}

.cls-13{
	fill:#edf2f9;
	opacity:0.4;
}

.roadlines{
	transform:translateX(100em);
}

.roadlinestwo{
	transform:translateX(100em);
}

.wind, .clouds{
	transform:translateX(100em);
}

.wheelWrapper {
	animation: spin 1s infinite linear;
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
/* 		transform-origin: center; */
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.wind {
	animation: 7s moveClouds infinite linear;
	-webkit-animation-name: moveClouds;
	-webkit-animation-duration: 7s;
	-webkit-animation-timing-function: linear;
}

.roadlines{
	animation: 7s moveRoadLines infinite;
  -webkit-animation-name: moveRoadLines;
	-webkit-animation-duration: 7s;
	animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
}

.roadlinestwo{
	animation: 7s moveRoadLinestwo infinite;
  -webkit-animation-name: moveRoadLinestwo;
	-webkit-animation-duration: 7s;
	animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-delay: 3.5s;
}

.BusBod {
	animation: 2s bumpBus infinite;
  -webkit-animation-name: bumpBus;
  -webkit-animation-duration: 2s;
}

.clouds {
	fill:#c9d9f2;
	animation: moveClouds 5s linear infinite;
	-webkit-animation-timing-function: linear;
  -webkit-animation-name: moveClouds;
  -webkit-animation-duration: 7s;
}

@keyframes moveRoadLines {
  100% {
      transform: translateX(-150em);
    }
}

@keyframes moveRoadLinestwo {
  100% {
      transform: translateX(-150em);
    }
}

@keyframes moveClouds {
  100% {
      transform: translateX(-350em);
    }
}

@keyframes bumpBus {
  50% {
      transform:translateY(-5px);
   }
	100% {
		transform:translateY(0px);
	}
}

@keyframes wobble {
	0% {
		transform: rotate(20deg);
	}
	50% {
		transform: rotate(-20deg);
	}
	100%{}
}