@keyframes moving-up
{
from
{
transform: translateY(120%);
}

to
{
transform: translateY(0);
}

}

@keyframes moving-down
{
from
{
transform: translateY(-120%);
}

to
{
transform: translateY(0);
}

}

.animation
{
margin-left: -104px;
margin-bottom: 32px;
}

.animation img,

.fullscreen_element img
{
display: block;
max-width: 100%;
height: auto;
}

.animation .description
{
margin-top: 8px;
font-size: 12px;
line-height: 16px;
display: block;
}

.animation .holder
{
overflow: hidden;
position: relative;
}

.a1
{
padding-left: 18.5%;
position: relative;
overflow-y: hidden;
}

.a1 p
{
font-family: "Graphik LCG", sans-serif;
font-size: 32px;
line-height: 150%;
font-weight: 700;
text-transform: uppercase;
display: -ms-grid;
display: grid;
-ms-grid-columns: auto 1fr;
grid-template-columns: auto 1fr;
position: absolute;
left: 0;
right: 0;
bottom: 0;
color: #fff;
margin: 0;
}

.a1 p .number
{
font-size: 370px;
line-height: 247px;
position: relative;
text-shadow: -3px -4px 8px rgba(0, 0, 0, 0.31);
transform: translateY(120%);
transition: 10ms;
}

.a1.start p .number
{
animation-name: moving-up;
animation-duration: 1.5s;
animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
animation-fill-mode: forwards;
}

.a1 p .wrap
{
display: flex;
flex-direction: column;
justify-content: flex-end;
padding-left: 4%;
}

.a1 p .wrap span
{
white-space: nowrap;
}

.a1 p .wrap .text_big
{
font-size: 52px;
padding-bottom: 1%;
}

.a2
{
position: relative;
overflow: hidden;
font-family: "Graphik LCG", sans-serif;
font-weight: 700;
color: #fff;
text-transform: uppercase;
}

.a2 .header
{
width: 100%;
font-size: 106px;
text-align: center;
position: absolute;
top: 0;
text-shadow: 3px -4px 4px rgba(0, 0, 0, 0.31);
transform: translateY(-120%);
}

.a2.start .header
{
animation-name: moving-down;
animation-duration: 1.5s;
animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
animation-fill-mode: forwards;
}

.a3
{
position: relative;
overflow: hidden;
}

.a3 .coin
{
width: 18%;
position: absolute;
top: 36%;
left: 57%;
}

.a3.start .coin
{
top: 61%;
left: 28%;
transition: all 1s ease-in-out;
}

.a4
{
position: relative;
overflow: hidden;
}

.a4 .cross
{
width: 74%;
position: absolute;
bottom: 2%;
left: 16%;
opacity: 0;
}

.a4.start .cross
{
opacity: 1;
transition: all 2s ease-in-out 1s;
}

.a5
{
position: relative;
overflow: hidden;
}

.a5 .coin
{
width: 18%;
position: absolute;
top: 61%;
left: 25%;
}

.a5.start .coin
{
top: 36%;
left: 57%;
transition: all 1s ease-in-out;
}

.a6
{
position: relative;
overflow: hidden;
display: flex;
justify-content: flex-end;
}

.a6 .back
{
max-width: 73.5%;
position: relative;
z-index: 1;
}

.a6 .chair
{
width: 53%;
position: absolute;
bottom: 0;
left: 27%;
}

.a6.start .chair
{
left: 0;
transition: all 1s;
}

.a7
{
position: relative;
overflow: hidden;
}

.a7 .back
{
max-width: 73.5%;
position: relative;
z-index: 1;
}

.a7 .chair
{
width: 53%;
position: absolute;
bottom: 0;
right: 27%;
}

.a7.start .chair
{
right: 0;
transition: all 1s;
}

.a8
{
position: relative;
overflow: hidden;
}

.a8 .back
{
position: relative;
z-index: 1;
}

.a8 .chair
{
width: 100%;
position: absolute;
z-index: 2;
top: 0;
left: 0;
opacity: 0;
}

.a8.start .chair
{
opacity: 1;
transition: all 1s;
}

.a9
{
position: relative;
overflow: hidden;
}

.a9 .back
{
position: relative;
z-index: 1;
}

.a9 .plain
{
position: absolute;
width: 29%;
z-index: 2;
top: 0;
left: 0;
}

.a9.start .plain
{
top: 54%;
left: 44%;
transition: all 1s;
}

.a10
{
position: relative;
overflow: hidden;
}

.a10 .back
{
position: relative;
z-index: 1;
}

.a10 .caption
{
font-family: "Graphik LCG", sans-serif;
margin-top: 8px;
margin-bottom: 0;
font-size: 12px;
line-height: 16px;
color: #000;
}

.a10 .plain
{
position: absolute;
width: 31%;
z-index: 2;
top: 21%;
left: 0;
}

.a10.start .plain
{
top: 2%;
left: 68%;
transition: all 1s;
}

.a11
{
position: relative;
overflow: hidden;
}

.a11 .back
{
position: relative;
z-index: 1;
}

.a11 .caption
{
font-family: "Graphik LCG", sans-serif;
margin-top: 8px;
margin-bottom: 0;
font-size: 12px;
line-height: 16px;
color: #000;
}

.a11 .plain
{
position: absolute;
width: 31%;
z-index: 2;
top: 0;
left: 0;
}

.a11.start .plain
{
top: 5%;
left: 68%;
transition: all 1s;
}

.a12
{
position: relative;
overflow: hidden;
}

.a12 .back
{
position: relative;
z-index: 1;
}

.a12 .caption
{
font-family: "Graphik LCG", sans-serif;
margin-top: 8px;
margin-bottom: 0;
font-size: 12px;
line-height: 16px;
color: #000;
}

.a12 .plain
{
position: absolute;
width: 31%;
z-index: 2;
top: 6%;
left: 0;
}

.a12.start .plain
{
top: 0;
left: 68%;
transition: all 1s;
}

.a13
{
position: relative;
overflow: hidden;
}

.a13 .back
{
position: relative;
z-index: 2;
}

.a13 .caption
{
font-family: "Graphik LCG", sans-serif;
margin-top: 8px;
margin-bottom: 0;
font-size: 12px;
line-height: 16px;
color: #000;
}

.a13 .key
{
position: absolute;
width: 19%;
z-index: 1;
top: 5%;
left: 12%;
}

.a13.start .key
{
left: 0;
transition: all 1s;
}

.a14
{
position: relative;
overflow: hidden;
}

.a14 .back
{
position: relative;
z-index: 1;
}

.a14 .caption
{
font-family: "Graphik LCG", sans-serif;
margin-top: 8px;
margin-bottom: 0;
font-size: 12px;
line-height: 16px;
color: #000;
}

.a14 .plain
{
position: absolute;
width: 31%;
z-index: 2;
top: 0;
left: 0;
}

.a14.start .plain
{
top: 20%;
left: 68%;
transition: all 1s;
}

.a15
{
position: relative;
overflow: hidden;
}

.a15 .back
{
position: relative;
z-index: 1;
}

.a15 .tricolor
{
overflow: hidden;
position: absolute;
width: 0%;
height: 26.4%;
z-index: 2;
bottom: 13.5%;
left: 5.5%;
}

.a15.start .tricolor
{
width: 80.6%;
transition: all 1s;
}

.a15.start .tricolor img
{
max-width: none;
height: 100%;
}

.a16
{
position: relative;
overflow: hidden;
}

.a16 .back
{
position: relative;
z-index: 1;
}

.a16 .tram
{
position: absolute;
width: 53%;
z-index: 2;
bottom: 12%;
left: 1%;
}

.a16.start .tram
{
left: 46%;
transition: all 1s 0.5s;
}

.a17
{
position: relative;
overflow: hidden;
}

.a17 .back
{
position: relative;
z-index: 1;
}

.a17 .ticket
{
position: absolute;
width: 39%;
z-index: 2;
bottom: 12.5%;
left: 8%;
bottom: -43%;
}

.a17 .pocket
{
position: absolute;
width: 100%;
z-index: 3;
bottom: 0;
}

.a17.start .ticket
{
bottom: 11%;
transition: all 1s;
}

.a18
{
position: relative;
overflow: hidden;
}

.a18 .back
{
position: relative;
z-index: 1;
}

.a18 .figure
{
position: absolute;
z-index: 3;
width: 27%;
bottom: 12.5%;
right: 0;
bottom: -87%;
}

.a18 .lines
{
position: absolute;
z-index: 2;
width: 10%;
bottom: 17%;
right: 26%;
opacity: 0;
}

.a18.start .figure
{
bottom: 0;
transition: all 1s;
}

.a18.start .lines
{
opacity: 1;
transition: all 1s 0.5s;
}

.a19
{
position: relative;
overflow: hidden;
}

.a19 .back
{
position: relative;
z-index: 1;
}

.a19 .lines
{
position: absolute;
z-index: 2;
width: 57%;
top: 17%;
right: 9%;
opacity: 0;
}

.a19.start .lines
{
opacity: 1;
transition: all 1s;
}

.a20
{
position: relative;
overflow: hidden;
}

.a20 .back
{
position: relative;
z-index: 1;
}

.a20 .figure
{
position: absolute;
z-index: 3;
width: 44%;
left: 0;
bottom: -100%;
}

.a20 .lines
{
position: absolute;
z-index: 2;
width: 59%;
right: 22%;
top: 15%;
opacity: 0;
}

.a20.start .lines
{
opacity: 1;
transition: all 1s;
}

.a20.start .figure
{
bottom: 0;
transition: all 1s;
}

.a21
{
position: relative;
overflow: hidden;
}

.a21 .back
{
position: relative;
z-index: 1;
}

.a21 .figure
{
position: absolute;
z-index: 3;
width: 33%;
right: 0;
bottom: -100%;
}

.a21 .lines
{
position: absolute;
z-index: 2;
width: 18%;
right: 29%;
top: 22%;
opacity: 0;
}

.a21 .horse
{
position: absolute;
z-index: 2;
width: 41%;
left: 0;
bottom: -100%;
}

.a21.start .lines
{
opacity: 1;
transition: all 1s 0.5s;
}

.a21.start .figure
{
bottom: 0;
transition: all 1s;
}

.a21.start .horse
{
bottom: 0;
transition: all 1s;
}

.a22
{
position: relative;
overflow: hidden;
}

.a22 .back
{
position: relative;
z-index: 1;
}

.a22 .lines
{
position: absolute;
z-index: 2;
width: 19%;
right: 39%;
top: 43%;
opacity: 0;
}

.a22.start .lines
{
opacity: 1;
transition: all 1s;
}

.a23
{
position: relative;
overflow: hidden;
}

.a23 .back
{
position: relative;
z-index: 1;
}

.a23 .back_1
{
position: absolute;
z-index: 3;
width: 63%;
right: 0;
bottom: 0;
}

.a23 .figure
{
position: absolute;
z-index: 2;
width: 22%;
right: 38%;
top: 24%;
}

.a23 .lines
{
position: absolute;
z-index: 4;
width: 9%;
right: 6%;
top: 36%;
opacity: 0;
}

.a23.start .lines
{
opacity: 1;
transition: all 1s 0.5s;
}

.a23.start .figure
{
right: 59%;
transition: all 1s;
}

.a24
{
position: relative;
overflow: hidden;
}

.a24 .back
{
position: relative;
z-index: 1;
}

