svg {
    opacity: 0;
    width: 100%;
    height: 100%;
    display: block;
    animation: animation3Svg .1s forwards 2.5s;
}

@keyframes animation3Svg {
    100% {
        opacity: 1;
    }
}

.st7 {
    opacity: .5;
}

svg {
    width: 100%;
    height: 100%;
}

.mardomakrast {
    animation: animation3mardomakrast 4s infinite .0000000001s;
    animation-fill-mode: forwards;
}

@keyframes animation3mardomakrast {
    0% {
        transform: translateX(0px) translateY(0px) rotate(0deg);
    }

    75% {
        transform: translateX(0px) translateY(0px) rotate(0deg);
    }

    78% {
        transform: translateX(15px) translateY(2px) rotate(0deg);
    }

    100% {
        transform: translateX(15px) translateY(2px) rotate(0deg);
    }
}

.mardomakchap {
    animation: animation3mardomakchap 4s infinite .0000000001s;
    animation-fill-mode: forwards;
}

@keyframes animation3mardomakchap {
    0% {
        transform: translateX(0px) translateY(0px) rotate(0deg);
    }

    75% {
        transform: translateX(0px) translateY(0px) rotate(0deg);
    }

    78% {
        transform: translateX(13px) translateY(11px) rotate(0deg);
    }

    100% {
        transform: translateX(13px) translateY(11px) rotate(0deg);
    }
}

.head {
    transform-origin: 671px 984px;
    animation: animation3head 4s linear forwards 3s;
}

@keyframes animation3head {
    0% {
        transform: translateX(0px) translateY(0px) rotate(0deg);
    }

    57% {
        transform: translateX(0px) translateY(0px) rotate(0deg);
    }

    67% {
        transform: translateX(0px) translateY(0px) rotate(-10deg);
    }

    77% {
        transform: translateX(0px) translateY(0px) rotate(-10deg);
    }

    87% {
        transform: translateX(0px) translateY(0px) rotate(0deg);
    }

    92% {
        transform: translateX(0px) translateY(0px) rotate(0deg);
    }

    95% {
        transform: translateX(0px) translateY(0px) rotate(0deg);
    }

    100% {
        transform: translateX(0px) translateY(0px) rotate(0deg);
    }
}

.handrast {
    transform-origin: 671px 984px;
    background-color: blue;
    animation: animation3handrast 4s linear forwards 3s;
}

@keyframes animation3handrast {
    0% {
        transform: translateX(0px) translateY(0px) rotate(0deg);
    }

    57% {
        transform: translateX(0px) translateY(0px) rotate(0deg);
    }

    67% {
        transform: translateX(0px) translateY(-7px) rotate(210deg);
    }

    77% {
        transform: translateX(0px) translateY(-7px) rotate(210deg);
    }

    87% {
        transform: translateX(0px) translateY(0px) rotate(-50deg);
    }

    92% {
        transform: translateX(0px) translateY(0px) rotate(-50deg);
    }

    95% {
        transform: translateX(0px) translateY(0px) rotate(0deg);
    }

    100% {
        transform: translateX(0px) translateY(0px) rotate(0deg);
    }
}

.saqmochhandrast {
    transform-origin: 675px 1031px;
    background-color: blue;
    animation: animation3saqmochhandrast 4s linear forwards 3s;
}

