.okno{
  margin-right: 15px;
}

.okno{
  -webkit-animation: an-1-okno-sempl linear 5s 1s infinite;
  animation: an-1-okno-sempl linear 5s 1s infinite;
  -webkit-transform-style:flat;
  transform-style:flat;
}

.site-creation-anim{
  position: relative;
  float: left;
  width: 50%
}
.site-creation{
	float: right;
	margin-right: 20px;
	width: 45%;
	-webkit-animation: an-1-okno 1s 1s;
  animation: an-1-okno 1s 1s;
  animation-fill-mode: forwards;
  transform: perspective(1000px) rotateY(-90deg);
}

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

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


@-webkit-keyframes an-1-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-1-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);}
}