.a24 .back_1
{
position: absolute;
z-index: 3;
width: 100%;
right: 0;
bottom: 0;
}

.a24 .figure
{
position: absolute;
z-index: 2;
width: 39%;
right: 46%;
top: 42%;
}

.a24 .lines
{
position: absolute;
z-index: 4;
width: 14%;
right: 6%;
bottom: 8%;
opacity: 0;
}

.a24.start .lines
{
opacity: 1;
transition: all 1s 0.5s;
}

.a24.start .figure
{
top: 0;
transition: all 1s;
}

.a25
{
position: relative;
overflow: hidden;
}

.a25 .back
{
position: relative;
z-index: 1;
}

.a25 .back_1
{
position: absolute;
z-index: 3;
width: 67%;
right: 0;
bottom: 0;
}

.a25 .figure_1
{
position: absolute;
z-index: 2;
width: 52%;
left: 0;
bottom: 0;
opacity: 1;
}

.a25 .figure_2
{
position: absolute;
z-index: 2;
width: 40%;
bottom: 0;
left: 40%;
opacity: 0;
}

.a25.start .figure_1
{
left: 40%;
opacity: 0;
transition: all 1s;
}

.a25.start .figure_2
{
left: 0;
opacity: 1;
transition: all 1s 1s;
}

.a26
{
position: relative;
overflow: hidden;
}

.a26 .back
{
position: relative;
z-index: 1;
}

.a26 .bus
{
position: absolute;
z-index: 2;
width: 31%;
left: 100%;
bottom: 0;
}

.a26 .lines
{
position: absolute;
z-index: 2;
width: 98%;
top: 26%;
left: 1%;
opacity: 0;
}

.a26.start .bus
{
left: 0;
transition: all 1.5s;
}

.a26.start .lines
{
opacity: 1;
transition: all 1s;
}

.a27
{
position: relative;
overflow: hidden;
}

.a27 .back
{
position: relative;
z-index: 1;
}

.a27 .lines
{
position: absolute;
z-index: 2;
width: 86%;
top: 9%;
left: 9%;
opacity: 0;
}

.a27.start .lines
{
opacity: 1;
transition: all 1s;
}

.a28
{
position: relative;
overflow: hidden;
}

.a28 .back
{
position: relative;
z-index: 2;
}

.a28 .card
{
position: absolute;
width: 68%;
top: 3%;
left: 49%;
z-index: 1;
}

.a28 .line
{
position: absolute;
z-index: 3;
width: 40%;
top: 60%;
left: 52%;
opacity: 0;
}

.a28 .lines
{
position: absolute;
z-index: 3;
width: 46%;
top: 23%;
left: 2%;
opacity: 0;
}

.a28.start .card
{
left: 0;
transition: all 1.5s;
}

.a28.start .line
{
opacity: 1;
transition: all 1s 1s;
}

.a28.start .lines
{
opacity: 1;
transition: all 1s 1s;
}

.a29
{
position: relative;
overflow: hidden;
}

.a29 .back
{
position: relative;
z-index: 1;
}

.a29 .sound
{
position: absolute;
z-index: 2;
width: 21%;
top: 8%;
left: 53%;
opacity: 0;
}

.a29 .bubble1
{
position: absolute;
z-index: 2;
width: 51%;
top: 41%;
left: 1%;
opacity: 0;
}

.a29 .bubble2
{
position: absolute;
z-index: 2;
width: 50%;
top: 0;
left: 1%;
opacity: 0;
}

.a29.start .sound
{
opacity: 1;
transition: all 1s;
}

.a29.start .bubble1
{
opacity: 1;
transition: all 1s 0.5s;
}

.a29.start .bubble2
{
opacity: 1;
transition: all 1s 1s;
}

.a30
{
position: relative;
overflow: hidden;
}

.a30 .back
{
position: relative;
z-index: 1;
}

.a30 .line
{
position: absolute;
z-index: 2;
width: 22%;
top: 19%;
left: 3%;
opacity: 0;
}

.a30.start .line
{
opacity: 1;
transition: all 1s;
}

.a31
{
position: relative;
overflow: hidden;
}

.a31 .back
{
position: relative;
z-index: 1;
}

.a31 .line1
{
position: absolute;
z-index: 2;
width: 72%;
top: 8%;
left: 3%;
opacity: 0;
}

.a31 .line2
{
position: absolute;
z-index: 2;
width: 40%;
top: 65%;
left: 15%;
opacity: 0;
}

.a31.start .line1
{
opacity: 1;
transition: all 1s;
}

.a31.start .line2
{
opacity: 1;
transition: all 1s 1s;
}

.a32
{
position: relative;
overflow: hidden;
}

.a32 .envelope
{
position: relative;
z-index: 1;
}

.a32 .envelope_top
{
position: absolute;
z-index: 3;
bottom: 0;
opacity: 1;
}

.a32 .letter
{
width: 97%;
left: 50%;
transform: translateX(-50%);
top: 61%;
position: absolute;
z-index: 2;
}

.a32 .citate
{
position: absolute;
width: 97%;
top: 14%;
left: 50%;
transform: translateX(-50%);
z-index: 4;
opacity: 0;
}

.a32.start .letter
{
top: 0;
transition: top 1s 0s;
}

.a32.start .envelope_top
{
opacity: 0;
transition: all 0.5s 1s;
}

.a32.start .citate
{
opacity: 1;
transition: all 1s 1.5s;
}

.a33
{
position: relative;
overflow: hidden;
}

.a33 .envelope
{
position: relative;
z-index: 1;
}

.a33 .envelope_top
{
position: absolute;
z-index: 3;
bottom: 0;
opacity: 1;
}

.a33 .letter
{
width: 97%;
left: 50%;
transform: translateX(-50%);
top: 61%;
position: absolute;
z-index: 2;
}

.a33 .citate
{
position: absolute;
width: 95%;
top: 5%;
left: 50%;
transform: translateX(-50%);
z-index: 4;
opacity: 0;
}

.a33.start .letter
{
top: 0;
transition: top 1s 0s;
}

.a33.start .envelope_top
{
opacity: 0;
transition: all 0.5s 1s;
}

.a33.start .citate
{
opacity: 1;
transition: all 1s 1.5s;
}

.a34
{
position: relative;
overflow: hidden;
}

.a34 .envelope
{
position: relative;
z-index: 1;
}

.a34 .envelope_top
{
position: absolute;
z-index: 3;
bottom: 0;
opacity: 1;
}

.a34 .letter
{
width: 97%;
left: 50%;
transform: translateX(-50%);
top: 61%;
position: absolute;
z-index: 2;
}

.a34 .citate
{
position: absolute;
width: 95%;
top: 20%;
left: 50%;
transform: translateX(-50%);
z-index: 4;
opacity: 0;
}

.a34.start .letter
{
top: 10%;
transition: top 1s 0s;
}

.a34.start .envelope_top
{
opacity: 0;
transition: all 0.5s 1s;
}

.a34.start .citate
{
opacity: 1;
transition: all 1s 1.5s;
}

.a35
{
position: relative;
overflow: hidden;
}

.a35 .envelope
{
position: relative;
z-index: 1;
}

.a35 .envelope_top
{
position: absolute;
z-index: 3;
bottom: 0;
opacity: 1;
}

.a35 .letter
{
width: 97%;
left: 50%;
transform: translateX(-50%);
top: 61%;
position: absolute;
z-index: 2;
}

.a35 .citate
{
position: absolute;
width: 95%;
top: 15%;
left: 50%;
transform: translateX(-50%);
z-index: 4;
opacity: 0;
}

.a35.start .letter
{
top: 10%;
transition: top 1s 0s;
}

.a35.start .envelope_top
{
opacity: 0;
transition: all 0.5s 1s;
}

.a35.start .citate
{
opacity: 1;
transition: all 1s 1.5s;
}

.a36
{
position: relative;
overflow: hidden;
}

.a36 .laptop
{
position: relative;
z-index: 2;
}

.a36 .slide
{
width: 73%;
position: absolute;
top: 4%;
left: 16%;
z-index: 1;
opacity: 1;
}

.a36.start .slide_01
{
opacity: 0;
transition: opacity 1s;
}

.a36.start .slide_02
{
opacity: 0;
transition: opacity 1s 1s;
}

.a36.start .slide_03
{
opacity: 0;
transition: opacity 1s 2s;
}

.a36.start .slide_04
{
opacity: 0;
transition: opacity 1s 3s;
}

.a36.start .slide_05
{
opacity: 0;
transition: opacity 1s 4s;
}

.a36.start .slide_06
{
opacity: 0;
transition: opacity 1s 5s;
}

.a37
{
position: relative;
overflow: hidden;
}

.a37 .bottom
{
position: relative;
z-index: 1;
}

.a37 .top
{
position: relative;
z-index: 3;
}

.a37 .poster
{
position: absolute;
z-index: 2;
width: 64%;
top: -100%;
left: 18%;
}

.a37.start .poster
{
top: 38%;
transition: all 1s;
}

.a38
{
position: relative;
overflow: hidden;
}

.a38 .bottom
{
position: relative;
z-index: 1;
}

.a38 .top
{
position: relative;
z-index: 3;
}

.a38 .poster
{
position: absolute;
z-index: 2;
width: 64%;
top: -100%;
left: 18%;
}

.a38.start .poster
{
top: 38%;
transition: all 1s;
}

.a39
{
position: relative;
overflow: hidden;
}

.a39 .bottom
{
position: relative;
z-index: 1;
}

.a39 .top
{
position: relative;
z-index: 3;
}

.a39 .poster
{
position: absolute;
z-index: 2;
width: 64%;
top: -100%;
left: 18%;
}

.a39.start .poster
{
top: 38%;
transition: all 1s;
}

.a40
{
position: relative;
overflow: hidden;
}

.a40 .bottom
{
position: relative;
z-index: 1;
}

.a40 .top
{
position: relative;
z-index: 3;
}

.a40 .poster
{
position: absolute;
z-index: 2;
width: 64%;
top: -100%;
left: 18%;
}

.a40.start .poster
{
top: 38%;
transition: all 1s;
}

.a41
{
position: relative;
overflow: hidden;
}

.a41 .number_1,

.a41 .number_2,

.a41 .number_3,

.a41 .road_1,

.a41 .road_2,

.a41 .road_3
{
position: absolute;
opacity: 0;
}

.a41 .road_1
{
width: 76%;
top: 28.2%;
left: 0;
}

.a41 .road_2
{
width: 25%;
top: 48.3%;
left: 0;
}

.a41 .road_3
{
width: 33%;
top: 71.7%;
left: 0;
}

.a41 .number_1
{
width: 20.5%;
top: 35.5%;
right: 0;
}

.a41 .number_2
{
width: 17%;
top: 55.6%;
right: 0;
}

.a41 .number_3
{
width: 16%;
top: 79%;
right: 0;
}

.a41.start .number_1,

.a41.start .number_2,

.a41.start .number_3,

.a41.start .road_1,

.a41.start .road_2,

.a41.start .road_3
{
opacity: 1;
}

.a41.start .road_1
{
transition: all 0.5s;
}

.a41.start .road_2
{
transition: all 0.5s 1s;
}

.a41.start .road_3
{
transition: all 0.5s 2s;
}

.a41.start .number_1
{
transition: all 0.5s 0.5s;
}

.a41.start .number_2
{
transition: all 0.5s 1.5s;
}

