.sup{border-bottom: 1px solid}
h1{text-align: left;}
.support-sites{
	width: 50%;
	float: right;
	position: relative;
}
.support-sites img {
	display: block;
	position: absolute;
	width: 55%;
}
.tracking-sites{
	float: left;
	margin-left: 25px;
	width: 45%;
}
.tracking-sites{
	-webkit-animation: an-2-okno 1s 1s;
	animation: an-2-okno 1s 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform: perspective(1000px) rotateY(90deg);
  transform: perspective(1000px) rotateY(90deg);
}

.okno-sempl{
  -webkit-animation: okno-sempl linear 5s 1s infinite;
  animation: okno-sempl linear 5s 1s infinite;
}

@-webkit-keyframes an-2-okno{
  0%{-webkit-transform: perspective(1000px) rotateY(90deg);}
  100% {-webkit-transform: perspective(1000px) rotateY(0deg);}
}


@-webkit-keyframes okno-sempl{
  0%{-webkit-transform: perspective(1000px) rotateY(0deg) rotateX(0deg);}
  50%{-webkit-transform: perspective(1000px) rotateY(10deg) rotateX(0deg);}
  100% {-webkit-transform: perspective(1000px) rotateY(0deg) rotateX(0deg);}
}

@keyframes an-2-okno{
  0%{transform: perspective(1000px) rotateY(90deg);}
  100% {transform: perspective(1000px) rotateY(0deg);}
}


@keyframes okno-sempl{
  0%{transform: perspective(1000px) rotateY(0deg) rotateX(0deg);}
  50%{transform: perspective(1000px) rotateY(10deg) rotateX(0deg);}
  100% {transform: perspective(1000px) rotateY(0deg) rotateX(0deg);}
}


.support-sites01{ -webkit-animation: an-1-s01 1s 2s; animation: an-1-s01 1s 2s;}
.support-sites02{ -webkit-animation: an-1-s02 1s 3s; animation: an-1-s02 1s 3s;}
.support-sites03{ -webkit-animation: an-1-s03 1s 4s; animation: an-1-s03 1s 4s;}
.support-sites04{ -webkit-animation: an-1-s04 1s 5s; animation: an-1-s04 1s 5s;}
.support-sites01, .support-sites02, .support-sites03, .support-sites04{
    top: 58px;
    -webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
    left: -170%; 
	-webkit-transform: perspective(1000px) rotateY(90deg);
	transform: perspective(1000px) rotateY(90deg);
}
@-webkit-keyframes an-1-s01{
  100% {left: 25%; -webkit-transform: perspective(1000px) rotateY(-26deg) scaleX(0.85) scaleY(0.85);}
}
@-webkit-keyframes an-1-s02{
  100% {left: 20%; -webkit-transform: perspective(1000px) rotateY(-26deg) scaleX(0.90) scaleY(0.90)}
}
@-webkit-keyframes an-1-s03{
  100% {left: 15%; -webkit-transform: perspective(1000px) rotateY(-26deg) scaleX(0.95) scaleY(0.95);}
}
@-webkit-keyframes an-1-s04{
  100% {left: 10%; -webkit-transform: perspective(1000px) rotateY(-26deg);}
}

@keyframes an-1-s01{
  100% {left: 25%; transform: perspective(1000px) rotateY(-26deg) scaleX(0.85) scaleY(0.85);}
}
@keyframes an-1-s02{
  100% {left: 20%; transform: perspective(1000px) rotateY(-26deg) scaleX(0.90) scaleY(0.90)}
}
@keyframes an-1-s03{
  100% {left: 15%; transform: perspective(1000px) rotateY(-26deg) scaleX(0.95) scaleY(0.95);}
}
@keyframes an-1-s04{
  100% {left: 10%; transform: perspective(1000px) rotateY(-26deg);}
}