@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;    
}








/* Прочее */

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