.a41.start .number_3
{
transition: all 0.5s 2.5s;
}

.a42
{
position: relative;
overflow: hidden;
}

.a42 .element
{
position: absolute;
width: 49%;
top: 10.1%;
left: 27.1%;
opacity: 0;
}

.a42.start .element
{
opacity: 1;
transition: all 1.5s;
}

.a43
{
position: relative;
overflow: hidden;
}

.a43 .slash
{
position: relative;
z-index: 1;
}

.a43 .screen
{
position: absolute;
width: 100%;
z-index: 2;
opacity: 0;
}

.a43 .line
{
width: 28%;
top: 32%;
left: 24%;
position: absolute;
z-index: 3;
opacity: 0;
}

.a43 .line_2
{
width: 31%;
top: 56.5%;
left: 22.5%;
position: absolute;
z-index: 3;
opacity: 0;
}

.a43.start .screen
{
opacity: 1;
transition: all 1s;
}

.a43.start .line
{
opacity: 1;
transition: all 0.5s 1s;
}

.a43.start .line_2
{
opacity: 1;
transition: all 0.5s 1.5s;
}

.a44
{
position: relative;
overflow: hidden;
}

.a44 .slash
{
position: relative;
z-index: 1;
}

.a44 .screen
{
position: absolute;
z-index: 2;
opacity: 0;
}

.a44 .text
{
position: absolute;
width: 72%;
top: 59%;
left: 14%;
opacity: 0;
z-index: 3;
}

.a44 .text_2
{
position: absolute;
width: 66%;
top: 74%;
left: 16%;
opacity: 0;
z-index: 3;
}

.a44 .arrow
{
position: absolute;
width: 20%;
top: 21%;
left: 64%;
opacity: 0;
z-index: 3;
}

.a44.start .screen
{
opacity: 1;
transition: all 1s;
}

.a44.start .text
{
opacity: 1;
transition: all 0.5s 1s;
}

.a44.start .text_2
{
opacity: 1;
transition: all 0.5s 1.5s;
}

.a44.start .arrow
{
opacity: 1;
transition: all 0.5s 2s;
}

.a45
{
position: relative;
overflow: hidden;
}

.a45 .slash
{
position: relative;
z-index: 1;
}

.a45 .screen
{
position: absolute;
z-index: 2;
opacity: 0;
}

.a45 .dollar_1
{
position: absolute;
width: 90%;
top: 78%;
left: 50%;
transform: translateX(-50%);
opacity: 0;
z-index: 3;
}

.a45 .dollar_2
{
position: absolute;
width: 90%;
top: 68%;
left: 50%;
transform: translateX(-50%);
opacity: 0;
z-index: 3;
}

.a45 .dollar_3
{
position: absolute;
width: 90%;
top: 57%;
left: 50%;
transform: translateX(-50%);
opacity: 0;
z-index: 3;
}

.a45 .text
{
position: absolute;
width: 81%;
top: 34%;
left: 50%;
transform: translateX(-50%);
opacity: 0;
z-index: 3;
}

.a45 .text_2
{
position: absolute;
width: 78%;
top: 24%;
left: 50%;
transform: translateX(-50%);
opacity: 0;
z-index: 3;
}

.a45 .text_3
{
position: absolute;
width: 78%;
top: 15%;
left: 50%;
transform: translateX(-50%);
opacity: 0;
z-index: 3;
}

.a45.start .screen
{
opacity: 1;
transition: all 1s;
}

.a45.start .dollar_1
{
opacity: 1;
transition: all 0.5s 1s;
}

.a45.start .dollar_2
{
opacity: 1;
transition: all 0.5s 1.5s;
}

.a45.start .dollar_3
{
opacity: 1;
transition: all 0.5s 2s;
}

.a45.start .text
{
opacity: 1;
transition: all 0.5s 2.5s;
}

.a45.start .text_2
{
opacity: 1;
transition: all 0.5s 3s;
}

.a45.start .text_3
{
opacity: 1;
transition: all 0.5s 3.5s;
}

.a46
{
position: relative;
overflow: hidden;
}

.a46 .back
{
position: relative;
z-index: 1;
}

.a46 .red-rope
{
position: absolute;
width: 72.5%;
top: 4.3%;
left: 1%;
opacity: 0;
z-index: 2;
}

.a46 .rope
{
position: absolute;
width: 13.5%;
top: 19%;
left: 59%;
opacity: 0;
z-index: 2;
}

.a46.start .rope
{
opacity: 1;
transition: all 1s;
}

.a46.start .red-rope
{
opacity: 1;
transition: all 1s 1s;
}

.a47 .wrap
{
position: relative;
overflow: hidden;
}

.a47 .back
{
position: relative;
z-index: 1;
}

.a47 .flag
{
position: absolute;
width: 11.5%;
top: 70%;
left: 64%;
z-index: 2;
opacity: 0;
}

.a47 .title
{
font-family: "Graphik LCG", sans-serif;
font-size: 12px;
line-height: 16px;
margin-top: 8px;
}

.a47 .title .description
{
color: #000;
display: block;
}

.a47 .title .copyright
{
color: #737373;
display: block;
}

.a47.start .flag
{
opacity: 1;
transition: all 1s;
}

.a48
{
position: relative;
overflow: hidden;
}

.a48 .back
{
position: relative;
z-index: 1;
}

.a48 .text
{
position: absolute;
width: 71%;
top: 10%;
left: 14%;
z-index: 2;
opacity: 0;
}

.a48 .bug
{
position: absolute;
width: 24%;
bottom: 5%;
left: 0;
z-index: 3;
opacity: 0;
}

.a48.start .text
{
opacity: 1;
transition: all 1s;
}

.a48.start .bug
{
opacity: 1;
transition: all 1s 0.5s;
}

.a49
{
position: relative;
}

.a49 .back
{
position: relative;
z-index: 1;
}

.a49 .bar_1
{
position: absolute;
width: 23%;
top: 4%;
left: 58%;
z-index: 2;
opacity: 0;
}

.a49 .bar_2
{
position: absolute;
width: 23.4%;
top: 1%;
left: 76%;
z-index: 3;
opacity: 0;
}

.a49 .number
{
position: absolute;
width: 40%;
top: 5%;
left: 0;
z-index: 2;
opacity: 0;
}

.a49 .text
{
position: absolute;
width: 40%;
top: 62%;
left: 0;
z-index: 2;
opacity: 0;
}

.a49 .bug
{
position: absolute;
width: 25%;
bottom: 27%;
left: 71%;
z-index: 2;
opacity: 0;
}

.a49.start .bar_1
{
opacity: 1;
transition: all 1s;
}

.a49.start .bar_2
{
opacity: 1;
transition: all 1s 0.5s;
}

.a49.start .number
{
opacity: 1;
transition: all 1s 1s;
}

.a49.start .text
{
opacity: 1;
transition: all 1s 1.5s;
}

.a49.start .bug
{
bottom: -10%;
left: -4%;
z-index: 3;
opacity: 1;
transition: bottom 1s 2s, left 1s 2s, z-index 1s 2s, opacity 1s 1s;
}

.a50
{
position: relative;
}

.a50 .back
{
position: relative;
z-index: 1;
}

.a50 .text_1
{
position: absolute;
width: 29%;
bottom: 0;
left: 0;
z-index: 2;
opacity: 0;
}

.a50 .text_2
{
position: absolute;
width: 47%;
bottom: 0;
right: 0;
z-index: 2;
opacity: 0;
}

.a50 .bug_left_1
{
position: absolute;
width: 11.7%;
top: 19%;
left: 21%;
z-index: 3;
opacity: 0;
}

.a50 .bug_left_2
{
position: absolute;
width: 11.7%;
top: 28%;
left: 13%;
z-index: 3;
opacity: 0;
}

.a50 .bug_left_3
{
position: absolute;
width: 11.7%;
top: 37%;
left: 5%;
z-index: 3;
opacity: 0;
}

.a50 .bug_right_1
{
position: absolute;
width: 12%;
top: 19%;
left: 45%;
z-index: 3;
opacity: 0;
}

.a50 .bug_right_2
{
position: absolute;
width: 12%;
top: 28%;
left: 53%;
z-index: 3;
opacity: 0;
}

.a50 .bug_right_3
{
position: absolute;
width: 12%;
top: 37%;
left: 61%;
z-index: 3;
opacity: 0;
}

.a50 .bug_bottom_1
{
position: absolute;
width: 11.7%;
top: 80%;
left: 26%;
z-index: 3;
opacity: 0;
}

.a50 .bug_bottom_2
{
position: absolute;
width: 11.7%;
top: 80%;
left: 35%;
z-index: 3;
opacity: 0;
}

.a50 .bug_bottom_3
{
position: absolute;
width: 11.7%;
top: 80%;
left: 44%;
z-index: 3;
opacity: 0;
}

.a50.start .bug_left_1
{
opacity: 1;
transition: all 1s;
}

.a50.start .bug_left_2
{
opacity: 1;
transition: all 1s 0.5s;
}

.a50.start .bug_left_3
{
opacity: 1;
transition: all 1s 1s;
}

.a50.start .text_1
{
opacity: 1;
transition: all 1s 1.5s;
}

.a50.start .bug_right_1
{
opacity: 1;
transition: all 1s 2s;
}

.a50.start .bug_right_2
{
opacity: 1;
transition: all 1s 2.5s;
}

.a50.start .bug_right_3
{
opacity: 1;
transition: all 1s 3s;
}

.a50.start .text_2
{
opacity: 1;
transition: all 1s 3.5s;
}

.a50.start .bug_bottom_1
{
opacity: 1;
transition: all 1s 4s;
}

.a50.start .bug_bottom_2
{
opacity: 1;
transition: all 1s 4.5s;
}

.a50.start .bug_bottom_3
{
opacity: 1;
transition: all 1s 5s;
}

.a51
{
position: relative;
overflow: hidden;
}

.a51 .photo
{
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
}

.a51.start .photo
{
opacity: 1;
transition: opacity 2s ease-in-out;
}

.a52
{
position: relative;
overflow: hidden;
}

.a52 .photo
{
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
}

.a52.start .photo
{
opacity: 1;
transition: opacity 2s ease-in-out;
}

.a53
{
position: relative;
overflow: hidden;
}

.a53 .photo
{
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
}

.a53.start .photo
{
opacity: 1;
transition: opacity 2s ease-in-out;
}

.a54
{
position: relative;
overflow: hidden;
}

.a54 .photo
{
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
}

.a54.start .photo
{
opacity: 1;
transition: opacity 2s ease-in-out;
}

.a55
{
position: relative;
overflow: hidden;
}

.a55 .photo
{
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
}

.a55.start .photo
{
opacity: 1;
transition: opacity 2s ease-in-out;
}

.a56
{
position: relative;
overflow: hidden;
}

.a56 .line_1
{
position: absolute;
width: 24%;
top: 38%;
left: 0;
opacity: 0;
z-index: 1;
}

.a56 .line_2
{
position: absolute;
width: 27%;
top: 53.5%;
left: 22%;
opacity: 0;
z-index: 1;
}

.a56 .overlay
{
position: absolute;
width: 100%;
top: 0;
left: 0;
opacity: 0;
z-index: 2;
}

.a56 .text
{
position: absolute;
width: 71%;
bottom: 4%;
right: 0;
opacity: 0;
z-index: 4;
}

.a56 .portrait
{
position: absolute;
width: 57%;
bottom: 9%;
left: 40%;
opacity: 0;
z-index: 3;
}