@keyframes animation3saqmochhandrast {
    0% {
        transform: rotate(0deg);
    }

    57% {
        transform: rotate(0deg);
    }

    59% {
        transform: rotate(30deg);
    }

    65% {
        transform: rotate(30deg);
    }

    70% {
        transform: rotate(0deg);
    }

    75% {
        transform: rotate(-20deg);
    }

    78% {
        transform: rotate(-20deg);
    }

    80% {
        transform: rotate(0deg);
    }

    85% {
        transform: rotate(0deg);
    }

    90% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.glasses {
    transform-origin: 688px 974px;
    background-color: blue;
    animation: animation3glasses 4s linear forwards 3s;
}

@keyframes animation3glasses {
    0% {
        transform: rotate(0deg);
    }

    77% {
        transform: rotate(0deg);
    }

    87% {
        transform: rotate(-235deg);
    }

    88% {
        transform: rotate(-235deg);
    }

    92% {
        transform: rotate(-235deg);
    }

    95% {
        transform: rotate(-190deg);
    }

    100% {
        transform: rotate(-190deg);
    }
}

.galsses0 {
    transform-origin: 750px 916px;
    background-color: blue;
    animation: animation3galsses0 4s linear forwards 3s;
}

@keyframes animation3galsses0 {
    0% {
        transform: rotate(0deg);
    }

    77% {
        transform: rotate(0deg);
    }

    87% {
        transform: rotate(55deg);
    }

    95% {
        transform: rotate(55deg);
    }

    100% {
        transform: rotate(55deg);
    }
}

.closepelkrast {
    background-color: blue;
    animation: animation3closepelkrast 4s infinite .0000000001s;
    opacity: 0;
}

@keyframes animation3closepelkrast {
    10% {
        transform: translateX(-370px) translateY(28px);
        opacity: 0;
    }

    13% {
        transform: translateX(-370px) translateY(28px);
        opacity: 1;
    }

    13.1% {
        transform: translateX(-370px) translateY(28px);
        opacity: 0;
    }

    14% {
        transform: translateX(-370px) translateY(28px);
        opacity: 0;
    }

    24.9% {
        transform: translateX(-370px) translateY(28px);
        opacity: 0;
    }

    25% {
        transform: translateX(-370px) translateY(28px);
        opacity: 1;
    }

    27% {
        transform: translateX(-370px) translateY(28px);
        opacity: 0;
    }

    92% {
        transform: translateX(-370px) translateY(28px);
        opacity: 0;
    }

    95% {
        transform: translateX(-370px) translateY(28px);
        opacity: 1;
    }

    95.1% {
        transform: translateX(-370px) translateY(28px);
        opacity: 0;
    }

    100% {
        transform: translateX(-370px) translateY(28px);
        opacity: 0;
    }
}

.closepelkchap {
    background-color: blue;
    animation: animation3closepelkchap 4s infinite .0000000001s;
    opacity: 0;
}

@keyframes animation3closepelkchap {
    10% {
        transform: translateX(-369px) translateY(26px);
        opacity: 0;
    }

    13% {
        transform: translateX(-369px) translateY(26px);
        opacity: 1;
    }

    13.1% {
        transform: translateX(-369px) translateY(26px);
        opacity: 0;
    }

    14% {
        transform: translateX(-369px) translateY(26px);
        opacity: 0;
    }

    24.9% {
        transform: translateX(-369px) translateY(26px);
        opacity: 0;
    }

    25% {
        transform: translateX(-369px) translateY(26px);
        opacity: 1;
    }

    27% {
        transform: translateX(-369px) translateY(26px);
        opacity: 0;
    }

    92% {
        transform: translateX(-369px) translateY(26px);
        opacity: 0;
    }

    95% {
        transform: translateX(-369px) translateY(26px);
        opacity: 1;
    }

    95.1% {
        transform: translateX(-369px) translateY(26px);
        opacity: 0;
    }

    100% {
        transform: translateX(-369px) translateY(26px);
        opacity: 0;
    }
}

.openpelkrast {
    background-color: blue;
    animation: animation3openpelkrast 4s infinite .0000000001s;
    opacity: 0;
}

@keyframes animation3openpelkrast {
    0% {
        transform: translateX(-331px) translateY(-87px);
    }

    50% {
        transform: translateX(-331px) translateY(-87px);
    }

    100% {
        transform: translateX(-331px) translateY(-87px);
    }
}

.openpelkchap {
    background-color: blue;
    animation: animation3openpelkchap 4s infinite .0000000001s;
    opacity: 0;
}

@keyframes animation3openpelkchap {
    0% {
        transform: translateX(-322px) translateY(-91px);
    }

    50% {
        transform: translateX(-322px) translateY(-91px);
    }

    100% {
        transform: translateX(-322px) translateY(-91px);
    }
}

.YellowCircleRight {
    transform-origin: 964px 1006px;
    background-color: blue;
    transform: translateX(-663px) translateY(44px);
    opacity: 0;
    animation: animation3YellowCircleRight 4s linear forwards 3s;
}

@keyframes animation3YellowCircleRight {
    0% {
        transform: translateX(-663px) translateY(44px) rotate(70deg);
        opacity: 1;
    }

    5% {
        transform: translateX(-524px) translateY(25px) rotate(40deg);
    }

    10% {
        transform: translateX(-497px) translateY(-98px) rotate(10deg);
    }

    15% {
        transform: translateX(-497px) translateY(-254px) rotate(-10deg);
    }

    25% {
        transform: translateX(-544px) translateY(-360px) rotate(-20deg);
    }

    30% {
        transform: translateX(-582px) translateY(-392px) rotate(-45deg);
    }

    37.5% {
        transform: translateX(-591px) translateY(-399px) rotate(-45deg);
        opacity: 1;
    }

    48% {
        transform: translateX(-591px) translateY(-400px) rotate(-45deg);
        opacity: 0;
    }

    100% {
        transform: translateX(-663px) translateY(44px) rotate(70deg);
        opacity: 0;
    }
}

.GreenCircleRight {
    opacity: 0;
    transform-origin: 997px 1010px;
    background-color: blue;
    transform: translateX(-539px) translateY(-6px);
    animation: animation3GreenCircleRight 4s linear forwards 3s;
}

@keyframes animation3GreenCircleRight {
    0% {
        opacity: 1;
        transform: translateX(-539px) translateY(-6px) rotate(0deg);
    }

    20% {
        transform: translateX(-517px) translateY(-37px) rotate(4deg);
    }

    40% {
        transform: translateX(-507px) translateY(-391px) rotate(-5deg);
    }

    47.5% {
        transform: translateX(-648px) translateY(-617px) rotate(-35deg);
        opacity: 1;
    }

    48% {
        transform: translateX(-539px) translateY(-6px) rotate(0deg);
        opacity: 0;
    }

    100% {
        transform: translateX(-539px) translateY(-6px) rotate(0deg);
        opacity: 0;
    }
}

.VioletCircleRight {
    opacity: 0;
    transform-origin: 1029px 1006px;
    background-color: blue;
    transform: translateX(-499px) translateY(5px);
    animation: animation3VioletCircleRight 4s linear forwards 3s;
}

@keyframes animation3VioletCircleRight {
    0% {
        opacity: 1;
        transform: translateX(-499px) translateY(5px) rotate(0deg);
    }

    15% {
        transform: translateX(-496px) translateY(-445px) rotate(0deg);
    }

    25% {
        transform: translateX(-556px) translateY(-540px) rotate(-25deg);
    }

    37% {
        transform: translateX(-650px) translateY(-765px) rotate(-25deg);
    }

    50% {
        transform: translateX(-676px) translateY(-787px) rotate(-25deg);
        opacity: 1;
    }

    50.5% {
        transform: translateX(-676px) translateY(-787px) rotate(-25deg);
        opacity: 0;
    }

    100% {
        transform: translateX(-449px) translateY(5px) rotate(-25deg);
        opacity: 0;
    }
}

.BlueCircleRight {
    opacity: 0;
    transform-origin: 1060px 1006px;
    background-color: blue;
    transform: translateX(-185px) translateY(69px);
    animation: animation3BlueCircleRight 4s linear forwards 3s;
}

@keyframes animation3BlueCircleRight {
    0% {
        opacity: 1;
        transform: translateX(-185px) translateY(69px) rotate(-55deg);
    }

    15% {
        transform: translateX(-361px) translateY(-16px) rotate(-55deg);
    }

    20% {
        transform: translateX(-398px) translateY(-161px) rotate(-5deg);
    }

    25% {
        transform: translateX(-384px) translateY(-284px) rotate(15deg);
    }

    35% {
        transform: translateX(-327px) translateY(-382px) rotate(45deg);
    }

    40% {
        transform: translateX(-284px) translateY(-415px) rotate(45deg);
    }

    42.5% {
        transform: translateX(-284px) translateY(-415px) rotate(45deg);
        opacity: 1;
    }

    43% {
        transform: translateX(-185px) translateY(69px) rotate(-55deg);
        opacity: 0;
    }

    100% {
        transform: translateX(-185px) translateY(69px) rotate(-55deg);
        opacity: 0;
    }
}

.YellowCircleLeft {
    opacity: 0;
    transform-origin: 1096px 1006px;
    background-color: blue;
    transform: translateX(-537px) translateY(2px);
    animation: animation3YellowCircleLeft 4s linear forwards 3s;
}

@keyframes animation3YellowCircleLeft {
    0% {
        opacity: 1;
        transform: translateX(-537px) translateY(2px) rotate(0deg);
    }

    15% {
        transform: translateX(-537px) translateY(-280px) rotate(0deg);
    }

    20% {
        transform: translateX(-530px) translateY(-338px) rotate(25deg);
    }

    30% {
        transform: translateX(-439px) translateY(-503px) rotate(50deg);
    }

    37% {
        transform: translateX(-363px) translateY(-579px) rotate(65deg);
    }

    42% {
        transform: translateX(-249px) translateY(-649px) rotate(65deg);
    }

    47.5% {
        transform: translateX(-241px) translateY(-653px) rotate(65deg);
        opacity: 1;
    }

    48% {
        transform: translateX(-241px) translateY(-653px) rotate(0deg);
        opacity: 0;
    }

    100% {
        transform: translateX(-537px) translateY(2px) rotate(0deg);
        opacity: 0;
    }
}

.YellowCircleMiddle {
    opacity: 0;
    transform-origin: 1096px 1006px;
    background-color: blue;
    transform: translateX(-471px) translateY(2px);
    animation: animation3YellowCircleMiddle 4s linear forwards 3s;
}

@keyframes animation3YellowCircleMiddle {
    0% {
        opacity: 1;
        transform: translateX(-471px) translateY(2px) rotate(0deg);
    }

    15% {
        transform: translateX(-471px) translateY(-294px) rotate(0deg);
    }

    30% {
        transform: translateX(-455px) translateY(-429px) rotate(10deg);
    }

    50% {
        transform: translateX(-423px) translateY(-574px) rotate(20deg);
    }

    57.5% {
        transform: translateX(-389px) translateY(-657px) rotate(20deg);
        opacity: 1;
    }

    68% {
        transform: translateX(-313px) translateY(-762px) rotate(20deg);
        opacity: 1;
    }

    68.5% {
        transform: translateX(-313px) translateY(-762px) rotate(20deg);
        opacity: 0;
    }

    100% {
        transform: translateX(-471px) translateY(2px) rotate(0deg);
        opacity: 0;
    }
}

.dayerehYellowleft {
    transform-origin: 377px 613px;
    background-color: blue;
    opacity: 0;
    animation: animation3dayerehYellowleft 4s linear forwards 3s;
}

@keyframes animation3dayerehYellowleft {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    27.5% {
        transform: scale(0);
        opacity: 0;
    }

    37.5% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.dayerehgreenleft {
    transform-origin: 348px 403px;
    background-color: blue;
    opacity: 0;
    animation: animation3dayerehgreenleft 4s linear forwards 3s;
}

@keyframes animation3dayerehgreenleft {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    37.5% {
        transform: scale(0);
        opacity: 0;
    }

    47.5% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.dayerehVioletleft {
    transform-origin: 349px 204px;
    background-color: blue;
    opacity: 0;
    animation: animation3dayerehVioletleft 4s linear forwards 3s;
}

@keyframes animation3dayerehVioletleft {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    40% {
        transform: scale(0);
        opacity: 0;
    }

    50% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.dayerehgreenMiddle {
    transform-origin: 505px 254px;
    background-color: blue;
    opacity: 0;
    animation: animation3dayerehgreenMiddle 4s linear forwards 3s;
}

@keyframes animation3dayerehgreenMiddle {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    42.5% {
        transform: scale(0);
        opacity: 0;
    }

    52.5% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.dayerehVioletmiddle {
    transform-origin: 620px 207px;
    background-color: blue;
    opacity: 0;
    animation: animation3dayerehVioletmiddle 4s linear forwards 3s;
}

@keyframes animation3dayerehVioletmiddle {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    45% {
        transform: scale(0);
        opacity: 0;
    }

    55% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.dayerehYellowMiddle {
    transform-origin: 761px 283px;
    background-color: blue;
    opacity: 0;
    animation: animation3dayerehYellowMiddle 4s linear forwards 3s;
}

@keyframes animation3dayerehYellowMiddle {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    52.5% {
        transform: scale(0);
        opacity: 0;
    }

    62.5% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.dayerehYellowRight {
    transform-origin: 880px 351px;
    opacity: 0;
    animation: animation3dayerehYellowRight 4s linear forwards 3s;
}

@keyframes animation3dayerehYellowRight {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    37.5% {
        transform: scale(0);
        opacity: 0;
    }

    47.5% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.dayerehYellowRight .st10,
.violet {
    fill: #cabdba;
    stroke: #cabdba !important;
}

.YellowCircleLeft ellipse {
    fill: #cabdba !important;
}

.dayerehGreenRight {
    transform-origin: 891px 224px;
    background-color: blue;
    opacity: 0;
    animation: animation3dayerehGreenRight 4s linear forwards 3s;
}

@keyframes animation3dayerehGreenRight {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    47.5% {
        transform: scale(0);
        opacity: 0;
    }

    57.5% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.dayerehBlueMiddle {
    transform-origin: 580px 447px;
    background-color: blue;
    opacity: 0;
    animation: animation3dayerehBlueMiddle 4s linear forwards 3s;
}

@keyframes animation3dayerehBlueMiddle {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    47.5% {
        transform: scale(0);
        opacity: 0;
    }

    57.5% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.dayerehBlueleft {
    transform-origin: 507px 562px;
    background-color: blue;
    opacity: 0;
    animation: animation3dayerehBlueleft 4s linear forwards 3s;
}

@keyframes animation3dayerehBlueleft {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    42.5% {
        transform: scale(0);
        opacity: 0;
    }

    52.5% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}


.dayerehBlueRight {
    transform-origin: 778px 597px;
    background-color: blue;
    opacity: 0;
    animation: animation3dayerehBlueRight 4s linear forwards 3s;
}

@keyframes animation3dayerehBlueRight {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    32.5% {
        transform: scale(0);
        opacity: 0;
    }

    42.5% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.st0 {
    fill: #c6c6c6;
}

.st1 {
    fill: none;
    stroke: #cabdba;
    stroke-width: 9;
    stroke-miterlimit: 10;
}

.st2 {
    fill: none;
    stroke: #50c0e6;
    stroke-width: 9;
    stroke-miterlimit: 10;
}

.st3 {
    fill: none;
    stroke: #60b87d;
    stroke-width: 9;
    stroke-miterlimit: 10;
}

.st4 {
    fill: none;
    stroke: #fccd17;
    stroke-width: 9;
    stroke-miterlimit: 10;
}

.st5 {
    fill: #c7c8c9;
}

.st6 {
    fill: #fccd17;
}

.st7 {
    fill: #fff;
}

.st8 {
    fill: #60b87d;
}

.st9 {
    fill: #cabdba;
}

.st10 {
    fill: #facd13;
}

.st11 {
    fill: #50c0e6;
}

.st12 {
    fill: #3685c6;
}

.st13 {
    fill: #dedede;
}

.st14 {
    fill: #e9ebe6;
}

.st15 {
    fill: url(#3_SVGID_1_);
}

.st16 {
    fill: #7c7c7c;
}

.st17 {
    fill: #c28e5d;
}

.st18 {
    fill: #d9b487;
}

.st19 {
    fill: #b17d53;
}

.st20 {
    fill: #c7996a;
}

.st21 {
    fill: #db9ef4;
}

.st22 {
    fill: #dab483;
}

.st23 {
    fill: #be4527;
}

.st24 {
    fill: #f48120;
}

.st25 {
    fill: url(#3_SVGID_2_);
}

.st26 {
    fill: url(#3_SVGID_3_);
}

.st27 {
    fill: url(#3_SVGID_4_);
}

.st28 {
    fill: #832b1a;
}

.st29 {
    fill: #f05b45;
}

.st30 {
    fill: url(#3_SVGID_5_);
}

.st31 {
    fill: #020202;
}

.st32 {
    fill: #fff;
    stroke: #000;
    stroke-width: .2;
    stroke-miterlimit: 10;
}

.st33 {
    fill: url(#3_SVGID_6_);
}

.st34 {
    fill: #ed7f27;
}

.st35 {
    fill: #0568b4;
}

.st36 {
    fill: #00d7fd;
}

.st37 {
    fill: #08428c;
}

.st38 {
    fill: #232324;
}

.st39 {
    fill: #767776;
}

.st40 {
    fill: #5aecff;
}

.st41 {
    fill: #ead5ca;
}

.st42 {
    fill: #f29955;
}

.st58 {
    fill: #423e4d;
}

svg *[class^="st"]:not(.st58):not(.st59),
svg .pelk {
    /*animation: animationHidden .1s forwards 7s;*/
}

@keyframes animationHidden {
    100% {
        opacity: 0;
    }
}

.tree * {
    stroke: #cabdba !important;
}

.toosi * {
    fill: #cabdba !important;
    stroke: #cabdba !important;
}

svg .logoMarisSvg {
    transform-origin: 950px 313.5px;
    animation: animationLogoMarisSvg 1s forwards 8s;
}

@keyframes animationLogoMarisSvg {
    100% {
        transform: scale(13);
    }
}

.marisLogoText {
    opacity: 0;
    transform: scale(1.4) translate(140px,170px);
    animation: animationMarisLogoText 1s forwards 7s;
}

@keyframes animationMarisLogoText {
    100% {
        opacity: 1;
    }
}


.marisTextFarsi *,
.marisFullText * {
    fill: #423e4d !important;
}

.marisTextEng * {
    fill: #b48607 !important;
}

.marisText {
    opacity: 0;
    transform: translateY(30px);
    animation: animationMarisText .5s forwards;
}

@keyframes animationMarisText {
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.marisTextFarsi {
    animation-delay: 8s;
}

.marisTextEng {
    animation-delay: 8.5s;
}

.marisFullText {
    animation-delay: 9s;
}

.st58 {
    stroke: none !important;
    fill: #423e4d !important;
}

.st59 {
    stroke: none !important;
    fill: rgba(180, 134, 7, 0.60) !important;
}

.star {
    transform-origin: 920px 330px;
    /*animation: animation0Sec7 2s infinite ease-in !important;*/
}

@keyframes animation0Sec7 {
    0%,25%,80%,100% {
        transform: scale(1);
    }

    30% {
        transform: scale(.8);
    }

    35% {
        transform: scale(1.2);
    }

    40% {
        transform: scale(.6);
    }

    50% {
        transform: scale(1.5);
    }

    60% {
        transform: scale(.6);
    }

    70% {
        transform: scale(1.3);
    }
}

.st7 {
    fill: #fff  !important;
}