.aviatraffic-loader {
	padding-left: 2em;
	padding-right: 2em;
	margin: auto auto 5em auto;
	display: block;
	width: 325px;
	color: #007ec2;
	text-align: center;
}

.cssload-loader {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	margin: 5em 5em 1em 5em;
	display: inline-block;
	position: relative;
	vertical-align: middle;
}
.cssload-loader,
.cssload-loader:before,
.cssload-loader:after {
	animation: 1.9s infinite ease-in-out;
		-o-animation: 1.9s infinite ease-in-out;
		-ms-animation: 1.9s infinite ease-in-out;
		-webkit-animation: 1.9s infinite ease-in-out;
		-moz-animation: 1.9s infinite ease-in-out;
}
.cssload-loader:before,
.cssload-loader:after {
	width: 100%; 
	height: 100%;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
}

.cssload-loader:before,
.cssload-loader:after {
		content: "";
}

.cssload-loader:before,
.cssload-loader:after {
		content: "";
		/*background-color: rgb(0,126,194); */
		background-image: url('../images/plane.svg');
		transform: scale(0);
		-o-transform: scale(0);
		-ms-transform: scale(0);
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		animation: cssload-animation 2.85s infinite ease-in-out;
		-o-animation: cssload-animation 2.85s infinite ease-in-out;
		-ms-animation: cssload-animation 2.85s infinite ease-in-out;
		-webkit-animation: cssload-animation 2.85s infinite ease-in-out;
		-moz-animation: cssload-animation 2.85s infinite ease-in-out;
}
.cssload-loader:after { animation-delay: 1.43s;
		-o-animation-delay: 1.43s;
		-ms-animation-delay: 1.43s;
		-webkit-animation-delay: 1.43s;
		-moz-animation-delay: 1.43s; }



@keyframes cssload-animation {
	0%	 { transform: translateX(-100%) scale(0); }
	50%	{ transform: translateX(0%)		scale(1); }
	100% { transform: translateX(100%)	scale(0); }
}

@-o-keyframes cssload-animation {
	0%	 { -o-transform: translateX(-100%) scale(0); }
	50%	{ -o-transform: translateX(0%)		scale(1); }
	100% { -o-transform: translateX(100%)	scale(0); }
}

@-ms-keyframes cssload-animation {
	0%	 { -ms-transform: translateX(-100%) scale(0); }
	50%	{ -ms-transform: translateX(0%)		scale(1); }
	100% { -ms-transform: translateX(100%)	scale(0); }
}

@-webkit-keyframes cssload-animation {
	0%	 { -webkit-transform: translateX(-100%) scale(0); }
	50%	{ -webkit-transform: translateX(0%)		scale(1); }
	100% { -webkit-transform: translateX(100%)	scale(0); }
}

@-moz-keyframes cssload-animation {
	0%	 { -moz-transform: translateX(-100%) scale(0); }
	50%	{ -moz-transform: translateX(0%)		scale(1); }
	100% { -moz-transform: translateX(100%)	scale(0); }
}

/* текстовка */
.cssload-text {
  overflow:hidden;
  height:40px;
  padding:0 0px;
}

.cssload-text ul {
  margin:0;
  padding:0;
  text-align:center;
  list-style:none;
  -webkit-animation-name: change;
  -webkit-animation-duration: 20s;
  -webkit-animation-iteration-count: infinite;
  animation-name: change;
  animation-duration: 15s;
  animation-iteration-count: infinite;
}

.cssload-text ul li {
  line-height:40px;
  margin:0;
}

@-webkit-keyframes change {
  0%,8% {transform:translateY(0); opacity: 1;}
  10%,18% {transform:translateY(-10%); opacity: 1;}
  20%,28% {transform:translateY(-20%); opacity: 1;}
  30%,38% {transform:translateY(-30%); opacity: 1;}
  40%,48% {transform:translateY(-40%); opacity: 1;}
  50%,58% {transform:translateY(-50%); opacity: 1;}
  60%,68% {transform:translateY(-60%); opacity: 1;}
  70%,78% {transform:translateY(-70%); opacity: 1;}
  80%,88% {transform:translateY(-80%); opacity: 1;}
  90%,98% {transform:translateY(-90%); opacity: 1;}
}

@keyframes change {
  0%,8% {transform:translateY(0); opacity: 1;}
  10%,18% {transform:translateY(-10%); opacity: 1;}
  20%,28% {transform:translateY(-20%); opacity: 1;}
  30%,38% {transform:translateY(-30%); opacity: 1;}
  40%,48% {transform:translateY(-40%); opacity: 1;}
  50%,58% {transform:translateY(-50%); opacity: 1;}
  60%,68% {transform:translateY(-60%); opacity: 1;}
  70%,78% {transform:translateY(-70%); opacity: 1;}
  80%,88% {transform:translateY(-80%); opacity: 1;}
  90%,98% {transform:translateY(-90%); opacity: 1;}
}