.a56.start .line_1
{
opacity: 1;
transition: opacity 1s ease-in-out;
}

.a56.start .line_2
{
opacity: 1;
transition: opacity 1s ease-in-out 1s;
}

.a56.start .overlay
{
opacity: 1;
transition: opacity 1s ease-in-out 2s;
}

.a56.start .text
{
opacity: 1;
transition: opacity 1s ease-in-out 3s;
}

.a56.start .portrait
{
opacity: 1;
left: 0;
transition: all 1s ease-in-out 4s;
}

.a57
{
position: relative;
overflow: hidden;
}

.a57 .lines
{
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
}

.a57 .numbers
{
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
}

.a57.start .lines
{
opacity: 1;
transition: opacity 1s ease-in-out;
}

.a57.start .numbers
{
opacity: 1;
transition: opacity 1s ease-in-out 1s;
}

.a58
{
position: relative;
overflow: hidden;
}

.a58 .shadow
{
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
z-index: 1;
}

.a58 .photo
{
position: absolute;
width: 44%;
top: -100%;
right: 0;
z-index: 2;
}

.a58 .map
{
position: absolute;
width: 38%;
bottom: 0;
left: 35%;
opacity: 0;
z-index: 3;
}

.a58 .tags
{
position: absolute;
width: 38%;
top: -100%;
left: 0;
z-index: 4;
}

.a58.start .shadow
{
opacity: 1;
transition: opacity 1s ease-in-out;
}

.a58.start .photo
{
top: 0;
transition: top 1s ease-in-out 1s;
}

.a58.start .map
{
opacity: 1;
transition: opacity 1s ease-in-out 2s;
}

.a58.start .tags
{
top: 0;
transition: top 1s ease-in-out 3s;
}

.a59
{
position: relative;
overflow: hidden;
}

.a59 .shadow
{
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
z-index: 1;
}

.a59 .photo
{
position: absolute;
width: 67%;
top: -100%;
left: 0;
z-index: 2;
}

.a59 .map
{
position: absolute;
width: 32%;
bottom: 0;
left: 35%;
opacity: 0;
z-index: 3;
}

.a59 .tags
{
position: absolute;
width: 37%;
top: -100%;
right: 0;
z-index: 4;
}

.a59.start .shadow
{
opacity: 1;
transition: opacity 1s ease-in-out;
}

.a59.start .photo
{
top: 0;
transition: top 1s ease-in-out 1s;
}

.a59.start .map
{
opacity: 1;
transition: opacity 1s ease-in-out 2s;
}

.a59.start .tags
{
top: 0;
transition: top 1s ease-in-out 3s;
}

.a60
{
position: relative;
overflow: hidden;
}

.a60 .shadow
{
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
z-index: 1;
}

.a60 .photo
{
position: absolute;
width: 68%;
top: -100%;
right: 0;
z-index: 2;
}

.a60 .map
{
position: absolute;
width: 39%;
bottom: 0;
left: 35%;
opacity: 0;
z-index: 3;
}

.a60 .tags
{
position: absolute;
width: 41%;
top: -100%;
left: 0;
z-index: 4;
}

.a60.start .shadow
{
opacity: 1;
transition: opacity 1s ease-in-out;
}

.a60.start .photo
{
top: 0;
transition: top 1s ease-in-out 1s;
}

.a60.start .map
{
opacity: 1;
transition: opacity 1s ease-in-out 2s;
}

.a60.start .tags
{
top: 0;
transition: top 1s ease-in-out 3s;
}

.a61
{
position: relative;
overflow: hidden;
}

.a61 .tag_1
{
position: absolute;
width: 31%;
top: -100%;
left: 0;
z-index: 1;
}

.a61 .tag_2
{
position: absolute;
width: 25%;
top: -100%;
left: 20%;
z-index: 2;
}

.a61.start .tag_1
{
top: 0;
transition: top 1s ease-in-out;
}

.a61.start .tag_2
{
top: 0;
transition: top 1s ease-in-out 1s;
}

.a62
{
position: relative;
overflow: hidden;
}

.a62 .tag_1
{
position: absolute;
width: 27%;
top: -100%;
right: 15%;
z-index: 1;
}

.a62 .tag_2
{
position: absolute;
width: 26%;
top: -100%;
right: 0;
z-index: 2;
}

.a62.start .tag_1
{
top: 0;
transition: top 1s ease-in-out;
}

.a62.start .tag_2
{
top: 0;
transition: top 1s ease-in-out 1s;
}

.a63
{
position: relative;
overflow: hidden;
}

.a63 .tag_1
{
position: absolute;
width: 31%;
top: -100%;
left: 0;
z-index: 1;
}

.a63 .tag_2
{
position: absolute;
width: 26%;
top: -100%;
left: 15%;
z-index: 2;
}

.a63.start .tag_1
{
top: 0;
transition: top 1s ease-in-out;
}

.a63.start .tag_2
{
top: 0;
transition: top 1s ease-in-out 1s;
}

.a64
{
position: relative;
overflow: hidden;
}

.a64 .tag_1
{
position: absolute;
width: 31%;
top: -100%;
left: 0;
z-index: 1;
}

.a64 .tag_2
{
position: absolute;
width: 26%;
top: -100%;
left: 15%;
z-index: 2;
}

.a64.start .tag_1
{
top: 0;
transition: top 1s ease-in-out;
}

.a64.start .tag_2
{
top: 0;
transition: top 1s ease-in-out 1s;
}

.a65
{
position: relative;
overflow: hidden;
}

.a65 .figure
{
position: absolute;
width: 59%;
left: -100%;
bottom: 0;
z-index: 1;
}

.a65.start .figure
{
left: 0;
transition: left 1s ease-in-out;
}

.a66
{
position: relative;
overflow: hidden;
}

.a66 .figure
{
position: absolute;
width: 44%;
right: -100%;
bottom: 0;
z-index: 1;
}

.a66.start .figure
{
right: 3%;
transition: right 1.2s ease-in-out;
}

.a67
{
position: relative;
overflow: hidden;
}

.a67 .figure
{
position: absolute;
width: 56%;
left: 33%;
bottom: 0;
opacity: 0;
z-index: 1;
}

.a67 .name
{
position: absolute;
width: 32%;
right: 0;
top: 0;
opacity: 0;
z-index: 1;
}

.a67 .arrow
{
position: absolute;
width: 12%;
left: 65%;
top: 3%;
opacity: 0;
z-index: 2;
}

.a67.start .figure
{
opacity: 1;
transition: opacity 1s ease-in-out;
}

.a67.start .name
{
opacity: 1;
transition: opacity 1s ease-in-out 0.5s;
}

.a67.start .arrow
{
opacity: 1;
transition: opacity 1s ease-in-out 1s;
}

.a68
{
position: relative;
overflow: hidden;
}

.a68 .percent
{
position: absolute;
width: 46%;
right: 0;
bottom: 0;
opacity: 0;
transform: translateY(-150%);
z-index: 1;
}

.a68 .stamp
{
position: absolute;
width: 50%;
left: 0;
top: 0;
opacity: 0;
z-index: 1;
}

.a68.start .percent
{
opacity: 1;
transform: translateY(0);
transition: all 1s ease-in-out;
}

.a68.start .stamp
{
opacity: 1;
transition: opacity 1s ease-in-out 0.5s;
}

.a69
{
position: relative;
overflow: hidden;
}

.a69 .table
{
position: absolute;
width: 100%;
left: 0;
top: 0;
opacity: 0;
z-index: 1;
}

.a69.start .table
{
opacity: 1;
transition: opacity 1s ease-in-out;
}

.a70
{
position: relative;
overflow: hidden;
}

.a70 .paper
{
position: absolute;
width: 38%;
right: 0;
top: 0;
opacity: 0;
z-index: 1;
}

.a70 .text
{
position: absolute;
width: 31%;
right: 0;
top: 0;
opacity: 0;
z-index: 2;
}

.a70 .pin
{
position: absolute;
width: 15%;
right: 22%;
top: 0;
opacity: 0;
z-index: 3;
}

.a70.start .paper
{
opacity: 1;
transition: opacity 0.5s ease-in-out;
}

.a70.start .text
{
opacity: 1;
transition: opacity 0.5s ease-in-out 0.5s;
}

.a70.start .pin
{
opacity: 1;
transition: opacity 0.5s ease-in-out 1s;
}

.a71
{
position: relative;
overflow: hidden;
}

.a71 .text
{
position: absolute;
width: 100%;
left: 0;
top: 0;
opacity: 0;
z-index: 3;
}

.a71 .line
{
position: absolute;
width: 100%;
left: 0;
top: 12%;
opacity: 0;
z-index: 3;
}

.a71 .back2
{
position: absolute;
width: 100%;
left: 0;
top: 0;
opacity: 0;
z-index: 1;
}

.a71 .number
{
position: absolute;
width: 42%;
left: 10%;
top: 21%;
transform: translateY(-123%);
}

.a71 .holder
{
position: absolute;
width: 100%;
height: 78%;
overflow: hidden;
left: 0;
top: 22%;
z-index: 2;
}

.a71.start .text
{
opacity: 1;
transition: opacity 0.5s ease-in-out;
}

.a71.start .line
{
opacity: 1;
transition: opacity 0.5s ease-in-out 0.5s;
}

.a71.start .back2
{
opacity: 1;
transition: opacity 1s ease-in-out 1s;
}

.a71.start .number
{
transform: translateY(-23%);
transition: transform 1s ease-in-out 2s;
}

.a72
{
position: relative;
overflow: hidden;
}

.a72 .pen
{
position: absolute;
width: 30%;
left: 0;
bottom: 0;
opacity: 0;
}

.a72 .header
{
position: absolute;
width: 81%;
right: 0;
top: 0;
opacity: 0;
}

.a72 .line
{
position: absolute;
width: 81%;
right: 0;
top: 17%;
opacity: 0;
}

.a72 .text
{
position: absolute;
width: 73%;
right: 0;
bottom: 2%;
opacity: 0;
}

.a72.start .pen
{
opacity: 1;
transition: opacity 1s ease-in-out;
}

.a72.start .header
{
opacity: 1;
transition: opacity 1s ease-in-out 1s;
}

.a72.start .line
{
opacity: 1;
transition: opacity 1s ease-in-out 2s;
}

.a72.start .text
{
opacity: 1;
transition: opacity 1s ease-in-out 3s;
}

.a73
{
position: relative;
overflow: hidden;
}

.a73 .shadow
{
position: absolute;
width: 100%;
left: 0;
top: 0;
opacity: 0;
}

.a73 .text
{
position: absolute;
width: 100%;
left: 0;
top: 12%;
opacity: 0;
z-index: 1;
}

.a73.start .shadow
{
opacity: 1;
transition: opacity 1s ease-in-out;
}

.a73.start .text
{
opacity: 1;
transition: opacity 1s ease-in-out 1s;
}

.a74
{
position: relative;
overflow: hidden;
}

.a74 .shadow
{
position: absolute;
width: 100%;
left: 0;
top: 0;
opacity: 0;
}

.a74 .text
{
position: absolute;
width: 100%;
left: 0;
top: 5%;
opacity: 0;
z-index: 1;
}

.a74.start .shadow
{
opacity: 1;
transition: opacity 1s ease-in-out;
}

.a74.start .text
{
opacity: 1;
transition: opacity 1s ease-in-out 1s;
}

