.anim-road {
	/* position:relative; */
	display:inline-block;
	height:300px;
	margin-top:200px;
	margin-bottom:120px;
	background-color:red;
}

.loading {
    /* background: #e83d5d; */
    position: absolute;
	display:inline-block;
    width: 100%;
    height: 300px;
	/* margin-top:120px; */
	margin-bottom:120px;
}

.rood {
    position: inherit;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    /* border: 1px solid #f97089; */
    overflow: hidden;
    height: 300px;
    width: 300px;
    text-align: center;
    background:#006fba;
	top:50%;
	left:50%;
}
.rood::after {
    content: "";
    border-left: 10px dashed #fff;
    position: absolute;
    height: 200%;
    top: 0;
    left: calc(50% - 5px);
    -webkit-animation: road 5s infinite;
    animation: road 5s infinite;
    animation-timing-function: linear;
}
.rood::before {
    content: "";
    position: absolute;
    width: 200px;
    height: 200%;
    top: 0;
    left: calc(50% - 100px);
    background: #002f66;
}
.rood .car {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9;
    -webkit-animation: car 2s infinite;
    animation: car 2s infinite;
    animation-timing-function: linear;
		top:58%;
	left:50%;
}
@-webkit-keyframes road {
    0%  {top: 0}
    100%  {top: -100%}
}
@keyframes road {
    0%  {top: 0}
    100%  {top: -100%}
}
@-webkit-keyframes car {
    0%, 100%  {left: 49%}
    50%  {left: 51%}
}
@keyframes car {
    0%, 100%  {left: 49%}
    50%  {left: 51%}
}