@media screen and (min-width: 1230px){{.pro{border-bottom: 1px solid}}
h1{text-align: right;}
.promotion-of-sites-an{
	position: relative;
	height: 70vh;
  display: flex;
  justify-content: left;
}
.promotion-of-sites{
	width: 45%;
	float: right;
	margin-right: 25px;
	-webkit-animation: an-1-okno 1s 1s;
	animation: an-1-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;
}

.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);}
  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-1-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);}
} 

.promotion02{-webkit-animation: an-1 1s 2s; animation: an-1 1s 2s;}
img.promotion01, img.promotion02{height: 100%;top: 85px;}
.promotion01, .promotion02{
	position: absolute;
    top: 30px;
    -webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
    left: 100%; 
	-webkit-transform: perspective(1000px) rotateY(-90deg);
	transform: perspective(1000px) rotateY(-90deg);
}
@-webkit-keyframes an-1{
	100% {left: 15%; -webkit-transform: perspective(1000px) rotateY(20deg);}
}
@keyframes an-1{
	100% {left: 15%; transform: perspective(1000px) rotateY(20deg);}
}