.a75
{
position: relative;
overflow: hidden;
}

.a75 .lines
{
position: absolute;
width: 80%;
right: 0;
top: 0;
opacity: 0;
z-index: 1;
}

.a75 .shadow
{
position: absolute;
width: 100%;
left: 0;
top: 0;
opacity: 0;
z-index: 2;
}

.a75 .text
{
position: absolute;
width: 100%;
left: 0;
bottom: 0;
opacity: 0;
z-index: 3;
}

.a75.start .lines
{
opacity: 1;
transition: opacity 1s ease-in-out;
}

.a75.start .shadow
{
opacity: 1;
transition: opacity 1s ease-in-out 1s;
}

.a75.start .text
{
opacity: 1;
transition: opacity 1s ease-in-out 2s;
}

.a76
{
position: relative;
overflow: hidden;
}

.a76 .line1
{
position: absolute;
width: 35%;
left: 0;
top: 36%;
opacity: 0;
z-index: 1;
}

.a76 .line2
{
position: absolute;
width: 39%;
left: 0;
bottom: 0;
opacity: 0;
z-index: 2;
}

.a76.start .line1
{
opacity: 1;
transition: opacity 1s ease-in-out;
}

.a76.start .line2
{
opacity: 1;
transition: opacity 1s ease-in-out 1s;
}

.a77
{
position: relative;
overflow: hidden;
}

.a77 .holder
{
position: absolute;
width: 64.89%;
right: 0;
top: 0;
z-index: 2;
}

.a77 .money
{
position: absolute;
width: 50%;
right: 10%;
top: 0;
opacity: 0;
z-index: 1;
}

.a77 .element1
{
position: absolute;
width: 43%;
left: 0;
top: 0;
opacity: 0;
z-index: 3;
}

.a77 .element2
{
position: absolute;
width: 43%;
left: 0;
bottom: 0;
opacity: 0;
z-index: 3;
}

.a77 .element3
{
position: absolute;
width: 48%;
right: 0;
top: 55%;
opacity: 0;
z-index: 3;
}

.a77 .element4
{
position: absolute;
width: 48%;
right: 0;
top: 66%;
opacity: 0;
z-index: 3;
}

.a77 .element5
{
position: absolute;
width: 48%;
right: 0;
top: 76.5%;
opacity: 0;
z-index: 3;
}

.a77 .element6
{
position: absolute;
width: 41%;
right: 0;
top: 0;
opacity: 0;
z-index: 3;
}

.a77.start .element1
{
opacity: 1;
transition: opacity 1s ease-in-out;
}

.a77.start .element2
{
opacity: 1;
transition: opacity 1s ease-in-out 0.5s;
}

.a77.start .element3
{
opacity: 1;
transition: opacity 1s ease-in-out 1s;
}

.a77.start .element4
{
opacity: 1;
transition: opacity 1s ease-in-out 1.5s;
}

.a77.start .element5
{
opacity: 1;
transition: opacity 1s ease-in-out 2s;
}

.a77.start .money
{
opacity: 1;
right: 0;
transition: all 1s ease-in-out 2.5s;
}

.a77.start .element6
{
opacity: 1;
transition: opacity 1s ease-in-out 3s;
}

.a78
{
position: relative;
overflow: hidden;
}

.a78 .holder
{
position: absolute;
width: 100%;
height: 60%;
overflow: hidden;
left: 0;
top: 0;
}

.a78 .holder__img
{
position: absolute;
top: 0;
left: 0;
z-index: 2;
}

.a78 .paper
{
position: absolute;
width: 100%;
left: 0;
top: 60%;
opacity: 0;
z-index: 1;
}

.a78 .text
{
position: absolute;
width: 100%;
left: 0;
top: 0;
opacity: 0;
z-index: 2;
}

.a78.start .paper
{
opacity: 1;
top: 0;
transition: all 1s ease-in-out;
}

.a78.start .text
{
opacity: 1;
transition: opacity 1s ease-in-out 1s;
}

.a79 .screens
{
position: absolute;
z-index: 3;
}

.a79 [class^="line"]
{
position: absolute;
z-index: 2;
opacity: 0;
}

.a79 .line1
{
width: 16.95%;
top: 44.3%;
left: 8.58%;
}

.a79 .line2
{
width: 27.82%;
top: 32%;
left: 20%;
}

.a79 .line3
{
width: 27.82%;
top: 33%;
left: 40%;
}

.a79 .line4
{
width: 45.1%;
top: 48%;
left: 30%;
}

.a79 .line5
{
width: 16.08%;
top: 20%;
left: 36%;
}

.a79 .line6
{
width: 25.32%;
top: 13%;
left: 38%;
}

.a79 .line7
{
width: 50.21%;
top: 5%;
left: 13%;
}

.a79 .line8
{
width: 35.32%;
top: 10%;
left: 15%;
}

.a79 .line9
{
width: 33.04%;
top: 43%;
left: 14%;
}

.a79 .line10
{
width: 70.21%;
top: 40%;
left: 10%;
}

.a79 .line11
{
width: 19.67%;
top: 47%;
left: 69%;
}

.a79 .line12
{
width: 8.04%;
top: 18%;
left: 66%;
}

.a79 .line13
{
width: 21.84%;
top: 20%;
left: 71%;
}

.a79 .line14
{
width: 46.73%;
top: 28%;
left: 50%;
}

.a79 .line15
{
width: 22.28%;
top: 11%;
left: 16%;
}

.a79 .line16
{
width: 17.06%;
top: 28%;
left: 42%;
}

.a79 .line17
{
width: 62.5%;
top: 13%;
left: 20%;
}

.a79.start .line1
{
opacity: 1;
transition: opacity 0.2s ease-in-out 0.1s;
}

.a79.start .line2
{
opacity: 1;
transition: opacity 0.2s ease-in-out 0.2s;
}

.a79.start .line3
{
opacity: 1;
transition: opacity 0.2s ease-in-out 0.3s;
}

.a79.start .line4
{
opacity: 1;
transition: opacity 0.2s ease-in-out 0.4s;
}

.a79.start .line5
{
opacity: 1;
transition: opacity 0.2s ease-in-out 0.5s;
}

.a79.start .line6
{
opacity: 1;
transition: opacity 0.2s ease-in-out 0.6s;
}

.a79.start .line7
{
opacity: 1;
transition: opacity 0.2s ease-in-out 0.7s;
}

.a79.start .line8
{
opacity: 1;
transition: opacity 0.2s ease-in-out 0.8s;
}

.a79.start .line9
{
opacity: 1;
transition: opacity 0.2s ease-in-out 0.9s;
}

.a79.start .line10
{
opacity: 1;
transition: opacity 0.2s ease-in-out 1s;
}

.a79.start .line11
{
opacity: 1;
transition: opacity 0.2s ease-in-out 1.1s;
}

.a79.start .line12
{
opacity: 1;
transition: opacity 0.2s ease-in-out 1.2s;
}

.a79.start .line13
{
opacity: 1;
transition: opacity 0.2s ease-in-out 1.3s;
}

.a79.start .line14
{
opacity: 1;
transition: opacity 0.2s ease-in-out 1.4s;
}

.a79.start .line15
{
opacity: 1;
transition: opacity 0.2s ease-in-out 1.5s;
}

.a79.start .line16
{
opacity: 1;
transition: opacity 0.2s ease-in-out 1.6s;
}

.a79.start .line17
{
opacity: 1;
transition: opacity 0.2s ease-in-out 1.7s;
}

.a80 .holder
{
padding-top: 85.87%;
}

.a80 [class^="card"]
{
position: absolute;
opacity: 0;
}

.a80 .card1
{
width: 54.56%;
top: 0;
left: 0;
}

.a80 .card2
{
width: 53.91%;
top: 0;
right: 0;
}

.a80 .card3
{
width: 53.27%;
bottom: 0;
left: 0;
}

.a80 .card4
{
width: 52.71%;
bottom: 0;
right: 0;
}

.a80.start .card1
{
opacity: 1;
transition: opacity 0.5s ease-in-out 0s;
}

.a80.start .card2
{
opacity: 1;
transition: opacity 0.5s ease-in-out 0.5s;
}

.a80.start .card3
{
opacity: 1;
transition: opacity 0.5s ease-in-out 1s;
}

.a80.start .card4
{
opacity: 1;
transition: opacity 0.5s ease-in-out 1.5s;
}

.a81 [class^="line"]
{
position: absolute;
opacity: 0;
}

.a81 .line1
{
width: 23.15%;
top: 0;
left: 0;
}

.a81 .line2
{
width: 45.43%;
bottom: 0;
right: 0;
}

.a81.start .line1
{
opacity: 1;
transition: opacity 0.5s ease-in-out 0.5s;
}

.a81.start .line2
{
opacity: 1;
transition: opacity 0.5s ease-in-out 1s;
}

.a82 [class^="line"]
{
position: absolute;
opacity: 0;
}

.a82 .line1
{
width: 35.92%;
top: 0;
left: 0;
}

.a82 .line2
{
width: 35%;
bottom: 0;
left: 0;
}

.a82.start .line1
{
opacity: 1;
transition: opacity 0.5s ease-in-out 0.5s;
}

.a82.start .line2
{
opacity: 1;
transition: opacity 0.5s ease-in-out 1s;
}

.a83 [class^="line"]
{
position: absolute;
opacity: 0;
}

.a83 .line1
{
width: 46.84%;
top: 0;
left: 0;
}

.a83 .line2
{
width: 39.34%;
bottom: 0;
left: 0;
}

.a83.start .line1
{
opacity: 1;
transition: opacity 0.5s ease-in-out 0.5s;
}

.a83.start .line2
{
opacity: 1;
transition: opacity 0.5s ease-in-out 1s;
}

.a84 [class^="line"]
{
position: absolute;
opacity: 0;
}

.a84 .line1
{
width: 26.73%;
top: 0;
left: 0;
}

.a84 .line2
{
width: 44.34%;
top: 0;
right: 0;
}

.a84.start .line1
{
opacity: 1;
transition: opacity 0.5s ease-in-out 0.5s;
}

.a84.start .line2
{
opacity: 1;
transition: opacity 0.5s ease-in-out 1s;
}

.a85 .man
{
position: absolute;
width: 68%;
right: 0;
bottom: 0;
transform: translateY(100%);
}

.a85 [class^="line"]
{
position: absolute;
opacity: 0;
}

.a85 .line1
{
width: 28.9%;
bottom: 0;
left: 0;
}

.a85 .line2
{
width: 31.63%;
top: 0;
left: 0;
}

.a85.start .man
{
transform: translateY(0);
transition: transform 1s ease-in-out 0s;
}

.a85.start .line1
{
opacity: 1;
transition: opacity 1s ease-in-out 1s;
}

.a85.start .line2
{
opacity: 1;
transition: opacity 1s ease-in-out 2s;
}

.a86 .table
{
position: absolute;
width: 98.6%;
right: 0;
bottom: 0;
transform: translateX(100%);
}

.a86.start .table
{
transform: translateX(0);
transition: transform 1s ease-in-out 0s;
}

.a87 .line
{
position: absolute;
width: 100%;
top: 0;
left: 0;
opacity: 0;
z-index: 1;
}

.a87 .loupe
{
position: absolute;
width: 74.02%;
left: 0;
bottom: 0;
transform: translateX(-100%);
z-index: 3;
}

.a87 .text
{
position: absolute;
width: 74.02%;
left: 0;
bottom: 0;
opacity: 0;
z-index: 2;
}

.a87.start .line
{
opacity: 1;
transition: opacity 1s ease-in-out 0s;
}

.a87.start .loupe
{
transform: translateX(0);
transition: transform 1s ease-in-out 1s;
}

.a87.start .text
{
opacity: 1;
transition: opacity 1s ease-in-out 2s;
}

.a88
{
position: relative;
overflow: hidden;
}

.a88 .back
{
position: relative;
z-index: 1;
}

.a88 .one-cow
{
position: absolute;
width: 39.23%;
bottom: 0;
left: 0;
z-index: 2;
}

.a88 .two-cow
{
position: absolute;
width: 45.43%;
top: 0;
left: 0;
z-index: 2;
}

.a88 .syringe
{
position: absolute;
width: 16.08%;
top: 0;
left: 0;
opacity: 0;
transform: translateY(-100%);
z-index: 3;
}

.a88 .milk
{
position: absolute;
width: 32.93%;
bottom: 0;
left: 0;
opacity: 0;
z-index: 2;
}

.a88 .bugs
{
position: absolute;
width: 27.93%;
bottom: 0;
right: 0;
opacity: 0;
transform: translateY(-200%);
z-index: 2;
}

.a88 .meat
{
position: absolute;
width: 29.67%;
bottom: 0;
right: 0;
opacity: 0;
transform: translateX(-100%);
z-index: 0;
}

.a88.start .two-cow
{
opacity: 0;
transition: all 1s ease-in-out 1s;
}

.a88.start .syringe
{
opacity: 1;
transform: translateY(0);
transition: all 1s ease-in-out 2s;
}

.a88.start .milk
{
opacity: 1;
transition: all 1s ease-in-out 3s;
}

.a88.start .bugs
{
opacity: 1;
transform: translateY(0);
transition: all 1s ease-in-out 4s;
}

.a88.start .meat
{
opacity: 1;
transform: translateX(0);
transition: all 1s ease-in-out 5s;
}

.a89
{
position: relative;
overflow: hidden;
}

.a89 .card1
{
position: absolute;
top: 0;
left: 0;
width: 27.6%;
opacity: 0;
}

.a89 .card2
{
position: absolute;
top: 0;
left: 0;
width: 53.47%;
opacity: 0;
transform: translateX(-46%);
}

.a89 .title2
{
position: absolute;
top: 44.9%;
left: 0;
width: 50%;
opacity: 0;
}

.a89 .card3
{
position: absolute;
top: 0;
right: 0;
width: 51.84%;
opacity: 0;
transform: translateX(-46%);
}

.a89 .title3
{
position: absolute;
top: 44.5%;
right: 0;
width: 50%;
opacity: 0;
}

.a89 .card4
{
position: absolute;
top: 0;
right: 0;
width: 27.28%;
opacity: 0;
transform: translateX(-90%);
}

.a89 .title4
{
position: absolute;
top: 45.8%;
right: 0;
width: 25.21%;
opacity: 0;
}

.a89 .card5
{
position: absolute;
bottom: 0;
left: 0;
width: 26.95%;
opacity: 0;
transform: translateY(-101%);
}

.a89 .title5
{
position: absolute;
bottom: 0;
left: 0;
width: 24.13%;
opacity: 0;
}

.a89 .card6
{
position: absolute;
bottom: 0;
left: 0;
width: 52.06%;
opacity: 0;
transform: translateX(-48%);
}

.a89 .title6
{
position: absolute;
bottom: 0;
left: 0;
width: 50%;
opacity: 0;
}

.a89 .card7
{
position: absolute;
bottom: 0;
right: 0;
width: 52.06%;
opacity: 0;
transform: translateX(-47%);
}

.a89 .title7
{
position: absolute;
bottom: 0;
right: 0;
width: 47.7%;
opacity: 0;
}

.a89 .card8
{
position: absolute;
bottom: 0;
right: 0;
width: 27.17%;
opacity: 0;
transform: translateX(-91%);
}

.a89 .title8
{
position: absolute;
bottom: 0;
right: 0;
width: 27.17%;
opacity: 0;
}

.a89.start .card1
{
opacity: 1;
transition: all 0.5s ease-in-out 0.5s;
}

.a89.start .card2
{
opacity: 1;
transform: translate(0);
transition: all 0.5s ease-in-out 1s;
}

.a89.start .title2
{
opacity: 1;
transition: all 0.5s ease-in-out 1.5s;
}

.a89.start .card3
{
opacity: 1;
transform: translate(0);
transition: all 0.5s ease-in-out 2s;
}

.a89.start .title3
{
opacity: 1;
transition: all 0.5s ease-in-out 2.5s;
}

.a89.start .card4
{
opacity: 1;
transform: translate(0);
transition: all 0.5s ease-in-out 3s;
}

.a89.start .title4
{
opacity: 1;
transition: all 0.5s ease-in-out 3.5s;
}

.a89.start .card5
{
opacity: 1;
transform: translate(0);
transition: all 0.5s ease-in-out 4s;
}

.a89.start .title5
{
opacity: 1;
transition: all 0.5s ease-in-out 4.5s;
}

.a89.start .card6
{
opacity: 1;
transform: translate(0);
transition: all 0.5s ease-in-out 5s;
}

.a89.start .title6
{
opacity: 1;
transition: all 0.5s ease-in-out 5.5s;
}

.a89.start .card7
{
opacity: 1;
transform: translate(0);
transition: all 0.5s ease-in-out 6s;
}

.a89.start .title7
{
opacity: 1;
transition: all 0.5s ease-in-out 6.5s;
}

.a89.start .card8
{
opacity: 1;
transform: translate(0);
transition: all 0.5s ease-in-out 7s;
}

.a89.start .title8
{
opacity: 1;
transition: all 0.5s ease-in-out 7.5s;
}

.a90 .holder
{
position: relative;
overflow: hidden;
}

.a90 .shape1
{
position: absolute;
top: 0;
right: 0;
width: 68.36%;
opacity: 0;
z-index: 1;
}

.a90 .shape2
{
position: absolute;
right: 0;
bottom: 0;
width: 39.78%;
opacity: 0;
z-index: 2;
}

.a90 .shape3
{
position: absolute;
bottom: 0;
right: 0;
width: 34.45%;
opacity: 0;
z-index: 3;
}

.a90 .shape4
{
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
z-index: 4;
}

.a90 .shape5
{
position: absolute;
bottom: 0;
left: 0;
width: 35.86%;
opacity: 0;
z-index: 5;
}

.a90 .shape6
{
position: absolute;
bottom: 0;
left: 0;
width: 30.32%;
opacity: 0;
z-index: 6;
}

.a90 .shape7
{
position: absolute;
top: 0;
left: 0;
width: 35.32%;
opacity: 0;
z-index: 7;
}

.a90 .shape8
{
position: absolute;
top: 0;
left: 0;
width: 38.8%;
opacity: 0;
z-index: 8;
}

.a90 .shape9
{
position: absolute;
bottom: 0;
left: 0;
width: 47.17%;
opacity: 0;
z-index: 9;
}

.a90 .shape10
{
position: absolute;
top: 0;
left: 0;
width: 50%;
opacity: 0;
z-index: 10;
}

.a90 .shape11
{
position: absolute;
bottom: 0;
left: 0;
width: 53.15%;
opacity: 0;
z-index: 11;
}

.a90 .shape12
{
position: absolute;
bottom: 0;
left: 0;
width: 57.17%;
opacity: 0;
z-index: 12;
}

.a90 .shape13
{
position: absolute;
bottom: 0;
right: 0;
width: 57.71%;
opacity: 0;
z-index: 13;
}

.a90 .shape14
{
position: absolute;
bottom: 0;
right: 0;
width: 37.17%;
opacity: 0;
z-index: 14;
}

.a90 .shape15
{
position: absolute;
top: 0;
right: 0;
width: 46.63%;
opacity: 0;
z-index: 15;
}

.a90 .shape16
{
position: absolute;
top: 0;
right: 0;
width: 25.32%;
opacity: 0;
z-index: 16;
}

.a90.start .shape1
{
opacity: 1;
transition: all 0.5s ease-in-out;
}

.a90.start .shape2
{
opacity: 1;
transition: all 0.5s ease-in-out 0.5s;
}

.a90.start .shape3
{
opacity: 1;
transition: all 0.5s ease-in-out 1s;
}

.a90.start .shape4
{
opacity: 1;
transition: all 0.5s ease-in-out 1.5s;
}

.a90.start .shape5
{
opacity: 1;
transition: all 0.5s ease-in-out 2s;
}

.a90.start .shape6
{
opacity: 1;
transition: all 0.5s ease-in-out 2.5s;
}

.a90.start .shape7
{
opacity: 1;
transition: all 0.5s ease-in-out 3s;
}

.a90.start .shape8
{
opacity: 1;
transition: all 0.5s ease-in-out 3.5s;
}

.a90.start .shape9
{
opacity: 1;
transition: all 0.5s ease-in-out 4s;
}

.a90.start .shape10
{
opacity: 1;
transition: all 0.5s ease-in-out 4.5s;
}

.a90.start .shape11
{
opacity: 1;
transition: all 0.5s ease-in-out 5s;
}

.a90.start .shape12
{
opacity: 1;
transition: all 0.5s ease-in-out 5.5s;
}

.a90.start .shape13
{
opacity: 1;
transition: all 0.5s ease-in-out 6s;
}

.a90.start .shape14
{
opacity: 1;
transition: all 0.5s ease-in-out 6.5s;
}

.a90.start .shape15
{
opacity: 1;
transition: all 0.5s ease-in-out 7s;
}

.a90.start .shape16
{
opacity: 1;
transition: all 0.5s ease-in-out 7.5s;
}

.a91
{
position: relative;
overflow: hidden;
}

.a91 .shape1
{
position: absolute;
bottom: 0;
left: 0;
width: 39.8%;
opacity: 0;
z-index: 5;
}

.a91 .shape2
{
position: absolute;
top: 0;
right: 0;
width: 43.3%;
opacity: 0;
z-index: 0;
}

.a91 .shape3
{
position: absolute;
top: 28%;
left: 27%;
width: 43.7%;
opacity: 0;
z-index: 1;
}

.a91 .shape4
{
position: absolute;
top: 34%;
right: 0;
width: 47.2%;
opacity: 0;
z-index: 2;
}

.a91 .shape5
{
position: absolute;
top: 51%;
right: 35%;
width: 36.2%;
opacity: 0;
z-index: 3;
}

.a91 .shape6
{
position: absolute;
bottom: 0;
right: 0;
width: 32.8%;
opacity: 0;
z-index: 0;
}

.a91 .shape7
{
position: absolute;
bottom: 10%;
right: 19%;
width: 26.8%;
opacity: 0;
z-index: 1;
}

.a91.start .shape1
{
opacity: 1;
transition: all 0.5s ease-in-out;
}

.a91.start .shape2
{
opacity: 1;
transition: all 0.5s ease-in-out 0.5s;
}

.a91.start .shape3
{
opacity: 1;
transition: all 0.5s ease-in-out 1s;
}

.a91.start .shape4
{
opacity: 1;
transition: all 0.5s ease-in-out 1.5s;
}

.a91.start .shape5
{
opacity: 1;
transition: all 0.5s ease-in-out 2s;
}

.a91.start .shape6
{
opacity: 1;
transition: all 0.5s ease-in-out 2.5s;
}

.a91.start .shape7
{
opacity: 1;
transition: all 0.5s ease-in-out 3s;
}

.a92
{
position: relative;
overflow: hidden;
}

.a92 .shape1
{
position: absolute;
bottom: 0;
right: 0;
width: 39.1%;
opacity: 0;
z-index: 0;
}

.a92 .shape2
{
position: absolute;
bottom: 0;
right: 23%;
width: 17%;
opacity: 0;
z-index: 1;
}

.a92 .shape3
{
position: absolute;
bottom: 0;
left: 25%;
width: 41.5%;
opacity: 0;
z-index: 0;
}

.a92 .shape4
{
position: absolute;
bottom: 0;
right: 26%;
width: 46.7%;
opacity: 0;
z-index: 1;
}

.a92 .shape5
{
position: absolute;
bottom: 0;
left: 0;
width: 30.2%;
opacity: 0;
z-index: 0;
}

.a92 .shape6
{
position: absolute;
bottom: 0;
left: 16%;
width: 20.2%;
opacity: 0;
z-index: 1;
}

.a92.start .shape1
{
opacity: 1;
transition: all 0.5s ease-in-out;
}

.a92.start .shape2
{
opacity: 1;
transition: all 0.5s ease-in-out 0.5s;
}

.a92.start .shape3
{
opacity: 1;
transition: all 0.5s ease-in-out 1s;
}

.a92.start .shape4
{
opacity: 1;
transition: all 0.5s ease-in-out 1.5s;
}

.a92.start .shape5
{
opacity: 1;
transition: all 0.5s ease-in-out 2s;
}

.a92.start .shape6
{
opacity: 1;
transition: all 0.5s ease-in-out 2.5s;
}

.a93
{
position: relative;
overflow: hidden;
}

.a93 .shape1
{
position: absolute;
top: 0;
left: 0;
width: 29%;
opacity: 0;
z-index: 0;
}

.a93 .shape2
{
position: absolute;
top: 0;
right: 48%;
width: 25.65%;
opacity: 0;
z-index: 0;
}

.a93 .shape3
{
position: absolute;
top: 0;
left: 52%;
width: 23%;
opacity: 0;
z-index: 0;
}

.a93 .shape4
{
position: absolute;
top: 0;
right: 0;
width: 25.65%;
opacity: 0;
z-index: 0;
}

.a93.start .shape1
{
opacity: 1;
transition: all 0.5s ease-in-out;
}

.a93.start .shape2
{
opacity: 1;
transition: all 0.5s ease-in-out 0.5s;
}

.a93.start .shape3
{
opacity: 1;
transition: all 0.5s ease-in-out 1s;
}

.a93.start .shape4
{
opacity: 1;
transition: all 0.5s ease-in-out 1.5s;
}

.fullscreen_element
{
margin-bottom: 32px;
background-color: rgba(29, 29, 29, 0.7);
display: flex;
position: relative;
}

.a94
{
position: relative;
overflow: hidden;
}

.a94 .years
{
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
}

.a94 .c1
{
position: absolute;
bottom: -44%;
width: 30%;
left: 0;
z-index: 1;
}

.a94 .c2
{
position: absolute;
bottom: -50%;
left: 26.5%;
z-index: 1;
width: 24.1%;
}

.a94 .c3
{
position: absolute;
bottom: -65%;
left: 48.9%;
z-index: 1;
width: 25.1%;
}

.a94 .c4
{
position: absolute;
bottom: -25%;
left: 71.5%;
z-index: 1;
width: 29.1%;
}

/* Состояние после анимации */

.a94.start .c1
{
position: absolute;
bottom: -3%;
width: 30%;
left: 0;
z-index: 1;
transition: bottom 0.5s linear 0.5s;
}

.a94.start .c2
{
position: absolute;
bottom: -5%;
left: 26.5%;
z-index: 1;
width: 24.1%;
transition: bottom 0.5s linear 1s;
}

.a94.start .c3
{
position: absolute;
bottom: -7%;
left: 48.9%;
z-index: 1;
width: 25.1%;
transition: bottom 0.5s linear 1.5s;
}

.a94.start .c4
{
position: absolute;
bottom: -1%;
left: 71.5%;
z-index: 1;
width: 29.1%;
transition: bottom 0.5s linear 2s;
}

.a95
{
position: relative;
overflow: hidden;
}

.a95 .e1
{
position: absolute;
bottom: 0;
width: 91%;
right: -89%;
z-index: 2;
}

.a95 .e2
{
position: absolute;
width: 90.5%;
bottom: 0;
right: 0;
z-index: 1;
opacity: 0;
}

.a95 .e3
{
position: absolute;
width: 90.5%;
bottom: 0;
right: 0;
z-index: 3;
opacity: 0;
}

/* Состояние после анимации */

.a95.start .e1
{
right: 0;
transition: right 1s linear 0.5s;
}

.a95.start .e2
{
opacity: 1;
transition: opacity 0.5s linear 2s;
}

.a95.start .e3
{
opacity: 1;
transition: opacity 0.5s linear 3s;
}

.a96
{
position: relative;
overflow: hidden;
}

.a96 .e1
{
position: absolute;
width: 100%;
left: -76%;
top: 25%;
z-index: 1;
}

.a96 .e2
{
position: absolute;
width: 100%;
left: -31%;
top: 39%;
z-index: 1;
}

.a96 .e3
{
position: absolute;
width: 100%;
left: -40%;
top: 53%;
z-index: 1;
}

.a96 .e4
{
position: absolute;
width: 100%;
left: -95%;
top: 70%;
z-index: 1;
}

.a96 .e5
{
position: absolute;
width: 100%;
left: -43%;
top: 81%;
z-index: 1;
}

    

/* Состояние после анимации */

.a96.start .e1
{
left: 0;
transition: left 1s linear 1.5s;
}

.a96.start .e2
{
left: 0;
transition: left 0.5s linear 2.5s;
}

.a96.start .e3
{
left: 0;
transition: left 0.5s linear 3s;
}

.a96.start .e4
{
left: 0;
transition: left 1s linear 3.5s;
}

.a96.start .e5
{
left: 0;
transition: left 0.5s linear 4.5s;
}

.a97 .e1
{
position: absolute;
left: 0;
z-index: 2;
height: 100%;
}

.a97 .e2
{
position: absolute;
left: -90%;
z-index: 2;
}

.a97 .e3
{
position: absolute;
left: -90%;
z-index: 2;
top: 39.5%;
}

.a97 .e4
{
position: absolute;
left: -77%;
z-index: 2;
top: 64%; 

}

.a97 .e5
{
position: absolute;
left: -31%;
z-index: 2;
top: 80.5%;
height: 19%;
}

 

/* Состояние после анимации */

.a97.start .e2
{
left: 0;
transition: left 1s linear 0s;
}

.a97.start .e3
{
left: 0;
transition: left 1s linear 1s;
}

.a97.start .e4
{
left: 0;
transition: left 1s linear 2s;
}

.a97.start .e5
{
left: 0;
transition: left 0.5s linear 3s;
}

 


/* Abbyy */

.a98 .e1
{
position: absolute;
width: 58%;
left: 1%;
top: 1%;
z-index: 3;
}

/* Рукав */

.a98 .e2
{
position: absolute;
top: 0;
right: 0;
width: 39%;
z-index: 2;
}

/* Рука */

.a98 .e3
{
position: absolute;
z-index: 1;
width: 47%;
right: -10%;
top: 31%;
}

/* Ixora */

.a98 .e4
{
position: absolute;
top: 28%;
left: 1%;
width: 58%;
z-index: 2;
opacity: 0;
}

/* Скрин */

.a98 .e5
{
position: absolute;
z-index: 4;
bottom: -1%;
width: 54%;
left: -51%;
}

/* Состояние после анимации */

.a98.start .e3
{
right: 2%;
top: 57%;
transition: right 0.5s linear 0s, top 0.5s linear 0s;
}

.a98.start .e1
{
opacity: 0;
transition: opacity 0.5s linear 0.7s;
}

.a98.start .e4
{
opacity: 1;
transition: opacity 1.5s linear 1.7s;
}

.a98.start .e5
{
left: 0;
transition: left 0.5s linear 2.7s;
}

.a99 .e1
{
position: absolute;
width: 97%;
left: 2%;
top: 1%;
z-index: 2;
opacity: 0;
}

.a99 .e2
{
position: absolute;
top: 0;
right: 0;
z-index: 4;
opacity: 0;
}

/* Состояние после анимации */

.a99.start .e1
{
opacity: 1;
transition: opacity 1s linear 0s;
}

.a99.start .e2
{
opacity: 1;
transition: opacity 1s linear 1s;
}

/* 100 */

.a100 .e2
{
position: absolute;
bottom: 0;
left: 0;
width: 63%;
z-index: 3;
}

.a100 .e4
{
position: absolute;
top: 1.5%;
left: -16.5%;
width: 63%;
z-index: 2;
}

.a100 .e5
{
position: absolute;
top: 2.5%;
left: 24%;
width: 33%;
z-index: 2;
}

.a100 .e6
{
position: absolute;
bottom: 1.5%;
left: 0%;
width: 63%;
z-index: 2;
}

.a100 .e7
{
position: absolute;
top: 0%;
right: 0%;
width: 41%;
z-index: 2;
opacity: 0;
}

.a100 .e8
{
position: absolute;
top: -1.3%;
right: -1%;
width: 41%;
z-index: 2;
opacity: 0;
}

.a100 .e9
{
position: absolute;
top: 41%;
right: 1%;
width: 41%;
z-index: 2;
opacity: 0;
}

.a100 .e10
{
position: absolute;
top: 67.6%;
right: -0.7%;
width: 41%;
z-index: 2;
opacity: 0;
}

/* Состояние после анимации */

.a100.start .e7
{
opacity: 1;
transition: opacity 1s linear 0s;    
}

.a100.start .e4
{
left: 2.5%;
transition: left 0.5s linear 1s; 
}

.a100.start .e8
{
opacity: 1;
transition: opacity 1s linear 1.5s;        
}

.a100.start .e5
{
left: 32%;
transition: left 0.5s linear 2.5s;     
}

.a100.start .e9
{
opacity: 1;
transition: opacity 1s linear 3s;      
}

.a100.start .e6
{
left: 4%;
transition: left 0.5s linear 4s;  
}

.a100.start .e10
{
opacity: 1;
transition: opacity 1s linear 4.5s;      
}

/* 101 */

.a101 .e2
{
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 9.2%;
}

.a101 .e3
{
position: absolute;
top: 0.3%;
left: -40%;
width: 49.8%;
z-index: 2;
}

.a101 .e5
{
position: absolute;
top: 1px;
left: 0%;
width: 60%;
z-index: 2;
opacity: 0;
}

.a101 .e4
{
position: absolute;
top: 46.5%;
left: -69%;
width: 78.6%;
z-index: 2;
}

.a101 .e6
{
position: absolute;
top: -2px;
left: 74.3%;
width: 26%;
z-index: 2;
opacity: 0;
}

.a101 .e7
{
position: absolute;
top: 79.5%;
left: -4.1%;
width: 78.6%;
z-index: 2;
opacity: 0;
}

/* Состояние после анимации */

.a101.start .e3
{
left: 0;
transition: left 1s linear 0s;  
}

.a101.start .e5
{
opacity: 1;
transition: opacity 1s linear 1s;        
}

.a101.start .e4
{
left: 0;
transition: left 1.5s linear 2s;  
}

.a101.start .e6
{
opacity: 1;
transition: opacity 1s linear 3.5s;        
}

.a101.start .e7
{
opacity: 1;
transition: opacity 1s linear 4.5s;        
}

/* 102 */

.a102 .e2
{
position: absolute;
top: 0.3%;
left: 0%;
z-index: 3; 
width: 100%;   
}

.a102 .e3
{
position: absolute;
top: 0.3%;
left: 0%;
z-index: 2;
opacity: 0;
width: 60%;
}

.a102 .e7
{
position: absolute;
top: 0.3%;
left: 0%;
z-index: 3;
opacity: 0;
width: 43%;
}

.a102 .e5
{
position: absolute;
top: 0.3%;
left: 0%;
z-index: 3;
opacity: 0;
width: 21%;
}

.a102 .e4
{
position: absolute;
top: 50.3%;
left: 0%;
z-index: 3;
opacity: 0;
width: 61%; 
}

.a102 .e8
{
position: absolute;
top: 61.3%;
left: 0%;
z-index: 4;
opacity: 0;
width: 45%; 
}

.a102 .e6
{
position: absolute;
top: 63.3%;
left: 0%;
z-index: 4;
opacity: 0;
width: 28%;
}

/* Состояние после анимации */

.a102.start .e3
{
opacity: 1;
transition: opacity 0.2s linear 1s;          
}

.a102.start .e7
{
opacity: 1;
transition: opacity 1s linear 2s;          
}

.a102.start .e5
{
opacity: 1;
transition: opacity 1s linear 3s;              
}

.a102.start .e4
{
opacity: 1;
transition: opacity 0.2s linear 4s;       
}

.a102.start .e8
{
opacity: 1;
transition: opacity 1s linear 5s;        
}

.a102.start .e6
{
opacity: 1;
transition: opacity 1s linear 6s;            
}

/* 103 */

.a103 .e1
{
position: absolute;
top: 0%;
left: 0%;
z-index: 3; 
width: 100%;   
}

/* Состояние после анимации */

.a103.start .e1
{
left: 92%;
transition: left 2s linear 1s;
}

      

/* 104 */

.a104 .e1
{
position: absolute;
top: 100%;
right: 0%;
z-index: 3; 
width: 61%;   
}

.a104 .e2
{
position: absolute;
top: 82%;
left: 0%;
z-index: 2; 
width: 100%;   
}

/* Состояние после анимации */

.a104.start .e1
{
top: 0%;
transition: top 1s linear 0s;
}

.a104.start .e2
{
top: 0%;
transition: top 1s linear 1s;
}

  

/* 105 */

.a105 .e1
{
position: absolute;
top: 0%;
left: 0%;
z-index: 10; 
width: 100%;   
}

.a105 .e2
{
position: absolute;
bottom: 0%;
left: 0%;
z-index: 2; 
width: 17%;
opacity: 0;
}

.a105 .e3
{
position: absolute;
bottom: 0%;
left: 0%;
z-index: 2; 
width: 27.1%;
opacity: 0;
}

.a105 .e4
{
position: absolute;
bottom: 0%;
left: 0%;
z-index: 2; 
width: 39.7%;
opacity: 0;
}

.a105 .e5
{
position: absolute;
bottom: 0%;
left: 0%;
z-index: 2; 
width: 52.6%;
opacity: 0;
}

.a105 .e6
{
position: absolute;
bottom: 69%;
left: 42.5%;
z-index: 3;
width: 18.5%;
}

.a105 .e7
{
position: absolute;
bottom: 0%;
z-index: 2; 
left: 50.3%;
width: 49.6%;
opacity: 0;
}

.a105 .e8
{
position: absolute;
bottom: 0%;
z-index: 2; 
left: 62.8%;
width: 37%;
opacity: 0;
}

.a105 .e9
{
position: absolute;
bottom: 0%;
z-index: 2; 
left: 74.5%;
width: 25.8%;
opacity: 0;
}

.a105 .e10
{
position: absolute;
bottom: 0%;
z-index: 2; 
left: 86.5%;
width: 13.6%;
opacity: 0;
}

/* Состояние после анимации */

.a105.start .e2
{
opacity: 1;
transition: opacity 0.5s linear 0s;
}

.a105.start .e3
{
opacity: 1;
transition: opacity 0.5s linear 0.5s;
}

.a105.start .e4
{
opacity: 1;
transition: opacity 0.5s linear 1s;
}

.a105.start .e5
{
opacity: 1;
transition: opacity 0.5s linear 1.5s;
}

.a105.start .e6
{
bottom: 0;
transition: bottom 0.5s linear 2s;
}

.a105.start .e7
{
opacity: 1;
transition: opacity 0.5s linear 2.5s;
}

.a105.start .e8
{
opacity: 1;
transition: opacity 0.5s linear 3s;
}

.a105.start .e9
{
opacity: 1;
transition: opacity 0.5s linear 3.5s;
}

.a105.start .e10
{
opacity: 1;
transition: opacity 0.5s linear 4s;
}

.a106 .e1
{
position: absolute;
top: 0%;
left: 0%;
z-index: 1; 
width: 100%;
opacity: 0;   
}

.a106 .e2
{
position: absolute;
bottom: 0%;
left: 0%;
z-index: 2; 
width: 100%;
opacity: 0;
}

/* Состояние после анимации */

.a106.start .e1
{
opacity: 1;
transition: opacity 1s linear 0s;
}

.a106.start .e2
{
opacity: 1;
transition: opacity 1s linear 1s;
}

.a107 .e1
{
position: absolute;
bottom: 0;
right: 0%;
z-index: 2;
max-width: 20%;
}

.a107 .e2
{
position: absolute;
bottom: -78%;
left: 0%;
z-index: 1; 
width: 100%;
}

/* Состояние после анимации */

.a107.start .e2
{
bottom: 0;
transition: bottom 1s linear 0s;
}

.a108 .e1
{
position: absolute;
top: 78%;
right: 0%;
z-index: -1;
width: 62.5%;
}

/* Состояние после анимации */

.a108.start .e1
{
top: 0;
transition: top 0.5s linear 0s;
}

.a109 .e1
{
position: absolute;
bottom: 0%;
right: 0%;
z-index: 2;
width: 100%;
opacity: 0;
}

/* Состояние после анимации */

.a109.start .e1
{
opacity: 1;
transition: opacity 1s linear 0s;
}

.a110 .e1
{
position: absolute;
bottom: -17%;
left: 0;
z-index: 1;
width: 100%;
}

.a110 .e2
{
position: absolute;
bottom: -17%;
left: 0;
z-index: 1;
width: 100%;
}

.a110 .e3
{
position: absolute;
bottom: -17%;
left: 0;
z-index: 1;
width: 100%;
}

/* Состояние после анимации */

.a110.start .e1
{
bottom: 0;
transition: bottom 0.5s linear 0s;       
}

.a110.start .e2
{
bottom: 0;
transition: bottom 0.5s linear 0.5s;       
}

.a110.start .e3
{
bottom: 0;
transition: bottom 0.5s linear 1s;       
}

.a111 .e1
{
position: absolute;
bottom: -38%;
left: 0;
z-index: 1;
width: 100%;
}

.a111 .e2
{
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
opacity: 0;
}

/* Состояние после анимации */

.a111.start .e1
{
bottom: 0;
transition: bottom 1s linear 0s;    
}

.a111.start .e2
{
opacity: 1;
transition: opacity 0.5s linear 1s;    
}

.a112 .e1
{
position: absolute;
top: 0%;
left: -76%;
z-index: 1;
width: 100%; 
}

.a112 .e2
{
position: absolute;
top: 0;
right: -67%;
z-index: 2;
width: 100%;
}

/* Состояние после анимации */

.a112.start .e1
{
left: 0;
transition: left 1s linear 0.5s;    
}

.a112.start .e2
{
right: 0;
transition: right 1s linear 2s;    
}

.a113 .e1
{
position: absolute;
top: 5.8%;
left: 10.8%;
z-index: 1;
width: 80%;
opacity: 0;
}

.a113 .e2
{
position: absolute;
top: 11.2%;
left: 13.6%;
z-index: 1;
width: 28%;
opacity: 0;
}

.a113 .e3
{
position: absolute;
bottom: 3.1%;
left: 3.4%;
z-index: 1;
width: 94%;
opacity: 0;
}

/* Состояние после анимации */

.a113.start .e1
{
opacity: 1;
transition: opacity 0.5s linear 0s;   
}

.a113.start .e2
{
opacity: 1;
transition: opacity 0.5s linear 1s;   
}

.a113.start .e3
{
opacity: 1;
transition: opacity 0.5s linear 2s;   
}

.a114 .e1,
.a115 .e1,
.a116 .e1,
.a117 .e1,
.a118 .e1
{
position: absolute;
opacity: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}

/* Состояние после анимации */

.a114.start .e1
{
opacity: 1;
transition: opacity 0.5s linear 0s;   
}

.a115.start .e1
{
opacity: 1;
transition: opacity 0.5s linear 0s;   
}

.a116.start .e1
{
opacity: 1;
transition: opacity 0.5s linear 0s;   
}

.a117.start .e1
{
opacity: 1;
transition: opacity 0.5s linear 0s;   
}

.a118.start .e1
{
opacity: 1;
transition: opacity 0.5s linear 0s;   
}

/* Прочее */

.fullscreen_img
{
-o-object-fit: contain;
object-fit: contain;
margin: auto;
max-height: 100vh;
}

.fullscreen-button,

.fullscreen-out
{
padding: 0;
background-color: #fff;
border: none;
cursor: pointer;
width: 40px;
height: 40px;
border-radius: 50%;
position: absolute;
right: 40px;
background-repeat: no-repeat;
background-size: 20px;
background-position: center;
}

.fullscreen-button
{
bottom: 40px;
background-image: url(https://octagon.media/_img/player-full-screen-enter2-black.svg);
}

.fullscreen-out
{
top: 40px;
background-image: url(https://octagon.media/_img/icons_mini/cross-black.svg);
display: none;
}

@media (max-width: 1700px)
{

.a2 .header
{
font-size: 82px;
}

}

@media (max-width: 1350px)
{

.animation
{
margin-left: 0;
}

.a2 .header
{
font-size: 66px;
}

}

@media (max-width: 900px)
{

.a2 .header
{
font-size: 82px;
}

.a4.start .cross
{
transition-delay: 0s;
}

}

@media (max-width: 800px)
{

.a2 .header
{
font-size: 71px;
}

}

@media (max-width: 700px)
{

.a2 .header
{
font-size: 65px;
}

}

@media (max-width: 600px)
{

.a2 .header
{
font-size: 52px;
}

}

@media (max-width: 500px)
{

.a2
{
padding-top: 5px;
}

.a2 .header
{
font-size: 42px;
top: 5px;
}

}

@media (max-width: 400px)
{

.a2 .header
{
font-size: 32px;
}

}

@media (hover: hover)
{

.fullscreen-button:hover,

.fullscreen-out:hover
{
background-color: #dc2828;
}

.fullscreen-button:hover
{
background-image: url(https://octagon.media/_img/player-full-screen-enter2-white.svg);
}

.fullscreen-out:hover
{
background-image: url(https://octagon.media/_img/icons_mini/cross-white.svg);
}

}